@charset "UTF-8";
@charset 'iso-8859-15';

input[name=anreise]:hover,
input[name=abreise]:hover{
cursor: pointer;	
}
:root {
  --color-1: #450e52;
  --color-2: #627167;
  --color-2bb: #627167;
  --color-3: #A09B74;
  --color-4: #60494C;
  --color-5: #8C7D88;
  --color-6: #F0B860;
  --color-7: #816c89;
  --color-8bh: #a1cd8b;
  --color-7-light: #b8aabe;
  --white:#fff;
  --black: #333; 
  --light: #eee;
  --standard: 1280px; 
 --big: 1706px;
  --small1: 452px;
  --mobile:667px;
  --font-standard: 'Josefin Sans', Verdana, sans;
  --font-display: 'Licorice';	
	
  --font-display2:  'Josefin Sans', Verdana, sans;	
}


html{
font-size: 19px;	
scroll-behavior: smooth;
vertical-align: middle;
}

body{
		font-family: var(--font-standard);
		color: var(--black); 
 		font-weight: 300; 
		font-weight:400;
		 line-height: 1.2;
		 -webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
	background-image:url("../design/so-white.webp");	

}

.ce_accordion .toggler:target{
padding-top: 4rem;	
}

#wrapper {
overflow:hidden;	
letter-spacing: 0.05rem;
}


.col-xx-16{
float:left;	
margin-right: 1rem;
margin-bottom: 1rem;
}

#wrapper .mod_article .bb_teaser.teaser_fakefilter.bb_noimg{
	padding:0;
	min-height: 0;
	width:auto;
	    margin: 0 0.5rem 0.5rem 0;
}


#wrapper .thekalender .header .image_container {
position: absolute;
left:0;	
top:0;
}

#wrapper .thekalender .header .image_container img{
 padding: 0.5rem;
    height: 59px;

}

.bb_footernav .widerruf{
text-decoration: underline;	
}
   

#wrapper .thekalender .header {
position: relative;
text-align: right;
}


#wrapper .mod_article .bb_teaser.teaser_fakefilter.bb_noimg .bb_content{
	padding: 0.5rem;
	min-height: 0;
}


#wrapper .mod_article .bb_teaser.teaser_fakefilter.bb_noimg .bb_headline{
	font-size: 1rem;
}

.cal_invisible{
display: none !important; 	
}


.bb_watchlist .watchlist_container >*{
visibility: hidden; 
opacity:0; 	
transition: all 2.5s;
}

.bb_watchlist.open .watchlist_container >*{
visibility: visible; 
opacity:1; 	
}

.col-xx-16 + *:not(.col-xx-16){
display:block; 	
width: 100%;
clear: both;
}

.blk-media{
display: inline-block;	
width: auto;
}

.bb_watchlist-trigger:focus{
	border: 2px solid black;
}


#last-section .bb_headline{
font-size: 1.5rem;	
}


.kalender_filter{
	display: flex;
	flex-wrap: wrap; 
	justify-content:center;
	margin-bottom: 1rem;
}



.kalender_filter button{
margin-bottom:0;	
margin-left: 0.5rem; 
margin-right: 0.5rem;
}

#reloadcontainer.hidden{
display: none;	
}


#reloadcontainer button{
	margin: 2rem auto 0 auto;
	color: #666;
border: 1px solid #888; 
background: transparent; 	
}

#reloadcontainer .frage{ 
font-size: 1.5em;
}


#reloadcontainer{
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    /* background: white; */
    z-index: 2000;
    display: flex;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 50%);
}

#reloadcontainer .inside{
padding: 4em;
background-color: white; 
text-align:center;
}

#timer{

left:0;
bottom:0;

padding: 2rem;	
}

#touchcontainer i {
    font-size: 8rem;
    display: block;
    text-align: center;
    -webkit-animation: jump 8s ease 0s infinite normal;
    animation: jump 8s ease 0s infinite normal;
}

@keyframes jump{
0% {
    transform: translateY(0);
}
20% {
    transform: translateY(0);
}
40% {
    transform: translateY(-10px);
}
50% {
    transform: translateY(0);
}
60% {
    transform: translateY(-5px);
}
80% {
    transform: translateY(0);
}
100% {
    transform: translateY(0);
}
}



@media print {
    .kalender_filter button:not(.active),
	.kalender_filter button.bb_reset{
        display: none !important;
    }
	
	 .kalender_filter button
	 {
		 border:0; 
		 margin-top:0;
	 }
	 .thekalender{
		 
	margin-left:0 !Important;
	margin-right:0 !Important;
	 }
.mod_eventlist.kalender .day {
    width: calc(14.28% - 0.6em);

}




.logodruck{
display: none !important;
}

}

.blk-media-1 img{
display: block;	
clear: both;
}

.cursor {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
  background-color: var(--white);
    position: fixed;
	
	top:0;
    pointer-events: none;
    box-shadow: 0 0 1rem var(--white);
    transition:background-color 2s linear, opacity 1s linear, transform 0.3s linear;
	opacity:0; 
}

.hovering .cursor {
opacity:1; 	
background-color: var(--white);

}

#vri-container-10850 .vri-page{
margin:auto;	
}

.ce_text a{
	font-weight: bold;
	color: #627167; 
}

select.bbselectfilter{
max-width: 400px;	

}


::-webkit-scrollbar-thumb {
    background-color: var(--color-7);
    border-radius: 0px;
}

::-webkit-scrollbar {
  background-color: #222;
    width: 0.5rem; 
}

#wrapper .submit_container.align_left  > *{
margin-left:0;
margin-top:0;
}	

.submit_container .icofont-info-circle{
margin-bottom: 0.20rem;
margin-right: 0.20rem;
}

#main .alt_head{
align-content:center; 
align-items:center;	
}

#main .alt_head .bb_headline{
	font-family: 'Nothing You Could Do'; 
	font-weight: 300;
	font-size: 4rem;
}



.bbcart{
position: fixed;
top:3rem;
right: 8rem;
z-index: 3;
color: white;  	
}

.bbcart .iso_cart_button{
font-size: 2rem;
	
}

.bbbottom{
position: fixed; 
bottom:0; 
left:0; 	
opacity:0;
visibility: hidden; 
transition: all 1s; 
}


.stick .bbbottom{
	opacity:1;
visibility: visible; 
z-index: 3;
}

.bb_zimmer_form .bb_teaser .bb_content{
z-index: 11;	
}



.bbbottom ul{
	list-style-type: none; 
	padding:0;
	margin:0;
	display: flex; 
}

#footer .bbbottom ul li a,
#footer .bbbottom ul li strong{ 
background-color: #A69485;
color: white; 
padding: 18px;
display: flex;
margin-right: 1px;
margin-bottom: 1rem;
margin-left: 1rem;
font-weight: 300;
letter-spacing:0;
}



.offset1px #header .bbcart .mod_iso_cart{
	    background: rgb(255 255 255 / 80%);
	color: #222; 
}


#header .bbcart .mod_iso_cart{
width: 86px; 
height: 86px; 
justify-content:center;
padding:0;	
transition: all 500ms;
}

.bb_teaser.produktteaser .top_container{
position: absolute; 
top:0;
left:0;
padding: 1.5rem; 
box-sizing:border-box; 
text-align:left; 
justify-content:flex-start;	
color: white;
height: 100%;
}


#wrapper #main .startbread{
	padding-top: 0; 
	padding-bottom:0;
	display: flex; 
	justify-content:center;
}


#wrapper #main .startbread figure
{
	filter: grayscale(1);
	opacity: 0.3;
display: flex;
margin:0; 
margin-top: 0rem;
justify-content:center;	
}
#main .button{
overflow: visible; 	
}

#wrapper  .bbbrikckz .bb_teaser.produktteaser:first-of-type {
    margin-top: 5rem; 
}


     .button:hover:before {
    left: -56px;
    opacity: 1;
	transition: all 1s;
        }
		
		.nospirit.button:before{
			content: none;
		}
		
		     .button:before {
              content: '';
    position: absolute;
    top: -4px;
    left: -100px;
    width: 45px;
    height: 45px;
    background: url(../../files/Testordner/Elfe_grau.svg) no-repeat center center;
    background-size: contain;
    opacity: 0;
transition: opacity 1s, left 1s 2s; 
        }



#wrapper #main .startbread .bb_custom_text,
#wrapper #main .startbread .mod_breadcrumb{
display: flex;
margin:0; 
margin-top: 1rem;
margin-bottom: 1rem;
justify-content:center;	
}


#wrapper #main .startbread + .mod_article{
padding-top: 3rem !important;	
}

li figure img{
color:white;	
filter: brightness(100);
opacity:0; 
visibility: hidden;  
transition: all 1s; 
}

body .ccm-widget .ccm-widget--buttons button.ccm--button-primary {
    background-color: var(--color-1);
}

li:hover figure img,
li.trail figure img, 
li.bbactive_l1 figure img
{
color:white;	
filter: brightness(100);
opacity:0.5; 
visibility: visible;  
}

.bbactive ~ figure img,
li:hover .bbactive ~ figure img
{

opacity:1; 
visibility: visible;

}

.bb_teaser.produktteaser .price{

box-sizing:border-box; 
text-align:right; 
justify-content:flex-end;	
color: white;
z-index: 2;
}

.bb_teaser.produktteaser .bb_headline a{
	color: white;
	font-weight: 400;
}


#container .inside .bb_top_nav_container {
    background-color: var(--color-7);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
	padding:0;
	margin:0;
	margin-bottom: 6rem;
}

.bb_homebutton a {
    border-left: 1px solid rgb(255 255 255 / 22%);
	color: white; 

}
.bb_homebutton a, .bb_backlink a {
    padding: 1em;
    display: flex;
	text-decoration: none;
    font-size: 16px;
	color: white;
}

.bb_teaser.heute .bb_text b ~ p{
	margin-top:0;
	
}

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



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



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



.ez_zuschlag{
text-align:right;
margin-bottom: 1rem;	
}

strong {
font-weight: 600;	
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
font-weight: 300;	
}

.information {
background-color: white;	
padding: 1rem; 
border: 5px solid #EEE;
}


#wrapper .bb_me_detail  .bb_adressblock .bb_iconfont:before{
font-size: 1rem;	
}

header .inside{

display: flex;
justify-content:center;	
flex-wrap: wrap;
	box-sizing:border-box;
	width: calc(100% - 6rem);
	margin: 3rem;
}

/*TRANSLATOR */ 




a.glink {
    text-decoration: none;
}

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

.translator{
display: none; 
}

#translate_top{
display: block; 
}

.translator img {
    width: 20px;
}

html body .vsc-navigation{
z-index: 2 !important;	
}

a.glink img {
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0.8;
    height: auto;
}

.menucontent a{
color:white;	
}

.header_side{
background: transparent;
width: 100%;
position:fixed;
right:0rem;
top:0rem;	
padding-right:2rem;
color: white;
z-index: 1000;
font-size: 0.75rem;
font-weight: 500;
display:flex; 
justify-content:flex-end;
align-self: flex-end;
	transition: opacity 1s, background 1s, width 0s 0s;
}


.menuactive .header_side{
transition: opacity 1s, background 1s, width 0s 1s;
padding-right:0;
}

.offset1px .header_side{
	top:0;
	       background: rgb(255 255 255 / 100%);
		       box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
}


.top_namecontainer .bb_subheadline{
text-transform: unset;	
}

.seperator{
padding: 0 0.25rem 0 0.25rem; 	
}

#wrapper #main .inside > .mod_article.padding-left-article {
    overflow: visible;
    margin-top: 8rem;
    margin-bottom: 8rem;
	  padding-top: 8rem;
    padding-bottom: 8rem;
    background: linear-gradient(90deg, var(--color-2) 0%, 
	var(--color-2) 55%, 
	rgba(255, 255, 255, 0) 55%,
	rgba(255, 255, 255, 0) 100%);
}

.mod_article.padding-left-article  .background-h {
    color: var(--white);
    opacity: 1;
    font-size: 8rem;
    left: 3rem;
    top: -77px;
}
.mod_article.padding-left-article  .ce_headline .bb_headline {
    z-index: 1;
    position: relative;
    width: 60%;
    color: white;
    padding-left: 13rem;
    padding-top: 3rem;
}

.bbstickybg .ce_text .bb_text a{
text-decoration:underline;
font-weight: 300;
color: white;	
}




#wrapper #container .inside .mod_article.bb_full.padding-left-article  .bb_slxdx_container {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
    align-content: center;
    align-items: center;
    margin-left: 33.333%;
}


.bb_gs_listing .bb_subheadline b{
width: 100%;	
}

#wrapper #container .inside .bb_full.padding-left-article.left-small  .bb_slxdx_container {
margin-left: 15rem;
}

.slxdxr_nav_container{
	width: 15rem;
	z-index: 20; 
	position: relative;
}


#wrapper #container .inside .bb_full .bb_slxdx_container{
	margin-left:0;	
	}



.bb_top_container{
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    position: fixed;
	width: 100%; 
  max-width: 1920px;
	margin-left:calc((100% - 1920px)/2);
	margin-right:calc((100% - 1920px)/2);
    z-index: 201;
  background-color: rgb(255 255 255 / 0%);
    height: 120px;
    justify-content: center;
		left: 0;
	transition: all 1s;
}

#wrapper #main .wsmall-big{
justify-content:flex-end;
}

#wrapper #main .wbig-small{
	justify-content:flex-start;
}

#wrapper #main .wsmall-big,
#wrapper #main .wbig-small{
display: flex;	
width: 100%;
padding:0;
    align-items: center;
}
#wrapper #main .wsmall-big .bb_teaser,
#wrapper #main .wbig-small .bb_teaser {
background-color: transparent;	
margin:0;
}

.cmpstyleroot{
	overflow-x: auto;
}


.cmpcookieinfotable-container{
min-width: 1000px;	
}


#wrapper #main .wsmall-big .bb_headline,
#wrapper #main .wsmall-big .bb_subheadline,
#wrapper #main .wbig-small .bb_headline,
#wrapper #main .wbig-small .bb_subheadline,
#wrapper #main .w50-50 .bb_headline,
#wrapper #main .w50-50 .bb_subheadline  {
text-align:left;	
justify-content: flex-start;
}



#wrapper #main .wsmall-big figure,
#wrapper #main .wsmall-big picture,
#wrapper #main .wbig-small figure,
#wrapper #main .wbig-small picture,
#wrapper #main .w50-50 picture{

width: 100%;
}


#wrapper #main .wsmall-big figure img,
#wrapper #main .wbig-small figure img,
#wrapper #main .w50-50 figure img {
    width: 100%;
    max-width: none;
    background-size: cover;
    object-fit: cover;
  
	
}
#wrapper #main .wsmall-big figure,
#wrapper #main .wbig-small figure,
#wrapper #main .w50-50 figure {
   
  margin-top: 4em;
		margin-bottom: 4em;
}



 



#wrapper #container #main .wsmall-big >  .ce_text,
#wrapper #container #main .wbig-small >  .ce_text,
#wrapper #container #main .w50-50 >  .ce_text,
#wrapper #container #main .wsmall-big >  .ce_headline,
#wrapper #container #main .wbig-small >  .ce_headline,
#wrapper #container #main .w50-50 >  .ce_headline{
	padding: 4em; 	
	text-align:left;
}

#main .wsmall-big > *,
#main .wbig-small > *:first-child,
#main .wbig-small > *:nth-child(3){
	width: 50%;

	box-sizing: border-box;
}

#main .wsmall-big > *:first-child,
#main .wbig-small > *{
	width: 33.3333%;
	padding:0; 
		box-sizing: border-box;
}


/* Order List */


/*
#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_watchlist-item .uhrzeit,
.bb_watchlist-item .uhrzeit option,
#wrapper .lpwp{
	margin-top: 0.25rem; 
	height:auto; 
padding:0.25rem; 
font-size: 0.75rem;	
}

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


/* KALENDER BLATT ANFANG */


#wrapper .kalenderblatt {
	flex-wrap: wrap;
    background-color: #fff;
    border: 2px solid #333;
    padding: 0.5rem;
    text-align: center;
    width: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	position: absolute; 
	background: white; 
	right: 0.5rem;
	top: 0.5rem;

}

.kalenderblatt .day {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
	width: 100%; 
}

.kalenderblatt .month {
    font-size: 1rem; 
    font-weight: bold;
    color: #333;
    margin-top: -0.25rem;
    padding-bottom: 5px;
		width: 100%; 
}

.kalenderblatt .year {
    font-size: 1rem;
    color: #333;
    padding-top: 5px;
    border-top: 2px solid #333; /* Border statt Divider */
		width: 100%; 
}
 
/* KALENDER BLATT Ende */ 

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

.reihe_2 .spalte_1{
display: flex; 
justify-content: flex-start;	
align-items:center;
    flex-wrap: wrap;
}

.bb_iso_orderlist .submit_container{
width: auto;
flex-wrap: nowrap;	
justify-content:flex-end;
}

.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;
font-size: 0.75rem;
}


.bbstickybg.longsticky .bbbg{
top:0;	
}

.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,
.reihe_2,
.reihe_3,
.reihe_4{
padding-left: 1rem;	
}


.mod_article .watchlist_iso_item{
border-left: 1rem solid var(--color-7);
margin-top:0;
margin-bottom:0;
margin-bottom: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.mod_article .watchlist_iso_item .text{
min-width: 240px;	
}
.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{
border:0; 
background: transparent;
font-family: 'IcoFont';
font-size: 2rem;
color: #96c3c3;
padding:0;
}


.ankernav a,
#wrapper .mod_article .bb_teaser.bb_dynamicnav_teaser.ankernav.bb_noimg {

    margin: 1rem;
    margin-right: 2rem;
    margin-left: 2rem;
    min-width: 100px;
    font-family: 'Poppins', sans-serif;
    justify-content: center;
    border-bottom: 5px solid var(--color-7-light);
    width: calc(33% - 4rem);
    text-align: center;
    padding-bottom: .25rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
	transition: all 1s;
align-items:flex-end; 
align-content:flex-end; 
	    background-color: transparent;
 	color: var(--black);
    min-height: unset;
	
}


#wrapper #container .contentnav {
	display: flex; 
	flex-wrap: wrap; 
	margin: 0 1.5rem 0 1.5rem; 
}

#wrapper #container .contentnav.center {
justify-content:center;	
}
#wrapper #container .mod_article .contentnav > * {
	display: flex; 
	flex-wrap: wrap; 
	padding: 0.5rem;
	min-height:1rem;
	font-size: 1rem;
		margin:0 0.5rem 0.5rem 0; 


}

#wrapper #container .mod_article .contentnav > * .bb_content {
	display: flex; 
	flex-wrap: wrap; 
	padding: 0.5rem;
	min-height:1rem;
	font-size: 1rem;
}


#wrapper #container .mod_article .contentnav > * .bb_headline {
	font-size: 1rem;
}


#wrapper .mod_article .bb_teaser.bb_dynamicnav_teaser.ankernav.bb_noimg .bb_headline,
#wrapper .mod_article .bb_teaser.bb_dynamicnav_teaser.ankernav.bb_noimg .bb_content{
		color: var(--black);
		padding:0; 
		font-size: 0.75rem;
		text-align: center;
		text-transform: unset;
		justify-content:center;
		font-weight: 500; 
}

.ankernav a:hover{
	border-bottom: 5px solid var(--color-7);
}

.mod_article .ankernav{
margin-bottom:2rem;	
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content:Center;
}

.reihe_4{
display: flex;
justify-content: flex-start; 
flex-wrap: wrap;
}

.reihe_4 .submit_container {
position: absolute;
    top: 0;
    right: 0;
margin-top:0;	
}


.submit_container .bb_watchitem{
background-color: var(--color-7);	
width: 40px; 
min-width: 40px; 
height: 40px;
color:white;
display: flex;
justify-content: center;
align-items: center; 
align-content:center; 

	
}



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


.bb_iso_orderlist .ce_accordion .ui-accordion-content > * > *:not(.bb_teaser) {
margin:0;	
}

.reihe_2 .bb_trigger {
 

width:100%; 
align-items:center; 
align-content:center;

 
}

.reihe_4 .bb_trigger span{
	color:var(--color-2); 
	font-size: 1.5rem;
font-weight: 300;
}

.bb_trigger{
cursor:pointer;	
width: 200px;
}

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

