/* Hauptfarben */ 
/* #a6c754 HELLGRUEN */ 
/* #008b45 GRUEN */
/* #0e4430 DUNKELGRUEN */
/* #a4001f ROT */

@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
/* CSS Document */
/* TAGS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html { height: 100%; -ms-overflow-style: scrollbar; }

body {
	font-size:13px;
	line-height:24px;
	color:#0e4430; 
	text-align:left; 
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	padding: 0;
	margin: 0;		
}

.red { color: #a4001f; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin: 0.75em 0; padding: 0; clear: both; }
input, select { vertical-align: middle; }
input, select, textarea, button { font-family:Verdana, Geneva, sans-serif; }
strong, th, b { font-weight: bold; }
img { border:0;}
p, article td, article ol li, article ul li { 
	margin: 0 0 1em 0; 
	line-height: 18px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;	
	font-weight: 400;
	color: #0e4430;
}

article {	
	overflow: hidden;
	background-color: #FFF;
	padding: 12px;
}
article .mapWrap  { margin-top: 15px; }
article td {
	text-align: left;  
}
article td:first-child {
	width: 20%; 
}

a { color: #0e4430; text-decoration: underline; outline:none; border: none;}
a:hover { color:#a4001f; text-decoration:underline; background-color: transparent;}
article a { text-decoration: underline !important; outline:none; border: none; }
article a:hover { color: #a4001f; }
a.more { color: #a4001f; font-weight: 600; }
a.more:hover { color:#a4001f; text-decoration: underline; }
article table { /*clear:both; width:100% !important;*/height:auto !important; }
i, em { font-style:italic; }
u { text-decoration:underline; }
a:focus { outline: none; }
article a.dl_item { text-decoration: none !important; color: #008b45; position: absolute; }
.dl_item .glyphicon { font-size: 16px; color: #008b45; margin-top: 3px; }
.gallery { margin-top: 20px; }
/*.gallery .imgContainer:nth-child(2n+1) { clear: both; }*/
.imgContainer { margin: 0 20px 50px 20px; }
td { vertical-align:top; }
.table td {font-size:1.5em; }
.pagerJumper a { text-decoration: none; width:30px;	height:30px; background-color: #a6c754; color: #FFF; background-image: none; }
.pagerJumper a.aktiv, .pagerJumper a:hover { background-color: #008b45; font-style: normal; text-decoration: none; color: #FFF; }
.pagerJumper a { text-decoration: none !important; }
.pagerJumper a.sprt { width: auto; padding-left: 1em; padding-right: 1em; }

h1, h2, h3, h4, h5, h6 { line-height:1.33em; text-align: left;}
h1, h2, h4 {
	font-size: 15px;
	color: #008b45;	
	margin-bottom: 1em;
	text-transform: none;
}
h1 { background-color: #008b45; padding: 6px 15px; color: #FFF; font-weight: 700; }
h2 { margin: 0.5em 0; }

h3, h4 {
	text-decoration: none;	
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0.5em;
    padding-bottom: 0.5em;
}
h3 a, h4 a, .dateText, .modal h4 { text-decoration: none !important; color: #008b45; font-weight: 600; }
.dateText { margin-right: 5px; padding-right: 10px; position: relative; }
article:not(.article) .dateText:after {
	content: "";
	background-color: #008b45;
	width: 2px;
	height: 12px;
	position: absolute;
	top: 4px;
	right: 0;
}
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:0.8em; font-weight:bold; }

/* MISC */
img.icon { width:16px; height:16px; }
p.fehler {color:#900;}
.hr { margin:0.8em 0; padding:0; height:1px; background:#e5e5e5; }
.hr hr { display:none; }
.right { float:right; margin:0 0 12px 12px; text-align:right; }
.left { float:left; margin:0 12px 12px 0; text-align:left; }
.left .imgWrap, .right .imgWrap { margin-bottom:12px;}
article .imgWrap { margin-bottom: 1em; position: relative; }
.imgWrap .fullWidth.imgNone { margin-left: 0; margin-right: 0; }
.fullWidth .caption { display: none; }
.img-count {
	/*display: none; anzeigen 24.09.2021 */
    position: absolute;
    bottom: 7px;
    right: 7px;
    background-color: #008b45;
    padding: 0 10px;
    color: #FFF;
    font-size: 13px;
    border-radius: 2px;
	pointer-events: none;
}
.left .imgWrap img, .right .imgWrap img { margin-bottom:12px; border: 1px solid #BBBBBB;}
.schrift_klein { font-size:0.8em !important; line-height:1.4em !important; }
.schrift_kleiner { line-height:1.4em; display:block;}
.highlight { color:#267f11; font-weight:bold; }
.anchor, .versteckt { display:none; }
.accordion { line-height:24px; }

.pTop { margin-top:0.2em; }
.backLink { position:relative; margin:0.75em 0; height:20px; display:none;}

.success { color:#267f11; }
.hint { color:#000000; font-size: 120%; margin:0;}

.pages { text-align:center; background-color: #FFF; padding: 15px; }
.pages a { color:#008b45; text-decoration:none; }
.pages a.disabled { color:#999; font-style:italic; cursor:not-allowed; }

#content a { text-decoration: none;}
#content ul, ol { margin:1em 0 1em 1.5em; padding:0 0 0 1em;  }
#content ul li { padding:0; }

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clear { clear:both; height:0; line-height:0; font-size:0; }


/* HEADER, STANDARD NAVIGATION */
#header-box {
	background-color: #a6c754;
	color: #FFF;	
	border-top: 10px solid #FFF;
	border-bottom: 2px solid #FFF;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.16);
	position: relative;
}
#kopfgrafik_right:before {
	content: "";
	position: absolute;
	background-color: #a6c754;
	opacity: 0.95;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#header-box .col-xs-2 {
	text-align: center;	
}

#slogan-link { display: block; background-color: #FFF; text-align: center; }
#slogan-link img { position: relative; top: 4px; }
#slogan p { color: #FFF; font-size: 1.9em; line-height: 1.2em; margin: 0 0 0.7em 0; text-shadow: 2px 2px 5px rgba(0,0,0, 0.13); font-weight: 400;  }
#kopfgrafik_left {
	position: absolute;
    width: 20%;
    left: 0px;
    top: 0px;
    bottom: 0px;	
}
#kopfgrafik_right {
	position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;	
}

/* Bildwechsler */
#slideshow	{
	margin-top: 3em;
}

.carousel-caption { 
	font-size: 15px; 
	text-align: left; 
	font-weight: 300; 
	left: 15px; 
	right: auto; 
	padding: 6px 10px; 
	bottom: 15px; 
	background-color: rgba(14,68,48,0.8); 
	pointer-events: none; 
}
.carousel-control { 
	float: none; 
	top: 0; 
	bottom: 0;
	left: 0; 
	width: 15%; 
	margin-top: -14px;
	z-index: 100; 
	background: none !important;
	transition: all 0.5s ease 0s;
}
.carousel-control.left:before, .carousel-control.right:before {
	content: "";
	background: url(../img/template/slideshow_pfeile.png) 5px -3px no-repeat !important;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -14px;
	width: 24px;
	height: 28px;	
}

.carousel-control.right:before { left: auto; right: 15px; background-position: -22px -3px !important; }

/* Flex Boxen */
.park-flexboxen .flex_box { margin-bottom: 30px; }
.flex_box, .articleGrid { position: relative; }
.flex_box .text-link, .articleGrid .info {
	background-color: rgba(25,150,87, 0.9);	
	color: #FFF;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	padding: 6px 10px 10px 10px;
	line-height: 15px;
	min-height: 50px;
	z-index: 10;
}
.panorama:not(.col-sm-12) .info { pointer-events: none; }
article.col-sm-12.panorama.articleGrid { padding-bottom: 30px; }
article.col-sm-12.panorama .info {
	background-color: rgba(25,150,87, 1);
}


.articleGrid { background-color: transparent; position: relative; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; }
.articleGrid .imgWrap { margin-bottom: 0; }
.articleGrid .headline { left: 0; right: 0; margin: 0 !important; }
.articleGrid .headline a, .articleGrid .headline, .flex_box .headline { color: #FFF; text-decoration: none !important; font-size: 13px; font-weight: 400; }
.gridWrap { margin-top: 25px; }
.gridWrap.container .imgWrap { margin-bottom: 0; }
#fremd_content .flex_box { margin-bottom: 30px; }
.articleGrid .headline a { display: block; }
.articleGrid .headline span, .flex_box .headline span { display: block; color: #FFF; text-transform: uppercase; font-weight: 600; margin: 0; padding: 0; }
.flex_box .text-link h4 { margin: 0; padding: 0; color: #FFF; font-weight: 600; text-transform: uppercase; } 
.start .flex_box .text-link h4 {text-transform: inherit; }
.flex_box .vid { padding-bottom: 100%; }
.flex_box .video-titel  { 
	background-color: rgba(255,255,255, 0.8); 
	color: #008b45; 
	text-decoration: none; 
	position: absolute; 
	top: 20px; 
	left: 25px; 
	right: 25px; 
	text-align: center; 
	padding: 5px 10px;
	font-weight: 600; 
}
article .vidWrap { padding: 0 10px 15px 10px; min-width: 320px; }
.vidWrap .caption { text-align: center; margin-top: 5px; font-size: 13px; }
.articleGrid .caption { Display: none; }

/* Bootstrap Carousel Fade */
#slideshow .left, #slideshow .right { margin: 0; }
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 1.2s ease-in-out;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}

#wrapper {
	height: auto !important;
    margin: 0 auto;
    min-height: 100%;	
	overflow: hidden;	
	
	background: #e4eecc;
	background: -moz-linear-gradient(top, #e4eecc 0%, #cceedf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e4eecc), color-stop(100%, #cceedf));
	background: -webkit-linear-gradient(top, #e4eecc 0%, #cceedf 100%);
	background: -o-linear-gradient(top, #e4eecc 0%, #cceedf 100%);
	background: -ms-linear-gradient(top, #e4eecc 0%, #cceedf 100%);
	background: linear-gradient(to bottom, #e4eecc 0%, #cceedf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4eecc', endColorstr='#cceedf', GradientType=0 );
}

#wrapper:before {
	position: fixed;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../img/template/spiralen.png) center top repeat-x fixed;
	background-size: contain;
}

/* MAIN NAVIGATION */
.navbox .row > div { padding-left: 0; }
.navbar {
	width: 100%;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

#navmain {	
	margin-bottom: 0;
	list-style: none;
	background-color: rgba(255,255,255, 0.9);
	padding: 2px 6px;
	display: table;
	table-layout: auto;
	width: 100%;
	position: relative;
}

.pl #navmain, .en #navmain { table-layout: auto; }

#navmain li {
	display: inline-block;
	text-align: center;
	display: table-cell;
}

#navmain li a {
	color: #008b45;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
	font-weight: 400;
	transition: color 0.5s ease 0s;
}

#navmain > li > a {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#navmain > li:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 70%;
	top: 15%;
	background-color: #a6c754;
}

#navmain li:last-child:after { display: none; }

#navmain li a:hover, #navmain li a.active {
 	color: #a4001f;
 	text-decoration: none;
}


/* HAUPTMENÜ UNTERPUNKTE */
#navmain .submenue { 
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 100;	
}
#navmain li ul {		
	padding: 2px 0;
	padding-right: 30px; 
	min-height: 150px;
}
#navmain li .submenue { padding-top: 40px; }
#navmain li:hover .submenue { display: block; }
#navmain li .submenue > div > div { padding: 0; }

#navmain li .submenue > div { background-color: rgba(166,199,84, 0.98); display: table; width: 100%; box-shadow: 1px 1px 3px #222; }

#navmain li ul li { display: block; background: none; }
#navmain li ul li a {
	text-align: right !important;	
	padding: 7px 10px 7px 0;
	font-size: 15px; /* 19px */
	border-bottom: 1px solid #87ab52;
	color: #0e4430;
	transition: background-color 0.5s ease 0s;
	text-transform: initial;
	display: block;
}
#navmain li ul li:last-child a { border-bottom: none; }
#navmain li ul li a:hover, #navmain li ul li a.active { color: #FFF; background-color: #b9db64; }
#navmain .submenue .imgWrap { border-right: 10px solid #87ab52; overflow: hidden; }
.submenue .backimg { 
	position: absolute;
	height: 100%;
	width: 30%;
	left: -17%;
	margin-left: -15px;
	border-right: 10px solid #87ab52;
	background-size: cover !important;
	box-shadow: -1px 1px 3px #222;
	min-height: 150px;
}
/* große Liste umstrukturieren */
#navmain li .submenue.biglist { left: -180px; }
#navmain li .biglist ul li a {
	font-size: 14px;
	text-align: left !important;	
	border-bottom: none;
	padding-left: 5px;
	line-height: 19px;
}
#navmain li .biglist ul {
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
	
	padding: 40px 20px 15px 20px;
}
#navmain li .biglist ul li {
	line-height: 1em;
	display: block;
}
#navmain li .biglist ul li:first-child {
	position: absolute;
	left: 20px;
	right: 0px;
	top: 10px;
}

/* 3: Menüebene nicht im Aufklappmenü */
#navmain li ul li ul { display: none; }

/* SUCHLEISTE */


/* STANDARD NAVIGATION */
#navStd ul {
	list-style: none;
	text-align: right;
	margin-top: 0.5em;	
}

#navStd li {
	padding-left: 15px;
	display: inline-block;
}

