html{
font-size: 18px;	
scroll-behavior: smooth;
}

body{
font-family: 'Poppins', sans-serif;
color: #010101; 
font-weight: 400; 
letter-spacing: 0.1em;
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}

figure{
position: relative;	
display:flex;
width:100%;
}


.bb_teaser .bb_text img {
    width: 100px !important;
    height: auto !important;
margin:auto;
}


.bb_teaser.bb_full{
width:100%;	
padding:0;
}



.bb_footernav a.featured{
text-decoration: underline; 	
}

#bb-eventslider-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
    width: 100%;
}

.bb-loader-spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #e0e0e0;
    border-top-color: #333;
    border-radius: 50%;
    animation: bb-spin 0.8s linear infinite;
}

@keyframes bb-spin {
    to { transform: rotate(360deg); }
}

.productteaser .aufenthaltsdauer{
width: 100%;
display: flex;
flex-wrap: wrap;	
}


.dayheadline {
    margin-top: 3rem;
}

.dayheadline.first {
    margin-top: 0;
}


#wrapper .bigbox_video ~ .bb_bigbox .bb_bigboxcontent{
background: transparent;	
}

/* alten, mittigen Button hinter dem Text entfernen */
.playbutton.bb_cover figure::after { content: none; }

/* neuer Button: unten, zentriert, vor dem Text */
.playbutton.bb_cover::after {
  content: "\25B6";                              /* ▶ */
  position: absolute;
  inset: auto 0 1.2rem 0; margin-inline: auto;
  width: 3.5rem; height: 3.5rem;
  display: grid; place-items: center;
  padding-left: .25rem;                          /* Dreieck optisch mittig */
  font-size: 1.4rem; color: #fff;
  background: rgba(0, 0, 0, .55); border-radius: 50%;
  pointer-events: none; transition: background .15s;
}
.playbutton.bb_cover:hover::after { background: rgba(0, 0, 0, .8); }
/* .downloadbutton.bb_cover ist schon position:relative */
.downloadbutton.bb_cover::after {
  content: "\2913";
  position: absolute;
  inset: auto 0 1.2rem 0; margin-inline: auto;   /* unten, horizontal zentriert */
  width: 3.5rem; height: 3.5rem;
  display: grid; place-items: center;
  font-size: 1.6rem; color: #fff;
  background: rgba(0, 0, 0, .55); border-radius: 50%;
  pointer-events: none; transition: background .15s;
}
.downloadbutton.bb_cover:hover::after { background: rgba(0, 0, 0, .8); }
.downloadbutton.bb_cover:hover::after { background: rgba(0, 0, 0, .8); }


.dunkeloasee {
    background-color: #171b1f;
    color: white;

}


[class^="bb_nav_"] {
    display: none;
}

.bb-button-round{
font-weight: 400;	
text-shadow: unset;
}

.bb-button-round .button_headline span{
	text-shadow: unset;
}

.bb-button-round .button_text{
font-family: 'Crimson Text', serif;
font-size: 2rem;
line-height: 1.5rem;
font-weight: 600;	
text-shadow: unset;
}


.no-margin-bottom{
margin-bottom:0 !Important;	
}


.dunkeloasee .bb_headline,
.dunkeloasee a{
    color: #b4a277;
	text-decoration: none;
}


.dunkeloasee .ce_hyperlink a{
filter: invert(1);	
}

#wrapper .specialcolors .bb_headline {
    color: #8FB8B6;
    margin-bottom: 0;
    font-size: 8rem;
}



figure.float_above{
margin-top:3rem;	
}

picture,
figure a{
width:100%; 	
}

.showonscroll{
	opacity: 0; 
	visibility: hidden; 
	transition: all 500ms;
}


.offset1px .showonscroll{
	opacity: 1; 
	visibility: visible; 
	transition: all 500ms;
}

#wrapper .mod_article.fullwidth:not(.kalender):first-of-type.flexintroarticle{
	padding-left:0;	
	
	    width: calc(33% - 2rem);
	
	
}


.bb_mainnav li.neu::before{
content: 'neu';
background-color: #c1b08a; 
color:white; 
padding: 10px;	
border-radius: 100%;
font-size: 0.75rem; 
position:absolute; 
top:-1rem; 
right:0;
}


.bb_mainnav .level_2 li:not(.menuimg){
position: relative;
}


@media screen and (max-width: 1024px){
	
	.bb_mobile_1024{
	display: flex; 	
	}
	
	.translate.bb_mobile_1024{
	width:100%;
	}
	
	.bb_mainnav li.neu::before{
left:70px;
top:-1rem; 
right:unset;
font-size: 0.5rem; 
top:0rem; 
padding: 5px;	

}


#footer{
padding-bottom: 100px;	
}

}


@media screen and (min-width: 1024px){
.bb_mobile_1024{
	display: none !important; 	
	}
}

@media screen and (min-width: 1600px){

.flexintronav{
padding-top:0;	
}


.flexintronav .bb_f_anker, .flexintronav .ankernav ul{
width:100%; 
max-width: 80%;
justify-content: flex-start; 
padding-left: 500px;
box-sizing: border-box;

}

.flexintronav .bb_f_anker_item, #wrapper #main .flexintronav .ankernav ul li a{
margin-left:0; 
font-size: 0.8rem;
width: calc(25% - 2rem);

}



#container .inside .flexintro  {
	    max-width: 80%;
	display: flex;
	flex-wrap: nowrap;


}
#container .inside .flexintroarticle   {

	width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#container .inside .flexintro .bb_headline{
font-size: 3rem;	


}


.mod_article .flexintro .ce_headline{
width: calc(500px); 	
margin:0;
}

.mod_article .flexintro .ce_text{
width: calc(100% - 500px); 	
margin:0;
}

}



.cst{    
position: relative;
    z-index: 1;
}

#container #mapid{
z-index: 1;	
}

::-webkit-scrollbar {
    background-color: #FFF;
    width: 1rem;
}
::-webkit-scrollbar-thumb {
    background-color: #96c3c3;
    border-radius: 0px;
}



body #wrapper .ccm-plugin--script-placeholder,
body #wrapper #container .ccm-plugin--script-placeholder{
background: #555; 
color: white;	
padding:3rem;
align-content:center;
display: flex;
text-align:center;	
align-content:center; 
align-items:center;
flex-wrap: wrap;
padding: 1rem;
justify-content:center;
}

.ccm-plugin--script-placeholder > *,
#wrapper .ccm-plugin--script-placeholder > .submit_container {
width: 100%; 
text-align:center;	
justify-content:center;
margin-top:0.5rem;  
margin-bottom:0.5rem; 
}

.ccm-cookie-declaration{
width:100%;	
}

.ccm-cookie-declaration--purpose--title{
font-size: 2rem; 
font-weight: 600;	
}

.ccm-cookie-declaration--embedding--title{
	font-size: 1.5rem; 
font-weight: 600;
}

.ccm-cookie-declaration tr{
text-align:left;	
}


.ccm-cookie-declaration td{
background-color: #EEE;	
padding: 10%;
}


.navplus{
	display: none;

}

.gtranslate_wrapper > a > img ~ span {
    display: none;
}

#wrapper .gt_container-unisv1 a.glink span {
    margin-right: 3px;
    font-size: 12px;
    vertical-align: middle;
	padding-left: 0.5rem;
}




a.glink.gt-current-lang {
    font-weight: bold;
}

#wrapper .gt_white_content a {
    display: block;
    padding: 10px;
    white-space: nowrap;
    line-height: 0;
    box-sizing: border-box;
	color: black;
	font-size:0.5rem;
}

a.glink {
    text-decoration: none;
}


#header .gtranslate_wrapper {
align-items:center;
padding-left: 1rem;	
margin-left: 1rem;

}

.offset1px #header .gtranslate_wrapper{
margin-left: 0rem;	
}

#footer .gtranslate_wrapper {
width:100%; 
display: flex; 
justify-content:center;
}



.submenu .navplus{
	display: block;

}



.bbzimmerimagebutton {

  transform: scale(0.1); 


}



body .ccm-widget .ccm-widget--buttons button.ccm--button-primary{
background-color: #96c3c3;	
color: black;
}




body .ccm-widget .ccm-widget--buttons .button, body .ccm-widget .ccm-widget--buttons button{
background-color: transparent; 
color: black; 
border: 1px solid black;	
}

.ccm-plugin--script-placeholder ~ #mapid{
position:absolute; 
right:0;
z-index:0;
}

.ccm-plugin--script-placeholder{
z-index: 10; 
position:relative;	
}


 #mapid{
	 position: relative; 
 }

#wrapper #main .mod_article.adressboxarticle {

    align-items: normal;
}

.ccm-cookie-declaration--purpose,
.ccm-cookie-declaration--embedding{

padding-top: 3rem;
padding-bottom: 3rem;
}

/*
.bb_slxdx_container{
height: 1000px;	
}
*/
iframe {
width: 100%;	
}

#footer .bb_address{
width: 100%;	
display: flex;
justify-content:center; 


}



#wrapper #main .center .mod_breadcrumb{
display:flex; justify-content:center;	
}

#footer .bb_adressblock{

padding: 2rem; 
padding-top:0;
}




#footer .bb_adressblock > * > * {
display: inline; 
justify-content:center;
font-weight: 300;
}


#footer .bb_adressblock > * > * > * {
font-weight: 300;
}

.bbaccesscontrast .bb_social a,.bbaccesscontrast  .litepicker .container__months .month-item-weekdays-row{
color: black !important;	
}


	


#footer .bb_adressblock > * {
display: block; 
justify-content:center;
font-weight: 300;
text-align:center;
}


#wrapper #footer .gototop{
	display:none;
    background-color: #96c3c3;
	color: white;
	position: fixed;
	text-decoration: none;
	display:block; 
	padding: 1rem; 
	font-size: 2rem;
	bottom:1rem; 
	right:1rem;
	color: #010101;
	z-index: 10;
}
	

#footer .bb_adressblock .bb_iconfont:before{
content: none;	
}

#footer .bb_adressblock a{
color: #010101; 
text-decoration: none;	
}

.bb_footerlogos {
    width: 100%;
    background-color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    min-height: 25vh;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.partnerlink {
    padding: 2rem;
    opacity: 0.5;
    transition: all 500ms;
    filter: grayscale(1);
}

.partnerlink:hover {
    opacity: 1;
    filter: grayscale(0);
}

.unter .mod_bb_header{
padding: 4rem;
padding-top: 8rem;
padding-bottom: 0rem;	
}

.ce_text.float_left figure{
margin-right: 2rem; 
width: auto;
}

.ce_text.float_right figure{
margin-left: 2rem; 
width: auto;
}


#wrapper {
overflow:hidden;	
}

.bb_cookielablist {
width:100%; 	
}

.margin-top-2{
margin-top:6rem !important;	
}

.margin-top{
margin-top:3rem !important;	
}


.margin-bottom-2{
margin-bottom:6rem !important;	
}

.margin-bottom{
margin-bottom:3rem !important;	
}



.padding-top-2{
padding-top:6rem !important;	
}

.padding-top{
padding-top:3rem !important;	
}


.padding-bottom-2{
padding-bottom:6rem !important;	
}

.padding-bottom{
padding-bottom:3rem !important;	
}

.no-padding{
padding:0 !important;	
}

.no-padding-top{
padding-top:0 !important;	
}


.no-padding-bottom{
padding-bottom:0 !important;	
}

.no-margin-top{
margin-top:0 !important;	
}


.no-margin-bottom{
margin-bottom:0 !important;	
}

.full{
width: 100%;	
}

#main .bb_teaser.bb_cover.featured .bb_content{
    border: 10px solid #ffffff8f;
    background-color: rgb(0 0 0 / 60%);
		
}

#main .bb_teaser.bb_cover.featured .bb_headline{
    color: #ffffff;
    padding: 1rem;
    border: 1px solid #b7a883;
    margin-bottom: 1rem;
    background: #00000047;
	position: relative;

	
}

#main .bb_teaser.bb_cover.featured .bb_headline:before{
content: 'Unser Tipp!';	
position: absolute; 
top: -3rem; 
left: 0rem;
margin: autO;
font-size: 1.5rem; 
color: #b7a883; 
text-align:center; 
padding: 1rem;
width:100%; 
box-sizing: border-box;
}


.noheader #header .inside{
height: 280px;
color: #000;
}


.bb_teaser:not(.bb_cover) .bb_content{
padding: 1rem;	
justify-content:flex-start;
}

body.noheader #menuToggle #burger span,
body.noheader #menuToggle #cross span{
background-color: #010101;	

}



#wrapper .mod_article .bb_teaser.bb_cover .button {
	font-weight: 400;
color: white;	
border: 1px solid white;
}


.noheader .anfrage_topnav, 
.noheader .buchen_topnav, 
.noheader .anrufen_topnav, 
.noheader .schenken_topnav,
.noheader .gutschein_topnav,
.momente .bb_teaser.bb_cover .bb_headline
 {
	color: #010101;
}


.noheader #header .inside .logo img{
filter: invert(1);
}

a{
color: #96c3c3;  /* petrol */ 

}






.hell,
.change:nth-child(2n){
background-color: rgb(239 239 239 / 48%);
background-repeat: none;
}

.color-1{
background-color:#c1b08a;   /* gold */ 	
}

.color-2{
background-color: #96c3c3;  /* petrol */ 	
}

.color-3{
background-color: #a9c18a;  /* grün */ 	
}


.button,
a.button,
.zimmer.bb_teaser input.button,
.ce_hyperlink a, 
.more a,
.submit_container input{
	color: #010101; 
	text-decoration: none;
	display:flex; 
	margin-top: 1rem;
	background: none;
}

.ce_download a{
position: relative; 	
}

.ce_download a picture{
display: flex;	
}

.download-element {
display:none;	
}

.ce_download a picture:after{
content:'\ef07'; 
position: absolute; 
width:40px;
height:40px;
right:1rem;
bottom:1rem;
font-size:2rem;
font-family: "icofont";
display: flex;
align-content:center;
align-items:center;
justify-content:center;
color:white; 
opacity:0.9;
    text-shadow: -2px 2px 8px #00000078;
}



#wrapper .button.back{
border:0;	
padding:0;
margin-top:3rem;
}

#wrapper .button.back:before{
    content: 'arrow';
    font-size: 0;
    display: inline-block;
    width: 100px;
    background-image: url(../layout/pfeil.svg);
    background-size: 69px;
    background-repeat: no-repeat;
    background-position: bottom;
	transform: scale(-1);
}


.ce_hyperlink a{
	margin-top: 3rem;
}



	
.altslider	div > div.bb_content >  a.button:after,
.ce_hyperlink a:after,
.fi_zitat_1 .button:after,
.fi_zitat_2 .button:after,
.fi_zitat_3 .button:after,
.fi_zitat_intro .button:after,
.headlinepfeil .bb_headline:after	{
    content: 'arrow';
    font-size: 0;
    display: inline-block;
    width: 100px;
    background-image: url(../layout/pfeil.svg);
    background-size: 69px;
    background-repeat: no-repeat;
    background-position: bottom;
}

/*
.ce_hyperlink, .ce_hyperlink a
{
position: relative;	
overflow: visible;
}

.ce_hyperlink a:after{
	position:absolute;
	right: -100px;
	    height: 100%;
}
*/

.momente .bb_teaser.bb_cover .bb_content{
color: #010101;

}

/*
.momente .ce_hyperlink {
position:absolute; 	
}
*/


.mod_iso_checkout .submit_container{
justify-content:center;	
}

/* FORMS */ 

.radio_container > span, .checkbox_container > span {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
	   margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    text-align: left;
    flex-wrap: wrap;
}

.checkbox_container > span label ,
.radio_container > span label {
    width: calc(100% - 40px);
}

input.text,
input.submit,
input.button{
	-webkit-appearance: none;
	border-radius: 0px;
	
}


input[type="text"].input_small {
    width: 100px;
    text-align: center;
}




.ce_form{
border:0;
margin-left:0;
margin-right:0;
float:left;
width: 100%;
box-sizing:border-box;
padding:1rem;
padding-top:0;
}


fieldset.checkbox_container{
border:0; 
padding:0;
margin: 0; 

}
  .widget  input[type=time],
   input[type=time],
   .widget .time,
.widget input[type=text],
 input[type=text],
 .widget input[type=email],
 input[type=email],
  input[type=tel],
  .widget  input[type=tel],
   .widget  input[type=number],
   .widget  input[type=password],
   .widget textarea
 
   {
 padding: 1rem;
    background-color: #eFeFeF;
    border: 0px solid #999;
	font-size:1.2em;
color: #666;
width: 100%;
    box-sizing: border-box;
	text-align:left;
}


input[type=text]{
	  background-color: #fff;
}

 select{
	 min-width: 200px;
	 height: 62px;
 padding: 1rem;

    border: 1px solid #ededed;
}


