/* Hauptfarben */ 
/* #c4071b ROT */ 
/* #62030d ROTBRAUN */
/* #1a171b SCHWARZ */




@charset "utf-8";
/* CSS Document */


body {
	background: #000 url('../img/template/background_mauerwerk.jpg') center top no-repeat;
	background-size: cover;
	overflow-x: hidden;
}

body.seite-4265 {
	background: #000 url('../visioncontent/bilderdatenbank/metro-2367708.jpg') center top no-repeat;
	background-size: cover
}
body.seite-4266 {
	background: #000 url('../visioncontent/bilderdatenbank/bundestag-204771.jpg') center top no-repeat;
	background-size: cover
}
body.seite-4267 {
	background: #000 url('../visioncontent/bilderdatenbank/distelsaal-4919.jpg') center top no-repeat;
	background-size: cover
}

article td,
article ul li { 
	margin: 0 0 10px;
	line-height: 25px;
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;	
	color: #FFF;
}



article,
.article {	
	padding: 0;
}
.article + .article {
	margin-top: 40px;
}
article > :first-child,
.article > :first-child,
article > .dateText:first-child + *,
.article > .dateText:first-child + *,
article > .imagesWrap:first-child + .dateText + *,
.article > .imagesWrap:first-child + .dateText + * {
	margin-top: 0;
}

article p { line-height: 25px; }

.cloned {
	width: 49%;
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.cloned:nth-child(2n+0) {
	margin-right: 0;
	margin-left: 20px;
}


@media (min-width: 720px) {
	.start .cloned:nth-child(2n+0) {
		margin-left: 0;
		margin-right: 20px;
		clear: left;
	}

	.cloned:nth-child(2n+1) {
		margin-right: 0;
		margin-left: 20px;
	}
}

.cloned.kulissen-modul { width: 100%; }

.cloned .articleGrid .articleImgNone,
.cloned .articleGrid .articleImgLeft {
	width: 45%;
	width: calc(50% - 40px);
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.cloned .articleGrid .articleImgNone .imgWrap,
.cloned .articleGrid .articleImgLeft .imgWrap {
	margin-top: 0 !important;
	padding-bottom: 0 !important;
	height: 100%;
}

.cloned .articleGrid > a {
	display: block;
}

.cloned .articleGrid .box-content {
	margin: 0;
}

.cloned .articleGrid.hasImg .box-content { 
	padding: 20px; 
	/*height: 200px; */
	overflow:hidden; 
	width: 55%;
	width: calc(50% + 40px);
	margin: 10px 0;
	margin-left: 45%;
	margin-left: calc(50% - 40px);
	position: relative; 
	right: 0; 
	top: 0;
}

.cloned .articleGrid .box-content .boxContentWrap {
	height: 120px;
	overflow: hidden;
}

.cloned .articleGrid.hasImg.hasLinks .box-content .boxContentWrap {
	height: 100px;
}

.cloned .articleGrid .box-content .headline {
	line-height: 20px;
	font-size: 18px;
}

.cloned .articleGrid.hasImg .links {
	left: 45%;
	left: calc(50% - 30px);
}

.cloned .articleGrid.hasNoImg .links {
	left: 30px;
}


.cloned .articleGrid .hasNoImg .box-content {
	margin-left: 0;
	margin-right: 0;
}



article.big .box-content {
	padding: 20px 10%;	
	margin-top: -30px;
	margin-left: 10%;
	margin-right: 10%;
}

article.big .banderole { display: none; }


.dateText {
	color: #a3a2a4;
	font-size: 13px;
}

article .dateText { margin: 10px 0 0 0; }



a.more { color: #FFF; }
a.more:hover { color:#FFF; }


.table td { font-size:1.5em; }
.table td p { margin: 0; }


/* Gästebuch-Widget */
#guestbook-widget {
    width: 100%;
    float: left;
    margin: 20px;
	margin-left: 0;
	position: relative;padding: 10px;
	background-color: #312f32;
}

#guestbook-widget .entry { padding-left: 40px; }
#guestbook-widget .entry:before {
	content: "\f10e";
	font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
	top: 0;
	height: auto;
	text-align: center;
	padding:0;
	color: #FFF;
	font-size: 30px;
	font-weight: 700;
}

#guestbook-widget .entry, #guestbook-widget .entry .entryHead h3 { margin-top: 10px; margin-bottom: 5px; }
#guestbook-widget .entry .entryBody {
	border: none;
	padding-left: 0;
}

#guestbook-widget .owl-nav { position: absolute; top: -65px; right: -10px; }
#guestbook-widget .owl-nav button { opacity: 1; background: url(../img/template/pfeile_sprt.png) 0 0 no-repeat !important; right: 60px; left: auto; height: 50px; top: 20px; width: 45px; }
#guestbook-widget .owl-nav .owl-next { background-position: -50px 0 !important; right: 20px; }
#guestbook-widget .owl-nav span { display: none; }

#guestbook-widget .owl-item {
	padding: 5px 15px;
}
#guestbook-widget .owl-stage {
	background-color: #312f32;
}
#guestbook-widget .more { margin-top: 0.5em; display: block; width: fit-content; }
#guestbook-widget .entry { font-size: 14px; line-height: 20px; }
#guestbook-widget .entry h4 { padding-bottom: 2px; font-size: 18px; line-height: 20px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 0; }


/* MISC */
img.icon { width:16px; height:16px; }
p.fehler { color:#900;}


.anchor, .versteckt { display:none; }
.accordion { line-height:24px; }



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



.article.second {
	color: #333333;

}

.success { color:#267f11; }
.hint { color:#000000; font-size: 120%; margin:0;}
.hint.fehler_text { color: #c4071b; background-color: #FFF; padding: 10px; }


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


#content a { text-decoration: none; }

#content .article p a,
#content .articleGrid p a {
	font-weight: 400;
	text-decoration: none;
	border-bottom: 1px solid #EEE;
}

#content .articleGrid .subHeadline a {
	border-bottom: none;

}

#content .article p a:hover,
#content .article p a:active,
#content .articleGrid p a:hover,
#content .articleGrid p a:active {
	color: #c4071b;

	border-color: #c4071b;

}



#content .article p a.fetter-link {

	font-weight: 700;

	font-size: 1em;

	border-bottom: none;

	margin-right: 1em;

}

#content .article p a.fetter-link:hover {

	text-decoration: underline;

}

#content ol {

	margin: 1em 0;

	padding: 0 0 0 40px;

	clear: both;

}

#content ul {

	margin: 0 0 10px;

	padding: 0;

	clear: both;

}

#content ul li {

	padding: 0 0 0 18px;

}

#content .downloads {

	margin: 10px 0;

}

#content .downloads ul {

	margin: -10px;

	list-style:none;

	padding:0;

}

#content .downloads ul li {

	padding: 0;

	margin: 0;

	border-left: none;

}



.brotkrumen { font-size: 12px; transition: color 0.5s ease 0s; position: relative; padding-left: 15px; z-index: 9; }

.brotkrumen:hover { color: #c4071b; }

.brotkrumen:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -6px;

	left: 0px;

	

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 6px 6px 6px 0;

	border-color: transparent #FFF transparent transparent;

}



.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 */

@keyframes leuchten {

  0% {

   	opacity: 1; 

  }

  

  50% {

    opacity: 0.3;

  }

  

  100% {

    opacity: 1;

  }

}

@keyframes flackern {

  0%,9%,11%,13%,15%,41%,43%,45% {

    opacity: 1; 

  }

  10%,12%,14%,42%,44% {
     opacity: 0.3; 
  }

}



#header {
	position: relative;
	height: 144px;
	z-index: 100;

}

#header > .container {
	position: relative;

}

#headerTop {
	position: fixed;
	top: -60px;
	background:#fff;
	left: 0;
	width: 100%;
	height: 60px;
	padding-right:60px;
	-webkit-transition: top .2s;
	transition: top .2s;
}

#header.fixedShow #headerTop,
#header.isAtTop #headerTop,
#header.isOverBreakpoint #headerTop {
	top: 0;
}





#slogan-link img {
	position: absolute;
	margin-left: -19px;
	top: 10px;

	z-index: 100;

	display: none;

}

#slogan-link img.hover {
	display: block;
	margin-left: -5px;
	width: 33%;
	/*-webkit-animation: flackern 3s 3s linear infinite;
	animation: flackern 3s 3s linear infinite;*/

}

#header.isOverBreakpoint #slogan-link img {
	display: block;

}

#header.isOverBreakpoint #slogan-link img.hover {
	display: none;

}







#slogan { padding-top: 20px; }
#slogan p { margin: 0; font-size: 15px; line-height: 18px; white-space: nowrap; }
#slogan span { font-size: 12px; }

#slogan span.sub { margin-top: 8px; display: block; font-weight: 600; }



#header:before {

	content:"";

	position: absolute;

	width: 100%;

	height: 97px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background: rgba(0,0,0,.67);
	border-bottom: 2px solid #62030d;
}