#navStd li a { 
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	text-shadow: 2px 2px 5px rgba(0,0,0, 0.13); 
}

.langs { list-style: none; margin-top: 6px; margin-left: 10px; }
.langs li { display: inline-block; background-color: #008b45; margin-left: 5px; transition: background-color 0.5s ease 0s; }
.langs li a { color: #FFF; text-decoration: none; padding: 1px 5px; text-transform: uppercase; }
.langs li:hover { background-color: #a4001f; }
.langs li.aktiv a { font-weight: 600; }

/* Mobile Navi */
body.open #header-box { /*position: fixed;*/ z-index: 9999; background-color: #FFF; left: 0; right: 0; }
body.open {
    overflow: hidden;
}
#mobile-nav { top: -1000px; margin: 0 0; }
#mobile-nav, .hovermenue, #navMain .glyphicon, #mobile-wrapper { display: none; }
#mobile-wrapper { background-color: rgba(255,255,255, 0.8); padding: 3px 5px; margin: 10px 10px 20px 0; }
#mobile-nav.aktiv { 
	display:block; 
	top: 0;
	position: absolute;
	width: 320px;
	z-index: 200;
	opacity: 0.98;
	overflow: auto;
	height: 100%;
}
#menueTrigger {
	border: medium none;
    border-radius: 0;
    clear: right;
    color: #008b45;
    cursor: pointer;
    display: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
#menueTrigger .glyphicon  { position: relative; top: 3px; font-size: 24px; }
.trigger-text { display: inline-block; margin-left: 15px; position: relative; top: -3px; font-size: 15px; }

#mobile-nav.aktiv { display: block; position: absolute; z-index: 200; width: 100%; overflow: auto; height: 100%; background-color: #a6c754; padding-top: 95px; }

#mobile-nav li ul { display: none; position: relative; box-shadow: none; width: 100%; left: 0; right: 0; top: 0; }
#mobile-nav li ul li { text-align: right; border-top: 1px dashed #008b45 !important; }

/* Standardnavi mobil */
#mobile-nav #navStd { padding: 15px; display: table; width: 100%; }
#mobile-nav #navStd li {
	float: left; 
	width: 25%;
}
#mobile-nav #navStd li a { 
	color: #FFF; 
	text-align: center; 
	background-color: #008b45;
	border-radius: 5px;
	padding: 2px 5px;
	width: 100%;
}

