/*
col-1 = 105
col-4 = 420px
col-8= 840px
*/
/*
bildgrößen kat
1 zeilig
520x 350
spalte 30: 315x350
spalte 70: 425 x 265

*/

#mainpage {
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	
}




#page {
	margin-top:100px;	
	min-height: 100%;
    height: auto !important;
    height:100%;
    width:100%;
}


strong {
	font-family: 'FuturaBT-Bold', sans-serif;
	font-weight:normal;
}

/* alte styles */

.bb_content_text_bold {
	font-family: 'FuturaBT-Bold', sans-serif;
}

h3.bb_content_text_bold {
	font-family: 'FuturaBT-Bold', sans-serif;
}

.bb_content_text {
	
}


h1 {
	font-size:36px;
	line-height:40px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:5px;
}

h2 {
	font-size:26px;
	line-height:32px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

.mobile-fade {
	
}


h1.megahead {
	font-size:110px;
	line-height:75px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:20px;
}


@media only screen and (max-width: 616px) {
	h1.megahead {
		font-size:60px;
		line-height:60px;
	}
}


h1.produkthead {
	font-size:26px;
	line-height:32px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

h2.produkthead {
	font-size:26px;
	line-height:32px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

@media only screen and (max-width: 616px) {
	/*
	header {
		height:100px;
	}
	#page {
		margin-top:85px;
	}
	*/
	
	/* text in mobile-ansicht kürzen */
	.mobile-fade {
	    position: relative;
	    max-height: 7.2em;
	    overflow: hidden;
	}
	
	.mobile-fade::after {
	    content: "";
	    text-align: left;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 5.2em;
	    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f4 95%) repeat scroll 0 0 transparent;*/
	    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%) repeat scroll 0 0 transparent;
	}
}




footer {
	display:inline-block;
	width:100%;
	height:110px;
	height:450px;
	background-color:#000;
	bottom:0;
	z-index:800;
	padding-top:60px;
	padding-top:20px;
	margin-top:10px;
}

footer .subnavi {
	background-color:#706f6f;
	background-color:#494a49;
	
	height:45px;
	width:auto;
	right:0;
}

footer .footer-menue-content {
	padding-left:50px;
	margin-right:70px;
}



footer .footer-social-media {
	float:left;
	margin-right:70px;
	margin-top:-7px;
}

footer .footer-menue {
	padding-top:12px;
}




footer .col-footer {
	color:#fff;
	font-size:14px;
	line-height:22px;
	font-family: 'FuturaBT-Book', sans-serif;

}

footer .footer-spalten {
	display:flex;
	justify-content:space-between;
}


@media only screen and (max-width: 768px) {
	footer .footer-spalten {
		display:block;
		justify-content:unset;
	}
	
}


footer .col-footer {
	
}




footer .col-footer a {
	color:#fff;
}

footer .col-footer .head {
	font-family: 'FuturaBT-Bold', sans-serif;
}


/*
footer .col-footer .head:after {
       position: absolute;
       content: "";
       height: 1px;
       background-color: #fff;
       width: 100%;
		margin-left: 0;
	    left: 0;
		top: 20px;
} 
*/

@media only screen and (max-width: 100px) {
/*	
	footer {

	    width: 100%;
	    height: 110px;
	    bottom: 25px;
	    padding-top: 10px;
	    margin-top: 10px;
	
	}
*/


	footer {
		height:auto;	
	}
}
@media only screen and (max-width: 768px) {

}

footer .footer-menue .content, footer .footer-menue .content a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

footer .footer-menue .content a:hover {
	color:#b90064;	

}


footer .row-inner-resp {
	display:none;	
}


@media only screen and (max-width: 616px) {
	
	footer {
		height:auto;	
	}
	
	footer .row-inner-resp {
		display:block;	
	}
	
	footer .row-inner {
		display:none;	
	}
}


.img-responsive img, .serie-img img {
	width:100%;
	height:auto;	
}



.teaser-top {
	width:100%;
	height:auto;	
	position:relative;
	border-bottom:1px solid #000;
	border-bottom:1px solid #90908f;
	
	border-bottom:1px solid #b9b9b9;
}

.teaser-top .button {
	margin-bottom:50px;	
}

.teaser-top .teaser-top-img img {
	width:100%;
	height:auto;
	text-align:center;	
}

.teaser-top .teaser-head, .teaser-top .slider-head {
	position:absolute;	
	font-size:70px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	top:50px;
	left:50px;
	font-weight: 400;
}

.teaser-top .teaser-head.bottom-left {
	
}


.teaser-top .slider-head {
	xpadding-left:50px;	
}

.teaser-top .teaser-gaestebad {
	font-size:60px;
	line-height:66px;
	font-family: 'American Typewriter', serif;
	margin-left:auto;
	margin-right:auto;
	left:unset;
	font-weight: 400;
	color:#f2aaad;
	text-align:center;
	width:100%;
}

.teaser-top .top-right {
	right:50px;	
	top:50px;	
	left:unset;
}

.teaser-top .teaser-head.bottom-left {
	right:unset;
	left:50px !important;
	bottom:250px;
}


@media only screen and (max-width: 768px) {
	.teaser-top .teaser-head, .teaser-top .slider-head {
		font-size:50px;
		line-height:56px;
	}
	
	.teaser-top .teaser-gaestebad {
		font-size:40px;
		line-height:46px;
		top:0;
	}
}

@media only screen and (max-width: 616px) {
	.teaser-top .teaser-head, .teaser-top .slider-head {
		font-size:36px;
		line-height:40px;
	
	}
	
	.teaser-top .teaser-gaestebad {
		font-size:20px;
		line-height:36px;
		top:0;
	}
	
	.teaser-top .top-right {
		right:20px;	
		top:20px;	
	}

}

.farbe-weiss {
	color:#fff;	
}

.farbe-schwarz {
	color:#000;	
}


.teaser-top .slider-subhead {
	position:absolute;	
	font-size:50px;
	line-height:60px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	top:50px;
	left:60px;
	font-weight: 400;
}

/* neuheiten seite 2021 */


.neuheiten-teaser-content .news-overhead {
	line-height:26px;
	font-size:30px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Bold', sans-serif;
	margin-top:5px;
	display:block;
}

.neuheiten-teaser-content .news-head {
	color:#fff;
	font-size:60px;
	line-height:60px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}


.neuheiten-teaser-content h3.news-overhead {
	line-height:26px;
	font-size:30px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Bold', sans-serif;
	margin-top:5px;
	display:block;
	margin-bottom:25px;
	font-weight: 400;
}

.neuheiten-teaser-content h2.news-head {
	color:#fff;
	font-size:60px;
	line-height:60px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:0;
}




@media only screen and (max-width: 768px) {
	.neuheiten-teaser-content .news-overhead  {
		line-height:22px;
		font-size:32px;
	}
	.neuheiten-teaser-content .ne-head  {
		font-size:40px;
		line-height:40px;
	}
	
	.neuheiten-teaser-content h2.news-head  {
		font-size:40px;
		line-height:40px;
	}
}


@media only screen and (max-width: 616px) {
	.neuheiten-teaser-content .news-overhead {
		line-height:20px;
		font-size:28px;
	}
	.neuheiten-teaser-content .news-head  {
		font-size:36px;
		line-height:36px;
	}
}



.neuheiten-teaser-content a.button.news-button {
	margin-top:15px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Bold', sans-serif;
	font-size:24px;
	display: inline-block;
	padding: 8px 0 5px 0;
	background-color:unset;

}


.news-trennlinie {
	height:1px;
	background-color:#000;
	margin-top:30px;
	margin-bottom:30px;	
}

.news-trennlinie-ohne {
	height:0px;
	background-color:#fff;
	margin-top:30px;
	margin-bottom:30px;	
}

.trenn-zwischenhead {
	display: inline-block;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-size:24px;
	padding-top:10px;
	border-top:10px solid #a4babe;
	border-top:30px solid #b8cadb;
	
	margin-bottom:50px;
}


.news-image-full {
	width:100%;	
}


.news-image-full img {
	width:100%;	
	height:auto;
}


.news-fullimage-content {
	position:absolute;
	left:90px;	
	top:50px;
	text-align:left;
	width:100%;
}

.news-fullimage-content .news-overhead {
	line-height:26px;
	font-size:30px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Bold', sans-serif;
	margin-top:5px;
	display:block;
}

.news-fullimage-content .news-head {
	color:#fff;
	font-size:60px;
	line-height:60px;
	margin-top:40px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}


@media only screen and (max-width: 616px) {
	
	
	
	.news-fullimage-content .news-overhead {
		line-height:16px;
		font-size:20px;
	}
	
	.news-fullimage-content {
		top:20px;
	}
	
	.news-fullimage-content .news-head {
		font-size:20px;
		line-height:20px;
		margin-top:20px;
		
	}
	
	.news-fullimage-content .neuheiten-teaser-content .button-container .button-wrapper {
    	border-top: 10px solid #fff;
	    padding-bottom: 10px;
    	display: inline-block;
	}
	
	.neuheiten-teaser-content a.button.news-button {
		margin-top:5px;
	}
}




.img-ani {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
}

.img-ani.auto-height  {
	height: auto;
}


.img-ani img {
   -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease;
}


.img-ani.aktiv img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s ease 0.5s;
    transition: transform 0.5s,-webkit-transform 0.5s;
    transition-duration: 0.5s;
    transition-delay: 0;
}



.news-teaser-4rer-block {
	display:flex;
	justify-content: space-between;
}

@media only screen and (max-width: 616px) {
	.news-teaser-4rer-block {
		display:block;
	}
}