.reihe_1 .submit_container{
margin-top:0;	
}
 
 
 /* Ende Orderlist */
 
 /* 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 var(--color-1); /* 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 var(--color-1); /* 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%);
        }

.footer_map{
position: relative; 
display: flex;	
}

.footer_map img{
width: 100%; 
display: flex;		
padding:0;
box-sizing: border-box;
}


.footer_map .copyright{
position: absolute;
bottom:0; 
font-size: 0.8rem; 
color: #222;
    background-color: rgb(255 255 255 / 48%);
right:0; 
padding: 0.5rem;	
}


#main .inside > .magnolie {
padding:0; 
	    margin-top: 8rem;
    margin-bottom: 0rem;
    margin-left: calc((100% - 1700px)/2);
    margin-right: calc((100% - 1700px)/2);
    position: relative;
    transition: opacity 1.5s;
    min-height: 0;
    box-sizing: border-box;
	overflow: visible;
}


.magnolie .ce_text:before{
	  content: 'g1';
    font-size: 0;
    	position:absolute; 
    width: 400px;
	height: 400px;
left:20%;
	top:0;
    background-image: url(../Bilder/stock/pixabay-kostenlos/vektoren/magnolie.svg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top;
	opacity: 0.1;
}


.schnee .ce_text:before{
	  content: 'g1';
    font-size: 0;
    	position:absolute; 
    width: 800px;
	height: 800px;
left:calc(0% - 400px);
	top:0;
    background-image: url(../Bilder/stock/pixabay-kostenlos/vektoren/schnee.png);
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: top;
	opacity: 0.025;
}




.herz .ce_text{
position:relative;	
}

.herz .ce_text:before{
	  content: 'g1';
    font-size: 0;
    	position:absolute; 
    width: 400px;
	height: 400px;
left:30%;
	top:10%;
    background-image: url(../Bilder/stock/pixabay-kostenlos/vektoren/herz.svg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top;
	opacity: 0.1;
}


.herz .button{
background-color: transparent;	
width:auto;
display:block; 
padding:0;
margin:0;
}

.iso_right .info_button i {
margin-right: 0.5rem;
}

.mod_article .sparwochen_list_item {
border-bottom: 1px solid black;	
margin-bottom:1rem;
margin-top:0;
padding-bottom:1rem;
}

.sparwochen_list_item > div > div {
display: flex;
width:100%;
align-items:center;
flex-wrap: wrap;
justify-content:space-between;
}








.slider-wrapper{
display: flex; 
justify-content:center;	
}

.offset1px .bb_top_container {
	top:0;
}

.offset1px div.logo {
opacity:0; 
visibility: hidden;
}

#bb_cookieconsent .submit_container{
width: auto;	
}

#wrapper .bb_me_reader.mod_breadcrumb{
padding-bottom: 0;	
}

#wrapper #container .bb_me_detail.first{
padding-top: 0;	
}

.bb_me_detail .company{
display: block;	
}

#header #menuToggle .logo img{
transform: scale(1); 
transition: all 1s;
}

.offset1px #header #menuToggle .logo img{

 transform: scale(0.5);
 top: -19px;
 left: 0em;
}

#container #main .overlap {
z-index: 2;	
overflow: visible;
}

#container #main .overlap > .ce_text{
margin-top: -20%;
position: relative;
width: 80%;	
text-align:center; 
justify-content:center;
background-color: white;
z-index: 3;
padding: 4em; 
    box-shadow: rgb(0 0 0 / 7%) 0px -11px 10px 0px;
}


.bb_bigboxcontent > figure{
width: auto;	
}

figure > a,
figure > div{
display:flex;	
position: relative;
}


#anfrage:target{
padding-top: 4em;	
}

video{
max-width: 1000px; 
height: auto; 
max-height: 100vh;	
}

.bb_teaser.video:after{
content: '';
font-size: 6em;
font-family: icofont; 
position: absolute; 
	width: 100%; 
	height: 100%; 
	display: flex; 
	color: white; 
	justify-content: center; 
	align-items: center; 
	align-content: center;
	opacity: 0.7; 
}



#bb_gutschein_widmung p{
	margin:0;
}


.bb_cookielab_consent_headline,
.bb_cookielab_consent_desc_allgemein,
#wrapper .bbcl_headline,
.bb_cookielab_consent_desc{
font-size: 12px;	
}


@media screen and (max-height: 800px) 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: 3px;
}



}

#wrapper .explanation h1 {

	hyphens: auto; 
}



.bb_teaser.download:after{
content: '';
font-size: 8em;
font-family: icofont; 
position: absolute; 
	width: 100%; 
	height: 100%; 
	display: flex; 
	color: white; 
	justify-content: center; 
	align-items: center; 
	align-content: center;
	opacity: 0.9; 
}

body #wrapper .mod_article .bb_teaser.bb_cr figure{
background-color: transparent !important;
}


.bb_teaser .bb_preisbezug {
justify-content: flex-start;	
}



.bb_teaser.video ~ .bb_bigbox .bb_bigboxcontent .bb_headline{
display: none; 	
}


.bold,
#wrapper b{
font-weight: 600;
}

.abpreis{
line-height: initial;	
}

.filterwhite {
 filter: brightness(0) invert(1);
}

.lmdetail img{
	margin-bottom: 2em;
}

body.noscroll{
	overflow:hidden;
}

.toomuchitems{
margin-top: 2em;
font-weight: 700;
text-transform: uppercase;	
}



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

.product.warning strong{
	color: #8f4646; 	
}

.product.information {
border: 5px var(--color-1) solid; 	
} 

.warning{
border: 5px solid #8f4646;
padding: 2rem;

}


/* GUTSCHEIN ANPASSUNG */ 

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

.bb_gutscheintool{
margin:0;	
}

.bb_gutscheintool .cart_foot{
color:white; 
}

.bb_gutscheintool .ce_text{
margin: 0;	
}

#wrapper #gconfirmation,
#bballowexternalcookies,
#bb_download  {
        background-color: #94c11f;
}


#bb_download{
padding: 2rem;	
max-width: 500px;
font-weight: 700;
font-size: 1.5rem;
}

#bb_download .icofont-download{
margin-right: 0.5rem;	
}

.mod_bb_gutscheinuebersicht .information{
max-width: 710px;	
}

#bb_download:hover{
opacity: 0.9;	
}

#bbdisallowexternalcookies{
	 background-color: #222;
}


#bbcheck_gutscheinsession{
display: flex;	
width:100%;
flex-wrap: wrap;

}

#bb_gutschein_container *{
line-height: normal !important;	
}

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

.bb_fi_listing {
    display: flex;
    padding-bottom: 6rem;
   
}

.bb_fi_listing:target {
   
	padding-top: 6rem;
}

.watchlist_container h3{
display: none;	
}


.bb_watchlist .ce_form  .orderlist_button{
justify-content:flex-end; 
margin:0; 
margin-right: 1rem;
position: relative; 
}


.bb_watchlist{
	 box-shadow: unset;
	 transition: all 1s ease-in-out; 
	&.open{
    box-shadow: -2px 0 250px rgb(0 0 0 / 20%);
	}
}

.bb_watchlist-special{
color: var(--color-7);	
font-size: 0.8rem;
}

.bb_watchlist-item{
flex-wrap: wrap;
position: relative;
background-color: white; 
&:hover{
background-color: rgb(0 0 0 / 3%); 
} 	
}


.header_side .logo{
opacity: 0; 
visibility: hidden; 
position:absolute; 
left:calc(50%);
transition: all 1s; 
	top:5px;
	padding:0;
	padding-top:0.35rem;
}

.offset1px .header_side .logo{
	opacity: 1; 
visibility: visible; 
	transition: all 5s; 
}




.bb_watchlist-item .remove-button{
	position: absolute; 
	top:0;
	right:0;
	color: var(--color-4);
	
	padding: 0.5rem;
	padding-top:0;
	margin:0;
	&:hover{
		color: var(--color-4);
	}
}


.watchlist_iso_item .bb_preisbezug{
letter-spacing:unset;
font-size: 0.75rem;
}


.spalte_5{
display: none;	
}

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

.bb_fi_listing > .bb_content {
    width: 400px;
    margin-right: 0;
    margin-left: 100px;
	    line-height: 150%;
}



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

    margin-left: 0;
}


.bb_gs_listing {
    display: flex;
 
}

.bb_gs_listing > .bb_content {
    max-width: 400px;
    margin-right: 0;
    margin-left: 2rem;
	padding-left: 2rem;
	border-left: 1px solid white;
	    line-height: 150%;
}


.bb_gs_listing .bb_subheadline {
display: flex; 
flex-wrap: wrap;	
}

#wrapper #main .ce_sliderStart{
	

margin-top:0;	
}


	#wrapper #main .ce_sliderStart .slider-prev,
	#wrapper #main .ce_sliderStart .slider-next{
	display:none;	
	}
	
	#wrapper #main .ce_sliderStart .slider-control{
	display: flex;
	width: 100%; 
text-align:left; 
justify-content:flex-start;	
position: relative;
	}
	
	
	.zimmershow .slider-control{
	position: absolute;	
	}
	
		#wrapper #main .ce_sliderStart .slider-menu{
			position: relative;
			left:unset; 
			top:unset; 
			margin-left:4rem;
			text-align:left;

		}



#wrapper #main .zimmershow .ce_sliderStart .slider-menu {
	
	
	
	
	margin-left:0;
	width:auto;
	padding: 1rem;
	
	b{
	color:white;	
	}
	
	b.active{
	color: var(--color-7);
	}
	
}





#wrapper #main .zimmershow .ce_sliderStart .slider-control{
align-content: flex-start;	
align-items: flex-start;	
left:0;
}


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

/*BB_SLXDX START*/

/* STEMP SLXDX START*/


.bb_slxdx{
padding-bottom: 3rem;	
}

.slxdxnavigation{
position: absolute;
bottom: 0rem;	
display: flex;
align-items: flex-end;
}


#wrapper .gt_white_content .gt_languages {
max-height: 200px;	
}
/*
#wrapper .slxdxnxt{
padding: 2rem; 
position:absolute; 
right:0;
bottom: -2rem;
font-size: 2rem;




}

#wrapper .slxdxprxvxxs{ 
font-size: 2rem;

padding: 2rem; 
position:absolute; 
left:0;
bottom: -2rem;

}



.bb_slxdx_container:not(.noback).cursor-left {

cursor: url(../Bilder/layout/links.png) 0 -100, auto !important; 

}

.bb_slxdx_container:not(.nonxt).cursor-right {

cursor: url(../Bilder/layout/rechts.png) 0 -100, auto !important; 

}

 */

/*
.bb_slxdx_container{
  /*cursor:pointer; 
  cursor: url(../Bilder/layout/bubble.png) 0 0, auto !important; 
 
}
*/

.button{
position: relative; 
z-index:100;	

}

#main .inside > .mod_article.padding-left-article .slxdxprxvxxs{
	left: 27rem;
}

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

.bb_bigboxcontent {
    background-color: var(--color-7);

    max-height: calc(100vh - 120px);
	color: white;

}


#header .phonebutton .phonehover{
opacity:0; 
visibility:hidden;
position: absolute; 
top: 2px;
padding: 1rem;

right:3rem; 
width: 200px;
transition: all 500ms; 	
    color: var(--black);
    padding: 1rem;
    font-weight: 500;
    align-items: center;
    align-content: center;
    display: flex;
	padding-left:0;
}

#header .phonebutton {
transition: all 500ms; 	
}

#header .phonebutton.active .phonehover{
opacity:1; 
visibility:visible;	
padding-left:0;
}

#header .phonebutton.active {
padding-right: calc(190px);	
}

#header .phonebutton ~ .standort {
opacity:1;
visibility: visible; 
}


#header .phone:hover ~ .standort {
opacity:0;
visibility: hidden; 
}

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




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


/* ENDE GUTSCHEIN ANPASSUNG */ 

#book-info-1 .bb_bigboxcontent{
width: 50%;	
}

.bbstickybg.dunkel .tp_content,
.bbstickybg .tp_content > *{
color: white;	
}



.bb_centered,
.mod_bb_gutscheinuebersicht{
	    display: flex;
    justify-content: center;
}


.anmeldung_detail .image_container{
	    width: 100%;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
	margin-bottom: 10px;
}

.bb_bigboxcontent.dunkel{
background-image:none;	
}

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

.bb_teaser.productteaser .bb_price{
	color: #c7a761;
}

.ce_text .information{
	
background: rgb(195 195 195 / 10%);
display: block; 	
width: 100%;
padding: 1em; 
    border: 5px solid rgb(107 192 173 / 23%);
box-sizing: border-box;
}


#wrapper #container .mod_article .bbfilter .bb_teaser.bb_noimg{
	padding:0;
	font-size: 0.75rem;
}



#wrapper #container .mod_article .contentnav  .filter_cat {
width: 100%;
margin-top: 1rem; 
margin-bottom:0;
}

.ce_text .warning{
	
background: rgb(195 195 195 / 10%);
display: block; 	
width: 100%;
padding: 1em; 
box-sizing: border-box;
}

 #main .inside  .mod_article:target {
	 padding-top:6rem;

}


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


.mod_bb_display{
	background-color: #222;
	color: white;
}

.mod_bb_display .left .bb_content{
	background: transparent; 
}

.bbadr1{
 	display: block;
	width:100%;
	text-align:center;
	margin-bottom: 1rem;

}



body #wrapper #container .mod_bb_display h1, 
body #wrapper #container  .mod_bb_display h2, 
body #wrapper #container  .mod_bb_display h3, 
body #wrapper #container  .mod_bb_display h4, 
body #wrapper #container  .mod_bb_display h5,
body #wrapper #container  .mod_bb_display .bb_headline{
margin-top: 1em;
font-size: 2em;	
}

.ce_text h3:not(.bb_subheadline),
.ce_text h4:not(.bb_subheadline),
.ce_text h5:not(.bb_subheadline),
.ce_text h6:not(.bb_subheadline),
.bb_text h2:not(.bb_subheadline),
.bb_text h3:not(.bb_subheadline),
.bb_text h4:not(.bb_subheadline),
.bb_text h5:not(.bb_subheadline),
.bb_text h6:not(.bb_subheadline),
.smallh h2:not(.bb_subheadline),
.smallh h3:not(.bb_subheadline),
.smallh h4:not(.bb_subheadline),
.smallh h5:not(.bb_subheadline),
.smallh h6:not(.bb_subheadline),
.mod_article .smallh h2:not(.bb_subheadline),
.mod_article .smallh h3:not(.bb_subheadline),
.mod_article .smallh h4:not(.bb_subheadline),
.mod_article .smallh h5:not(.bb_subheadline),
.mod_article .smallh h6:not(.bb_subheadline){
	font-size: 1.5rem;
	
}


.bb_bigboxcontent button, 
.bb_bigboxcontent .button, 
.bb_bigboxcontent .ce_hyperlink a, 
.bb_bigboxcontent input.submit, 
.bb_bigboxcontent input.button,
.bb_bigboxcontent .ce_text .bb_text a:not(.button):not(.hyperlink_txt){
	color:white;
	text-decoration: underline;
	
}



.mod_bb_display .thekalender{
	margin-top: 1em;
}



 #wrapper.stick #vri-container-13308{
position: fixed; 
bottom:0;	
}

.mod_bb_header .item{
overflow: hidden;	
}

.mod_bb_display .na{
height: 100%;
width: 100%; 
display: flex; 
justify-content:center;
align-items: center;
align-content: center;	
}




.mod_bb_display .bb_headline{
font-weight: bold;	

}

img{
width: auto;	
align-self: center;
}

.bbhidden{
display:none;	
}
.outdorrmap{
z-index: 1;	
}


.mod_article.bbstickybg .bb_bigboxcontent > *{
color: #0101;	
}

.hp-programm{
font-size: 0.8em;	
}


#wrapper #container .mod_article.bbround .bb_teaser{
border-radius: 100%;	
margin:2em;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
transition:all 1s;
}


.bbround .bb_teaser.bb_cover .bb_content:before{
content:none; 
}

.mod_article.bbround .bb_teaser.bb_cover .bb_content {
	align-content:center;
	align-items:center;
    border: 1px solid white;
    margin: 0.5em;
    width: calc(100% - 1em);
    border-radius: 100%;
    height: calc(100% - 1em);
	justify-content: center;
	text-align:center;
}

#main .inside > .bbround {

    padding-left: calc((100% - var(--standard))/2 - 2em);
    padding-right: calc((100% - var(--standard))/2 - 2em);
}


.mod_article.bbround  .bb_teaser .bb_headline {
text-transform: none;	
	text-align:center;
	justify-content: center;
	display:block;
	font-weight:300;
	font-size: 2em; 
	letter-spacing: 0.0625em;
}


.anplatzhalter,
#lightcase-title{
display: none !important; 

}

.rezepte .bb_teaser .bb_headline{
font-size: 1rem;	
text-align:center;
}


#wrapper .bb_rezepte.filter {
width:100%; 
justify-content:center;
text-align:center;
display: flex;
margin-top: 3rem;
}


#vri-container-10732{
z-index:0;	
}

html body .vsc{
margin: auto;
}


.anwendungen_right .mod_navigation{
margin: 0.5rem;
display: flex; 
width: 90%;
float:right;
}

.bb_teaser.productteaser .bb_content .bb_price {
	display: block;
	text-transform: uppercase;
}

.anwendungen_right .mod_navigation li,
.anwendungen_right .mod_navigation ul{
list-style-type: none;
margin:0;
padding: 0; 	
display: flex; 
width: 100%;
flex-wrap: wrap; 
}

.anwendungen_right .mod_navigation a,
.anwendungen_right .mod_navigation strong
{
	padding: 0.5rem; 
	display: flex;
	width:100%; 
	flex-wrap: wrap; 
	color: #222;
	background-color:  rgb(170 170 170 / 18%);
	margin-bottom: 1px;
}

.anwendungen_right .mod_navigation ul.level_2 a,
.anwendungen_right .mod_navigation ul.level_2 strong{
	background-color:  rgb(170 170 170 / 10%);
	padding-left:2rem;
}


.bb_cr .caption{
position:relative; 	
top: unset;
left: unset;
font-size: 0.8em;
}




.bb_headline a{
width: 100%;	
}

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

.bb_teaser .bb_headline a{
color:#222;	
}

body #wrapper .vh50{
	min-height: 50vh;
}
a{
	text-decoration: none;
}
		.ofvisible{
	overflow:visible !important;	
	}

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

.mod_bb_header picture:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 350px;
   background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.6)); 

}

input[type="number"]{
	-moz-appearance: textfield;
	text-align:center;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none; 
      margin: 0;
}

.closer{
justify-content: center;
    text-align: center;
    display: flex;
    padding: 1rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    color: white;
    font-size: 2em;
}

#video_container .item{
	display: flex;
}

.hidden,
body #wrapper #container script,
#wrapper #container .hidden,
#wrapper #header .hidden{
display: none;	
}

.back{
text-align:center;	
}

a,
.mod_article.dunkel a{
text-decoration: none;
color: #362a3d;
font-weight: 500;
}


.bb_bigbox a{
	color: white; 
	text-decoration: underline; 
}
.clr:after {
            content: "\A";
            white-space: pre;
        }




#main .bb_teaser.product .submit_container input.submit, #main .bb_teaser.product .submit_container a, #main .bb_teaser.product .submit_container button, .submit_container .ce_hyperlink .hyperlink_txt {
margin-left: 0.5em; 
margin-right: 0.5em;	
}

#main .bb_teaser.product.wertgutscheinteaser  .submit_container{
	justify-content:flex-start; 
	padding:0;
}

#wrapper  #main .mod_article:not(.bb_full) .mod_breadcrumb{
padding-top:0;	
}

.bbbrikckz .bb_teaser.size_22 {
margin-left: calc(1rem + 115px);	
}

h1,
h2,
h3,
h4,
h5,
.mod_article .bb_headline,
.bigbox .bb_headline,
span.bb_headline{	margin: auto; 
		font-size: 3rem;
		margin-top: 0rem;
		margin-bottom: 1rem;
		text-align:left;
		display:block;
		width:100%;
		margin-bottom: 0.5em;
		overflow: visible;
font-weight: 300;
	line-height: normal;
	 padding-top: 0.1rem;
}


h3,
h4,
h5,
.mod_article h3.bb_headline,
.mod_article h4.bb_headline,
.mod_article h5.bb_headline
{
	font-size: 1.5rem;
}

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


#wrapper .bb_headline b{
width:100%;
font-weight: 300;

}



.bbicobg{
    font-size: 24rem;
    position: absolute;
    opacity: 0.10;
    top: 0;
    left: 0;
    text-align: left;
    color: #A69485;
    justify-content: flex-end;	
	transform: rotate(20deg);
}


.iso_right .mwst{
	
    width: 100%;
    justify-content: center;
    text-align: center;}
	

.float_left h1,
.float_left h2,
.float_left h3,
.float_left h4,
.float_left h5,
.float_right h1,
.float_right h2,
.float_right h3,
.float_right h4,
.float_right h5,
#main .float_left .bb_headline,
#main .float_right .bb_headline{
	display: flex; 
	flex-wrap: wrap;
	justify-content:flex-start;
	width: auto;
	overflow: visible;	
}

picture{
display:flex;
width: 100%;
}


.caption{
position: absolute;
top:0;
right:0;	
z-index: 10;
color: #000; 
    background-color: rgb(255 255 255 / 90%);
padding:0.5rem;
font-size: 0.5rem;
}
.bb_iconfont{
line-height: normal;
align-items: center;	
}


.ankernav .icon{
	display: none;
}


.bb_iconfont > * {
font-family: var(--font-standard);
font-weight: 500;
line-height: 1.2; 
}

.bb_adressblock .bb_iconfont:before {
    margin-right: 4px;
    font-size: 16px;
}

.bb_footer #mapid{
margin-left: 0.5rem;	
}

.bigboxcontent,
.bigboxcontent *{
	color:     #222;
}

#google_translate_element{
margin:4em;	
}

#iso_ajaxBox{
box-sizing: border-box;
width: 50%;	
left: 25%;
}

.bb_filternav {
	
display: flex; 
justify-content:center;	
}

.bbfilter .bb_teaser:hover{
cursor: pointer;	
}

.bb_filternav a,
.bb_filternav span {
display: flex; 
padding:1em; 
margin:0.5rem; 
border: 1px solid rgba(0,0,0,0.10);
color: #222;
font-weight: 300;	
transition: all 250ms;
border-radius: 1em;
}

.bb_filternav span,
 .bb_filternav a:hover{	
border: 1px solid rgba(0,0,0,0.30);
font-weight: 700;
}

.bb_filternav span{
font-weight: 600;	
border: 1px solid rgba(0,0,0,0.20);
}

.bigbox img{
margin-bottom: 1rem;	
}

.bottom_container{
position: absolute; 
bottom: 0; 
width: 100%; 
background-color: #323232;	
padding: 1em; 
}

.bottom_container i{
margin-right: 10px;	

}

.bb_teaser.bb_cover.bb_social:hover .bb_content{
	padding-bottom: 0;
}

.bb_teaser.bb_cover,
.w50-50 .bb_teaser.bb_cover:hover,
.w33 .bb_teaser.bb_cover:hover{
	    box-shadow: 0px 0px 0px black;
}

#wrapper .bb_teaser.bb_cover:hover{
transform: scale(0.99);
}


.mod_iso_orderdetails .order_status{
width: 100%;
padding: 2em; 
display:flex; 
justify-content:center; 
box-sizing: border-box;	
background: #ececec;
}

.mod_article .mod_breadcrumb{
margin-left: 1em; 
margin-right: 1em;	
margin-bottom:0;

}

#main .bb_me_list .bb_teaser .bb_headline{
font-size: 1rem;	
    letter-spacing: 0.050rem;
	margin-bottom: 0.5em;
}


.bcleft .mod_breadcrumb ul{
justify-content:start; 
}

.bb_teaser.bb_cover .bb_content .bb_text{
color: white; 
z-index: 2;
}


.bb_teaser.bb_cover:hover .bb_content{
padding-bottom: 2rem;	
}



.header_side .buchen
{
background-color: transparent;
transition: background-color 2s; 
}


.offset1px .header_side .buchen
{
background-color: var(--color-7);
color: white;	
}

.bb_teaser.bb_cover .bb_content:before
{
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    position: absolute;
    color: var(--color-8);
    background: linear-gradient(to top, rgba(20,20,20,0.8), rgba(0,0,0,0));
    content: ' ';
    z-index: 2;
	opacity: 0.85;
}