fieldset{
border:0; 	
padding:0;
margin:0;
}


#wrapper input[type="radio"], #wrapper input[type="checkbox"] {
    margin-right: 1rem;
	margin-top: 0.5rem;
}


form > .formbody > fieldset
{
border:0;
padding: 2em;
padding-left:0;
padding-right:0;
border-bottom: 1px solid #999;
margin-bottom:2em;
margin-left:1rem;
}


fieldset legend {
font-size: 1.5rem;
padding-left:0;
display: block;
padding-top: 1rem;
text-transform: uppercase;
font-weight: 400;
}

span.mandatory{
color:red;
}


.widget.bbw50,
.widget.w50{
width: 50%;
box-sizing: border-box;
text-align:left;
}


#wrapper input[type="radio"], 
#wrapper input[type="checkbox"]{
margin-right: 1em;	
}

.widget,
legend,
.ce_form .bb_subheadline,
.ce_form h1,
.ce_form h2,
.ce_form h3,
.ce_form h4{
padding:1rem;
float:left;
width:100%;
box-sizing: border-box;

}
.ce_form h1{
margin-bottom:0; 
} 

.extended_text {
width: 85%;	
padding-left: 7.5%; 
padding-right: 7.5%;
font-weight: 500;
letter-spacing: 0;
border-bottom:0;
}

#bb_gutschein_container #bb_gutschein_widmung {

margin-top: 53%; 	
    font-size: 23px;
}

#bb_gutschein_container{
font-family: 'Poppins',sans-serif;
line-height: 1.25;
letter-spacing:0;	
}

.bb_footer_adr{
padding-left: 15%; 
padding-right: 15%	
}

/*
#bb_gutschein_container{

}
*/

.extended_text u{ 
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}

#bb_gutschein_footer {
color: white; 	
font-weight: 500;
}

.dark,
.dark #footer .bb_social a {
	background-color: #EEE;
}


button:hover{
cursor: pointer;	
}

#bb_gutschein_footer {
	width: 75%;
padding-left: 12.5%; 	
padding-right: 12.5%; 	
}

.widget-submit{
text-align:center;	
}

.explanation{
padding-bottom: 2em;	
}

.widget label{
display: block;
}



/* END FORMS */

.bb_teaser.size_proportional,
.bb_teaser.size_42 {
    justify-content: center;
    display: flex;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
}
.bb_teaser.size_proportional figure,
.bb_teaser.size_proportional img,
.bb_teaser.size_42 figure,
.bb_teaser.size_42 img{
width: auto;	
}

.headlinepfeil .bb_headline:after{
	filter:invert(1);
	    background-position: center;
}

.mod_article:not(.altslider) .bb_teaser.bb_cover.bb_hover .bb_content a.button,
.mod_article:not(.altslider) .bb_teaser.bb_cover.bb_hover .bb_content .button,
.mod_article:not(.altslider):not(.fi_zitat_2):not(.fi_zitat_1):not(.fi_zitat_3):not(.fi_zitat_intro)  a.button,
.mod_article:not(.altslider):not(.fi_zitat_2):not(.fi_zitat_1):not(.fi_zitat_3):not(.fi_zitat_intro)  .button,
.submit_container input.submit,
button,
.more a{
border: 1px solid #010101;
padding:0.75rem 1rem 0.75rem 1rem ;	
background-color: transparent;
width:auto;
letter-spacing:0.1rem;
line-height:1;
color: #010101;
}

.bb_f_anker,
.ankernav ul{
	flex-wrap:wrap;
	max-width: 1024px;
	width: 100%; 
	display:flex;
	justify-content:center;
	
}


.bb_f_anker_item,
#wrapper #main .ankernav ul li a{
color: black; 
margin: 1rem;
margin-right:2rem;
margin-left:2rem;
min-width: 100px;
    font-family: 'Poppins', sans-serif;
justify-content:center;	
border-bottom:1px solid black; 
width: calc(33% - 4rem);	
text-align:center; 
padding-bottom: 0.5rem;
text-decoration:none;
text-transform:uppercase; 
font-size: 1rem;
}

#wrapper #main .ankernav ul li{
width: calc(33% - 4rem);	
margin: 1rem;
margin-right:2rem;
margin-left:2rem;
}


#wrapper #main .ankernav ul li a{
width: 100%; 
margin:0;
}

.standard_button a.button:after,
.submit_container input:after{
	content:none;
}





.hidden{
display: none !important;	
}


.ce_form h1,
.ce_form h2,
.bb_headline,
.zimmername{
font-family: 'Crimson Text', serif;

letter-spacing: normal;
}



.fullwidth .special-headline.bb_headline,
.fullwidth .ce_headline .bb_headline,
.fullwidth .ce_text .bb_headline,
.fullwidth.fi_zitat_1 .bb_headline,
.fullwidth.fi_zitat_2 .bb_headline,
.fullwidth.fi_zitat_3 .bb_headline,
.fullwidth.fi_zitat_intro .bb_headline,
.altslider .bb_headline,
.bb_teaser .bb_headline,
.padding-left-article .bb_headline
{
margin-left: 0rem;	
}




.zimmername{
		margin-top:0;
	margin-bottom:0;
}

.center .bb_headline,
.center .bb_subheadline,
.mod_article.center,
.mod_article.center > *{
	justify-content:center;
	text-align:center; 
}

.altcolorheadline .bb_headline{
color: #96c3c3;  /* petrol */ 
color: #a9c18a;  /* grün */ 
color: #c1b08a;  /* gold */ 
}

.headlinepfeil .bb_headline{
display:flex;	
justify-content:center;
}

	.nofrzheader {
	margin-top: 6rem;	
	}
	
	.unter #header{
		min-height: 50px;
	}


.ce_headline{
	width:100%;
}


#main .submit_container input.submit.add_to_cart{
color: white; 
background: #010101;	
}

.bb-button{
position:absolute; 	
bottom:3rem;
left:3rem;
}


#main .inside > * {
	width: 100%;
    padding-top: 6rem;
    padding-left: calc((100% - 1362px)/2);
    padding-right: calc((100% - 1362px)/2);
    position: relative;
    transition: opacity 1.5s;
    min-height: 0;
    box-sizing: border-box;
}

#header #navmain .mod_customnav ul li{
		display: flex; 	
		}
	

#container .inside > *:not(script), 
#footer .inside > *:not(#bb_cookieconsent):not(.mod_iso_cart){
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
	    align-items: flex-start;
    align-content: baseline;
}



input.submit,
input.button,
.button{
cursor: pointer;	
}


.count{
	display:flex; 
	align-items:center; 
	align-content:center;
	font-weight: 500;
	margin-bottom: 1rem;
}

.count:after { 
content: ''; 
width: 3rem;
height: 1px; 
margin-left:0.5rem;
background-color:black;
display:flex;
}

.fi_zitat_2 .bb_teaser:nth-of-type(1) .button {
display:none; 	
}

#wrapper .icofont {
    font-family: icofont;
}

#iso_ajaxBox{


}


#iso_ajaxBox .iso_confirm{
background: none; 
padding:0;	
}
/*
#wrapper .mod_article:nth-of-type(1){
margin-top:0;
padding-top:0;	
}
*/

#main .orderproducts ul li{
list-style-type:none;	
}



#main .orderproducts ul{
padding-left:0;
}

/* ABC */ 
.abcnav {
display: flex; 
justify-content: space-between; 
flex-wrap: wrap;	
margin-bottom: 4em;
width: 100%;
margin-left: 2rem;
margin-right: 2rem;
}

.abcnav > * {
	padding: 0.7em;
	background-color: #424242; 
	color: #fff; 
	margin: 1px;
	transition: all 200ms;
	opacity: 0.7; 
}


.abcnav > span {
opacity: 0.3;
}

.abcnav > .selected,
.abcnav > a:hover {
opacity: 1; 
}




/* ABC END */ 
.bb_me_detail .bb_adressblock .icofont-email:before{
margin-right: 0.5rem;	
}

.bb_me_detail .bb_adressblock a {
color:#010101;	
}

/*Anmeldeübersicht */ 
.event.anmeldungs_liste{
background-color: 	#f7f7f7;
position:relative;
padding: 2rem;	
}

#main #bb_status{
	    right: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    color: #FFF;
	width: auto;
	padding:0;
}
#bb_status > *:hover{
cursor: pointer;	
}

#bb_status > * {
	padding:0.5rem;
	background-color: #555;
}

#main  .bb_status_now.bb_status_abgesagt{
background-color: #cc0404;

}

.anmeldungs_liste{
width: 100%;	
}

#main .anmeldungs_box{
background-color: white;	
}

#main .bb_status_now.bb_status_aktiv{
background-color: #51cc04;
}

#main .bb_status_now.bb_status_gesperrt{
background-color: #cc0404;
}


.bb_cookielab_consent_headline,
.bb_cookielab_consent_desc_allgemein,
#wrapper .bbcl_headline,
.bb_cookielab_consent_desc{
font-size: 0.75rem;	
}

#wrapper .bbcl_button{
	font-size: 12px;	
}


.anmeldungs_liste .teilnehmer .anmeldungs_box .abmelden{
	    right: 0;
    top: 0;
    position: absolute;
    margin: 0;
    padding: 10px;
}


.anmeldungs_liste .teilnehmer .anmeldungs_box{

    width: 300px;
    position: relative;
    margin: 5px;
    padding: 1rem;
    background-color: rgba(255,255,255,.1);
    padding-right: 30px;
}

.anmeldungs_liste .bb_content > * {
width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: start;
    text-align: left;
}

/* ENDE Anmeldeübersicht */ 


/*MINIKALENDER */ 

.mod_calendar .head.previous a,
.mod_calendar .head.next a{
font-size: 0; 	
}

	.mod_calendar .minicalendar a{
	color: #555;	
	}
	

.mod_calendar .head.next a:before{
 content:'⯈';
 font-size: 1rem; 
}

.mod_calendar .head.previous a:before{
 content:'⯇';
  font-size: 1rem; 
}

.mod_calendar .minicalendar{
width: 100%; 	
}
.mod_calendar{
width:100%;	
margin-bottom: 3rem;
}


.mod_calendar .minicalendar td,
.mod_calendar .minicalendar th{
background-color:#00000014; 
padding:0.5em;
text-align: center;
}

	.mod_calendar .minicalendar .selected a{
	color: var(--color);	
	}



.mod_calendar .minicalendar td.selected{
	background-color:#424242;
}


.mod_calendar .minicalendar td.today{
	background-color:rgba(239, 239, 239, 0.43);
}

/* MINIKALENDER ENDE */ 

/* Kalender */ 


.thekalender{
	    width: 100%;
    display: flex;
    flex-wrap: wrap;
	position: relative;
	margin-left: 30px; 
	margin-right: 30px;
}

.mod_eventlist.kalender{

display: flex;
flex-wrap: wrap;
justify-content: center;
text-align:center;
	
}

.mod_eventlist.kalender .header{
padding:1rem; 
box-sizing: border-box;
background-color: #c7a761;
color: #fff;
margin-bottom: 0.6em;
}


.mod_eventlist.kalender .day{
width: 	calc(14.28% - 0.6em);
margin-left: 0.3em;
margin-right: 0.3em;
box-sizing: border-box;
}

.mod_eventlist .anmeldung_extended_text,
.mod_eventlist .anmeldung_extended_html{
width: 100%; 	
margin-bottom:1rem;
}

.mod_eventlist.kalender .day:nth-of-type(8){
display: none;
}


.testevent{
opacity:0;
visibility: hidden,-	
}





.mod_eventlist.kalender h2{
	margin-bottom: 0em; 
	width:100%;
}

.mod_eventlist.kalender .wochentag{
display: block;	
text-transform: uppercase;
}

.mod_eventlist.kalender .event{
padding: 0.5rem;	
background-color: rgba(239, 239, 239, 0.43);
margin-bottom: 0.6em;
display: block;
}

.mod_eventlist.kalender .day h2{
	margin-bottom: 0; 
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
letter-spacing: 1px;
color: #010101;
}


.extended_text {
    max-height: 100%;
    bottom: 9%;
    line-height: 1.3;
}

#bb_gutschein_footer {
    background: none;
    height: 9%;
}

/*
#bb_gutschein_container #bb_gutschein_widmung {
    margin-top: 47%;
}
*/

.mod_eventlist.kalender .time{
	margin:0;
}

.mod_eventlist.kalender a{
	color: #424242;
	font-weight: 600;
	letter-spacing: normal;
}

/* ENDE kalender */




/* Breadcrumb */

.mod_breadcrumb ul li a,
.mod_breadcrumb ul li.active{
color:#010101;
opacity:1;
text-decoration: none;
}

.mod_breadcrumb ul li.active{
	color: #96c3c3;
}


.mod_breadcrumb ul {
display:flex; 
justify-content: center;
margin:0;
padding:0;
flex-wrap: wrap; 
width:auto;
position:absolute; 
left:0;
top:0;
padding-top: 3rem; 
padding-right: 1rem;
z-index: 10;
transform-origin: 0% 100%;
 transform: rotate(270deg) translate(-100%, 5rem);
 max-width: 500px;


}

#main .mod_breadcrumb {
overflow: visible;
width: 100%;
padding:0;

}



.mod_breadcrumb ul li {
list-style-type: none; 
padding:0;
margin:0;
padding-right: 0.5em;
display: flex;
}

.mod_breadcrumb ul li a:after{
content: '|';
padding-left: 0.5em;
}


/* END BREADCRUMB */ 



#wrapper #container #main .w50-50 > .ce_text,
#wrapper #container #main .w50-50 > .ce_player {
    padding: 4rem;
    text-align: left;
}


#container .mod_article.w50-50{	
box-sizing: border-box; 
    padding-left: calc((100% - 1362px + 4rem )/2 );
    padding-right: calc((100% - 1362px + 4rem )/2 );
}


#container .mod_article.w50-50> *:not(.mod_breadcrumb) {
    width: calc(50% - 1px);
    margin: 0;
    padding: 0;
	   box-sizing: border-box;
    height: auto;
}


#main .company {
    display: block;
	font-family: 'Crimson Text', serif;
	font-size: 2rem;
}

#main .homepage a{
display:block; 	
color: #010101;
text-decoration: none;
}

.bb_iconfont > * {
    font-family: 'Poppins', Sans;
    font-weight: 300;
}

/* Listen */ 

.ce_text ul {
padding:0;
margin:0;
overflow: hidden;
width: auto;
} 

.ce_text ul li{
list-style-type: none;
padding: 1em;
margin-bottom: 1px;

color: #666;
background-color: rgb(227 227 227 / 20%);
} 


/* Ende Listen */ 

/* PAGINATION */ 
.pagination{
	width: 100%; 
text-align:center;
	margin-top: 3rem;
}


.pagination ul{
padding:0;
margin:0;	
list-style-type: none;
display: flex;
justify-content: center;
}

.pagination ul li{


margin-right:1rem;
}

.pagination ul li strong,
.pagination ul li a:hover{
opacity:0.7;

}

.pagination ul li strong,
.pagination ul li a{
padding: 1rem;
display: flex;
color: #010101; 
border: 1px solid;
text-decoration: none;
}



/* ENDE PAGINATION */ 

/* Accordion */ 



.ce_accordion{
margin:0;	
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
width:100%;
margin-left: 2rem;
margin-right: 2rem;
}


.ce_accordion .toggler{
padding:  1rem 0 1rem 0; 



}


.ce_accordion .toggler.ui-accordion-header-active:before{
content: '-';
}
.ce_accordion .toggler:before{
content: '+';
display: inline-block;
width: 1rem;
font-family: arial;
}


	.ce_accordion .ui-accordion-content > * > *{
	width: calc(100% - 2rem);
    margin-top: 0rem;
    margin-bottom: 2rem;
	margin-left:1rem;
	margin-right: 1rem;
	text-align: left;
	}


/* END accordion */

/* SEARCH */

.search,
.search form{
display: flex;	
} 
#wrapper div.awesomplete>input,
#wrapper .search input.text{
display: flex;
border:0; 
padding-left:10px;
}


#wrapper #main div.awesomplete>input,
#wrapper #main  .search input.text{
max-width: 100%;
}


#main .bb_search.bb_abc .search{
max-width: 300px; 
margin-top:0;	
}
.search .input{
padding-top: 1rem; 
padding-bottom:1rem;		
}

.fi_checkbox:focus-within {
    outline: 2px solid #0078d4; /* Kontrastfarbe deiner Wahl */
    outline-offset: 4px;
    border-radius: 4px;
}




body .search input:focus{
border:0;	
outline-offset: 0px;
outline: -webkit-focus-ring-color auto 0px;
}

.search input.text{
height: 60px;	
border:0;
}




.menuactive #header .logo{
visibility:hidden; 
opacity:0;	
}