.news-teaser-4rer-block.pseudo-slider {
	display:flex;
	justify-content: unset;
	overflow-x: auto;
}

.news-teaser-4rer-block.bb-news-sliderx {
	display:flex;
	justify-content: unset;
}


.news-teaser-4rer-block .news-4rer-item.fix {
	width:256px;
	height:256px;
	position:relative;
	text-align: center;
}


@media only screen and (max-width: 616px) {
	.news-teaser-4rer-block .news-4rer-item.fix {
		width:100%;
		height:auto;
		margin-bottom:55px;
	}
}

.slider-breiter {
	xwidth:calc(100% + 40px);
	xmargin-left:-20px;
	xmargin-right: -20px;
	xpadding-left:20px;
	xpadding-right:20px;

}

.bb-news-slider {
	width:calc(100% + 50px);
	xmargin-left:50px;
	margin-right:-50px;
	xpadding-left:20px;
	xpadding-right:20px;
	
}

.bb-news-slider .previous-arrow {
	margin-left:-50px;
	margin-top:-55px;
}

.bb-news-slider .next-arrow {
	xmargin-right:-50px;
	margin-top:-55px;
}


.news-teaser-4rer-block .news-4rer-item {
	width:256px;
	xwidth:25%;
	height:auto;
	height:320px;
	position:relative;
	text-align: center;
	text-align:left;
	flex-shrink: 0;
	margin-right:55px;
	xpadding-left:20px;
	pxadding-right:20px;
}

.bb-news-slider  .news-teaser-4rer-block .news-4rer-item {
	width:256px;
	width:25%;
	height:auto;
	height:320px;
	position:relative;
	text-align: center;
	text-align:left;
	xpadding-left:20px;
	xpadding-right:20px;
}

.news-teaser-4rer-block .news-4rer-item:first-child {
	xpadding-left:0;	
	xpadding-right:0;	
}

.news-teaser-4rer-block .news-4rer-item.static {
	width:256px;
	height:256px;
	
}




.news-teaser-4rer-block .news-4rer-item .news-4rer-img  {
	width:256px;
	height:256px;
	xwidth:270px;
	xheight:270px;
    xwidth: 100%;
    xmin-height: 256px;

}

.news-teaser-4rer-block .news-4rer-item .balken {
		position:absolute;
		width:80%;
		margin-top:-20px;
		height:50px;
		text-align:center;
		text-align:left;
		left:10%;


}

/*
.balken.news-preview-item {
	cursor:pointer;
	border:1px solid #fff;
}


.balken .news-preview-item:hover {
	border:1px solid #000;
}
*/

.news-teaser-4rer-block .news-4rer-item .titel {
		background-color:#fff;
		padding:10px 12px 10px 15px;
		color:#000;
		text-align:center;
		text-align:left;
		font-family: 'American Typewriter', serif;
		font-size:16px;
		font-size:14px;
		line-height:19px;
}

.news-teaser-4rer-block .news-4rer-item .titel .head-futura {
	font-family: 'FuturaBT-Bold', sans-serif;
}
.balken.news-preview-item  .titel  {
	cursor:pointer;
	border:1px solid #fff;
	min-height:85px;
}



.balken.news-preview-item  .titel:hover  {
	border:1px solid #c6c6c6;

}

.news-teaser-4rer-block .news-4rer-item .inner {
	width:100%;
	padding:25px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Book', sans-serif;
	font-size:16px;
	font-size:14px;
	line-height:19px;
	line-height:22px;
	background-color: #a4babe;
	text-align:left;
}

.news-teaser-4rer-block .news-4rer-item.bg {
	background-color: #a4babe;
}

.news-teaser-4rer-block .news-4rer-item  .news-4rer-img.bg {
	background-color: #a4babe;
}

.news-teaser-4rer-block .news-4rer-item img {
	width:100%;	
	height:auto;
}



.neuheiten-teaser-box .button-container {
	margin-top:30px;
}

.neuheiten-teaser-box  .button-container .button-wrapper {
	border-top:10px solid #adc7d5;
	padding-bottom:10px;
	display: inline-block;
}


.neuheiten-teaser-box a.button.news-button {
    margin-top: 10px;
    color: #000;
    font-family: 'American Typewriter', serif;
    font-family: 'FuturaBT-Bold', sans-serif;
    font-size: 24px;
    display: inline-block;
    padding: 8px 0 5px 0;
    background-color: unset;
}




/* startseite neu 2021 */

.start-spalte-links-halb {
	width:100%;	
	xheight:730px;
}

.start-spalte-links-halb img {
	width:100%;	
	height:auto;
}

.neuheiten-teaser-content {
	position:absolute;

	left:0;	
	bottom:50px;
	text-align:center;
	width:100%;
}


.neuheiten-teaser-content.left {
	position:absolute;
	left:90px;	
	bottom:50px;
	text-align:left;
	width:100%;
}

@media only screen and (max-width: 616px) {
	.neuheiten-teaser-content.left {
		left:50px;	
		width:calc(100% - 80px);
	}
}


.neuheiten-teaser-content .ne-overhead {
	line-height:26px;
	font-size:30px;
	color:#fff;
	font-family: 'FuturaBT-Bold', sans-serif;
	margin-top:5px;
	display:block;
}

.neuheiten-teaser-content .ne-head {
	color:#fff;
	font-size:60px;
	line-height:60px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}




@media only screen and (max-width: 768px) {
	.neuheiten-teaser-content .ne-overhead {
		line-height:22px;
		font-size:32px;
	}
	.neuheiten-teaser-content .ne-head  {
		font-size:40px;
		line-height:40px;
	}
}


@media only screen and (max-width: 616px) {
	.neuheiten-teaser-content .ne-overhead {
		line-height:20px;
		font-size:28px;
	}
	.neuheiten-teaser-content .ne-head  {
		font-size:36px;
		line-height:36px;
	}
}



.neuheiten-teaser-content .button-container {
	margin-top:10px;
}

.neuheiten-teaser-content  .button-container .button-wrapper {
	border-top:10px solid #fff;
	padding-bottom:20px;
	display: inline-block;
}





.neuheiten-teaser-content a.button.neuheiten-button {
	margin-top:20px;
	color:#fff;
	font-family: 'FuturaBT-Bold', sans-serif;
	background-color:#becfda;
	font-size:20px;
	display: inline-block;
	padding: 8px 10px 5px 10px;
	padding: 6px 10px 8px 10px;
}

.teaser-neuheiten-rechter-block {
	width:calc(100% - 30px);
	margin-top:-30px;
	position:absolute;
		
}


@media only screen and (max-width: 768px) {
	.teaser-neuheiten-rechter-block  {
		margin-top:10px;
	}

}


@media only screen and (max-width: 626px) {
	.teaser-neuheiten-rechter-block  {
		margin-top:10px;
		width:100%;
	}

}


.teaser-neuheiten-rechter-block  .teaser-burgbad-content {
	background-color:#fff;
	width:calc(100% - 140px);
	margin-left:70px;
	margin-right:70px;
	padding:20px;
	padding:10px;
}


@media only screen and (max-width: 768px) {
	.teaser-neuheiten-rechter-block  .teaser-burgbad-content {
		background-color:#fff;
		width:100%;
		padding:20px;
		margin-left:0px;
		margin-right:0px;

	}

}

.teaser-neuheiten-rechter-block  .teaser-burgbad-content .overhead {
	line-height:26px;
	font-size:20px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Bold', sans-serif;
	
}


.teaser-neuheiten-rechter-block  .teaser-burgbad-content .overhead.am {
	line-height:26px;
	font-size:20px;
	color:#000;
	font-family: 'American Typewriter', serif;
}



.teaser-neuheiten-rechter-block  .teaser-burgbad-content .head {
	color:#000;
	font-size:30px;
	line-height:30px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:10px;
}

.teaser-neuheiten-rechter-block  .teaser-burgbad-content .head.sm28 {

	font-size:28px;
	line-height:28px;

}

.teaser-neuheiten-rechter-block  .teaser-burgbad-content .head.sm30 {

	font-size:30px;
	line-height:30px;

}

.scsetscroll {
	overflow-y:scroll;
	padding-right:20px;	
}

@media only screen and (max-width: 616px) {
	.scsetscroll {
		padding-right:unset;	
	}
}


/* burgbad on tour */


.teaser-burgbad-on-tour {
	width:100%;

	margin-top:-30px;
	position:absolute;
		
}


@media only screen and (max-width: 768px) {
	.teaser-burgbad-on-tour {
		margin-top:10px;
	}

}

.teaser-burgbad-on-tour .teaser-burgbad-content {
	background-color:#fff;
	width:calc(100% - 140px);
	margin-left:70px;
	margin-right:70px;
	padding:20px;

}


@media only screen and (max-width: 768px) {
	.teaser-burgbad-on-tour .teaser-burgbad-content {
		background-color:#fff;
		width:100%;
		padding:20px;
		margin-left:0px;
		margin-right:0px;

	}

}

.teaser-burgbad-on-tour .teaser-burgbad-content .overhead {
	line-height:26px;
	font-size:20px;
	color:#000;
	font-family: 'FuturaBT-Bold', sans-serif;
}



.teaser-burgbad-on-tour .teaser-burgbad-content .head {
	color:#000;
	font-size:34px;
	line-height:34px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:10px;
}

.teaser-burgbad-on-tour .teaser-burgbad-content .head.sm28 {

	font-size:28px;
	line-height:28px;

}

.teaser-burgbad-on-tour .teaser-burgbad-content .head.sm30 {

	font-size:30px;
	line-height:30px;

}

.teaser-burgbad-on-tour .button-container {
	margin-top:10px;
}