/* Unterpunkte bei Klick */
#mobile-nav .hovermenue ul { display:none; background-color: #fff4df; margin:0; }
#mobile-nav .hovermenue ul li, #mobile-nav .hovermenue ul li:nth-child(2n+1) { background-color:transparent; }
#mobile-nav .hovermenue ul li a { background: none; text-transform: capitalize !important; }
#mobile-nav .hovermenue .glyphicon { display: none !important; }
#mobile-nav .hovermenue ul li a:hover,#mobile-nav .hovermenue ul li:hover { background: none; font-weight:bold; }

#mobile-nav #navall .iconMenuTriggerDwn { display: inline-block; }
.iconMenuTriggerDwn {
    border-left: 1px solid #FFF;
    color: #FFF;
    height: 40px;
	width: 40px;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    top: 4px;
}
.iconMenuTriggerDwn:hover, .iconMenuTriggerDwn.active {
    cursor: pointer;
	color: #008b45;
}
li.active .iconMenuTriggerDwn:hover, li.active .iconMenuTriggerDwn.active {
	color: #008b45;
}


#mobile-nav #navmain { 
	float:none; 
	margin:0 auto; 
	width:100%; 
	position: relative !important; 
	width: 100% !important; 
	height: auto !important; 
	padding: 0; 
	box-shadow: none; 
	background-color: transparent !important;
}
#mobile-nav #navmain > li > a { color: #FFF !important; }
#mobile-nav #navmain > li:hover a, #mobile-nav #navmain > li.aktiv a { color: #222; }

/* Hauptmenüpunkte umstylen */
#mobile-nav #navmain li, #mobile-nav #stdnav li { margin: 0; padding: 0; width: 100%; position: relative; display:block; border:none; }	
#mobile-nav #navmain li.first a { border-top: none; }
#mobile-nav #navmain li a, #mobile-nav #stdnav li a {
	border: none;
	text-transform: uppercase;
	padding: 12px 10px;
	padding-left: 20px;
	font-size: 16px; 
	color: #FFF;
	margin: 0 5px;
	font-style: normal;
	border-top: 1px solid #008b45;
	text-align: left;
	display: block;
}
#mobile-nav li ul li a { 
	padding: 5px !important; 
	text-transform: capitalize !important; 
	display: inline-block; 
	border: none !important;
	color: #FFF !important;
}
#mobile-nav #navmain li a:before { content:""; display:none; }

#mobile-nav #navmain li a .main-subtext {
	display: none;
}

#mobile-nav #stdnav { padding: 0 10px; margin: 0; width: 100%; display: block; text-align: left; }
#mobile-nav #navStd li { display: inline-block; }
#mobile-nav #navStd li a {  margin-bottom: 5px; }
#mobile-nav #navStd li a:hover {  }

/* CONTENT */
#main {
	padding-bottom: 140px;
}

#content { min-height:200px; }

#breadcrumb {  margin: 1em 0;  }
#breadcrumb a { color: #0e4430; font-size: 12px; text-decoration: none; font-weight: 400; }
#breadcrumb span { font-size: 15px; margin: 0 3px; }

/* ARTIKEL */
article ul, .article ul {
	list-style: none;  
	margin-bottom: 1em;
}
article ul li, article ol li { position: relative; margin: 2px 0 2px 1em; padding-left: 15px; }
article ul li:before, article ol li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
	height: 5px;
	background: url(../img/template/listenpunkt.png) 0 0 no-repeat;	
}