.zimmershow .row_2 .ce_sliderStart:after
{
    width: 100%;
    height: 33%;
    bottom: 0;
    left: 0;
    position: absolute;
    color: var(--color-8);
    background: linear-gradient(to top, rgba(20,20,20,0.8), rgba(0,0,0,0));
    content: ' ';
    z-index: 0;
	opacity: 0.85;
}

.bb_teaser.bb_noimg .bb_content:before{
 content:none;
}

body #wrapper .bb_teaser.bb_noimg.produktteaser{
padding-bottom: 2rem;	
align-content: flex-start;
    align-items: flex-start;
}

#wrapper .bb_teaser.bb_noimg.produktteaser a{
	border-top: 1px solid var(--color-7) ;
}

.bb_teaser.bb_noimg .bb_headline,
.bb_teaser.bb_noimg .bb_subheadline{
	margin-top: 0rem;
	color: var(--black);
	text-align:left;
}

.bb_teaser.bb_noimg .bb_text{
		text-align:center;
}


.mod_article.mod_iso_productreader .mod_breadcrumb{
	margin-top:2rem;
	width: 800px;
}

iframe{
	border:0;
}


#bbcookie h2{
text-align:left; 
font-size: 1.5em;
width: 100%;
}

#main .bb_teaser.bb_wide figure{
display: block;	
}

#wrapper #container .flex-start{
justify-content: flex-start;	
}


.jobs .ce_text{
padding: 2rem; 
background-color: #f6f6f6	;
margin-bottom: 2rem;
width: calc(100% - 2rem);
box-sizing: border-box;
}

#main .jobs h2,
#main .jobs h2 a{
color: #222;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0;

}

.float_right:after{
clear:both; 
content: ' ';	
}

.jobs .image_container{
margin-bottom: 1rem;	

}


.bb_teaser.bb_wide{
width: calc(100% - 1rem);	
text-align: left;
justify-content: flex-start;
align-content: flex-start;
}

.bb_input .formbody{
display: flex;
align-items: center;
}	

.bb_input .formbody .widget{
margin:0;	
}

.bb_teaser.bb_wide .bb_text{
text-align:left;	
}

.bb_teaser.bb_wide .bb_content{
width: auto;
justify-content: flex-start;
align-items: flex-start; 
align-content: flex-start;
flex:1;
}

.bb_teaser.bb_wide .bb_content .bb_headline{
margin-top:0;	
}

#container #main .bb_teaser.bb_wide  .submit_container,
#container #main .mod_iso_cart  .submit_container{
justify-content: flex-end;
}

.mod_iso_cart.anwendungen{
    position: sticky;
	top:80px;
    width: 90%;
    right: 0;
    padding-left: calc((100% - var(--standard))/2);
    padding-right: calc((100% - var(--standard))/2);
	float:right;
	margin:0.5rem;
}


#main .anwendungen_left{
width:70%;	
float:left;
margin:0;
}

#main .anwendungen_right{
width:30%;
float:left; 
margin:0;	
}


.bb_teaser.bb_wide .bb_content > *{
justify-content: flex-start;
align-content: flex-start;
padding-left:0;
margin-left:0;
text-align:left;
}

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

#container .mod_article.w50-50 > *:nth-child(even) {
	width: calc(50% - 1px);
	margin:0;
}

#container .mod_article.w33 > *:nth-child(3n) {
	width: calc(33.333333333333% - 1px);
	margin:0;
}

#container .mod_article.w33 > .ce_gallery{
width: 100%;	
}

#container .mod_article.w33 > *,
#container .mod_article.w33 > .ce_gallery > ul > * {
	width: calc(33.333333333333333333333333333333333333333% - 1px);
	margin:0;
	padding:0;
	box-sizing: border-box;
	height: auto;
}

.jobmodul > div.ce_text:first-of-type,
.jobmodul > div.ce_headline:first-of-type,
.jobmodul > div.ce_text:first-of-type .bb_headline,
.jobmodul > div.ce_text:first-of-type .bb_subheadline,
.jobmodul > div.ce_headline:first-of-type .bb_headline,
.jobmodul > div.ce_headline:first-of-type .bb_subheadline {
    text-align: center;
    width: 100%;
    justify-content: center;
}

.jobmodul .ce_text ul li,
.bblist.ce_text ul li{
	list-style:none; 
	background-color: #EEE;
	margin-bottom: 1px;
	padding: 0.5rem; 
}


.jobmodul .ce_text:first-of-type ul,
.bblist.ce_text ul{
margin:0;
padding:0;	
}


#wrapper .mod_article .bb_teaser.no-background figure {
background: transparent !important;	
}




#container #main .w50-50,
#container #main .w33{
padding:0;
padding-top:1px;
}

#wrapper .read-more-state {
  display: none !important;
}
/* READ MORE */

.bb-button-i{
	width:250px; 
	height:250px; 
	border-radius: 250px;
	background-color: var(--color-7);
	color: var(--white);
	display:flex; 
	justify-content:center; 
	align-content:center;
	align-items:center;
	text-align:center;
		z-index:10; 
	
	}
	
	.bb-button-i:before{
		content:' ';
position: absolute;	
left:-10px;	
top: 10px;
	width:250px; 
	height:250px; 
		border-radius: 250px;
		border: 1px solid white; 
			z-index:0; 
	}
	

	
	
		.bb-button-i:after{
		content:' ';
position: absolute;	
left:-15px;
top:-5px;	
	width:250px; 
	height:250px; 
		border-radius: 250px;
		border: 1px solid white; 
		z-index:0; 
		
	}


.bb-button{
position: absolute;
bottom:5em;
right:5em;
z-index: 1;
    transform: rotate(10deg);
			visibility: visible;	
	transition: all 500ms;
	opacity: 1;
	max-width: 250px;
}

.bb-overlay{
position: absolute;
bottom:5em;
right:5em;
z-index: 1;
visibility: visible;	
transition: all 500ms;
opacity: 1;
min-width: 250px;
max-width:350px; 
	background-color: var(--white);
	color: var(--black);
	display:flex; 
	flex-wrap: wrap;
	justify-content:center; 
	align-content:center;
	align-items:center;
	text-align:center;
		z-index:10; 
		
	
}

@media screen and (orientation: landscape) and (max-height: 1000px) and (min-width: 812px) {

.header50 .bb-overlay{
	top:5em;
	bottom: unset;
}

}





.bb-overlay .button{
letter-spacing:0;	
font-size:0.9rem;
margin-right:0;
}

.bb-overlay .closeit{
background-color: black;
color:white; 
position: absolute; 
top:-0.5rem;
right:-0.5rem;	
border-radius: 2rem;
height: 1rem; 
width: 1rem;
FONT-size: 1rem;
padding:0.25rem;
justify-content:center; 
text-align:center;
cursor: pointer;
}


.bb-overlay .bb_content{
	
padding:1rem;
padding-bottom:0;
text-align:left;	
}

.bb-overlay .bb_content .bb_headline{
	font-size:1.5rem;
	letter-spacing:0;
	
}

		.stick .bb-button,
	.menuactive .bb-button{
		z-index: 11;

	}
	
	
		.menuactive .bb-button{
				opacity:0;
visibility: hidden;
			
		}


#wrapper #main .bb_text.long {
max-height:0;
font-size:0;
display:none; 
}

.stext h2{
font-size: 2em;	
}

#wrapper #main .read-more-state:checked ~ .bb_text.long {
opacity:1;
font-size:inherit;
max-height: 999em;
width: auto; 
display: inline;
}

#wrapper #main .read-more-state:checked ~ .bb_text.short {
opacity:1;
font-size:0;
width:0;
max-height: 999em;
display:none; 
}

#wrapper #main .read-more-state:checked ~ .bb_dots {
font-size:0;
display:none;
width:0;
}

#main .read-more-trigger{
width: 100%;
text-decoration: underline;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'mehr';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'weniger';
}

.read-more-trigger:hover,
#checktel:hover,
.toggler:hover,
.closer:hover {
cursor: pointer;
}

/* READ MORE ENDE */ 

#main .mod_iso_productfilter.bb_search{
	justify-content:center; 
}

#wrapper .mod_iso_productfilter > form{
display: none;	
}

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

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


#main {
width: 100%;
overflow:visible;	
}

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

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


.bb_full{
    width: calc( 100% + 2px);
}

/* MOD IS CART */

.mod_iso_cart.anwendungen  .empty.message{
border: 1px solid rgb(0, 0, 0, 0.2);
padding: 1rem;
margin:0;
opacity: 0.5;
}

.bb_footer {
margin-left: 2rem; 
margin-right: 2rem;	
}

.bb_footer .zip:before,
.bb_footer .country:before,
.bb_footer .phone:after
{
	content: ' // ';
	padding-left:0.25em;
	padding-right: 0.25em;
}


.mod_iso_cart .iso_cart_button .itemcount{
color:white;	
}

.bb_adressblock .bbadr1 .zip, 
.bb_adressblock .bbadr1 .street,
.bb_adressblock .bbadr1 .country,
.bb_adressblock .bbadr2 .phone,
.bb_adressblock .bbadr2 .email,
.bb_adressblock .bbadr2 .fax,
.bb_adressblock .bbadr1 .region{
display: inline-block;	
}



.bb_adressblock .bbadr1 .city{
display: unset;	
}

.company{

font-weight: 800;
font-size: 1.5rem;
}

.mod_iso_cart .remove{
font-size: 0; 	
}

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

.bb_specialnav li > * > span,
.bb_specialnav li span.icontext{
	display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    height: 100%;
    padding-left: 1rem;
    left: 72px;
    font-size: 1rem;
    transition: all 500ms;
    font-family: "Mulish", verdana;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.offset1px:not(.menuactive) .bb_specialnav li > * > span,
.offset1px:not(.menuactive) .bb_specialnav li span.icontext{
	display: none;
}

.offset1px:not(.menuactive) .bb_specialnav li > .icofont-phone > span{
	background-color: white;
	display: block;
	bottom:0;
	left: 72px;
	height: 100%; 
	display: flex; 
	align-items: center; 
		align-content: center; 
		color: #222;
		padding-left: 1rem;
		letter-spacing: unset;
	}



.offset1px #header .bb_specialnav.special_right ul > li > a:hover,
.offset1px #header .bb_specialnav.special_right ul > li > div.mod_iso_cart:hover{
background: none;	
}

.bb_specialnav li:hover > * > span,
.bb_specialnav li:hover span.icontext{
	opacity:1;
	visibility: visible;

	color:white;

}

.menuactive.offset1px .bb_specialnav li > * > span, 
.menuactive.offset1px .bb_specialnav li span.icontext{
	    bottom: -20px;
}

.bb_specialnav.special_right{
z-index:15;
position: fixed;
    left: 0;
	top:0;
	display:flex; 
	align-items:center;
	align-content:center;
top: 50%;
left: 0;
transform: translate(0,-50%);
opacity: 0;
visibility: hidden; 
transition: all 500ms;
	
}

#header .bb_specialnav.special_right ul > li > a,
#header .bb_specialnav.special_right ul > li > div.mod_iso_cart {
	height: 2rem;
	width: 2rem;
	margin-right: 1rem;
	justify-content:center;
	font-size: 1.75rem;
	transition: all 500ms;
	line-height: normal;
}

#header .bb_specialnav.special_right ul > li > a:hover,
#header .bb_specialnav.special_right ul > li > div.mod_iso_cart:hover{
	background-color: #A69485;
}


.offset1px #header .bb_specialnav.special_right ul > li > a,
.offset1px #header .bb_specialnav.special_right ul > li .mod_iso_cart,
.menuactive #header .bb_specialnav.special_right ul > li > a,
.menuactive #header .bb_specialnav.special_right ul > li .mod_iso_cart{
color: white; 
border: none;
    background-color:#A69485;
	 background-color:#F2F0F0;
	 color: #A69485;
	    backdrop-filter: blur(0.3em);
}


.offset1px .bb_top_container {
height: 63px;	
}

#header #menuToggle > img {

	transform: scale(1);
	transition: all 500ms;
}

.menuactive .bb_specialnav.special_right{
visibility: hidden; 
opacity:0;	
}


#header .bb_specialnav.special_right .mod_customnav {
overflow: visible; 	
}

#wrapper #vri-container-12756, #vri-overlay .vri-container-12756{
z-index:1;	
}
html body #wrapper .vsc-navigation-fixed{
	position: relative;
}


#wrapper #vri-container-13308 .vri-widget-container{
	background-color: transparent;
}

.bb_specialnav.special_left{
left:14em;
transition: all 500ms;
z-index: 22;
background: transparent;
}

#wrapper #header .warning_toomuch.itemcount{
	    background-color: #8f4646;
}

.iso_cart_button{
position: relative;	
font-size: 1.5rem;
}


#wrapper .icofont-phone:before {
	    content: "\f008";
}

#cart_active:checked ~ .iso_cart_hover{
display: flex; 
	backdrop-filter: blur(0.3em);
	opacity:1; 
	visibility: visible;
}


.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: #00000005;
padding: 1em;
padding-right: 2em;
margin-bottom:1px; 
position: relative;
}

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

.bb_newsteaser .info{
opacity:0.75;	
font-size: 0.75rem;
}


.noheader #header .inside{
height: 145px;
}

.noheader #wrapper #container  .startbread .image_container{
display: none;	
}

.noheader.nofunction #header .inside{
height: 150px;
}

#header .mod_iso_cart .itemcount{
background-color: var(--color-7) ;	
position: absolute;
bottom: 0rem;
    right: -5px;
width: 20px;
font-size: 50%;
height: 20px;
padding-left:2px;
text-align:center;
align-content:center;
align-items:center; 
display: flex;
justify-content:center;
border-radius: 10px;
}

.mod_iso_cart .cart_foot > div,
.review.orderproducts .cart_foot > div,
.mod_iso_orderdetails .cart_foot > div{
	background-color: #00000010;
	text-align: right;
	box-sizing:border-box;
}
.mod_iso_cart .product,
.mod_iso_cart .cart_foot > div,
.mod_iso_cart .cart_foot{
width:100%;	
box-sizing: border-box;
}

/*
.mod_iso_cart .product:hover{
background-color: var(--white)FFF;
}
*/

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

.mod_iso_cart .product .remove a{
	color: #eb5c4e;
padding: 1em;
}

.mod_iso_cart .bb_price input{
	width: 30px;
	text-align:center;
}
.mod_iso_cart .bb_price{
	padding-top: 0.5em;
}

.mod_iso_cart a,
.mod_iso_orderdetails .product a,
.mod_iso_orderdetails .grandtotal,
.review.orderproducts .name,
.mod_iso_cart .grandtotal{
font-weight:600; 
color: var(--color-text);	
}

/* ENDE MOD ISO CART */ 

/* PAGINATION */ 
#wrapper .pagination{
	width: 100%; 
text-align:center;
		display: flex;
		flex-wrap: wrap;
		margin: 1.5rem 0 0 1.5rem;
		
}


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

.pagination ul li{


margin-right:1px;
}

.pagination ul li .active,
.pagination ul li:hover{
text-decoration: underline; 

}

.pagination > p{
display: none; 

}

.pagination ul li strong,
.pagination ul li a{
padding: 1em;
font-weight: 300;
display: flex;
}



/* ENDE PAGINATION */ 

/* BBTAB */

.bbtab_container{
	display: flex; 
	background-color: red;
}

.bbtab_container .bb_showbox{
}

.bbtabnav a{
	display: block;
	padding: 1em; 
	min-width: 250px;
	border: 1px solid white; 
	margin: 1em;
	
}



/* ENDE BBTAB */

.ui-datepicker  .ui-datepicker-prev span:hover, 
.ui-datepicker  .ui-datepicker-next span:hover,
.ui-datepicker td:hover,
.bigbox_teaser:hover,
button:hover,
.button:hover,
input.submit:hover,
.closejs:hover,
#bigboxclose:hover,
.ce_form .widget.bb_zimmer_form label:hover,
.iso_cart_button:hover{
cursor: pointer; 
}

.bb_specialnav .icofont a,
.bb_specialnav .mod_iso_cart .icofont-cart:before{
font-size: 1.75rem;
}


/* ABC */



.abcnav{
display: flex; 
justify-content: center; 
flex-wrap: wrap;	
margin-bottom: 4em;
}

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


.abcnav > span {
opacity: 0.3;
}

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



/* ABC ENDE */ 






/* QUICKNAV */ 

.mod_quicknav h1{
width: 100%;	
}

.mod_quicknav{
display: flex;	
justify-content:center;
}



.mod_quicknav.zimmer form select,
.mod_quicknav.zimmer form{
max-width: 500px;	
width:100%;
}

form select{

max-width: 290px;
}


.mod_iso_productfilter.bb_filter_container {
	border: 1px solid rgba(0, 0, 0, 0.12);
	
	
}

.mod_iso_productfilter .sorting,
.mod_iso_productfilter .limit{
margin:10px;
}

.ce_form select{
min-height: 71px;	
}

select{
  border: none;
 width: 100%;
  height: 50.5px;
  padding-left: 10px;
  background-color: var(--white);
  font-family: var(--font-standard);
  font-size: 16px;
 border: 1px solid #d0d0d0; 
  border-radius: 3px;
  outline: none;
   color: var(--black);
	  cursor: pointer;	
}
.mod_iso_productfilter select,
.mod_quicknav select
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
width: 280px;



}

.bb_me_detail .bb_adressblock .homepage {
	display: block;
}

#main .mod_iso_productfilter{
margin-top:0rem;
margin-bottom:0.5rem;	
width: calc(100% - 1rem);
box-sizing:border-box;
overflow: visible; 
margin-right: 0.5rem; 
margin-left: 0.5rem; 
display: flex;
justify-content:center;

}


.mod_iso_productfilter select option,
.mod_quicknav select option,
select option{
 color: #222;

}

.mod_iso_productfilter .sorting,
.mod_iso_productfilter .limit{
	position: relative;
		width: 200px;

}

.mod_quicknav .widget,
.widget-select
{
	position: relative;
	padding:0; 


}
.mod_iso_productfilter label,
.clear_filters{
display:none;
}

.mod_iso_productfilter .sorting:before,
.mod_iso_productfilter .limit:before,
.mod_quicknav .widget:before{
font-family: 'IcoFont' !important;
    content: "\ea73";
    font-size: 20px;
    position: absolute;
    padding: 8px;
    right: 1px;
    top: 1px;
    pointer-events: none;
	background-color: white;

}


/* ISO READER NEW */ 

#main .mod_iso_productreader{
margin:0; 
width: 100%;	
}

.mod_iso_productreader .formbody{
display: flex; 
flex-wrap:wrap;
justify-content: flex-start;
}

.mod_article .iso_left{
	margin-right: 1rem; 
	margin-top: 1rem; 
	margin-bottom: 1rem; 
}

.iso_right .bb_text {
width: 100%;	
display: block;
margin-bottom: 1rem;
}

.iso_right .info_button{
margin-top: 0;	
padding:0.5rem;
}

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

.mod_article .iso_right {
	padding: 2em;
margin: 1rem 0rem 1rem 0rem; 
	box-sizing: border-box;
	border:1px solid var(--black)
}

#main .produktteasern .iso_right label{
display: none;	
}

.mod_iso_productreader .description {
width: 100%; 	
margin-top: 1em;
}

/* ISO READER NEW END */ 
.mod_iso_productfilter .formbody{
display: flex;	
justify-content: space-between;
flex-wrap:wrap;
}

.mod_quicknavselect:focus::-ms-value {
  background-color: transparent;
}

.logo picture{
display:block;
}


.bb_rechtliches h2{
font-size: 1.5rem;
font-weight: 700;

margin-top: 2rem;
}

.bb_rechtliches h3{
font-size: 1.5rem;
font-weight: 700;

margin-top: 2rem;
}


.bb_rechtliches h4,
.bb_rechtliches h5,
.bb_rechtliches h6{
font-size: 1.2rem;
font-weight: 300;

margin-top: 2rem;
}

.bb_rechtliches h1{
margin-bottom: 2rem;
margin-top: 2rem;
}

.bb_rechtliches{

}


.mod_article.center ul {
    list-style-position: inside;	
	    margin-left: -1.5rem;
    padding-left: 1rem;
}
.anwendung .bb_input .formbody .widget{
	padding-left: 1rem;
}

@media screen and (min-width: 812px){
.gt_white_content{
left: unset !important; 
right: 3rem !important;
margin:0 !important; 
top:3rem !important;
	
}
}


.menuactive header .inside > .logo{
opacity: 0;	
visibility: hidden;
}
.float_left .bb_subheadline,
.float_right .bb_subheadline{
	width: auto; 
}


.bb_subheadline{
    font-weight: 300;
    font-size: 1rem;
    text-transform: unset;
    margin: auto;
    margin-top: 0rem;
    z-index: 10;
    display: flex;
    margin-bottom: 1rem;
    justify-content: flex-start;
    text-align: left;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #222;
	width: 100%;
}

#wrapper  .iso_right .submit_container{
justify-content:flex-start; 	
}

#wrapper  .iso_right .submit_container input.submit, 
#wrapper .iso_right .submit_container a, 
#wrapper  .iso_right .submit_container button {


margin:0 0.5rem 1rem 0;	
}

.iso_right .bb_subheadline{
margin-bottom:0;	
text-transform: unset;
}

.bb_bigboxcontent .bb_subheadline{
color: var(--white);	
}

.center .bb_subheadline {
	    justify-content: center;
		text-align:center;
}

#main .content-slider .ce_text, 
#main .content-slider .ce_headline{
margin:0;	
}


#container .inside > *,
#footer .inside > *:not(#bb_cookieconsent):not(.mod_iso_cart):not(script) {
    justify-content: center;
    flex-wrap: wrap;
    display:flex;
	}
	
	.ce_accordion .ui-accordion-content > * > *:not(.bb_teaser):not(p){
	width: calc(100% - 2rem);
    margin-top: 2rem;
    margin-bottom: 3rem;
	margin-left:1rem;
	margin-right: 1rem;
	text-align: left;
	}
	
	.accordion > div{
	display: block; 
	flex-wrap: wrap;
	}
	
	.mod_article.first > *{
margin-top:0;	
}

	
	.mod_article > *
	{
    width: calc(100% - 1rem);
    margin-top: 4rem;
    margin-bottom: 4rem;
	margin-left:1.5rem;
	margin-right: 1.5rem;
}



		.bbaccordion >  *{
    margin-top: 2rem;
    margin-bottom: 2rem;
	margin-left:0.5rem;
	margin-right: 0.5rem;
}