#header:after {
	content:"";
	position: absolute;
	width: 100%;
	left: 0;

	background: rgba(98,3,13,1);
	background: -moz-linear-gradient(top, rgba(98,3,13,1) 0%, rgba(98,3,13,0.83) 7%, rgba(98,3,13,0.8) 8%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,3,13,1)), color-stop(7%, rgba(98,3,13,0.83)), color-stop(8%, rgba(98,3,13,0.8)));
	background: -webkit-linear-gradient(top, rgba(98,3,13,1) 0%, rgba(98,3,13,0.83) 7%, rgba(98,3,13,0.8) 8%);
	background: -o-linear-gradient(top, rgba(98,3,13,1) 0%, rgba(98,3,13,0.83) 7%, rgba(98,3,13,0.8) 8%);
	background: -ms-linear-gradient(top, rgba(98,3,13,1) 0%, rgba(98,3,13,0.83) 7%, rgba(98,3,13,0.8) 8%);
	background: linear-gradient(to bottom, rgba(98,3,13,1) 0%, rgba(98,3,13,0.83) 7%, rgba(98,3,13,0.8) 8%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62030d', endColorstr='#62030d', GradientType=0 );
	top: 0;	

	height: 50px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}


#header.isOverBreakpoint:hover:after {
	opacity: 0;
}

#header:hover:after,
#header.isOverBreakpoint.hover:after {
	opacity: 1;
}

.fixedHeader #header:after {
	top: 95px;
}


#header-phone { float: right; padding-top: 20px; text-align: right; }
#header-phone p { margin: 0 80px 0 0; font-size: 14px; line-height: 18px; }


/* Bildwechsler */
#bildwechsler { margin-top: 20px; }
#bildwechsler .box-content {
	margin: 0 0 0 -60px;
	padding: 20px;
	height: 340px;
	position: relative;
	top: 80px;
	bottom: 40px;
}

#bildwechsler .box-content p {
	line-height: 25px;
	margin: 10px 0;
}

#bildwechsler .box-content .headline,
#bildwechsler .box-content .subHeadline {
	margin: 0;
	font-size: 18px;
}
#bildwechsler > h2 { display: none; }

#bildwechsler .box-content .headline {
	font-size: 25px;
	line-height: 1;
	position: relative;

}

#bildwechsler .box-content .headline .fa {
	display: none;
}

#bildwechsler .videoframe { height: 0; position: relative; }
#bildwechsler iframe { position: absolute; top:0; left:0; width: 100% !important; height: 100% !important; }

.video-bildwechsler {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	height: 100vH !important;
	object-fit: cover;
}


/* HEUTE-Anzeige */

#bildwechsler .heute { 
	position: absolute; 
	bottom: 20px; 
	left: 50%; 
	margin-left: -30px;
	text-transform: uppercase; 
	font-size: 15px; 
	background-color: #312f32; 
	padding: 5px 15px;
	font-weight: 700;
	display: none;
}

#bildwechsler .heute.show {
	display: block;

}



#news-count {
	list-style: none;

	display: table;

	width: 100%;

	margin: -5px -5px 0;

}

#news-count li { 

	display: table-cell; 

	background-color: #a70617; 

	height: 2px; 

	text-indent: -99999px; 

	line-height: 2px; 

	font-size: 5px; 

	padding: 0 10px; 

	border-collapse: separate; 

	border: 5px solid #c4071b;

	transition: background-color 0.5s ease 0s;

}

#news-count li:hover { cursor: pointer; background:#930514; }

#news-count li.active { background-color: #1a171b; }

#bildwechsler .links {

	left: -10px;

	right: -10px;

	bottom: -25px;

	position: absolute;

	margin: 0 10px !important;

}



#bildwechsler .links > * {

	margin: 0 10px !important;

}

.carousel-caption { 

	margin: 0;

	padding: 0; 

	left: 20px;

	right: 20px;

	top: 40px;

	bottom: 20px;

}

.carousel-caption.hasLinks {

	bottom: 45px;

}

.carousel-inner .item { margin: 0 !important; }
.carousel-control { opacity: 1; background: url(../img/template/pfeile_sprt.png) 0 0 no-repeat !important; right: 60px; left: auto; height: 50px; top: 20px; width: 45px; }
.carousel-control.right { background-position: -50px 0 !important; right: 20px; }


.simple-content-slider .img {
	height: 0;
	padding-bottom: 54.438%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}



/* Bildwechsler auf Unterseiten */
.slider-wrapper { margin-bottom: 20px; }
.slider-wrapper .carousel { position: relative; }
.slider-wrapper .carousel-control {
	top: auto;
	bottom: 0;
	margin-bottom: 0;
	right: 50px;
}

.slider-wrapper .carousel-control.right { background-position: 0 -49px !important; right: 10px; }


#wrapper {
    margin: 0 auto;
	/*padding-bottom: 1.5em;*/

}



/* MAIN NAVIGATION */

#slogan-stdnav:before { top: 0 !important; }



.navbar {

	width: 100%;

	margin-bottom: 0;

	position: relative;

	z-index: 1;

}



#navMain {	

	margin-bottom: 0;

	list-style: none;

	position: relative;

	z-index: 100;

}



#navMain li {

	display: inline-block;

	text-align: center;

	padding: 0;

	margin-right: 40px;

	position: relative;

}

#navMain li:last-child {

	margin-right: 0;

}



/* Unterpunkte Pfeil */

#navMain li > .subNavTrigger + a {

	padding-right: 20px;

}

#navMain li > .subNavTrigger {

	position: absolute;

	right: 0;

	color: #c4071b;

	top: 7px;

	font-size: 18px;

	-webkit-transition: all 0.2s ease 0s;

	transition: all 0.2s ease 0s;

	cursor: pointer;

}

#navMain > ul > li:hover > .subNavTrigger {
	color: #FFF;

	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
	top: 16px;

}

#navMain li a {

	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	font-weight: 700;
	transition: border 0.5s ease 0s;
	border-top: 2px solid #62030d;
	padding: 10px 0 14px 0;
	display: inline-block;
}

#navMain > ul > li > a {
	line-height: 46px;
	padding: 0 0 2px;
}



#navMain > ul > li:hover > a,
#navMain > ul > li > a.active {

	color: #c4071b;
	border-top-color: #c4071b;
	text-decoration: none;
}




/* HAUPTMENÜ 2. Ebene */
#navMain ul ul {
	position: absolute;
	visibility: hidden;
	top: 100%;
	/*width: 160px;
	left: 50%;
	margin-left: -80px;*/
	left: -20px;
	width: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;

	box-shadow: 0 10px 20px rgba(0,0,0,0.2);

	background: rgba(147,5,20,0.85);

	opacity: 0;

	transition:opacity .2s, visibility .2s, margin-top .2s, margin-left .2s ease .2s;

}

#navMain > ul > li:before {

	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -20px;
	opacity: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	transition:opacity .2s, bottom .2s;
	border-color: transparent transparent #930513 transparent;	

}

#navMain > ul > li:hover:before {
	opacity: 1;
	bottom: 5px;

}

#navMain > ul > li:hover > ul.lvl2 { 

	opacity: 1;
	visibility: visible;
	margin-top: -5px;
	z-index: 10;

}

#navMain ul ul li { display: block; padding: 0; margin: 0; }

#navMain ul ul a { 

	font-size: 18px;
	border: none;
	width: 100%;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 20px;
	transition: background-color 0.5s ease 0s;
	white-space: nowrap;

}

#navMain ul ul li > .subNavTrigger {

	display: none;

}

#navMain > ul > li > ul li:hover > a,

#navMain > ul > li > ul li > a.active {

	background-color: #c4071b;

	border-left: 2px solid #FFF;

	padding-left: 18px;

	color: #FFF;

}



/* HAUPTMENÜ 3. Ebene */

#navMain ul ul ul {

	position: absolute;

	visibility: hidden;

	top: 0;

	width: auto;

	margin-top: 20px;

	left: 100%;

	margin-left: -10px;

	padding-bottom: 10px;

	padding-top: 10px;

	box-shadow: none;

	background: #62030d;

	opacity: 0;

	transition:opacity 0.2s,visibility 0.2s, margin-top 0.2s, margin-left 0.2s ease 0.2s;

}



#navMain ul ul ul:before {

	content: "";

	position: absolute;

	left: 0;

	margin-left: -6px;

	top: 20px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 6px 6px 6px 0;

	border-color: transparent #62030d transparent transparent;	

}

#navMain ul ul li:nth-child(n+6):nth-last-child(-n+3) ul {

	top: auto;

	bottom: 0;

}



#navMain ul ul li:nth-child(n+6):nth-last-child(-n+3) ul:before {

	top: auto;

	bottom: 14px;

}



#navMain > ul > li > ul > li:hover ul.lvl3 { 

	opacity:1;

	visibility:visible;

	margin-top: -5px;

	z-index:10;

}

#navMain ul ul li { display: block; padding: 0; margin: 0; }

#navMain ul ul ul a { 

	font-size: 15px;

	line-height: 20px;

	font-family: 'Open Sans Condensed', sans-serif;

	padding: 5px 20px;

}





/* SUCHLEISTE */





/* STANDARD NAVIGATION */

.isOverBreakpoint #slogan-stdnav {

	height: 95px;

}

#navStd  {

	list-style: none;	

	text-align: right;

	float: right;

}



#navStd .nav {

	line-height: 18px;

}



#navStd li {

	padding-left: 20px;

	display: inline-block;

}

#navStd li:first-child {

	padding-left: 0;

}



#navStd li a {

	font-size: 14px;

	padding: 20px 0 0 0;

}

#navStd li:hover a, #navStd li a.active { border-top: 2px solid #535154; padding-top: 18px; }



#navSocial { 

	text-align: right;

	float: right;

	margin-top: 15px;

	position: absolute; 

	z-index:9999; 

	right: 22px;

}

.iconNav li {

	margin-left: 12px;

	display: inline-block;

	line-height: 20px;

}

.iconNav li:first-child {

	margin-left: 0;

}

.iconNav li a {

	font-size: 15px;

	padding: 0 5px 0 5px;

	text-transform: uppercase;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

}