#wrapper div.awesomplete>input,
#wrapper .search input.text{
display: flex;
border:0; 
padding-left:10px;
}


#wrapper #main div.awesomplete>input,
#wrapper #main  .search input.text{
max-width: 100%;
}

#main .search{
border: 1px solid #010101;
	width: 80%; 
	margin-top:2rem;
	margin-bottom: 4rem;
}

#main .search input.text{
width: 100%;	
    box-shadow: none;
}


.mod_iso_productfilter .search .icofont {
    border: 0;
    background-color: #010101;
    color: white;
    margin: 0;
    padding-right: 10px;
    width: 40px;
    padding-left: 10px;
}

/* END SEARCH */ 

/* NEWS & EVENTS */ 

#wrapper .mod_newsreader h2, 
#wrapper .mod_newsreader h3,
#wrapper .mod_newsreader h4,
#wrapper .mod_newsreader h5{
font-size: 1.5em;
}	


/* ISOTOPE */

#main .pauschalen label{
display: none;	
}

.mod_iso_productreader .options{
width:100%; 	
display: flex;
flex-wrap: wrap;
}

.mod_iso_productreader .options .widget{
padding-left:0;
padding-right:0;
}

.quantity_teaser .quantity_container{
margin:0;	
width:100%;
display:flex;
margin-top: 3rem;
}

.quantity_teaser .quantity_container input.text {
    width: 40px;
    text-align: center;
    padding: 0.5em;
    border-radius: 0;
    border-right: 0;
    height: 50px;
    min-height: 1.5rem;
	margin:0;
	
}


.quantity_container .submit.add_to_cart {
max-width: calc(100% - (40px));	
box-sizing: border-box;
margin:0;
}


.mod_iso_productreader form select {
    max-width: none;
	width:100%;
}

.iso_right {
		max-width: 907px;
	margin-right: 3rem;
}


.iso_left {
	    background-color: rgb(158, 197, 194);
    padding: 2rem;
    box-sizing: border-box;
	max-width: 400px;
	
	
	

}
.mod_iso_productreader .buchbarkeitszeitraum,
.mod_iso_productreader .dauer{
width: 100%; 
display: flex;
justify-content:flex-start;
text-align:left; 
margin-top: 0;
text-transform: uppercase;
}

.mod_iso_productreader .anreisetage{
	margin-bottom: 3rem;
	display: flex;
}


.mod_iso_productreader .formbody{
display: flex;	
    flex-direction: row-reverse;
} 
}

.mod_iso_productreader .product{
width:100%;	
}

/* END ISOTOPE */

/* MENU */ 

#menu {
    width:calc(100%);
 height:calc(100vh);
    left:0;
    top:0;
    position:fixed;
   background: rgba(150,195,195,1);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(150,195,195,1) 35%, rgba(150,195,195,1) 100%);
    list-style-type:none;
   /* -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(0, 0);*/
    opacity:0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle input:checked ~ #menu
 {
    transform: none;
    opacity:1;
    visibility: visible;
	overflow:hidden;
}

.navbutton{
	z-index:20;
	    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

/*Main Nav*/

.navplus{
font-weight: 600;
font-size: 2em;	
padding: 0.45rem;
color: white;
}

#navmain .menucontent{
display:flex; 
justify-content:flex-start; 
flex-wrap: wrap;
align-items: center; 
align-content: center;
    min-height: calc(100vh);
	   padding-top: 5vh; 
		padding-bottom: 5vh; 
		padding-left: 5vw; 
		padding-right: 5vw; 
    box-sizing: border-box;

}



	#wrapper #menu .menucontent::-webkit-scrollbar {
	display:block;
		width: 10px; 
			background:transparent; 
	}
	
	#wrapper #menu .menucontent::-webkit-scrollbar-thumb{
	background: #666;	
	}
	


.bottomnav .mod_customnav ul{
	width: 100%;
    display: flex;
	flex-wrap: wrap; 
    justify-content: flex-start;
}


.bottomnav .mod_customnav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

#header .bottomnav .mod_customnav ul li a,
	#header .bottomnav .mod_customnav ul li bold,
	#header .bottomnav .mod_customnav ul li strong{
	padding-left:0;
	}

#navmain .menucontent .bb_mainnav ul li{
list-style-type: none;  
text-decoration: none;
}

#navmain .menucontent .bb_mainnav ul li a,
#navmain .menucontent .bb_mainnav ul li strong{
color: white;
text-decoration: none;
transition: all 500ms;
font-size: 1.25em; 
}

#navmain .menucontent .bb_mainnav ul li a:hover,
#navmain .menucontent .bb_mainnav ul li .bbclosemenu{
color: #adadad;
cursor: pointer;
}

#navmain .menucontent .bb_mainnav ul li a span,
#navmain .menucontent .bb_mainnav ul li strong{
position:relative;	

}
#navmain .menucontent .bb_mainnav ul.level_2 li strong.active{
color: #010101;
}


#navmain .menucontent .bb_mainnav ul.level_1 > li > a,
#navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
font-size: 2.5rem;
display: block;
font-weight: 600;
color: #fff;
text-transform: lowercase; 
position: relative;
    font-family: 'Crimson Text', serif;
padding-right: 1rem;
text-align:left;
}


#navmain .menucontent .bb_mainnav ul.level_2 > li > a,
#navmain .menucontent .bb_mainnav ul.level_2 > li > strong{
font-size: 1.25rem;
text-transform: uppercase;
display: flex;
font-weight: 400;
color: #fff;
padding-right: 1rem;

}

/*
#navmain .menucontent .bb_mainnav ul.level_2 > li:hover > a,
#navmain .menucontent .bb_mainnav ul.level_2 > li:hover > strong{
	padding-left: 1.5em;
}
*/



#navmain .menucontent .bb_mainnav ul.level_1 > li > a.trail,
#navmain .menucontent .bb_mainnav ul.level_1 > li > a.active,
#navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
	color: #010101;
}


#navmain .menucontent .bb_mainnav ul{
	 padding-left:0;
}

#navmain .menucontent .bb_mainnav > ul.level_1{
list-style-type: none; 
display: inline-block;
	 padding-left:0;
    padding: 4rem;
	padding-left: 0;
    box-sizing: border-box;

}



/*
#navmain .menucontent .bb_mainnav ul.level_1 li a:hover{
padding-left: 1rem;	
}
*/



.bb_mainnav .mainquicknav{
	width: 33%;		
	padding-top:5rem;
	box-sizing:border-box;
	text-align:left;
}



.menuactive .bb_mainnav ul.level_1 > li > a ~ .level_2.bbactive,
.menuactive .bb_mainnav ul.level_1 > li > strong ~ .level_2.bbactive,
.menuactive .bb_mainnav ul.level_1 > li > a:focus ~ .level_2,
.menuactive .bb_mainnav ul.level_1 > li > a ~ .level_2:focus-within{
	opacity:1; 
visibility: visible; 
}



#header .mainquicknav > nav > ul > li >*{

text-align:left;
}
.bb_mainnav .mod_customnav {

    background-color: #96c3c3;
}





.submenu{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

}

.firefox #wrapper #header .submenu{
	display: table;
}





	


#navmain .menucontent .bb_mainnav.mod_navigation,
#navmain .menucontent .mod_customnav{
width: 100%; 
 padding-left: 50%;
	display: flex;
	flex-wrap: wrap;
}

#menu .menucontent .bb_mainnav ul.level_2.bbactive li{
	opacity: 1;
     transform: translateX(0);
	 transition: opacity 1s, transform 500ms;
}



.bb_mainnav ul.level_1 > li .level_2.bbactive,
.bb_mainnav ul.level_1 > li .level_2:focus-within,
.bb_mainnav ul.level_1 > li a:focus .level_2,
.menuactive .bb_mainnav ul.level_1 > li > a:focus ~ .level_2,
.bb_mainnav ul.level_1 > li a:focus-within .level_2{

    align-items: flex-start;
    align-content: flex-start;
height: 4rem;
}



.bb_mainnav ul.level_1 > li .level_2{

width:100%;
height:0;
display:flex;
flex-wrap:wrap; 
align-content:center;
align-items:center;
opacity:0; 
visibility: hidden;
transition: all 1s; 
overflow: visible;
z-index: 1;
}


	.startmenuimg picture{
	width: 100%;	
	}

/*
.startmenuimg{
position: absolute;
    left: 4rem;
    top: 0;
	width: 500px; 
	height: 500px;

   
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	transition: all 1s;
	z-index: -1;
}
*/

.startmenuimg.bbhidden{
opacity:0;
visibility: hidden;	
}

.menuimg{
padding-top: 1rem;	
}

.menuimg,
.startmenuimg
 {
	 position: absolute;
	    left: calc(25% - 250Px);
	 top: calc(50% - 300Px);
	    z-index: 0;
	 
}

.menuimg img,
.startmenuimg img{


    background-size: cover;

    z-index: 0;	
}


#header .mod_customnav > ul{
display:flex; 
list-style-type: none; 
margin: 0; 
padding:0;
overflow:visible;
flex-wrap:wrap;
justify-content:flex-start;
}

#header .bb_mainnav > ul.level_1 .mod_customnav ul{
justify-content:start;
padding:1em;
}

#header #navmain  .mod_customnav ul a,
#header #navmain  .mod_customnav ul strong{
	display: flex;
	width:100%;
font-size: 1rem;
}

#header #navmain .bb_mainnav .mod_customnav ul li{
padding:0;
}

#header .mod_customnav > ul > li > a,
#header .mod_customnav > ul > li > bold,
#header .mod_customnav > ul > li > strong{
	padding-right:0.5rem;
	padding-left:0.5rem;
padding-top: 1rem; 
padding-bottom: 1rem;
color: white;
width:100%;
text-align:center;
display: flex;
text-decoration: none; 
font-weight: 500;
}
.bb_mainnav .mod_customnav {
    background-color: #96c3c3;
	padding-top:1rem;
padding-bottom:1rem;
}
.bb_mainnav .mainquicknav {
    width: 33%;
    padding-top: 5rem;
    box-sizing: border-box;
    text-align: left;
}


.submenu{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

}


#navmain .menucontent .bb_mainnav ul.level_1 > li {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}




/* END MENU */ 


/*steps*/ 

.steps ol{
display: flex; 
justify-content:center; 
flex-wrap: wrap; 
width: 100%;	
list-style-type: none;
font-size: 0.8em;
padding: 0.01em;
}


.steps ol li{
padding: 0.8em; 
background-color: rgba(0, 0, 0, 0.1);
margin-right: 1px;
margin-bottom: 1px;


}

.steps ol li.active{
background-color: rgba(0, 0, 0, 0.6);
color: white;
}
.steps ol li.passed{
background-color: rgba(0, 0, 0, 0.6);
}

.steps ol li.passed a{
color: rgba(255, 255, 255, 0.4);
}
#container .steps ol li.passed a:hover{
color: #fff;
}

/* ENDE STEPS */



#orderlistform{
position: fixed; 
bottom:0; 
width:100%;
left:0;
background: black;
z-index: 20;
}


#orderlistform button{
	color: white; 
	border: 1px solid white;
}

.bb_iso_orderlist{
	position: relative;

	width: 100%;
}

.bb_iso_orderlist .formbody{
		margin: 2rem;
	display:block;
	width: 100%;
}

.bb_iso_orderlist .bb_listname{
text-transform: uppercase;
font-weight:400;
	margin:0;
	width:100%;
	display: block;
	hyphens: auto;
	  -ms-hyphens: auto; /* ab IE10 */
  -moz-hyphens: auto; /* seit Firefox 6 */
  -webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */}



.bb_iso_orderlist .submit_container{
flex-wrap: nowrap;	
}

.bb_iso_orderlist .submit_container input{
margin:0;
}

.bb_iso_orderlist .quantity_container{
	margin-right:0.5rem;
}

.bb_iso_orderlist .submit_container input.text,
.bb_iso_orderlist .quantity_container input.text{
width: 50px;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
height: 40px;

}


.spapreise .bb_headline{
	width: 100%; 
	text-align:center;
}


.spapreise h1.bb_headline{
	width: 100%; 
	text-align:left;
}  

.spapreise h3.bb_headline{
font-family: poppins; 
font-weight: 600;
font-size: 1.5rem;	
margin-bottom: 3rem;
margin-top: 3rem;
}


.product_list{
width: 100%;	
}

.reihe_1{
display:flex;
justify-content: flex-start;
}

.reihe_1 > *,
.reihe_2 > *{
padding-right: 2rem;	
box-sizing: border-box;
}

.spalte_1{
min-width: 500px;	
width: 50%;
}

.spalte_2{
width: 10%;	
min-width: 120px;
}

.spalte_3{
width: 150px;	
}
.spalte_4{
width: 160px;	
}
.spalte_5{
width: 160px;
display:flex;	
}



.spalte_5 input.submit,
.spalte_5 a{
border:0; 
background: transparent;
font-family: 'IcoFont';
font-size: 2rem;
color: #96c3c3;
padding:0;
}

.reihe_2 {
	position: relative;
	display:flex; 
	justify-content:flex-start;
}


.bb_iso_orderlist .ce_accordion .ui-accordion-content > * > * {
margin:0;	
}

.reihe_2 .bb_trigger{
 


font-size: 1.5rem;
font-weight: 300;
color:#c1b08a;  
}


.bb_trigger{
cursor:pointer;	
}

.reihe_3 .ce_accordion	{
margin:0; 
border:0;
}


     /* Stil für die Checkbox */
        .fi_checkbox {
            position: relative;
            display: inline-block;
            width: 35px; /* Breite der Checkbox anpassen */
            height: 35px; /* Höhe der Checkbox anpassen */
            background-color:white; /* Hintergrundfarbe des Kreises */
            border-radius: 50%; /* Runder Kreis */
            border: 2px solid #c1b08a; /* Randfarbe */
			box-sizing: border-box;
			margin-top: 1.5px;
		
        }
		.fi_checkbox:hover{
			cursor: pointer;	
		}

        /* Verstecke die Standard-Checkbox */
       #wrapper  .fi_checkbox input {
            position: absolute;
            opacity: 0;
			width:100%;
			height: 100%;
			margin:0;
			z-index: 30;
        }



.fi_checkbox input:checked ~ .checkmark:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 8px; /* Breite des Hakens anpassen */
            height: 15px; /* Höhe des Hakens anpassen */
            border: solid #c1b08a; /* Farbe des Hakens */
            border-width: 0 3px 3px 0;
            transform: translate(-50%, -70%) rotate(45deg);
        }

        /* Stil für den Container des Hakens */
        .checkmark {
            position: absolute;
            top: 53%;
            left: 50%;
            transform: translate(-50%, -50%);
        }


/* WARENKORB & Isotope Bestellvorgang*/ 



.mod_iso_cart .product,
.review.orderproducts .product,
.mod_iso_orderdetails .product,
.mod_iso_cart .cart_foot > div,
.mod_iso_orderdetails .product,
.review.orderproducts .cart_foot > div,
.mod_iso_orderdetails .cart_foot > div
{
background-color: rgb(0 0 0 / 5%);
padding: 1em;
padding-right: 2em;
margin-bottom:1px; 
position: relative;
}

.info_container h3 {
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    width: 100%;
}



.info_container a.edit {
    width: auto;
    padding: 0.5rem 0.7rem;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255,255,255,.3);
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.mod_iso_checkout .info_container, .mod_iso_orderdetails .info_container, .mod_iso_checkout .payment .widget, .mod_iso_checkout .address_new {
    width: 100%;
    background-color: rgb(175 175 175 / 11%);
    padding: 2em;
    float: left;
    margin-bottom: 1em;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

#main .mod_iso_checkout .info_container {
    padding-top: 3rem;
}


.mod_iso_cart .cart_foot > div, .review.orderproducts .cart_foot > div, .mod_iso_orderdetails .cart_foot > div {
    text-align: right;
    box-sizing: border-box;
	background-color: rgb(0 0 0 / 15%);
}

#header .mod_iso_cart{
	display:flex;
	align-content:center; 
	align-items:center;
	padding: 1rem;
	position: relative;
	overflow: visible;
	text-transform:none;
}


#bb_warenkorb .mod_iso_cart{
background-color: transparent;	
padding:0;
margin-top: 1rem;
display:flex;
float:left;
}


.mod_iso_cart .product .remove {
    position: absolute;
    right: 0;
	font-size: 0; 	
}

 #wrapper .mod_iso_cart .submit_container {
    justify-content: flex-end;
}

 #wrapper  .mod_iso_cart .submit_container > *{
	 margin-right:0;
	 margin-left: 1rem;
 }
 
 #wrapper  .mod_iso_cart  .price,
 #wrapper  .mod_iso_cart  .name {
	 letter-spacing: 0;
	font-size: 0.8rem;
 }
 