.bb_price .from{
	margin-right:10px;
}


#main figure {
justify-content:flex-start;
display:flex;
overflow: hidden;
position: relative;
}

#footer .inside > .mod_article {
    padding-left: calc(((100% - var(--standard))/2)) ;
    padding-right: calc(((100% - var(--standard))/2));
	position: relative;
	min-height:0;
}
[data-aos^=fade][data-aos^=fade].aos-animate{
transform: unset;	
}


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


#main .inside > .mod_article.bb_big
 {
	padding-left: calc((100% - var(--big))/2);
    padding-right: calc((100% - var(--big))/2);
}




#wrapper .inside .eulogo img{
text-align:center; 
	display: block;
	margin: auto;
	margin-bottom: 1rem;
}

#wrapper #footer .inside .eulogo{
	width:100%;
	text-align:center;
background: white;	
padding-top: 4rem;
padding-bottom: 4rem;
opacity: 0.85;
margin-top:0;
display: block; 
}


#bb_gutschein_container #bb_gutschein_widmung {
    margin-top: 54%;
}


#main .inside > *.flex_center
 {
	align-content:center;
	align-items: center; 
	 
 }


/* ANMELDUNG */ 

.anmeldung_detail .anmeldung,
.anmeldung_detail .abmeldung{
width: 100%;
clear: both;
}

.anmeldungs_liste .anmeldung{
	margin-bottom: 0;
width: 100%;	
float:left;
}

.anmeldung_detail .back{
display: none;	
}

.anmeldung_detail .button{
float:left;	
}

.anmeldung_detail .info{
display: block;
}

.anmeldung_kalender .jetzt_anmelden,
.anmeldung_kalender .time {
display: block;	
margin-top: 0.5rem;
font-weight: 300;
}


.anmeldung_detail .ce_text,
.anmeldung_detail h1{
text-align:center; 
width:100%; 
}

.bbfehlermeldung {
color :#B80000;	
}


.add_module .fixed{
	border-top: 1rem solid #777;
	background-color: white;
	position: fixed; 
	bottom:0;
	left:0;
	padding-left: 1rem; 
		padding-right: 1rem;
	width: calc(100% - 2rem);
}
.add_module .fixed .header{
    height: 1px;
    padding: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.bold{
font-weight: 600;	
}

.zurueck a{
display: none;	
}


/* ENDE ANMELDUNG */ 




/* MENU */
#navmain{
position: fixed;

left: 4.5rem;
top: 4.5rem;
padding: 1rem; 
background-color: transparent;
transition: all 1s; 
z-index: 1001;	
border-radius: 3rem;
border: 5px solid rgb(255 255 255 / 28%);
}




.offset1px:not(.menuactive) #navmain{
position: fixed;
top: 0rem;
background-color: transparent;
border: 5px solid rgb(255 255 255 / 0%);
padding: calc(0.5rem - 8px);
}




.headbox{
position: absolute;
bottom:0;
align-items: center;
display:flex;
padding: 4rem;
padding-top: 3rem;
justify-content:space-between;
box-sizing: border-box;
transition: background-color 500ms,
padding-bottom 500ms; 
z-index: 21;

}



.stick.menuclosed .headbox,
.stick .menuclosed .headbox{
padding-top:0;
}

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

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

input[type="text"].input_small{
	background-color: white;
    width: 4rem;
    text-align: center;
	padding-right:0;
		padding-left:0;
}


#wrapper .quantity_container input{
	background-color: white;
    width: 3rem;
    text-align: center;
	padding-right:0;
		padding-left:0;
}

.submit.add_to_cart{
width: calc(100% - 3rem);	
}


.review.orderproducts ul,
.mod_iso_orderdetails ul{
padding-left:0;	
}


.mod_iso_checkout .address.billingaddress,
.mod_iso_checkout .address.shippingaddress{
width: 100%;
float:left;	
}

.wlcounter{
position: absolute; 
    font-family: var(--font-standard);
border-radius: 1rem; 
font-size: 12px;
color: var(--color-7);
font-weight: 700;
}

.bbbottom span.phone{
display: none;	
}

.bbtop,
.bbbottom .icofont-phone {
height: 58.5px; 
box-sizing:border-box;
align-items:center;
align-content:center;	
}

.mod_iso_checkout .address.shippingaddress{
margin-top: 4em;
}

.mod_iso_orderdetails li{
list-style-type: none;	
}


.review.orderproducts .price{
font-weight: 600;	
}

.mod_iso_cart .info ul,
.review.orderproducts .info ul{
margin-top:0; 	
padding-left: 1em;
}

.mod_iso_cart .info ul li strong,
.review.orderproducts .info ul li strong{
	font-weight:300;
}

.mod_iso_cart .info ul li,
.review.orderproducts .info ul li
{

    list-style: none;
}

.stick .headbox{
	position: fixed;
    background-color: rgb(255 255 255 / 90%);
top:0;
bottom: unset;
padding-bottom:0;
transition: all 500ms;
padding-top:0;
	padding:0;
width:100%;
box-shadow: 0px 1px 16px 0px rgb(0 0 0 / 13%);
}


.stick .bb_specialnav,
.stick .bb_specialnav .mod_customnav{
border-radius: 0;	
}


 .stick #header .bb_specialnav.special_right > * > ul{
	justify-content: flex-end;
}

.offset1px .bb_specialnav.special_right{
opacity: 1;
visibility: visible;
}

.anfragepage.stick .menuactive .headbox{
background-color:transparent; 	
}



.stick div.logo{
top:0; 
}



#header #menuToggle {
    left:0;
    top:0;
	position: relative;
    display:block;
    z-index: 12;
    -webkit-user-select: none;
    user-select: none;
		transition: all 500ms;

}

	.startmenuimg picture{
	width: 100%;	
	}

#wrapper #navmain .startmenuimg{
position: absolute;
    left: 50%;
    top: 0;
    height: 100vh;
    width: 50%;
   padding-top:0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	transition: all 1s;
	z-index: -1;
}

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

.menuimg
 {
	 position: absolute;
	 width: 50vw; 
	 height: 100vh;
	    z-index: 0;
	 
}

.menuimg img,
.startmenuimg img{
    width: 100%;
    height: 100vh;

    background-size: cover;
    object-fit: cover;
    z-index: 0;	
}


#wrapper .h_icons .bb_headline.bbsh{
	font-family: icofont; 
	font-size:8rem;
	margin-bottom: 2rem;
	opacity: 0.2;
}



#wrapper #header .bottomnav{
justify-content:flex-end;	
width:100%;
display: flex;
}
#wrapper #header .bottomnav .mod_customnav ul {
    justify-content: flex-end;
    width: 100%;
    display: flex;
	padding-right: calc(2.5rem);
}


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

		#wrapper #header .bottomnav .mod_customnav ul li a,
		#wrapper #header .bottomnav .mod_customnav ul li strong{
		border: 1px solid white;
		padding-left: 0.5rem;
			padding-right: 0.5rem;
			padding-bottom: 0.25rem; 
			padding-top: 0.5rem; 
display: flex;		
margin: 0.25rem;
		
	}


.bb_teaser.produktteaser figure:after{
    z-index: 1;
    position: absolute;
	height: 100%;
	width:100%;
    top: 0;
	left:0;
    right: 0;
    content: " ";
    background: #000;
    opacity: 0.5;
}



.menuimg:before,
.startmenuimg:before{
    z-index: 1;
    position: absolute;
	height: 100%;
	width:50vw;
    top: 0;
	left:0;
    right: 0;
    content: " ";
    background: #362a3d;
    opacity: 0.8;
}


li:not(.submenu) .navplus{
display: none;	
}

/*
.level_1 > li.submenu:after{
  
    width: 0px;
	height:0px;
	margin-top: calc(1rem + 3px);
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    transition: all 500ms ease;
    z-index: -1;
	position: absolute;
	content: "";

}
*/

.firefox .level_1 > li.submenu:after{
		margin-top: -1.25em
}


.level_1 > li.bbactive_l1:after{
width: calc(45vw + 100px);
}

.menuactive .bb_specialnav.special_left{
	left: 10em;
}

.menuactive.stick .bb_specialnav.special_left{
	left: 4em;
}
 
 .special_right > * > ul > li > *:before,
  .special_right > * > ul > li > * > *:before{
	 font-size: 2rem;
 }
 
.menuactive.offset1px .headbox,
.head50 .menuactive .headbox,
.menuactive.offset1px .bb_specialnav,
.head50 .menuactive .bb_specialnav {
position: fixed;	
}


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


#menu {
    width:calc(100%);
 height:calc(100vh);
    left:0;
    top:0;
    position:fixed;
color: white;
	background-color: var(--color-7);
    list-style-type:none;
    opacity:0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	  transition-delay: 500ms;

}

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

#header #menuToggle .spans span:nth-last-child(3):after {
    position:absolute;
    float:right;
    content: 'menü';
        top: 4px;
        left: 43px;
        color: var(--white);
		text-transform: uppercase;
}

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



.bb_slxdx .bb_teaser{
margin-top:0 !important;	
}


/*
.slxdxnext{
width: 200px; 
height: 100%; 
position: absolute;
right:0;
top:0; 	
background-color: red; 
content: '>';
z-index:200;
background: rgb(38,44,39);
background: linear-gradient(90deg, rgba(38,44,39,0) 0%, rgba(255,255,255,1) 100%);
}
*/


/*MINIKALENDER */ 

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

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

.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 .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 */ 
.mod_eventlist.kalender{

display: flex;
flex-wrap: wrap;
justify-content: center;
text-align:center;
font-size: 0.75rem;
	width:100%;
}


.mod_eventlist.kalender p{
margin:0;	
}

.mod_eventlist.kalender .title{
font-weight: 600;	
}

.mod_eventlist.kalender .header{
padding:1rem; 
box-sizing: border-box;
background-color: var(--color-1);
color: var(--white);
margin-bottom: 0.6em;
}

#wrapper #container #main .print_select{
width:100%;
margin-bottom: 2rem; 
text-align:center; 
justify-content:center;	
}


.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;
min-width: 14%;
}

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

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

.mod_eventlist.kalender a{
	color: #424242;
	font-weight: 600;
	letter-spacing: normal;
}
.mod_eventreader picture{
margin-bottom: 1em;	
}

.mod_eventreader .info,
.mod_eventreader .time,
.event .time,
.event .info{
text-align:center;
}

/* HEADER */ 

#header .mod_bb_header {
	padding-bottom:0;
	position:relative;
    overflow: visible; 
	width:100%;
}

#wrapper header div.logo{
top:1.5rem;
align-content:center;
align-items:center;
padding: 3rem;

}

.noheader #wrapper header div.logo{
padding: 0rem;

}


.mod_bb_header .textbox{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	color:white;
	font-size: 4rem; 
	padding:3rem;
	display: flex; 
	justify-content:flex-start;
	box-sizing: border-box;
	    font-family: var(--font-display);
    font-size: 4rem;
	    text-shadow: 6px 3px 7px rgb(0 0 0 / 28%);
}




.mod_bb_header .item img,
.mod_bb_header .item video,
.mod_bb_header .placeholder img {
    width: 100%;
    height: calc(100vh - 6rem);
    max-width: none;
    background-size: cover;
    object-fit: cover;
	max-height: 1300px;

}

.header50 .mod_bb_header .item img,
.header50 .mod_bb_header .item video,
.header50 .mod_bb_header .placeholder img {
	  height: 50vh;
}


.slideranimation .mod_bb_header .item img {
    animation-duration: 120s;
    animation-name: slideranimation;
    animation-iteration-count: infinite;
}


.slideranimation .mod_bb_header .item img{
	animation-duration: 120s;
  animation-name: slideranimation;
  animation-iteration-count: infinite;
}


#wrapper .numberheadline .bb_teaser .bb_headline{
font-size: 2rem; 
opacity:0.5;
position:absolute;
left: 1rem; 
top: 1rem; 	
font-family: var(--font-display);
text-shadow: none; 
}



.padding-left-article .bb_teaser {
background-color: var(--black); 	
}


.padding-left-article .bb_teaser img,
.darkimg.bb_teaser img{
opacity: 0.75;	
}


.padding-left-article .bb_teaser:hover img{
opacity: 1;	
}

header div.logo {
	
    text-align: center;
    transition: padding 500ms linear,
	scale 500ms linear;
	display:block;
	position: absolute;
	top:2rem;
	padding:0;
	padding-top:1rem;
	z-index:199;
	transform: scale(1);
	display:flex;
	justify-content: center; 
	opacity: 1;
	transition: all 1s;
}

body header div.logo {
		
}



.stick header div.logo picture:after {
   opacity:0; 
   visibility: hidden; 
transform: scale(0);   
height:0;

  }


.placeholder {
	opacity:0;
}

.fader-wrapper{
position: absolute;
top:0;
left:0;	
width:100%;
}

	

.mod_bb_header.slider25 .item img {
    height: 25vh;
	min-height:300px;
	
}


.mod_bb_header.slider50 .item img {
    height: 50vh;
	min-height:300px;
	
}

.mod_bb_header.slider25 .fader-control,
.mod_bb_header.slider50 .fader-control{
display: none;	
}

.mod_bb_header.slider25 .item:before {
	min-height: 300px;
}

.mod_bb_header.slider50 .item:before {
    height: 50vh;
	min-height: 300px;
	
}

#wrapper .fader-control{
z-index: 2;


}




.slider-control, .fader-control {
    height: 80px;
}

.fader-control {
    width: 100%;
  /*  bottom: -4.25rem; */
    position: absolute;
	opacity:1; 
	visibility: visible; 
	transition: all 500ms; 
	}




#main .ce_sliderStart .slider-control{

width: 100%;
z-index: 10;
display: flex; 
align-content: center;
align-items: center;
justify-content: space-between;
position: relative;
}
#main .slider-prev,
#main .slider-next{
font-size:0; 
    top: calc(50% - 40px);
	position: absolute; 
}

.ce_sliderStart{
position: relative;	
}

#header .ce_sliderStart .bb_headline{
	max-width: 90vw; 
position:absolute;
z-index: 10;
width: 100%; 
text-align:center; 
color: white;
height:50%;
padding:1rem;
text-shadow: 2px 2px 8px #000000;
}


#main .ce_sliderStart  .bb_teaser.bb_cover{
justify-content: center;
    align-items: center;
	background: transparent;
}


#main .ce_sliderStart  .bb_teaser.bb_cover .bb_content:before{
content:none;	
}

#main .ce_sliderStart .bb_teaser.bb_cover figure {
width:auto;
}

#main .ce_sliderStart .bb_teaser.bb_cover img {
width: auto;
}



#main .ce_sliderStart .bb_teaser.bb_cover .bb_content{
	width: 100%;
	max-width: 400px;
	height: auto;
	left: unset; 
	right:unset; 
	background-image: url(../../files/Layout/hg_om_40.webp);
    background-color: black;
    color: white;
	padding: 2rem;
	padding-bottom: 8rem;
	position: relative; 
	margin-left: -109px;
	
}


.slider-prev:after{
content:''; 
font-size:2rem;
color: #222;
display:block;
font-family: icofont;
margin-left: -0,5rem;  
}

#main .slider-menu{
bottom:0; 
top: unset;
}

.slider-next:after{
content:''; 
font-size:2rem;
display:block;
color: #222;
font-family: icofont; 
}

.down .fader-menu{
display: none;	
}

#header .fader-control .fader-menu b.active,
#header .slider-control .slider-menu b.active {
    color:var(--black);
}



#header .fader-control .fader-menu b,
#header .slider-control .slider-menu b{
    font-size:40px;
    color: white;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--black);
}

.stick #header .mod_customnav.topnav{
padding-top:0;	
padding-bottom:0;	
}

.menuactive #header .mod_customnav.topnav{
padding: 3rem;	
}

#header .mod_customnav.topnav{
text-transform: lowercase;
overflow: visible;
padding: 3rem;	
position: fixed;
right:0;
top:0;
z-index: 20;
transition: all 500ms;
}

#header .bb_specialnav > * > ul > li{
list-style-type: none; 
margin: 0; 
display:flex;
align-items:center;
align-content:center;
position: relative;

}


#header .mod_customnav > ul{
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 .bb_mainnav .mod_customnav ul a,
#header #navmain .bb_mainnav .mod_customnav ul strong{
	display: flex;
	width:100%;
color: white;	
text-transform: uppercase; 
font-size: 1.5em;
}

#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,
#header .mod_customnav > ul > li > div.mod_iso_cart{
padding-left:1rem;
padding:1rem;
width:100%;
text-align:center;
display: flex;
margin-bottom: 1px;
}



/* Gallerie */

.ce_gallery{
width: auto;
position:relative;
margin-left:0;
margin-right:0;
}

.ce_gallery ul li{
	margin: 1em;	
}

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

.ce_gallery ul li a {
width: 100%;
    flex-wrap: wrap;
    display:flex;
    justify-content: center;
	
}


.bb_full .ce_gallery ul li img,
.bb_full .ce_gallery ul li picture,
.bb_full .ce_gallery ul li img,
.bb_full .ce_gallery ul li picture{
	width: 100%;
	
}


.bbfull .ce_gallery ul li img,
.bb_full .ce_gallery ul li img{
width: 100%; 
opacity: 0.7;
transition: all 500ms;
}

.bbfull .ce_gallery ul li img:hover,
.bb_full .ce_gallery ul li img:hover{
opacity: 1;
}




/* css-addons */ 

.blocksatz,
#main .blocksatz .ce_text,
#main .blocksatz.ce_text{
    text-align: justify;
	text-align-last: center;
}

#main .inside > .mod_article.bbsmall {

    padding-left: calc((100% - var(--small))/2);
    padding-right: calc((100% - var(--small))/2);
}

#main .inside > .mod_article > .bbsmall {
    padding-left: calc((100% - var(--small))/2);
    padding-right: calc((100% - var(--small))/2);
}


#main .inside > .mod_article.bbbig {

    padding-left: calc((100% - var(--big))/2);
    padding-right: calc((100% - var(--big))/2);
}

/*
.bbsmall .bb_text{
	    padding-left: calc((100% - 700px)/2);
    padding-right: calc((100% - 700px)/2);
}
*/


.dunkel{
background-color: var(--color-7) ;
color: white;
  
}


.noheader #header .inside .logo:not(.size_39){

top:0;
 
}

.noheader #navmain{
	border-color: #a9a9a9;
	top: 1.5rem; 
}

#header #menuToggle #burger span{
background-color: var(--white);	
}


.noheader #header #menuToggle #burger span{
background-color: var(--black);	
}


.radio_container input,
.checkbox_container input{
margin-right: 1em;
}

.radio_container label{
width: calc(100% - 3rem);
}

.gueltig{
text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: 0.8rem;	
}

.radio_container > span,
.checkbox_container > span{
display: flex; 
justify-content: flex-start;
align-content: center; 	
align-items: center; 	
padding:1em; 
background-color: rgba(0, 0, 0, 0.02);
margin-bottom:1px; 
text-align:left;
flex-wrap: wrap;
}

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



#main .radio_container .box{
	margin-top:0.5rem;
	width: 100%;
padding:1rem;
background-color: rgba(0, 0, 0, 0.02);
font-size: 0.8rem;
}

#main .radio_container p{
margin:0;	
font-weight:300;
padding:0;
}



.fa, .fas,
.mod_iso_productfilter .search,
.mod_iso_productfilter .search form,
.mod_iso_productfilter form{
display: flex;	
}



#main .inside > .mod_article.targetactive,
#main .inside > .mod_article:target{


}

.hell,
.change:nth-child(2n){
background-color: var(--light);
background-repeat: none;
}

#footer{
position: relative;	
}
/*
#footer:before
{
content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    filter: invert(1);
    background-repeat: repeat;
    mix-blend-mode: difference;
	background-image:url("../design/contemporary_china.webp");
	z-index:0;
	
}
*/

/*
#menu:before
{
content: ' ';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    filter: invert(1);
    background-repeat: repeat;
    mix-blend-mode: difference;
	background-image:url("../design/contemporary_china.webp");
	z-index:0;
	
}
*/

.mod_newsreader .info{
	width:100%;
	text-align:center;
	margin: 0;
}

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

.alternate-font-big{
 font-family: 'Nothing You Could Do';
font-size: 2em;
text-align:center;
width:100%;
display: flex; 
justify-content:center;
}

.wide-big{
font-size: 1em;
letter-spacing: 10px;
	width: 100%; 
display: flex;
flex-wrap:wrap;
justify-content:center;
text-transform: uppercase; 
}

.alternate-font-big{
	width: 100%; 
display: flex;
justify-content:center;
}

.ce_form .widget-submit{
justify-content:center;	
display:flex;
}

#wrapper #container .inside .mod_article.full >*:not(.bb_teaser), 
#wrapper #container .inside .mod_article.bb_full >*:not(.bb_teaser), 
#wrapper #container .inside .w50-50 >*:not(.bb_teaser), 
#wrapper #container .inside .wbig-small >*:not(.bb_teaser), 
#wrapper #container .inside .wsmall-big >*:not(.bb_teaser),
#wrapper #container .inside .w33 >*:not(.bb_teaser) {
    margin: 0;
    padding: 0;
}



.full > .bbfull img,
.full > .bbfull picture,
#wrapper .bbfull,
.full > .bb_full img,
.full > .bb_full picture,
#wrapper .bb_full{
width: 100%;
}



/* TEASER */ 

#wrapper .mod_article .bb_teaser.bb_noimg{
background-color:transparent;	
align-content:center; 
align-items:center;
min-height: 10rem;
border: 1px solid var(--black)
}


#wrapper .mod_article .bb_teaser.bb_noimg.active{
background-color:var(--color-7);	
align-content:center; 
align-items:center;
min-height: 10rem;
border: 1px solid var(--white)
}

#wrapper .mod_article .bb_teaser.bb_noimg.active .bb_headline{
color: var(--white)
}



#wrapper .mod_article .bb_teaser.bb_noimg.type_1{
	min-height: 20rem;
}


#wrapper .mod_article .bb_teaser.bb_noimg.iconhead{
background-color: transparent;	
text-align:center;
border: 1px solid white;
backdrop-filter:blur(1rem);
align-items:flex-start; 
align-content: flex-start;
}

#wrapper .mod_article .bb_teaser.bb_noimg.iconhead .bb_content{
color:white;	
}