.iconNav li a i {

	margin: 0 -5px;

}

.iconNav li a i.fa {

	font-size: 16px;

}

.iconNav li.no-icon a {

	background-color: #FFF;

	color: #000;

	border-radius: 2px;

}

.iconNav li a:hover,

.iconNav li a.active {

	color: #c4071b;

}

.iconNav li.no-icon a:hover,

.iconNav li.no-icon a.active {

	background-color: #c4071b;

	color: #000;

}



/* Mobile Navi */

#nav-mobile,

#navIcons,

#navStart,

#mobiNavBottom {

	display: none;

}

#menueTrigger { 

	text-transform: uppercase; 

	background-color: #c4071b; 

	padding: 10px 0; 

	text-align: center; 

	font-weight: 700; 

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 16px;

	line-height: 20px;

	position: absolute;

	right: 0;

	cursor: pointer;

	display: block;

	width: 80px;

}

#menueTrigger .fa {
	line-height: inherit;
}

#menueContent {

	position: fixed;
	left: 0;
	top: 40px;
	width: 100%;
	height: 0;
	overflow: auto;
	opacity: 0;
	-webkit-transition: height 0s .3s, opacity .3s;
	transition: height 0s .3s, opacity .3s;
	background: rgba(99,3,14, 1);
}


/* CONTENT */

#main > #content {
	min-height:200px;

}

#content .sidebar > .headline {
	margin: 20px 0 10px;

}

#content .sidebar > .headline:first-child {

	margin-top: 0;

}





/* ARTIKEL */

article ul,

.article ul {

	list-style: none; 

	margin: 0 0 10px;

}

.article ul li,

article ul li {

	position: relative;

	margin: 6px 0;

	border-left: 2px solid #c4071b;

	padding-left: 18px;

}

#content .article ul[style*="list-style-type"] li,

#content article ul[style*="list-style-type"] li {

	border-left: none;

	margin-left: 1em;

	padding-left: 5px;

	padding-left: calc(20px - 1em);

	

}





/* Bilder Viewer Titel oben ausblenden wegen Doppelung */

.ppt { display: none !important; }



/* Listenansicht */

.list {

	margin-top: 10px;	

}



/* Rasteransicht */

.gridWrap { 

	margin-bottom: -20px; 

	margin-top: 20px;

	display: -webkit-flex;
   display: -ms-flex;
   display: flex;

   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;

}



.box-content {
	background-color: #312f32;
	padding: 20px;
	position: relative;
	transition: box-shadow .5s ease 0s;
	z-index: 10;
	line-height: 20px;

}



.noBack .box-content { background-color: transparent; }

.gridWrap .articleGrid.hasLinks .box-content {
	padding-bottom: 50px;

}

.box-content .boxContentWrap > :first-child {
	margin-top: 0;

}

.box-content .boxContentWrap > :last-child {
	margin-bottom: 0;

}

.gridImg .box-content {
	margin: -20px 20px 0 20px; /* 5% */

}

.articleGrid:not(.noBack):before {
	content: "";
	position: absolute;
	background-color: #312f32;
	box-shadow: 0 2px 20px rgba(6,8,8,0.23);
	height: 100%;
	left: 20px;
	right: 20px;
	display: block;
	transition: box-shadow 0.5s ease 0s;
	z-index: 0;
	top: 0;
	bottom: 0;
}
.articleGrid:not(.noBack).tax_distel-repertoire:before {
	background-color: #c4071b;
}

.gridWrap .articleGrid.noContent:before {
	display: none;
}



.gridWrap.gridImg .articleGrid:before {
	left: 40px;
	right: 40px;
}

.articleGrid.gridImg .tax_distel-repertoire:before {
	background-color: #c4071b;
}

.cloned .articleGrid:before {
	display: none;
}

.articleGrid.onHoverShadow:hover:before,

.cloned .gridWrap .articleGrid.onHoverShadow:hover .box-content {
	box-shadow: 0 2px 20px rgba(230,230,230,0.6);
}

.gridWrap.gridClean {

	display: block;

	margin-bottom: 0;

}

.gridWrap.gridClean .articleGrid {

	margin-bottom: 20px;

}

.gridWrap.gridClean .articleGrid:before {

	display: none;

}

.gridWrap.gridClean .img .caption {

	display: block !important;

}



.gridWrap > article .caption {

	display: none !important;

}

.box-content h1,

.box-content h2,

.box-content h2 a,

.box-content .headline,

.box-content .keyActor,

legend {

	font-size: 20px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

}

legend { color: #FFF; margin-bottom: 5px; }

.box-content h4, .box-content .headline { font-size: 18px; }

.box-content .keyActor {

	background: #fff;

	color: #312f32;

	display: inline-block;

	padding: 1px 5px 4px 5px;

	line-height: 20px;

	margin-bottom: 3px;

}

.box-content .headline {

	line-height: 25px;

	margin-bottom: 0;

}

.box-content h3.headline,

.box-content h3.headline a {

	font-size: 15px; font-family: 'Open Sans', sans-serif;

	line-height: 20px;

	font-weight: 400;

}

.box-content p {

	margin: 0;

	line-height: 20px;

	font-size: 14px;

}

.hasLinks .links {

	margin: 0;

	position: absolute;

	overflow: hidden;

	white-space: nowrap;

	bottom: 20px;

	left: 50px;

	right: 50px;

	z-index: 11;

}

.banderole .links > .badge,

.hasLinks .links > .badge {

	width: auto;

	line-height: 16px;

}

.banderole .links > *,

.hasLinks .links > *,

.box-content .more,

.more { 

	text-transform: uppercase; 

	font-size: 12px;

	line-height: 25px;	

	padding: 0;

	font-weight: 700; 

	margin: 0;

	text-decoration: none !important;

	white-space: nowrap;

	display: inline-block;

	position: relative;

	z-index: 0;

}

.banderole .links > *,

.hasLinks .links > * {

	margin: 0 10px;

	overflow: visible;

}

.banderole .links > * {

	margin: 0 20px;

}

.banderole .links > *:after,

.hasLinks .links > *:after {

	display: none;

}

.banderole .links > *:before,

.hasLinks .links > *:before,

.box-content .more:before,

.more:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	right: 0;

	display: block;

	height: 2px;

	background: #3c3a3d;

	-webkit-transition: all .2s;

	transition: all .2s;

	z-index: -1;

}

.banderole .links > *:before {

	background: #767477;

}

.banderole.red-back .links > *:before {

	background: #a70616;

}

.banderole .links > .badge:before,

.hasLinks .links > .badge:before {

	display: none;

}

.box-content .more,

.more {

	margin-top: 8px;
	display: inline-block;

	padding-bottom: 0;

}

a:hover + .links > div.more {

	cursor: pointer;
	pointer-events: none;

}

.articleGrid.onHoverShadow .articleImgLeft:hover ~ .links > .more:before,
.articleGrid.onHoverShadow .articleImgRight:hover ~ .links > .more:before,
.articleGrid.onHoverShadow .articleImgNone:hover ~ .links > .more:before,

.box-content-anchor:hover + .links > .more:before,

.box-content .more:hover:before,

.more:hover:before,

.banderole .links > a:not(.emptylink):hover:before,

.hasLinks .links a:not(.emptylink):hover:before,

.hasLinks .links .price:not(.emptylink):hover:before,

.hasLinks .links .price:not(.emptylink):hover:before {
	background: #1a171b;
	height: 100%;
	left: -5px;
	right: -5px;

}

.hasLinks .links .price:not(.emptylink) > a:hover { text-decoration: none !important; }

.banderole .links > a:not(.emptylink):hover:before {
	background: #767477;
}

.banderole.red-back .links > a:not(.emptylink):hover:before {
	background: #a70616;
}

.hasLinks .links > .badge:not(.emptylink):hover {
	background: #1a171b;
}

.links .seats.emptylink { min-width: 72px; /* um Preise im Kalender in gleicher "Spalte" zu halten */ }
.links .seats.emptylink:before { border-bottom: none; background: none; }
.links .seats,
.links .price {
	float: right;

}

.hasLinks .links .info,
.hasLinks .links .trailer,
.hasLinks .links .termine,
.hasLinks .links .more {
	float: left;
}
#trailer {
	scroll-margin-top: 250px
}

.hasLinks .links .more { margin-left: 10px; }


.gridWrap.gridImg .articleGrid.gridWidth_25:before {
	left: 30px;
	right: 30px;
}

.gridWrap .articleGrid.gridWidth_25 .box-content {
	margin: -10px 10px 0 10px;
	padding: 10px;
}
.empfehlung:not(.articleGrid) .box-content {
	margin: -10px 0 0 0;
	padding: 10px;
}

.gridWrap .articleGrid.gridWidth_25.hasLinks .box-content {
	padding-bottom: 40px;
}

.gridWrap .articleGrid.gridWidth_25.hasLinks .links {
	bottom: 10px;
	left: 30px;
	right: 30px;

}

.gridWrap .articleGrid.gridWidth_25 .box-content .headline {
	font-size: 18px;
	line-height: 20px;

}

.gridWrap .articleGrid.gridWidth_25 .box-content .headline a {
	font-size: inherit;
}

.gridWrap .articleGrid.gridWidth_100 .imgWrap { margin-top: -15px; }


.tax_distel-repertoire .box-content {
	background-color: #c4071b;
}

#bildwechsler .box-content .headline,
#bildwechsler .box-content .subHeadline {
	color: #FFF; /*1a171b*/
}

.tax_distel-repertoire .links a:before {
	background: #a70617;
}