.mod_iso_cart a, .mod_iso_orderdetails .product a, .mod_iso_orderdetails .grandtotal, .review.orderproducts .name, .mod_iso_cart .grandtotal {
    font-weight: 600;
    color: #010101;
	text-decoration: none;
}

.mod_iso_cart form{
	text-align:left; 
	width:100%;
}

.mod_iso_cart  .remove i{
font-size: initial; 	
padding: 10px;
}



.iso_cart_hover .product_container{
	max-height: calc(100vh - 400px);
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
/* MINI WARENKORB */








#header .iso_cart_button .itemcount {
       background-color: #96c3c3;
    position: absolute;
    right: -9px;
    bottom: calc(50% - 20px);
    width: 20px;
    font-size: 50%;
    height: 20px;
    text-align: center;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    color: #010101;
    letter-spacing: 0;
}



.iso_cart_button{
font-size: 23px;	
}

#wrapper  #header .iso_cart_button{
    color: white;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-decoration: none;
    transition: all 500ms;
    align-items: center;
    align-content: center;
    display: flex;
	margin-left: 2rem;
}

.iso_cart_button .button_desc{
display:none;	
}
/* END MINI WARENKORB */ 
/* END WARENKORB */


/* Zimmer Form */ 

.bb_zimmer_form{
display: flex; 
justify-content:flex-start; 
flex-wrap: wrap;
padding:0;
	
}

#wrapper #main .bb_zimmer_form .item{
position: relative;	
margin: 0.5em;
display: flex;
}


.bb_zimmer_form .item .image_container{
display: flex;
}

.ce_form .widget.bb_zimmer_form label{
position: absolute;
top:0;
left:0;
width: calc(100% - 2em);
height: calc(100% - 1em);
margin:1em; 
display: flex; 
justify-content:center; 
align-content: center; 
align-items:flex-end;
padding: 10%;
color:white;
z-index: 10;
     text-shadow: 2px 2px 8px #000000;
	 font-size: 1.5rem;
	 box-sizing: border-box;
	 z-index: 11;
}

#wrapper #container .ce_form .widget.bb_zimmer_form .bb_headline{
font-size: 1.5rem;
padding-left:10px;
padding-right:10px;	
width: 100%;
justify-content:center;
align-items:flex-end;
align-content:flex-end;
text-align:center;
z-index:2;
}


#wrapper #container .ce_form .widget.bb_zimmer_form .bb_teaser .bb_content{
justify-content:center;
align-items:flex-end;
align-content:flex-end;	
padding-bottom: 1rem;
z-index:3;
}

#wrapper #container .ce_form .widget.bb_zimmer_form .bb_teaser .bb_content:before {
width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    position: absolute;
    color: #fff;
    background: linear-gradient(to top, rgba(20,20,20,0.8), rgba(0,0,0,0));
    content: ' ';
    z-index: 2;
    opacity: 0.85;

}

.bb_zimmer_form .item input{
position: absolute; 
left:0;
top:0;
z-index: 10; 
}

/* End Zimmerform */ 


/* Container Mobile Nav */ 

#container .mod_customnav{	
width: 280px;
}

#container .mod_customnav ul,
#container .mod_customnav ul li
{
width: 100%;
margin:0;
list-style-type:none;	
padding:0;
}

#container .mod_customnav ul li.last a{
border-bottom:0;	
}

#container .mod_customnav ul li a{
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
color: #010101;
letter-spacing: 0.05em;
border-bottom: 1px solid #c1b08a;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 1rem;
display:flex;
align-content:center; 
align-items:center; 
}

#container .mod_customnav ul li a:before{
	font-family: 'IcoFont';
	font-size: 1.5em;
color: #c1b08a;
content:'';
margin-right: 20%;

}
/* End Container Mobile Nav*/ 

/* top_container Start */


.top_container,
.top_container_app{
position:fixed; 
top:0;
left:0;
width: 100%; 
display: flex; 
justify-content:flex-end; 	
background:transparent; 
transition:all 500ms;
z-index: 105;
}
.top_container_app{
	background: rgb(255 255 255 / 90%)
}



.bb_topnav{
display: flex;	
z-index: 20;
padding-right: 4rem;
}

.anfrage_topnav, 
.buchen_topnav,
.anrufen_topnav,
.schenken_topnav,
.gutschein_topnav{
	color:white; 
	text-decoration: none; 
	text-transform: uppercase; 
	height:8rem;
	padding-left:3rem;
	display:flex;
	transition: all 500ms;
	align-content: center; 
	align-items:center;
}
/* top Container End */ 

.mod_article:first-of-type{
overflow: visible;	
}

.mod_bb_fkequicknav .mod_navigation {
    background-color: white;
    min-width: 250px;
    max-height: 80vh;
    overflow-y: auto;
    width: 90vw;
    max-width: 500px;
}

.mod_bb_fkequicknav .mod_navigation ul li{
	width:100%;
}

#main .mod_bb_fkequicknav .mod_navigation ul li a,
#main .mod_bb_fkequicknav .mod_navigation ul li strong{
	padding: 1rem; 
	font-family: poppins;
	font-size: 1rem;
	border-bottom: 1px solid #EEE;
	width: 100%;
}


#container .bb_fkequicknav {
    background-color: white;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    text-align: left;
    position: relative;
	border: 1px solid #EEE;
}

#container .bb_fkequicknav::after {
    font-family: IcoFont;
    content: "";
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.logoadd #main .mod_article:first-of-type{
	    position: absolute;
    top: -3rem;
    padding-top: 0;
    margin-left: 25px;

}

.logoadd #main .mod_article:first-of-type .bb_headline{
	   font-family: 'Poppins';
    font-weight: 300;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.logoadd #main .mod_article:nth-of-type(2){
padding-top:4rem;	
}
/* Burger Nav */ 


#menuToggle .button_desc {
display: none;	
}

#menuToggle input {
    margin: 0;
    width: calc(100%);
    height: 100%;
    top: 0;
    position: absolute;
    display: block;
    cursor: pointer;
    opacity: 0;
    z-index: 30;
    -webkit-touch-callout: none;
}

#menuToggle label
 {
	margin:0;
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    left: 0;
    cursor: pointer;
    z-index: 16;
	-webkit-touch-callout: none;
	font-size:0;
}

#navmain {
    position: absolute;
   /* right: calc(((100vw - 1902px)/2) + 3rem);*/
   left: 3rem;
    height: 8rem;
	display: flex; 
	padding-left: 1rem; 
	align-items:center;
    background-color: transparent;
    transition: all 1s;
    z-index: 22;
}

.offset1px #navmain{
    height: 5rem;	
}

#menuToggle {
    left: 0;
    top: 0;
    position: relative;
    display: block;
    z-index: 12;
    -webkit-user-select: none;
    user-select: none;
    transition: all 500ms;
	flex-wrap:wrap;
    height: 50px;
    width: 50px;
    position: relative;
}

#menuToggle #burger {
    position: relative;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
}

#menuToggle #burger span {
    height: 1px;
    width: 50px;
    margin-top: 11px;
    background-color: white;
    border-radius: 2px;
    display: block;
    transition: all 500ms;
}

#menuToggle #burger span:nth-child(1) {
    transition-delay: 0.9s;
}
#menuToggle #burger span:nth-child(2) {
    transition-delay: 1s;
}
#menuToggle #burger span:nth-child(3) {
    transition-delay: 1.1s;
}

#menuToggle #cross span {
    background-color: white;
    border-radius: 2px;
    display: block;
    transition: all 500ms;
    z-index: 5;
}

#cross {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    transform: rotate(45deg);
    z-index: 12;
}

#menuToggle #cross span:nth-child(1) {
    height: 1px;
    width: 0px;
    position: absolute;
    top: 24px;
    left: 0;
    transition-delay: 0.3s;
	background-color: white; 
}

#menuToggle #cross span:nth-child(2) {
    width: 1px;
    height: 0px;
    position: absolute;
    left: 24px;
    top: 0;
    transition-delay: 0s;
	background-color: white; 
}

#menuToggle input:checked ~ #cross span{
background-color: #010101;	
}

#menuToggle input:checked ~ .navbutton #cross span:nth-child(1) {
    width: 50px;
    transition-delay: 0.75s;
}

#menuToggle input:checked ~ .navbutton #cross span:nth-child(2) {
    height: 50px;
    transition-delay: 1s;
}

#menuToggle input:checked ~ .navbutton #burger span:nth-child(1) {
    transition-delay: 0.1s;
}
#menuToggle input:checked ~ .navbutton #burger span:nth-child(2) {
    transition-delay: 0.5s;
}
#menuToggle input:checked ~ .navbutton #burger span:nth-child(3) {
    transition-delay: 0.3s;
}

#menuToggle input:checked ~ .navbutton #burger span {
    width: 0;
	margin-right: 50px;

}

/* End Burger nav */ 

/* bb_teaser */ 

.bb_teaser.bb_cover .button{
	color:white;
}


.bb_teaser.bb_cover .button:after{
	filter: invert(1);
}


.flex{
display:flex;	
}
.flexcenter {
display: flex;
flex-wrap: wrap;
justify-content:center;	
}

#main .priceslice{
flex-wrap: nowrap;	
width:100%;
font-size: 0.8em;
display: flex;
}

.pricebox .pricehead{
	width:100%;
margin-bottom: 1rem;	
display: flex;
flex-wrap: wrap; 
justify-content:center;
}

.spalte{
	padding:1rem; 
	width: 150px;
	background-color: rgba(0, 0, 0, 0.03137254901960784);
	margin: 1px;
	overflow: hidden;
	justify-content: flex-start;
	text-align:left;
}

.spalte.sort2{
width: 100%; 
max-width: 400px;	
min-width: 100px;	
}

.pricehead > h3{
margin-bottom:0;	
}


.bb_zi_teaser img,
.bb_teaser img{
width: 100%;
max-width:100vw;	
height:auto;
display:flex;
}

.zimmer.bb_zi_teaser,
.bb_teaser,
.ce_download{
position:relative; 
margin: 2rem;
}


.zimmer.bb_zi_teaser .bb_content,
.bb_teaser .bb_content{
width:100%; 
display:flex;
justify-content:center;
align-content:center;
align-items: center;
flex-wrap:wrap;
bottom:0;
left:0;	
box-sizing:border-box;
}

.teaser3 .bb_teaser .bb_content{
	justify-content:flex-start;
}



.altslider .bb_teaser.bb_cover.size_21 .bb_content{
    position: absolute;
    left: 0;
    width: 100%;
    padding-left: 50%;
	padding-right: 25%;
    text-align: left;
    justify-content: flex-start;
}

.altslider.left .bb_teaser.bb_cover.size_21 .bb_content{
    position: absolute;
    left: 0;
    width: 100%;
    padding-left: 25%;
	padding-right: 50%;
    text-align: left;
    justify-content: flex-start;
}

.bb_slxdx .bb_teaser.bb_cover.size_21 .bb_content > *{
width:100%;	
}

.bb_slxdx .bb_teaser.bb_cover.size_21 picture:after{
	position: absolute;
	top:0;
	left:0;
	content: ''; 
	height: 100%;
	width: 100%;
background: linear-gradient(-90deg, rgba(0,0,0,0.6446953781512605) 0%, rgba(255,255,255,0) 100%);
}



.zimmer.bb_zi_teaser .bb_content,
.bb_teaser.bb_cover .bb_content{
height: 100%;
position:absolute; 
bottom:0;
left:0;	
color:white;
}

.teaser_inside{
position:relative;	
}


.bb_teaser .bb_price{

margin-bottom: 1.5rem;
}



.bb_price{
font-family: 'Crimson Text', serif;
letter-spacing: normal;
font-size: 2rem;
margin-top: 1.5rem;	
font-weight: 600;
}




.zimmer.bb_zi_teaser .bb_content > *,
.bb_teaser.bb_cover.bb_hover .bb_content > *,
.bb_teaser.bb_cover.bb_hover  .aufenthaltsdauer{
	width: 100%;
	text-align:center;
	justify-content:center;
}



.altslider .bb_teaser.bb_cover.bb_hover .bb_content > *{
	width: 100%;
	text-align:left;
	justify-content:flex-start;
}



.bb_teaser .bb_headline,
.bb_teaser .bb_headline a,
.zimmer.bb_zi_teaser .zimmername{
font-size: 2rem;	
}



.zimmer.bb_zi_teaser:hover .bb_content,
.bb_teaser.bb_hover.bb_cover:hover .bb_content{

opacity:1; 
visibility:visible; 
}

.size21 .bb_content{
max-width: 800px;	
}


.bb_teaser:not(.zimmer) input.button,
.zimmer.bb_zi_teaser .bb_content a,
.bb_teaser.bb_hover.bb_cover .bb_content a,
.bb_teaser.bb_hover.bb_cover .bb_content span{
color: white; 
text-decoration: none;
font-weight: 100;
letter-spacing: 0.1rem;
transition: opacity 400ms;
}

.bb_teaser input.button:hover,
.zimmer.bb_zi_teaser .bb_content a:hover,
.bb_teaser.bb_hover.bb_cover .bb_content a:hover,
.bb_teaser.bb_hover.bb_cover .bb_content span:hover{ 
opacity: 1;
}

.zimmer.bb_zi_teaser .bb_content,
.bb_teaser.bb_hover.bb_cover .bb_content,
.bb_teaser.bb_hover.bb_cover .bb_content{
padding: 2rem;
box-sizing: border-box;

background-color: rgb(0 0 0 / 40%);
transition: all 400ms;
}

.caption{
position:absolute;
top:0;
right:0;	
padding: 0.5rem; 
font-size: 0.75rem;
background: rgb(0,0,0,0.5);
color: white;
}

.bb_cr .caption{
	display: block;
}

/*
.bb_teaser.bb_hover.bb_cover .bb_content{
opacity:0; 
visibility:hidden; 
}
*/


.size_22.bb_noimg,
.size_38.bb_noimg{
height: 625px;	
background-color: #96c3c3;

}


.size_22.bb_teaser.bb_hover.bb_cover.bb_noimg .bb_content,
.size_22.bb_teaser.bb_hover.bb_cover.bb_noimg .bb_headline,
.size_22.bb_teaser.bb_hover.bb_cover.bb_noimg .button,
.size_22.bb_teaser.bb_hover.bb_cover.bb_noimg .currency,
.size_38.bb_teaser.bb_hover.bb_cover.bb_noimg .bb_content,
.size_38.bb_teaser.bb_hover.bb_cover.bb_noimg .bb_headline,
.size_38.bb_teaser.bb_hover.bb_cover.bb_noimg .button,
.size_38.bb_teaser.bb_hover.bb_cover.bb_noimg .currency{
	color: #010101;
background: transparent;	
}


/* bb_teaser end */


/* Wertgutscheinteaser */ 

#wrapper .mod_bb_gutscheinuebersicht{
	
	    text-align: center;
    justify-content: center;
    display: flex;
}


#wrapper .x_bb_full{
margin-top: 3rem;	
}


#main .bb_teaser.product.wertgutscheinteaser  .submit_container{
	justify-content:flex-start; 
	padding-left: 1rem;
	padding-right: 1rem;
	width:100%;
	box-sizing: border-box;
}

.wertgutscheinteaser.quantity_teaser .quantity_container input.text{
	width: 60px;

}

.wertgutscheinteaser,
.wertgutscheinteaser .bb_content{
display:flex;	
justify-content:flex-start;
}

/*
#main .wertgutscheinteaser:after{
	content: ' '; 
	width: 322px; 
	height: 318px; 
	background-image: url(../layout/schneeflocken.png);
	position:absolute; 
	top: -100px;
	right:-100px;
}
*/

#main .wertgutscheinteaser .size_33{
width: calc(100% - 609px);
min-width: 500px;
box-sizing: border-box;	
padding: 3rem;
background-color: #96c3c3;
}

.wertgutscheinteaser.quantity_teaser .quantity_container label{
	margin-bottom:0;
	font-size: 2em;
	margin-right: 10px; 
	height: 50px; 
	display: flex; 
	align-content:flex-start; 
	align-items:flex-start;
	    font-family: 'Crimson Text', serif;
}


/* END Wertgutscheinteaser */ 

.flexend{
	display:flex;
justify-content:flex-end;	
flex-wrap: wrap;
}



.mod_article.w50-50 > * {
	width: 50%; 
}



#main .inside  .mod_article.fullwidth {
	width:100%; 
	padding-left:0;
	padding-right:0;
}

#main .inside > .mod_article.wideheadline .bb_teaser{
margin:0;	
}

.mod_article{
min-width: 100%;	
position:relative;
display:flex;
flex-wrap: wrap;
}

.bb_headline,
.momente .bb_teaser .bb_headline, 
.bb_headline a,
.ce_form h1, 
.ce_form h2{
		margin-top:0;
	color: #010101;
	text-decoration: unset;
font-weight: 800; 
width:100%; 	
font-size: 4rem;
line-height: 1; 
}