.teaser-burgbad-on-tour .button-container .button-wrapper {
	border-top:10px solid #fff;
	padding-bottom:20px;
	display: inline-block;
}


.teaser-burgbad-on-tour  a.button.tourdaten-button {
	margin-top:20px;
	color:#fff;
	font-family: 'FuturaBT-Bold', sans-serif;
	background-color:#becfda;
	font-size:20px;
	display: inline-block;
	padding: 8px 10px 5px 10px;
}


.start-spalte-rechts-halb {
	width:100%;	
}

.start-spalte-rechts-halb img {
	width:100%;	
	height:auto;
}

.start-spalte-quer-halb {
	width:100%;	
	float:left;
	height:350px;
}

.start-spalte-quer-halb.ganz {
	width:100%;	
	float:left;
	height:unset;
}


.start-spalte-quer-halb.top {
	width:100%;	
	float:left;
	height:433px;
}

.start-spalte-quer-halb.bottom {
	width:100%;	
	float:left;
	height:300px;
}

.start-spalte-quer-halb .teaser-box-l {
	width:50%;	
	float:left;
	padding-right:15px;
	bottom:0;
}

.start-spalte-quer-halb .teaser-box-r {
	width:50%;	
	float:left;
	padding-left:15px;
	bottom:0;
}


@media only screen and (max-width: 616px) {
	
	.start-spalte-quer-halb.bottom {
		height:auto;
	}

	.start-spalte-quer-halb .teaser-box-l {
		width:100%;	
		padding-right:0;
		bottom:unset;
		margin-bottom:30px;
	}
	
	.start-spalte-quer-halb .teaser-box-r {
		width:100%;	
		padding-left:0;
		bottom:unset;
	}

}

.start-spalte-quer-halb .teaser-box-r  .teaser-box-r-bg {
	width:100%;
	height:100%;
	background-size:cover;
}

.start-spalte-quer-halb .teaser-box-l.bg-gruen, .start-spalte-quer-halb .teaser-box-r.bg-gruen {
	background-color:#96b3a0;
}
.start-spalte-quer-halb .teaser-box-l.bg-blau, .start-spalte-quer-halb .teaser-box-r.bg-blau {
	background-color:#becfda;
}





/* kleine teaserbox links */

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1  {
	width:calc(100% - 60px);
	margin-left:30px;
	margin-right:30px;
	height:100px;
	position:relative;	
}


.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .overhead {
    line-height: 26px;
    font-size: 20px;
    color: #000;
    font-family: 'FuturaBT-Bold', sans-serif;
}


.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .overhead.am {
	line-height:26px;
	font-size:20px;
	font-size:16px;
	color:#000;
	font-family: 'American Typewriter', serif;
}

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .head {
    color: #000;
    font-size: 34px;
    line-height: 34px;
    font-family: 'American Typewriter', serif;
    font-weight: 400;
    margin-top: 10px;
}

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .head.sm26 {
	font-size:26px;
	line-height:26px;
}

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .head.sm28 {
	font-size:28px;
	line-height:28px;
}

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .head.sm30 {
	font-size:30px;
	line-height:30px;
}

.start-spalte-quer-halb .teaser-box-l .teaser-box-stoerer-1 .content {
	background-color:#fff;
	width:100%;
	bottom:50px;
	bottom:20px;
	bottom:50px;
	height:80px;
	position:absolute;	
	padding:10px 10px;
}


/* zspalten */

.teaser-2-spaltig {
	float:left;
}


/* nur textbox */
.news-teaser-textbox-halb {
	width:100%;
	height:auto;	
	padding:10px;
	padding:25px;
}

.news-teaser-textbox-halb.bg-blau {
	background-color:#a4babe;	
}

.news-teaser-textbox-halb .content {
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-family: 'FuturaBT-Book', sans-serif;
	font-size: 16px;
	font-size: 14px;
	line-height: 19px;	
	line-height: 22px;	
}

h6.headnewstextbox {
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-size: 14px;
	line-height: 19px;	
	margin-bottom:10px;
	font-weight:normal;
	margin-top:0;
}
h6.headnewstextbox.futura {
	font-family: 'FuturaBT-Bold', sans-serif;
}

h6.headnewstextbox.upper {
	text-transform:uppercase;
}

h4.headnewstextbox-black {
	color:#000;
	font-family: 'American Typewriter', serif;
	font-size: 14px;
	line-height: 19px;	
	margin-bottom:10px;
	font-weight:normal;
	margin-top:0;
}