.tax_distel-repertoire .links a:hover:before {
	background: #930514;
}



/* Social Media Leiste */
.shariff { margin-bottom: 2em; }


.empfehlung {
	margin-bottom: 20px;
}

.empfehlung:before {
	left: 10px;
	right: 10px;
}

.empfehlung h3 {
	font-size: 18px;
	line-height:20px;
	padding-bottom: 5px;
}

.empfehlung .imagesWrap,
.empfehlung .imagesWrap .imagesInnerWrap,
.empfehlung .imagesWrap .imgWrap {
	margin: 0;
	padding: 0;
}

.empfehlung .box-content {

	position: relative;

	min-height: inherit;

	padding: 10px 12px;

}

.empfehlung .vidWrap { width: 100% !important; }

.empfehlung .vidWrap .caption { display: none; }

article .vidWrap { margin-bottom: 1.5em; }



/* Empfehlung für Newsletter erhält ein Farbwechsel beim Schatten */

.empfehlung a[href*="newsletter"] .box-content {

	box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);

	animation: pulse 2s infinite;

	-webkit-animation: pulse 2s infinite;

	/*background-color: rgba(196,7,27, 1);*/

}

.empfehlung a[href*="newsletter"] .box-content:hover {

  /*animation: none;*/

}



@-webkit-keyframes pulse {

  0% {

    -webkit-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);

	/*background-color: rgba(196,7,27, 1);*/

  }

  50% {

      -webkit-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.3);

	  /*background-color: #312f32;*/

  }

  100% {

      -webkit-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);

	  /*background-color: rgba(196,7,27, 1);*/

  }

}

@keyframes pulse {

  0% {

     -moz-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);

     box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);

  }

  50% {
      -moz-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.3);
      box-shadow: 0 0 30px 12px rgba(196,7,27, 0.3);
  }

  100% {
      -moz-box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);
      box-shadow: 0 0 30px 12px rgba(196,7,27, 0.7);
  }
}



/* Termine */

.termin-box {
	background-color: #312f32;
	padding: 10px;
}

.termin-box.hasKasseninfo {
	margin-bottom: 60px;
}

.termin-box.hasMoreBtn {
	padding-bottom: 40px;
	position: relative;
}

.termin-box h3 {
	margin: 0;
	line-height: 30px;

}

.termin-list {
	list-style: none;
	margin: 0 !important;
}

.termin-list li {
	padding: 7px 0 !important;
	border-color: #3c3a3d;
	border-style: solid;
	border-width: 1px 0;
	margin: 0;
}

.termin-list li:first-child {
	border-top: none;
	padding-top: 8px !important;
}

.termin-list li:last-child {
	border-bottom: none;
	padding-bottom: 8px !important;
}

.termin-box table {
	table-layout: auto;
	width: 100%;
}

.termin-box table tr td {
	vertical-align: middle;
	text-align: left;
	line-height: 20px;
}

.termin-box table tr:first-child td {
	padding-bottom: 4px;

}

.termin-box table td div {
	display: block;

}

.termin-box table .subline {
	font-size: 12px;

}

.termin-box .termin-tax {
	margin-bottom: 0;
	line-height: 18px;
}
.termin-box .termin-tax.bold { font-weight: 700; }

.termin-box table .ical {
	font-size: 16px;
	color: #8d8b8d;

}

.termin-box table .weekday {
	width: 30px;

}

.termin-box table .date {
	width: 70px;

}

.event-table .event-time .ical {
	float: right;
	font-size: 16px;
	color: #8d8b8d;
	line-height: 1;
	margin-top: 3px;

}
.event-table.manually .event-location {
	word-break: break-word;
}

.termin-box table .ical .fa,
.event-table .event-time .ical .fa {
	display: block;
}

.termin-box table td.weekend {
	font-weight: 700;
}

.termin-box.hasMoreBtn {
	padding-bottom: 40px;
	position: relative;
}

.termin-box .moreBtn {
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background: #484549;
}

.termin-box .moreBtn:hover {
	background: #1a171b;

}

.termin-box .moreBtn:after {
	border-left-color: #1a171b;

}

.termin-box .moreBtn:hover:after {
	border-left-color: #fff;

}

.termin-box .event-markierung {
	text-align: center;
	background-color: #8d8b8d;
	border-top: 10px solid #312f32;
	text-transform: uppercase;
	font-size: 90%;
}

.termin-kasseninfo-outerwrap .kasseninfo .content {
	font-size: .867em;
}

#content .kasseninfo .content > :first-child {
	margin-top: 0;

}

#content .kasseninfo .content > :last-child {
	margin-bottom: 0;

}

#content .kasseninfo .content p {
	font-size: inherit;

}

#content .kasseninfo .content a {
	text-decoration: underline;

}

#content .kasseninfo .content h4,
#content .kasseninfo .content .h4 {
	font-size: 1.153em;

}

#content .kasseninfo .content .moreBtn {
	background: #484549;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;

}

#content .kasseninfo .content { padding: 10px; background-color: #312f32; }
#content .kasseninfo .content ul { padding-left: 15px; }
#content .kasseninfo .content ul li { padding-left: 5px; }


.ampel {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 1px solid #FFF;
	margin-left: 5px;
	position: relative;

	top: 1px;

	float: right;

}

.ampel.green {

	background-color: #39dc07;

}

.ampel.yellow {

	background-color: #FC6;

}

.ampel.red {

	background-color: #F33;

}

.badge {

	width: 100%;

	font-weight: 400;

	border-radius: 0;

	background-color: #484549;

	font-size: 12px;

	line-height: 1;

	position: relative;

	-webkit-transition: background .2s;

	transition: background .2s;

}

.hasLinks .links > .badge,

.badge {

	padding: 4px 20px 4px 5px;

}

.hasLinks .links > .badge:hover,

.badge:hover {

	cursor: pointer;

}

.badge .ampel {

	margin-left: 0;

	position: absolute;

	top: 50%;

	right: 5px;

	margin-top: -5px;

}



.termin-box + .kasseninfo {

	margin-top: -40px;

}

.kasseninfo .collapseToggleBtn {

	margin: 0;

	background: #312f32;

}

.collapseToggleBtn[aria-expanded="true"] {

	background: #1a171b;

}





/* 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: 400px;

    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 {

	position: relative;

	color: #310207;

	background: #c4071b url('../img/template/background_mauerwerk_footer.jpg') center top no-repeat;

	padding: 20px 0 20px 0;

	border-top: 2px solid #62030d;

	background-size: 100% auto;

}



#footer p {

	color: #310207;

	font-size: 15px;

	line-height: 21px;

    margin-bottom: 0;

}



#footer h4 { font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; margin: 0 0 10px; }

#footer h5 { color: #FFF; font-weight: 400; margin: 12px 0 5px 0; font-weight: 600; }

#footer-infos p { color: #FFF; margin-top: 0; }

#footer-infos a { text-decoration: underline; }

#footer-infos {

	margin-top: -20px;

	margin-bottom: -20px;

}

#footer-infos .footer-info-col {

	padding-top: 20px;

	padding-bottom: 20px;

}

#footer #navi-zeile a,

#footer #navi-zeile .a {

	color: #310207;

	padding: 0;

	margin: 0;

	background: none;

	border: none;

}

#footer #navi-zeile { border-top: 1px solid #890513; margin-top: 20px; padding-top: 19px; }

#footer #navi-zeile .col-xs-3 { padding-left: 0; }

#footer #navi-zeile .col-xs-9 { padding-right: 0; }

#footer #navi-zeile p, #footer #navi-zeile a { margin-top: 0; padding-top: 0; }

#footer #navi-zeile a:hover,

#footer #navi-zeile li:hover a,

#footer #navi-zeile a.active,

#footer #navi-zeile .a:hover,

#footer #navi-zeile .a.active {

	color: #FFF;

	border: none !important;

}



/* 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: none repeat scroll 0 0 #FAFAFA; border: 1px solid #F0F0F0; }

#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; }

#sitemap ul li a:hover { text-decoration:underline; }



/*SUCHE*/

.search_results h3 { padding:0; margin:0; }

.search_results .depthpath {

	font-style: normal;

	font-size: 13px;

	line-height: 20px;

	color: #535154;

}

.search_results .depthpath a {

	color:#8d8b8d;

	text-decoration: underline !important;

}

.search_results { margin-top: 1em; }



/* Ensemble Schleife */

#grid_loop { margin-bottom: 40px; position: relative; }

#grid_loop h2 {

	margin: 40px 0 30px 0;

}

#grid_loop .owl-next, #grid_loop .owl-prev {

	position: absolute;

	background: url(../img/template/pfeile_sprt.png) 0 -49px no-repeat !important; 

	left: 42%; 

	height: 50px; 

	bottom: -25px; 

	width: 45px;

	z-index: 50;

	margin-left: 130px;

	text-indent: -9999px;

}

#grid_loop .owl-next.disabled, #grid_loop .owl-prev.disabled { opacity: 0.5; }



#grid_loop .owl-prev { background-position: 0 0 !important; margin-left: -30px;; }

#grid_loop #counter { 

	position: absolute; 

	left: 45%;

	bottom: -18px;

	z-index: 50;

}



/* SEITENSPRUNGFUNKTION */