#wrapper .mod_article .bb_teaser.bb_noimg.iconhead h2{
	font-size: 6rem;
color: white;
display: flex; 
justify-content:center;
margin-bottom: 1rem;

}

/* 2 columns wide */

#wrapper .mod_article .bb_teaser,
#wrapper .inside > .bb_teaser,
#wrapper .mod_article .ce_gallery.bb_lb{
position: relative;
 overflow: hidden;
 margin: 1.5rem;
 display:flex;
 flex-wrap:wrap;
 align-content: start;
 box-sizing: border-box;
border-radius:0;
	transition: all 500ms;

}
#wrapper .mod_article:not(.wbig-small):not(.wsmall-big):not(.transparentteaser) .bb_teaser figure,
#wrapper .inside > .mod_article:not(.wbig-small):not(.wsmall-big):not(.transparentteaser) .bb_teaser figure{
background-color:  black;
}

.bgnav{
background-color: #222;
color: white;	
}

.bb_teaser.bb_noimg.bb_marked:after{
	padding: 0.2rem;
	font-size: 0.8rem;
}

#wrapper .bb_teaser.bb_noimg.bb_marked{
border: 1px solid #aac0ab;
}


.bb_teaser.bb_noimg.show_description .bb_headline,
.bb_teaser.product.show_description .bb_headline{
	padding-bottom: 1em; 
	border-bottom: 1px solid white; 
}

.bb_teaser.product .bb_price,
.mod_iso_productreader .bb_price{
margin-top: 1rem;
font-size: 1.5rem; 

line-height: normal;
}
.bb_teaser.product .bb_price{
color: white;
}


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

.mod_iso_productreader .anreisetage{
width: 100%; 
display: flex;
justify-content:center;
text-align:center; 
margin-top: 0;
margin-bottom:1em;
text-transform: uppercase;
}


.mod_iso_productreader .bb_price{
	width: 100%; 
text-align:left; 
margin-top: 0;
margin-bottom:0;
}

.bb_cover .bb_price{
z-index: 10;	
}

.bb_teaser .bb_content .description{
	  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.bb_teaser.product .bb_price .bb_preisbezug{
font-weight: 300;
color: white; 
font-size: 0.8rem; 
margin:0;
}

	



.mod_iso_productreader .bb_preisbezug{
font-weight: 300;
font-size: 0.8rem; 
margin:0;
}


.bb_teaser.bb_cover .bb_content{
display: flex;
align-content:flex-end; 
align-items:flex-end;
position:absolute;
bottom:0;
left:0;
text-align:left;
height:100%;
box-sizing: border-box;
background-color: transparent;
width: 100%;
padding:1.5rem;
transition: all 500ms ;
}

.bb_teaser.weather img{
width: auto;

}

.bb_teaser .bb_content{
display: flex;
align-content:center; 
align-items:center;
padding:2rem;
flex-wrap: wrap;
box-sizing: border-box;
color: #222;
z-index: 1;
}


.bb_newsteaser .bb_content{
	background-color: white;
}


.bb_newsteaser {
box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 5%);	

}

.submit_container .ce_hyperlink{
width:auto;	
}

.bb_teaser.product .submit_container .quantity_container{
	    display: flex;
    align-items: center;
	width: auto;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	padding-right:0;
	padding-left:0;
}


#main .produktteaser .submit_container input.submit,
#main .produktteaser .submit_container a,
#main .produktteaser .submit_container button{
b

}

#main .submit_container input.submit.add_to_cart{
font-size: 0.75rem;
font-weight: bold; 
margin-left:0;	
margin-right:0;	
background-color: var(--color-7) ; 
color: white;
}

#wrapper .submit_container input.submit,
#wrapper .submit_container a,
#wrapper .submit_container button{
	display: flex;
	align-items: center;
	margin: 1rem;
	justify-content: center;
}

#wrapper .submit_container input.submit:hover,
#wrapper .submit_container a:hover,
#wrapper .submit_container button:hover{
	filter: brightness(1.1) grayscale(0.3);
}

.back a.button{
	font-size: 0.8rem;
	background: transparent;
	color: #222;
	font-size: 1rem;
}




.product_container{
width:auto !important;	
margin:0 !important;
}

.mod_iso_productreader .produktteasern_zimmer{
width: 100%;	
}

#main .bb_teaser.product .submit_container{
	box-sizing: border-box; 
	justify-content: center;
	display:flex; 
flex-wrap: wrap;
padding-left: 0;
padding-right:0;
width: 100%;
}

.bb_teaser.product > .formbody {
width:100%;	
flex-wrap:wrap;
}

.bb_teaser.product .options label{
display: none; 	
}

.bb_teaser.product .widget{
padding-top:0.5em;
padding-bottom:0.5em;
}

.quantity_teaser .quantity_container input.text{
	width: 30px;
    text-align: center;
    padding: 0.5em;
    border-radius: 0;
	border-right:0;
    height: 60px;
    font-family: 'barlow';
	min-height: 1.5rem;
}


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

}

.wertgutscheinteaser.quantity_teaser .quantity_container label{
	font-weight: 700;
	margin-bottom:0;
	font-size: 1.5em;
	margin-right: 5px; 
	opacity: 0.6;

}


#wrapper #main .quantity_teaser:not(.iso_right)  .add_to_cart{
margin-left:0;	
margin-right:0;
padding: 0.5rem;
}

#main .bb_teaser.produktteaser.product .submit_container a{
	position:absolute; 
	right:0;
	bottom:0;
	width: 200px;
	border:0;

}

#main .bb_teaser.produktteaser.product .submit_container,
#main .bb_teaser.produktteaser.product .submit_container input.submit,
#main .bb_teaser.produktteaser.product .submit_container form{
justify-content:flex-start;
margin:0;	
width: 100%;
}

#main .bb_teaser.produktteaser.product.bb_noimg .submit_container{
position: absolute;
bottom:0;	
}

.bb_teaser.produktteaser.bb_noimg  .top_container{
	position: relative;
}



.bb_teaser.produktteaser.bb_noimg .price{
	position: relative;
	padding-left:0;
}


/*
.bb_teaser.produktteaser .bb_content {
	padding:0;
	
	
}
*/

.bb_teaser.produktteaser.bb_noimg .bb_content{
color: white;	
}


.social_big_box .bb_bigboxcontent{
padding:0; 	
}

.social_big_box .bb_bigboxcontent{
padding:0; 	
}


.social_big_box .description{
padding:1em; 	
}


.bb_teaser .bb_content > *:not(.button),
.bb_teaser.product .formbody .bb_content >*:not(.button){
width: 100%; 
display:block; 
justify-content: flex-start; 
flex-wrap: wrap; 
align-content: start;
text-align:left;
}

.menuactive.stick header div.logo{
opacity:0;	
}

.bb_teaser > *{

width: 100%; 
display:flex;  
justify-content: center; 
}
.bb_teaser.bb_cover .bb_subheadline{
color: white;	
}

.bb_teaser .bb_subheadline{
	font-size: 1rem;
	padding:0;
	margin:0;

}

#footer{
/*background-color: var(--color-7);*/
margin-top: 3rem;


}

#footer .mod_iso_cart,
#footer .mod_iso_cart a{
color: #222;	
}

#bb_gutschein_footer .bb_footer_adr,
#bb_gutschein_footer  .bb_gutscheinnr_label{

letter-spacing:0;
}



#wrapper .bb_headline.bbsh,
#wrapper  .bbsh .bb_headline,
#wrapper .bb_h1.bb_subheadline{
	margin-bottom:0;
}


.bb_teaser .bb_headline.bb_zusatz{
	font-weight:300;
}

.bb_teaser .bb_headline{
font-size: 1.5em;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
margin-bottom:0;
width:100%;
 z-index: 10; 
 text-align:left;
 display: block;
}

.bb_teaser.produktteaser .bb_headline{
	font-weight:700;
}

.iso_right .widget{
padding: 0 0 1rem 0;
}


.iso_right span.mandatory{
display: none; 	
}

#main .bb_search.bb_abc .search{
max-width: 300px; 
margin-top:0;	
}

.bb_teaser.bb_cover .bb_headline{
text-align:left;
}

.balken{
/*background: linear-gradient(0deg,
rgba(85,85,85,0) 0%,
rgba(85,85,85,0) 25%,
rgb(78 108 116) 25%,
rgb(78 108 116) 50%,
rgb(78 108 116) 75%,
rgba(85,85,85,0) 75%,
rgba(85,85,85,0) 100%)
*/ 

background: linear-gradient(0deg,
rgba(85,85,85,0) 0%,
rgba(85,85,85,0) 10%,
rgb(48 56 59) 10%,
rgb(48 56 59) 50%,
rgb(48 56 59) 57%,
rgba(85,85,85,0) 57%,
rgba(85,85,85,0) 100%)
}


/*
.balken{
background: linear-gradient(
0deg, rgba(85,85,85,0) 0%, rgba(85,85,85,0) 30%, rgba(85,85,85,0.1) 30%, rgba(85,85,85,0.1) 50%, rgba(85,85,85,0.1) 70%, rgba(85,85,85,0) 70%, rgba(85,85,85,0) 100%);	
}
*/

.balken.hell{
background: linear-gradient(
0deg, rgba(255,255,255,1) 0%, rgba(85,85,85,0) 30%, rgba(85,85,85,0.1) 30%, rgba(85,85,85,0.1) 50%, rgba(85,85,85,0.1) 70%, rgba(85,85,85,0) 70%, rgba(255,255,255,1) 100%);	
}

.ce_sliderStart .bb_teaser.bb_cover .bb_headline{
text-shadow: none;
text-align:left;
}

.ce_sliderStart .bb_teaser.bb_cover .bb_price{
	color:#91bc20;
}




.bb_full .bb_teaser .bb_content,
.bb_full .bb_teaser.bb_cover .bb_content{
width:100%;	
}

.w50-50 .bb_teaser .bb_headline,
.w33 .bb_teaser .bb_headline
{
text-shadow: 2px 2px 8px #000000;
}


.bb_full .bb_teaser .subheadline,
.w50-50 .bb_teaser .subheadline
{
text-shadow: 2px 2px 8px #00000078;
}


.bb_teaser.bb_cover img,
.bb_teaser.bb_cover picture{
width:100%;	
}

#bbanker .bbnavblock{
display: none;	
}


.showtel a.phone{
font-size: 1.5rem; 
color: var(--color-text);
letter-spacing: 0.3rem;
}




.bb_teaser img,
.ce_gallery img{

width: 100%;

   
}

#container img:hover{
opacity:1;	
}

.bb_teaser img,
.ce_gallery img{
    transition: all 1s ease-in-out;
 transform: scale(1);
   	align-self: center;
}

.bb_marked:after{
content: 'Unser Tipp'; 
position: absolute; 
top: 0;
right:0;
padding: 0.5rem; 
color: white; 
background-color: #c7a761;
}



.fi_special_first {
    left: 0;
    position: absolute;
    width: 23rem;
    padding: 1rem;
    text-align: right;
    box-sizing: border-box;
    width: 32%;
    top: 45%;
    padding-top: 3rem;
    z-index: 2;
}

#wrapper #container .inside .bb_full.padding-left-article.smallslider  .bb_slxdx_container{
margin-left: 10rem;	
}

.smallslider .fi_special_first{

}

.smallslider .slxdxr_nav_container{
justify-content:flex-start;
padding-left: 1rem; 
}

.special1 .altfont{
font-size: 4rem;	
text-align:right;
color: var(--white);
position:absolute; 
left: -2rem;

}


#wrapper #container #main .special1 .ce_text{
    padding-left: 25%;	
	width: 50%;
}

#wrapper .specialimg {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin: 0;
	opacity:0.1;
z-index: 500;	
	filter:brightness(100);
}

.altfont{
font-family: var(--font-display);	
}

.background-h{
font-family: var(--font-display);
font-size: 10rem; 
opacity: 0.5; 
position:absolute; 
color: var(--color-1);
transform: rotate(-15deg);
}

 #wrapper #container .slxdxprxvxxs.hidden,
  #wrapper #container .slxdxnxt.hidden{
	 display:block; 
	 opacity: 0.5;
 }
 
 

  
  .slxdxr_nav_container{
	  display: flex; 
	  justify-content:flex-end;
	  color: white;
  }
  
    #wrapper #container .slxdxprxvxxs{
	  cursor: pointer; 
	  font-size: 3rem;
  }
  
   #wrapper #container .slxdxnxt{
	  padding-left: 1rem;
	  font-size: 4rem;
	  cursor: pointer; 
  }


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

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

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

    background-color: #94c11f;
}





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

}

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






/* Footer */
.partnerlink{
	padding: 2rem;
	transition: all 500ms;
	filter: grayscale(1); 
	opacity: 0.75;

}
.partnerlink:hover{

	filter: grayscale(0); 
	opacity: 1;

}




#header .bb_social a{
color: #222;	
margin:0;
padding-right:0;
padding-left:1rem;
transition: color 500ms;

}

#header .bb_social a:hover,
.bb_social a:hover{
color: #AAA;	
}



.bb_social{
justify-content: center;
display: flex; 
}

.mod_article.bb_me_detail{
background: transparent;	
}


.bb_footerlogos{
width: 100%; 
background-color: #EEE;  
text-align:center;
display: flex;
justify-content:center; 	
align-content:center;
align-items:center;
flex-wrap: wrap;
}


.bbfa:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
}

.footer_form img{
padding-left: 0.5rem;
display: flex;	
}

#main .bb_adressbox .submit_container .button{
background-color: #222;
color: white;	
}

#main .bb_adressblock{
text-align:center;	
}

#footer .bb_adressblock{
display: flex;
justify-content:center;
flex-wrap: wrap;	
}

.bb_adressblock a,
.bb_adressblock .fax span
{
	width: auto;
position: relative;	
}


.bb_adressblock a:before,
.bb_adressblock .fax span:before{
content: ' '; 

height: 1px; 
width: 100%;
bottom:-0.25rem; 

background-color: var(--black); 
position: absolute; 
}


.bb_footernav ul li a:after,
.bb_footernav ul li span:after{
content: '//';	
color: var(--black);
padding-left: 1rem;
}



.bb_footernav ul li:last-child *:after{
content: '';	
}


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



.bb_adressblock .city:after{
  content: "\a ";
  white-space: pre;
}

.bb_preisbezug,
.ce_hyperlink{
display: flex;
width: 100%;
text-align:left;
justify-content:flex-start;
}

.center .ce_hyperlink{
	justify-content:center;
}

.bb_footernav ul{
	display: flex; 
	justify-content:center; 
width:100%;
padding:0;
margin:0;
}

#footer .bb_adressblock a,
#footer a{
/*	color: var(--white); */
}



#footer .bb_cookielab_consent{
	color: #010101;
}
.grayscale img{
filter: grayscale(1); 	
}



#wrapper .center .bb_headline,
#wrapper .center.bb_teaser .bb_headline,
#wrapper .center.bb_teaser .bb_subhadline,
#wrapper .center.bb_content > *, 
#wrapper .center.bb_teaser .bb_preisbezug{
text-align:center;	
width:100%;
display: block;
}

#wrapper .center .bb_teaser .bb_headline{
	text-align:left;	
}

.align-left .bb_teaser .bb_headline,
.align-left.bb_teaser .bb_headline,
.align-left .bb_headline{
text-align:left;	
}

.bb_full.align-left .bb_headline {
padding-left: 1rem;	
}


.bb_full.align-left .bb_teaser .bb_headline {
padding-left: 0rem;	
}


.align-right .bb_teaser .bb_headline,
.align-right.bb_teaser .bb_headline,
.align-right .bb_headline{
text-align:right;	
}

.bb_footernav ul li{
list-style-type: none;
display: flex;
}

.bb_footernav ul li a,
.bb_footernav ul li span
{

list-style-type: none;
display: flex;
padding: 1rem;
padding-right: 0rem;
padding-bottom: 0;
font-weight: 300;
}




.bb_footernav ul li:nth-last-child a:after,
.bb_footernav ul li:nth-last-child span:after{
content: unset;	
}


.footer_hl {
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    padding: 0.5rem;
    font-size: 1.5em;
    display: flex;
    margin-bottom: 1rem;
    box-sizing: border-box;
	color: #4c94c4;
}

#main .bb_adressbox{
	display: flex; 
	justify-content: center;
	align-content: center;
	align-items:center;
}

.bb_adressblock .bbadr1 > *:not(meta), .bb_adressblock .bbadr2 > *:not(meta), .company {
	display: block;
}

.bb_adressblock .zusatz{
	text-align:center; 
	padding-bottom: 1rem;
	width: 100%; 
	display: block;
	
	
}

.bb_adressblock .bbadr2 > *:not(meta){
    padding-bottom: 0.75rem;
	display: block;
}

.bb_footernav{
width: 100%;	
margin-bottom: 0rem;
color: white;
}

.bb_footernav_2{
padding-bottom: 2rem; 	
}


#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  filter: blur(3px)
}


[class*=" icofont-"], [class^=icofont-]{
line-height: 1;	
}


.bb_address .bb_logo{
margin-bottom:3rem;
display: flex; 
justify-content:center;


}


.bb_teaser_gallery .bb_teaser.bb_cover .bb_content:before{
content: none;	
}




/* !SOCIAL */

.bb_social{
font-size: 200%;
width: 100%;
text-align: right;
flex-wrap: wrap;
} 

.bb_social a.blog{
	font-size: 0.5rem;
	letter-spacing:0;
	padding-top: calc(0.5rem + 3px);
}

.bb_social a{
    padding: 0;

    transition: color 500ms;
    color: var(--white);
    background: var(--color-1);
    border-radius: 2rem;
    padding: 0.5rem;
    font-size: 0.75rem;
	margin:1rem 0.5rem 2rem 0.5rem;
	display: flex;
	height: 40px; 
	width: 40px; 
	justify-content:center; 
	align-items:center; 
	align-content: center;
	box-sizing: border-box;
}

/* !ul li */

/* Stile für die Liste innerhalb von .ce_text */
/* Stile für die Liste innerhalb von .ce_text */
.ce_text ul,
.ce_list ul {
    list-style-type: disc;

    margin: 0;



    width: auto;
}

.ce_text ul li,
.ce_list ul li{
    padding: 10px 0;

}


.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 figure.skizze{
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;
}


.ce_text.float_left ul li {

} 

/* !ce_accordion */

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

.ce_accordion .toggler{
padding: 1rem; 



}

.dunkel .ce_accordion .toggler{
padding: 1rem; 
border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}




.ce_accordion .toggler.ui-accordion-header-active:before{
content: '-';
}

.ce_accordion .toggler:hover:before{
color: var(--color-7);
}

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

.ce_accordion .accordion{

}

/* BLOG */


.bb_teaser.bb_newsteaser figure:before {
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    position: absolute;
    color: #fff;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    content: ' ';
    z-index: 2;
}

.bb_newsteaser{
padding-bottom: 3rem;	
}

/*
.bb_newsteaser .bb_content{
position: static; 
z-index: 20000000000000;
}
*/




.bb_newsteaser .bb_headline{
margin-top: -2rem;	

}

.more {
position: absolute; 
bottom: 0;	
padding: 1rem; 
padding-left: 2rem; 
width: 100%; 
left: 0;
border-top: 1px solid #EEE;
}

/* ENDE BLOG */

/* !ce_headline */ 

.ce_headline{
margin-bottom: 0;
}

/* !ce_table */ 
.ce_table td,
table td,
.mod_article.bbstickybg.hell .ce_table td,
.mod_article.bbstickybg.hell  table td{
background-color:#424242;
color:white;
padding: 1rem;
}


.header_side a{
    color: var(--black);
	padding: 1rem;
    padding-bottom: 18px;
    padding-top: 22px;
    font-weight: 500;
    align-items: center;
    align-content: center;
    display: flex;
	transition: all 500ms;
}


	.header_side a.bb_iconfont {


    padding-top: 15px;
	    padding-bottom: 15px;
	}


.header_side i{
font-size: 2rem;
}

.ce_table table,
table{
width: 100%;
text-align:left;
    border-spacing: 1px;
}
/* !ce_download */

.ce_download,
.ce_downloads ul li{
    background-repeat: no-repeat;
    background-position: 1rem center;
    color: var(--white);
    display: block;
    position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center; 
	align-content: center; 
	border: 1px solid black;
	margin-bottom: 1.5rem;
	padding: 1rem;
	padding-left: 3rem;
}

.ce_download p{
margin:0;	
}

.ce_download figure,
.ce_downloads figure{
	margin-right: 1.5rem;
}

.ce_download:before,
.ce_downloads ul li:before{
content:'\ef07'; 
position: absolute; 
height:100%;
left:0.5rem;
top:0;
font-size:2em;
font-family: "icofont";
display: flex;
align-content:center;
align-items:center;
color: black;
opacity: 0.5;
}


.ce_downloads ul{
padding-left:0;
}

.ce_downloads ul li{
list-style-type: none;
}



/* !BREADCRUMB */
#book-info-1 .button{
	display: flex; 
	justify-content:center;
	background-color: #2b2b2b;
	text-transform: unset;
	margin-bottom: 1px;
}

.bb_me_detail.first .mod_breadcrumb ul{
font-size: 0.7rem;
}

.bb_me_detail{
display:flex;	
}
.mod_breadcrumb ul li {
background: transparent;	
}

 
.bbstickybg .mod_breadcrumb ul li a,
.bbstickybg .mod_breadcrumb ul li.active,
.dunkel .mod_breadcrumb ul li a,
.dunkel .mod_breadcrumb ul li.active,
.bb_bigboxcontent.dunkel .bb_headline{
	color:white;
}

.bb_bigbox.close_absolute .bb_bigboxcontent{
position: relative; 
}

#wrapper .bb_bigbox.close_absolute .bb_bigboxcontent #bb_bigboxclose{
	position:absolute;
}


#main .mod_article.mod_breadcrumb{
padding-bottom:0;
margin-bottom:0;
}

.breadcrumb #main .mod_article:nth-child(2){
padding-top:0;
padding-bottom: 4rem;
}


.mod_breadcrumb ul {
display:flex; 
justify-content: center;
margin:0;
padding:0;
flex-wrap: wrap; 
width: 100%;
}

.mod_breadcrumb ul li {
list-style-type: none; 
padding:0;
margin:0;
padding-right: 0.5rem;
letter-spacing: 3px;
display: flex;
}

.mod_breadcrumb ul li.last {
padding-right:0;
}

.sw img{
	filter: grayscale(10);
}