.pagination { text-align: center; }
.pagination li:before { display: none; }
.pagination a { text-decoration: none !important; color: #0e4430 !important; }
.pagination .active a { background-color: #a4001f !important; color: #FFF !important; border: 1px solid #a4001f !important; }

.langtext-toggle.btn { 
	color: #FFF;
	background-color: #a6c754;
	border-radius: 0;
	font-size: 13px;
	padding: 2px 10px;
}
.langtext-toggle .glyphicon { font-size: 11px; }
.langtext-toggle.open {
	background-color: #CCC;	
}
.langtext.collapse, .langtext.collapsing { margin-top: 15px; }


/* Bilder Viewer Titel oben ausblenden wegen Doppelung */
.ppt { display: none !important; }

/* Boxen rechte Seite */
#navSub, #article_media .downloads, .boxContent, #event-link { background: rgba(255,255,255, 0.8); }
#navSub, #article_media .downloads, #parkinfo { margin-bottom: 2em; }
#navSub ul { list-style: none; padding: 15px; }
#article_media .downloads ul { list-style: none; padding: 0 10px 10px 10px; }
#navSub ul li { text-align: right; border-bottom: 1px solid #e5efce; padding: 8px 0 8px 10px; position: relative; }
#navSub ul li a, #article_media .downloads a { display: block; text-decoration: none; color: #0e4430; font-weight: 600; line-height: 18px; }
#article_media .downloads a { font-weight: 400; word-wrap: break-word; }
#navSub ul li a:hover, #navSub ul li a.aktiv { color: #a4001f; }
#navSub ul li:last-child { border-bottom: none; }
#navSub > ul > li > a:hover:before, #navSub > ul > li > a.aktiv:before {
	content: '«';
	position: absolute;
	left: 0;
	top: 6px;
}

/* 3. Menüebene */
#navSub ul li ul { padding: 5px 0; }
#navSub ul li ul li { border: none; padding: 2px 0; }
#navSub ul li ul li a {
	color: #008b45;
	font-size: 12px;
	padding-right: 5px;
	border-right: 3px solid #008b45;
}
#navSub ul li ul li a.aktiv, #navSub ul li ul li a:hover { border-color: #a4001f; }
/*#navSub ul li ul li a:before {
	content: '«';
	position: absolute;
	right: 0;
	top: 1px;
}*/

#parkinfo h3 { text-align: left; font-size: 14px; }
.boxHead, #article_media .downloads h4 { 
	background-color: #a6c754;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	color: #FFF;
	display: block;
	font-size: 14px;
	padding: 6px 10px !important;
	text-shadow: 1px 1px 3px #93b04a;
	margin: 0;
	line-height: 24px;
}
.boxContent, #parkinfo .ui-accordion .ui-accordion-content {
	padding: 10px 10px 5px 10px !important;
}
.boxContent strong { color: #008b45; }

#parkinfo .ui-accordion-header-icon {
	display: none;	
}
#parkinfo .ui-state-focus:not(.ui-state-active) { background-color: #a6c754 !important; border: none; }
#parkinfo .ui-state-default:hover { background-color: #a4001f !important; }

#parkinfo .ui-accordion-header {
	margin-top: 0;
	border-bottom: 1px solid #7f993d !important;
}

.box-white {
	background-color: rgba(255,255,255, 0.8);
	box-shadow: 2px 2px 5px #80a190;
	padding: 5px 15px 15px 15px;
}
.subsite .box-white { padding: 15px; }
.article-symbol { margin: 8px 10px 0 0; height: 32px; width: auto; }
.article-symbol:hover { cursor: help; }

/* Liste mit Veranstaltungen */
#events_liste, .event_list { padding: 0 !important; }
#events_liste ul { list-style: none; }
#events_liste.boxContent { list-style: none; padding-left: 0 !important; padding-right: 0 !important; }
#events_liste ul li { border-top: 1px solid #dfecc5; padding: 10px 15px; clear: both; }
.flex_box #events_liste ul li {  padding: 10px 15px 0 15px; }

#events_liste h5, #events_liste h5 a, #event-link a { color: #008b45; font-weight: 400; margin-bottom: 2px; font-size: 14px; text-decoration: none; }
#events_liste h5 a { font-weight: 600; }
#events_liste .date { width: 25%; float: left; font-size: 16px; text-align: center; line-height: 18px; }
#events_liste .date span { font-size: 11px; text-align: center; display: block; }
#events_liste .description { padding-left: 30%; font-size: 12px; }
#events_liste p { margin: 0; line-height: 16px; font-size: 12px; }

#events_liste .date.period .glyphicon { display: block; font-size: 16px !important; margin: 5px 0; }
#events_liste .date.period { font-size: 11px; font-weight: 600; }
#events_liste .date.period span { display: inline; }

#events_liste ul li:hover, #event-link:hover { background-color: #FFF; cursor: pointer; }
#events_liste ul li:hover .date, #events_liste ul li:hover h5, #event-link:hover a { color: #a4001f; }
#events_liste ul li h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#events_liste a { text-decoration: none; }
.flex_box #events_liste ul li#event-link { padding-top: 0; }
#event-link a { display: block; text-align: center; padding: 21px 5px; }
.start #event-link a { padding: 8px 5px; }

/* Veranstaltungssuche */
#events_abfrage li:before { display: none; }
#events_abfrage li { clear: both; margin: 0; border-bottom: 1px dashed #a6c754; padding: 10px 0; transition: background-color 0.5s ease 0s; }
#events_abfrage li:hover { background-color: #FAFAFA; cursor: pointer; }
#events_abfrage .img-spalte { padding-right: 0; overflow: hidden; max-height: 85px; }
#events_abfrage .date { font-size: 16px; text-align: center; line-height: 18px; }
#events_abfrage .date span { font-size: 11px; text-align: center; display: block; }
#event_xml .date .glyphicon-calendar { left: -30px; }
#events_abfrage .label, #event-container .label { background-color: #a6c754; font-size: 80%; }
#event-container .info { margin-top: -5px; }
#events_abfrage h3 { padding: 0; margin-top: 0.8em; }
#events_abfrage .glyphicon, #events_liste .date .glyphicon { color: #a6c754; }