/* 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;	

}



/* 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 {

	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 {

	transition: none;

	box-shadow: none;	

}



.nav > li > a:hover, .nav > li > a:focus {

	background-color: transparent;	

}





#form-toggle { 

	color: #FFF;

	background-color: #930514;

	padding: 10px 30px 10px 20px;

	font-family: 'Open Sans Condensed', sans-serif; 

	font-weight: 700;

	font-size: 20px;

	line-height: 1;

	margin-top: 5px;

	display: block;

	position: relative;

}



#form-toggle:before {

	content: "";

	position: absolute;

	right: 20px;

	top: 50%;

	margin-top: -3px;

	

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 6px 6px 6px;

	border-color: transparent transparent #1a171b transparent;



}

#form-toggle.collapsed:before {

	border-width: 6px 6px 0 6px !important;

	border-color: #1a171b transparent transparent transparent !important;

}



#scroll-top:hover { cursor: pointer; }

#scroll-top {

	width: 40px;

	height: 30px;

	position: fixed;

	bottom: 0;

	left: 50%;

	margin-left: -20px;

	z-index: 100;

	display: none;

}

#scroll-top .button {

	background: #fff;

	background: rgba(255,255,255,.9);

	width: 100%;

	height: 100%;

	position: relative;

}

#scroll-top .button:before {

	content: "";

	position: absolute;

	left: 50%;

	margin-left: -10px;

	top: 50%;

	margin-top: -5px;

	

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 10px 10px 10px;

	border-color: transparent transparent #c4071a transparent;



}



.back-btn, .big-btn {

	background-color: #8d8b8e; /*#c4071b;*/

	color: #FFF;

	padding: 5px 20px 5px 20px;	

	font-family: 'Open Sans Condensed', sans-serif; 

	font-weight: 700; 

	font-size: 20px;

	display: inline-block;

	margin-top: 15px;

	margin-bottom: 15px;

	position: relative;

}

.back-btn { padding: 5px 20px 5px 35px;	 }

.back-btn:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -6px;

	left: 15px;

	

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 6px 6px 6px 0;

	border-color: transparent #1a171b transparent transparent;

}

.back-btn:hover:before {

	border-color: transparent #FFF transparent transparent;

	border-width: 9px 9px 9px 0;

	margin-top: -9px;

	left: 12px;

}



/* Gästebuch */



.entry { margin: 15px 0 10px 0; }
.entry .entryHead {  }
.entry .entryHead .dateText + h3 {
	margin-top: 0;

}

.entry .entryBody { 
	border-left: 2px solid #c4071b;
	padding-left: 20px;
	margin-top: 5px; 
}

.entry .user { font-weight: 600; color: #c6c5c6; }
.entry .colored { font-weight: 600; }
.entry .programm, .entry .programm a { color: #c4071b; }
.entry .comment {
	margin-top: 10px;
	padding: 10px 20px;
}

.entry .commentHead {
	font-weight: bold;	

}

.captchaReload { color: #FFF; font-weight: 400; text-align: right; }





/* Bootstrap Carousel Fade */

.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%;
}





/* 

	Modul: START 

*/

.start #content > .row > .col-sm-12 > .article,
.start #content > .row > .col-sm-12 > .cloned > .article {
	margin-top: 50px;
}

/*.start #content > .row > .col-sm-12 .article h1:first-child:last-child {
	line-height: 30px;
	margin: 0;
}*/

.start #content .row > .article {
	margin-left: 20px;
	margin-right: 20px;
} 

.start #content .row > .gridWrap {
	margin-left: 0;
	margin-right: 0;
} 


/* Seitenverhältnis zu schmal bei Laptops */

@media (min-width: 1200px) and (max-height: 639px) {  

	.container-fluid,

	.container {

		padding: 0 120px;

	}

	body, p, article td, article ul li { font-size: 14px; }

	

	#bildwechsler .box-content { margin-left: -100px; height: 295px; }

	#bildwechsler .box-content p { line-height: 22px; }

	#bildwechsler .box-content h2 { line-height: 25px; }

	/* Bildwechsler nochmal kleiner */

	#bildwechsler .carousel-inner { width: 90%; }

	#bildwechsler .box-content { margin-left: -160px; height: 240px; padding: 15px; }

	#bildwechsler .box-content p { font-size: 13px; line-height: 18px; }

	#bildwechsler .box-content .headline { margin-bottom: 5px; margin-top: -10px; }

	

	#navMain { margin-bottom: 5px; }

	#navMain li a { padding: 7px 0 5px 0; }

	#navStd li:first-child { padding-left: 0; }

	#navStd li:hover a, #navStd li a.active { padding-top: 10px; }

	#slogan, #header-phone { padding-top: 10px; }

	#navStd li a { padding-top: 12px; }

	#navSocial { position: absolute; right: 20px; top: 0; }

	#slogan-stdnav {

		height: 86px !important;

	}

	#header.isOverBreakpoint:before,

	#header.isOverBreakpoint {

		height: 88px !important;

	}



	article .box-content { padding: 10px; }

	

	

	#content > .row > .col-sm-9 {

		width: 70%;

	}

	#content > .row > .col-sm-3.sidebar {

		width: 30%;

	}

	

	.col-sm-3 .termin-box.fixedHeight {

		height: 392px;

	}

	

	.gridImg .box-content {

		margin: -10px 10px 0 10px;

	}

	.gridWrap.gridImg .articleGrid::before {

		left: 30px;

		right: 30px;

	}

	.gridWrap .articleGrid .box-content {

		padding: 10px;

	}

	.gridWrap .articleGrid.hasLinks .box-content {

		padding-bottom: 40px;

	}

	

	.gridWrap .articleGrid.gridWidth_33.hasLinks .links {

		bottom: 10px;

		left: 35px;

		right: 35px;

	}

	.gridWrap .articleGrid.gridWidth_25.hasLinks .links {

		left: 35px;
		right: 35px;
	}

	.gridWrap .articleGrid.gridWidth_33.hasLinks .links > *,
	.gridWrap .articleGrid.gridWidth_25.hasLinks .links > * {
		margin: 0 5px;
	}

}



@media (min-width: 1200px) and (min-height: 640px) { 

	.col-sm-3 .termin-box.fixedHeight {
		height: 500px;
		overflow: hidden;
	}
}


/* Responsive */

@media (max-width: 1199px) {
	#slogan-link img.hover {
		width: 38%;

	}

	#bildwechsler .box-content {
		height: 275px;
		overflow: hidden;
		margin-left: -120px;
	}

	#bildwechsler .box-content p { line-height: 20px; font-size: 14px; }

	#header-phone {
		right: 160px;
		position: absolute;
		top: 35px;

	}

	.gridWrap.gridImg .articleGrid.gridWidth_33:before {
		left: 30px;
		right: 30px;

	}

	.gridWrap.gridImg .articleGrid.gridWidth_33 .box-content {
		margin: -10px 10px 0 10px;
	}

	.gridWrap .articleGrid.gridWidth_33 .box-content {
		padding: 10px;

	}

	.gridWrap .articleGrid.gridWidth_33.hasLinks .box-content {
		padding-bottom: 40px;

	}

	.gridWrap .articleGrid.gridWidth_33.hasLinks .links {

		bottom: 10px;

		left: 35px;

		right: 35px;

	}

	

	.gridWrap .articleGrid.gridWidth_25.hasLinks .links {

		left: 35px;

		right: 35px;

	}

	.gridWrap .articleGrid.gridWidth_33.hasLinks .links > *,

	.gridWrap .articleGrid.gridWidth_25.hasLinks .links > * {

		margin: 0 5px;

	}

}



@media (max-width: 1199px) and (min-width: 992px) {

	#content > .row > .col-sm-9 {

		width: 70%;

	}

	#content > .row > .col-sm-3.sidebar {

		width: 30%;

	}

	.col-sm-3 .termin-box.fixedHeight {

		height: 392px;

		overflow: hidden;

	}

	

	

}



@media (min-width: 992px) { 

	#header {		

		z-index: 102;

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		-webkit-transition: top .3s;

		transition: top .3s;

		height: 50px;		

		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

	}

	#slogan-link img { width: 30%;top: 5px; }

	#slogan, #header-phone, #header #navStd, #navSocial li { display: none; }

	#header #navSocial { position: absolute; z-index:9999; top: -2px; }

	#header #navSocial li:first-child { display: inline-block; }

	#header.isOverBreakpoint,

	#header.isAtTop {

		position: static;

		top: -50px;
		z-index: 100;
		box-shadow: none;
	}

	#header:before {
		height: 50px;
		background-color: rgba(0,0,0,.8);
		border-top: 2px solid #62030d;
		border-bottom: none;
	}

	#navigation {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	#navigation .col-md-10 {
		padding-left: 33px;
	}

	#slogan-link img.hover {
	  -webkit-animation: none;
	  animation: none;

	}

	/* kein "Sprung-Effekt wenn Header plötzlich fixed ist */

	.fixedHeader #main,
	#header {
		margin-top: 0;
	}

	#main {
		margin-top: 160px;
	}

	.fixedHeader #header {
		margin-bottom: 65px;
	}

	

	/* nicht-minimiert */

	#header.isOverBreakpoint{ height: 95px; }

	#header.isOverBreakpoint:before {
		height: 97px;
		background-color: rgba(0,0,0,.67);
		border-bottom: 2px solid #62030d;
		border-top: none;
	}	

	#header.isOverBreakpoint #slogan-link img { width: 105%; margin-left: -25px; }

	#header.isOverBreakpoint #slogan, #header.isOverBreakpoint #header-phone, 

	#header.isOverBreakpoint #navStd { display: block; }

	#header.isOverBreakpoint #navSocial li { display: inline-block; }

	#header.isOverBreakpoint #navigation { position: inherit; top: inherit; }

	#header.isOverBreakpoint #navigation .col-md-10 { padding-left: 20px; }

	#header.isOverBreakpoint #slogan-stdnav:before { display: none; }

	#header.isOverBreakpoint #navSocial { top: 35px; }

	#header.isOverBreakpoint #slogan-link img.hover {

	  /*-webkit-animation: flackern 3s 3s linear infinite;

	  animation: flackern 3s 3s linear infinite;*/

	}

	

	.termin-kasseninfo-trigger,

	.termin-kasseninfo-close,

	.termin-kasseninfo-overlay {

		display: none;

	}

	.termin-kasseninfo-outerwrap + .empfehlung {

		margin-top: 20px;

	}

}



