@charset "utf-8";
/* CSS Document */
/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}

.modal-backdrop.in {
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
    background-color: #333333;
}
.ekko-lightbox .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
}
.ekko-lightbox .modal-header {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
.ekko-lightbox .modal-header .close {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    text-shadow: 0;
    font-weight: 100;
    margin-top: 5px;
}
.ekko-lightbox .modal-header .close:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.ekko-lightbox .modal-header h4.modal-title {
    font-weight: 100;
    color: #fff;
    padding: 0;
}
.ekko-lightbox .modal-body {
    padding: 0;
}
.ekko-lightbox .modal-footer {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 0;
    color: #fff;
    font-weight: 100;
    padding: 0;
}
.ekko-lightbox-nav-overlay a {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    text-shadow: none;
}
			

/*		....................................................................

		global

		#################################################################### */
			
			body {
				color:#25282f;
				background:#FFFFFF;
			}
			.h2, .h3, .h4,
			h2, h3, h4 {
				color:#203e7b;
			}
			.h2, h2 {
				font-size:24px;
			}			
			.h3, h3 {
				font-size:20px;
				color:#454545;
			}			
			.h4, h4 {
				font-size:16px;
			}

/*		....................................................................

		navigation

		#################################################################### */
			
			#top .navbar-nav>li>a {
				padding: 10px 8px;
				color:#999999;
				text-shadow:0 1px 0 #FFFFFF;
			}
			#top .navbar-nav>li>a:hover {
				background:#d8d8d8;
				box-shadow:1px 2px 10px rgba(0,0,0,0.1) inset;
			}
			#top li.current a {
				color:#454545;
				text-shadow:0 1px 0 #FFFFFF;
			}
			#navigation li>a {
				font-family:'great_vibesregular';
				font-size:1.9em;
			}
			#navigation li>a small {
				font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
				font-size:0.45em;
				text-transform:uppercase;
				display:block;
				color:#999999;
			}
			#affixnav {
				background: rgb(242,242,242); /* Old browsers */
				background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */
			}
			.navbar-fixed-top.affix {
				box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
				opacity:0.9;
			}
			.navbar-fixed-top.affix-top {
				position:relative;
				box-shadow:0 40px 40px rgba(255,255,255,0.75) inset;
				opacity:1;
			}
			#footer li>a {
				background:none !important;
				padding: 2px 0;
				color:rgba(255,255,255,0.7);
				text-shadow:0 1px 2px #000000;
				text-decoration:none;
			}
			#footer li>a:focus,
			#footer li>a:active,
			#footer li>a:hover {
				background:none;
				color:rgba(255,255,255,1);
				text-shadow:0 0 10px #FFFFFF;
				text-decoration:none;
			}
			#footer li.current a {
				color:rgba(255,255,255,1);
			}