/* Veranstaltung Details Tabelle */
.event-info .list-group { display: inline-block; margin-top: 1em; }
.event-info .list-group li { margin: 0; padding: 0.5em 3em 0.5em 0.5em; border: none; }
.event-info .list-group li:before { display: none; }
.event-info .list-group li strong { display: inline-block; min-width: 100px; font-weight: 600; color: #008b45; }
.event-info .list-group li:nth-child(2n+1) { background-color: #f3fbe9; }
.event-info h2 { padding: 0.5em 5em 0.5em 0.5em; color: #FFF; background-color: #a6c754; font-weight: 600; clear: both; display: block; }

/* Veranstaltung Popup */
.modal img { width: 100%; text-align: center; }
.img-popup { width: 100%; max-height: 250px; overflow: hidden; }

/* Liste mit Parks bei Reisen und Erleben */
.park-list h3 { margin: 0; }
.park-list p { margin: 0; }
.park-list .row { margin-bottom: 10px; }
.park-list .col-md-10 > a { font-weight: 600; text-decoration: none !important; margin-top: 5px; }

/* Parks Karte */
#projektkarte .map_canvas {
    height: 800px !important;
	min-height: 300px;
	height: 80vh !important;
}
#projektkarte { background-color: #FFF; margin-bottom: 30px; }
#projektkarte .mapWrap { padding: 0 15px; }
#projektkarte .alert { margin: 0 15px 10px 15px; }
.box_search { background-color: rgba(255,255,255,0.8); }
.box_search .boxHead { background-color: #008b45; padding: 4px 15px !important; }
.col-md-12 .box_search { margin-top: 15px; padding: 15px; }
.col-md-12 .box_search label { display: none; }
.col-md-12 #searchSubmit { margin-left: 0; }
#projektsuche { padding: 5px 15px; margin-bottom: 30px; margin-top: 5px; }
#projektsuche .main-option { color: #008b45; font-weight: 700; background-color: #d3e5b2; padding: 5px; width: 100%; position: relative; margin-bottom: 10px; }
#projektsuche .main-option:hover { cursor: pointer; }
.main-option .glyphicon { position: absolute; right: 5px; top: 6px; }
#projektsuche #srcFree, #searchSubmitName { width: 100%; margin-left: 0; }
#projektsuche #srcFree { background-color: #FFF; border: 1px solid #008b45; }
#form_reset, #form_reset input { color: #008b45; background-color: transparent; border: none; }
#projektsuche input[type="checkbox"] { height: inherit; float: none; margin-top: 5px; margin-bottom: 5px; }
#projektsuche .checkit { margin: 5px 0; float: none; position: relative; }
#projektsuche hr { margin-bottom: 0; background-color: #d3e5b2; }

.checkbox-img { position: absolute; right: 0; }

/* Karte Ergebnisraster */
.place_box { position: relative; margin-bottom: 15px; min-height: 23px; }
.place_box a, .place_box > div { position: relative; } 
.place_box > div { 
	display: block;
	max-width: 100%;
	height: auto;
}
.place_box .titel { background-color: #008b45; color: #FFF; padding: 5px 10px; position: absolute; left: 0; right: 0; bottom: 0; line-height: 18px; z-index: 10; }
/* Lupe bei Boxen für Detail */
.lupe { 
	color: #FFF;
    font-size: 60px;
    left: 50%;
    margin-left: -30px;
	margin-top: -30px;
    opacity: 0;
    position: absolute;
    top: 100%;
	transition: all 0.5s ease 0s;
	z-index: 10;
}
.place_box:hover .lupe { opacity: 0.7; top: 50%; }
.place_box:hover a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #008b45;	
	opacity: 0.3;
}
.downloads a.file-link { padding-left: 60px; }
.downloads h4 { 
	font-weight: 600;
	color: #222;
	background-color: #EEE;
	padding: 6px 10px; 
}
.downloads a { text-decoration: none !important;  font-weight: 600; }
.downloads li { border-bottom: 1px solid #AEAEAE; }
.downloads li:last-child { border: none; }
.downloads li:before { display: none; }
.downloads small div {  font-weight: 400; }
.downloads button { float: right; z-index: 100; position: relative; color: #a4001f; font-size: 14px; }
.download small img { position: relative; float: left; margin: 5px 10px 5px 0; }
.downloads .file-icon { position: relative; float: left; margin-right: 10px; }

/*.downloads a.file-link { 
	position: relative; 
	padding-left: 0; 
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.downloads a.file-link img { 
	position: relative; 
	float: left; 
	margin-right: 10px; 
}*/

.downloads a.file-link.hasImg .img-wrapper { width: 50px; height: 50px; overflow: hidden; position: absolute; left: 0; top: 0; }
.downloads a.file-link.hasImg .img-wrapper img { width: 50px; height: auto; }

.download_list .imgContainer { 
	width: 45% !important;
	height: auto !important;
}
.download_list a { float: left; margin-right: 20px; }
.meta { line-height: 18px; }
.meta span { border-bottom: 1px solid #ccc; display: block; padding: 5px 0; }
.meta span:first-child { padding-top: 0; }

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.map_canvas {
    color: #000000;
    height: 300px;
    width: 100%;
	margin-bottom: 1em;
}
.map_canvas,
.map_canvas * { .box-sizing(content-box); }

/* Optional responsive image override */
.map_canvas img { max-width: none; box-shadow: none; }
.map_canvas #map_content p { margin: 0; padding: 0; }

/* FOOTER */
#footer {
	height: 110px;
	margin-top: -135px;
	position: relative;
	color: #949393;
	padding-top: 20px;
}

#footer p {
	color: #949393;
	font-size: 13px;
	line-height: 24px;
    margin-bottom: 0;
}

#partner { padding: 0 10px; height: 80px; }
.owl-stage-outer { height: 70px; }
#partner .owl-item { height: 50px; }
#partner img { height: 50px; width: inherit; }
#partner > p {
	font-weight: 400;
	color: #0e4430;
	display: block;
	position: relative;
	top: -4px;
	left: -15px;	
	font-size: 12px;
}
#partner-right > p {
	font-weight: 400;
	color: #0e4430;
	display: block;
	position: relative;
	top: -4px;
	left: 12px;	
	font-size: 12px;
}
#partner-right a { width: 100%; text-align: center; display: block; }

/* Menünavigation */
#treeNav {
	list-style: none;
	display: table;
	width: 100%;
}
#treeNav li {
	display: table-cell;
	width: 35%;
	line-height: 16px;
}
#treeNav li#nav-left { text-align: right; }
#treeNav li#nav-center { width: 30%; text-align: center; }
#treeNav li#nav-right { text-align: left; }
#treeNav li a { text-decoration: none; font-weight: 600; }