.alternative_vorschlaege .bb_headline{
font-size: 2rem;	
margin-bottom:1rem;
display:flex;
}

.bb_teaser.bb_cover .bb_headline{
color:white;	
}


.ce_text .bb_headline.bbsh,
.bb_teaser .bb_headline.bbsh,
.zimmer.bb_zi_teaser .zimmername
	{
		
margin-bottom:0; 	
display:flex;
flex-wrap: wrap;
}


div:not(.float_left):not(.float_right) > .bb_headline,
div:not(.float_left):not(.float_right) > .bb_text{
width: 100%;	
}
.float_left > .bb_headline,
.float_left .submit_container,
.float_right > .bb_headline,
.float_right .submit_container{
width: auto;	
}

/*
.news .info{
margin-bottom:0;	
}
*/
.ce_hyperlink a{
margin-top:0;	
}


 .mod_article > .ce_headline,
  .mod_article > .ce_hyperlink,
 .mod_article > .ce_text,
  .mod_article > .info,
  .mod_article > .mod_iso_cart,
  .mod_article > .mod_iso_checkout,
  .flexintro  > .ce_headline,
 .flexintro > .ce_text {
margin-left: 2rem;	
margin-right: 2rem;	 
width:100%;

 }


 .mod_article > .ce_text,
  .mod_article > .ce_hyperlink{
margin-bottom: 6rem;
 }

.bg50,
.bg50 .bb_slxdx {
    background: linear-gradient(0deg, #96c3c3 0%, #96c3c3 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}

.bg50 .bb_slxdx{
padding-right: 3rem;	
}

.bg50.altcolorbg,
.bg50.altcolorbg .bb_slxdx {
    background: linear-gradient(0deg, #FFF 0%, #FFF 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}

.wideheadline .bb_headline{
	font-size:4rem;
}

#header .inside{
display:flex; 
justify-content:center;	
}

/* Header */




#header .mod_bb_header .textbox{
display: none;
}


.startseite #header .mod_bb_header .textbox{
	position: absolute;
	bottom: 0;
	left:0;
	display: flex; 
	justify-content:center; 
	align-content:center; 
	align-items:center; 
	flex-wrap: wrap; 
	width: 100%;
	padding-left: calc((100% - 1024px)/2);
    padding-right: calc((100% - 1024px)/2);
	padding-bottom: 6rem;
	box-sizing: border-box;
	text-align:center; 
	padding-left: 1rem; 
	padding-right: 1rem;
}

#header .mod_bb_header {
    position: relative;
    width: 100%;
    overflow: hidden;
  
}

.unter #header .mod_bb_header picture:after{
content:none;
}

#header .mod_bb_header .textbox > *{
	width:100%; 
	color: white; 
}

.mod_bb_header .item img, .mod_bb_header .item video {
    width: 100%;
    height: 100vh;
    max-width: none;
    background-size: cover;
    object-fit: cover;
	display: flex;
}

.mod_bb_header.size_26 .item img, .mod_bb_header .item video {

    height: auto;
  
}


.unter #header .logo{
filter: invert(1); 
top:1.5rem;	
}


.mod_bb_header.size_29 .item img, .mod_bb_header .item video {

    min-height: 270px;
	max-height: 60vh;
  
}

.placeholder {
position: absolute;	
}

.mod_bb_header .fader-control{
display: none;	
}

/* END HEADER */ 


.bb_subheadline,
h1.bb_subheadline{
width:100%;
text-transform: uppercase;
margin-bottom: 1rem;
font-weight: 500;
margin:0; 
font-size: 1rem;
}
	
	.textslide .bb_slxdx_item.ce_text{
	width: 40vw; 
padding-left: 3rem; 	
	padding-right: 3rem; 
border-right: 1px dotted black; 		
	}
	

	
	#header .mod_bb_header .textbox > .bb_subheadline{
	font-size: 2rem; 
	font-family: 'Poppins', sans-serif;
	font-weight: 100; 
	letter-spacing: 0.5rem;
}

#header .mod_bb_header .textbox > .bb_headline{
font-size: 4rem; 

}

#header .mod_bb_header picture:after{
	position: absolute;
	top:0;
	left:0;
	content: ''; 
	height: 100%;
	width: 100%;
background: linear-gradient(0deg, rgba(34,34,34,0.5) 0%, rgba(34,34,34,0.5) 45%, rgba(255,255,255,0) 59%, rgba(255,255,255,0) 64%, rgba(255,255,255,0) 68%, rgba(34,34,34,0.5) 89%, rgba(34,34,34,0.5) 100%);
}


	#header .mod_bb_header.size_26 picture:after {

        background: linear-gradient(0deg,rgba(0,0,0,0),rgba(34,34,34,0.5));

}


/* Zimmer */ 

.zimmer .side{
flex-wrap: wrap;
}


.zimmer .side > *{
width:auto;	
}

.zimmer .box_2{
margin-right: 2px;
margin-top: 2px;	
opacity: 0.7; 
transition: all 300ms; 
}

.zimmer .box_3{
margin-top: 2px;	
opacity: 0.7; 
transition: all 300ms; 
filter: grayscale(1) brightness(0.9);
}


.zimmer .box_2:hover,
.zimmer .box_3:hover{
opacity: 1;	
cursor:pointer;
}


#wrapper #main div:not(.bb_slxdx) > .zimmer {
	width:100%;
		margin-bottom: 2em; 
	margin-top: 2em;
display:flex;
}

.zimmer .submit_container {
	justify-content: flex-start;
margin:0;	
}

#container #main .zimmer .submit_container > *{
	margin-bottom:0;
}



.zimmer .submit_container.info_button i {
opacity: 0.2;	
}

.pricebox{
margin-top:2em;
margin-bottom: 2em;	
}

body #wrapper .bb_bigbox{
backdrop-filter: blur(0.3em);
background-color: rgb(0 0 0 / 50%);
}

#main .zimmer:nth-child(2n){
flex-direction: row-reverse;	
}

#main div:not(.bb_slxdx) > .zimmer .bb_content{
width: calc(100% - 608px);
padding: 4rem;	

}


.toomuchitems {
margin-top: 2rem; 
color: #cd4040;
font-weight: bold;	
}

.product.warning {
border: 5px #cd4040 solid; 	
opacity: 0.8;
} 

.bb_fi_listing{
	display: flex;
	padding-bottom: 6rem;
	padding-top: 6rem;
	    max-width: 1699px;
		max-width: 80%;
}

.bb_fi_listing:nth-child(2n){
	    flex-direction: row-reverse;

}


.bb_fi_listing > .bb_content{

  width: 400px;


margin-right: 0px;
		margin-left: 100px;
}




.bb_fi_listing:nth-child(2n) > .bb_content{
	  width: 400px;	
margin-right: 100px;
line-height:175%;

		margin-left: 0px;

}

.bb_fi_listing figure{
display: block;	
}

.product.warning strong{
	color: #cd4040; 	
}

.product.information {
border: 5px #96c3c3 solid; 	
} 
/*
.product.information strong{
	color: #96c3c3; 	
}
*/


.zimmer .personenzahl{
display: block;	
}

.zimmer .box_1,
.zimmer .row_2{
margin-top: 2rem; 
width:100%;	
}

.zimmer .side > .image_container a:after{
	position: absolute; 
	right: 0; 
	bottom: 0;
font-family: 'IcoFont';
	content: '';
color: white; 
font-size:2em;
padding: 0.5em;	
opacity: 0.5; 
transition: all 500ms;
}

.zimmer .image_container a:hover:after{
opacity:1; 
}




.abpreis .bb_price{
	width: 100%;
	font-size: 0.8em;

}

.abpreis .bb_price b{
	width: 100%;
	font-size: 2em;

}


.content-slider{
	width:100%;
	overflow:visible;
}

.zimmer > * > figure {
	display: flex;
}


.submit_container {
	flex-wrap: wrap;
display: flex;	
width:100%;
justify-content:flex-start;
}

.submit_container > *{
	margin-right:1rem;
}

.submit_container > *:nth-child(1){
	margin-left:0rem;
}


/* END Zimmer */ 

/* bbbrickz */ 

#container .inside > .bbbrickz{
	display:block;

	    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	 -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
    overflow: hidden;
	column-gap: 0;
	margin-top: 1.5rem;
}


#wrapper .bbbrickz .bb_teaser{
	display: flex;

	 -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
  overflow: hidden;
   margin-top:0;
   margin-bottom: 3rem;
 
 
}

/* End bbbrickz*/

/* BBBG START */ 

#main .inside .mod_article.bbstickybg{
min-height: 50vh;	
}


.bbstickybg > * {
z-index: 1;
}
.bbstickybg .bbbg {
    width: 100%;
    height: 100%;
	top:0;
	left:0;
    position: absolute;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
	    background-position: center;
    content: ' ';
    z-index: 0;
    opacity: 0.2;
	
}


/* Container Subnav */ 

#main .mod_navigation ul{
margin-top:0rem; 
margin-bottom:0rem; 
padding:0; 
}




#main .mod_navigation ul,
#main .mod_navigation ul li{
display: flex; 
list-style-type: none; 	
justify-content:center; 
text-decoration:none;
flex-wrap: wrap;
}

#main .mod_navigation ul li a,
#main .mod_navigation ul li strong
{
font-family: 'Crimson', 'sans-serif'; 
color: #010101;
padding:0rem 1rem 1rem 1rem; 
font-size: 1.5rem;
text-decoration:none;
}


/* END CONTAINER SUBNAV */ 

/* BBBG END */ 
/*BB_SLXDX START*/

/* STEMP SLXDX START*/
#wrapper .slxdxnxt{
	    background: rgb(255 0 0 / 39%);
	height: 100%;
	width: 50%;
	left: 50%; 
 display: none;
}

#wrapper .slxdxprxvxxs{
	    background: rgb(63 0 255 / 39%);
	height: 100%;
	width: 50%;
	left: 0;

display: none;
}



.bb_slxdx_container:not(.noback).cursor-left {
 cursor:url(../layout/st_arrow_fi_back.png) 0 0 , auto !important;
}

.bb_slxdx_container:not(.nonxt).cursor-right,
.bb_slxdx_container.noback.cursor-left:not(.nonxt) {
  cursor: url(../layout/st_arrow_fi.png) 500 0, auto !important;  
 
}

.button{
position: relative; 
z-index:1;	
}

#main .inside > .mod_article.padding-left-article .slxdxprxvxxs{
	left: calc(0px - 24rem);
}


#wrapper .button.lbicon{
position: absolute; 
bottom: 0.5rem; 
right: 0.5rem;	
color: black; 
text-decoration: none; 
font-size: 1rem;
transform: scale(1);
transition: all 1.5s; 
padding: 0.5rem;
border:0; 
background-color: rgb(255,255,255,0.25);
}

#wrapper .bb_teaser:hover .button.lbicon{
transform: scale(1.15);
background-color: rgb(255,255,255,0.8);
transform-origin: bottom right;
}

/*
.bb_slxdx_container:before{
content: '+';
height: 500px; 
width: 200px; 
background-color: red;	
position: absolute; 
right:0; 
}
*/

/* STEMP SLXDX END*/

.altslider .slxdxnxt{
	    left: calc(50% + 130px);
    top: calc(50% - 120px);
    background-image: none;
}

.altslider .slxdxprxvxxs{
	 left: calc(50%);
	 top: calc(50% - 120px);
	  background-image: none;
}

.altslider .slxdxnxt:after,
.altslider .slxdxprxvxxs:after{
content: 'arrow';
    font-size: 0;
    height: 31px;
    display: inline-block;
    width: 110px;
    background-image: url(../layout/pfeil.svg);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: bottom;
  filter: invert(1);
}
.altslider .slxdxprxvxxs:after{
 transform:rotate(180deg);
}


.slxdxnxt{
position: absolute; 
left: calc(75% - 4rem);
z-index: 10;
}

.slxdxprxvxxs{
position: absolute; 
left: 6rem; 
z-index: 10;
}

.bb_slxdx_container{
  display: flex;
  width: 100%;
  overflow: hidden; 
  position:relative; 
     align-content: center;
    align-items: center;

}
.bb_slxdx_container:not(.mousedown) .bb_slxdx{

 transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 700ms;
}

.bb_slxdx{
  display: flex;
  width: 1000000px;
  flex-wrap: nowrap;
  position:absolute; 

  left:0;
align-items:flex-start; 
align-content: flex-start;
}

/*BB_SLXDX END*/

/* Zimmerteaser START */
.teaser_inside{
position:relative;	
}


.bb_teaser.bb_cover .bb_content .kurzinfos{
margin-bottom: 3rem;	
}

.bb_teaser.bb_cover .bb_content  .box_1{
margin-bottom: 1.5rem;		
}


.bb_teaser .bb_headline,
.zimmer.bb_zi_teaser .zimmername{
font-size: 2rem;	
}

.zimmer.bb_zi_teaser:hover .bb_content{

opacity:1; 
visibility:visible; 
}

.zimmer.bb_zi_teaser .bb_content a{
text-transform: uppercase; 
opacity: 0.75;
color: white; 
text-decoration: none;
font-weight: 100;
letter-spacing: 0.25rem;
transition: opacity 400ms;
}

.zimmer.bb_zi_teaser .bb_content a:hover{ 
opacity: 1;
}

/* Zimmerteaser END */

/* Zimmerlist START */ 
/*Zimmerlist END */

/* SPECIAL STUFF START */ 

.fi_1{
padding-right: 	8rem;
box-sizing: border-box;
}

.fi_1 .bb_subheadline{
margin-bottom:1rem;	
}

.wideheadline .bb_headline{
margin-bottom: 2rem;	
}

/* TEASER3 START */

.teaser3 .bb_teaser.bb_cover:first-of-type{
opacity:1;
visibility: visible;
	transition: all 500ms;
}


.teaser3 .bb_teaser.bb_cover{
opacity:0;
visibility: hidden;
	transition: all 500ms;
}

.teaser3 .bb_teaser.bb_cover picture:after{
	position: absolute;
	top:0;
	left:0;
	content: ''; 
	height: 100%;
	width: 100%;
background: linear-gradient(0deg, rgba(0,0,0,0.6446953781512605) 0%, rgba(255,255,255,0) 58%, rgba(255,255,255,0) 100%);
}

.teaser3 .bb_teaser:first-of-type{
position:relative; 

}

.teaser3 .bb_teaser.bb_noimg{
	height: 100%;
	color: white;
}

.teaser3 .bb_teaser.bb_noimg .bb_headline{
	color: white;

}

.teaser3 .bb_teaser.bb_noimg.bb_description .bb_headline{

	font-size: 2.5rem;
	margin-bottom:0;
}



#main .inside .teaser3{
padding:0;	
}

.teaser3 .bb_teaser.bb_noimg{
width: 33.333333%;
position:absolute; 
height: 100%; 
border-right:1px solid white;
top:0; 
z-index:2;
}

.teaser3 .bb_teaser.bb_noimg .bb_content{
position:absolute; 
height: 100%; 
top:0; 
left:0;
padding-bottom:0;
	transition: all 500ms;
	padding:3rem;
	align-content: flex-end; 
	align-items:flex-end;
}

.teaser3 .bb_teaser.bb_noimg:nth-of-type(2){
left:0;
}

.teaser3 .bb_teaser.bb_noimg:nth-of-type(4){
left:33.333333%;
}

.teaser3 .bb_teaser.bb_noimg:nth-of-type(6){
left:66.666666%;
}

.teaser3 .bb_teaser.bb_noimg:hover .bb_content{
padding-bottom:6rem;
}


.teaser3 .bb_teaser.bb_noimg:hover + .bb_teaser{
opacity:1;
visibility: visible;
}

.teaser3 .bb_teaser:first-of-type figure{
opacity:1;
visibility: visible;
}

.teaser3 .bb_teaser{
position:absolute; 
top:0;
left:0;
z-index: 0; 
}

/* teaser3 END */ 


.mod_article.fi_zitat_1,
.mod_article.bg50 {
padding-top: 6rem;
padding-bottom: 6rem;	
}

/* FI_ZITAT START */


.fi_zitat_1  a.button,
.fi_zitat_3  a.button,
.fi_zitat_intro  a.button{	
	width:100%;
	justify-content: flex-end;
}

.fi_zitat_1 .bb_teaser{
width: 600px;
justify-content: center;
display: flex;
flex-wrap: wrap;
padding-right: 50%;
padding-left: calc(50% - 600px);
margin:0;
}

.fi_zitat_1  .bb_headline{
text-align:right;
width:100%;
margin-bottom:0.5rem;
}
.fi_zitat_1 figure{
width: 100%;	
position: relative;
}

.fi_zitat_1 figure:after{
	  content: 'g1';
    font-size: 0;
    	position:absolute; 
    width: 300px;
	height: 1250px;
left:-10rem;
	top:-4rem;
    background-image: url(../layout/leaves.svg);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: top;
}