.mod_breadcrumb ul li a,
.mod_breadcrumb ul li.active{
color:#222;
opacity: 1;
text-align:center;
}

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

/* !ce_text */
.mod_article:nth-child(1) >*:nth-child(1):not(.bb_headline),
.mod_article:nth-child(2) >*:nth-child(1):not(.bb_headline){
margin-top:0;
margin-bottom:0;
}
.mod_article .ce_text.last{
margin-bottom:0;
}

.ce_text,
.ce_headline{
text-align: left;

}

.mod_article.center .ce_text,
.mod_article.center .ce_headline{
text-align: center;

}

.ce_text.float_left,
.ce_text.float_left > *,
.ce_text.float_right,
.ce_text.float_right > *{
text-align: left;
overflow:hidden;
justify-content: start;
}

.bb_fi_listing .ce_text.float_left figure{
	margin-top: 1.5rem;
		margin-bottom: 3rem;
}

.ce_text.float_left figure{
margin-right: 1.5rem; 
}
.ce_text.float_right figure {
margin-left: 1.5rem; 

}
.bb_teaser .bb_text {
	margin-top: 1rem;
}


.bb_mag_1 .bb_text {
	width:100%;
font-size: 2rem; 
letter-spacing: normal;
display:flex;
    max-width: var(--small);
    flex-wrap: wrap;
}


.bb_mag_1 .bb_teaser .bb_content{
justify-content:flex-start;	
padding-top: 3rem; 
padding-left: 6rem;
padding-bottom: 6rem;
max-width: var(--small);
height:auto;
width: auto; 
}



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

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









/* !bbbg */








.bbstickybg > * {
z-index: 1;
}

.mod_article.bbstickybg.hell > * > *,
.mod_article.bbstickybg.hell > *,
.mod_article.bbstickybg.hell  *,
.mod_article.bbstickybg.hell .mod_breadcrumb ul li.active,
.mod_article.bb_adressbox .email,
#wrapper #main .hell.bbstickybg .ce_text.bb_list ul li{
color:#888;
}


.bb_alternativ{
	background-color: rgb(239 239 239 / 42%);
padding: 4rem;
border: 1px solid var(--white)fff78;
}


.box{
background-color: rgb(239 239 239 / 42%);
padding: 4rem;
border: 1px solid var(--white)fff78;
}

.mod_article.dunkel > *,
.mod_article.dunkel > * > * ,
.mod_article.dunkel > * > * > *,
.mod_article.dunkel > * > * > * > *,
.dunkel *{
color:white;
}
.mod_article.darkgray .bbbg{
	filter: grayscale(1);
	opacity: 0.20;
}

#main .inside .mod_article.bbstickybg {
  min-height: calc(100vh - 6rem);
  width: calc(100% - 6rem);
  margin-left: 3rem;
  margin-right: 3rem;
  display: flex;
  align-items: stretch;
  align-content: center;
  justify-content:flex-start;
  color: white;
  background: black;
  position: relative;
  overflow: hidden;
  padding-left: 16.5%;
  margin-bottom: 3rem;
  padding-left: calc(((100% - var(--standard)) / 2) - 3rem);
  padding-right: calc(((100% - var(--standard)) / 2) - 3rem);
}



#main .inside .mod_article.bbstickybg.gold {
	  min-height: calc(100vh - 6rem);
		width: calc(100% - 6rem);
	  padding-left: 16.5%;
}



#main .inside > .mod_article.bb_full,
#main .inside > .mod_article.bb_full {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}


#main .inside .bbstickybg .bb_subheadline{
color: var(--white); 	
}

.bbstickybg .bbbg {
  width: 100%;
  height: 100vh;
top:-30vh;
  left: 0;
  position: absolute;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  content: ' ';
  z-index: 0;
  opacity: 0.50;
  transform: translate3d(0, 0, 0);
}


.bbstickybg.bbbgtext .bbbg{
opacity:0.3;	
}

/*Filter */ 

.filter_sw{
    filter: grayscale(1);
}

	.filter_1{
		    filter: contrast(0.8) grayscale(0.2);	
		}


/* Calendarfield */ 

#ui-datepicker-div{
background-color: white; 
padding: 1rem;	
}

#wrapper .ui-datepicker{
background-color: white;
border: 1px solid #E9E9E9;
padding: 1rem;
}

.ui-datepicker-title select {
padding: 0.5rem;
margin: 1px;

}


.ui-datepicker td{
background-color: #222;
color: white;
padding: 0.5rem; 
text-align: center;
}

.ui-datepicker td.ui-datepicker-unselectable{
background-color: #888;
color: white;
padding: 0.5rem; 
text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    text-align: center;
}

.ui-datepicker-header{
width: 100%;
position: relative;
box-sizing: border-box;
padding: 0.5rem;
}

.ui-datepicker  .ui-datepicker-prev span, 
.ui-datepicker  .ui-datepicker-next span {
    display: block;
    position: absolute;
    top:0.8rem;
	background-repeat: no-repeat;
	background-position: center center;
}






.ui-datepicker  .ui-datepicker-prev span{
left:0;
background-image:url("../icons/arrow-left.png");
}

.ui-datepicker  .ui-datepicker-next span{
right:0;
background-image:url("../icons/arrow-right.png");
}

.ui-datepicker .ui-icon {
  font-size:0px; 
  padding:1rem;

}

.ui-datepicker td a{
color: white;
}

/* TEST ZIMMER  */ 

#wrapper #main .zimmer.bb_teaser {
		margin-bottom: 4rem; 
	background-color: white;
}

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

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



 #container #main .zimmer .submit_container.info_button > *,
.iso_right .info_button > *:not(i){
	/*border: 1px solid #CCC; */
	background-color: rgb(186 163 133 / 29%);
	
	background-color: rgb(191 178 170 / 43%);
	color: #222;
	font-weight: 300;
	padding: 0.5em;
	text-transform: uppercase;
	display: flex;
	padding-right: 1rem;
		padding-left: 1rem;
}

.zimmer .submit_container.info_button i {
opacity: 1;	
margin-right: 0.25rem;
}

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

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



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


/*
#main .zimmer .bb_content{
	
    background-color: rgb(0 0 0 / 3%);

width: calc(100% - 654px);
padding: 4em;	
}
*/


.zimmer .personenzahl{
opacity: 0.8;
display: block;	
}



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

.event h2:before,
.event h2:after,
.zimmer h2:before,
.zimmer h2:after,
.mod_eventlist .day h2:before,
.mod_eventlist .day h2:after{
	content: none;
}

.zimmer h2 a{
	width: 100%; 
	font-size: 0.7em;
	color: #c7a761;
}

.bb_teaser.bb_list ul{
	column-count:1;
}

.bbstickybg .ce_text.bb_list ul{
	background: transparent;
    color: white;
}

.dunkel.ce_text.bb_list ul
{
	  
    background-color: rgb(255 255 255 / 87%);
 
}

#wrapper .bbstickybg .ce_text.bb_list ul li{
color: white;	
}

.ce_text.bb_list ul,
.bb_list ul,
.zimmer .ausstattung ul,
.mod_iso_productreader .ausstattung ul{
		padding-left: 20px;
		column-gap: 4em;
	padding-top: 4em; 
	padding-bottom: 4em;
}


.bb_column-2 ul{
column-count:2;	
column-gap: 3rem;
}

.no-list ul li{
list-style-type: none !important;	
}


.no-list ul{
	padding-left: 0;
}

.bb_column-2 ul li {
  break-inside: avoid;
}

.article-shadow {
    box-shadow: 0px 0px 48px 0px rgb(0 0 0 / 50%);
    z-index: 200;	
}

#cboxCurrent{
display: none !important;	
}


/*

#wrapper  .mod_article:not(.wbig-small):not(.wsmall-big) .bb_teaser img{
	
	opacity: 0.8;
}

#wrapper .mod_article:not(.wbig-small):not(.wsmall-big) .bb_teaser:hover img{
	
	opacity: 1;
}
*/



#wrapper #main .ce_text.bb_list li,
.bb_list li,
.zimmer .ausstattung li,
.mod_iso_productreader .description li,
.mod_iso_productreader .ausstattung li{
	list-style-image: url("../Bilder/layout/check.png");
	list-style-position: outside;

	background-color: transparent;
	margin:0;
	text-align:left;
	padding-left:0.5rem;
	margin-left: 2rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	border-bottom:0;
}







.zimmer .zi_acc{
display: flex;	
flex-wrap:wrap;	
}

.flex{
display:flex;	
}

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

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

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

.button_light{
padding: 0.5rem;
border: 1px solid #dedede;	
text-transform: uppercase;
margin: 0.5rem;
font-size: 0.8rem;
transition: all 500ms;
text-align: center; 
width: auto; 
}

.button_light:hover{
cursor: pointer; 	
border: 1px solid #222;
}

.sort2{
	width: 80%;
	overflow:hidden;
}


#main .zimmer .ce_sliderStart .slider-control{
	width: auto; 
	bottom: 0rem; 
	left: 1rem;
}


.wochenproduktteaser a{
border: 1px solid #cacaca; 
padding:1rem; 
margin-top: 1rem;	
color: #222;
display: flex;
}

/*
.zimmerbezeichnung,
.kurzinfos{
text-transform:uppercase; 
text-align:center;
width: 100%;
justify-content:center;
display: flex;
}
*/

#wrapper #container .inside .kurzinfos > span{
margin-left: 0.5em;	
}
.box_top{
width: 100%; 	
background-color: rgba(239, 239, 239, 0.43);
padding:1rem 1rem 1rem 1rem;
margin-bottom: 1rem;

}



body #wrapper .bb_bigbox{
background:rgb(48 56 59 / 90%); 
}



#wrapper .abpreis b{
	font-size: 1.5rem;
margin-top: 1rem;
color: var(--black);
text-transform:uppercase; 


}


.zimmerbeschreibung{
padding: 2em;
padding-right: 2em;

}

#main .ausstattung{
padding: 2em;
margin-right: 2rem;
background-color: var(--white)fff;	
}

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


.zeitraum{
display: block;	
}

/* MAP */ 

#mapid{
z-index: 0; 	
}

/* ENDE MAP */ 


#main p.error{
	padding:0; 
}

.error,
#main .widget .error{
	color: #B80000;
	border-color: #B80000;
}

/* FORMS */



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


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;
	    font-family: var(--font-standard);
}

 select{

    border: 1px solid #ededed;
}


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



form > .formbody > fieldset
{
border:0;
padding: 2em;
padding-left:0;
padding-right:0;
border-bottom: 1px solid #999;
margin-bottom:2em;
}
fieldset legend {
	font-size: 1.5em;
width: calc(100% - 2em);
display: block;
padding:0;
color: white;
padding-top: 1em;
text-transform: uppercase;
font-weight: 400;
 color: #222; 
}

span.mandatory{
color:#B80000;
}


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

.special_left .mod_customnav{
border-radius: 1em;	
}


#container #main .inside .paw_teaser{
justify-content: flex-end;
padding-left:0;
padding-right:3rem;
background-color: #423630;
}	

.paw_teaser .ce_headline {
width: 500px;
	
}

.paw_teaser .bb_headline {
text-align: right; 
}

.paw_teaser .bbbg:before{
	      content: "\e878";
    position: absolute;
    right: -200px;
    font-family: 'IcoFont';
    font-size: 1000px;
    top: -200px;
    color: black;
    transform: rotate(-45deg);
    opacity: 0.2;
}




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

.widget{
padding:1em;
float:left;
width:100%;
box-sizing: border-box;
}


.bbaccordion {
	
	background-color: rgb(255 255 255 / 36%);
	padding: 1rem;
	margin-bottom: 3rem;
	}


.mod_bbaccordion {
margin-top:0;	
margin-bottom:0;	
width: calc(100% - 2rem);
}

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

.explanation{
padding-bottom: 2em;	
}

.widget label{
display: block;
}

.mod_iso_productfilter form,
.mod_iso_productfilter .formbody{
width:100%;
}

.mod_iso_productfilter .icofont{
padding:0;
margin:0;
margin-left:10px; 
background-color: transparent;
}

.search .input{
padding-top: 1rem; 
padding-bottom:1rem;		
}

button,
.mod_iso_cart a.button,
.button,
.ce_hyperlink a,
input.submit,
input.button{
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: calc(0.5rem + 0.1rem);
    padding-bottom: 0.5rem;
    color: var(--black);
    border: 1px solid;
    font-size: 1rem;
    font-weight: 300;
	font-family: var(--font-standard);
    background-color: transparent;
    transition: all 500ms;
    margin: 1rem 1rem 1rem 0;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    line-height: normal;
}


button:hover,
.mod_iso_cart a.button:hover,
.button:hover,
.ce_hyperlink a:hover,
input.submit:hover,
input.button:hover{

}

.bigh .bb_headline{
	text-transform: uppercase; 
	    color: #A69485;
		background-color: rgb(227 227 227 / 20%);
		padding: 1rem; 
		box-sizing: border-box;
}

#wrapper .button.submit,
#wrapper button.submit{
	padding-right: calc(60px); 
	font-family: var(--font-standard);
}

#wrapper input.button.submit,
#wrapper input.submit{
	padding-right:1rem;
	line-height: normal;

}

button.submit,
.button.submit {
color: white;
	background-color: var(--color-2);
}



button.submit:after,
.button.submit:after {
    position: absolute;
    font-family: 'icofont';
    content: "";
    width: 60px;
    height: 100%;
    display: flex;
	color: white;
font-size: 1.5rem;
	justify-content:center;
    top: 0;
    right: 0;
    text-align: center;

    align-self: center;
	align-content:center;
	align-items:center;
    transition: all .3s;
animation: bounci 1s ease 1;

}

button.submit:before,
.button.submit:before {
	position: absolute;
   
    content: "";
    width: 60px;
    height: 100%;
    display: flex;


	justify-content:center;
    top: 0;
    right: 0;
 	animation: bounci 1s ease 1;




	background-color: var(--color-2);
}

button.submit:hover:before {
	
 	animation: none;




}


button.submit:hover:after,
.button.submit:hover:after {

	    animation: passing 2s ease infinite;

}
.ce_hyperlink {
overflow: visible;
margin-top:0;	
}

#wrapper #main .bbstickybg .button,
#wrapper #main .bbstickybg a.button,
#wrapper #main .bbstickybg .hyperlink_txt {
    color: var(--white);
    transition: all 500ms;
    overflow: visible;
}

#wrapper #main .bbstickybg .button:hover,
#wrapper #main .bbstickybg a.button:hover,
#wrapper #main .bbstickybg .hyperlink_txt:hover {
    -webkit-box-shadow: 0px 0px 15px -3px var(--white);
    box-shadow: 0px 0px 15px -3px var(--white);
    background: transparent;
}

.wochenproduktteaser .psmall{
padding-right: 0.5em;	
}


.inside .button:hover,
.inside button:hover,
.inside .ce_hyperlink a:hover{
	color: #fff;
	background-color: var(--color-2);
}

.info_container h3{
	    font-family: "Mulish",Verdana,sans;
font-size: 1em; 
font-weight: 700;	
text-align:left;
width: 100%;
}

.info_container a.edit
 {
    width:auto;
    padding:.5rem .7rem;
    background-color: rgba(0, 0, 0, 0.6);
    border:1px solid rgba(255,255,255,.3);
    font-size:12px;
    color: var(--white);
	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;
}

.mod_iso_checkout .info_container{
		padding-top: 3em;
}

/*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: var(--white);
}

/* ENDE STEPS */


.submit_container{
	display: flex;
	justify-content: center;
	margin-top: 1em;
	width:100%;
	align-items: center;
	flex-wrap: wrap;
}



#tel{
/*	background-color:red;  */
z-index: 12;
position: relative;

}

.showtelbutton{
	color: var(--white);
	padding: 0.5rem;
	padding-left:1rem;	
}

#tel > input {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
}



#wrapper #header #tel {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}


        #navmain {
            overflow: visible;
        }

        #navmain:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            background-color: var(--color-7);
            border-radius: 50%;
            transform: translate(-50%, -50%) scale(0);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .menuactive #navmain:before {
       animation: ripple 1s 1;
			
		
        }

        @keyframes ripple {
            0% {
                transform: translate(-50%, -50%) scale(0);
                opacity: 0.2;
            }
			50% {
               
                opacity: 1;
            }
            100% {
                transform: translate(-50%, -50%) scale(80);
                  opacity: 1;
            }
        }

body #tel input:checked ~ .showtel{
	opacity: 1; 
	visibility: visible;
}

body #tel input ~ .showtel{
	display: flex;
   opacity:0;
   visibility: hidden;
    background-color: rgba(0,0,0,.9);
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 20;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
	margin:0;
	text-align:center; 
	transition: all 500ms ease; 
}

body #tel input ~ .showtel .telbox {
    min-height: 545px;
    position: relative;
    background-color: #424242;
    width: 50vh;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
	    text-transform: initial;

}

body #tel input ~ .showtel .telbox .closejs {
    right: 0;
    top: 0;
    position: absolute;
    padding: 1rem;
	padding-top: 0.5rem;
    text-align: right;
    color: var(--white);
		font-size: 2em;
}

body #tel input ~ .showtel .telbox > * {
    width: 100%;
    height: auto;
    text-align: center;
}

.teltext{
    padding: 2rem 1rem;
    background-color: var(--white);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: unset;	
}

.telnum {
    padding: 2rem 1rem;
    background-color: var(--white);
    letter-spacing: 2px;
    line-height: unset;
}



#main .hc-widget,
#container #main .full,
#header .full,
#footer .full,
.fullsliced{
width:100%;
}


#bbanker{
	display: flex;
	flex-wrap: wrap;
	margin:0;
	width:100%;

}


#bbanker ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
		width: 100%; 
		list-style-type: none; 
		    align-content: stretch;
			padding:0;
			margin:0;	
			list-style-type: none; 
}

#bbanker ul li{
			list-style-type: none; 
			-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	display: flex; 
	box-sizing: border-box;
}

#bbanker ul li a{

			width: 100%; 
			text-align:center;

			text-transform: uppercase;

			transition: background-color 500ms; 
}



/*Anmeldeübersicht */ 
.event.anmeldungs_liste{
background-color: 	var(--light);
position:relative;
padding: 2rem;	
}

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

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

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

}

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

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



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

/* ENDE Anmeldeübersicht */ 
#header #menuToggle{
		height: 50px; 
			width: 50px; 
			position: relative;
	
		}
		
		#header #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;
}
 
		
	
.offset1px #header #menuToggle #burger span{
	background-color: var(--black);

	  transition: all 500ms; 
}

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



 #header #menuToggle #cross span:nth-child(1){
      height: 2px;
    width: 0px;
    position: absolute;

    left: 0;
    transition-delay: 0.3s;
      }
	  
     #header #menuToggle #cross span:nth-child(2){
    width: 2px;
    height: 0px;
    position: absolute;
  
    top: 0;
    transition-delay: 0s;
      }

#header #menuToggle #burger {
position: relative;
z-index:2; 	
position: absolute; 
top:0;
left:0;

width: 100%;
	  z-index:12;
}





#header #menuToggle input:checked ~ #burger span{
	width: 0; 
	box-shadow: none;
}


#header #menuToggle #burger span:nth-child(1){
        transition: box-shadow 1s, width 500ms 0.9s;
      }
#header #menuToggle #burger span:nth-child(2){
        transition: box-shadow 1s, width 500ms 1s;
      }
#header #menuToggle #burger span:nth-child(3){
        transition: box-shadow 1s, width 500ms 1.1s;
      }
	  
	  
	  
	  #header #menuToggle input:checked ~ #burger span:nth-child(1){
        transition-delay:0.1s;
      }
#header #menuToggle input:checked ~ #burger span:nth-child(2){
        transition-delay:0.5s;
      }
#header #menuToggle input:checked ~ #burger span:nth-child(3){
        transition-delay:0.3s;
      }



#bbanker ul li:last-child{
	border-right:0;
}


.bb_zimmer_form{
display: flex; 
justify-content:center; 
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;
	 font-family: Cambria,"PT Serif", Georgia;
	 box-sizing: border-box;
	 z-index: 11;
}

#wrapper #container .ce_form .widget.bb_zimmer_form .bb_headline{
font-size: 1rem;
padding:0;	
width: 100%;
}



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

.bb_cover.bb_teaser .bb_text.bb_hover{
opacity: 0; 
visibility: hidden;
position: absolute; 
top:0;
left:0;
display: flex;
width: calc(100% - 2em); 
height:  calc(100% - 2em);
background-color: rgba(0, 0, 0, 0.8);
justify-content:center;
align-items:center;
align-content: center;
box-sizing: border-box;
padding: 2em;
z-index:10;
margin: 1em; 
}

.bb_cover.bb_teaser:hover .bb_text.bb_hover{
opacity: 1; 
visibility: visible;
}

.bb_zimmer_form .bb_teaser.bb_cover .bb_content:before{
height: 100px;
}

.bb_zimmer_form .bb_subheadline{
margin-bottom: 0;	
color: white;
}

.programm .bb_headline{
font-size: 2rem;	
}


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



.down_button:before {
    position:relative;
    margin-left:-13px;
    transform: rotate(35deg);
    content: '';
}

.down_button:after {
    position:absolute;
    margin-left:13px;
    transform: rotate(145deg);
    content: '';
}
.down_button:after,
.down_button:before {
    width:2rem;
    height:2px;
    top:1rem;
    position:absolute;
    background-color: var(--white);
}
.down_button{
    width:100%;
    height:2rem;
    left:0;
    position:absolute;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    font-size:0em;
    -webkit-animation: jump 8s ease 0s infinite normal;
    animation: jump 8s ease 0s infinite normal;
    z-index: 2;
    bottom: 2rem;
	opacity: 0.8;
}

/* ende Downbutton 

*/
#footer .gototop {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0;
    margin: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 75px;
    height: 75px;
    z-index: 85;
    display: flex;
    position: absolute;
    color: white;
    background-color: black;
    border-radius: 1em;
    top: 0px;
    font-size: 3em;
  border: 1px solid rgb(246 241 229 / 10%);
	    color: #4c94c4;
		font-weight: bold;
		background-image: url(../../files/Layout/hg_om_40.webp);
}