/*		....................................................................

		layout

		#################################################################### */
			

			.item .lightbox-content {
				position:absolute;
				width:100%;
				bottom:0;
				opacity:0;
				background:rgba(0,0,0,0.7);
				color:#FFFFFF;
				cursor:pointer;
			}
			.item:hover .lightbox-content {
				opacity:0.9;
			}
			.item .lightbox-content,
			.item:hover .lightbox-content {
				transition:opacity ease-in-out 0.35s;
				-o-transition:opacity ease-in-out 0.35s;
				-ms-transition:opacity ease-in-out 0.35s;
				-moz-transition:opacity ease-in-out 0.35s;
				-webkit-transition:opacity ease-in-out 0.35s;
			}
			.lightbox-caption {
				display:block;
				padding:15px;
			}
			.lightbox-caption .h3 {
				margin-top:0;
				color:#FFFFFF;
				font-size:1.2em;
			}
			.tags.list-inline>li {
				display: inline-block;
				padding-left: 5px;
				padding-bottom: 5px;
				padding-right: 0px;
			}
			.bg-primary h2 a {
				color:#FFFFFF;
			}
			.air {
				padding-top:20px;
				padding-bottom:30px;
			}
			.item {
				position:relative;
			}
			.article {
				padding:15px;
				margin-bottom:15px;
				padding-bottom:35px;
				border-bottom:1px solid #e5e5e5;
				box-shadow:1px 8px 15px rgba(0,0,0,0.1);
			}
			.absolute {
				position:absolute;
				width:100%;
			}
			#image .absolute {
				bottom:0;
				padding-top:15px;
				padding-bottom:15px;
				text-align:center;
				/*
				background:rgba(32,62,123,0.5);
				background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(32,62,123,0.75) 100%);
				background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(32,62,123,0.75) 100%);
				background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(32,62,123,0.75) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#bf203e7b',GradientType=0 );
				*/
			}
			.page-header h1 {
				font-size:3.8em;
				color:#999999;
				text-shadow:0 1px 0 #FFFFFF;
				font-family:'great_vibesregular';
			}
			h3.page-header {
				font-family:'great_vibesregular';
				font-size:2em;
			}
			.logo {
				font-family:'great_vibesregular';
			}
			#image .absolute div {
				padding-left:10%;
				padding-right:10%;
			}
			#image .absolute h2 {
				color:#FFFFFF;
				font-family:'great_vibesregular';
				font-size:4em;
				text-shadow:1px 2px 3px rgba(0,0,0,0.7);
			}
			#image .absolute h3 {
				color:rgba(255,255,255,0.9);
				text-transform:uppercase;
				font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
				font-weight:normal !important;
				font-size:2em;
				text-shadow:1px 2px 3px rgba(0,0,0,0.7);
			}
			#top .absolute {
				right:0;
			}
			#top {
				font-size:0.85em;
				height:40px;
				background: rgb(232,232,232); /* Old browsers */
				background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 20%, rgba(240,240,240,1) 80%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 80%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(232,232,232,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 80%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				box-shadow:0 -5px 15px rgba(0,0,0,0.1) inset;
			}
			#contents {
				background:#f9f9f9;
				padding-bottom:60px;
			}
			#footer {
				background:url(../img/background.jpg) center center;
				background-attachment:fixed;
				color:rgba(255,255,255,0.85);
				text-shadow:0 1px 2px #000000;
				padding-top:45px;
				padding-bottom:60px;
			}
			#footer .address {
				border-right: 1px solid rgba(255,255,255,0.35);
			}
			#map_friedelsheim h3 {
				font-size:3.5em;
			}
			#copyright {
				background:url(../img/background.jpg) center center;
				color:#FFFFFF;
				text-align:center;
			}
			#copyright a {
				color:#808080;
			}
			.logo {
				padding-top:30px;
				position:relative;
				z-index:1000;
				overflow:visible
			}
			.map {
				height:400px;
			}
			.shadow {
				position:relative;
				z-index:20;
				box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
			}
			.label-border {
				border:1px solid #999999;
				border-right:1px solid #cccccc;
				border-bottom:1px solid #cccccc;
				box-shadow:1px 1px 1px #FFFFFF;
				color:#999999;
				text-shadow:1px 1px 0 #FFFFFF;
			}
			a.label-border:hover {
				border:1px solid #666666;
				border-right:1px solid #999999;
				border-bottom:1px solid #999999;
				background:#efefef;
				box-shadow:1px 1px 1px #FFFFFF;
				color:#666666;
				text-shadow:1px 1px 0 #FFFFFF;
			}

			#scrollup.affix-top,
			#scrollup.affix {
				transition:bottom ease-in-out 0.35s;
				-o-transition:bottom ease-in-out 0.35s;
				-ms-transition:bottom ease-in-out 0.35s;
				-moz-transition:bottom ease-in-out 0.35s;
				-webkit-transition:bottom ease-in-out 0.35s;
			}
			#scrollup.affix {
				left: 50%;
				margin-left:-33px;
				bottom: 50px;
			}
			#scrollup.affix-top {
				left: 50%;
				margin-left:-33px;
				bottom:-100px;
			}
			#scrollup {
				z-index: 1000;
				float: left;
				position: fixed;
				display: block;
			}
			#scrollup a {
				display: block;
				padding: 10px;
				font-size: 1.5em;
				text-align: center;
				width: 50px;
				height: 50px;
				color:rgba(32,62,123,0.5);
				background:rgba(255,255,255,0.5);
				border: 2px solid rgba(32,62,123,0.5);
				border-radius: 50%;
				text-decoration:none !important;
			}
			.affix {
				position: fixed;
			}
			.downloadbox {
				box-shadow:5px 10px 25px rgba(0,0,0,0.1);
				margin-bottom:25px;
			}
			.downloaditem {
				padding:25px 15px;
				background:#FFFFFF
			}