@media (min-width: 1200px) and (max-height: 639px) {

	.fixedHeader #header:after {

		top: 86px;

	}

	.fixedHeader #main {

		margin-top: 0;

	}

	#main {
		margin-top: 140px;
	}

	#header-phone {
		right: 160px;
		position: absolute;
		top: 41px;

	}

	#navigation .col-md-10 {
		padding-left: 100px;
	}

}



/* Landscape phone to portrait tablet */

@media (max-width: 991px) {
	body {
		background-image: url('../img/template/background_mauerwerk_m.jpg');
		background-size: auto;
	}

	#footer {
		background-image: url('../img/template/background_mauerwerk_footer_m.jpg');
		background-size: auto;
	}
	

	#navStd, #navSocial, #header-phone { position: absolute; right: 20px; }
	#header-phone { top: 42px; padding-top: 0; }
	#navSocial { top: 50px; }
	#header-phone p { margin-right: 0; }
	#slogan-link img { width: 130px; top: 4px; }
	#slogan-stdnav:hover:before {
		display: none;
	}

	#slogan,
	#navStd li a {
		padding-top: 10px;
	}

	#navStd li:hover a,
	#navStd li a.active {
		padding-top: 8px;
	}

	#slogan-link img {
		margin-left: -15px;
	}

	#header-phone {
		top: 35px;
	}

	#navSocial {
		top: 45px;

	}

	#navMain li {
		margin-right: 40px;
	}

	#navMain ul li:nth-child(n+4):nth-last-child(-n+2) ul ul {
		left: auto;
		right: 100%;
		margin-left: 0;
		margin-right: -10px;

	}

	#navMain ul li:nth-child(n+4):nth-last-child(-n+2) ul ul:before {
		left: auto;
		right: -6px;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #62030d;
	}


	#bildwechsler .box-content { position: relative; margin: 0; top: 0; bottom: 0; margin: -20px 80px 0 20px; width: auto; }
	#bildwechsler #controls { position: absolute; right: 0; }
	#bildwechsler .carousel-control { top: 40px; right: 40px; }
	#bildwechsler .carousel-control.left { top: 90px; right: 35px; }
	#bildwechsler .heute {
		bottom: 40px;
	}

	

	#content .sidebar > .termin-kasseninfo-outerwrap + .headline {
		margin-top: 0;
	}

	

	.termin-kasseninfo-outerwrap,
	.termin-kasseninfo-trigger {
		position: fixed;
		top: 20px;
		bottom: 0;
		right: 0;
		z-index: 10000;
	}

	.termin-kasseninfo-outerwrap {
		width: 0;
	}

	

	.termin-kasseninfo-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 0;

		width: 100%;
		background: #000;
		background: rgba(0,0,0,.75);
		content: '';
		display: block;

		z-index: 9999;

	}

	.termin-kasseninfo-innerwrap {

		position: relative;
		width: 280px;
		height: 100%;

		left: 0;
		-webkit-transition: left .3s;
		transition: left .3s;
		background-color: #312f32;

	}

	.termin-kasseninfo-innerwrap .wrap {
		overflow: auto;
		height: 100%;

	}

	.termin-kasseninfo-trigger {

		bottom: 30px;
		top: auto;
		background: #fff;
		background: rgba(255,255,255,.9);

		padding: 10px;

		color: #1a171b !important;
		margin: 0;
		border-radius: 0;
		box-shadow: none !important;
		cursor: pointer;
		-webkit-transition: padding .3s, background .3s;

		transition: padding .3s, background .3s;

	}

	.termin-kasseninfo-trigger:hover {
		background: #fff;
		padding-right: 20px;

	}

	.termin-kasseninfo-toggle:checked ~ .termin-kasseninfo-overlay {
		height: 100%;

	}

	.termin-kasseninfo-toggle:checked ~ .termin-kasseninfo-outerwrap .termin-kasseninfo-innerwrap {
		left: -280px;	

	}

	.termin-kasseninfo-close {
		background: #fff;
		height: 40px;
		line-height: 40px;

		text-align: center;
		width: 40px;
		color: #1a171b;
		right: 0;
		top: 0;
		cursor: pointer;
		position: absolute;
		display: block;
		z-index: 1;

	}

	.col-sm-3 .termin-box {
		max-height: calc(100vh - 40px);

	}

	.col-sm-3 .termin-box.hasKasseninfo {
		max-height: calc(100vh - 80px);

	}

	

	.termin-kasseninfo-outerwrap .kasseninfo .content {
		padding: 10px;

	}

	#content .kasseninfo .content .moreBtn {
		background-color: #484549;

	}

	

	.gridWrap.gridImg .articleGrid.gridWidth_33 .box-content,
	.gridWrap.gridImg .articleGrid.gridWidth_50 .box-content {
		margin: -10px 10px 0 10px;
		padding: 10px;
	}

	.gridWrap .articleGrid.gridWidth_33.hasLinks .box-content,
	.gridWrap .articleGrid.gridWidth_50.hasLinks .box-content {
		padding-bottom: 40px;
	}
}

@media (min-width: 720px) and (max-width: 1199px){
	#navMain li {
		margin-right: 20px;
	}
	#navMain li a {
		font-size: 22px;
	}
}


@media (max-width: 767px) {
	#content .sidebar {
		margin-top: 40px;
	}
}