/* kleine teaserbox rechts */

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1  {
	width:calc(100% - 60px);
	margin-left:30px;
	margin-right:30px;
	height:100px;
	position:relative;	
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1.ml-10  {
	width:calc(100% - 15px);
	margin-left:10px;
	margin-right:0px;
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1.ohne-ml  {
	width:100%;
	margin-left:0px;
	margin-right:0px;
}


.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .overhead {
    line-height: 26px;
    font-size: 20px;
    color: #000;
    font-family: 'FuturaBT-Bold', sans-serif;
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .head {
    color: #000;
    font-size: 34px;
    line-height: 34px;
    font-family: 'American Typewriter', serif;
    font-weight: 400;
    margin-top: 10px;
}


@media only screen and (max-width: 616px) {
	.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .head {
    	font-size: 24px;
	    line-height: 24px;

	}
	
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .head.sm26 {
	font-size:26px;
	line-height:26px;
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .head.sm28 {
	font-size:28px;
	line-height:28px;
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .head.sm30 {
	font-size:30px;
	line-height:30px;
}

.start-spalte-quer-halb .teaser-box-r .teaser-box-stoerer-1 .content {
	background-color:#fff;
	width:100%;
	bottom:50px;
	height:100px;
	bottom:20px;
	height:80px;
	position:absolute;	
	padding:10px 10px;
}

/* neue startseite top text */

.teaser-burgbad-top h1 {
	color:#fff;
	font-size:34px;
	line-height:34px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:-15px;
}

.teaser-burgbad-top .spalte-head {
	float:left;
	width:30%;
}

.teaser-burgbad-top .spalte-content {
	float:left;
	width:70%;
	column-count: 2;
	column-gap: 20px;
}

@media only screen and (max-width: 768px) {
	.teaser-burgbad-top .spalte-head {
		float:left;
		width:100%;
	}
	
	.teaser-burgbad-top .spalte-content {
		float:left;
		width:100%;
		column-count: 1;
		column-gap: 0px;
	}	
	
}


.teaser-burgbad-top a.button-top-text {
    margin-top: 20px;
    color: #a4babe;
    font-family: 'FuturaBT-Book', sans-serif;
    background-color: #fff;
    font-size: 20px;
    display: inline-block;
}

.teaser-burgbad-top a.button-top-text:hover {
    color: #fff;
    background-color: #a4babe;
}



/* teaser Magazin */


.start-spalte-quer-halb .teaser-box-magazin {
	width:50%;	
	float:left;
	padding-right:15px;
	bottom:0;
}

.start-spalte-quer-halb .teaser-box-magazin-n {
	width:50%;	
	float:left;
	padding-right:15px;
	bottom:0;
	background-color:#d1d3c3;
}


.teaser-box-magazin .banner {
    position: relative;
}

.teaser-box-magazin-n .banner {
    position: relative;
}

.teaser-box-magazin .banner img, .teaser-box-magazin-n .banner img {
    position: relative;
    width: 100%;
    height: auto;
}

.teaser-box-magazin .banner .yellowborder {
    position: absolute;
    top: 40px;
    bottom: 40px;
    right: 40px;
    left: 40px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    
    border: 12px solid #eab115;
    transition: 0.5s;
    background:transparent;
    z-index:99999;
}

.teaser-box-magazin-n .banner .greenborder {
    position: absolute;
    top: 40px;
    bottom: 40px;
    right: 40px;
    left: 40px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border: 12px solid #86ac9b;
    border: none;
    background-color:#d1d3c3;
    z-index:99999;
    display:none;
}

.teaser-box-magazin-n .banner .magazin-logo {
    position: absolute;
    top: 20%;
    right: 0px;
    width:250px;
    margin-right:-15px;
}

.teaser-box-magazin-n .banner .magazin-logo img {
    position: relative;
    width: 100%;
    height: auto;
}


.teaser-box-magazin .banner .overlay {
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 50%;
    left: 50%;
    background: rgba(0, 0, 0, 0.65);
    transition: 0.5s;
    visibility: hidden;
    xdisplay:none;
}

.teaser-box-magazin .banner:hover .yellowborder {
    border: 12px solid #86ac9b;
}

.teaser-box-magazin .banner:hover .overlay {
    top: 40px;
    bottom: 40px;
    right: 40px;
    left: 40px;
    visibility: visible;
    xdisplay:block;
}

.teaser-box-magazin .banner .overlay .text {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    font-family: 'FuturaBT-Bold', sans-serif;
    color: #fff;
    color: #86ac9b;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
     z-index:999;
}

.teaser-box-magazin .banner:hover .overlay .text {
    display: block;
    color: #fff;
}

.teaser-box-magazin .banner .subtext {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    font-family: 'FuturaBT-Bold', sans-serif;
    color: #eab115;
    line-height: 30px;
    text-align: center;
    width:100%;
}

.teaser-box-magazin-n .banner .subtext {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    font-family: 'FuturaBT-Bold', sans-serif;
    color: #fff;
    line-height: 30px;
    text-align: center;
    width:100%;
}

.teaser-box-magazin .banner:hover .subtext {
    display:none;
}

@media only screen and (max-width: 616px) {
	
	.start-spalte-quer-halb .teaser-box-magazin, .start-spalte-quer-halb .teaser-box-magazin-n {
		width:100%;	
		padding-right:0;
		bottom:unset;
		margin-bottom:30px;
	}
	
	
	.teaser-box-magazin-n .banner .magazin-logo {
	    position: absolute;
	    top: 20%;
	    right: 0px;
	    width:290px;
	    margin-right:0px;
	}
	
}




/* teaser kanäele */

.teaser-kanal {
	padding-top:20px;
	padding-bottom:50px;
	width:100%;
	height:100%;
	position:relative;
	float:left;
	background-color:#becfda;
	background:rgba(189,207,218,0.3);
	padding-left:5px;
	padding-right:5px;
}

.teaser-kanal .teaser-kanal-head {
	width:100%;
	height:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	font-size:28px;
	padding-left:10px;
	padding-bottom:30px;
}

.teaser-kanal .teaser-item {
	float:left;
	width:25%;
	padding-right:10px;
	padding-left:10px;	
}

@media only screen and (max-width: 768px) {
	.teaser-kanal .teaser-item {
		width:50%;
	}
}

@media only screen and (max-width: 616px) {
	.teaser-kanal .teaser-item {
		width:100%;
	}
}

.teaser-kanal .teaser-item-head {
	width:100%;
	height:120px;
	background-color:#fff;
	padding-top:25px;
	padding-bottom:20px;

}


.teaser-kanal .teaser-item-head .teaser-item-icon {
	width:auto;
	height:80px;
	text-align:center;

}

.teaser-kanal .teaser-item-head .teaser-item-icon.video {
	width:auto;
	height:60px;
	text-align:center;
	padding-top:5px;
}

.teaser-kanal .teaser-item-head .teaser-item-icon img {
	width:auto;	
	height:70px;
}
.teaser-kanal .teaser-item-head .teaser-item-icon.video img {
	width:auto;	
	height:60px;
}

.teaser-kanal .teaser-item .head {
	height:70px;
	margin-top:20px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	font-size:20px;
	line-height:23px;

}

.teaser-kanal .teaser-item .content {
	font-family: 'FuturaBT-Book', sans-serif;
	font-size:14px;
	line-height:22px;
}

.teaser-kanal .teaser-item .content a {
	font-family: 'FuturaBT-Bold', sans-serif;
	color:#e38d2c;
}

.teaser-top.no_border  {
	border-bottom:none !important;	
}

/* slider mit in. text */

.slider_ind_content {
	top:0;
	left:0;
	width:100%;	
	height:100%;	
	position: absolute;
	display:block;
	padding-left:70px;
}

@media only screen and (max-width: 616px) {
	.slider_ind_content {
		padding-left:40px;
	}
}

.slider_ind_content .inner {
	
}

.slider_ind_content .overhead {
	line-height:26px;
	font-size:40px;
	color:#fff;
	font-family: 'FuturaBT-Bold', sans-serif;
	margin-top:5px;
	display:block;
}

.slider_ind_content .head {
	color:#fff;
	font-size:80px;
	line-height:80px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:20px;
}


@media only screen and (max-width: 768px) {
	.slider_ind_content .overhead {
		line-height:22px;
		font-size:36px;
	}
	.slider_ind_content .head {
		font-size:60px;
		line-height:60px;
	}
}

/*
@media only screen and (max-width: 616px) {
	.slider_ind_content .overhead {
		line-height:20px;
		font-size:30px;
	}
	.slider_ind_content .head {
		font-size:34px;
		line-height:34px;
	}
}
*/

@media only screen and (max-width: 616px) {
	.slider_ind_content .overhead {
		line-height:16px;
		font-size:24px;
	}
	.slider_ind_content .head {
		font-size:30px;
		line-height:30px;
	}
}

.slider_ind_content .inner .button-container {

	margin-top:10px;
	
}

.slider_ind_content .inner .button-container .button-wrapper {

	border-top:10px solid #fff;
	padding-bottom:20px;
	display: inline-block;
	
}



a.button.tour-button {
	margin-top:20px;
	color:#fff;
	font-family: 'FuturaBT-Bold', sans-serif;
	background-color:#becfda;
	font-size:20px;
	display: inline-block;
	padding: 8px 10px 5px 10px;

}





/* neu slider gedrittelt */

.slider-col-content {
	top:0;
	left:0;
	width:100%;	
	position: absolute;
	display:block;
	
}

.slider-col-30 {
	top:0;
	padding-top:20px;
	padding-left:40px;
	padding-right:50px;
	width:33%;
	float:left;
	height:100%;	
}


.slider-col-30 .title {
	color:#fff;
	font-size:30px;
	line-height:40px;
	top:10px;
	left:40px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

.slider-col-30 .einladungstext .overhead {
	font-size:20px;
	line-height:26px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	margin-top:5px;
	display:block
}

.slider-col-30 .einladungstext, .slider-col-30 .einladungstext a {
	color:#fff;
	font-size:24px;
	line-height:36px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

.logo-burgbad-at-home-linie {
	width:85px;
	height:9px;
	background-color:#fff;
	margin-top:40px;
	margin-bottom:7px;	
}

.logo-burgbad-at-home {
	width:280px;
	height:48px;	
}

.logo-burgbad-at-home img {
	width:100%;
	height:auto;
		
}



/* ende neu slider gedrittelt */



/* roadshow seite */

.roadshow-head {
	font-family: 'FuturaBT-Bold', sans-serif;
	background-color:#000;
	color:#fff;	
	padding:10px 10px 10px 10px;
	width:100%;
	margin-bottom:20px;

}

.roadshow-termine {
	width:100%;
		
}
.roadshow-termine a {
	display:block;
	color:#000;
	padding-bottom:17px;
	padding-top:0px;
	border-bottom:1px solid #000;
	text-decoration:none;
	line-height:5px;
		
}



/* badfrisch */
.bad-frisch-sys20-katalog {
	position:absolute;
	bottom:30px;
	left:30px;	
}


@media only screen and (max-width: 616px) {
	.teaser-top .slider-subhead {
		font-size:20px;
		line-height:26px;
		top:50px;
		left:40px;
		font-weight: 400;
	}
}

.teaser-top .bottom-left {
	top:unset;
	bottom:50px;
	position: absolute;
	display:block;
}


.teaser-top-content {
	margin-top:20px;
	xpadding-left:50px;
	xpadding-right:50px;
	margin-bottom:20px;
	margin-bottom:40px;
	max-width:650px;
	width:52%;
	margin-left:auto;
	margin-right:auto;
}

.teaser-top-content.spaltig-2 {
	max-width:950px;
	width:80%;
	display:table;
}

.se-teaser-right {
	width:50%;
	padding-left:15px;
	float:left;
}


.se-teaser-left {
	width:50%;
	padding-right:15px;
	float:left;
}

@media only screen and (max-width: 1024px) {
	.se-teaser-right, .se-teaser-left {
		width:100%;
		padding-left:0;
		padding-right:0;
		float:unset;
	}
}

.slider-container  {
	width:100%;

}

.slider-container .teaser-top-img-sl  {
	position:relative;	

}

.slider-container .teaser-top-img-sl img {
	width:100%;
	height:auto;

}

.slider-container h2 {
	font-size:60px;
	line-height:70px;
	color:#fff;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	 position: absolute;
	 top: 30%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	
	 -webkit-transition: all 300ms ease;
	 transition: all 300ms ease;
	 text-transform: uppercase;

}


@media only screen and (max-width: 768px) {
	.slider-container h2 {
		font-size:50px;
		line-hight:56px;
	
	}
}



.slide {
	position:relative;	
}

@media only screen and (max-width: 768px) {
	.teaser-top-content {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
}

.teaser-top-content .head, .teaser-top-content h1, .se-teaser-head, h1.pg_head, h2.pg_head  {

	font-size:28px;
	line-height:34px;
	font-family: 'American Typewriter', serif;
	color:#000;
	font-weight: 400;
}

.teaser-top-content .copy, .se-teaser-copy  {

	font-size:16px;
	font-size:14px;
	line-height:22px;
	font-family: 'FuturaBT-Book', sans-serif;
	color:#000;
}


.teaser-bottom {
	
}



.teaser-bottom .teaser-sub {
	font-family: 'FuturaBT-Bold', sans-serif;
	font-family: 'FuturaBT-Book', sans-serif;
	margin-top:10px;
	margin-top:0;
	margin-bottom:10px;
}

footer .teaser-bottom .teaser-sub {
	font-family: 'FuturaBT-Bold', sans-serif;
	font-family: 'FuturaBT-Book', sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
}

.teaser-bottom .col-teaser {
	margin-bottom:20px;
	margin-bottom:0;
}

/* pictogramme footer */


.bb-picto  {
	float:left;
	text-align:left;
}	

.bb-picto img {

}	


.bb-picto-box {
	text-align:center;
	float:left;
	width:auto;
}

.bb-picto-box.picto-service img {

}

.bb-picto-box.picto-awards img {

}


.bb-picto-box img {
	width:100px;
	height:auto;
}	

.teaser-bottom .col-teaser img {
	width:50%;
	height:auto;	
}
/*
.teaser-bottom .col-teaser:nth-child(1) {
	xmargin-left:0;
}
.teaser-bottom .col-teaser:nth-child(4) {
	margin-right:0;
}

@media only screen and (max-width: 768px) {
	.teaser-bottom .col-teaser {
		width:45%;
	}
	.teaser-bottom .col-teaser:nth-child(2) {
		margin-right:0;
	}
}
*/
@media only screen and (max-width: 616px) {
	.teaser-bottom .col-teaser {
		margin-right:unset;

	}
}

.serie-content {
	margin-top:40px;
	
}

.serie-bg {
	height:100%;	
	xdisplay:table;
	position: relative;
}


.serie-bg .content {
	top:0;
	padding:0 50px;	
	position:absolute;
	height:100%;
}

@media only screen and (max-width: 768px) {
	.serie-bg .content {
		padding:0 20px;	
	}
	
}

.serie-bg .content-img {
	top:0;
	position:absolute;
	height:80%;
	width:80%;
	margin-top:10%;
	margin-left:10%;
	border:1px solid #fff;
}

.serie-bg .content-img {
	width:80%;
	height:auto;	
}

.serie-bg .content .head {
	font-family: 'FuturaBT-Bold', sans-serif;
}

/*
.serie-bg {
	background-image: url("../grafik/bg-420-420.png");
	background-size: contains; 

}
*/
.serie-bg img {
	width:100%;
	height:auto;	
}

.bb-serie-slider  {
	width:100%;
	height:100%;
	text-align:center;
}

.bb-serie-slider .se-slider-img img {
	width:80%;
	height:auto;
	margin-left:10%;
	margin-top:10%;
}


.bb-serie-slider .se-slider-img-100 img {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-top:auto;
}


.bb-serie-slider img {
	width:100%;
	height:auto;
}


.kateg-border {
	width:250px;	
	float:left;
}
.kateg-content {
	width:100%;	
	float:left;
}

.kat-row {
	xmargin-bottom:30px;	
}

.kat-spalte-links, .kat-spalte-rechts {
	max-width:250px;	
	min-width:170px;
	width:19%;
	float:left;
	padding:10px;
}


.kat-spalte-links {
	margin-right:-10px;

}

.kat-spalte-rechts {
	margin-left:-10px;
	padding-left:45px;
	padding-left:unset;

}

.kat-spalte-innen {
	width:62.32%;	
	float:left;
}

.kat-spalte-30 {
	float:left;
	width:41.45%;
}


/* für 3 spaltig gästebad */
.kat-spalte-33 {
	float:left;
	width:33.33333%;
	padding-left:12px;
	padding-right:12px;
}

@media only screen and (max-width: 800px) {
	.kat-spalte-33 {
		width:50%;
	}
}

@media only screen and (max-width: 616px) {
	.kat-spalte-33 {
		width:100%;
	}
}


.kat-spalte-33 .content .kat-item-text-3sp {
	float:left;	
	width:100%;
	min-height:60px;
}




.kat-spalte-70 {
	float:left;
	width:58%;

}

.kat-spalte-50 {
	float:left;
	width:50%;
	padding-right:10px;
	padding-left:10px;
}

.abst-rechts {
	padding-right:20px;	
}


.kat-spalte-100 {
	float:left;
	width:100%;

}

.kat-spalte-start {
	float:left;
	width:100%;
}


.kat-spalte-50 .kat-img-hoch {
	float:left;
	width:70%;
	padding-right:12px;
}

.kat-spalte-start .img-left {
	float:left;
	width:41%;
	padding-right:12px;
}

.kat-spalte-start .img-left-schmal {
	float:left;
	width:33%;
	padding-right:12px;
}

.kat-spalte-start .img-left-text {
	float:left;
	width:57%;
	padding-left:12px;
}

.kat-spalte-start .img-left-schmal-text {
	float:left;
	width:64%;
	padding-left:12px;
}

.kat-spalte-start .img-right {
	float:left;
	width:57%;
	padding-left:12px;
}


.kat-spalte-start .img-right-text {
	float:left;
	width:41%;
	padding-right:12px;
}

.kat-spalte-start .img-left-text .content, .kat-spalte-start .img-right-text .content {
	height:100%;
}

.kat-spalte-start .img-right img, .kat-spalte-start .img-left img , .kat-spalte-start .img-left-schmal img, .kat-spalte-50 .kat-img-hoch img,
.kat-spalte-33 .kat-img-hoch img {

	width:100%;
	height:auto;	
}

.kat-spalte-start .content .head {
	font-family: 'FuturaBT-Bold', sans-serif;
}

.kat-item .content .kat-item-text-hoch {
	float:left;	
	width:27%;
}

@media only screen and (max-width: 616px) {
	.kat-spalte-start .img-left, .kat-spalte-start .img-right, .kat-spalte-start .img-left-schmal, .kat-spalte-50 .kat-img-hoch {
		width:100%;
		float:left;
		padding-right:unset;
		padding-left:unset;
	}
	
	.kat-spalte-start .img-right-text ,.kat-spalte-start .img-left-text, .kat-item .content .kat-item-text-hoch, .kat-spalte-start .img-left-schmal-text {
		width:100%;
		float:left;
		padding-right:unset;
		padding-left:unset;
		padding-top:30px;	
	}
	
	.kat-spalte-50 {
		width:100%;
		float:left;
		padding-right:unset;
		padding-left:unset;
	}


}

.kat-spalte-100 .kat-img {
	float:left;
	width:68%;
}

.kat-spalte-100 .kat-img-sm {
	float:left;
	width:31.5%;
}

.kat-spalte-100 .kat-text-seite-sm, .kat-spalte-100 .kat-text-seite-l-sm {
	float:left;
	width:68%;
}

.kat-spalte-100 .kat-text-seite, .kat-spalte-100 .kat-text-seite-l {
	float:left;
	width:31.5%;
}



.kat-spalte-100 .kat-text-seite .content,  .kat-spalte-100 .kat-text-seite-sm .content {
	padding:20px 0 20px 20px;
}
.kat-spalte-100 .kat-text-seite-l .content, .kat-spalte-100 .kat-text-seite-l-sm .content {
	padding:20px 20px 20px 0;
}

@media only screen and (max-width: 1024px) {
	
}


@media only screen and (max-width: 616px) {
	.kat-spalte-100 .kat-img,.kat-spalte-100 .kat-text-seite, .kat-spalte-100 .kat-text-seite-l {
		width:100%;
	}
	
	.kat-spalte-100 .kat-text-seite .content, .kat-spalte-100 .kat-text-seite-l .content {
		padding:unset;
	}
}


.kat-spalte-30.spalte-links,.kat-spalte-70.spalte-links  {
	padding-right:12px;	
}

.kat-spalte-30.spalte-rechts,.kat-spalte-70.spalte-rechts {
	padding-left:12px;	
}


@media only screen and (max-width: 616px) {
	.kat-spalte-30, .kat-spalte-70 {
		width:100%;
	}
	
	.kat-spalte-30.spalte-links,.kat-spalte-70.spalte-links  {
		padding-right:unset;	
	}

	.kat-spalte-30.spalte-rechts,.kat-spalte-70.spalte-rechts {
		padding-left:unset;	
	}

	
}



.kat-spalte-rechts  .kat-subnavi   {
	text-align:left;
	margin-left:40px
}


@media only screen and (max-width: 1024px) {
	

	
	
	
	
	
	.serie-content .kat-spalte-rechts {
		margin-left:0;
		display:block;

	}
	
	
	.serie-content .kat-spalte-links {
		margin-left:20px;
		display:block;
		text-align:left;

	}
	
	
	.kat-spalte-links.submenue-serien, .kat-spalte-rechts.submenue-serien {
		display:none;	
	}
	
	.serie-content .kat-spalte-links ul {
		display:none;
		height:0;
	}
	
	.serie-content .kat-spalte-links .kat-subnavi {
		text-align:left;	
	}
	.kat-spalte-innen {
		width:100%;	
		padding-right:20px;
		padding-left:20px;
	}
	
	.kat-spalte-rechts  .kat-subnavi   {
		text-align:left;
		margin-left:25px;
		margin-top:25px;
	}
	
	.serie-content  .kat-spalte-rechts {
    	padding-left: 0;

	}
}

.kat-img img {
	width:100%;
	height:auto;	
}


.kat-img-sm img {
	width:100%;
	height:auto;	
}

.kat-item-box {
	overflow:hidden;	
}

.kat-item {
	margin-bottom:24px;
	position:relative;
}
.kat-item .content .kat-item-bu, .kat-item .content .kat-item-bu-hoch {
	font-size:14px;
	line-height:20px;
	font-family: 'FuturaBT-Book', sans-serif;
	color:#000;
	padding-top:10px;	
}



.kat-item .content .kat-item-bu .head, .kat-item .content .kat-item-bu-hoch .head {
	font-family: 'FuturaBT-Bold', sans-serif;
}

.kat-item .content .sys-head {
	font-family: 'FuturaBT-Book', sans-serif;
	font-size:26px;
	line-height:20px;
}

.textrow .sys-head {
	font-family: 'FuturaBT-Book', sans-serif;
	font-size:26px;
	line-height:30px;
}



.kat-item .serie-nav {
	font-size:14px;
	line-height:20px;
	font-family: 'FuturaBT-Book', sans-serif;
	color:#000;
	padding-top:10px;
	padding-left:20px;
	position:absolute;
	width:100%;
}

.kat-subnavi {
	text-align:right;
	padding-right:5px;	
	width:180px;
}

.kat-subnavi .subkat_men_aktiv  {
	/*
	font-family: 'FuturaBT-Bold', sans-serif;
	font-weight:normal;
	
	color:#cf715c;
	text-decoration:underline;
	*/
	
	border-bottom:1px solid #000;
}

.navsticky {
	position:fixed;
  	top:120px;	
}
@media only screen and (max-width:800px) {
.navsticky {
	position:relative;
  	top:220px;	
}
}
.katalog-seite {
	width:130px;
	height:200px;
	position:absolute;
	margin-left:40px;
	
}

.katalog-seite img {
	width:100%;
	height:auto;
	box-shadow: 2px 2px 10px silver;
	margin-bottom:7px;
}

.katalog-seite a {
	font-size:12px;
	
	
}

.kat-item .kat-img span.hover {
	position: absolute;
    left: 0px;
    width: 100%;
    height:100%;

    visibility:hidden;
    padding: 30px 10px 0px;
    padding-top: 30px;
    font-size: 16px;
    text-align: center;

    overflow: hidden;
    white-space: nowrap;

}


/* seite artikel */
/* kat auswahl */


.subkategorie-head {
	height:40px;	
}

.bb-kat-auswahl {
	cursor:pointer;
	margin-bottom:3px;	
	font-family: 'FuturaBT-Book', sans-serif;
	color:#4c4c4c;
}


.bb-kat-auswahl.selected {
	/*color:#cf715c;
	border-bottom:1px solid #000;
	*/
	text-decoration:underline;
}

.kat-sub-navigation.auswahl  {
	margin-top:70px;	
}

.kat-sub-navigation.groessen {
	display: table; 
	text-align:right;
	color: #4c4c4c;
}
.kat-sub-navigation.groessen .size-item {
	float:right;
	width:100%;	
}

.kat-sub-navigation .div-checkbox {
	width:20px;
	float:right;
	cursor:pointer;
	margin-left:5px;
}

.kat-sub-navigation .div-checkbox img {
	width:100%;
	height:auto;
}

.kat-sub-navigation.groessen .div-text {
	/*padding-top:2px;*/

	float:right;
}
@media only screen and (max-width: 1024px) {
	.kat-sub-navigation.groessen {
		display:none;
	}
}

.button-neu-wrapper {
	
}
.button-neu {
	color:#fff;
	font-size:14px;
	padding:5px 10px 5px 10px;
	background-color:#6e6e70;	
	width:auto;
	float: left;
}


.button {
	color:#fff;
	font-size:14px;
	padding:5px 10px 3px 10px;
	background-color:#000;	
	cursor:pointer;
}

.button_abst {
	margin-bottom:10px;
}

.button a {
	color:#fff;
}


/* aktionsfeld */

.aktionsfeld {
	position:fixed;
	top:100px;
	right:0;
	width:420px;
	height:420px;
	background-color:#fff;
	z-index:99999;	
	
	display:none;

	border:1px solid #ededed;

}

.aktionsfeld .inner {
	width:380px;
	height:340px;
	left:20px;
	top:40px;
	position:absolute;
	
}

@media only screen and (max-width: 616px) {
	.aktionsfeld {

		width:100%;
	}
	
	.aktionsfeld .inner {
		width:90%;
	}
	
}


.aktionsfeld .inner .ak-haendlersuche,.aktionsfeld .inner .ak-sitesuche,.aktionsfeld .inner .ak-merkliste   {
	text-align:center;
	display:none;
}

.aktionsfeld .inner .ak-merkliste   {
	text-align:center;
	display:none;

}
.ak-sitesuche .top-suche {
	margin-top:50px;	
}

.aktionsfeld .inner .head {
	font-size:22px;
	color:#000;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}


.aktionsfeld  .aktion-close, #main-menu-x-sub  .aktion-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("../icons/close.svg");
    margin-top: 10px;
    width: 25px;
    height: 25px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 10px;
    right: 0;
    opacity:0.7;
}

.haendlersuche .description .headline {

	font-family: 'FuturaBT-Bold', sans-serif;
	font-weight:normal;
	cursor:pointer;
}

.haendlersuche .result {
	margin-bottom:30px;	
}

.haendlersuche #resultlist .result {
    width: 100%;
    padding: 5px 0;
    display: block;
    float: left;
    border-bottom: 1px solid #aaaaaa;
}

.haendlersuche #resultlist .result .targeter .resultnumber, .haendlersuche #resultlist .result .a_targeter .resultnumber {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    line-height: 30px;
    color: white;
    font-size: 14px;
}

.haendlersuche #resultlist .result .a_targeter {
    background: url('../icons/maps/maps_marker.png') no-repeat 16px 0px transparent;
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-right:20px;
}

.haendlersuche #resultlist .result .description {
    width: 730px;
    float: left;
    display: block;
}

.haendlersuche #resultlist .result .longdetails.visible, .haendlersuche #resultlist .result p.shortdetails.visible {
    display: block;
}

.haendlersuche #resultlist .result .longdetails {
    margin: 0;
    display: none;
    width: 100%;
    display: none;
}

.haendlersuche #resultlist .result .targeter .distance, .haendlersuche #resultlist .result .a_targeter .distance {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    line-height: 30px;
    font-family: 'FuturaBT-Bold';
    font-size: 12px;
    margin-top: 5px;
}

.haendlersuche #resultlist .result .description {
    width: 680px;
    float: left;
    display: block;
}



#main-menu-x-sub  .aktion-close {
	margin-top: -20px;
}