.fi_zitat_2 .bb_teaser:nth-child(1) figure:after{
	    content: 'g1';
    font-size: 0;
    	position:absolute; 
    width: 100px;
	height: 1250px;
	left:-150px;
	top:-7rem;
    background-image: url(../layout/g1.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.fi_zitat_3 .bb_teaser figure,
.fi_zitat_intro .bb_teaser figure{
	position:relative; 
	width: 100%;
}

.fi_zitat_3 .bb_teaser:nth-child(1) figure:after,
.fi_zitat_intro .bb_teaser:nth-child(1) figure:after{
	    content: 'g2';
    font-size: 0;
    	position:absolute; 
    width: 450px;
	height: 450px;
	left:-6rem;
	top:-6rem;
    background-image: url(../layout/g2.svg);
    background-size: 450px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.fi_zitat_1  .bb_text{
font-size: 2rem; 
font-family: 'Crimson Text', serif;
letter-spacing: normal;
position: absolute; 
font-weight: 600;
left: 50%; 
display:flex;
top:0;
    width: 50%;
    max-width: 700px;
    flex-wrap: wrap;
	padding-left:6rem;
	padding-top: 6rem;
		padding-right: 1.5rem;
		box-sizing:border-box;
}

.fi_zitat_2 .bb_text,
.fi_zitat_3 .bb_text {
	width:100%;
font-size: 2rem; 
font-family: 'Crimson Text', serif;
letter-spacing: normal;
display:flex;
    max-width: 850px;
    flex-wrap: wrap;
}


#wrapper .fi_zitat_intro .bb_teaser .bb_headline{
font-size: 3rem;	
margin-bottom: 1rem;
}

.fi_zitat_3 .bb_text,
.fi_zitat_intro .bb_text {
padding-bottom: 3rem;
}

.fi_zitat_2 .bb_teaser .bb_content,
.fi_zitat_3 .bb_teaser .bb_content{
justify-content:flex-start;	
padding-top: 3rem; 
padding-left: 6rem;
padding-bottom: 6rem;
max-width: 850px;
}


.fi_zitat_intro .bb_teaser .bb_content{
justify-content:flex-start;	
padding-top: 3rem; 
padding-left: 0rem;
padding-bottom: 6rem;
max-width: 850px;
}




.fi_zitat_2 .bb_teaser:nth-of-type(1){
    display: flex;
    flex-wrap: wrap;
	width: calc(33.333333333% - 10rem);
justify-content:flex-end;
padding-left: 6rem;	
}

.fi_zitat_2 .bb_teaser:nth-of-type(2){
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
	width: calc(66.6666666666% - 2rem); 
	margin-right:0;
}



.fi_zitat_3 .bb_teaser:nth-of-type(1){	
 display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
padding-left: 6rem;	
	width: calc(66.6666666666% - 10rem); 
}

.fi_zitat_3 .bb_teaser:nth-of-type(2){
	    display: flex;
    flex-wrap: wrap;
	width: calc(33.333333333% - 2rem);
	margin-right:0;
		justify-content:flex-end;
}


.fi_zitat_intro .bb_teaser:nth-of-type(2){
	    display: flex;
    flex-wrap: wrap;
	width: calc(50% - 2rem);
	margin-right:0;
		justify-content:flex-end;
}


.fi_zitat_intro .bb_teaser:nth-of-type(1){	
 display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
padding-left: 6rem;	
	width: calc(50% - 10rem); 
}

.fi_zitat_intro .bb_teaser:nth-of-type(1) figure{
	display:flex; 
	justify-content:flex-end;
}



.fi_zitat_intro .bb_teaser:nth-of-type(1) picture{
	width:auto;
}


.fi_zitat_1  .bb_text > *{
width:100%;
margin:0;
}

.fi_zitat_1  .bb_text em{
	text-align:right;
font-size:1rem; 
font-family: 'Poppins', sans-serif;
font-weight: 300;
width:100%;
display:flex;
justify-content:flex-end;
    font-style: unset;
}



/* FI_ZITAT_1 END */ 

.fi_zitat_1 .bb_content .bb_headline{
margin-top: 3rem; 	
}

.fi_special_first{
left:0;
position:absolute; 
width: 23rem; 	
padding: 1rem;
text-align:right;
box-sizing:border-box;
}

.bg50 .fi_special_first{
width:25rem; 
top:50%;
padding-top: 3rem;

}

.fi_special_first .bb_headline{
font-size: 3rem;	
}

.mod_article.padding-left-article .bb_slxdx_container {

}


.mod_article.padding-left-article .bb_slxdx {
	background-color: white;
}

.bb_headline.special-headline span{
display: block;	
}
.bb_headline.special-headline span:nth-of-type(2){
display: block;	
padding-left: 4rem;
}
.bb_headline.special-headline span:nth-of-type(4){
display: block;	
padding-left: 3rem;
}


#main .inside > .mod_article.padding-left-article .bb_slxdx{
margin-left: 26rem;	
}




/* END SPECIAL STUFF */



/* FOOTER START */

#footer .mod_customnav{
background-color: #010101; 
color:white;	
width:100%;
padding:0;
}

#footer .mod_customnav ul{
	display:flex; 
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	padding:0;
}
#footer .mod_customnav ul li{
list-style-type:none;	
padding:0;
}

#footer .mod_customnav ul li > *{
	color:white; 
	padding: 2rem;
	text-decoration: none; 
	display:flex;
}

#footer .bb_headline{
	font-size:2rem;
}

/* Footernav Start */ 
.bb_footernav {
	width: 100%;
border-top:1px solid #b7a883;
padding:2rem;
}



.bb_footernav ul li a,
.bb_footernav ul li span,
.bb_footernav ul li strong
{
text-transform:uppercase;	
text-decoration: none; 
list-style-image: none;
padding: 2rem;  
padding-top:1rem;
padding-bottom:1rem;
color: #010101;
text-align:center;
}

.bb_footernav ul li{
display:flex;	
}

.bb_footernav ul{
		list-style-type: none; 
display: flex;
flex-wrap:wrap;
justify-content:center;	
padding:0;
}

/* FOOTERNAV END */ 

/* SOCIAL FOOTER */ 

#footer .bb_social{
width: 100%;
display:flex; 




}

#header .bb_social a:first-of-type{
	padding-left:0rem;
}

#header .bb_social {
    position: absolute;
    left: calc(25% - 250Px);
    bottom: calc(50% - 400px);
    z-index: 0;	
	justify-content:flex-start;	
}

#footer .bb_social{
	border-top:1px solid #b7a883;
	margin-top: 6rem; 
	justify-content:center;	
	
}


#footer .bb_social a:first-of-type{
	padding-left:5rem;
}

#footer .bb_social a:last-of-type{
	padding-right:5rem;
}

#footer .bb_social a{

	margin-top: -2.25rem;

}

.bb_social a{
	color: #b7a883; 
	text-decoration:none;
	padding:1rem;

	font-size:2rem;
}


#footer .bb_social a{

	background-color: white;

}

/* END SOCIAL FOOTER */ 

/* FOOTER END */ 



/* ~LOGO */
#header .logo{
	position:absolute; 
	top: 4rem;
	z-index: 106; 
	transition:all 300ms;
}




/*SIZES*/

.size_25{
width:100%;	
margin:0;
}


/* SIZES ENDE */


/* ~HOVER /* 


@media (hover: none) {
	
}


@media (hover: hover) {
	
	
}



/* ~Media Queries */



@media (hover: hover) {




#wrapper .bb_zimmer_form .bb_teaser input[type="checkbox"]:checked ~ figure:after {
	width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    content: "";
    display: flex;
    justify-content: center;
    z-index: 2;
    align-items: center;
    font: 80px 'IcoFont' !important;
}


#wrapper .bb_zimmer_form .bb_teaser:hover figure:after {
	width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);
    content: "";
    display: flex;
    justify-content: center;
    z-index: 2;
    align-items: center;
    font: 80px 'IcoFont' !important;
}
}


@media (hover: none) {


.bb_zimmer_form figure:after {
    width: 30px;
    height: 30px;
    left: 10px;
    top: 10px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #656565;
    font-size: 26px;
    content: ' ';
	align-content:center; 
	align-items:center;
	display:flex;
}


.bb_zimmer_form  input[type=checkbox]:checked ~ figure:after {
    border-color: #7E9308;
    color: #7E9308;
	font-family: icofont;
	content:''
}

.bb_zimmer_form  input[type=checkbox] ~ figure {
 opacity: 0.75;
}

.bb_zimmer_form  input[type=checkbox]:checked ~ figure {
 opacity: 1;
}



}



@media screen and (max-width: 2000px){
	
	.menuimg, .startmenuimg {
 
    top: calc(50% - 250Px);
  
}


#header .bb_social {
  
    bottom: calc(50% - 350px);
	
}

}


@media screen and (min-width: 1600px){
	


#wrapper .mod_article.fullwidth:not(.kalender):first-of-type {
padding-left: 6rem;	
}
.app #wrapper .mod_article.fullwidth:not(.kalender):first-of-type {
padding-left: 0rem;	
}

		#wrapper .bb_me_detail:first-of-type{
	min-height: 600px;	
	}

}

@media screen and (max-width: 1600px){
	
	.fi_zitat_intro .bb_teaser:nth-of-type(1){
padding-left: 3rem;
    margin-left: 0;
    width: calc(50% - 7rem);
	}
	
	
	.fi_zitat_intro .bb_teaser:nth-of-type(1) picture{
		
	width: 100%;	
	}
	
	.fi_zitat_intro .bb_teaser .bb_content{
	padding-bottom:0;	
	padding-top:0;
	}
	
	
			body.startseite #header .mod_bb_header .textbox {

padding-bottom:0;		
		    height: calc(100% - 10rem);
    align-items: center;
    align-content: center; 
	padding-bottom:10rem;
	box-sizing: border-box;
}
	

	
	
		#wrapper #main  .mod_breadcrumb{
			
			
		}
	
	
			#wrapper #main .fullwidth .mod_breadcrumb,
				#wrapper #main .fullwidth .mod_breadcrumb ul{
	
		padding-left: 2rem;
	} 
	
	
		#wrapper #main .mod_breadcrumb{
		margin:0; 
		padding:0;
		justify-content:flex-start;
		padding-left: 2rem;
	} 
	
	.unter #wrapper .mod_breadcrumb ~ .mod_article:first-of-type,
.unter #wrapper .mod_breadcrumb ~ .mod_article.first	{
padding-top: 0;
}

	
	
#wrapper #container #main   .w50-50 .mod_breadcrumb {
padding-left:0;	
}

#wrapper #container #main  .w50-50 .mod_breadcrumb ul{
	margin-bottom:3rem; 
	width:100%; 
	justify-content:center;
	box-sizing:border-box;
	padding-top:0;
	padding-left:0;
}
	
.mod_breadcrumb ul {
	position: relative;
 margin-left: 2rem;
 margin-bottom:1rem;
    transform: rotate(0) translate(0);
	padding-bottom:0; 
	    padding-left: calc((100% - 1362px)/2);
    padding-right: calc((100% - 1362px)/2);
	max-width: 100%;
	justify-content:flex-start;
		margin:0;
}
	

.center .mod_breadcrumb ul {
justify-content:center;
}

	.altslider.left .bb_teaser.bb_cover.size_21 .bb_content,
	.altslider.right .bb_teaser.bb_cover.size_21 .bb_content{
		padding-left: 25%;
    padding-right: 25%;
	}


.mod_eventlist.kalender .day{
width: 100%;	
}

.wideheadline .bb_headline{
font-size: 3rem;	
}

.fi_1{
padding-right: 3rem;	
}

.fi_zitat_2 .bb_teaser:nth-of-type(1) {
    width: calc(50% - 10rem);
    padding-left: 6rem;
}

.fi_zitat_2 .bb_teaser:nth-of-type(2) {

    width: calc(50% - 2rem);

}

.fi_zitat_2 .bb_teaser .bb_content, .fi_zitat_3 .bb_teaser .bb_content{
padding-left: 0;	
padding-right: 1rem;
}



}





@media screen and (max-width: 1400px){
	
		#container .inside > .bbbrickz{
	padding-left:0;
padding-right:0;	
	}
	
	
	#wrapper .bbbrickz .bb_teaser{
	margin-left: 1rem;	
	}

	
	
	
	#main div:not(.bb_slxdx) > .zimmer .bb_content {
    width: calc(100% - 500px);
 
}
	
	
	
	
	
		#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
	font-size: 2rem;	
	}
	
	#navmain .menucontent .bb_mainnav ul.level_2 > li > a, #navmain .menucontent .bb_mainnav ul.level_2 > li > strong{
	font-size: 1rem;	
	}
	

	
	/*
	.teaser3 .bb_teaser.bb_cover{
		opacity:1;
		visibility:visible; 
		position:unset; 
		left:unset; 
		top:unset;
	}
	
	.teaser3 .bb_teaser.bb_noimg,
	.teaser3 .bb_teaser.bb_noimg .bb_content{
			opacity:1;
		visibility:visible; 
		position:unset; 
		left:unset; 
		top:unset;
		bottom:unset;
		right:unset;
		width:100%;
	}
	
	
	
	.fi_zitat_3 .bb_teaser:nth-child(1) figure:after{
		width: 300px;
    height: 300px;
	background-size: 300px;
	}
	
	*/
	
	
	.teaser3 .bb_teaser.bb_noimg .bb_content{
	padding:1.5rem;	
	}
	
	.teaser3 .bb_teaser .bb_headline{
	font-size:1.5rem;	
	}
	
#main .inside > *{
	padding-left:3rem; 
	padding-right:3rem;
	
}






}


@media screen and (max-width:  1400px){
	
		.anfrage_topnav, .buchen_topnav, .anrufen_topnav, .schenken_topnav, .gutschein_topnav{
	padding-left: 1.5rem;	
	font-size: 0.85rem;
	}
	
	#wrapper #header .iso_cart_button{
		margin-left: 1rem;
	}
	
 
}
@media screen and (max-width: 1300px){
	
	
	.fi_zitat_intro .bb_teaser:nth-of-type(1){
	
    width: calc(60% - 6rem);
    padding-left: 3rem;
	
	}
	
	
	.fi_zitat_intro .bb_teaser .bb_content{
	padding-top:0;	
	}
	
		.fi_zitat_intro .bb_teaser:nth-of-type(2){
	
    width: calc(40% - 3rem);
	
	}
	

	
			.size_22.bb_noimg,
.size_38.bb_noimg{
height: 800px;	

}

		#container .inside > .bbbrickz{
		display: flex;
	-webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    overflow: hidden;
	column-gap: 0;
	margin-top: 1.5rem;
}

	
	.bb_mainnav .mainquicknav{
	padding-top:0;	
	}
	
	#navmain .menucontent .bb_mainnav > ul.level_1{
	padding: 1rem;	
	}
	

	.headlinepfeil .bb_headline:after{
	content: none;	
	}
	
}


@media screen and (max-width: 1500px){
#main .inside > * {
	padding-top: 1.5rem;
padding-bottom: 1.5rem;	
	}
}

@media screen and (max-width: 1200px){
	
	
	.anfrage_topnav {
	display: none;
	}
	
	
	 .reihe_2	 .spalte_4,
	 .reihe_2 .spalte_5{
		display: none; 
	 }
	 
	
	
	
	 .reihe_1 .spalte_4{
		 position: absolute; 
		 right: 0;
		 top:0; 
		 padding-right:0; 
		 width: 112px;
	 }
	 
	  .reihe_1 .spalte_5{
		  position: absolute; 
		 right: 0;
		 top:50px; 
		  padding-right:0; 
		   width: 112px;
	 }
	
	
		#main div:not(.bb_slxdx) > .zimmer .bb_content {
    width: calc(100% - 300px);
 
}

.bb_headline.special-headline span:nth-of-type(2)
{
padding-left:1rem;	
}

}

@media screen and (max-width: 1024px){
	
	.size_38.bb_noimg{
height: 800px;	

}
	
	.bb_fi_listing{
		flex-wrap: wrap;
		border-bottom: 1px solid black;
		padding-bottom: 3rem;
		padding-top: 3rem;


	}
	
	#wrapper .bb_fi_listing > .bb_content{
		
	width:100%;	
	margin-left:0;
	margin-right: 0;
	margin-bottom: 1rem; 
	}
	
.gototop{
	padding: 0.5rem;
	font-size: 1.5rem;
	bottom: calc(82px + 1rem); 
	right:0.5rem;
}

	
	#iso_ajaxBox{

width: 90%; 
left: 5%;
box-sizing: border-box;
}


#iso_ajaxBox .iso_confirm{
background: none; 
padding:0;	
}
	
	#header .bb_social{
		position: relative; 
		justify-content:center;
	}
	

	
	.bg50 .fi_special_first{
width:100%; 
padding-top: 1rem;
margin:0;

}