@media (max-width: 719px) {

	#header {
		position: fixed;
		z-index: 101;
		box-shadow: none;
		width: 100%;
		height: auto;
		margin: 0;
		top: -1px;
	}

	.mainNavOpen #header {
		z-index: 10001;
	}

	#slogan-link img {
		margin-left: -11px;
		top: 0;
		width: 90px;
		-webkit-transition: all .3s;
		transition: all .3s;

	}

	.start #slogan-link img {
		width: 133px;
		margin-left: -15px;
	}

	#slogan-link img.hover,
	#mobileNavMainSwitch:checked + .container #slogan-link img,
	.start #mobileNavMainSwitch:checked + .container #slogan-link img {
		margin-left: -10px;
		width: 55px;
		top: 2px;
	}

	#slogan,
	#slogan em,
	#navigation,
	#navStd,
	#header-phone,
	#navSocial {
		display: none;
	}

	#main {
		padding-top: 60px;
	}

	#nav-mobile,
	.start #header.isOverBreakpoint #slogan,
	#menueContent #navStd,
	#menueContent #navSocial,
	#navi-zeile #navStd {
		display: block;
	}

	#navi-zeile #navStd {
		padding: 20px 0;
	}

	.start #main {
		padding-top: 100px;
	}

	.isOverBreakpoint #slogan-stdnav,
	#slogan-stdnav {
		height: auto;
	}

	#slogan-stdnav > div {
		position: static;
	}

	#header:before {
		height: 42px;
		border: none;
	}

	#header:after {
		display: none;
	}

	.start #slogan {
		position: absolute;
		top: 40px;
		left: 140px;
		right: 20px;	
	}	

	#navIcons {
		position: absolute;
		right: 100px;
		display: block;
	}

	#navIcons li { margin-left: 8px; }
	#navIcons li a {
		padding: 10px 20px;
	}
	.iconNav li a i.fa { font-size: 22px; }
	#navIcons li a[href*="search"] { display: none; }
	

	#mobileNavMainSwitch + .container #menueTrigger .on {
		display: block;
	}

	#mobileNavMainSwitch + .container #menueTrigger .off {
		display: none;
	}

	#mobileNavMainSwitch:checked + .container #menueContent {
		opacity: 1;
		height: 100%;
		height: calc(100% - 40px);
		-webkit-transition: height 0s, opacity .3s;
		transition: height 0s, opacity .3s;
	}

	#mobileNavMainSwitch:checked + .container #menueTrigger .off {
		display: block;
	}

	#mobileNavMainSwitch:checked + .container #menueTrigger .on,
	#mobileNavMainSwitch:checked + .container #slogan {
		display: none;
	}
	

	#navMain {
		min-height: calc(100% - 65px);
		margin: 0;
	}

	#navMain li {
		display: block;
		float: none;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	#navMain a {
		position: relative;

	}

	#navMain li > .subNavTrigger {
		height: 50px;
		width: 50px;
		line-height: 40px;
		text-align: center;
		top: 0;
		z-index: 1;
	}

	#navMain ul ul li > .subNavTrigger {
		display: block;
		color: #63030e;
		height: 40px;
		line-height: 30px;
	}	

	#navMain > ul > li > a {
		padding: 10px 20px 10px 17px;
		line-height: 30px;
		display: block;
		border-left: 3px solid transparent;
		border-top: none;	
	}

	#navMain li > .subNavTrigger + a {
		padding-right: 50px;
	}

	#navMain li > .subNavTrigger + a:before {
		content: '';
		display: block;
		border-style: solid;
		border-color: transparent transparent #930515;
		border-width: 0 6px 6px;
		position: absolute;
		left: 40px;
		bottom: 0;
		opacity: 0;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}

	#navMain li > .switch:checked + .subNavTrigger + a:before {
		opacity: 1;

	}

	#navMain > ul > li > a.active,
	#navMain > ul > li > .switch:checked ~ a {
		border-left-color: #c4071b;
		color:  #c4071b;
	}

	#navMain li:hover > .subNavTrigger {
		top: 0 !important;
	}

	#navMain ul ul,
	#navMain ul ul ul,
	#navMain > ul > li:hover > ul.lvl2,
	#navMain > ul > li > ul > li:hover ul.lvl3 {
		padding: 0;
		margin: 0;
		visibility: visible;
		opacity: 1;
	}

	

	#navMain > ul > li > ul li:hover > a,
	#navMain > ul > li > ul li > a.active,
	#navMain > ul > li > ul li > .switch:checked ~ a {
		background-color: #c4071b;
		border-left: 2px solid #FFF;
		padding-left: 18px;
		color: #FFF;
	}

	#navMain  > ul > li > ul li > .subNavTrigger + a:before {
		border-bottom-color: #62030d;
	}

	#navMain li > .switch:checked + .subNavTrigger {
		color: #fff;
		-webkit-ms-transform: scaleY(-1);
		-ms-transform: scaleY(-1);
		transform: scaleY(-1);

	}

	#navMain > ul > li:before {
		display: none !important;
	}

	

	#navMain li > ul,
	#navStart li > ul {
		max-height: 0;
		-webkit-transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;
		transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;
		overflow: hidden;
	}
	

	#navMain li > .switch:checked ~ ul,
	#navStart li > .switch:checked ~ ul {
		max-height: 10000px;
		-webkit-transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
		transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
		padding: 10px 0 !important;

	}

	#navMain ul ul {
		position: static;
		background: rgba(147,5,21, 0.6);
	}

	#menueContent {
		background: rgba(99,3,14, 0.9);
	}

	#navMain ul ul ul,
	#navMain > ul > li > ul > li:hover ul.lvl3 {
		position: static;
		margin: 0 0 0 20px !important;

	}

	#navMain > ul > li > ul > li > a {
		line-height: 30px;

	}

	#menueContent #mobiNavBottom {
		display: block;
	}

		

	#mobiNavBottom {
		background: rgba(0,0,0,.7);
		min-height: 65px;
		bottom: 0;
   		position: fixed;
    	width: 100%;
		z-index: 99;
		border-top: 2px solid #60040f;
	}
	body.fixedHeader #mobiNavBottom { display: none; }

	#mobiNavBottom #navSocial {
		position: static;
		float: none;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 0;
	}

	#mobiNavBottom #navSocial li {
		height: 20px;
		overflow: hidden;
		margin-left: 30px;
	}

	#mobiNavBottom #navSocial li:first-child {
		margin-left: 0;
	}
	
	#mobiNavBottom .iconNav li a i.fa { font-size: 20px; }
	

	#navStd {
		padding: 0 20px;
		left: 0;
		right: 0;
		text-align: center;
		position: static;
		width: 100%;
		margin-bottom: 5px;

	}

	#navStd .nav li:first-child {
		padding-left: 0;

	}

	#navStd li a,
	#navStd li:hover a,
	#navStd li a.active {
		line-height: 20px;
		padding: 5px 0;
		border: none;

	}

	#navStd li:hover a,
	#navStd li a.active {
		padding-bottom: 3px;
		border-bottom: 2px solid #535154;
	}

	

	#navi-zeile {
		text-align: center;
	}	

	.termin-kasseninfo-trigger {
		padding: 15px 30px;
	}
	

	#slider {
		margin: 0;
	}

	.brotkrumen {
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
	}


	#navStart {
		-webkit-justify-content: left;
		-ms-flex-pack: left;
		justify-content: left;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 25px;
		padding-left: 12px;
	}
	

	#navStart li > a,
	#navStart li > label {
		display: block;
	}	

	#navStart li.lvl1 > .switch:checked ~ ul {
		padding-top: 0 !important;
	}

	#navStart li.lvl1 > a,
	#navStart li.lvl1 > label {
		font-size: 1em;
		line-height: 1.2em;
		font-family: 'Open Sans Condensed', sans-serif; 
		font-weight: 700;
		padding: .4em 0 .4em 20px;
	}
	
	article h2, article .h2, #bildwechsler > h2 {
		font-size: 1.8em;
		line-height: 1.1em;
		font-family: 'Open Sans Condensed', sans-serif; 
		font-weight: 700;
	}

	#navStart li.lvl1 > label:before,
	#navStart li.lvl1 > a:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		display: block;
		margin-top: -6px;
	}

	#navStart li.lvl1 > a:before {
		border-style: solid;
		border-color: transparent transparent transparent #c4071b;
		border-width: 6px 0 6px 6px;
	}

	#navStart li.lvl1 > label:before {
		content: '+';
		height: 12px;
		line-height: 12px;
		font-family: 'Open Condensed', sans-serif;
		color: #c4071b;
	}

	#navStart li.lvl1 > .switch:checked ~ label:before {
		content: '‒';
	}

	#navStart li.lvl2 {
		padding-left: 20px;
	}

	#navStart li.lvl2 > a {
		padding: .333em 0;
		font-size: .6em;
	}

	.cloned,
	.cloned + .cloned {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	
	
	
	/* Fusszeile kompakt, schwarz, fixiert */	
	#navStd { position: relative; float: none; }
	#footer .iconNav li { margin-left: 20px; }
	#footer .iconNav li a i.fa { font-size: 20px; }
	
	.mobile-hidden, .tax_mobile-hidden { display: none; }
	.mobile-visible > div, .mobile-visible > nav,
	#footer #navSocial, #footer #navStd { display: block; }
	
	/* mittig 10.11.2021 */
	#scroll-top { /*left: 5%;*/ z-index:9999; } 
}

@media (min-width: 1200px) {
	#slider {
		min-height: 452px;
	}
}
@media (min-width: 992px) {
	#bildwechsler, #slider {
		min-height: 450px;
	}
}
@media (min-width: 721px) {
	.mobile-visible { display: none; }
}

@media (min-width: 480px) {
	.visible-mobile { display: none !important; }
}


@media (max-width: 479px) {
	.hidden-mobile { display: none !important; }

	#bildwechsler > h2 { margin-left: 20px; margin-bottom: 30px; display: block; }
	
	body {
		background-image: url('../img/template/background_mauerwerk_s.jpg');
	}

	.imgRight,
	.imgLeft {
		float:none;
		margin: 5px 0;
		text-align:center;
	}

	.imgWrap {
		width:100% !important;
	}

	.imgWrap img {
		width:100% !important;
		height:auto !important;

	}

	.hasLinks .links {
		left: 30px;
		bottom: 10px;
		right: 30px;

	}

	.gridImg:not(.empfehlung) .box-content {
		margin: -10px 10px 0 10px;

	}

	.gridWrap .articleGrid.hasLinks .box-content {
		padding-bottom: 40px;

	}
	

	#slogan-link img {
		left: 10px;

	}

	

	#menueTrigger {
		width: 60px;
	}

	#navIcons {
		right: 80px;
	}

	#navMain > ul > li > a {
		padding-left: 7px;
	}

	#navStd {
		padding: 0 10px;
	}

	#slider {
		margin: 0;
	}

	#slider .carousel-inner .item .img-responsive {
		margin-top: -10px;
		margin-bottom: -10px;
	}

	#bildwechsler { margin: 20px 10px; position: relative; }
	#bildwechsler .col-sm-12.col-md-3 { position: inherit; }
	#bildwechsler #controls {
		position: absolute;
		z-index: 99;
		top: 0;
	}
	#bildwechsler #controls .carousel-control { top: 0; }
	#bildwechsler #controls .carousel-control.left { right: 40px; }
	#bildwechsler #controls .carousel-control.right { right: 0; }

	#bildwechsler .heute {
		bottom: 30px;
	}

	#bildwechsler #news-count {
		display: none;
	}

	#bildwechsler .box-content {
		padding: 0;
		margin: -10px 10px 0;
	}

	#bildwechsler .box-content .carousel-caption {
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}

	#bildwechsler .links {
		bottom: 15px;
		left: 0;
		right: 0;
	}	

	#bildwechsler .box-content .headline {
		font-size: 20px;
		line-height: 20px;
		padding: 10px 30px 0 10px;
	}

	#bildwechsler .box-content .headline .fa {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -.5em;
		color: #fff;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	#bildwechsler .box-content .headline.aktiv .fa {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
  }

	#bildwechsler .box-content .subHeadline {
		font-size: 14px;
	}
	

	#bildwechsler .box-content {
		height: auto;
	}

	#bildwechsler .box-content 	.carousel-caption {
		position:relative;
	}


	#bildwechsler .box-content .carousel-caption .content {
		padding: 0 10px;
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;

		transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;

	}

	/*#bildwechsler .box-content .carousel-caption .content.aktiv {
		max-height: 1000px;
		padding: 10px;
		-webkit-transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
		transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
	}
	#bildwechsler .box-content .carousel-caption.hasLinks .content.aktiv {
		padding-bottom: 35px;
	}
	*/
	/* 2021 Inhalt schon aufgeklappt*/
	#bildwechsler .box-content .carousel-caption .content {
		max-height: 1000px;
		padding: 10px;
		-webkit-transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
		transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
	}

	#bildwechsler .box-content .carousel-caption.hasLinks .content {
		padding-bottom: 35px;
		padding-top: 2px;
	}
	#bildwechsler .box-content .fa-caret-down { display: none !important; }
	

	.start #main {
		padding-bottom: 65px;
		min-height: 100vh;

	}

	.start #wrapper {
		padding-bottom: 0;
	}

	.start #footer,
	.start #kalender {
		display: none;
	}

	.start #slogan {
		left: 120px;
		right: 10px;	
	}

	.start #main + #mobiNavBottom {
		left: 0;
		width: 100%;
		bottom: 0;
		position: fixed;
	}

	

	#mobiNavBottom,
	#mobiNavBottom #navSocial,
	#mobiNavBottom #navStd {
		display: block;
	}

	#navStart {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 5% 0 0 10px;
	}
	
	#guestbook-widget {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 30px;
		margin-left: 0;
		margin-right: 0;
	}
	#guestbook-widget:before { display: none; }
	#guestbook-widget .owl-nav {
		left: inherit;
		bottom: inherit;
		top: -70px;
		right: 0;
	}

	#content .col-sm-12 > div:not(.cloned),
	#content .col-sm-12 > article {
		padding-left: 10px;
		padding-right: 10px;
	}
	#guestbook-widget { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }
	
	
	/* Start-Boxen umgestalten, einheitlich Bild oben und Infotext darunter */
	.start .cloned .gridWrap {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.start .cloned .articleGrid .articleImgNone, .start .cloned .articleGrid .articleImgLeft {
		width: 100%;
		height: 100%;
		position: relative;
		left: 0;
	}
	.start .articleGrid.hasImg .box-content {
		width: inherit;
		margin: -10px 10px 0 10px;
		padding: 20px;
	}
	.start .articleGrid .links { padding: 0 10px; }
	.start .gridWidth_100 { 
		width: 100%;
		padding: 0 10px 0 10px;
		float: none;
	}
	.start #content > .row > .cloned { padding: 0 10px; }
	.start .gridWidth_100 .imgWrap, .start .cloned .articleGrid .articleImgNone .imgWrap, .start .cloned .articleGrid .articleImgLeft .imgWrap {
		padding-bottom: 60% !important;
	}
	.start .cloned .articleGrid.hasImg.hasLinks .box-content .boxContentWrap {
		height: auto; 
	}
	.start .cloned .articleGrid .links {
		left: 0;
		position: relative;
		background-color: #312f32;
		margin: 0 10px;
		padding: 0 10px 10px 20px;
	}
	.start .cloned .articleGrid .links a { margin: 0; }
	.start #content .row .cloned .article, #bildwechsler h2 { margin-left: 10px; margin-right: 10px; }
	
	.cloned:nth-child(2n) { margin: 0; }
}