.aktion-scale {
  transform: scale(1.2);
  transition: transform 250ms ease-in-out;
}


.center {
	text-align:center;	
}

.desktop-show {
	display:block;	
}

.tablet-show {
	display:none;	
}

.mobile-show {
	display:none;	
}

/* merkliste */

#merkliste-content {
	height:320px;
	overflow-y:scroll;	
}

.merkliste-inner-items {
	text-align:left;	
	margin-top:30px;
}

.merkliste-item {
	width:100px;
	float:left;
	height:110px;
	margin:0px 10px 30px 0;
}

.merkliste-item .image {
	width:100px;
	height:100px;
}

.merkliste-item img {
	width:100%;
	height:auto;
}

.merkliste-inner-items .typhead {
	font-family: 'FuturaBT-Bold', sans-serif;
	font-weight:normal;
}

.merkliste-item .title {
	text-align:left;
	height:20px;
	overflow:hidden;
}

.merkliste-typen {
	width:100%;
	float:left;
	margin-bottom:30px;	
	position:relative;
}



@media only screen and (max-width: 1000px) {
 /* l */
 	
}

@media only screen and (max-width: 1024px) {
 /* m */
 	.tablet-show {
		display:block;	
	}
	.desktop-show {
		display:none;	
	}
}

@media only screen and (max-width: 616px) {
 /* s */
 

}