/*		....................................................................

		slick overrides

		#################################################################### */
			
			.slick-slider
			{
				position: relative;
			
				display: block;
			
				-moz-box-sizing: border-box;
					 box-sizing: border-box;
			
				-webkit-user-select: none;
				   -moz-user-select: none;
					-ms-user-select: none;
						user-select: none;
			
				-webkit-touch-callout: none;
				-khtml-user-select: none;
				-ms-touch-action: pan-y;
					touch-action: pan-y;
				-webkit-tap-highlight-color: transparent;
			}
			
			.slick-list
			{
				position: relative;
			
				display: block;
				overflow: hidden;
			
				margin: 0;
				padding: 0;
			}
			.slick-list:focus
			{
				outline: none;
			}
			.slick-list.dragging
			{
				cursor: pointer;
				cursor: hand;
			}
			
			.slick-slider .slick-track,
			.slick-slider .slick-list
			{
				-webkit-transform: translate3d(0, 0, 0);
				   -moz-transform: translate3d(0, 0, 0);
					-ms-transform: translate3d(0, 0, 0);
					 -o-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			
			.slick-track
			{
				position: relative;
				top: 0;
				left: 0;
			
				display: block;
			}
			.slick-track:before,
			.slick-track:after
			{
				display: table;
			
				content: '';
			}
			.slick-track:after
			{
				clear: both;
			}
			.slick-loading .slick-track
			{
				visibility: hidden;
			}
			
			.slick-slide
			{
				display: none;
				float: left;
			
				height: 100%;
				min-height: 1px;
			}
			[dir='rtl'] .slick-slide
			{
				float: right;
			}
			.slick-slide img
			{
				display: block;
			}
			.slick-slide.slick-loading img
			{
				display: none;
			}
			.slick-slide.dragging img
			{
				pointer-events: none;
			}
			.slick-initialized .slick-slide
			{
				display: block;
			}
			.slick-loading .slick-slide
			{
				visibility: hidden;
			}
			.slick-vertical .slick-slide
			{
				display: block;
			
				height: auto;
			
				border: 1px solid transparent;
			}
			.slick-arrow.slick-hidden {
				display: none;
			}
			
			.slick-prev,
			.slick-next
			{
				position: absolute;
				z-index:1000;
				top: 50%;
				font-size:2em;
				color:#FFFFFF;
				text-shadow:1px 2px 3px rgba(0,0,0,0.5);
			
				display: block;
			
				width: 20px;
				height: 20px;
				margin-top: -10px;
				padding: 0;
			
				cursor: pointer;
				opacity: .5;
			
			}
			.slick-prev:hover,
			.slick-prev:focus,
			.slick-next:hover,
			.slick-next:focus
			{
				text-decoration:none !important;
				color:#FFFFFF;
				opacity: 1;
			}
			.slick-prev:hover:before,
			.slick-prev:focus:before,
			.slick-next:hover:before,
			.slick-next:focus:before
			{
				opacity: 1;
			}
			.slick-prev.slick-disabled:before,
			.slick-next.slick-disabled:before
			{
				opacity: .25;
			}
			
			.slick-prev:before,
			.slick-next:before
			{
				font-size: 20px;
				line-height: 1;
			
				opacity: .75;
			
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			
			.slick-prev
			{
				left: 25px;
			}
			
			.slick-next
			{
				right: 35px;
			}
			
			
			/* Dots */
			
			
			

/*		....................................................................

		phoca gallery overrides

		#################################################################### */

			

/*		....................................................................

		bootstrap overrides

		#################################################################### */
		
			.img-responsive {
				width:100%;
			}
			.navbar {
				margin-bottom:0;
			}
			.navbar-default {
				background:none;
				background-color:#FFFFFF;
				border-radius:0;
				padding:7px 0 0;
				border:none;
				box-shadow:none;
				height:auto;
			}
			.breadcrumb {
				padding: 8px 15px;
				margin-bottom: 20px;
				list-style: none;
				background-color: #f5f5f5;
				border-radius: 4px;
				box-shadow:0 7px 10px rgba(0,0,0,0.05) inset;
			}
			
		@media (min-width: 1199px) {
		}
		@media (min-width: 992px) and (max-width:1199px) {
		}
		@media (min-width: 992px) {
		}
		@media (min-width: 768px) and (max-width:991px) {
		}
		@media (min-width: 768px) {
		}
		@media (max-width: 767px) {
			#image .absolute h2 {
				font-size:2em;
				margin-bottom:5px;
			}
			#image .absolute h3 {
				font-size:1em;
				margin-top:5px;
			}
			#image .absolute hr {
				margin-top:5px;
				margin-bottom:5px;
			}
			#top .navbar-nav {
				margin-top:0;
				margin-bottom:0;
			}
			#top .nav>li {
				float: left;
				position: relative;
				display: block;
			}
		}