/* PDF, Newsletter ... Buttons */
#footer_buttons .col-xs-6.leftside { padding-right: 0;  }
#footer_buttons .col-xs-6.rightside { padding-left: 0;  }
.print-btn.facebook, .print-btn.instagram { color: #FFF; padding: 10px 15px 3px 15px; margin-top: 0; }
.facebook { /*background-color: #3b579d;*/  margin-right: 9px; }
 /*.facebook:hover { background-color: #4565b6; } 
.instagram {background-color: #e91071; }
.instagram:hover { background-color: #ff2888; }*/
.facebook img, .instagram img { width: 100%; max-width: 29px; }

#footer_buttons a { color: #FFF; text-decoration: none; font-size: 11px; }
#footer .facebook p { line-height: 14px; }
.facebook img, .instagram img { display: inline-block; }

.img-btn { background-color: #a4001f; width: 40px; height: 40px; float: left; margin-right: 10px; position: relative; transition: background-color 0.5s ease 0s; }
.img-btn:hover { background-color: #7f081e; }
.img-btn:before {
	content: "";
	position: absolute;
	background: url(../img/template/footer_buttons_sprite.png) 0 0 no-repeat;
	top: 9px;
	left: 9px;
	width: 30px; 
	height: 30px;
}
#footer #link-newsletter p, #footer #link-seitensuche p { color: #a4001f; font-size: 11px; line-height: 14px; padding-top: 5px; padding-right: 8px; }
#link-newsletter, #link-seitensuche { display: block; clear: both; }
#link-newsletter .img-btn { margin-bottom: 22px; }
#link-seitensuche .img-btn:before { background-position: -30px 0 }

.print-btn { display: inline-block; margin-top: 14px; }
.print-btn .img-btn { background-color: #a6c754; margin-right: 0; float: none; }
.print-btn .img-btn:hover { background-color: #bfe65e; }
#link-sitemap .img-btn:before { background-position: -63px; top: 7px; left: 7px; }
#link-print .img-btn:before { background-position: -99px; top: 6px; left: 7px; }
#link-pdf .img-btn:before { background-position: -137px; top: 5px; left: 7px; }
#link-scroll .img-btn:before { background-position: -165px; top: 5px; left: 7px; }
#link-pdf .img-btn { margin-right: 0; }
#link-print { margin: 0 2px; }

#newsletterForm { background: #FFF; padding: 5px 15px 15px 15px; }

/* SITEMAP */
#sitemap ul { margin:0; padding:0; list-style:none; }
#sitemap ul li { float:left; width:240px; margin:0 5px 10px 0; padding:0; font-size: 20px; line-height: 25px; }
#sitemap ul li.lvl1 { background-image:none !important; }
#sitemap ul li div { z-index: 1; position: relative; }
#sitemap ul li span { padding:5px; display:block; }
#sitemap li ul { margin: 0 5px 0; padding: 5px; background: rgba(255,255,255, 0.8); }
#sitemap li ul li { float:none; width:auto; padding:0 0 0 15px; margin:0; font-size:15px; }
#sitemap li ul li span { font-weight:normal; padding:0; }
#sitemap li ul li ul { padding:0; margin:0; border:0; }
#sitemap ul li a { color:#666666; text-decoration: none; }
#sitemap ul li > a { color: #008b45; }
#sitemap ul li a:hover { text-decoration:underline; }
#sitemap h2 { color: #222; }

/*SUCHE*/
.search_results { background-color: rgba(255,255,255,0.8); padding: 15px; }
.search_results h3 { padding:0; margin:0; }
.search_results .depthpath { color:#999; font-style:italic; }
.search_results .depthpath a { color:#666; }
.search_results { margin-top: 1em; }

/* SEITENSPRUNGFUNKTION */
.jumper { text-align:left; padding:0 0 16px 0; padding-left: 160px; }

/* FORMS */
.form table { width: 100%; }
.form td, .form .klabel {  padding: 5px 0; }
.form .fehler_text {  padding: 0; }
.form label { font-size: 13px; color: #0e4430;  min-width: 140px; float: left; margin: 0; }
#event_xml.form label.checkit { min-width: 10px; width: 50%; display: block; }
.check-block { margin: 10px 0 10px 140px; }
.form label.checkbox { display: inline; font-size: 13px;  padding: 0; }
.optsContainer { margin-bottom: 5px; margin-top: 5px; line-height: 18px; clear: left; }

.form legend { color: #008b45; font-weight: 600; }

.form input[type="text"], .form input[type="email"], .form select, .form textarea, #submit, .form input[type="number"] {	
	box-shadow: none;
	height: 30px;	
	border: none;
    border-radius: 0;
    color: #000000;	
	transition: none;
	padding: 5px 10px;
}
.form input[type="text"], .form input[type="email"], .form select, .form textarea,#submit, .selectWrap { width: 400px; background-color: #E5E4E3; }
.form input[type="number"] { background-color: #E5E4E3; }
.form textarea {
	min-height: 80px;
	min-width: 400px;
}
.hint.fehler_text { margin-left: 0; }
#submit {
	padding: 5px;
	background-color: #CCCCCC;
}
#submit:hover {
	color: #FFFFFF;
	background-color: #999999;
}

.form input[type="checkbox"] {	
	background: none;
}

input[type="checkbox"] {
	float: left;
	width: 20px;
	min-width: 20px; 	
	margin-right: 0.25em; 
	clear: left;
}
.checkit input { float: none; }

/* Checkboxen beim Kontaktormular */
.c5 {
	min-width: 20em;	
}
label[for*="Antwort"], label[for*="Rückruf"], .c5 label {
	float: left;	
}

.optsContainer.c5 {
	float: left;	
	margin-right: 1em;
	margin-top: 1em;
}
label[for*="Rückruf"], input[id*="Rückruf"] {
	margin-top: 1em;	
}

/* Umfrage Formulare */
#form_3 label { min-width: inherit; display: block; float: none; }
#form_3 .optsContainer  > label { font-weight: 600; color: #a4001f; }
#form_3 .optsInline input, #form_3 .selectWrap { margin-left: 0; }
#form_3 .sendenBtn, #form_3 .hint { margin-left: 0; }
#form_3 .optsContainer { margin-bottom: 15px; }

/* Fehlermeldung in Formularen */
.error {
	color: #FF0000;	
}

/* Bootstrap blauer Hover-Schatten entfernen */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: none;
	box-shadow: none;	
	transition: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
	border: none;
	transition: none;
	box-shadow: none;	
}
.ui-widget-header { color: #000 !important; }

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;	
}

.article .form input[type="text"], .article .form input[type="email"], .article .form textarea { width: 610px; }
.article .form select { width: 620px; }
.form .selectWrap { margin-left: 140px; width: 610px; }

.form input.checkbox { width: auto; }
.form .sendBtn { text-align: right; }
.form td.formInput .grid { float: left; }
.form .fehler_text { color: #990000; }
.form .sendenBtn, .btn {
	background: #a6c754;
	border:none;
	padding:5px;
	color:#FFF;
	cursor:pointer;
	margin-top: 1em;
	transition: all 0.5s ease 0s;
}
.form .sendenBtn {
	min-width: 120px;
	margin-left: 140px;
}
.form .btn { border-radius: 0; padding: 7px 12px; position: relative; top: -2px; font-size: 13px; }
.form .sendenBtn:hover, .btn:hover { background-color: #199657; color: #FFF; }
.hint { margin-left: 140px; font-size: 12px; }
.btn-default {
    background-color: #dadada;
    color: #4b4b4b;
}
.btn { text-decoration: none !important; }
.formBtn input:hover {
    background: none repeat scroll 0 0 #880000;
    text-decoration: underline;
}

.optsContainer .selectWrap {
	position: relative;
	padding: 0;
	padding-bottom: 0 !important;
}
.optsContainer .selectOver {
	position: absolute;
	left: 0;
	top: 7px;
	width: 100%;
	white-space: normal;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 10px;
}
.optsContainer .selectOver:after {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3px;
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #234 transparent transparent;
	border-radius: 1px;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}
.optsContainer .selectWrap.focus .selectOver:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border-top-color: #486233;
}
.optsContainer .selectWrap select {
	width: 100%;
	opacity: 0;
	position: relative;
	padding-bottom: 8px !important;
	border-bottom: none !important;
}
.btnContainer { clear: both; }
.optsInline { display: block; }
.optsInline input { float: left; margin-right: 10px; height: auto; margin-left: 140px; }
.optsInline input[type="radio"], .optsInline input[type="checkbox"] { margin-left: 0; }
.optsRadio { /*height: 20px;*/ }
#srcQuestion { height: 30px; padding: 0 10px; }

/* GUESTBOOK */
.gbook { border-top:#ECECEC solid 4px; border-bottom:#ECECEC solid 4px; margin:10px 0; padding:10px 0 0 0; }
.gbook .noEntries { margin:0; text-align:center; font-style:italic; }
.gbook .addEntry { font-weight:bold; text-align:right; }

.entry { margin:0.75em 0; padding:10px 0; font-size:11px; line-height:16px; }
.entry .link { vertical-align:-7px; }
.entry .entryHead { background:#F6F6F6; border-bottom:1px solid #ECECEC; border-top:1px solid #ECECEC; font-weight:bold; }
.entry .entryHead .dateText { font-weight:normal; color:#666; }
.entry .entryBody { margin-top:0.75em; }
.entry .comment { font-style:italic; padding:8px 0 8px 16px; color:#666; }
.entry .commentHead { font-weight:bold; }


/* Cookie-Hinweis */
#cookiedingsbums {
	background-color: rgba(0,139,69, 0.6);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
#cookieinhalt {
	padding: 5px 10px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-family: 'Cabin',sans-serif;	
}
#cookieinhalt a { color: #FFF; font-size: 12px; }
#cookiedingsbumsCloser {
	position: absolute;
	right: 20px;
	top: 5px;
	color: #FFF;
}
#cookiedingsbumsCloser:hover { cursor: pointer; }


/* Responsive */
@media (min-width: 1600px) { 
	#kopfgrafik_left { width: 40%; }
	.modal-lg { width: 1200px; }
}

@media (min-width: 1200px) { 
	#events_liste, #events_liste ul { /*height: 430px;*/ overflow: hidden; }
	#events_liste ul li { height: 20%; overflow: hidden; }
	#events_liste ul li p { min-height: 25px; overflow: hidden; }
	.park-flexboxen #events_liste, .park-flexboxen #events_liste ul { height: inherit; }
	.park-flexboxen #events_liste ul li { height: auto; min-height: 60px; }
	.gridWrap .articleGrid:not(.panorama) { max-height: 260px; }
	#markt_26_frame {
		min-width: 120px;
		margin-left: 140px;
	}
	
	article .vidWrap.imgRight, article .vidWrap.imgLeft { width: 50%; }
}

@media (max-width: 1200px) { 
	.download_list .imgContainer { width: 42% !important; }
	#slogan p { line-height: 1em; }
	#navmain li a, #navmain li ul li a, #navmain li .biglist ul li a { font-size: 13px; }
	#slideshow { margin-top: 2em; }
	
	/* Fusszeile */
	.print-btn { margin-top: 2px; }
	#events_liste ul li { padding: 15px; }
	
}

@media (max-width: 991px) { 
	#events_liste .date { width: 15%; }
	#events_liste .description { padding-left: 20%; }
	#events_liste .date span { white-space: nowrap; }
	#slideshow .col-md-4 { margin-top: 25px; }
	#events_liste ul li { min-height: 70px; }
	#events_liste ul li:last-child { min-height: inherit; }
	.flex_box { margin-bottom: 20px; }
	#event-link a { padding: 10px 5px; }
	
	.nav.main, #navStd { display: none; }
	#mobile-navi-beschriftung, #menueTrigger, #mobile-wrapper { display: block; }
	#mobile-wrapper { margin-bottom: 5px; }
	
	#navSub { margin-top: 15px !important; } 
	
	/* Fusszeile */
	
	#footer .col-sm-12 { margin-bottom: 25px; }
	#footer .facebook { margin-bottom: 10px; } 
	#footer .facebook p { line-height: inherit; }
	#main { padding-bottom: 265px; }
	#footer { padding-top: 0; margin-top: -280px; }
	#treeNav ul { display: block; }
	#treeNav li { display: block !important; width: 100% !important; text-align: center !important; }
	#nav-center { margin: 8px 0; padding: 8px; border-top: 1px solid #a6c754; border-bottom: 1px solid #a6c754; }
	#treeNav li a { text-align: center; width: 100% !important; display: block; }
	.print-btn { margin-top: 10px; }
	
	#main > .container > .row > .col-md-12 { margin-bottom: 30px; }
	#site-37 #main { padding-bottom: 290px; }
	
	/* Sonderanpassung für Übersichtskarte */
	#site-37 #projektkarte {
		margin-bottom: 850px;	/* 550 + 300 Widget */
	}
	#site-37 #navSub { display: none; } /* bei der Karte nicht die Unterpunkte nochmal */
	/* Karte > Suche dazwischenschieben */
	#site-37 #row-menue-search { position: absolute; top: 880px; top: 90vh; }
	#site-37 #row-menue-search #suchfilter { max-height: 300px; overflow: auto; padding-right: 20px; }
	#db-regio-widget .db_form { width: 100% !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
	#events_liste ul li:nth-child(3), #events_liste ul li:nth-child(4) { display: none; }
	#footer #link-scroll { position: absolute; }
	#footer .leftside .img-btn { margin-right: 5px; }
}

@media (max-width: 991px) { 
	
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 
	#partner > p { left: 0; }
	#events_abfrage .img-spalte { overflow: visible; }
	#partner { margin-bottom: 20px; }
	#partner-right img { max-width: 250px; }
	#partner-right a { text-align: left; }
	
	.img-link img, #events_liste img { width: 100%; }
	
	#footer .col-md-3 { background-color: #FFF; padding-top: 15px; }
	
	
}

@media (max-width: 650px) { 
	.download_list .imgContainer { width: 90% !important; float: none; }
	#slogan p { font-size: 1.5em; line-height: 1.5em; }	
	
	.article .form input[type="text"], .article .form input[type="email"], .article .form textarea { width: 100%; min-width: 200px; }
	.form .sendenBtn { margin-left: 0; width: 100%; }
	.hint { margin-left: 0; }
	#cookieinhalt { padding-right: 55px; }
	#cookiedingsbumsCloser { padding: 3px 10px; right: 12px; }
}

@media (max-width: 540px) { 
	#slogan p { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0; }	
	.subsite .box-white { padding: 10px; }
}

@media (max-width: 480px) { 
	#main-box { padding:10px; }
	.imgRight, .imgLeft, article p img { float:none; margin: 5px 0 !important; text-align:center; }
	.imgWrap { width:100% !important; }
	.imgWrap img, article p img { width:100% !important; height:auto !important; }
	
	#events_liste .date { width: 20%; }
	#events_liste .description { padding-left: 25%; }
	#header-box { border-width: 5px; }
	
	#swipebox-caption-inner { position: absolute; bottom: 40px; }
	
	/* Bilder 100% Breite */
	.imgRight, .imgLeft { width: 100%; }
	.event-info h2 {display: block; }
}

@media (max-width: 440px) { 
	#slogan { display: none; }	
	#kopfgrafik_right { display: none; }
	#kopfgrafik_left { width: 100%; }
	.navbox .col-xs-4 { padding-left: 0; }
	#slogan-link img { width: auto; height: 70px; }
	#mobile-wrapper { margin: 5px 10px 0 0; }
	#mobile-nav.aktiv { padding-top: 20px; }
	
	#mobile-nav #navStd li { float: none; width: 100%; display: block; margin-bottom: 5px; }
	#event_xml.form label.checkit { width: 100%; float: none; margin: 10px 0; }
	.check-block { margin: 10px 0 10px 0px; }
	#event_xml.form .main-option { float: none; }
	
	.panorama .info { position: relative; left: 0; right: 0; bottom: 8px; }
	
}

#start-news-mobile { display: none; }
@media (max-width: 400px) { 
	.flex_box {
		float: none;
		width: 100%; 
		max-height: 400px;
		overflow: hidden;
	}
	.flex_box .img-link {
		max-height: 200px;
		overflow: hidden;
	}
	.vid .playIcon { top: 30%; }
	#footer .facebook p { line-height: 14px; }
	.place_box { width: 100%; }
	
	.article .form input[type="text"], .article .form input[type="email"], .article .form textarea { width: 100% !important; }
	#event_xml .date { position: relative; }
	#event_xml .date .glyphicon-calendar {
		left: auto;
		right: 13px;
		position: absolute;
		top: 27px;
	}
	
	/* Startseite neue Reihenfolge: Galerie, Aktuelles, Traumparks, Panoramen, Jubiläum, Veranstaltungen, Partner, Footer */
	.start #main .col-md-12 > .row {
		display: flex;
		flex-direction: column-reverse;
	}
	#slideshow .event_list { display: none; }
	#start-news-mobile { display: block; }
	
	
	/* Detailseite umformatieren */
	
	/* Panorama Seitenscroll nicht unterbinden durch iframe */
	.panorama iframe { pointer-events: none; touch-action: none; }
	.panorama iframe.clicked { pointer-events: auto; touch-action: auto; }
}
	
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { outline:0;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; max-width: 630px;}
.jspPane { position: relative; }
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 2px;
	width: 16px;
	height: 100%;
	background: rgba(255,255,255,0.2);
}

.jspHorizontalBar { display: none; }

.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: none; position: relative; }
.jspDrag {
	background: #7c7978;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHover {  }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspVerticalBar .jspTrack { background-color: #cdcac9;}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background: url(../img/jQuery_scroll.png) no-repeat;
}
.jspArrow.jspDisabled { cursor: default; }
.jspArrowUp.jspDisabled { background-position:-16px 0; }
.jspArrowDown.jspDisabled { background-position:-48px 0; }
.jspArrowUp { background-position:-32px 0; }
.jspArrowDown { background-position:-64px 0; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Trenner für Artikel */
.hr {	
}
/* nicht responsive 
.container { width: 970px !important; }*/
.container-fluid, .container { max-width: 1600px !important; min-width: 320px; }
#bildwechsler { max-width: 1570px !important; min-width: 290px; }
#bildwechsler { margin-left: auto; margin-right: auto; }
#wrapper { min-width: 320px; }


/* Projekt Farbgebung */
.optsContainer .selectWrap:hover .selectOver:after { border-top-color: #008b45; }
#swipebox-action { border-top: none; }
#swipebox-caption { border-bottom: none; }
.optsContainer .selectOver:after { border-color: #008b45 transparent transparent; }
.optsDuty input[type="text"], .optsDuty input[type="email"], .optsDuty select, .optsDuty textarea { border-left: 3px solid #008b45; } /* Pflichtfeld */
#swipebox-caption, #swipebox-action { background: #008b45 !important; } /* Bildbetrachter */


#event_loader { color: #008b45; text-align: center; }
.spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #008b45;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #FFF;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Swipebox anpassen */
#swipebox-overlay { background: rgba(0,0,0, 0.8); }
#swipebox-slider .slide { padding-top: 0; }
#swipebox-action > a { z-index:100; }
#swipebox-caption { z-index: 1; }


/* DB-Regio-Widget */
#db-regio-widget {
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #eaeef1;
}

/* Startseite Info statt Terminkalender */
#terminliste-alternative {
	background-color: #199657e6;
	color: #FFF;	
}
#terminliste-alternative p {
	color: #FFF;
	text-align: left;
	padding: 0 20px 14px 20px;
	margin: 0;
}
#terminliste-alternative h4 {
	color: #FFF;	
	font-weight: 600;
	text-align: left;
	padding: 20px 20px 10px 20px;
	margin: 0;	
}

#terminliste-alternative .img-responsive { width: 100%; }