.text-2-spaltig {
	column-count: 2;
	column-gap:20px;
}
.text-2-spaltig p {
	  -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
}

@media only screen and (max-width: 768px) {
 .text-2-spaltig {
	column-count: 1;
	}
 	
}

/* features */

.kachel-front {
	width:17%;
	xheight:50px;	
	float:left;
	margin:5px;
	cursor:pointer;
}

.kachel-front-ajx {
	width:5%;
	max-width:50px;
	xheight:50px;	
	float:left;
	margin:5px;
	cursor:pointer;
}

.kachel-front img , .kachel-front-ajx img {
	width:100%;
	height:auto;
}

.serie-podukt-image {
	/*border:1px solid black;*/
	/*border: 1px solid #dddddd;*/
	xpadding:5px;
	padding:5px 5px 5px 0;
	margin-right:10px;	
}

.serie-podukt-image img {
	width:100%;
	height:auto;
}

#featuretitel {
	font-family: 'FuturaBT-Book', sans-serif;
    font-size: 14px;
    padding:5px 10px;
    background-color: rgba(170,170,170,0.5);
    right:30px;
    bottom:10px;
    color:#000;
    z-index:99999;
    position:absolute;
    display:none;
    
}


/*historie */
.burgbad-historie h2 {
    font-family: 'FuturaBT-Book', sans-serif;
    font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-bottom:10px;
}



.burgbad-historie .text-rechts {
	text-align:right;
}

@media only screen and (max-width: 616px) {
	.burgbad-historie .text-rechts {
			text-align:left;
			
	}
	
	.burgbad-historie .pl-10 {
		padding-left:0;
	}
	
	.burgbad-historie .pr-10 {
		padding-right:0;
	}
	
	.burgbad-historie .push-1, .burgbad-historie .push-6 {
		left:0;
	}
	
	.burgbad-historie .mt--50 {
		margin-top:0;
	}
}


/* standarb abb 100% breite */
.bb_img_100 img {
	width:100%;
	height:auto	
}

.producttext p {
	padding:0;	
	margin:0;
}

.nachhaltigkeit-image-liste {
	height:170px;
	padding:10px;
	background:#a5a5a5;
	background:#fff;	
	border:1px solid #a5a5a5;
}


.nachhaltigkeit-image-liste img {
	width:auto;
	height:auto;	
	max-height:150px;
	max-width:100%;
}

.nachhaltigkeit h2 {
    font-family: 'FuturaBT-Book', sans-serif;
    font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-top:0;
	padding-top:0;
}




@media only screen and (max-width: 616px) {
	.nachhaltigkeit h2 {
		margin-top:20px;
	}
}

.news-top {
	
}

.news-top{
	margin-left:-10px;
	width:calc(100% + 20px);
}


.news-top .news_btn_top {
	height:34px;
	background-color:#000;
	color:#fff;
	width:calc(33% - 20px);
	margin-left:10px;
	margin-right:10px;
	font-size:16px;
	padding-top:8px;
	float:left;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	margin-bottom:15px;
}


@media only screen and (max-width: 768px) {
	.news-top .news_btn_top {
		width:calc(50% - 20px);
	}
	
}


@media only screen and (max-width:470px) {
	.news-top .news_btn_top {
		width:calc(100% - 20px);
	}
	
}

.news-top .news_btn_top.active {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
}


.news-stoerer {
	width:220px;
	height:220px;
	transform: rotate(-15deg);
	background:rgba(236,173,151,0.8);
	/*background:rgba(205,22,25,0.6);*/
	border-radius: 110px;
	position:absolute;
	right:50px;
	bottom:110px;
	font-family: 'American Typewriter', serif;
	font-size:50px;
	color:#fff;
	text-align:center;
	padding-top:100px;
		
}