.unter .mod_bb_header{
padding-left: 2rem;
padding-right: 2rem;
}
	
	.anfrage_topnav, .buchen_topnav, .anrufen_topnav, .schenken_topnav, 
.offset1px #navmain, #navmain{
	height: auto;	
	}
	
	.bb_topnav{
	padding-right:0;	
	}
	
	.bb_iso_orderlist{
	border-bottom: 1px solid black;	
	}
	
	
	.reihe_1,
	.reihe_2{
	display: block; 
flex-wrap:wrap; 
padding-right: 150px;
       hyphens: auto;
	   width: 100%; 
	   box-sizing: border-box; 
	}
	
	
.spalte_1{
min-width:0px;	

}
	
	.reihe_1 > * ,
	.reihe_2 > * {
	width: 100%;	
	}
	
	
	#header .mod_bb_header.size_26 .textbox{
		bottom:0;
		padding-bottom: 3rem;
	}
	
	.mod_iso_productreader .formbody{
	flex-wrap: wrap;	
	justify-content:center;
	
	}
	
	
	
	
	.iso_right{
		width: 100%;	
margin-right:0;
	}
	
	.iso_left{
	width: 100%;	
	max-width:800px;
margin-bottom: 3rem;
	}
	
		.altslider.left .bb_teaser.bb_cover.size_21 .bb_content,
	.altslider.right .bb_teaser.bb_cover.size_21 .bb_content{
		padding-left: 1rem;
    padding-right: 1rem;
	}
	
	.bb_topnav,
	.navbutton{
		background-color: #96c3c3;
	}
	

	
	.mod_bb_header .item img, .mod_bb_header .item video{
		height: calc(100vh - 62px);
	}
	
			#wrapper #header .iso_cart_button{
			    margin-top: 0rem;
    margin-bottom: 0.5rem;
    padding: 0;
    padding-top: 0.5rem;
		color: #010101;
		width:33.333%;
		margin-left:0;
		margin-right:0;
		box-sizing: border-box; 
		margin-right: 0.5rem;
		}
	
	#header .iso_cart_button .itemcount{
	display:none;	
	}
	
	.iso_cart_button .button_desc{
	display:flex;	
	    font-size: 0.65rem;
		justify-content:center;
				font-weight: 500;

	}
	


	body .nomobile {
    display: none !important;
}
	


	
	
		#header .mod_bb_header. .textbox {
			top: unset; 
			bottom: 3rem; 

	}
	
	#main div:not(.bb_slxdx) > .zimmer{
		
	flex-wrap: wrap;	
	}
	
	#main div:not(.bb_slxdx) > .zimmer .bb_content,
#main div:not(.bb_slxdx) > .zimmer .side	{
    width: 100%;
}
	
	
#menu {
height: calc(100vh - 77px);	
}

	
	.bb_social a:first-of-type{
	padding-left: 1rem;	
	}
	

	
	.bb_social{
		
		justify-content:center;
	}
	#main .wertgutscheinteaser{
	flex-wrap:wrap;	
	}
	
		#main .wertgutscheinteaser .image_container {
	display: none;
	}
	
	#main .wertgutscheinteaser .size_33{
width: 100%;
min-width: 0px;
}
	
	#navmain .menucontent .bb_mainnav ul.level_1 > li{
	text-align:center; 	
	}
	
	#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
	width:100%;	
	justify-content:center;
	}
	
	#navmain .menucontent{
		
	padding: 0rem;	
	}
	
	.bb_mainnav .mod_customnav{
	background: transparent;	
	}
	
	
	#wrapper #container .mod_article.w50-50 > *{
	width:100%;	
	}
	
	
	#wrapper  .special-headline{
	text-align:center;	
	}
	
	#navmain .menucontent{
	align-items: flex-start; 
align-content:flex-start;	
	}
	
	

	
	#header .mod_customnav > ul{
	justify-content:center;	
	padding:1rem;
	width:100%;
	}
	
	
	#header #navmain .mod_customnav,
	#header #navmain .bb_social{
	width: 100%;
	left:unset;
	bottom:unset;
	}
	
		
	#header #navmain .mod_customnav ul a, #header #navmain .mod_customnav ul strong{
	padding:0.5rem;
	font-size: 0.75rem;
	}
	
	#header .bb_social a {
	color: white;	
	}
		 
	#navmain .menucontent .bb_mainnav > ul.level_1{
	columns: 1;	
	}
	.bb_mainnav .mainquicknav{
		width: 100%;
	}
	
		.bb_teaser.bb_cover .button{
	font-size: 0.75rem;	
	padding: 0.5rem;
	}
	
	.bb_topnav .bb_mobile{
	display: flex !important; 	
	}
	
	.bb_topnav .bb_nomobile{
	display: none  !important; 	
	}
	
	#wrapper{
	padding-bottom: 	75px;
	}
	
	
	/* Zitate */ 
	
	
	
.fi_zitat_2 .bb_teaser:nth-of-type(1){
	width:100%;
	padding-left:0;
	margin-right:0;
}
 
.fi_zitat_2 .bb_teaser:nth-of-type(1) figure,
.fi_zitat_3 .bb_teaser:nth-of-type(2) figure,
.fi_zitat_intro .bb_teaser:nth-of-type(2) figure{
	width:100%;
	padding-left:6rem;
	margin-right:0;
}

.fi_zitat_1 .bb_teaser:nth-of-type(1) figure{
	width:100%;
	padding-left:3rem;
	margin-right:0;
}

.fi_zitat_2 .bb_teaser:nth-child(1) figure:after{
top:0;
bottom:unset;
width: 75px;
left:0;
background-size: 75px;	
    background-position: top;
}

.fi_zitat_1 .bb_teaser:nth-child(1) figure:after{
background-size: 100px;
width:100px;
left:0.5rem;
top:0.5rem;
}

.fi_zitat_3{
flex-direction: column-reverse; 	
}
	
	
	.fi_zitat_2 .bb_teaser:nth-child(1) .bb_content{
	display:none;	
	}
	

	
	.fi_zitat_2 .bb_teaser:nth-child(1) .bb_content,
	.fi_zitat_2 .bb_teaser:nth-child(2) .bb_subheadline{
	display:none;	
	}
	
	
	.fi_zitat_2 .bb_teaser:nth-of-type(1) .button{
display:block; 	
}
	
	
	.fi_zitat_2 .bb_teaser:nth-child(2) .bb_content,
	.fi_zitat_3 .bb_teaser:nth-child(1) .bb_content,
	.fi_zitat_intro .bb_teaser:nth-child(1) .bb_content{
		
	padding-left: 8rem;
	padding-right:1.5rem;
	padding-top:0;
	}
	
	.fi_zitat_2 .bb_teaser:nth-of-type(2),
	.fi_zitat_1 .bb_teaser:nth-of-type(1),
	.fi_zitat_3 .bb_teaser:nth-of-type(2),
	.fi_zitat_3 .bb_teaser:nth-of-type(1)
	{
		margin-top:0;
	width:100%;	
	padding-left:0; 
	margin-left:0;
	padding-right:0;
	}
	
	
	.fi_zitat_intro .bb_teaser:nth-of-type(2),
	.fi_zitat_intro .bb_teaser:nth-of-type(1)
	{
		margin-top:0;
	width:100%;	
padding-left: 2rem;
	margin-left:0;
	padding-right:0;
	}
	
	.fi_zitat_intro .bb_teaser .bb_content{
	padding-top:0;	
	padding-bottom:0;
	padding-left: 2rem;
	}
	
	.fi_zitat_intro .bb_teaser:nth-of-type(2){
	display: none;	
	}
	
	.fi_zitat_3 .bb_teaser:nth-of-type(1){
	width: 100%;	
	padding-left:0;
	margin-left:0;
	}
	
	.fi_zitat_3 .bb_teaser:nth-child(1) figure:after,
	.fi_zitat_intro .bb_teaser:nth-child(1) figure:after{
	content:none;
	}
	
	.fi_zitat_2 .bb_teaser:nth-of-type(2) .button,
	.fi_zitat_1 .bb_teaser:nth-of-type(1) .button{
		padding-top:1rem;
		    text-align: right;
    width: 100%;
	    justify-content: right;
	}
	
	.fi_zitat_1 .bb_text em{
		position:absolute;
	top:0; 
	left:0;
	color: white;
	font-size:1.5rem;
	right: unset;
	padding:1rem; 
	box-sizing: border-box
	}
	
	
	#main .fi_zitat_1 .bb_content{
padding-left: 3rem;
padding-right: 1.5rem;
	
	}
	
		
	
	.fi_zitat_1 .bb_text{
		position:unset;
		top:unset;
		bottom:unset; 
		left: unset; 
		right: unset;
		width: 100%;
		padding-top:0;
		padding-left:0;
	
		font-size: 1.5rem;
	}
	
	.fi_zitat_1 .bb_headline{
	text-align:left;	
	}
	
	
	
	/* ZITATE END */
	
		/* MOBILE NAV START*/ 
	.top_container{
	position: fixed; 
	bottom:0;

	justify-content:center;
	display: flex; 
	top: unset;
	width: 100%; 
	}
	
	.bb_topnav{
	width: 75%;	
	z-index:30;
	
	}
	

	#navmain{
	width: 25%; 	
	}

	#navmain,
	.anfrage_topnav, 
	.buchen_topnav,
	.anrufen_topnav,
	.schenken_topnav{

	padding:0; 
	padding-top: 1rem;
	padding-bottom: 1rem;
	position:relative;	
	left:unset; 
	top:unset;
	right:unset;
	font-size: 0.75rem;
	border-right: 1px solid white; 
	justify-content:center; 
	align-items:center;
	}
	
		.buchen_topnav{
			border-left: 1px solid white; 
		}
	
		#navmain{
		border-right:0;	
		}
	
	#navmain {
	margin-top:0;
		margin-bottom:0;
			padding-top: 0rem;
	padding-bottom: 0rem;

	}
	
	#menuToggle .button_desc,
	.button_desc{
	width:100%;	
	text-align:center; 
	color: black;
	margin-top: 0.5rem;
	display:block;
	text-transform: uppercase;
	padding-left:10px;
	padding-right: 10px;
	font-weight: 500;
	}
	
	.topnav_button:last-of-type{
	border:none;
	}
	
	.topnav_button{
	display:flex; 
	flex-wrap:wrap;	
	}
	
	.topnav_button.anfrage_topnav{
	display:none;	
	}
	
	
	
	.anfrage_topnav, 
	.buchen_topnav,
	.anrufen_topnav,
	.schenken_topnav{
	width: 33.333333333%	
	}

	#menuToggle{
	width:100%;	
	height:100%;
	display:flex; 
	justify-content:center;
	}
	#menuToggle #burger,
	#cross{
	position:relative; 	
	height:22px;
	width:auto;
	}
	
	#menuToggle #burger, #cross {
    position: relative;
    width: auto;
	}
	#cross {
        left: -30px;
    top: -14px;
    transform: scale(0.6) rotate(45deg);
	}
	
	#wrapper #menuToggle #burger span,
	#wrapper #menuToggle #cross span{
	color: black;
	background-color: black;
	}
	
	#menuToggle #burger span {
	margin-top: 6px; 
    width: 28px;
    margin-bottom: 0px;
    background-color: white;
    border-radius: 2px;
    display: block;
    transition: all 500ms;
}



	/* MOBILE NAV END*/ 
	
	.bb_headline.special-headline span:nth-of-type(2)
{
padding-left:4rem;	
}


	

	.mod_article.w50-50 > *{
	width: 100%;	
	}
	
	.fi_1{
	padding:1rem;
width: 100%;	
	}
	
	
	.fi_1 .bb_content{
	width:100%;
margin-top: 1rem;	
margin-bottom: 2rem;
	}
	
		
	.fi_1    { display: flex;
    justify-content: center;
    flex-wrap: wrap;
	text-align:center; 
	}
	
	
	.fi_1  .bb_subheadline{
		display: none;
	}
	
	
	 .wideheadline .fi_1 .bb_headline{
	font-size: 3rem;	
	width:auto; 
	text-align:left; 
	}
	

}

@media screen and (max-width: 1024px){
	#orderlistform{
	bottom:77px;	
	}
	
	
			#wrapper #main .fullwidth:not(.fi_zitat_intro) .mod_breadcrumb,
				#wrapper #main .fullwidth:not(.fi_zitat_intro) .mod_breadcrumb ul{
	
		padding-left: 2.5rem;
	} 
	
	
	.newslist_item .submit_container{
	border-bottom: 1px solid black;
width: 100%;
padding-bottom: 1rem;
	}
	
	.newslist_item,
	.newslist_item .submit_container{
	text-align:center; 
justify-content:center;	

	}
	
	
	.newslist_item .image_container.float_left {
	width:100%;	
	margin-bottom: 3rem;
	
	}
	
		.newslist_item .image_container.float_left  .caption{
		display: none;	
		}
		
		.nomobileslxdx{
		height: auto !Important;	
		}
	.nomobileslxdx .bb_slxdx{
		width:100% !important;
		flex-wrap: wrap;
		position: relative;
		justify-content:center;
		box-sizing: border-box;
	padding-right: 2rem;
	}
	
		.altslider.left .bb_teaser.bb_cover.size_21 .bb_content,
	.altslider.right .bb_teaser.bb_cover.size_21 .bb_content{
		
		position:relative; 
		height:auto;
		background: transparent; 
		color: #010101;
	}
	
		
		.altslider.left .bb_teaser.bb_cover.size_21 .bb_content .bb_headline,
	.altslider.right .bb_teaser.bb_cover.size_21 .bb_content .bb_headline{
		
		position:relative; 
		height:auto;
		background: transparent; 
		color: #010101;
	}
	
	
	
	.newsletter .bb_headline span{
		font-family: poppins;
		padding: 1rem;
		font-size: 1rem;
	}
	
	.ce_form fieldset{
	padding:0;	
	margin-left:0;
	margin-right:0;
	}
	
	
	.widget.bbw50, .widget.w50{
	width:100%;	
	}
	
	.bb_slxdx{
padding-left: 2rem;	
}

	
.mod_article > .bb_headline, .mod_article > .ce_headline{
padding-left: 3rem;	
padding-right: 3rem;	
}

#main .inside > .mod_article.padding-left-article .bb_slxdx{
margin-left: 0rem;	
}
	
	.slxdxnxt{
	display:none; 
	
	}
	
	.slxdxprxvxxs{
	display: none;
	}
	
	
	#main .inside > *{
	padding-left: 1rem;
padding-right: 1rem;	
	}
	
	

	
	
	
	html{
		font-size: 17px;
	}
	
	

	
	#header .mod_bb_header .textbox > .bb_headline{
	font-size: 3rem;	
	}
	
	
	#header .mod_bb_header .textbox > .bb_subheadline{
	font-size: 1rem;	
	}
	
	

	
	#header .mod_bb_header picture:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg,  rgba(255,255,255,0)0%, rgba(34,34,34,0.75) 100%);
}

	
	/*
#header .mod_bb_header .textbox{
bottom:unset; 
padding-bottom:0; 
padding-top: 250px;
top:0;	

}
*/


.bb_teaser.bb_hover.bb_cover .bb_content{
opacity:1;
visibility: visible;	
background-color: rgb(0 0 0 / 25%);
}
	
	

	
	
	
	
	/* SPECIALS */ 
	
	
	/*altslider start */
	

	
	
 .bb_slxdx .bb_teaser.bb_cover.size_21 .bb_content{
	position:unset;
	color: #000; 
	left:unset; 
	right:unset; 
	top:unset; 
	bottom:unset; 
	width: 100%;
	height:auto;
	width:100%;
	padding-left: 0;
	padding-right:0;
	padding-bottom:3rem;
	}
	
	
	 .bb_slxdx .bb_teaser.bb_cover.size_21 .bb_content .bb_headline{
		 color: #010101;
	 }
	
	.bb_slxdx .bb_teaser.bb_cover.size_21{
	display:flex; 
flex-direction: column-reverse;
flex-wrap:wrap; 	
margin-bottom: 3rem;
	}
	
	.bb_teaser.bb_cover.size_21 .button{
	color:#000;	
	position:absolute; 
	bottom: -3rem; 
	}
	
	.bb_teaser.bb_cover .button:after{
		filter: invert(0);
	}
	
	/*altslider end */ 
	

	
	
	.fi_special_first{
	position:relative; 
top:unset; 
left: unset; 
width:100%;	
text-align:left;

	}
	
	
	#main .inside > .mod_article.padding-left-article{
	padding-left:0;	
	}
	
	#wrapper .bg50 .bb_slxdx,
		#wrapper .bg50.altcolorbg .bb_slxdx{
	background-color:transparent;
	background:transparent;	
	}
	

	.bg50 {
		    background: linear-gradient(180deg, #96c3c3 0%, #96c3c3 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}

	
	
	.bg50.altcolorbg {
		    background: linear-gradient(180deg, #a9c18a  0%, #a9c18a  50%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}
	
	
	/* END SPECIALS */
	
	.bb_headline,
	.bb_headline a,
	.fi_special_first .bb_headline{
	font-size: 3rem;	
	}
	
	#main .inside .mod_article.bbstickybg{
		min-height: 25vh;
	}
	

	
	.bb_slxdx .bb_teaser:nth-child(2n){
		/*margin-top: 3rem;*/
	}
	
	
	.fi_zitat_intro .bb_teaser .bb_content,
	#wrapper #main .fullwidth.fi_zitat_intro .mod_breadcrumb ul{

	padding-left: 0rem;
	}
	
	.bb_fi_listing{
	max-width: 100%; 
padding-left: 2rem; 
padding-right: 2rem;	
box-sizing: border-box;
	}
	

}





@media screen and (min-width: 1025px) AND  (min-height: 850px) {
#wrapper .navplus{
display: none; 	
}





}
@media screen and (max-width: 1024px), (max-height: 850px){
	
	#header .mod_customnav > ul > li > a,
#header .mod_customnav > ul > li > bold,
#header .mod_customnav > ul > li > strong{
	padding-left: 1rem;
}
	
	
		#header #navmain .bb_social {