@media (max-height: 519px) {

	#navStart {

		font-size: 20px;

	}

}



.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; }

#wrapper { min-width: 320px; min-height: 50vh; }





/* Projekt Farbgebung */

#swipebox-title, #swipebox-bottom-bar, #swipebox-top-bar { background: #312f32 !important; border: none !important; }

#swipebox-top-bar { display: table !important; }

#swipebox-action { border-top: none; }

#swipebox-caption { border-bottom: none; }

/* Pflichtfeld */



#swipebox-caption,

#swipebox-action {

	background: #312f32 !important;

} /* Bildbetrachter */

.colored { color: #c4071b; }

.success { color: #FFF; }



/* Spezialanpassungen, Programm, Produktion */

.programm-modul {

	margin-bottom: 2em;

}

.programm-modul .fetter-link {

	color: #c4071b;

}

.banderole {

	background-color: #8d8b8d;

	font-size: 15px;

	line-height: 25px;

	padding: 7px 20px 8px;

}

.banderole .links {

	float: right;

}

.banderole .links > *:last-child {

	margin-right: 0;

}

.banderole.red-back {

	background-color: #c4071b;

}

.kulissen-modul h2 { margin-bottom: 30px; }

/*.cloned.kulissen-modul .articleGrid .articleImgLeft { width: calc(40% - 40px); }

.cloned.kulissen-modul .articleGrid.hasImg .box-content { width: calc(70% - 40px); margin-left: calc(40% - 40px); }*/



@media (max-width: 479px) {
	.banderole {
		padding: 10px;
	}
}



#content .cast li {

	border-left: none;
	padding: 5px 0;
	margin: 0;

}

.cast li:nth-child(odd) {
	background: #1a171b;
}

.cast li .dd,
.cast li .dt {
	padding: 0 10px;

}

.cast li .dd {
	font-weight: bold;
}

#content .cast li a:hover {
	text-decoration: underline;
}


@media (min-width: 620px) {
	.cast li { display: table; width: 100%; }
	.cast li .dd,

	.cast li .dt {

		padding: 0 20px;

		vertical-align: bottom;

		display: table-cell;

	}

	

	.cast li .dt {

		text-align: right;

		width: 38.889%;

	}

	.cast li .dd {

		text-align: left;

		width: 61.111%;

	}

}



/* 4 Boxen auf Startseite > blur-Effekt */

/*.start #grid_3 .gridWidth_25:not(.tax_distel-repertoire) .imgWrap, .start #grid_3:hover .imgWrap,
.start #grid_3 .gridWidth_33:not(.tax_distel-repertoire) .imgWrap, .start #grid_3:hover .imgWrap{

	!*-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);*!
	transition: filter 0.25s ease 0s;
	

	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}

.start #grid_3 .gridWidth_25:hover .imgWrap, .start #grid_3 .gridWidth_25:hover .imgWrap,
.start #grid_3 .gridWidth_33:hover .imgWrap, .start #grid_3 .gridWidth_33:hover .imgWrap {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-webkit-filter: grayscale(0);
}

!* Grauer Schleiher drüber *!
.start #grid_3 .gridWidth_25:not(.tax_distel-repertoire) .imgWrap:before, .start #grid_3:hover .imgWrap:before,
.start #grid_3 .gridWidth_33:not(.tax_distel-repertoire) .imgWrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #CCC;
	opacity: 0.4;
}*/

.start .gridWidth_25:hover .imgWrap:before, .start #grid_3 .gridWidth_25:hover .imgWrap:before { display: none; }
.start .gridWidth_33:hover .imgWrap:before, .start #grid_3 .gridWidth_33:hover .imgWrap:before { display: none; }


/* Mobile FirstScreen */
#firstscreen {
	height: 100vH;
	position: relative;
}
#firstscreen .owl-carousel, #firstscreen .owl-carousel .slide {
	height: 100%;
	width: 100%;
	display: block;
}
#firstscreen .owl-carousel .slide-image {
	height: 100%;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
}
#firstscreen .owl-carousel .slide a {
	position: absolute;
	top: 40%;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	left: 20px !important;
	right: 20px !important;
	font-size: 3em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	line-height: 1.2em;
	text-shadow: 2px 2px 5px rgba(0,0,0, 0.5);
	opacity: 0;
}

#firstscreen .owl-carousel .owl-item.active .slide a {
    animation: einblenden 0.25s;
    -moz-animation: einblenden 0.25s; /* Für Firefox */
    -webkit-animation: einblenden 0.25s; /* Für Safari und Chrome */
    -o-animation: einblenden 0.25s; /* Für Opera */
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	
	animation-fill-mode: forwards; 
}
#firstscreen .owl-nav { display: none; }

@keyframes einblenden {
    from { opacity:0; left: 0; }
    to { opacity:1; left: 15%; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; left: 0; }
    to { opacity:1; left: 15%; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; left: 0; }
    to { opacity:1; left: 15%; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; left: 0; }
    to { opacity:1; left: 15%; }
}

.kartenbutton,  .link-grey-box {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: 1;

	transition: all 0.5s ease 0s;
}
.kartenbutton:hover,  .link-grey-box:hover {
	/*animation-name: rubberBand;*/
	transform: scale(1.15);
	margin-top: 1em;
	margin-left: 0.1em;
	margin-right: 1.1em;
}
.link-grey-box:hover { margin-left: 1.1em;}


@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, .95, 1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

#firstscreen .owl-stage, #firstscreen .owl-stage-outer, #firstscreen .owl-item { height: 100%; }
#spielplan-button {
	position: absolute;
	bottom: 160px;
	width: 70%;
	background: rgba(0,0,0, 0.2);
	color: #FFF;
	border: 1px solid #FFF;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	left: 15%;
	transition: background-color 0.5s ease 0s;
	z-index: 999;
	font-weight: 700;
	padding: 0;
}
#spielplan-button a { padding: 12px 12px; display: block; }
#spielplan-button:hover { background: rgba(196,7,27, 0.7); cursor: pointer; border-color: #c4071b; color: #FFF; }
#spielplan-button:hover a { color: #FFF; text-decoration: none; }

@media (max-width: 479px) {
	.start #main { padding-top: 0; }
}
@media (max-width: 350px) {
	#spielplan-button {	bottom: 125px; }
	#firstscreen .owl-carousel .slide a { top: 30%;  line-height: 1em; }
}

@media (min-width: 480px) {
	#firstscreen {
		display: none; 
	}
}

/* IFrame Höhe */

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 80%;
  position: relative;
}


.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


@media (max-width: 1200px) { 
	.iframe-container {  
  		padding-top: 120%;
		margin-bottom: 75px;
	}
}



@media (max-width: 720px) {  
	.iframe-container {  
  		padding-top: 160%;
	}
}



@media (max-width: 600px) { 
	.iframe-container {  
  		padding-top: 220%;
	}
}


@media (max-width: 500px) { 
	.iframe-container {  
  		padding-top: 300%;
	}
}



@media (max-width: 400px) {  
	.iframe-container {  
  		padding-top: 450%;

	}
}