@media only screen and (max-width: 768px) {
	.news-stoerer {
		width:110px;
		height:110px;
		border-radius: 55px;
		font-size:24px;
		padding-top:45px;
		bottom:240px;
		right:20px;
	}
}


.news-stoerer-img {
	width:360px;
	height:360px;
	background:-color:#fff;
	border-radius: 180px;
	position:absolute;
	right:20px;
	bottom:100px;
	color:#fff;
	text-align:center;
	padding-top:100px;
		
}

@media only screen and (max-width: 768px) {
	.news-stoerer-img {
		width:120px;
		height:120px;
		border-radius: 60px;
		font-size:24px;
		padding-top:45px;
		bottom:280px;
		right:0px;
		margin-right:-20px;
	}
}


.news-stoerer-img img {
	width:auto;
	height:100%;	
}

.news-image-liste {
	height:130px;
	padding:10px;
	background:#a5a5a5;	
	background:#fff;	
	border:1px solid #a5a5a5;
}


.news-image-liste img {
	width:auto;
	height:100%;	
	max-height:110px;
}

.news-row-2 {
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
    column-gap: 40px;
    break-inside: avoid;
}

@media only screen and (max-width: 616px) {
	.news-row-2 {
    	column-count: 1;
    	-webkit-column-width: 100%;
    	-moz-column-width: 100%;
    	column-width: 100%;
    	column-gap: 0;
	}
	
}


/* video 75 header */

.top-video-head {
	width:100%;
		
}

@media only screen and (max-width: 1280px) {
	.top-video-head {
		padding-left:20px;
		padding-right:20px;
		width:calc(100% - 40px);
		
	}
}



/* video 75 störer */

.video-75-stoerer {
	width:320px;
	height:320px;
	background:rgba(236,173,151,0.8);
	/*background:rgba(205,22,25,0.6);*/
	background-color:#fff;
	border-radius: 160px;
	position:absolute;
	right:50px;
	bottom:110px;
	bottom:40px;
	font-family: 'American Typewriter', serif;
	font-size:50px;
	color:#fff;
	text-align:center;
	padding-top:100px;
}

.video-75-stoerer-inner {
	width:220px;
	height:220px;
	top:50px;
	left:50px;
	position:absolute;
}

@media only screen and (max-width: 768px) {
	.video-75-stoerer {
		width:180px;
		height:180px;
		border-radius: 90px;
		bottom:20px;
	}
	
	.video-75-stoerer-inner {
		width:120px;
		height:120px;
		top:30px;
		left:30px;
		position:absolute;
	}
}


@media only screen and (max-width: 616px) {
	.video-75-stoerer {
		width:150px;
		height:150px;
		border-radius: 75px;
		bottom:-10px;
	}
	
	.video-75-stoerer-inner {
		width:100px;
		height:100px;
		top:25px;
		left:25px;
		position:absolute;
	}
}

.video-75-stoerer-inner .video-bg { 
	position:relative;
}




.karriere h2 {
	font-size:20px;
	line-height:24px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}


.karriere-head h2 {
	font-size:20px;
	line-height:24px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
}

.karriere .bb_content_text_bold {
	font-size: 14px;
	line-height: 22px;
}



.karriere hr {
	border-top:1px solid #dedede;
}


.image-50-right {
	background:none;	
}

.image-50-right img {
	height:auto;
	max-width:100%;	
}

.image-50-left {
	background:none;	
}

.image-50-left img {
	height:auto;
	max-width:100%;	
}


.cs_social_networks {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	/*text-align:center;*/
}

@media only screen and (max-width: 616px) {
	.cs_social_networks {
		max-width:400px;
		width:100%;
	}
}


/* icons */

.social_wrap a {
    font-size: 30px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    color:#fff;

}

.social_wrap a:hover {
    color:#aaa;

}

.social_wrap .burgbad-icon {
	padding:5px;
	float:left;	
	width:30px;
}



.social_wrap .social_wrap_inner::after, .social_wrap li, .social_wrap ul {

    display: inline-block;
    vertical-align: middle;

}


/* banner capsule */

.banner-capsule {
	background-size:cover;
	width:100%;
	min-height:240px;
    background-repeat: no-repeat;
    background-image: url("../../images/background/burgbad-rgb-banner.jpg");
	
}	


.banner-capsule-cc {
	background-size:cover;
	width:100%;
	min-height:240px;
    background-repeat: no-repeat;
    background-image: url("../../images/background/burgbad-capsule-collections-banner.jpg");
	
}	

.banner-capsule-content {
	min-height:200px;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	background-color: rgba(255,255,255,0.5);
}

.banner-capsule-content .button {
	
}


@media only screen and (max-width: 616px) {
	
	.banner-capsule {
		height:300px;
		
	}
	.banner-capsule-content {
		margin-top:20px;
		margin-bottom:20px;
	}
	
}

.banner-capsule-content .text {
	padding:20px;
	z-index:1000;
	position:relative;
}
.banner-capsule-content .head {
	text-align:center;
    font-size: 28px;
    line-height: 34px;
    font-family: 'American Typewriter', serif;
    color: #000;
    font-weight: 400;

}
.banner-capsule-content .bg {
	width:100%;
	background-color:#fff;
	opacity:0.6;
	margin-top:-160px;
	height:160px;
	z-index:500;
	display:none;
}

@media only screen and (max-width: 616px) {
	.banner-capsule-content .bg {
		margin-top:-180px;
		height:240px;
	}
}

@media only screen and (max-width: 480px) {
	
	.banner-capsule {
		min-height:340px;
		
	}
	.banner-capsule-content .bg {
		margin-top:-250px;
		height:290px;
	}
}


/* banner grohe */

.banner-grohe {
	background-color:#878786;
	width:100%;
	height:auto;
	padding:30px;
	color:#fff;	
	text-align:center;
	
}

.banner-grohe .head {
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	font-size:34px;
	line-height:32px;
	color:#fff;	
}

.banner-grohe .copy {
	margin-top:15px;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
	font-size:12px;
	line-height:14px;
	color:#fff;	
}


.color-box-overlay {
	width:800px;
	height:300px;
	height:auto;
	background-color: rgba(39,30,38,0.9);
	background-color: rgba(255,255,255,0.8);
	position:fixed;
	top:200px;
	z-index:999999;
	opacity:0;
	padding:40px;
	margin-left:auto;
	margin-right:auto;
}


.wrapper-show-farben {
	position:absolute;
	right:20px;
	bottom:10px;
	xwidth:120px;
	height:32px;
	cursor:pointer;
	text-align:right;
	color:#fff;
}

.show-farben-text {
	float:left;
	margin-right:10px;
}


.button-color-preview {
	float:left;
	margin-top:-5px;
	width:32px;
	height:32px;
	cursor:pointer;
}

.button-color-preview img {
	width:100%;
	height:auto;
}

.box-color-blind {
	visibility:hidden;
}

.box-color-preview {
	background:#fff;
	opacity:0;
	top:0;
	left:0;
	position:absolute;
	width:100%;
	display:none;
	overflow-y:scroll;
	z-index:999999;
}

.box-color-preview-img-20 {
	float:left;
	width:10%;
	width:20%;
	xpadding:5px;
}

.box-color-preview-img-25 {
	float:left;
	width:25%;
}

.box-color-preview-img-33 {
	float:left;
	width:33.333%;
}

.box-color-preview-img-20 img, .box-color-preview-img-25 img,
.box-color-preview-img-33 img {
	width:100%;
	height:auto;
}

.color-preview-show {
	display:block !important;	
	opacity:1 !important;
}

.color-box-close {
	position:absolute;
	width:30px;
	height:30px;
	z-index: 99999;
    cursor: pointer;
    margin-right: 10px;
    right: 10px;
    margin-top: 10px;

}

.color-box-close img {
	width:100%;
	height:auto;
}


/* oxomi */

.oxomi-catalog {

    margin-right: 35px !important;

}


.top-button {

    z-index: 550;
    position: fixed;
    bottom: 20px;
    width: 40px;
    height: 40px;
    right: 0px;
    padding: 0px 12px 8px 10px;
    background-color: #aaa;
    opacity: 0.6;

}


/* suche */

.div-bb-suche .suche-item-more .expand-icon {
    cursor: pointer;
}

.div-bb-suche .suche-item-more {
    width: 60px;
    float:left;	
}
.div-bb-suche  .suche-item-row-cont {
	float:left;	
}

.suche-item-row {
	margin-bottom:50px;
}

.div-bb-suche .suche-item-more .expand-icon {
    float: left;
    left: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    position: absolute;
}

.div-bb-suche .suche-item-more .expand-icon .one {
    top: 10px;
    left: 0;
    width: 16px;
    right: initial;
    height: 1px;
}

.div-bb-suche .suche-item-more .expand-icon .two {
    top: 2px;
    left: 8px;
    bottom: initial;
    width: 1px;
    height: 16px;
}

.div-bb-suche .suche-item-more .expand-icon .one, .div-bb-suche .suche-item-more .expand-icon .two {
     position: absolute;
    background: #000;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 200ms all ease-out;
}

.div-bb-suche .suche-item-more.open .expand-icon .two {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.div-bb-suche #vcont   {
	display:none;
}

.div-bb-suche #vcont .opened {

}

img.se_result_svg  {
	width:170px;
	height:auto;
	max-height:170px;
}



.ajax-loader {
  xvisibility: hidden;
  display:none;
  background-color: rgba(255,255,255,0.7);
  xposition: absolute;
  z-index: +100 !important;
  width: 60px;
  height:60px;
  margin-right:auto;
  margin-left:auto;
}