display: none;			}
	
		#navmain .menucontent{
	overflow-y: scroll;	
	    height: calc(100vh - 60px);
		background: #96c3c3;
		padding-bottom: 200px;
	}
	
#navmain .menucontent{
    align-items: flex-start;
    align-content: flex-start;
}	
	
	
	#menuToggle input:checked ~ #menu .bb_mainnav ul.level_1 > li .level_2{
	height: auto;	
	opacity: 1;
	visibility: visible; 
	transition: none;
	}
	

	
	
#wrapper  #navmain .startmenuimg, #wrapper #navmain .menuimg {
    display: none ;
}

#navmain .menucontent .bb_mainnav ul li{
width: 100%;	
}


#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
width: calc(100% - 100px);	
justify-content:flex-start;
display: flex;
}


.bb_mainnav .mainquicknav, #navmain .menucontent .bb_mainnav > ul.level_1 {
    width: 100%;
}


#navmain .menucontent .bb_mainnav.mod_navigation,
#navmain .menucontent .mod_customnav
{
padding-left:0;	
}
}





@media screen and (max-width: 600px){
	
	#wrapper #main .ankernav ul li{
	width:100%;	
	margin-top:0; 
	}
	
	.company strong{
	display:block;	
	}
	
	.bb_iso_orderlist .formbody{
	margin-left:0;
margin-right:0;	
	}
	
	.noheader #header .inside{
		height: 180px;
	
	}
	
	#orderlistform .widget{
		padding: 1rem;
	}
	
	
	#header .logo{
	top: 3rem;	
	}
	
	#wrapper #main .mod_breadcrumb {
  padding-left: 1rem;
  
	}
	
			#wrapper #main .fullwidth:not(.fi_zitat_intro) .mod_breadcrumb,
				#wrapper #main .fullwidth:not(.fi_zitat_intro) .mod_breadcrumb ul{
	
		padding-left: 2rem;
	} 
	
	
	.mod_article > .ce_headline,
	.mod_article > .ce_hyperlink, 
	.mod_article > .ce_text, .mod_article > .info, .mod_article > .mod_iso_cart, .mod_article > .mod_iso_checkout,
	.flexintro > .ce_headline, .flexintro > .ce_text{
		width: calc( 100% - 2rem);
	margin-right: 1rem; 
margin-left: 1rem;	
	}
	
	
	.fi_zitat_2 .bb_text, .fi_zitat_3 .bb_text
	{
	font-size: 1.5rem; 	
	}
	
	
		option{


		display: block;
		   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
		}
	
	form > .formbody > fieldset{
	margin-left:0;	
	}
	
	select{
		min-width: 100px;
		width:100%;
	}
	
	/*
	input{
	border: 1px solid red !important;	
	}
	*/
	
	.widget{
	padding:0;	
	}
	
	.mod_article:not(.fullwidth) > .ce_headline{
	padding-left:0;	
	padding-right:0;	
	}


.mod_article .bb_teaser .bb_headline, 
.mod_article	.zimmer.bb_zi_teaser .zimmername{
	font-size: 1.5rem;	
	}
	}



@media screen and (max-width: 600px){
.bb-button{
	transform: scale(0.5);	
	 transform-origin: bottom right;
	}
}


@media screen and (max-width: 500px){
	
	
#wrapper .dunkeloasee .specialcolors .bb_headline{
    font-size: 4rem;
}
	
	.unter .mod_bb_header{
	padding-left: 1rem;
padding-right: 1rem;	
	}
	

	.float_left > .bb_headline, .float_left .submit_container, .float_right > .bb_headline, .float_right .submit_container{
		width:100%;
	}

		.ce_text.float_right figure {
    margin-left: 0rem;
    width: auto;
	float:none;
}

	
	.steps ol li {
    padding: 0.4em;
    font-size: 0.75em;
	letter-spacing:0;
}
	
	
	
	fieldset legend{
	font-size:1rem;	
	padding:0;
	}
	
	#main div:not(.bb_slxdx) > .zimmer .bb_content{
	padding: 2rem;	
	}

	.ce_form .bb_headline{
	padding:0;	
	}


	
	.mod_article .bb_headline,
	.mod_article.momente .bb_headline,
			.mod_article .bb_headline a,
	.mod_article.momente .bb_headline a{
		font-size:2rem;

	}
	
	.mod_article .bb_subheadline{
		font-size:1rem;
	}
	
		.size_21,
		.size_19,
		.size_22{
	width: calc(80vw - 2rem) !important;
height: auto;	
	}
	
	


	
	.fullwidth .size_25{
	margin:0;	
	}
	
	/*
	.zimmer.bb_zi_teaser, .bb_teaser{
	margin: 1rem;	
	}
	*/
	

	
	.bb_headline.special-headline span:nth-of-type(2){
	padding-left: 2rem;	
	}
	
	.bb_headline.special-headline span:nth-of-type(4){
	padding-left: 1.5rem;	
	}
	
	
	.wideheadline .fi_1 .bb_headline {
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	
	#header .mod_bb_header .textbox > .bb_headline{
	font-size: 2rem;	
	}
	
	
	
}

@media screen and (max-height: 850px) and (min-height: 280px){
	
	
	.bb_cookielab_consent_container{
	margin: 1rem;	
	}
	
.bb_cookielab_consent_container_scroll {
	
    max-height: calc(60vh - 200px - 2rem);
    min-height: 100px;
}

.bb_cookielab_consent_container_scroll{
	border:1px solid #DDD;
	padding: 1rem;
}

#wrapper .bbcl_button 	{
padding: 0,3rem;
}



}

@media screen and (max-width: 400px){
	
	#main .bb_teaser.bb_cover.featured .bb_headline:before{
	padding:0;	
	}
	
		.iso_cart_button .button_desc{
	display:flex;	
	    font-size: 0.6rem;
		justify-content:center;
	}
	
	
	#navmain, .anfrage_topnav, .buchen_topnav, .anrufen_topnav, .schenken_topnav{
		    font-size: 0.6rem;
	}
	
	
	.iso_left{
		padding: 1rem;
			justify-content:flex-start;
	}
		.iso_left .quantity_container  .submit.add_to_cart{
	font-size: 0.90rem;
	letter-spacing:0;
	width:auto;
	margin-top:0;

	}
.iso_left.quantity_teaser .quantity_container{
justify-content:flex-start;	
}
}


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



	
	.unter .mod_bb_header {
padding-left: 1rem; 
padding-right: 1rem;
	}
	
	
	.pricebox{
	font-size: 0.85rem;	
	}
	.bb_headline,
	h1,
	h2,
	h3{
	 hyphens: auto;	
	}
	
	
	.mod_iso_checkout .info_container, .mod_iso_orderdetails .info_container, .mod_iso_checkout .payment .widget, .mod_iso_checkout .address_new{
	padding: 1rem;	
	}
	
	
	.mod_article > .bb_headline, .mod_article > .ce_headline, .mod_article > .ce_text, .mod_article > .info, .mod_article > .mod_iso_cart, .mod_article > .mod_iso_checkout,
 .mod_article >  .ce_form{
		
		margin-left: 1rem; 
	margin-right: 1rem; 	
	padding-left:0;
	padding-right:0;
	}
	
	
	
	#container #main .zimmer .submit_container > *,
	.mod_article:not(.altslider):not(.fi_zitat_2):not(.fi_zitat_1):not(.fi_zitat_3):not(.fi_zitat_intro) .zimmer .button{
    width: calc(100%);
	margin-right:0;
    box-sizing: border-box;
	text-align:center;
	justify-content:center;
}
	
	
	#main .bb_teaser.product.wertgutscheinteaser  .submit_container{
	padding:0;	
	}
	
	.quantity_teaser .quantity_container{
	flex-wrap: wrap; 
justify-content:center;	
	}
	
	.quantity_container .submit.add_to_cart{
		margin-top: 1rem;
		max-width: 100%;
	width: 100%;	
	}
	
	
	.bb_slxdx,
	.nomobileslxdx .bb_slxdx{
	padding-left: 0;
	padding-right: 0;	
	}
	
	/*
	.mod_article > .bb_headline, .mod_article > .ce_headline{
		padding-left: 1rem;	
	}
	
	*/
	.bb-button{
	    transform: scale(0.5);
		top:unset; 
		right: 1rem; 
		bottom: 7rem;

	}
	
	.fi_zitat_2 .bb_teaser:nth-child(1) figure:after{
	content: none;	
	}


.fi_zitat_2 .bb_teaser:nth-child(2) .bb_content, .fi_zitat_3 .bb_teaser:nth-child(1) .bb_content,.fi_zitat_intro .bb_teaser:nth-child(1) .bb_content { 
	padding-left:2rem;
}

.fi_zitat_2 .bb_teaser:nth-of-type(1) figure, .fi_zitat_3 .bb_teaser:nth-of-type(2) figure,
.fi_zitat_intro .bb_teaser:nth-of-type(2) figure{
	padding-left:1rem;
}



}


@media screen and (max-width: 300px){
			.iso_cart_button .button_desc{
	display:flex;	
	    font-size: 0.5rem;
		justify-content:center;
	}
	
	
	#navmain, .anfrage_topnav, .buchen_topnav, .anrufen_topnav, .schenken_topnav{
		    font-size: 0.5rem;
	}
}

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

	
	html{
		    font-size: 15px !important;
	}
	
	.fi_zitat_2 .bb_teaser:nth-child(2) .bb_content .bb_text, 
.fi_zitat_3 .bb_teaser:nth-child(1) .bb_content .bb_text,
.fi_zitat_intro .bb_teaser:nth-child(1) .bb_content .bb_text{
	font-size: 1.5rem;
}

	.wideheadline .fi_1 .bb_headline,
	.bb_headline, .fi_special_first .bb_headline,
	.wideheadline .fi_1 .bb_headline a,
	.bb_headline a, .fi_special_first .bb_headline a{
	font-size: 2rem;	
	}
	
	.bb_teaser .bb_headline, .zimmer.bb_zi_teaser .zimmername{
	font-size: 1.5rem;	
	}
	
	
	
}



/* BB MOBILE SETTINGS */ 

@media screen and (max-width: 812px){
	
	.bb_f_anker{
		display: none;
	}
	


.bb-button{
bottom: 5rem;
right: 2rem;	
}
	
	
	
	.ce_text.float_right figure,
	.ce_text.float_left figure{
	float:none;	
	margin:0; 
	margin-bottom: 1rem;
	}
	
	
	#container #mapid{
		margin: 1rem;
	}
	
			.size_19,
	.size_22{
width: calc(60vw - 4rem); 	
}



	
	.bb_teaser,
	.zimmer.bb_zi_teaser{
	transition: all 500ms;	
	margin: 1rem;
	}
	
			#main .inside > .mod_article.altslider {
	padding-right:0;
}
	
	
	.bb_mobile{
		display: flex !important; 
	}
	.bb_nomobile{
		display: none !important; 
	}
	
	
}


@media screen and (min-width: 812px){

	
			#main .inside > .mod_article.altslider {
	width:100%; 
	padding-left:0;
	padding-right:0;
}
	.size_21{
width: 100%;
max-width:100vw;		
margin:0;
}



	
	.bb_mobile{
		display: none !important; 
	}
	.bb_nomobile{
		display: flex !important; 
	}
	
}



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

	body .bb_mobile {
    display: none !important;
}

	
	.offset1px .top_container,
	.top_container_app{
	background: rgb(255 255 255 / 90%)
}


.offset1px .top_container #navmain{
left:0;
top:0;	
}






.offset1px .anfrage_topnav, 
.offset1px .buchen_topnav, 
.offset1px .anrufen_topnav, 
.offset1px .schenken_topnav,
.offset1px .gutschein_topnav{

height: 5rem;
}



.unter .anfrage_topnav, 
.unter .buchen_topnav, 
.unter .anrufen_topnav, 
.unter .schenken_topnav,
.unter .gutschein_topnav,
.offset1px .anfrage_topnav, 
.offset1px .buchen_topnav, 
.offset1px .anrufen_topnav, 
.offset1px .schenken_topnav,
.offset1px .gutschein_topnav{	
color: black;
}

 #wrapper.offset1px #header .iso_cart_button{
	margin: 1.25rem;	
color: black;
}

.unter #wrapper  #header .iso_cart_button,
.noheader #wrapper  #header .iso_cart_button{
	color: black;
}

.unter #menuToggle #burger span,
.offset1px #menuToggle #burger span{
background-color: #010101; 	
}
		.unter #menuToggle #cross span,
	.offset1px #menuToggle #cross span,
	#menuToggle input:checked ~ .navbutton #cross span {
background-color: #010101; 	
}
	
	
	.bb_topnav .bb_mobile,
	.buchen_topnav img{
	display: none !important; 	
	}
	
		.bb_topnav .bb_nomobile{
	display: flex !important; 	
	}


}




@media screen and (min-width: 1600px){

.size_19{
width: calc(27vw - 4rem); 	
}
}






@media screen and (min-width: 1950px){

.size_19{
width: calc(22vw - 4rem); 	
}



.logoadd #main .mod_article:first-of-type{

    top: 0rem;


    margin-left: 35px;

}

.logoadd #main .mod_article:first-of-type .bb_headline{

    font-size: 2rem;

}


}

/* END BB MOBILE SETTINGS */ 


@media screen and ((max-height: 770px) and (orientation: landscape) and (max-width: 1400px)){
	#header .mod_bb_header .textbox > .bb_headline,
	#header .mod_bb_header .textbox > .bb_subheadline{
		font-size:2rem;
	}
	

	
}

@media screen and ((max-height: 812px) and (min-width: 812px)) {
	#header .mod_bb_header.size_26 .textbox > .bb_headline,
	#header .mod_bb_header.size_26 .textbox > .bb_subheadline
{
	display:none;
	}





}



@media screen and ((max-height: 812px) and (min-width: 812px)) {
	#header .mod_bb_header.size_26 .textbox > .bb_headline,
	#header .mod_bb_header.size_26 .textbox > .bb_subheadline
{
	display:none;
	}





}


@media screen and ((max-height: 500px)) {
	
	#header .mod_bb_header .textbox > .bb_headline,
	#header .mod_bb_header .textbox > .bb_subheadline
{
	display:none;
	}





}


@media screen and (max-height: 812px)  {
	.bbcl_submit_container.mofi{
		padding-top: 1rem;
	}



}
@media screen and (max-height: 900px){
	
		#header .mod_customnav > ul > li > a,
#header .mod_customnav > ul > li > bold,
#header .mod_customnav > ul > li > strong{
	padding-right:1rem;
	padding-left:1rem;
	padding-bottom: 0.25rem; 
		padding-top: 0.25rem; 
}
	
		#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong {
    font-size:2rem;
}
	
	#navmain .menucontent .bb_mainnav ul.level_2 > li > a, #navmain .menucontent .bb_mainnav ul.level_2 > li > strong {
    font-size: 1rem;
}

	.bb_mainnav .mainquicknav{
	padding-top:0;	
	}
	
	#navmain .menucontent .bb_mainnav > ul.level_1{
	padding: 1rem;	
	}
	

	.headlinepfeil .bb_headline:after{
	content: none;	
	}
	
	
}

@media screen and ((max-height: 450px)) {
	
	.bb-button{
		display: none;
	}
	
	
	
	
}



@media screen and ((max-height: 600px)) and (orientation:landscape) {
	
	.bb-button{
		display: none;
	}
	
	.startseite #header .mod_bb_header .textbox{
		display: none;
	}
	
	
	
	
}