#footer .back_button{
	height: 63px;
	width: 63px;
	align-content:center; 
	display:flex; 
    right:70px;
    position:fixed;
    margin-right:auto;
    margin-left:auto;
	color: #222;
    text-align:center;
    z-index: 10;
    bottom: 0;
	font-size:2rem;
    background-color: rgb(255 255 255 / 90%);
	opacity:0; 
	visibility: hidden; 
	transition: all 2s;
	justify-content: center; 
	box-shadow: 0px 1px 16px 0px rgb(0 0 0 / 13%);
	font-weight: 700;
	z-index: 22; 
}

.stick #footer .back_button{
	
	opacity:0.8; 
	visibility: visible; 
}






@media (orientation: portrait) and (max-width: 812px){
	.mod_bb_header.slider25,
	.mod_bb_header.slider50,	
	.mod_bb_header.slider25 .item img,
	.mod_bb_header.slider50 .item img{
	height: 50vh;
	}	
	
	
	
		header .inside{
	margin: 1.5rem; 
margin-top: 3rem; 
margin-bottom: 3rem; 	
width: calc(100% - 3rem);
	}
	

	
	
}

























@media (orientation: landscape) and (max-width: 812px){
#header	.mod_bb_header .item img{
	height: 100vh;
	}
	
	#header .mod_bb_header.slider50 .item:before{
		height: 100vh;
	}
}
@media screen and (max-width: 1921px){
	
	#menu img{
	max-height: 1100px;	
	}

.bb_mag_1 .bb_teaser:nth-of-type(1){
	
    width: calc(40% - 10rem);
}


.bb_mag_1 .bb_teaser:nth-of-type(2){
	width: calc(60% - 2rem);
}


#wrapper #main .inside > .mod_article.padding-left-article {
    background: linear-gradient(90deg, var(--color-2) 0%, var(--color-2) 62%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0) 100%);
}



}

.bb_mobile-812{
	display: none !important; 	
	}

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

	
	.bb_mobile-812{
	display: block !important; 	
	}
	
	.header_side a{
	padding: 0.75rem;	
	}
	
	
	#header	.mod_bb_header .item img{
		height: 85vh;
	}
	.bbtop,
.bbbottom .icofont-phone {
height: 52px; 
}

#footer .bbbottom ul li a, 
#footer .bbbottom ul li strong{
		margin-left:0; 
margin-bottom:0;
font-size: 16px; 
padding: 16px;	
}


#footer .bbbottom ul li .icofont-phone{
font-size: 20px;	
}
	

	
	.bbbottom{
	    opacity: 1;
    visibility: visible;
    z-index: 3;	

	}
	
	
	
	.ce_text.bb_list ul, .zimmer .ausstattung ul, .mod_iso_productreader .ausstattung ul {
    column-count: 1;
    margin-left: 20px;
    column-gap: 0;

	}
	
	.zimmer .row_1 .box_1,
		.zimmer .row_1{
	width: 100%; 	
	height: auto;
		margin-right:0;}
	
	.box_top{
	margin-bottom:0;	
	}
	
	
		
	
	.zimmershow{
justify-content:center;	
	}
	
	
	
	
	
	


	

	#header #menu,
	#header .stick #menu{
	margin:0;
	width:100%;
	height: 100vh; 
	}
}

@media screen and (max-height: 500px){
	


	
.bb-button{
display: none;
} 	
}



@media screen and (max-width: 1024px), (max-height: 700px){
	.mod_bb_header .textbox{
	font-size: 2rem;	
	}
	
	.menuactive .header_side{
	z-index:2000;	
	width: calc(100% - 100px);
	    background: rgb(255 255 255 / 0%);
	box-shadow: none;
	}
	
	.menuactive .header_side a {
	color: white;	
	}
	

	
	.bb_mainnav ul.level_1 .expandable.level_2{
		padding: 1rem;
		background-color: rgb(69 14 82 / 31%);
	}
	
	.bb_mainnav ul.level_1 .expandable.level_2.open{

	
	}


	

	
		#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
		background: transparent;	
			
		}
		
		
	
	
	
	#navmain .menucontent .bb_mainnav ul li a:hover{
	padding-left:0;	
	}
	

	
	.noheader.nofunction #header .inside{
height: 180px;
}
/*
	.noheader #header .inside .logo{
	align-items: 	flex-end;
	padding: 1rem;

	}
	*/
	.noheader #header .inside{
		padding-top: 70px;
		height: 200px;
	}
	




	
	header div.logo {
		top: 5em;
	}
	
	.bb_specialnav.special_left,
	.stick .bb_specialnav.special_left,
	.menuactive .bb_specialnav.special_left,
	.menuactive.stick .bb_specialnav.special_left{
		bottom:0;
		top:unset; 
		right: unset;
		left:0;
		width:100%;
		position: fixed;
		background: white;
		border-radius: 0;
	}

		#header .bb_specialnav.special_right > .mod_customnav ul,
	#header .stick .bb_specialnav.special_right > .mod_customnav ul{
		justify-content: flex-end;
		align-content:flex-end;
		align-items:flex-end;
	}
	
	.headbox{
	top:0; 
bottom:unset; 
left:0;	
padding:0;
position:fixed;
width:100%;
height: auto;
background-color: rgb(255 255 255 / 90%);;
box-shadow: 0px 1px 16px 0px rgb(0 0 0 / 13%);
	}
	

	
	
	
	#wrapper #main .zimmer .bb_content,
	#wrapper #main .zimmer .side{
		width: 100%;
}
	
	
	
	#navmain .menucontent .bb_mainnav ul.level_1{
	padding:0; 
		border:0;
		background: transparent;
	}
	
	.bb_adressblock{
	padding: 1rem;	
	}
	
	#wrapper #container #main #mapid{
	margin-right: 4rem;
	margin-left: 4rem;
	}
	
	
	
	#wrapper #idwkontakte{
	display: none;	
	}
	
	body #wrapper #main .bb_teaser.zimmer{
width: 608px;
padding:0;
max-width: calc(100% - 2rem);
box-sizing: unset; 
}



	
	
		#main .informationen{
		flex-wrap: wrap;	
		}


	
	
	#wrapper #container .mod_article.w50-50 > *
	{
	width: 100%;
margin-right:0;
margin-bottom:1px;	
	}
	
	
	#main .ce_text.float_left > *,
	#main .ce_text.float_right > *{
	width: 100%; 
text-align:center;
justify-content: center;	
	}
	
	#main .ce_text img{
	margin-left:0;
margin-right: 0; 
margin-bottom: 2rem;	
width: 100%;
	}
	
	
		#bbanker.count_4 ul,
		#bbanker.count_5 ul,
		#bbanker.count_3 ul{
			flex-wrap: wrap;
	}
	
	
	#bbanker.count_4 ul li,
	#bbanker.count_5 ul li,
	#bbanker.count_3 ul li{
		width: 50%;
		border-top: 1px solid rgba(192,192,192,0.1);
		border-right: 1px solid rgba(192,192,192,0.1);
	}
	
	
	#main .zimmer .ce_sliderStart .slider-control{
	left: unset;
    width: 100%;
    top: 0;
    right: unset;
	}

	
	
#wrapper .bb_specialnav li > .icofont-phone > span,
.bb_specialnav li > * > span, .bb_specialnav li span.icontext{
 display: none;
}

#wrapper #header .bb_specialnav.special_right ul > li > a:hover, 
#wrapper #header .bb_specialnav.special_right ul > li > div.mod_iso_cart:hover{
background: none;	
}



	
		
		.gaestestimmen .slider-prev,
		.gaestestimmen .slider-next{
		display: none; 
	}
	
	
	#main .slider-prev,
	#main .slider-next{
		display: none; 
	}
	#main .slider-menu{
	top: -1rem;	
	bottom: unset; 
	}
	
	
	
	.company, .bbadr1, .bbadr2{
	padding-left:0;	
	}
	
	
	#main .ce_sliderStart .bb_teaser.bb_cover .bb_content{
		margin:0;
		max-width: none;
	}
	
	#main .ce_sliderStart .bb_teaser.bb_cover img,
	#main .ce_sliderStart .bb_teaser.bb_cover figure{
	width: 100%;	
	}
	
	#wrapper #main .wsmall-big figure img, 
	#wrapper #main .wbig-small figure img{
		margin-left:0;
		margin-right:0;
	
	}
	
		#wrapper #main .wsmall-big figure img{
		margin-top:0; 
	}
	
	
		
	#wrapper #main .wbig-small figure{
			margin-bottom:0; 
	}
	.startseite .mod_bb_header:after{
	display: none;	
	content: none;
	}
	


.noheader #header .inside{
height: 150px;	
}

.bb_social{
display: flex; 
justify-content:center;	
}


#footer .bb_social a{
padding: 1rem;  
margin: 1rem;
display: flex; 	
color: white;
}


	.noheader #wrapper #vri-container-13308{
	position: fixed; 
bottom:0;	
	}
	
	.bb_top_container {
    width: 100%;
    left: 0;
    background-color: rgb(255 255 255 / 50%);
    box-shadow: rgb(0 0 0 / 11%) 0px -1px 13px 0px;
    backdrop-filter: blur(0.3em);
	    height: 63px;

}



.bb_footer .bb_address,
.bb_footer .footer_form,
.bb_footer .bb_footernav,
.bb_footer .bb_adressblock,
.bb_footer .footer_hl{
width: 100%;
padding:0; 
text-align:center;
justify-content: center;
}

.bb_footer .bb_footernav ul{

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

.ce_text.bb_list ul, .bb_list ul, .zimmer .ausstattung ul, .mod_iso_productreader .ausstattung ul{
padding: 2em;
}

#header .bb_specialnav.special_right ul > li > a, 
#header .bb_specialnav.special_right ul > li > div.mod_iso_cart{
color: #222;
	border: 0px;
	margin-right:0px;
	align-items: center;
}

#header #menuToggle .logo img {
    transform: scale(0.5);
    top: -19px;
    left: 0em;
}

	
	body #wrapper #container #main .wsmall-big > *, body #wrapper #container #main .wbig-small > *{
	width:100%;	
	text-align:center;
	}

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


	
	#main .inside > *{
	    padding-top: 4rem;
    padding-bottom: 4rem;	
	}
	
	
	#wrapper .special_left{
	    box-shadow: 0px 1px 16px 0px rgb(0 0 0 / 13%);
	}
	.special_left .mod_customnav{
	border-radius:0;	
	}
	
	.special_right{
	background: transparent;	
	}
	
	
	#wrapper #vri-container-13308 .vri-element-date input, #wrapper #vri-overlay .vri-container-13308 .vri-element-date input, #wrapper #vri-container-13308 .vri-element-input-icon input, #wrapper #vri-overlay .vri-container-13308 .vri-element-input-icon input, #wrapper #vri-container-13308 .vri-element-date input[type="text"], #wrapper #vri-overlay .vri-container-13308 .vri-element-date input[type="text"], #wrapper #vri-container-13308 .vri-element-input-icon input[type="text"], #wrapper #vri-overlay .vri-container-13308 .vri-element-input-icon input[type="text"]{
	width: 100%;	
	}
	

	
	#menu{
	    height: calc(100vh - 7rem);	
	}
	
	.menuactive #header .mod_customnav.topnav{
	padding:0;	
	}
	
	.firefox #wrapper #header .submenu{
	display: flex;	
	}
	
		.bottomnav .mod_customnav{
		margin-bottom: 2rem;
		
	}
	
	

	
	.iso_cart_hover {
    bottom: 55px;
	top: unset;
	}
	
		body #header .mod_customnav.topnav{
		position: fixed;
    background-color: #424242;
    bottom: 0;
	padding:0;
	top:auto;
	right: unset;
    width: 100%;
    left: 0;
    justify-content: center;
    display: flex;

}
	



	#bbanker ul li a{
			letter-spacing: unset;
	}
} 



.safari .no_safari{
display: none !important;	
}


body #wrapper .invisible{
padding:0;
width:0;	
visibility: hidden;
}


@media screen and (min-width: 1025px) and (max-height: 1000px){
	

	
	.bb_mainnav .mainquicknav{
	padding-top: 3rem;	
	}
	
}



@media screen and (min-width: 1025px) and (max-height: 700px){

	
.menuactive .headbox{
bottom: unset; 
top:0;	
}



#header #navmain .menucontent .bb_mainnav ul.level_1{
width: 100%;
box-sizing: border-box;
}

}



@media screen and (max-width: 1900px) and (max-height: 800px) and (min-height: 701px){
	.menuactive .bb_specialnav li > * > span, 
	.menuactive .bb_specialnav li span.icontext{
	bottom: -20px;
	}
	#header .bb_specialnav.special_right ul > li > a:hover, #header .bb_specialnav.special_right ul > li > div.mod_iso_cart:hover{
		background: transparent;
	}
	
}


	



@media screen and (max-width: 1024px),  (max-height: 700px){
	
	
	.bottomnav{
	padding-bottom: 10rem;	
	width: 100%;
	}
	
	/*
	#wrapper #menu .menucontent::-webkit-scrollbar {
	display:block;
		width: 10px; 
			background:transparent; 
	}
	
	#wrapper #menu .menucontent::-webkit-scrollbar-thumb{
	background: #222;	
	}
	*/
	
#menu,
	.stick #menu{
	margin:0;
	width:100%;
	height: 100vh; 
	}

.bb_mobile #navmain .menucontent .bb_mainnav ul li a, 
.bb_mobile #navmain .menucontent .bb_mainnav ul li strong{
	justify-content:center;
}

#menu .menucontent .bb_mainnav ul.level_2 li{
transform: unset; 
opacity: 1; 	
}

#navmain .menucontent .bb_mainnav ul.level_2 > li > a, #navmain .menucontent .bb_mainnav ul.level_2 > li > strong{
	margin:0;
	padding:0;
	margin-bottom: 0.25rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: 1rem;
}

#navmain .level_1 > li:after{
	content: none;
}

	#navmain .menucontent .bb_mainnav ul.level_1{


	}
	
	#navmain .menucontent .bb_mainnav ul.level_2 > li:hover > a, #navmain .menucontent .bb_mainnav ul.level_2 > li:hover > strong{
	padding-left:0;	
	}
	
	.menuactive #navmain .menucontent .bb_mainnav ul.level_2{
	height: auto;

	position: relative; 
	left:unset;
	top:unset;
	opacity: 1;
	visibility: visible;
	z-index:1;
	transition: none;
	}
		#navmain .menucontent .bb_mainnav ul.level_2{
		width: 100%;
		}
	
	.bb_mainnav .mainquicknav,
	#navmain .menucontent .bb_mainnav > ul.level_1{
	width:100%;	
	}
	

	
	.bottomnav .mod_customnav{
		margin-top: 2rem;
		flex-wrap:wrap;
		position:relative;
		bottom:unset;
		
	}
	
	.bottomnav .mod_customnav ul li{
	width: 100%;
	}
	
	
	
	
	
	

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

	
	#navmain .menucontent{
	margin-top: 0px;
	  overflow-y: scroll;
		height:calc(100vh - 6em);

	}

	#menu .menucontent::-webkit-scrollbar {
		 display:none;
	}
	

}




	
	
	

@media (max-width: 812px){



	#header #menuToggle #burger span{
		width: 35px;
		margin-top: 7px;
	}
	
	#header #menuToggle{
	width: 35px; 
height: 35px;	
	}
	
		#navmain{
	top: 0rem;
	left:0rem;
	border:0;
	padding:0;
	margin:7px;	
	left:1.5rem;
	}
	
	 .offset1px #header #navmain{
	border: 0px solid rgb(255 255 255 / 0%);


	}
	
	#header #menuToggle #burger span{
	background-color: var(--black);	
	}





	
	
	
	

.smallheader .bb_top_container{
	background-color: white; 
}

	
.smallheader .header50percent .bb_top_container{
	   background-color: rgb(255 255 255 / 50%); 
}
	  
 
	
	
.smallheader #header .mod_bb_header{
		padding-top: 63px;
		padding-bottom: 63px;
	
		
	}
	
	
	.mod_iso_productfilter .formbody{
	justify-content: center;	
	}
	
	.widget.bbw50,
	.widget.w50{
width: 100%;
box-sizing: border-box;
}




.ce_form{
padding: 0rem;
}

.anmeldung_detail .ce_form{
	padding:1rem;
}
	#container #main .product.bb_teaser.bb_wide .submit_container > *,
	#container #main .product.bb_teaser.bb_wide .submit_container .options{
	width: 100%;	
	}

	html{
font-size: 16px;

}
	
	.header_side a {

    padding-bottom: 10px;
    padding-top: 14px;
	}
	
		.header_side a.bb_iconfont {

    padding-bottom: 12px;
    padding-top: 12px;
	}
	
	
	
	#container #main .product.bb_teaser .submit_container{
	flex-wrap: wrap;	
	}

	
	#container #main .product.bb_teaser:not(.wertgutscheinteaser):not(.type_1) .submit_container input{
	width: calc(100% - 1em); 	
	justify-content: center;
	box-sizing: border-box;
	}
	
	
	.headbox{
	padding:1rem;
	}

	
	
}

@media screen and (min-width: var(--standard)){
body .mod_iso_cart .bb_mobile{
display: none !important;	
}
body .mod_iso_cart .nomobile,
body .mod_iso_cart .bb_nomobile{
display: flex !important;	
}





}


@media screen and (max-width: var(--standard)){
body .mod_iso_cart .nomobile,
body .mod_iso_cart .bb_nomobile{
display: none !important;	
}

body .mod_iso_cart .bb_mobile{
display: flex !important;	
}




}

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

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


@media screen and (min-width: 2000px){
	
	.level_1 > li.bbactive_l1:after{
	width: calc(40vw + 100px); 	
	}
	
#navmain .menucontent{

	    padding-top: 10vh;
		padding-bottom: 10vh;
		padding-left: 10vw;
		padding-right: 10vw;


}
}

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


	#wrapper #header .bottomnav .mod_customnav ul li a, #wrapper #header .bottomnav .mod_customnav ul li strong {

font-size: 0.8rem;
	}

}


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


	#wrapper #header .bottomnav .mod_customnav ul li a, #wrapper #header .bottomnav .mod_customnav ul li strong {

font-size: 1rem;
padding-left: 0.5rem; 
padding-right: 0.5rem; 
	}

}




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

	
	
	
	.bb-overlay{
	bottom:1rem; 
right: 1rem;	
	}
	
	   #wrapper #container .inside .padding-left-article .fi_special_first {
        width: 100%;
        padding-top: 1rem;
        margin: 0;
		position: relative;
		padding-right: 55%;
    }
	
	
	#wrapper #container .inside .padding-left-article.smallslider{
	padding-top:2rem;	
	}
	
	
	#wrapper #container .inside .padding-left-article.smallslider .fi_special_first {
	width: 100%;	
	padding-top: 0;
	}
	
	   #wrapper #container .inside .padding-left-article.smallslider .fi_special_first .slxdxr_nav_container {
        width: 100%;
		padding-bottom: 1rem;
		justify-content:flex-start;
    }
	
	#wrapper #container .inside .bb_full.padding-left-article.smallslider .bb_slxdx_container{
	margin-left: 1rem;	
	}
	
	    #wrapper #main .inside > .mod_article.padding-left-article {
        background: linear-gradient(180deg, var(--color-2) 0%, var(--color-2) 62%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0) 100%);
    }
	
	
	#wrapper #container .inside .bb_full.padding-left-article .bb_slxdx_container{
	margin-left:0;	
	}
	

	
	.footer_form img{
	padding-left:0;	
	}
	
#container #main .wsmall-big > *, #container #main .wbig-small > *{
	width: 50%;	
	}
	
	.footer_form .bb_social{
	text-align:center;	
	}
	
	.footer_form{
	width: 100%;	
	display: flex; 
	justify-content:center;
	flex-wrap: wrap;
	}
	
	.footer_form .footer_hl{
	text-align:center;
justify-content:center;	
	}
	.noheader .special_right .phone{
		display: none;
	}

	.noheader #wrapper .special_left {
    box-shadow: 0px 1px 16px 0px rgb(0 0 0 / 13%);
	}	

		.noheader .bb_specialnav.special_left, 
	.noheader .stick .bb_specialnav.special_left, 
	.noheader .menuactive .bb_specialnav.special_left, 
	.noheader .menuactive.stick .bb_specialnav.special_left {
    bottom: 0;
    top: unset;
    right: unset;
    left: 0;
    width: 100%;
    position: fixed;
    border-radius: 0;
	background-color: rgb(255 255 255 / 80%);
	}
}
@media screen and (min-width: 1025px){
	
	
	

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

 #header #menuToggle #cross span:nth-child(1){
	     top: 24px;
 }

     #header #menuToggle #cross span:nth-child(2){
		   left: 24px;
	 }

}


@media screen and (max-width: 1280px), (max-height: 1100px){
	
	.menuactive #navmain{
	top: 1rem;
left: 1rem;	
	}
	
	
}




@media screen and (max-width: 1024px){
	 
		.menuactive .header_side .logo{
	filter: grayscale(1) brightness(100);	
	opacity:1; 
	visibility: visible;
	}
	
	.bb_fi_listing{
	flex-wrap: wrap;	
	}
		
	.bb_fi_listing > .bb_content,
	.bb_fi_listing:nth-child(2n) > .bb_content{
	width: 100%;
	margin-top: 3rem;
	margin-left:0;
	margin-right:0;
	}
	
	.ce_text ul, .ce_list ul{
		padding-left:0;
	}
	
	.bb_column-2 ul{
	column-count:unset;	
	}
	
	.noheader #wrapper:not(.menuactive) #navmain{
position: fixed;
top: 0rem;
background-color: transparent;
border: 0px solid rgb(255 255 255 / 0%);
padding: calc(0.5rem - 8px);
}
	
	
	#header	#navmain .menucontent{
		min-height: 50vh;
	margin-top: 74px;
	margin-top:0;
	height: calc(100%);
	padding-bottom: 200px;
	box-sizing: border-box;
	margin-top: 3rem;
	background-color: var(--color-7);
	border-top: 1px solid white;
		}
	
	
	#navmain .menucontent{
	    align-items: start;
    align-content: start;
	padding-top:0;
	width:100%;
	}
	
	
	
	#wrapper #main .bb_mag_1 .bb_teaser:nth-of-type(2){
	width: 100%;	
	}
	
	#wrapper #main .bb_mag_1 .bb_teaser:nth-of-type(1) {
 display: none; 
}




	
	   #wrapper #container .inside .padding-left-article .fi_special_first {
		padding-right: 25%;
    }
	
	
	
	#wrapper #main .wbig-small{

	flex-direction: column-reverse;
	padding-bottom: 4rem;
}