.ajax-loader img {
  width:100%;
  height:auto;
  position: relative;
  top:50%;
  left:50%;
}



/* montagevideos */



.montagevideo_rahmen {
	width:100%;
}

.montagevideo_rahmen .montagevideo_item {
	margin-bottom:50px;
}

.montagevideo_rahmen .montagevideo {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
}

.montagevideo_rahmen .montagevideo iframe{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.montagevideo_menue {
	display:none;
}


.video-wrapper {
	width:100%;
	height:auto;	
}

.video-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    xdisplay: none;
}


/* video header */


/* video c */



.fgs-video {
        position: relative;
        padding-bottom: 56.25%;

        height: 0; overflow: hidden;
        max-width: 100%; height: auto;
}
.fgs-video iframe, .fgs-video object, .fgs-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.fgs-video-overlay {
	position:absolute;
	top:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:999;	
	text-align:center;
	background: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.2);
}
.fgs-video-overlay-inner {
	position:relative;
	height:auto;
	/*display:flex;*/
}



.fgs-video-overlay-left, .fgs-video-overlay-right {
	float:left;	

}

.fgs-video-overlay-right {
	float:left;	
	width:100px;
	text-align:left;

}

.fgs-video-overlay-content  {
	
}
.fgs-video-overlay-button {
	text-align:center;	
	width:100%;
	float: both;
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom:10px;
}
.fgs-video-overlay-text {
	text-align:center;	
	width:50%;
	float: both;
	margin-left: auto;
	margin-right: auto;
	margin-top:  auto; 
	color:#fff;
}

@media only screen and (max-width: 800px) {
	.fgs-video-overlay-text {
		width:80%;	
	}
}


.fgs-video-button {
	width:100px;
	height:100px;	
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	
}

.fgs-video-button img {
	width:100%;
	height:auto;	
}


/* video ovalay popup */

#page-video-bg-container, #page-artikel-bg-container  {
	display:none;	
}

#kl-video-container  {
	display:none;	
}

.page-video-bg-container, .page-artikel-bg-container {

    transition: top 0.0s 1.5s, opacity 1.5s 0s;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0px;
	background-color: #000;
	background: rgba(0, 0, 0, 1);
	color:#fff;
    display: table;
    z-index: 7;
    padding-top: 0;
    padding-bottom: 100px;
    z-index: 999999999;
	margin-left:auto;
    margin-right:auto;
    
}

.page-artikel-bg-container {
	background: rgba(255, 255, 255, 1);
	background: rgba(0, 0, 0, 1);
	color:#000;
	
}


#bb-artikel-container {
	overflow:auto;
}

.page-artikel-bg-container .content {
	background: rgba(255, 255, 255, 1);
	display: table;
	padding-top:30px;
	padding-bottom:50px;
	
}

/*
#kl-video-container {

    width: calc(100% - 40px);
    max-width: 920px;
    height: 420px;

}
*/
/*
#kl-video-container .video-container-inhalt {

    width: 100%;
    height: 420px;
    padding-left: unset;

}
*/

#kl-video-container .video-container-inhalt {

    max-width: 1260px;
    width:100%;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    display:table;
    background-color: none;
    top: 0;
    xleft: 0;
    opacity: 1;
    padding-top: 60px;
	z-index: 99999;
}


#kl-showvimeo-vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#kl-showvimeo-vid {

    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;

}


.page-video-bg-container .video-nav-close , .page-artikel-bg-container .artikel-nav-close {

    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("/grafik/icons/X.svg");
    margin-top: 20px;
    width: 35px;
    height: 35px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 10px;
    right: 50px;

}

.video-starten{
		cursor:pointer;
		
}

.video-starten img {
		width:100%;
		height:auto;
		
}


#bb-artikel-container  {
 	max-width: 1260px;
    width:100%;
    height: auto;
    min-height:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    xdisplay:table;
    background-color: #fff;	
}


/* video rundgang */


.iframe-rundgang {

    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;

}

.iframe-rundgang iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}


/*awards */

.design-awards {
	border-top:1px solid #000;
	padding-top:20px;
}

.design-awards .award-item {
	width:25%;
	float:left;
	padding:10px;
}

.design-awards .award-item img {
	width:100%;
	height:auto;
}

.design-awards .award-item img.award-logo {
	width:80%;
	height:auto;
}

.design-awards .award-item img.award-image {
	margin-top:20px;
	margin-bottom:10px;
}

@media only screen and (max-width: 1000px) {
	.design-awards .award-item {
		width:50%;
		float:left;
		padding:10px;
	}
	
}

@media only screen and (max-width: 616px) {
	.design-awards .award-item {
		width:100%;
		float:left;
		padding:10px 0 10px 0;
	}
	
}



/* kontakt form overlay */

#page-direkt-kontakt  {

	position: fixed;
    bottom:100px;
    right: 30px;
    width: 420px;
    height: 420px;
    background-color: #fff;
    z-index: 99999;
    display: none;
    display: block;
    border: 1px solid #ededed;

}


#bb-kontakt-container  {
	padding:50px 30px 30px 30px;	
}



#bb-kontakt-container .kontaktinput  {
	margin-bottom:20px;	
}


#page-direkt-kontakt  .kontakt-aktion-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("../icons/close.svg");
    margin-top: 10px;
    width: 25px;
    height: 25px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 10px;
    right: 0;
    opacity:0.7;
}

#page-direkt-kontakt  .bb_inputareakontakt  {
	width:100%;
	height:100px;
}

/* ende kontakt form overlay */

/* cookie-hinweis */


    
    
.cookieMeldung {
    position: fixed;
    
    width: 100%;
    min-height: 110px;
    z-index: 9999999;
    text-align: center;
    color: white;
    background-color: #12353bd6;
    background-color: #659aaf;
    opacity:0.9;
    display: none;
    margin-left:-10px;
    margin-right:10px;
    padding: 10px;
    
    xbottom: 0;
    
    background-color: #fff;
    color:#000;
    
}


#cookieMeldung {

    position: absolute;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
	xborder: 1px solid #dedede;
    height: 200px;
    height: auto;
    width: 800px;
    display: none;
	z-index:9999999;
}


#cookieMeldung .cookieTop  {
	height:auto;
	padding:20px;
	width:100%;
	background-color:#6e6e70;
	margin:0;
	font-family: 'American Typewriter', serif;
	font-weight: 400;
    font-size: 20px;
    font-size: 28px;
    line-height:30px;
    color: #fff;
    text-align:center;
	
}

.cookieContent {
    max-width: 1060px;
    width:100%;
    margin: 0 auto;
    padding: 20px;
    padding-top:30px;
    text-align: center;
    
}

@media only screen and (max-width:1024px) {
	.cookieContent {
    	max-width: 940px;
	}
}


@media only screen and (max-width:768px) {
	.cookieContent {
    	max-width: 740px;
	}
}

.cookieMeldung {
    text-align: center;
    color: white;
    color:#000;
}

.cookieHeadline {
    font-family: arial;
    font-family: 'American Typewriter', serif;
	font-weight: 400;
    font-size: 20px;
    font-size: 24px;
    line-height:30px;
    color: #fff;
    color:#000;
}

.cookieText {
    font-size:14px;
	line-height:22px;
	font-family: 'FuturaBT-Book', sans-serif;
}


.cookieButton {
    padding: 5px 20px;
    margin: 5px;
    background: #659aaf;
    background: #6e6e70;
    background-color:#6e6e70;
    border: 1px white solid;
    width: 200px;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.cookieButton:hover {
	background: #000;
}
.cookieNotOkay {
    background: #6e6e70;
    opacity: 0.6;
}
.cookieNotOkay:hover {
	background: #000;
	opacity: 1;
}

.cookieContLeft {
	position:relative;
	float:left;
	width:calc(100% - 170px);
	width:100%;

}

.cookieContRight {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
}



@media only screen and (max-width:520px) {
	.cookieContRight {
		width:100%;
		margin-bottom:20px;
	}
	
	.cookieContLeft {
		width:100%;
	}
}

.cookieClose {

    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("../icons/X.svg");
    margin-top: 0;
    width: 25px;
    height: 25px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 20px;
    right: 10px;
    opacity: 1;

}


/*
.cookieClose {
	width:20px;
	height:20px;
	float:right;
	font-size:20px;
	margin-right:20px;
	cursor:pointer;
}

.cookieClose::before {
	    content: "\00D7";
	    font-weight: 300;
	    line-height: 25px;
}
*/
/*
.cookieMeldung {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}
*/
/*
#cookieMeldung {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}
*/
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.gaoptoutnow {
	cursor:pointer;	
}

.GAnoTrackMeldung {
	display:none;	
}

.text-upper {
	text-transform:uppercase;	
}


/* oxomi */

#oxomi-input {
  font-family: sans-serif;
  margin-top:30px;
  margin-bottom:50px;
  display:none;
}

#oxomi-output {
  margin-top:50px;
  font-family: sans-serif;
}

.oxomi-link , .oxomi-link a {
    font-weight: normal;
    color: #333 !important;
    text-decoration: none;
    cursor: pointer;
    display: inline;
}

.oxomi-h2 {
    color: #000;
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: uppercase;
}

.oxomi-border {
    border: 1px solid #ddd;
    border-radius: 0px;
    background-color: #fff;
    padding: 3px;
}

.oxomi-catalog-details {
    font-size: 16px;
    line-height:22px;
}

.oxomi-form-control {
	border-radius:0;	
}

.oxomi-floater {
	margin-bottom:20px;
}

.katalog-seite .oxomi-catalog-title {
	font-size: 12px !important;
}