#main .submit_container input.submit.add_to_cart{
	font-size: 0.6rem; 	
	height: 60px;
	}
	
	#wrapper .quantity_container input{
		
	}
	
}

@media screen and (max-width: 900px){
	
	#wrapper	.bb_teaser.bb_wide .image_container,
	#main .anwendungen_right{
	display: none;	
	}
	
	#main .anwendungen_left{
	width:100%;	
	}

	
}


@media screen and (max-width: 812px){
	
	
	.mod_bb_header .textbox{
		font-size:3rem;
	}
	
	
.ankernav a, #wrapper .mod_article .bb_teaser.bb_dynamicnav_teaser.ankernav.bb_noimg{
width: calc(50% - 4rem);
}

	
	#wrapper #footer .bbtop{
	display: none;	
	}
	
	#header .bbcart{
bottom:0;
top:unset;
right:unset;
left: 153px;	

}




.bbcart .iso_cart_button{
font-size: 23px;	
}

#wrapper  #header .bbcart .mod_iso_cart{
background-color: #A69485;
height: 52px;	
color:white;
}
	#down{
	display: none;	
	}
	
	
		.headbox{
	height: 4rem;
	padding-top:0;
	padding-bottom:0;
	}
	

	#iso_ajaxBox{
box-sizing: border-box;
width: calc(100% - 4rem);	
left: 0%;
margin: 2rem; 
}
	
	




		
	}





@media screen and (max-width: 2100px){
.partnerlink{
padding: 2rem;
}

.bb-button img{
width: 200px;
}
}


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

	
	#wrapper .wertgutscheinteaser .quantity_container,
#main .bb_teaser.product.wertgutscheinteaser .submit_container{
	justify-content:center; 
	padding-left:0;
	}
	
	
	#wrapper .quantity_teaser .quantity_container input.text{
	border-right: 	1px solid #d0d0d0;
	margin:0;
	}
	
	
	#wrapper .wertgutscheinteaser .bb_content {
	padding-bottom: 150px;	
	}
	
	#wrapper #main .quantity_teaser:not(.iso_right) .add_to_cart{
	font-size: 0.75rem;	
	}
	
	
}


@media screen and (max-width: 1400px){
	
	#wrapper .sparwochen_list_item > div > .top_container > *:not(.submit_container)
	{
		width: 100%;
		min-width: 100%;
		max-width:100%;
	}
	
	
	#navmain .menucontent{
	padding:2rem;	
	}
	
	
	
	.bb_wellnessbb .right{
	width: 100%;
	padding-left:0;
}

	
	
		#wrapper #container .mod_article.w33 > *
			{
	width: 100%;
margin-right:0;
margin-bottom:1px;	
	}
	
	
	#wrapper #container .mod_article.w33 .bb_teaser:nth-last-child(1),
	#wrapper #container .mod_article.w50-50 .bb_teaser:nth-last-child(1)
	{
	margin-bottom:0;	
	}
}
	
		.bb_mobile-667{
	display: none !important; 	
	}
	
	
	@media screen and (max-width: 1280px){
			.header50 .bb-overlay{
			z-index:100;
			position: fixed;
width: 80%;
max-width: 100%;
bottom:6rem; 
left:10%;
        box-shadow: -2px 0 250px rgb(0 0 0 / 20%);
		opacity:0.9;
		visibility: hidden; 
		opacity:0; 
		transition: all 2s; 
	}
	
	
	
		.header50 .bb-overlay{
			z-index:100;
			position: fixed;
width: 80%;
max-width: 400px;
bottom:6rem; 
left:unset;
        box-shadow: -2px 0 250px rgb(0 0 0 / 20%);
		opacity:0.9;
		visibility: hidden; 
		opacity:0; 
		transition: all 2s; 
		top:unset;
		
	}
	
	.header50 .offset1px .bb-overlay{
		visibility: visible; 
		opacity:1; 
	}
	
	.header50 .bb-overlay .bb_headline,
	.header50 .bb-overlay .bb_subheadline{
		justify-content:center;
	text-align:center;
	margin-bottom:0;
	}
	
	.header50 .bb-overlay .button{
		margin-top:0;
	}
		.header50 .bb-overlay img{
			display:none;
		}
	
	}
@media screen and (max-width: 667px){
	
	.bb_mobile-667{
	display: block !important; 	
	}
	


 .menuactive #header #navmain{
	  top:0;
 }


	
	
		.bb-overlay{
			z-index:100;
			position: fixed;
width: 80%;
max-width: 100%;
bottom:6rem; 
left:10%;
        box-shadow: -2px 0 250px rgb(0 0 0 / 20%);
		opacity:0.9;
		visibility: hidden; 
		opacity:0; 
		transition: all 2s; 
	}
	
	.offset1px .bb-overlay{
		visibility: visible; 
		opacity:1; 
	}
	
	.bb-overlay .bb_headline,
	.bb-overlay .bb_subheadline{
		justify-content:center;
	text-align:center;
	margin-bottom:0;
	}
	
	.bb-overlay .button{
		margin-top:0;
	}
		.bb-overlay img{
			display:none;
		}
	
	#wrapper #container .inside .padding-left-article .fi_special_first {
        padding-right: 0%;
    }
	
	#main .mod_article.padding-left-article .ce_headline .bb_headline{
	padding-left: 10rem;	
	margin-left:0;
	padding-right: 0.5rem; 
	box-sizing: border-box;
	margin-right:0;
	width: 100%;
	}
	
	#wrapper #main .inside > .mod_article.padding-left-article:not(.smallslider){
	padding-top:110px;	
	}
	
	
	#wrapper #container .inside .padding-left-article:not(.smallslider) .fi_special_first  .slxdxr_nav_container {
		margin-right: 1rem;
	}
	
	#wrapper #container .inside .bb_full.padding-left-article:not(.smallslider) .bb_slxdx_container{
	margin-top: 2rem;
margin-left:0;	
	}
	
	.mod_article.padding-left-article .background-h{
		left:0;
	}
	
.sparwochen_list_item > div > * {
width:100%; 
min-width: 100%;
max-width:100%;
}

#wrapper .sparwochen_list_item .submit_container .button{
margin-left:0;	
}

.sparwochen_list_item > div{
	flex-wrap: wrap;
}
	#wrapper #main .inside .bbstickybg{
	margin: 1.5rem;	
	width: calc(100% - 3rem);
	}
	

	
#wrapper #main .inside .bbstickybg{
	min-height: 75vh;	
	}
	
	
	.mod_iso_checkout .payment .widget{
		padding: 0rem;
		padding-bottom: 1rem;
	}
	
	.bb_footer .zip:before, .bb_footer .country_de:before{
	content: none;	
	}
	
	.bb_footer .bb_adressblock span{
		width:100%;
	}
	
		.bb_footer .bb_adressblock span.zip,
		.bb_footer .bb_adressblock span.city{
		width:auto;
	}
	
	
}

@media screen and (max-width: 1647px) {
	
	
	    #main .inside > * {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: calc((100% - var(--standard)) / 2);
        padding-right: calc((100% - var(--standard)) / 2);
        position: relative;
        transition: height 2s opacity 1.5s;
        min-height: 0;
    }
	
	
}
		

@media screen and (max-width: 1600px){
	
	.mod_article.padding-left-article .ce_headline .bb_headline{
	width: 55%;
font-size: 2rem;	
	}
	
	#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong{
	font-size: 1.5rem;	
	}
	
	#footer .bb_footer {
	padding-bottom: 100px;	
	}
	
	.bb_specialnav.special_right{
	left: unset; 
top: unset; 
bottom:0;	
transform: unset;
width:100%;
    background: rgb(255 255 255 / 85%);
display: flex;
justify-content:center;
	}
	
	#header .bb_specialnav.special_right > .mod_customnav ul, #header .stick .bb_specialnav.special_right > .mod_customnav ul{
	display: flex; 
justify-content:center;	


	}
	
	#main .blog_left .layout_latest{
	margin-left: 0;	
	}
	
	.blog_left .sign{
		margin:auto;
		position: relative; 
	left:0;
	height: 50px; 
	font-size: 0.8rem;
	}
	
	
	

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

.display-small .mod_eventlist.kalender .day{
	
    width: calc(14.28% - 0.6em);

}


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


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

    width: calc(50% - 2rem);

}


}





@media screen and (max-width: 1300px){
	
	
	.header_side .logo{
			position: relative;
			left:unset;
			top: unset;
			padding-top:0;
			padding-right: 0.5rem;
	}
	
	
	#wrapper #container .contentnav{
justify-content:center;	
}
	
	
	.bb_fi_listing{
	padding: 1rem;	
	}
	
		.bb-button{
    width: 150px;
	right: 1em;

}
	
	


.bbcart{
top:0rem;
right: 5rem;	
}

.zimmer{
width: 923px;
}
	
}


@media screen and (max-width: 1280px){
	
	.reihe_2{
	margin-top: 1rem;	
	}
	
	.reihe_4 .submit_container {
position: relative;
margin-top:1rem;
}
	
	.mod_article .watchlist_iso_item{
	width: calc(50% - 4rem);
margin: 2rem;	
max-width: 500px;
min-width: 300px;
        box-sizing: border-box;
	}
	

	
	.reihe_1{
	flex-wrap: wrap;
	justify-content:flex-start;
	}
	.spalte_1{
	min-width: 200px;
	width: 100%;
	}
	
	.spalte_2{
	width: 100%;
	}
	
		.spalte_3{
			margin-top: 1rem;
	width: 100%;
	}
	
	.reihe_1 .submit_container{
	margin-bottom: 1rem;
		margin-top: 1rem;
	width: 100%;
	    justify-content: flex-start;
	}
	
	
		#wrapper #main .bb_mag_1 .bb_teaser:nth-of-type(1) {
padding-left:0;
}
	

		#header .mod_iso_cart .itemcount{
		   right: 10px;
			    bottom: 15px;
width: 16px; 
height: 16px; 	
}




	
	
	#wrapper .bb_teaser.padding-top-2{
	padding-top: 0 !important; 	
	}
	
	

	
	
	.mod_article >*, 
	.ce_accordion .ui-accordion-content > * > *,
	#main .mod_breadcrumb{
			margin-left: 2em; 
			margin-right:2em;
			    width: calc(100% - 4em);
	}
	
	.bb_full > * {
width: 100%;	
}
	



	.bb_bigbox.close_absolute .bb_bigboxcontent{
		
position:unset; 


}

	
	
	
	
	.slideranimation .mod_bb_header .item img{

  animation-name: none;

}
	
}




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

	
	.bb_adressblock .street{
	display: block;	
	}
	
	.mod_breadcrumb ul li{
			font-size: 1em;	
	}
	
	#wrapper .bb_teaser .bb_headline{
	font-size: 1.5em;	
	}
	
	#main .zimmer .bb_content{
	padding-left: 1em;	
		padding-right: 1em;	
	}
	
		#main .zimmer .bb_content .info_button i{
		display: none;	
		}
		

	
	
	
	#navmain .menucontent {
	padding: 2em;
	}
	
	#header #menuToggle input {
	width: 65px;	
	}
	
	h1, h2, h3, h4, h5, .mod_article .bb_headline, .bigbox .bb_headline, span.bb_headline{
	font-size: 2rem;	
	}
	

	
		.bb_headline:before,
.bb_headline:after{
	content: none;
}
	

}

@media screen and (max-width: 1100px){
	
	
.mod_bb_header .item img,
.mod_bb_header .item video,
.mod_bb_header .placeholder img {
	max-height: 1000px;

}
	

.zimmer .box_2{
display:none; 
}

#main .zimmer .bb_content {
    width: calc(100% - 400px);
    padding: 4em;
}

}

@media screen and (max-width: 319px){
		#header #menuToggle .logo,
	.offset1px #header #menuToggle .logo{
	display: none;	
	}
	
		#header #menuToggle input{
	width: 100%;
left:0;	
	}
}

/* BB_MOBILE */ 

@media screen and (max-width: 667px) {
	
	#wrapper .bb_teaser.produktteaser:first-of-type{
margin-top: 0; 	
}
	
		.header_side a{
	padding: 1rem;	
	}
	
	
	
  .bb_nomobile {
    display: none !important;
  }

  .bb_mobile {
    display: flex !important;
  }

}


@media screen and (min-width: 667px){
.bb_mobile{
	display: none !important;	
	}
.bb_nomobile{
	display: flex !important;	
	}
	
		.offset1px .fader-control{
	    opacity: 0;
    visibility: hidden;
	}
	
}


/* END BB_MOBILE */ 
	
	@media screen and (min-width: 400px){
		#navmain .menucontent .bb_mainnav ul.level_1 > li.Startseite{
	display: none; 	
	}
	}
	
	
	@media screen and (max-width: 420px){
	
.header_side a{
padding-right: 0.75rem; 
padding-left: 0.75rem; 
}
	}

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

	.header_side .logo{
	display: none;	
	}
}


@media screen and (max-width: 400px){
	
	
	.bb_newsteaser .bb_headline{
	margin:0;	
	}
	

	
	#navmain .menucontent .bb_mainnav ul.level_1 > li.Startseite{
	display: block; 	
	}
	
	.bb_watchlist {
    width: 230px;
	right: -230px;
	}
	
	.mod_bb_header .textbox{
		font-size:2rem;
	}
	
	
		.mod_article .watchlist_iso_item .text{
	min-width: 200px;	
	}
	
	



	
	
	#header .special_right .gutscheine{
	display: none;	
	}
	
.zimmer.bb_teaser .zimmername{
font-size: 1.5em;	
}
	
#main .zimmer.bb_teaser	.bb_content{
	padding: 1em;
	padding-top: 2em;
}
	
	
	
	.partnerlink{
	padding: 1rem;	
	}
	
	#main .productteaser .bb_price{
	font-size: 0.8rem;	
	color: white;
	}
	
	.steps ol li{
	    padding: 0.4em;	
		    font-size: 0.75em;
	}
	
	
	.bb_adressblock{
		    letter-spacing: normal;
	}
	
	#wrapper .bb_adressblock .bb_iconfont:before{
	content: none; 	
	}
	
	
	
	.bb_bigboxcontent{
	padding: 1rem;	
	padding-top: 4rem;	

	}
	
	.ce_accordion .accordion{
	padding-left:0;
	padding-right:0;
	}

	
	.wide-big{
		text-align: center;
		font-size: 0.8rem;
		letter-spacing: 2px;
	}
	
	.bb_teaser .bb_content{
	padding:1rem;	
	}
	
	

	
	.mod_calendar .minicalendar td,
.mod_calendar .minicalendar th{
padding:0.2em;
}
	
	html{
	font-size: 15px;	
	}
	
	h1, h2, h3, h4, h5, 
	.stext h2, .mod_article .bb_headline, .bigbox .bb_headline, 
	span.bb_headline, #main .mod_article.bb_full .bb_headline, 
	#main .mod_article.bb_full .bb_headline a{
	font-size: 2rem;	
	}
	
	.mod_breadcrumb ul li
	{
	font-size: 0.8rem;	
	}
	
	.mod_breadcrumb ul li a, .mod_breadcrumb ul li.active
	{
	opacity: 0.9;
	}
	
	
	#wrapper #main .bb_subheadline{
		font-size: 1rem;
	}

	#wrapper #container #main .bb_input > *,
	.bb_input .formbody{
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	}
	
	.bb_headline:before,
.bb_headline:after{
	content: none;
}

.bb_teaser.bb_wide .bb_content > * {
    justify-content: center;
    align-content: center;
    text-align: center;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
	padding-right: 0;
    margin-right: 0;
}

.bb_teaser.bb_wide .bb_content .bb_headline{
	width: calc(100% - 2rem);
margin:1rem;
font-size: 1.1rem;	
}


.bb_teaser.anwendung .bb_content{
	padding-bottom: 7rem;
}

.bb_teaser.anwendung .options .widget{
justify-content:center;
display: flex;	
}


}


@media screen and (max-width: 375px){
h1, h2, h3, h4, h5, .stext h2, .mod_article .bb_headline, .bigbox .bb_headline, span.bb_headline, #main .mod_article.bb_full .bb_headline, #main .mod_article.bb_full .bb_headline a{

font-size: 1.5rem;

}

fieldset legend{
	font-size: 1rem;
}


}


@media screen and (max-width: 319px){
	
	.header_side a{
	padding-right: 10px;	
	padding-left: 10px;	
	}
	
	
	
		.bb_teaser .bb_headline,
	.bb_teaser .bb_headline a{
		letter-spacing: unset; 
	}
	
}




/* IE */ 

.ie .down_button,
.ie .bbbg,
.ie .mod_iso_cart.anwendungen{
display: none !important; 	
}

.ie .mod_bb_header .item img, 
.ie .mod_bb_header .item video{
height: auto;	
}


body.ie .headbox{
justify-content: flex-start;	
}

.ie:after{
	content: 'Sie verwenden einen veralteten, nicht mehr unterstützten Browser. Um die Webseite optimal zu nutzen verwenden Sie bitte einen aktuellen Browser (Chrome, Firefox, Brave, Edge usw ... )'; 
	text-align:center;
	position: fixed; 
	color: white; 
	background-color: red; 
	width: 100%; 
	bottom:0;
	left:0;
	z-index: 2000; 
	
}

/* SAFARI */ 








@media (hover: none) {
.bb_teaser.bb_cover:hover .bb_content{
padding: 1rem; 	
}
#wrapper .bb_zimmer_form .bb_teaser:hover figure::after{
content:'';	
}



}

.bb_mobile #navmain .menucontent .bb_mainnav ul li a, 
.bb_mobile #navmain .menucontent .bb_mainnav ul li strong{
	padding: 0.25rem;
	display: flex; 
	width: 100%;
	box-sizing: border-box; 
}


@media screen and (max-width: 319px){
	
	#header .special_right .gutscheine{
	display: none;
	}
	
	#navmain .menucontent .bb_mainnav ul.level_1 > li > a, #navmain .menucontent .bb_mainnav ul.level_1 > li > strong, .navplus, #navmain .menucontent .bb_mainnav ul li a, #navmain .menucontent .bb_mainnav ul li 
	{
		font-size: 1rem;
	}
	
		#wrapper #header #menuToggle input{
	    left: 0px;
}
#header .bb_social a > i:before{
font-size:2rem;	
}


#header #navmain .bb_mainnav .mod_customnav ul a, #header #navmain .bb_mainnav .mod_customnav ul strong{
	font-size: 1rem;
}
	
	
}

@media print {
	
	
	.print_select{
	display: none;	
	}
	.print_programm {
	font-size: 8px;	
	text-align:left;
	}
	
	.print_programm .mod_eventlist.kalender .wochentag{
	display: inline;	
	}
	
		.print_programm .mod_eventlist.kalender .time{
text-align:left;
	}
	
	
		.print_programm .mod_eventlist.kalender .title{
		font-weight: bold;	
		}
	
	.print_programm .mod_eventlist.kalender .header,
	.print_programm .mod_eventlist.kalender .event{
padding: 5px;
margin-bottom: 1px;
text-align:left;
	}

	.print_programm .print_select{
	display: none;	
	}
}


@media screen and (max-width: 1950px){
.offset1px #header #menuToggle #burger span{
		        width: 35px;
        margin-top: 7px;
	}

}

@media screen and (min-width: 1950px){
	
	
	
	
	
	.header_side .logo{
	padding-top:0.30rem;	
	}
	
html{
font-size: 21px; 
}	

.header_side a{
    color: var(--black);
            padding-top: 22px;
        padding-bottom: 18px;

}


	.header_side a.bb_iconfont {


    padding-top: 19px;
	    padding-bottom: 19px;
	}
	

}


@media screen and (max-width: 840px){
	.iso_right{
	width:100% !important;	
	}

}






@media screen and (max-width: 812px){
	.header_side .logo{
		padding-right: 1rem;
	}
		.header_side{
		padding-right: 1rem;	
		}
		
		.translator {

    top: 1.1rem;
    right: 2rem;

}
	
	/*
	.header_side a.anfragen{
	display: none !important;	
	}
	*/

	.mod_article .ankernav, #wrapper .mod_article .bb_teaser.bb_dynamicnav_teaser.ankernav.bb_noimg{
display: none;	
	}
	


}

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

	
.noheader #header .inside {
        height: auto;
		margin-bottom: 4rem;
    }
	
	
	.translator{
	position: relative;
	top:unset; 
	left:unset;
	right:unset;
	padding: 3rem;
	display:block;
	}
	
	#translate_top{
	display: none;	
	}
	
	.translator  img{
	width: 40px;	
	}
	
	.translator .gt_white_content img{
	width: 20px;	
	}
	.header_side{
	padding-right:1rem;	
	}


	
	
}


@media screen and (max-width: 350px){
	
	.header_side > * {
	height: 48px;	
	box-sizing:border-box; 
	
	}
	
	.header_side .gutschein{
	display: none !important;	
	}

#wrapper header div.logo{
top:0;	
}

.mod_bb_header .textbox{
	padding:1rem;
}

}


@media (orientation: landscape) and (max-height: 600px){
	.bb-overlay{
	display: none;	
	}
	.mod_bb_header .textbox{
	display: none;	
}


#wrapper header div.logo{
top:0;	
}

.bbstickybg .bbbg{
	    top: 0;
		transform: unset !important;
		height: 100%;
}

}

@-webkit-keyframes passing{
	0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
	10%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
	50%{-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0}
	51%{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0}
	90%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}}
	
	
	@keyframes passing{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}10%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}50%{-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0}51%{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0}90%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}}
	
	
	
@keyframes  slideranimation{

0% {
    transform: translate(0, 0) scale(1, 1);
}
25% {
    transform: scale(1.3, 1.3) translate(50px, 0px);
}
50% {
    transform: scale(1.2, 1.2) translate(-30px, 0px);
}
75% {
    transform: scale(1.1, 1.1) translate(30px, 30px);
}
100% {
    transform: scale(1, 1) translate(0, 0);
}

}

	
	
	
	
	
	@keyframes bounci{
		0%   { transform: translateX(0); }
        10%  { transform:   translateX(0); }
        30%  { transform:   translateX(10%); }
        50%  { transform:  translateX(0); }
        57%  { transform:   translateX(7px); }
        64%  { transform:     translateX(0); }
        100% { transform:      translateX(0); }
		}
		
		
		
		
		
		@media (max-width: 480px), (max-height: 480px) {
    #hub-messenger-widget .hm-main-widget-content.hm-open {
        z-index: 2000 !important;
    }
}