html {
/*scroll-behavior: smooth;*/
/*font-family:"Muli", "verdana";*/
font-family:"Montserrat", Verdana, sans;
font-size: 16.5px;
}
html body {
font-family:"Montserrat", Verdana, sans;
}
header {
position:relative;
}
#bb_mainmenu .mod_navigation strong.active,
#bb_mainmenu .mod_navigation .forward,
#bb_mainmenu .mod_customnav strong.active,
#bb_mainmenu .mod_customnav .forward{
text-decoration: underline;
}
.ccm-plugin--script-placeholder{
background: #555;
color: white;
padding:3rem;
}
.ccm-plugin--script-placeholder ~ *{
visibility:hidden;
opacity:0;}
.bbstickybg > *{
z-index: 1;
}
.ce_text.float_left ul li.bb_download, .ce_text.float_right ul li.bb_download{
list-style-type: none;
}
#mapid.size_107{
margin: 0px;
}
#footer .inside{
width: 100%;
}
.rallye .bb_footernav {
border:0;
}
#main table td, #main table th{
text-align: left;
padding: 0.5rem;
}
.rallye .bb_footernav ul {
display: flex;
}
.rallye .bb_footernav ul li a{
padding: 1rem;
}
#wrapper .targetactive.fullwidth .bb_teaser,
#wrapper .targetactive.fullwidth .ce_text,
#wrapper .targetactive.w50-50 .bb_teaser,
#wrapper .targetactive.w50-50 .ce_text,
#main .inside > .mod_article.fullwidth:target .bb_teaser,
#main .inside > .mod_article.fullwidth:target .ce_text,
#main .inside > .mod_article.w50-50:target .bb_teaser,
#main .inside > .mod_article.w50-50:target .ce_text
{
border:0;
}
:target #bb_feondi_check{
/*scroll-behavior:auto;*/
border: 10px solid red;
}
.mod_bb_header .item video {
width: 100%;
height: 50vh;
max-width: none;
background-size: cover;
object-fit: cover;
}
.bb_download:before{
content: '\ef08';
font-family: 'icofont';
}
body {
max-width:2560px;
margin-right:auto;
margin-left:auto;
font: inherit;
color: #3e3e3e;
color: #555;
line-height: normal;
overflow-x: hidden;
}
#wrapper {
margin-right:auto;
margin-left:auto;
background-color: #cdc9c6;
font-size:1em;
font-weight: 300;
overflow-x:hidden;
}
a {
text-decoration:none;
color: #7e9d9c;
}
.pagination li{
float: left;
display: block;
width: auto;
padding: 5px;
}
.pagination li a:hover{
color: #F28705;
opacity: 0.3;
}
small{
font-size: 0.8em;
}
strong,b{
font-weight: 600;
}
[class*=" icofont-"], [class^=icofont-]{
line-height: unset;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form{
margin-top:0;
margin-bottom: 0.5rem;
font-size:1em;
}
#wrapper #Kontakt .bb_adressbox{
padding:2rem;
}
.softerror{
color: #f0b143;
}
span.mandatory,
.warning,
.error {
color:#b50404;
}
.widget.error{
background-color: transparent;
}
input.error,
.mod_iso_checkout fieldset.error span {
background-color:var(--color-red);
}
#main .more{
display: flex;
justify-content:flex-start;
}
#main .news.featured .more a {
color: #F28705;
}
.bb_cookielablist{
width: 100%;
}
.cookie_table {
width: 100%;
overflow-x: auto;
}
#main .more a,
#main .bb_teaser a.button{
background: transparent;
border: 1px solid;
color: black;
padding: 0.5rem;
margin-top: 1rem;
text-transform: uppercase;
width: auto;
font-size: 0.75rem;
display: flex;
}
#main .bb_teaser a.button{
color: white;
}
fieldset.error p.error{
background-color:#fff;
border: 1px solid #cdc9c6;
margin: 10px;
margin-bottom: 0px;
padding: 5px;
color: #3e3e3e;
}
em {
font-size:80%;
}
.bb_iconfont .email{
font-family: Montserrat;
}
.caption {
text-align:right;
font-size:10px;
position: absolute;
color: #36363;
padding: 0.25em;
}
blockquote {
font-size: 120%;
font-style:italic
}
blockquote p:before {
content: '||';
position: absolute;
margin-left: -1em;
color: #7e9d9c;
font-style:italic
}
blockquote p:after {
content: '||';
position: absolute;
margin-left: .4em;
color: #7e9d9c;
font-style:italic
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure{
width:100%;
position: relative;
}
.no-border-bottom{
border-bottom:0 !important;
}
.no-border-top{
border-top:0 !important;
}
.no-border-right{
border-right:0 !important;
}
.no-border-left{
border-left:0 !important;
}
/*sonderfall*/
.bb_address figure,
.ce_hyperlink{
width: auto;
display:flex;
align-items: center;
}
.bb-button{
position: absolute;
bottom:5em;
right:5em;
z-index: 1;
visibility: visible;
transition: all 500ms;
opacity: 1;
}
/*
.stick .bb-button,
.menuactive .bb-button{
z-index: 11;
}
*/
picture {
width: 100%;
max-width:100%;
position:relative;
display: flex;
justify-content: center;
overflow:hidden;
/*height: 500px !important;*/
}
.bb_zusatzinfo{
width: 100%;
font-weight: 600;
}
.qr_container{
display: flex;
width: 100%;
justify-content:center;
}
.qr_container img{
width: 73px !important;
background: white;
}
.bb_teaser.bb_noimg.information{
background-color: #b4e1b4;
}
.bb_teaser.bb_noimg.warning{
background-color: #e1b4b4;
}
.bb_teaser.bb_noimg.error{
background-color: #ee2424;
}
.bb_teaser.bb_personenteaser.bb_snowhight.bb_noimg .bb_content .bb_headline{
background: none;
height: auto;
border: 0;
}
ul {
padding-left:0;
}
ul li {
width:100%;
list-style-type: none;
}
.custom {
border-top:1px solid #fff;
}
.information {
padding: 1em;
border: 1px solid #7e9d9c;
background-color: #ececec;
color: #7e9d9c;
}
.featured {
background-color: #3e3e3e;
color: #fff;
}
/* Calendarfield */
#ui-datepicker-div{
background-color: white;
padding: 1rem;
}
.ui-datepicker{
background-color: white;
border: 1px solid #E9E9E9;
padding: 1rem;
max-width: 320px;
}
.ui-datepicker-title select {
padding: 0.5rem;
margin: 1px;
}
.ui-datepicker td{
background-color: #555;
color: white;
padding: 0.5rem;
text-align: center;
border:1px solid white;
}
.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;
line-height: 1.8em;
text-align: center;
}
.bb_topbar .logo{
display: flex;
}
.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;
}
.featured .info{
margin-top: 0;
}
#container #main .accordion .ce_form{
margin-left:0;
margin-right:0;
}
.layout_full.featured{
color: #fff;
padding: 2em;
}
.warning {
padding: 1em;
border: 1px solid var(--color-red);
background-color: #ececec;
}
.confirmation {
padding: 1em;
border: 1px solid #a0cfcf;
background-color: #ececec;
}
p.info {
font-size:0.75em;
margin-top: 12px;
}
.mod_newsreader.layout_full{
margin:0;
}
.layout_full p.info{
margin-top:0;
width:100%;
}
#iso_ajaxBox{
box-sizing: border-box;
width: 50%;
left: 25%;
}
.hidden,
.invisible,
body #wrapper #container script, #wrapper #container .hidden {
display: none !important;
}
.mod_bb_header .textbox.mainh {
bottom:0px;
}
.inside >* >.ce_headline,
.ce_headline {
width:100%;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
text-align:center;
}
.accordion >* > .ce_text{
padding-bottom:2em;
}
.accordion .bb_headline,
.accordion .bb_subheadline{
text-align:left;
}
.accordion >* {
padding:1em;
text-align:left;
}
.mod_article >.ce_accordion,
.mod_faqpage section {
padding-top:1em;
padding-bottom:1em;
max-width: calc(1290px + 2em);
}
.mod_bb_header .item img {
width: 100%;
max-width: none;
background-size: cover;
object-fit: cover;
}
.mod_bb_header.size_6 .item img {
width: 100%;
height: 100vh;
max-width: none;
background-size: cover;
object-fit: cover;
}
.ce_text.featured .bb_content{
padding: 1em;
padding-left: 0;
overflow: hidden;
}
.mod_bb_header .textbox {
width:100%;
height:auto;
position:absolute;
padding-bottom:80px;
font-size:1.5rem;
color: #fff;
display: flex;
justify-content: center;
align-content: flex-end;
flex-wrap: wrap;
z-index: 1;
text-shadow: 2px 2px 8px #000000;
}
.mod_bb_header.size_8 .textbox {
padding-bottom:30px;
}
.mod_bb_header .textbox > * {
width:100%;
text-align:center;
}
.mod_bb_header picture {
width:100%;
height:100vh;
}
.mod_bb_header.size_8 picture{
height: 50vh;
}
.mod_bb_header.size_11 picture{
height: 25vh;
}
#wrapper .mod_bb_header picture {
width:100%;
height: auto;
}
.bb_slice_1.size_22 picture{
height:auto;
}
body #wrapper .fullwidth .bb_teaser picture,
body #wrapper .w50-50 .bb_teaser picture,
body #wrapper .w33-66 .bb_teaser picture,
body #wrapper .w66-33 .bb_teaser picture{
height:auto;
height: 100%;
}
body #wrapper .fullwidth .bb_teaser figure,
body #wrapper .w50-50 .bb_teaser figure,
body #wrapper .w33-66 .bb_teaser figure,
body #wrapper .w66-33 .bb_teaser figure{
height:auto;
height: 100%;
}
body #wrapper .fullwidth .bb_teaser figure img,
body #wrapper .w50-50 .bb_teaser figure img,
body #wrapper .w33-66 .bb_teaser figure img,
body #wrapper .w66-33 .bb_teaser figure img{
object-fit: cover;
height: 100%;
}
header .logo img {
width:100%;
height:100%;
text-align:center;
transition: all 500ms;
}
header .docked .logo img {
width:auto;
height:30px;
-webkit-filter: none;
filter: none;
text-align: center;
}
header .docked a.logo {
position: absolute;
left: 120px;
top: 16px;
}
.bb_rechtliches h3,
.bb_rechtliches h4,
.bb_rechtliches h5,
.bb_rechtliches h6{
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1rem;
margin-top: 2rem;
}
.bb_rechtliches h2{
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
margin-bottom: 2rem;
margin-top: 2rem;
}
.bb_rechtliches h1{
font-size: 2em;
margin-bottom: 2rem;
margin-top: 2rem;
}
.bb_specialnav_zwei{
margin-right: 8.333em;
}
.bb_specialnav.docked ul{
opacity: 0;
}
.docked .ankernav a.gototop{
display: none;
}
#header .inside {
display: flex;
justify-content: center;
}
.mod_bb_header .item {
display:flex;
align-items: flex-end;
justify-content: center;
/*height: 500px;*/
}
.fader-wrapper > *{
float:none;
}
.fader-wrapper{
position: absolute;
z-index:1;
width: 100%;
}
#header div.logo {
top:5%;
position:absolute;
margin-right:auto;
margin-left:auto;
text-align:center;
z-index: 15;
justify-content:center;
display:flex;
}
footer .inside .bbadr1{
margin-bottom: 1rem;
}
#wrapper #header #bb_mainmenu div.logo{
top:4em;
opacity:1;
visibility: visible;
z-index: 10;
width:100%;
padding-bottom: 2em;
}
.mod_bb_header {
width:100%;
position:relative;
overflow:hidden;
}
header a,
header {
color: #fff;
font-weight: 300;
}
#header div.logo a {
width:auto;
}
header span.phone {
color: #fff;
display: flex;
flex-wrap: wrap;
align-content: center;
padding-left: 20px;
}
footer .inside >*>.bb_address {
padding-top: 8em;
padding-bottom: 8em;
display: flex;
align-content: start;
border-left:0;
padding-left:0;
}
footer .bb_logo img {
padding-right: 0.5em;
width:auto;
height:auto;
filter: grayscale(1);
-webkit-filter: grayscale(0.8);
}
footer a {
color: #262626;
}
footer .inside >*>* {
padding-top:4em;
padding-bottom:4em;
text-align:center;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index: 1;
align-content: center;
}
.syndication .print{
font-size: 2em;
color: #555;
}
body #wrapper .bb_bigbox{
width: 100% !important;
}
.layout_full{
width:100%;
display: flex;
flex-wrap:wrap;
justify-content:center;
}
.layout_full > *:not(.bb_teaser){
width:100%;
}
.ce_text.float_left{
float:none;
}
.litepicker .container__days > div{
margin:-1px 0 0 -1px;
}
.litepicker .container__months .month-item{
padding-right: 1px;
padding-left: 9px;
}
.litepicker .container__days .day-item{
background:#7e9d9c;
position: relative;
border-radius:0;
border: 1px solid #dadada;
margin:-1px 0 0 -1px;
overflow:hidden;
color:white;
border: 1px solid white;
}
.mod_sitemap,
.mod_sitemap a{
display: block;
width:100%;
}
.mod_sitemap > ul.level_1{
display: flex;
flex-wrap: wrap;
justify-content:center;
}
/*
.mod_sitemap > ul.level_1 > *{
margin:1em;
padding: 1em;
}
*/
.mod_sitemap > ul.level_1 > li > a{
font-weight: 600;
text-transform: uppercase;
padding-bottom:0.5em;
padding-top:1em;
}
.mod_sitemap ul.level_2 > li >a{
font-weight: 600;
margin-left: 1rem;
}
.mod_sitemap ul.level_3 > li >a{
margin-left: 2rem;
}
.mod_article .mod_sitemap a{
color: black;
}
.mod_sitemap ul.level_4 > li >a{
margin-left: 3rem;
}
.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-booked,
.litepicker .container__days .day-item.is-locked.is-highlighted{
background:#3e3e3e;
color: #fff;
opacity: 20%;
border: 1px solid white;
}
.litepicker .day-item.is-locked.is-end-date:after,
.litepicker .day-item.is-booked.is-end-date:after,
.litepicker .day-item.is-locked.is-start-date:after,
.litepicker .day-item.is-booked.is-start-date:after
{
content: none;
}
.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-booked,
.litepicker .container__days .day-item.is-locked.is-highlighted{
background: linear-gradient(135deg, rgba(62,62,62,1) 0%, rgba(62,62,62,1) 49%, rgba(126,157,156,1) 50%, rgba(62,62,62,1) 50%);
border: 1px solid white;
}
.litepicker .container__days .day-item.is-end-date,
.litepicker .container__days .day-item.is-highlighted.is-end-date {
color: var(--litepickerDayIsEndColor);
background: var(--litepickerDayIsEndBg);
opacity:100%;
}
body .litepicker .container__days .day-item.is-start-date,
body .litepicker .container__days .day-item.is-highlighted.is-start-date {
color: var(--litepickerDayIsStartColor);
background: var(--litepickerDayIsStartBg);
opacity:100%;
}
body .litepicker .container__days .day-item.is-highlighted:hover,
body .litepicker .container__days .day-item:hover{
color: var(--litepickerDayColorHover);
-webkit-box-shadow: inset 0 0 0 1px var(--litepickerDayColorHover);
box-shadow: inset 0 0 0 1px var(--litepickerDayColorHover);
}
body .litepicker .container__days .day-item.is-in-range.is-highlighted {
background: var(--litepickerDayIsInRange);
border-radius: 0;
}
/*HAUGI LITEPICKER*/
body .litepicker .container__days .day-item.is-locked.is-highlighted{
background: linear-gradient(135deg, rgba(62,62,62,1) 0%, rgba(62,62,62,1) 49%, rgba(126,157,156,1) 50%, rgba(62,62,62,1) 50%);
border: 1px solid white;
}
.litepicker .container__days .day-item.is-highlighted{
background: rgb(126,157,156);
background: linear-gradient(135deg, rgba(126,157,156,1) 0%, rgba(126,157,156,1) 50%, rgba(216 216 216) 50%);
color: #fff;
opacity: 100%;
border: 1px solid white;
}
.litepicker .day-item.is-booked + .day-item.is-highlighted{
background: rgb(62,62,62);
background: linear-gradient(135deg, rgba(216 216 216) 0%, rgba(216 216 216) 50%, rgba(126,157,156,1) 50%);
border: 1px solid white;
}
.litepicker .container__days>div,
.litepicker .container__days>a {
padding: 8px 0;
color:white;
}
.litepicker .day-item.is-booked + .day-item.is-booked:after{
/*content:none;*/
}
.radio_container input,
.checkbox_container input,
.widget-checkbox input {
margin-right: 1em;
}
.widget-checkbox fieldset{
border:0;
letter-spacing: unset;
}
footer .inside >*>#bb_footer_form .widget-checkbox fieldset label,
#container .bb_fewocatslice.bb_emptypersonen .widget-checkbox fieldset label{
letter-spacing: 0;
text-transform: unset;
font-weight: 300;
}
.radio_container > span,
.checkbox_container > span{
display: flex;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
padding: 1em;
background-color: rgba(0, 0, 0, 0.02);
margin-bottom: 1px;
text-align: left;
flex-wrap: wrap;
}
.checkbox_container > span label,
.widget-checkbox > span label {
width: calc(100% - 40px);
}
/* Background pattern from Toptal Subtle Patterns */
.bb_footer {
/* background-color: #3e3e3e; */
/* color: #444; */
padding-bottom: calc(70px + (10 - 70) * ((100vw - 300px) / (1600 - 300)));
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.reachedfooter .ankernav .gototop.showonscroll.active {
opacity: 1;
visibility: visible;
}
.bb_adressblock > .bbaddressblock.bbadr1 {
width:220px;
}
footer .bb_adressblock > .bbaddressblock {
width:50%;
justify-content: flex-start;
align-content: flex-start;
}
footer .bb_adressblock .bbaddressblock > span {
padding-top:.1rem;
padding-bottom:.1rem;
}
footer .bb_adressblock >.bb_social {
justify-content: flex-start
}
footer .bb_adressblock >*{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
footer .bb_footernav {
padding-top:0;
}
footer #bb_open >* {
width:100%;
}
footer .bb_adressblock {
max-width:450px;
text-align:left;
display: flex;
flex-wrap: wrap;
}
.bbdnav {
width:100%;
max-width:2560px;
right:auto;
position:fixed;
z-index: 2;
}
.bbdnav.docked {
position:relative;
overflow: hidden;
}
.menu-line{
width:47px;
height:2px;
background-color: #000;
content: '';
}
.menu-lines,
.ankernav ul li,
#header:target .menu-lines
#bb_miniwk:target ~ .closebutton .menu-lines {
height:40px;
position:relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#wrapper #Freizeittipps_filter,
#wrapper #idarticle1421{
padding-bottom:0;
}
#bb_mainmenu .mod_navigation,
#bb_mainmenu .mod_navigation a {
text-decoration:none;
color: #fff;
}
#bb_mainmenu .mod_navigation li >* {
display:block;
}
#bb_mainmenu .mod_navigation li a,
#bb_mainmenu .mod_navigation li strong {
padding-top:.4rem;
padding-bottom:.4rem;
padding-left:.4rem;
padding-right:.4rem;
}
.mod_breadcrumb li.first a:before {
align-self:end;
font-family:icofont;
content: '\ec5e'
}
.mod_breadcrumb li.first span {
display:none;
}
#container .inside > .mod_breadcrumb {
padding:0;
background-color:white;
justify-content:center;
}
#header .mod_breadcrumb {
width:100%;
background-color:rgba(255,255,255,.8);
border-top:1px solid rgba(50,50,50,.3);
border-bottom:1px solid rgba(50,50,50,.3);
bottom:-2000px;
position:fixed;
opacity: 0;
visibility: hidden;
right: 0px;
z-index:1;
}
.mod_breadcrumb ul {
margin-bottom:0;
padding-right:.5rem;
padding-left:.5rem;
font-size:20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mod_breadcrumb ul li {
width:auto;
list-style-type:none;
display: flex;
}
.mod_breadcrumb ul li a:after {
padding-right:0.5rem;
padding-left:0.5rem;
opacity: 0.2;
content: '|';
}
.mod_breadcrumb ul li a {
padding-top:1rem;
padding-bottom:1rem;
text-decoration:none;
color:rgba(50,50,50,.7);;
}
.mod_breadcrumb ul li.active {
padding-top:1rem;
padding-bottom:1rem;
font-weight:600;
color:rgba(50,50,50,.9);
}
.ankernav .gotomenu.showonscroll.active,
.ankernav .menu-button.showonscroll.active {
opacity: 1;
visibility: visible;
}
.ankernav a.menu-button {
width:3rem;
}
#bb_mainmenu {
/*font-size: calc(22px + (34 - 22) * ((100vw - 360px) / (1600 - 360)));*/
flex-wrap: wrap;
min-height: 100vh;
}
#bb_mainmenu ul.level_3 {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#bb_mainmenu .level_3 a span:after {
bottom:0;
left:50%;
display:none;
}
#bb_mainmenu ul.level_1 {
height:100%;
margin:0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
width:100%;
}
#bb_mainmenu ul.level_2 {
font-size: 1.5em;
}
#bb_mainmenu ul.level_1 > li > a,#bb_mainmenu ul.level_1 > li > strong{
font-size:2em;
}
#bb_mainmenu ul.level_3 {
font-size:90%;
}
#bb_mainmenu ul.level_1 >* {
width: auto;
min-width: 160px;
margin: 1em;
text-align: center;
}
#bb_mainmenu ul.level_1 > li > strong {
width:auto;
}
#bb_mainmenu strong {
font-weight: 300;
}
#bb_mainmenu ul.level_2 li.submenu.trail ul.level_3 {
width:100%;
max-height:none;
visibility: visible;
opacity: 1;
}
#bb_mainmenu ul.level_2 li.submenu ul.level_3 {
max-height:0px;
margin-bottom:0;
margin-left:.4rem;
padding-left:.5em;
border-left:1px solid #7e9d9c;
visibility: hidden;
opacity: 0;
}
.bb_specialnav a.phone,
#header:target .bb_specialnav #bookit a,
.bb_specialnav #bookit li a {
height:50px;
position:relative;
text-decoration:none;
color: #fff;
display: flex;
align-content: center;
}
#header:target .bb_specialnav #bookit {
width:auto;
visibility: visible;
opacity: 1;
}
#header:target .bb_specialnav,
#header:target .bb_specialnav a,
#header:target .bb_specialnav #bookit a {
width:auto;
color: #3e3e3e;
}
.bb_specialnav {
top: 15px;
right: calc(15px + (50 - 15) * ((100vw - 500px) / (1600 - 500)));
height: 30px;
position:fixed;
z-index: 3;
display: flex;
opacity: 0;
visibility:hidden;
align-items:center;
align-content:center;
}
.bb_specialnav >* {
margin-bottom:0;
display: flex;
flex-wrap: wrap;
}
.bb_specialnav ul {
margin-bottom:0;
display: flex;
}
.bb_specialnav ul li {
display: flex;
}
.menu-text {
/*
left:0;
top:18px;
position:absolute;
font:8px/1rem Arial,Helvetica,sans-serif;
letter-spacing:7px;
transform: rotate(0deg);
text-transform: uppercase;*/
display: none;
}
#bbanker .menuswitch {
width:46px;
position:relative;
display:inline-block;
}
.bb_footernav ul li a {
padding-left:1rem;
}
.reachedfooter .ankernav .gototop.showonscroll.active {
-webkit-animation: jump 8s ease 0s infinite normal;
animation: jump 8s ease 0s infinite normal;
}
footer .bb_footernav ul {
display: flex;
justify-content: center;
align-content: center;
}
.bb_footernav ul li a {
padding:.5rem 1rem;
/* border-right:1px solid rgba(255,255,255,.2);*/
}
.bb_footernav ul li:last-child a {
border-right:0px solid;
}
footer .bb_footernav ul li {
width:100%;
display: flex;
justify-content: flex-start;
z-index: 1;
}
.ankernav .gototop.showonscroll.active:after {
width:30px;
height:30px;
left:10px;
position:absolute;
margin-top:.5rem;
padding-top:.5rem;
border-top:2px solid rgba(50,50,50,0.9);
border-right:2px solid rgba(50,50,50,0.9);
position: absolute;
content: '';
transform: rotate(-45deg);
}
.ankernav a.gototop {
width:48px;
height:30px;
position:relative;
margin-left:15px;
padding-top:2px;
}
#bb_spechialnav {
width:100%;
left:0;
top:0;
position:fixed;
background-color:#000;
left: 0;
position: fixed;
padding-top: 15px;
padding-bottom: 15px;
z-index: 2;
display: flex;
justify-content: flex-start;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: calc(30px + (50 - 30) * ((100vw - 500px) / (1600 - 500)));
padding-left: calc(30px + (50 - 30) * ((100vw - 500px) / (1600 - 500)));
}
.ankernav .bbnavblock,
.ankernav ul,
.ankernav ul li {
margin:0;
padding:0;
list-style-type:none;
display: flex;
}
.ankernav a {
width:100%;
text-align:center;
text-decoration:none;
color: #fff;
}
.mod_article > *,
.blog_left > *,
.mod_newsreader.layout_full > *
{
position:relative;
margin-right:calc(1rem + 1px);
margin-left:calc(1rem + 1px);
text-align:center;
/* margin-top: calc(20px + (50 - 20) * ((100vw - 414px) / (1600 - 414)));
margin-bottom: calc(20px + (50 - 20) * ((100vw - 414px) / (1600 - 414)));*/
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog_left{
width: 80%;
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
position:sticky;
}
.blog_right{
margin-left:0;
margin-right:0;
margin-bottom:0;
width:20%;
background: rgb(255 255 255 / 17%);
}
.newslist_item.float_none{
padding: 1rem;
}
.mod_article > .ce_text,
.mod_article > .blog_left > .ce_text,
.mod_article > .ce_form,
.mod_article > .ce_headline,
.mod_article > .ce_accordion,
.mod_article .accordion >*,
.mod_article .mod_faqpage,
.mod_newsarchive > .ce_text,
.mod_article > .bb_fewocatslice,
.mod_article > .ce_downloads,
.mod_article > .ce_download,
.mod_article.layout_full > * {
/*width: 100%;
margin-left:0;
margin-right:0;
*/
width:calc(100% - 2rem - 2px);
margin-left: calc( 1rem + 1px );
margin-right: calc( 1rem + 1px );
}
.ce_download .bb_headline{
font-size: 1rem;
font-weight: 500;
}
#main .bb_search.bb_abc .search{
max-width: 300px;
margin-top:0;
}
.mod_iso_productfilter .search .icofont{
border:0;
background-color: white;
color: #333;
margin:0;
padding-right:10px;
width: 33px;}
#wrapper .icofont {
font-family: icofont;
}
.mod_iso_productfilter .search form{
display:flex;
}
#wrapper .search input.text{
display: flex;
border:0;
padding-left:10px;
}
#wrapper #main .search input.text{
max-width: 100%;
}
#bb_mainmenu .mod_customnav {
position: absolute;
bottom:0;
}
#bb_mainmenu .mod_customnav ul.level_1 >*{
margin:1em;
width: auto;
}
#bb_mainmenu .mod_customnav ul.level_1 > li > a,
#bb_mainmenu .mod_customnav ul.level_1 > li > strong {
font-size: 1em;
}
.mod_article >.ce_accordion,
.mod_faqpage article section {
position:relative;
margin-top:0;
margin-bottom:0;
}
script,
.mod_article > script,
.mod_article > * > script {
display:none;
}
table td:last-child,
table th:last-child {
border-right:0px;
}
thead {
height:100px;
top:0;
}
table {
width:100%;
margin-bottom:0;
}
.dunkel a.button{
background-color: #7e9d9c;
}
table td,
table th {
width:auto;
padding:10px 0;
vertical-align:middle;
text-align:center;
border-right:1px solid rgba(50,50,50,.1);
width: calc(50px + (300 - 50) * ((100vw - 414px) / (1920 - 414)));
}
table td.col_last,
table th.col_last {
border-right:0px solid;
}
table td,
table th {
border-bottom:1px solid rgba(50,50,50,.1);
}
table th {
/*background-color:#7e9d9c;*/
border-bottom:1px solid rgba(50,50,50,.1);
}
table td >* {
width:100%;
float:left;
}
table caption {
padding-top:3rem;
padding-bottom:1.5rem;
text-align:center;
text-transform:uppercase;
font-size: calc(15px + (17 - 15) * ((100vw - 414px) / (1024 - 414)));
letter-spacing: calc(2px + (4 - 2) * ((100vw - 414px) / (1024 - 414)));
}
.mod_article .bb_teaser {
padding-right:0;
padding-bottom:0;
padding-left:0;
align-content: start;
}
.bb_teaser .bb_content .bb_text{
font-size: 0.9em;
}
.bb_rezepte.filter{
width:100%;
}
.bb_rezepte.filter > *{
width: auto;
}
.bb_rezepte.bb_teaser{
background-color: rgb(239 239 239);
padding: 1em;
align-content:center;
align-items:center;
display:flex;
}
.bb_me_list.mod_article .bb_teaser{
background-color: rgb(239 239 239);
}
.mod_article .bb_teaser,
.mod_article a.bb_teaser {
overflow:hidden;
color: #3e3e3e;
margin: 1em;
position:relative;
display: flex;
flex-wrap: wrap;
}
.mod_article.fullwidth .bb_teaser,
.mod_article.w50-50 .bb_teaser{
margin:0;
padding:0;
}
.mod_article.fullwidth,
.mod_article.w50-50{
width: calc( 100% + 1px);
border-top: 1px solid white;
}
#wrapper .bb_kategorien .bb_teaser,
#wrapper #bb_kategorien .bb_teaser{
border-bottom: 0px;
}
#wrapper #bb_kategorien .bb_teaser:first-child{
border-left: 1px solid white;
width: calc(240px + 1px);
}
#wrapper #bb_kategorien {
border-bottom: 1px solid white;
border-top: 1px solid white;
}
#wrapper .inside .fullwidth,
#wrapper .inside .w50-50,
#wrapper .inside .w66-33,
#wrapper .inside .w33-66 {
margin:0;
padding:0;
}
#wrapper .inside .w50-50 >*,
#wrapper .inside .w66-33 >*,
#wrapper .inside .w33-66 >*,
#wrapper #container .inside .w33 >* {
border-right: 1px solid white;
border-bottom: 1px solid white;
margin:0;
padding:0;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
justify-content: center;
}
#wrapper .fullwidth .ce_text{
display: flex;
justify-content:center;
align-content: center;
align-items:center;
flex-wrap: wrap;
}
#wrapper .fullwidth .ce_text > * {
width: 100%;
}
#wrapper .fullwidth .bb_teaser{
border-right: 1px solid white;
border-bottom: 1px solid white;
}
#wrapper .inside .w50-50 .ce_text:nth-last-child(-n+2):first-child,
#wrapper .inside .w50-50 .ce_text:nth-last-child(-n+2):first-child ~ .ce_text{
border:none;
}
#wrapper .fullwidth .size_26,
#wrapper .fullwidth .size_15,
#wrapper .fullwidth .size_107,
#wrapper .fullwidth .size_118,
#wrapper .inside .w50-50 >* {
width:calc(50%);
}
#wrapper .fullwidth .size_127 {
width:calc(40%);
}
#wrapper .fullwidth .size_126 {
width:calc(60%);
}
#wrapper .fullwidth .size_119 {
width:calc(40%);
}
#wrapper .fullwidth .size_116 {
width:calc(20%);
}
#wrapper .fullwidth .size_117,
#wrapper .fullwidth .size_113 {
width:calc(25%);
}
#wrapper .fullwidth .size_124{
width:calc(100%);
}
#wrapper .fullwidth .size_37 {
width:calc(12.5%);
}
#wrapper .fullwidth .size_115,
#wrapper .fullwidth .size_123{
width:calc(33.333333%);
}
#wrapper .fullwidth .size_26.ce_text,
#wrapper .fullwidth .size_15.ce_text,
#wrapper .fullwidth .size_23.ce_text,
#wrapper .fullwidth .size_27.ce_te{
padding: 1em;
align-content: center;
align-content: center;
}
#wrapper .fullwidth .size_27 {
width:calc(40%);
}
#wrapper .fullwidth .size_24 {
width:calc(20%);
}
#wrapper .fullwidth .size_23,
#wrapper .w33-66>*:nth-child(1),
#wrapper .w66-33>*:nth-child(2) {
width:calc(33.333333333%);
}
#wrapper .w33-66>*:nth-child(2),
#wrapper .w66-33>*:nth-child(1) {
width:calc(66.666%);
}
.ce_gallery img {
width: 100%;
}
.accordion {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.toggler:after {
right:33px;
top:5px;
position:absolute;
font-size:30px;
color:rgba(50,50,50,0.8);
content: '';
transform: rotate(90deg);
font-family: IcoFont;
}
.dunkel .toggler:after {
color:white;
}
.dunkel .toggler:hover:after {
color:rgb(255 255 255 / 90%);
}
.toggler.active:after,
.toggler.ui-state-active:after {
transform: rotate(-90deg);
}
.dunkel .toggler {
border-bottom: 1px solid rgb(255 255 255 / 32%);
}
.toggler {
position:relative;
display:block;
padding:10px 60px 10px 10px;
text-align:left;
border-bottom:1px solid rgba(50,50,50,.2);
font-size: 1rem;
letter-spacing:2px;
cursor: pointer;
}
.tp_content > * {
width: 100%;
}
.trigger{
cursor: pointer;
}
.toggler:focus,
input:focus{
outline: 0;
}
.toggler,
button {
outline-color: transparent;
}
.toggler i {
right:0;
position:absolute;
}
.toggler.active i {
display:none;
}
script {
display:none;
}
.submit_container,
.widget-submit {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 1em;
}
.noheader .menuswitch .line-b{
opacity:1;
visibility: visible;
}
.submit_container >* {
display: flex;
}
.bb_teaser img {
width:100%;
height:auto;
}
.bb_teaser div img {
width:auto;
}
img {
align-self: center;
}
.no-after:after{
content:none!important;
}
.bb_teaser.weather .bb_content{
padding-top:0;
}
.bb_teaser.weather{
background: #555;
color: white;
}
.bb_teaser.weather img {
width:auto;
padding-top:1em;
}
.bb_teaser.bb_cover .caption,
.bb_teaser.bb_marked .caption {
color: #fff;
z-index: 1;
}
.bb_teaser figure{
position: relative;
}
.bb_teaser .caption,
.ce_gallery .caption,
figure .caption{
bottom:2px;
right:5px;
position:absolute;
font-size:10px;
color: #fff;
}
.bb_teaser.bb_cover.bb_marked .bb_content:after {
background-image:url("../../files/homepages/edlguetl/logos/edlguetl-icon.webp");
background-position:center center;
background-repeat:no-repeat;
border:0px;
content: "";
opacity: 0.2;
top: 0;
left: -50%;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
/*
.bb_me_list.mod_article .bb_teaser.bb_marked,
.bb_teaser.bb_marked ,
.bb_teaser.bb_marked .bb_content{
background-color: #7e9d9c;
color: #fff;
}
.bb_teaser.bb_marked.bb_noimg {
background-color: #7e9d9c;
}
.bb_teaser.bb_marked.bb_noimg a {
color: #3e3e3e;
}
*/
.bb_teaser.hell.bb_noimg .bb_content {
color: #555;
}
.bb_noimg .bb_iconfont span{
color: white;
}
a.bb_teaser img,
a img {
transform: scale(1);
}
.mod_bb_header .item:not(.placeholder):before{
width: 100%;
height: 620px;
top: 0;
position: absolute;
background-repeat: repeat-x;
content: ' ';
z-index: 1;
opacity: 0.7;
}
.bb_teaser.bb_cover picture:after{
width: 100%;
height: 40%;
bottom: 0;
left: 0;
position: absolute;
color: #fff;
background: linear-gradient(to top, rgba(20,20,20,0.8), rgba(0,0,0,0));
content: ' ';
z-index: 1;
opacity: 0.8;
}
/*
a.bb_teaser .bb_content:after {
width:100%;
height:100%;
right:20px;
top:20px;
position:absolute;
border-top:1px solid rgba(255,255,255,.5);
border-right:1px solid rgba(255,255,255,.5);
content: '';
opacity: 0;
}
*/
.bb_teaser.bb_noimg.size_6{
min-height: 16em;
}
.bb_teaser.bb_noimg {
background-color: #3e3e3e;
color: #fff;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-self: stretch;
align-content: center;
min-height: 8em;
}
.bb_teaser.bb_noimg .bb_content .bb_headline,
.bb_teaser.bb_noimg .bb_content .bb_subheadline{
margin-bottom:0;
padding-bottom:0;
}
.bb_teaser.bb_noimg .bb_content {
color: #fff;
background-color: transparent;
}
.bb_teaser .bb_content,
.bb_teaser .tp_content,
.bb_teaser .bb_headline {
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index: 1;
padding: 1.5rem;
}
.bb_teaser.bb_cover .bb_content {
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
overflow:hidden;
margin:1rem;
padding:0.5rem;
border:1px solid rgba(255,255,255,.01);
color: #fff;
align-content: flex-end;
height: calc(100% - 2rem);
width: calc(100% - 2rem);
text-shadow: 2px 2px 8px #000000;
background-color: transparent;
z-index: 1;
}
.bb_teaser.bb_cover.size_18 .bb_content
{
margin: 0px;
height: 100%;
width: 100%;
}
.bb_teaser.bb_cover.size_18 .bb_headline{
font-size: 0.7em;
}
.bb_teaser.bb_cover.size_2 .bb_headline{
font-size: 1em;
}
.bb_teaser.size_5 .bb_headline,
.bb_teaser.size_12 .bb_headline,
.bb_teaser.small_headline .bb_headline{
font-size: 1em;
font-weight: 600;
}
.ce_text.bb_fulltext .bb_text {
max-height:none;
}
.bb_teaser.bb_cover .bb_text {
/* -webkit-line-clamp: unset;*/
max-height: 100%;
opacity: 1;
visibility: visible;
transition: all 50ms;
}
.bb_teaser .bb_content >* {
width:100%;
text-align:center;
}
.bb_headline {
display:block;
margin-top:0;
margin-bottom:0.5em;
padding:0;
text-align:center;
font-size:2em;
text-transform:uppercase;
letter-spacing:0.125em;
font-weight: 400;
width: 100%;
}
.float_left .bb_headline,
.float_right .bb_headline {
margin-top:0;
padding-top:0;
text-align: left;
}
.bbsh,
.bb_headline.bbsh {
margin-bottom:0;
}
.bbsh,
.bb_headline.bbsh{
padding-bottom:0;
}
#header .bb_headline {
font-size:2em;
}
#header .bb_subheadline {
font-size:1em;
}
.bb_subheadline,
.mainh .bb_subheadline h1 {
width: 100%;
display:block;
padding-top:0;
padding-bottom:1em;
text-transform:uppercase;
letter-spacing:0.2em;
font-weight: 300;
}
.mainh .bb_subheadline h1 {
margin:0;
padding:0;
}
footer .bb_subheadline {
font-weight: 500;
}
.bb_teaser.bb_noimg .subheadline {
padding-bottom:0;
color:rgba(255,255,255,.5);
}
.fullwidth .bb_teaser.size_6.bb_description.bb_cover .bb_content > .subheadline {
max-height:0px;
padding-top:0;
padding-bottom:1rem;
line-height:1em;
opacity: 1;
visibility: visible;
}
.bb_teaser.size_6.bb_description.bb_cover .bb_content {
align-content: center;
}
#wrapper .inside .w25 {
width:100%;
margin:0;
padding:0;
}
#wrapper .inside .w50-50 .ce_text,
#wrapper .inside .w66-33 .ce_text,
#wrapper .inside .w33-66 .ce_text{
padding: 5%;
}
#wrapper .inside .w66-33 >*:nth-child(2n),
#wrapper .inside .w33-66 >* {
width:33.333%;
}
#wrapper .inside .w66-33 >*,
#wrapper .inside .w33-66 >*:nth-child(2n) {
width:66.666%;
}
#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;
}
#wrapper .ce_gallery{
position:relative;
margin-left:0;
margin-right:0;
}
#container .ce_gallery ul li{
margin-right: 1em;
margin-bottom: 1em;
padding:0;
position:relative;
}
.fullwidth .ce_gallery {
margin-top:0;
margin-bottom:0;
margin:0;
width: 100%;
}
#container .fullwidth .ce_gallery ul li {
margin: 0;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
.ce_gallery ul{
flex-wrap: wrap;
display:flex;
justify-content: start;
position: inherit;
width: calc( 100% + 1px);
}
.ce_gallery ul li a {
width: 100%;
flex-wrap: wrap;
display:flex;
justify-content: center;
}
#wrapper .inside .w25>*,
#wrapper .fullwidth .size_21,
#wrapper .fullwidth .size_25 {
width: calc( 25%);
}
/*
#wrapper .inside .w50-50 >*:nth-child(2n),
.fullwidth .bb_teaser.size_15:first-child,
#wrapper .inside .w50-50 >*:first-child {
width:50%;
max-height:none;
margin:0;
padding:0;
}
*/
.bbadr2 > span,
.bbadr2 > a {
width:100%;
}
.bb_adressblock .plzcity,
.bb_adressblock .street,
.bb_adressblock .region,
.bb_adressblock .country {
width:100%;
padding-right:1rem;
padding-left:1rem;
}
#bb_gutschein_widmung,
#bb_gutschein_container{
font-weight: 300;
}
.ce_text.blocksatz,
#main .blocksatz .ce_text,
#main .blocksatz.ce_text{
text-align: justify;
text-align-last: center;
max-width: 960px;
}
.bb_adressblock .zip {
padding-right:.5rem;
padding-left:1rem;
}
.bb_adressenblock{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bb_adressblock > span,
.bb_adressblock > a{
justify-content: flex-start;
}
.bb_adressblock .bb_adressenblock .zip{
padding-left: 0px;
}
.ce_text.float_left ul li,
.ce_text.float_right ul li{
width: 100%;
border-bottom:0px;
padding-top:0;;
}
.ce_text.float_left ul,
.ce_text.float_right ul,
.ce_text.float_left ol,
.ce_text.float_right ol {
padding-left:2rem;
border-top:0px;
width: 100%;
}
.bb_me_detail .bb_text{
clear: both;
}
.bb_me_detail .image_container.float_left{
width: 100%;
}
.fader-control .fader-menu b:after,
.slider-control .slider-menu b:after {
width:20px;
height:20px;
max-width:20px;
max-height:20px;
left:0;
top:0;
position:absolute;
background-color:rgba(255,255,255,.4);
border:1px solid rgba(255,255,255,.5);
line-height:20px;
content: '';
width: calc(18px + (18 - 13) * ((100vw - 670px) / (1600 - 670)));
height: calc(18px + (18 - 13) * ((100vw - 670px) / (1600 - 670)));
}
.fader-control .fader-menu b,
.slider-control .slider-menu b {
width:20px;
height:20px;
position:relative;
float:left;
display:inline-block;
margin-left:10px;
font-size:0px;
line-height:20px;
width: calc(18px + (18 - 13) * ((100vw - 670px) / (1600 - 670)));
height: calc(18px + (18 - 13) * ((100vw - 670px) / (1600 - 670)));
margin-left: calc(7px + (7 - 4) * ((100vw - 670px) / (1600 - 670)));
}
.offset1px .fader-control {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.fader-control .fader-menu b.active {
color:rgba(255,255,255,.5);
}
.fader-control .fader-menu,
.slider-control .slider-menu {
width:auto;
left:auto;
position:relative;
float:left;
margin-left:auto;
}
.fader-control,
.slider-control {
bottom:10px;
left:60px;
position:absolute;
z-index: 1;
left: calc(28px + (28 - 10) * ((100vw - 670px) / (1600 - 670)));
}
#container .inside >* {
margin:0;
padding-top:4em;
padding-bottom:4em;
background-color:rgba(255,255,255,.9);
/* border-bottom:1px solid #cfc1b8;*/
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
}
#container .inside >#bb_kategorien,
#container .inside >.bb_kategorien,
.custom .inside >#bb_kategorien,
.custom .inside >.bb_kategorien{
justify-content: flex-end;
}
.darkmode #container .inside >*{
background-color:#3e3e3e;
}
body .bb_gutscheintool{
margin-top: 0px;
min-height: 100vh;
}
.wertgutschein label {
width: auto;
padding-left: 0;
}
.custom .inside >* {
margin:0;
padding-top:4rem;
padding-bottom:4rem;
background-color:rgba(255,255,255,.9);
border-top:0;
display: flex;
justify-content: center;
flex-wrap: wrap;
z-index: 0;
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
}
/*Isotope*/
.ce_text ul li.product >*,
.mod_iso_cart .product > *,
.mod_iso_checkout .product > *{
float:left;
}
.product .bb_subheadline{
width:auto;
}
.ce_text ul li.product > form,
.mod_iso_cart .product > .remove{
float:right;
}
.ce_text ul li.product{
width: 100%;
display: inline-block;
}
.mod_iso_cart .product .name a,
.mod_iso_checkout .product .name{
margin-bottom: 0.5em;
display: flex;
font-weight:700;
color: #555;
}
.mod_iso_cart .submit_container{
justify-content: flex-end;
}
.mod_iso_cart .product .info{
width: 100%
}
.mod_iso_cart .product{
margin-right: auto;
margin-left: auto;
padding: 1em;
background-color: rgb(0 0 0 / 5%);
position: relative;
width:100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.5em;
}
.cart_foot div{
background-color: rgb(0 0 0 / 3%);
padding:1em;
margin-bottom:1px;
}
.cart_foot div.grandtotal{
font-weight: 700;
background-color: rgb(0 0 0 / 5%);
}
.mod_iso_checkout .product .name{
width: 100%;
text-align: left;
}
.mod_iso_checkout .product{
margin-right: auto;
margin-left: auto;
padding-top: .3rem;
padding-bottom: .3rem;
border-bottom: 1px solid rgba(0,0,0,.2);
position: relative;
display: inline-block;
}
.mod_iso_cart .product:hover{
background-color: rgb(0 0 0 / 7%);
}
.mod_iso_cart .product .name{
width: 100%;
padding-right: 30px;
}
.mod_iso_cart .cart_foot{
justify-content: flex-end;
width: 100%;
text-align: right;
}
.mod_iso_checkout .cart_foot{
justify-content: flex-end;
width: 100%;
text-align: right;
}
.bb_flexwrapped{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.mod_iso_cart .product .remove{
width: 30px;
position: absolute;
right: 1em;
display: flex;
justify-content: center;
height: calc(100% - 2em);
align-content: center;
align-items: center;
}
li.product input.add_to_cart{
padding: 0px;
background-color: transparent;
border: 0px solid rgba(255,255,255,.5);
color: #7e9d9c;
font-weight: 500;
}
li.product input.add_to_cart:hover,
li.product a.trigger:hover {
cursor: pointer;
color: #3e3e3e;
}
li.product .bb_subheadline {
float: left;
padding: 0px;
margin: 0px;
margin-right: 10px;
letter-spacing: 0px;
font-weight: 400;
text-transform: none;
}
.submit_container form{
margin: 0;
}
.mod_iso_cart
{
width: 90%;
max-width: 1024px;
min-width: 300px;
}
.mod_iso_cart >*,
.mod_iso_cart >*>*{
width: 100%;
}
.mod_iso_cart >*{
color: #3e3e3e;
display: flex;
flex-wrap: wrap;
}
.mod_iso_cart a{
color: #7e9d9c;
}
.input_small{
width: 50px;
text-align: center;
}
.itemcount{
background-color: #7e9d9c;
text-align:center;
align-content:center;
align-items:center;
display: flex;
justify-content:center;
color: white;
}
.bb_ausrufezeichen{
background-color: #7e9d9c;
text-align:center;
align-content:center;
align-items:center;
display: flex;
justify-content:center;
color: white;
font-size: 40px;
width: 45px;
height: 45px;
border-radius: 90px;
margin-left: auto;
margin-right: auto;
}
a.bb_show_miniwk .itemcount{
position: absolute;
bottom:0.4em;
right:0;
width: 1.5em;
font-size: 0.7em;
height: 1.5em;
border-radius: 1em;
}
.itemcount.toomuch{
background-color: firebrick;
}
.stick a.bb_show_miniwk .itemcount,
.docked a.bb_show_miniwk .itemcount{
right:-0.5rem;
bottom: 0rem;
}
.warning .itemcount{
width: 20px;
height: 20px;
border-radius: 10px;
float: left;
margin-right: 10px;
}
a.bb_show_miniwk{
position: relative;
}
.mod_iso_cart >*{
width: 100%;
}
.mod_iso_checkout fieldset span{
display: flex;
flex-wrap: wrap;
}
.mod_iso_checkout fieldset > span
{
width: 100%;
background-color: #ececec;
padding: 15px;
}
.mod_iso_checkout .review.orderproducts,
.mod_iso_checkout .review.orderconditions
{
width: 100%;
background-color: rgb(236 236 236 / 23%);
padding: 1em;
margin-bottom: 1em;
}
.mod_iso_checkout .review.orderconditions .widget >*
{
width: 100%;
padding: 15px;
margin-bottom: 0px;
}
.mod_iso_checkout .info_container,
.mod_iso_checkout .payment .widget,
.mod_iso_checkout .address_new
{
width: 100%;
background-color: rgb(175 175 175 / 11%);
padding: 2em;
margin-bottom: 1em;
position: relative;
}
.mod_iso_checkout .payment{
max-width: 500px;
}
.mod_iso_checkout .payment span.note{
font-weight: 300;
width: 100%;
padding: 0px;
border: none;
}
.mod_iso_checkout .payment span.currency{
display: inline;
}
.mod_iso_checkout form .review
{
width: 100%;
padding: 0px;
}
.mod_iso_checkout .formbody fieldset,
.mod_iso_checkout .review.orderconditions .widget > fieldset {
margin: 0px;
padding: 0px;
}
.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: #fff;
cursor: pointer;
position: absolute;
top:0;
right:0;
}
#container .info_container a.edit:hover{
color:rgba(255,255,255,.3);
}
.mod_iso_checkout .note >*{
width: 100%;
}
.product.warning{
color: #3e3e3e;
border: 1px solid var(--color-red);
background-color: #cfc1b8;
}
.bb_teaser .quantity_container{
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.size_24 .bb_headline {
font-size: 1.5em;
}
.bb_teaser .quantity_container.widget >*{
align-items: center;
display: flex;
justify-content: flex-end;
margin-right: 5px;
}
/*Ende Isotope*/
/*steps*/
.steps ol{
display: flex;
justify-content:center;
flex-wrap: wrap;
width: 100%;
list-style-type: none;
font-size: 0.8em;
padding: 0.01em;
}
.steps ol li{
padding: 0.8em;
background-color: rgba(0, 0, 0, 0.1);
margin-right: 1px;
margin-bottom: 1px;
}
.steps ol li.active{
background-color: rgba(0, 0, 0, 0.6);
color: white;
}
.steps ol li.passed{
background-color: rgba(0, 0, 0, 0.6);
}
.steps ol li.passed a{
color: rgba(255, 255, 255, 0.4);
}
#container .steps ol li.passed a:hover{
color: #fff;
}
/* ENDE STEPS */
/*Fixed elements*/
.bb_tofix::-webkit-scrollbar
{
display:none;
width: 0px;
background: transparent;
}
.bb_tofix{
overflow-y: scroll;
}
.bb_tofix,
#bb_mainmenu{
position: fixed;
width: 100%;
height: 100%;
background-color:rgba(50,50,50,.98);
display: flex;
justify-content: center;
align-items: center;
align-content: center;
visibility: hidden;
z-index: -1;
opacity: 0;
}
#header:target #bb_mainmenu .mod_breadcrumb {
bottom:0;
visibility: visible;
opacity: 1;
}
#bb_miniwk.bb_tofix:target,
#header:target #bb_mainmenu {
visibility: visible;
z-index: 20;
opacity: 1;
}
#header:target a.closebutton,
#bb_miniwk:target ~ a.closebutton{
opacity:1;
visibility:visible;
}
a.closebutton {
width:3rem;
height:2.7rem;
top:50px;
left:60px;
position:fixed;
display: flex;
justify-content: center;
align-items: center;
color:white;
z-index: 21;
opacity:0;
visibility:hidden;
}
.bb_tofix .mod_iso_cart{
background-color: white;
padding: 1em;
max-height: 80vh;
overflow: scroll;
}
#header:target .menu-line,
.stick #header:target .menu-line,
.stick #bb_miniwk:target ~ .closebutton .menu-line
{
background-color: #fff;
height: 2px;
}
#header:target .ankernav .menu-button.showonscroll.active {
margin-left:0;
}
#header:target .menu-line.line-a,
#bb_miniwk:target ~ .closebutton .menu-line.line-a {
position:absolute;
transform: rotate(45deg);
}
#header:target .menu-line.line-c,
#bb_miniwk:target ~ .closebutton .menu-line.line-c {
position:absolute;
transform: rotate(135deg);
}
#header:target .menu-line.line-b,
#bb_miniwk:target ~ .closebutton .menu-line.line-b {
opacity: 0;
}
.bb_tofix a.closebutton{
margin: 50px 60px 15px;
z-index: 2;
display: flex;
}
#header:target #bb_mainmenu .mod_navigation {
display: flex;
width: 100%;
max-width: 1980px;
}
/*closemenu aus angernav template entfernen*/
.ankernav a.closemenu{
display: none;
}
#header:target .menu-text {
font-size:1rem;
visibility: hidden;
opacity: 0;
}
.bb_specialnav .mod_iso_cart{
width: auto;
min-width: 0;
overflow: visible;
padding-right: 1em;
padding-left: 1em;
}
.bb_iconfont{
display: flex
}
/*End Fixed elements*/
#mapid {
width:100%;
z-index: 1;
}
#idLage #mapid {
border-top:1px solid #cfc1b8;
border-bottom:1px solid #cfc1b8;
}
.targetactive,
#container .inside >#idLage.targetactive {
height:auto;
min-height:0;
}
.homepage a i {
display: inline;
}
#container .inside>.dunkel:after,
.custom .inside>.dunkel:after{
background-image:url("../../files/homepages/edlguetl/logos/edlguetl-icon.webp");
background-position:center center;
background-repeat:no-repeat;
content: "";
opacity: 0.02;
top: 0;
left: -70%;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.bb_social a {
padding:1rem;
font-size:3rem;
}
.bb_bigboxcontent {
padding:4em 1em 1em;
color: #3e3e3e;
}
#bb_open {
background-color:rgba(255,255,255,.3);
border-top:1px solid #cfc1b8;
border-bottom:1px solid #cfc1b8;
}
#bb_open strong{
font-weight: 500;
letter-spacing: 0.125em;
}
#container .inside>.dunkel,
.custom .inside>.dunkel {
position:relative;
background-color: #3e3e3e;
/*background-color: #594f46;*/
color:rgba(255,255,255,.9);
}
.newslist_item .bb_text{
margin-bottom: 1rem;
}
#container .inside>.hell{
background-color: #FCFCFC;
}
.dunkel .ce_text ul li,
.dunkel .ce_text ul {
border-color:rgba(255,255,255,.1);
}
.ce_text.float_right,
.ce_text.float_left,
.ce_text.zweispaltig {
text-align:left;
}
#wrapper .no-margin{
margin: 0 !important;
}
#wrapper .margin-top-1{
margin-top: 1em !important;
}
#wrapper .margin-bottom-1,
#wrapper .margin-bottom{
margin-bottom: 1em !important;
}
#wrapper .margin-top-2{
margin-top: 2em !important;
}
#wrapper .margin-bottom-2{
margin-bottom: 2em !important;
}
#wrapper .no-margin-bottom{
margin-bottom: 0 !important;
}
#wrapper .no-margin-bottom-child > *{
margin-bottom: 0 !important;
}
#wrapper .no-margin-top{
margin-top: 0 !important;
}
#wrapper .no-padding-bottom{
padding-bottom: 0 !important;
}
#wrapper .no-padding-top{
padding-top: 0 !important;
}
#wrapper .no-padding{
padding: 0 !important;
}
#main .bbstickybg .bbbg {
top:0;
margin:0;
z-index: 0;
opacity: 0.15;
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
width:100%;
height:100%;
position:absolute;
overflow: hidden;
}
#container #main .bbstickybg {
width:100%;
position:relative;
overflow:hidden;
margin:0;
text-align:center;
justify-content: center;
align-items:strech;
align-content:center;
overflow:hidden;
}
#bbanker ul li a:after {
width:0px;
top:-1px;
position:absolute;
margin-right:auto;
margin-left:auto;
border-top:1px solid #F28705;
content: '';
}
.invisible {
padding: 0px !important;
}
#bookit {
visibility: hidden;
opacity: 0;
}
.gotocontent:before {
position:relative;
margin-left:-1.5rem;
transform: rotate(60deg);
content: '';
}
.gotocontent:after {
position:absolute;
margin-left:-0.5rem;
transform: rotate(120deg);
content: '';
}
.gotocontent:after,
.gotocontent:before {
width:2rem;
height:2px;
top:1rem;
position:absolute;
background-color: #fff;
}
.gotocontent {
width:100%;
height:2rem;
left:0;
top:20rem;
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: 1;
top: calc(150px + (380 - 150) * ((100vw - 1024px) / (1600 - 1024)));
}
.offset1px .gotocontent {
opacity: 0;
visibility: hidden;
}
.bbcl_submit_container,
.cookielab_item{
width:100%;
}
.bbccl_box a{
color:#2196F3;
}
.targetactive,
#container .inside >.targetactive,
#main .inside > .mod_article:target,
#main .bb_cookielab_page:target
{
display: flex;
flex-wrap: wrap;
border-top:0px;
border-bottom:0px;
min-height: 100vh;
align-content: center;
}
#container:target #main .inside >* {
padding-top:50px;
}
#bbanker ul {
bottom:0;
right:0;
position:fixed;
opacity: 1;
display: flex;
justify-content: flex-end;
margin-right: calc(30px + (50 - 30) * ((100vw - 500px) / (1600 - 500)));
}
#bbanker ul li {
align-content: flex-end;
}
#bbanker ul li a {
height:80%;
position:relative;
margin-right:2px;
padding-right:1.5rem;
padding-left:1.5rem;
background-color: #FFF;
border-top:1px solid #F28705;
color:#F28705;
align-items: center;
justify-content: center;
display: flex;
}
.stick header span.phone,
header .docked span.phone{
color: #85786e;
}
.stick .menu-line,
.docked .menu-line {
background-color: #000;
}
.stick .bb_specialnav,
.bb_specialnav.docked {
width:auto;
top:10px;
z-index: 3;
visibility: visible;
opacity: 1;
}
.bbdnav .ankernav,
#header:target .ankernav,
.stick #header:target .ankernav {
padding:50px 60px 15px;
z-index: 2;
display: flex;
}
.stick .bbdnav .ankernav {
width:100%;
max-width:2560px;
top:0;
padding-top:15px;
background-color: #ececec;
border-bottom:1px solid #cfc1b8;
align-items: center;
padding-right: calc(30px + (50 - 30) * ((100vw - 500px) / (1600 - 500)));
}
.bbdnav.docked .ankernav {
width:100%;
max-width:2560px;
top:0;
padding-top:15px;
background-color: #ececec;
align-items: center;
padding-right: calc(30px + (50 - 30) * ((100vw - 500px) / (1600 - 500)));
}
.stick #bookit,
.bbdnav.docked #bookit{
width:auto;
visibility: visible;
opacity: 1;
}
.stick .menu-text,
.bbdnav.docked .menu-text{
font-size:0px;
visibility: hidden;
opacity: 0;
}
/*
.stick .gototop-lines,
.stick .menu-lines,
.bbdnav.docked .gototop-lines,
.bbdnav.docked .menu-lines {
height:30px;
}
*/
.stick .menu-line,
.bbdnav.docked .menu-line {
width:2.5rem;
height:2px;
}
.image_container.float_left {
margin-right:2em;
margin-bottom:2em;
float: left;
width: auto;
}
.featured .image_container.float_left {
margin-bottom:0;
}
.ce_text .image_container.float_right,
.image_container.float_right {
margin-left:2rem;
margin-bottom:2rem;
float: right;
width: auto;
}
.ce_text ul{
width: 100%;
margin-right:auto;
margin-left:auto;
margin-bottom:1em;
}
.bb_teaser .bb_text ul li{
list-style-type: none;
}
.ce_text ul li,
.bb_text ul li,
.product ul li {
list-style-type: circle;
list-style-position: inside;
margin-right:auto;
margin-left:auto;
padding-top: 0.5rem;
padding-bottom:0.5rem;
}
.dunkel .ce_text ul li,
.dunkel .bb_text ul li,
.dunkel .product ul li,
.bb_noimg .ce_text ul li,
.bb_noimg .bb_text ul li,
.bb_noimg .product ul li {
border-bottom:1px dotted rgba(255,255,255,.15);
}
.table_align_left table td{
text-align:left;
padding: 1rem;
}
.ankerfixed >* {
z-index: 2;
}
/*Forms*/
#container #main .ce_form {
margin-top:0;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 540px;
width: calc(100% - 2em - 2px);
padding-left: calc( 1em + 1px );
padding-right: calc( 1em + 1px );
margin: auto;
}
.ce_form form{
width:100%;
}
.widget {
width: 100%;
margin-bottom: 1em;
}
/* ABC */
.abcnav{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 2em;
}
.abcnav > * {
padding: 0.7em;
background-color: #424242;
color: #fff;
margin: 1px;
transition: all 200ms;
opacity: 0.7;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.abcnav > span {
opacity: 0.3;
}
.abcnav > .selected,
.abcnav > a:hover {
opacity: 1;
}
#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;
}
.widget >*,
select{
width:100%;
position:relative;
padding:.5rem;
}
.widget > input[type=text],
.widget > input[type=date],
.widget > input[type=email],
.widget > input[type=tel],
.widget > input[type=number],
.widget > select,
.widget > textarea
{
border: 0px solid rgb(228 228 228);
}
.widget-checkbox label,
.widget-radio label {
width:auto;
display: inline;
}
label{
width:100%;
display: block;
}
.radio_container label{
font-weight: 700;
}
.radio_container label,
.checkbox_container label {
width: calc(100% - 3em);
}
input.checkbox,
input[type=checkbox]{
float:left;
margin-top:4px;
margin-right:10px;
}
.mod_iso_checkout h2{
font-size: 2em;
margin-top: 1em;
}
input.radio {
float:left;
margin-top:2px;
margin-right:10px;
}
legend {
float: left;
width: 100%;
padding: 0.5em;
font-weight: 600;
margin-bottom: 1em;
text-transform: uppercase;
}
input.error:before {
right:0;
position:absolute;
color:#ff5e5e;
content: '<';
}
fieldset{
margin-bottom: 1rem;
margin-bottom: 1rem;
text-align: left;
padding:1em;
border: 1px solid white
}
fieldset.checkbox_container > span,
fieldset.radio_container > span{
padding: 1em;
display: flex;
background-color: rgba(50, 50, 50, 0.03);
margin-bottom: 0.5em;
margin-bottom: 0.5em;
width: 100%;
}
footer .inside >*>#bb_footer_form form {
max-width: 500px;
width:100%;
}
footer .inside >*>#bb_footer_form {
width:100%;
margin-right:0;
margin-left:0;
background-color: #7e9d9c;
border-bottom:1px solid white;
color: white;
padding: 2em;
}
.bb_teaser.bb_button{
padding-bottom: 40px;
}
.bb_teaser .bb_button_container{
padding: 1rem;
position: absolute;
width: 100%;
bottom:0;
left:0;
}
footer .inside >*>#bb_footer_form label {
font-weight: 500;
letter-spacing: 0.125em;
text-transform: uppercase;
}
.hasteform_BBFOOTERFORM .formbody label {
display:none;
}
.hasteform_BBFOOTERFORM form .widget > button {
height:50px;
}
.hasteform_BBFOOTERFORM .widget-submit {
margin-top:20px;
}
#bb_footer_form{
overflow: hidden;
position: relative;
}
#bb_footer_form button{
width: 200px;
}
#bb_footer_form:before{
content:'';
font-size: 23rem;
color: white;
position: absolute;
font-family: IcoFont;
transform:rotate(20deg);
opacity: 0.1;
top: -3rem;
left: 35vw;
}
.mod_article .bb_adressblock .submit_container {
justify-content:flex-start;
}
button,
a.button,
.mod_article a.button,
form .widget > button,
input.submit,
.back a,
.ce_hyperlink a
{
width:auto;
padding:1em;
background-color: #3e3e3e;
border:0px;
font-size:0.75em;
font-weight: 500;
letter-spacing:0.125em;
color: #fff;
cursor: pointer;
margin-right:1px;
text-transform: uppercase;
margin-bottom:1px;
-webkit-appearance: none;
border-radius: 0px;
}
.bb_noimg input.submit
{
background-color: #7e9d9c;
}
.ce_text .bb_text{
overflow:hidden;
}
.float_right.ce_text .bb_text{
overflow: visible;
}
.noheader .bb_specialnav{
position: absolute;
}
.back_button{
background-color:#ececec;
color:#85786e;
position: fixed;
left:0.5rem;
bottom:0.5rem;
padding: 0.25em;
z-index: 10;
opacity:0;
visibility: hidden;
}
.back_button.active{
opacity:1;
visibility: visible;
}
.back_button i{
padding:0;
font-size:1.7em;
}
#wrapper .back a{
margin-top: 2rem;
margin-bottom: 2rem;
color: white;
}
.layout_full .info{
font-size: 10px;
color: #c3c3c3;
margin-top: 5rem;
}
#container .inside >.layout_full{
border: none;
}
.mod_newsmenu ul li a,
.mod_newsmenu ul li strong{
padding: 1em;
background-color: rgb(130 130 130 / 14%);
color: #555;
display: flex;
justify-content: center;
margin-bottom: 1px;
transition: all 300ms;
}
.mod_newsmenu ul li a:hover{
background-color: rgb(130 130 130 / 40%);
}
.layout_full .ce_text{
/*text-align:left;*/
}
.bb_iconfont span {
font-family: "Montserrat", "verdana";
color: #3e3e3e;
font-weight: 300;
}
header .icofont-phone:before {
top: -200%;
position: absolute;
}
header .icofont-cart-alt:before {
font-size:2.555rem;
display: flex;
align-items: center;
align-content:center;
color: #fff;
margin-bottom: 2px;
}
.stick header .icofont-phone:before,
.stick header .icofont-cart-alt:before,
header .bbdnav.docked .icofont-phone:before,
header .bbdnav.docked .icofont-cart-alt:before {
font-size:1.666rem;
color: #85786e;
}
.stick .bb_specialnav a.phone,
.stick .bb_specialnav a.fa-phone,
.stick .bb_specialnav a.icofont-smart-phone,
.stick .bb_specialnav a.icofont-cart-alt,
.bb_specialnav #bookit li a
{
height:30px;
padding-left:20px;
text-decoration:none;
color: #85786e;
display:flex;
align-content: center;
flex-wrap: wrap;
}
.stick .bb_specialnav, .bb_specialnav.docked {
top: 15px;
right: calc(15px + (50 - 15) * ((100vw - 500px) / (1600 - 500)));
height: 30px;
}
#wrapper.stick .bb_specialnav{
visibility: visible;
}
.stick #header:target .ankernav .gototop,
#header:target .fader-control,
#header:target .ankernav ul,
#header:target .bb_specialnav .icofont-smart-phone {
display:none;
}
.bb_adressblock .bb_social .bb_iconfont:before {
font-size:44px;
}
.bb_adressblock .bb_iconfont:before {
margin-right:3px;
font-size:19px;
}
.bbw10,
form .widget.bbw10 {
width:10%;
}
.bbw20,
form .widget.bbw20 {
width:20%;
}
.bbw30,
form .widget.bbw30 {
width:30%;
}
.bbw40,
form .widget.bbw40 {
width:40%;
}
.bbw60,
form .widget.bbw60 {
width:60%;
}
.bbw80,
form .widget.bbw80 {
width:80%;
}
.bbw90,
form .widget.bbw90 {
width:90%;
}
.bbw50,
form .widget.bbw50 {
width:50%;
}
.bbw70,
form .widget.bbw70 {
width:70%;
}
.bbw100,
form .widget.bbw100 {
width:100%;
}
.bbw10 >*,
.bbw20 >*,
.bbw30 >*,
.bbw40 >*,
.bbw60 >*,
.bbw80 >*,
.bbw90 >*,
.bbw50 >*,
.bbw70 >*,
.bbw100 >* {
width:100%;
}
fieldset .widget{
float: left;
text-align: left;
padding-right: 5px;
padding-left: 5px;
}
fieldset .widget-textarea{
margin-top: 0px;
}
.fullwidth a.bb_teaser img,
.fullwidth a img {
transform: none;
}
.bb_hover:hover .caption {
opacity: 0;
}
.mod_breadcrumb ul li a:hover {
color:rgba(50,50,50,.5);
}
#bb_mainmenu .level_3 a:hover {
color:#d6d4d4;
letter-spacing:.1rem;
}
#bb_mainmenu ul.level_2 li.submenu:hover ul.level_3 {
max-height:2000px;
visibility: visible;
opacity: 1;
}
.menuswitch .line-b,
.menuswitch:hover .menu-text {
font-size:1rem;
}
.bb_footernav ul li a:hover {
color: #7e9d9c;
}
.toggler:hover:after {
color: #3e3e3e;
}
/*
.bb_teaser.bb_cover.bb_hover .bb_text,
.bb_teaser.bb_cover:hover .bb_text,
a.bb_teaser.bb_cover.bb_hover .bb_text,
a.bb_teaser.bb_cover:hover .bb_text {
max-height:0px;
padding-top:0;
padding-bottom:0;
opacity: 0;
visibility: hidden;
}
*/
.bb_teaser.bb_cover.bb_hover:hover .bb_text,
a.bb_teaser.bb_cover.bb_hover:hover .bb_text {
max-height:100%;
opacity: 1;
visibility:visible;
}
.bb_teaser.bb_cover.bb_marked:hover .bb_content:after,
.bb_teaser.bb_description.bb_cover.bb_hover:hover .bb_content:after {
width:50px;
height:50px;
left:auto;
right:0;
top:0;
position:absolute;
background-color:#00ff48;
border-top:1px solid #fff;
border-right:1px solid #fff;
filter:none;
opacity: 1;
background: none;
content: '';
}
.bb_teaser.bb_fulltext .bb_text,
.ce_text.bb_fulltext .bb_text,
.bb_teaser.bb_cover.bb_hover.bb_fulltext:hover .bb_text {
-webkit-line-clamp: unset;
}
#container a.bb_teaser:hover img,
#container a img:hover {
transform: scale(1.1);
}
.bb_teaser.bb_cover .bb_content:after,
.bb_teaser.bb_description.bb_cover.bb_hover .bb_content:after {
width:100%;
height:100%;
right:0;
top:0;
position:absolute;
content: '';
z-index: -1;
}
a.bb_teaser:hover .bb_content:after {
width:50px;
height:50px;
opacity: 1;
}
.bb_teaser.bb_cover.bb_hover:hover .bb_text {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.bb_teaser.bb_description.bb_cover.bb_hover .bb_content {
bottom:0;
top:auto;
position:absolute;
background-color: transparent;
border-color: transparent;
}
a.bb_teaser.bb_description.bb_cover:hover .bb_content {
background-color: transparent;
opacity: 1;
}
a.bb_teaser.bb_cover .subheadline,
.bb_teaser.bb_cover.bb_hover:hover .subheadline {
max-height:80%;
padding-bottom:1.5rem;
line-height:1em;
opacity: 1;
visibility: visible
}
.bb_teaser.bb_cover:hover .subheadline {
padding-bottom:0;
line-height:0px;
opacity: 0;
visibility: invisible
}
.bb_teaser.bb_noimg:hover .subheadline {
color: #fff;
}
a.bb_teaser.size_6.bb_cover:hover .subheadline {
margin-top:.5rem;
margin-bottom:2rem;
opacity: 1;
visibility: visible;
}
.fullwidth .bb_teaser.size_6.bb_description.bb_cover .bb_content,
.fullwidth .bb_teaser.size_6.bb_description.bb_cover:hover .bb_content,
.fullwidth .bb_teaser.size_6.bb_description.bb_cover .bb_content >* {
border:0px;
color: #fff;
opacity: 1;
background-color: transparent;
text-shadow: 2px 2px 8px #000000;
font-size: calc(18px + (24 - 18) * ((100vw - 414px) / (1024 - 414)));
}
.fader-control .fader-menu b.active:after,
.slider-control .slider-menu b.active:after,
.fader-control .fader-menu b.active:hover:after,
.slider-control .slider-menu b.active:hover:after {
background-color: #7e9d9c;
}
.fader-control .fader-menu b:hover:after,
.slider-control .slider-menu b:hover:after {
background-color:rgba(7e9d9c,.5);
}
#container .featured a:hover {
color:#fff;
}
#bbanker ul li:hover a
{
background-color: #FFC784;
color: white;
}
#bbanker ul li a.aktiv
{
background-color: #F28705;
color: white;
}
.stick .line-b,
.menuswitch:hover .line-b,
.docked .line-b {
font-size:1rem;
visibility: visible;
opacity: 1;
}
button:hover,
a.button:hover,
input.submit:hover,
.hasteform_BBFOOTERFORM form .widget > button:hover {
background-color:rgba(50,50,50,.7);
border-color:rgba(255,255,255,.3);
cursor: pointer;
}
header a.icofont-phone:hover span.phone {
max-width:none;
visibility: visible;
opacity: 1;
}
.bb_teaser img,
#container a img,
.bb_teaser.bb_cover .bb_headline,
.bb_teaser.bb_cover .subheadline,
.bb_teaser.bb_cover .bb_text,
.bb_teaser .bb_content:after,
.bb_hover:hover .caption,
.bb_teaser.bb_noimg .subheadline,
.bb_fewocatblock .bb_fewotarget {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#bbanker ul,
.ankernav .gotomenu.showonscroll,
.ankernav .gototop.showonscroll,
.menu-line,
.ankerfixed,
.gototop-line
#bb_mainmenu,
.ankernav a.menu-button,
.bb_specialnav,
#bookit,
#bbanker ul li a,
button,
.bb_footernav ul li a,
#bbanker ul li a,
a.bb_teaser.bb_cover .bb_headline:after,
.fa-phone:before,
header span.phone,
.bb_teaser.bb_description.bb_cover .bb_content,
#bbanker ul li a:after,
#bb_mainmenu .mod_navigation li a,
footer a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
@keyframes bounce {
0%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
40%{
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
60%{
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
80%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
100%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@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);
}
}
@keyframes blink {
1% {opacity:1.0;}
49% {opacity:1.0;}
50% {opacity:0.5;}
55% {opacity:0.5;}
56% {opacity:0.0;}
57% {opacity:1.0;}
58% {opacity: 0.0;}
59% {opacity:1.0;}
60% {opacity: 0.0;}
61% {opacity: 5.0;}
100% {opacity: 1.0;}
}
0% {
transform: translateY(0);
}
20% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
50% {
transform: translateY(0);
}
60% {
transform: translateY(-15px);
}
80% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
#main .inside >*>.bbw10 .bbw10,
#main .inside >*>.bbw20 .bbw20,
#main .inside >*>.bbw30 .bbw30,
#main .inside >*>.bbw40 .bbw40,
#main .inside >*>.bbw50 .bbw50,
#main .inside >*>.bbw60 .bbw60,
#main .inside >*>.bbw70 .bbw70,
#main .inside >*>.bbw80 .bbw80,
#main .inside >*>.bbw90 .bbw90,
#main .inside >*>.bbw100 .bbw100 {
width:100%;
}
.nomargin{
margin: 0px;
}
.nomargintop{
margin-top: 0px;
}
.nopadding{
padding: 0px;
}
/*
html {
font-family:"PT Sans", sans-serif;
font-size: 18px;
}
html body {
font-family:"PT Sans", sans-serif;
}
*/
html {
font-family:"Encode Sans", sans-serif;
font-size: 18px;
letter-spacing: 0.05rem;
}
html body,
.bb_iconfont div {
font-family:"Encode Sans", sans-serif;
}
.bb_teaser.bb_noimg{
background-color: #f9f9f9;
align-content: flex-start;
}
.bb_teaser.bb_cover a,
.bb_teaser.bb_noimg a,
.bb_teaser.bb_noimg .bb_content{
opacity: 100%;
color: #000;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.bb_teaser.bb_noimg .bb_content >*{
padding: 1rem;
}
.mod_article > *,
.blog_left > *,
.mod_newsreader.layout_full > *,
.bb_headline,
.bb_subheadline,
.ce_headline,
.inside >* >.ce_headline{
text-align: left;
}
.widget > input[type=text], .widget > input[type=date], .widget > input[type=email], .widget > input[type=tel], .widget > input[type=number], .widget > select, .widget > textarea,.widget > input[type=password]
{
border: 1px solid #d5d4d4;
}
.inside >* >.ce_headline.eventheader{
padding-top: 4rem;
margin-left: calc( 1rem + 1px );
}
#container .inside >*{
justify-content: flex-start;
letter-spacing: 0.025;
}
#container .inside > .mod_breadcrumb{
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
}
.ce_text
{
width: 100%;}
.bb_teaser.bb_personenteaser.bb_noimg .bb_content .bb_headline, .bb_teaser.bb_personenteaser.bb_noimg .bb_content .bb_subheadline{
height: 5rem;
align-content: center;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
padding: 1rem;
border-bottom: 5px solid #eee;
font-size: 1.25rem;
}
.bb_teaser.bb_personenteaser.bb_noimg .bb_content{
padding: 0;
}
a,.stick #header span.phone, #header .docked span.phone{
color: #595959;
opacity: 100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.mod_article a{
color: #F28705;
}
/*
.mod_article p a:hover,
*/
.download-element a:hover
{
padding-left: 1.1rem;
letter-spacing: 0.1rem;
}
#bb_weather_bottom_container .weather_item > .bb_inside, #bb_weather_top_container .weather_item > .bb_inside {
margin:0;
}
.slick-prev:before, .slick-next:before{
color: black;
}
a:hover,
.mod_article a.bb_teaser:hover,
.bb_footernav ul li a:hover,
#footer a:hover, #footer a:hover span,
.stick #header span.phone:hover,
#header .docked span.phone:hover,
#container .featured a:hover
{
color: #F2B705;
}
.bb_iconfont span,
.bb_iconfont a,
.bb_iconfont .email {
font-family:"Encode Sans", sans-serif;
padding-left: 0.2rem;
}
.bb_iconfont:before{
padding-top: 0.2rem;
}
.bb_teaser .bb_opening_hours{
font-size: 0.9rem;
}
#header .bb_headline {
font-size: 3.5rem;
font-weight: 700;
text-transform: uppercase;
color: #595959;
margin-bottom: 5px;
background-color: rgba(255,255,255,0.75);
backdrop-filter: blur(5px);
letter-spacing: -0.5px;
text-shadow: none;
width: auto;
}
#wrapper .fullwidth .bb_teaser.bb_cover .bb_headline{
margin-bottom:0;
width: auto;
font-weight: 700;
}
#wrapper .fullwidth .bb_teaser.bb_cover .bb_headline {
color: #595959;
margin-bottom: 5px;
background-color: rgba(255,255,255,0.75);
backdrop-filter: blur(5px);
letter-spacing: -0.5px;
text-shadow: none;
padding: 0.5rem;
}
#wrapper .fullwidth .bb_teaser.bb_cover .bb_text {
letter-spacing: -0.5px;
}
/*
#wrapper .fullwidth .bb_teaser.bb_cover .bb_text p{
margin: 0px;
}
*/
/*
header .logo img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
opacity: 80%;
}
*/
body{
color: #000000;
}
header .logo img {
width: auto;
height: auto;
opacity: 80%;
}
.bb_topbar{
width: 100%;
padding: 0px;
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
justify-content: space-between;
display: flex;
z-index: 20;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
border-bottom: 5px solid #d5d4d4;
}
.bb_topbar .logo img{
filter: grayscale(1) brightness(0.2);
opacity: 95%;
}
.bb_topbar .logo {
padding: 1rem;
}
.bb_topbar nav{
display: flex;
align-items: flex-end;
overflow: visible;
}
.bbdnav{
z-index: 10;
opacity: 0;
top: -200px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.bbdnav{
opacity:0;
visibility: hidden;
}
.stick .bbdnav{
opacity: 1;
z-index: 20;
top: 0px;
visibility: visible;
}
#wrapper{
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
border: 1px solid #ECECEC;
}
.newslist_item .image_container.float_left{
margin-bottom: 0;
}
.bb_teaser.size_95{
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
border: 1px solid #ECECEC;
color: #000000;
}
.newslist_item.float_left .bb_headline, .featured.float_right .bb_headline{
padding-top: 2rem;
}
.newslist_item .bb_subheadline{
letter-spacing: 0.05rem;
font-size: 1rem;
}
.dontdisplayempty .empty {
display: none;
}
.newslist_item.float_left > .image_container,
.ce_text.float_left > .image_container{
padding-right: 2rem;
}
.newslist_item.float_left > *{
padding-right: 2rem;
}
.image_container.float_left{
margin-right: 0.3rem;}
.news.featured{
background: #034c8c;
color: white;
}
.ce_download,
.ce_downloads{
padding: 1rem;
}
.ce_downloads li{
width: 100%;
border-bottom: 0px;
padding: 0.5rem;
background: white;
margin-bottom: 4px;
}
/*
.bb_teaser.bb_marked, .bb_teaser.bb_marked .bb_content{
background: none;
background-color: #70735D;
}
*/
/*
.bb_teaser.bb_marked .bb_iconfont span,
.bb_teaser.bb_marked .bb_iconfont a,
.bb_teaser.bb_marked .bb_iconfont .email{
color: #fff;
}
*/
.newslist_item,
.ce_downloads,
.ce_download{
border: 1px solid #ECECEC;
background-color: #f9f9f9;
}
.stick .bbdnav .ankernav{
border-color: #d5d9dc;
z-index: 20;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
}
.mod_bb_header{
z-index: 0;
}
header .logo:hover img {
filter: grayscale(0.3);
-webkit-filter: grayscale(0.3);
opacity: 100%;
}
footer{
width: 100%;
padding: 3rem;
padding-top: 1rem;
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
justify-content: space-between;
display: flex;
z-index: 20;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: -webkit-linear-gradient(top,#f9f9f9 20%,#fff 80%);
background: linear-gradient(to bottom,#f9f9f9 20%,#fff 80%);
}
.bb_teaser.bb_noimg .bb_content > .bb_subheadline{
padding-top: 0;
padding-bottom: 1em;
}
#bb_open{
background-color: transparent;
}
footer .inside > * > *{
width: 33%;
min-width: 280px;
text-align: left;
border-left: 1px solid #d5d4d4;
justify-content: flex-start;
padding: 2.4rem;
display: flex;
align-items: flex-start;
align-content: flex-start;
}
footer .bb_footernav ul{
display: block;
}
footer .inside > * > .bb_address,
footer .bb_adressblock{
display: block;
padding-top: 1rem;
padding-bottom: 0px;
}
.bb_adressblock .plzcity, .bb_adressblock .street, .bb_adressblock .region, .bb_adressblock .country{
padding: 0px;
}
.bb_adressblock .zip,
.bb_footernav ul li a
{
padding-left: 0px;
}
.bb_footer {
padding-bottom: calc(70px + (10 - 70) * ((100vw - 300px) / (1600 - 300)));
display: flex;
flex-wrap: wrap;
}
#wrapper.stick .bb_specialnav{
z-index: 30;}
.bb_headline {
font-size: 1.5rem;
}
.bb_subheadline, .mainh .bb_subheadline h1 {
font-size: 1.2rem;
letter-spacing: 0rem;
text-transform: none;
}
.bb_teaser .bb_headline {
padding: 0px;
font-size: 1.2rem;
}
.bb_teaser .bb_content >*,
.bb_teaser .bb_content, .bb_teaser .tp_content, .bb_teaser .bb_headline
{
text-align: left;
justify-content: left;
}
#bb_open{
border-top: 0px;
border-bottom: 0px;
display: flex;
align-items: flex-start;
align-content: flex-start;
}
.bb_headline b{
padding-left: .5rem;}
.bb_teaser.bb_noimg.bgr_1{
background-color: #034C8C;
color: #fff;
}
.bb_teaser.bb_noimg.bgr_blue{
background-color: #034C8C;
color: #fff;}
.bb_teaser.bb_noimg.bgr_red1{
background-color: #F28705;
color: #fff;}
.bb_teaser.bb_noimg.bgr_red2{
background-color: #F29F05;
color: #fff;}
.bb_teaser.bb_noimg.bgr_green{
background-color: #70735D;
color: #fff;
}
.bb_teaser.bb_noimg.bgr_white{
background-color: #F2ECE4;}
.bb_teaser.bb_noimg.bgr_1 .bb_content,
.bb_teaser.bb_noimg.bgr_blue .bb_content,
.bb_teaser.bb_noimg.bgr_red1 .bb_content,
.bb_teaser.bb_noimg.bgr_red2 .bb_content,
.bb_teaser.bb_noimg.bgr_green .bb_content,
.bb_teaser.bb_noimg.bgr_1 .bb_content,
.bb_teaser.bb_noimg.bgr_blue .bb_content a,
.bb_teaser.bb_noimg.bgr_red1 .bb_content a,
.bb_teaser.bb_noimg.bgr_red2 .bb_content a,
.bb_teaser.bb_noimg.bgr_green .bb_content a
{
color: #fff;
}
.mod_bb_header .textbox{
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
justify-content: left;
}
.mod_bb_header .textbox >*{
text-align: left;
padding: 5px;
}
.bb_teaser .bb_content .bb_text a{
position: relative;
padding-left: 1rem;
}
.bb_teaser.bb_cover .bb_content .bb_text a span,
.bb_teaser.bb_noimg .bb_content .bb_text a span{
padding-right: .5rem;
opacity: 80%;
}
.bb_teaser.bb_cover .bb_content .bb_text a:after,
.bb_teaser.bb_noimg .bb_content .bb_text a:after{
width: .5em;
height: .5em;
left: 0rem;
top:0;
position: absolute;
margin-top: .4em;
padding-top: .5em;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
position: absolute;
transform: rotate(45deg);
content: ' ';
opacity: 100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.bb_teaser.bb_cover .bb_content .bb_text a:hover:after,
.bb_teaser.bb_noimg .bb_content .bb_text a:hover:after{
left: 0.1rem;
opacity: 50%;
width: .6rem;
height: .6rem;
}
.bb_teaser.bb_cover .bb_content .bb_text a:hover,
.bb_teaser.bb_noimg .bb_content .bb_text a:hover{
opacity: 50%;
padding-left: 1.1rem;
letter-spacing: 0.1rem;
}
/* Background pattern from Toptal Subtle Patterns */
#container .inside>.Ornament,
.custom .inside>.Ornament,
.Ornament {
background-image:url("../../../files/texturen/symphony.webp");
}
/*
#container .inside>.hell,
.custom .inside>.hell,
.hell {
background-image:url("../../../files/texturen/textur_edlguetl.webp");
}
*/
.mod_bb_header.size_99 .item img {
width: 100%;
height: 100vh;
max-width: none;
background-size: cover;
object-fit: cover;
}
.bb_tofix:after{
background-image:url("../../../files/homepages/edlguetl/logos/edlguetl-icon.webp");
background-position:center center;
background-repeat:no-repeat;
content: "";
opacity: 0.02;
top: 0;
left: -70%;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.darkmode #container .inside >*>*{
z-index: 1;
}
.darkmode #container .inside >*:after{
background-position:center center;
background-repeat:no-repeat;
content: "";
opacity: 0.02;
top: -40%;
left: -70%;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.weather .bb_ort{
display: none;
}
.bb_teaser.weather figure{
margin-left: 1rem;
}
#container .inside>.dunkel #bb_weather_top_container,
#container .inside>.dunkel #bb_weather_bottom_container{
color: #000000;
background-color: white;
width: calc(100% - 2rem);
}
#bb_hinweis.mod_bb_gutscheinuebersicht{
padding: 0px;
}
#bb_hinweis.mod_bb_gutscheinuebersicht .information{
border: 0px;
font-weight: bold;
}
.mod_bb_gutscheinuebersicht button#bb_download{
float: none;
width: auto;
}
.darkmode #bb_warenkorb .mod_iso_cart >*{
color: #fff;
}
#container .dunkel a:hover {
color: var(--color-5);
}
footer a:hover,
footer a:hover span {
color: var(--color-2);
}
.bb_slice_2:after {
background-image:url("../../../files/homepages/edlguetl/logos/edlguetl-icon.webp");
}
#idFAQ .mod_faqpage h2{
display: block;
}
button.clearbutton {
background-color: transparent;
border: none;
color: var(--color-2);
padding: 0px;
letter-spacing: inherit;
text-transform: unset;
font-size:1rem;
}
.bb_footer:after {
background-position:center bottom;
background-repeat:no-repeat;
content: "";
opacity: 0.02;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
#bb_mainmenu .mod_navigation li a:after{
content: '';
position: absolute;
bottom: 5%;
left: -5px;
width: 1px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 0px;
-webkit-transition: .35s;
transition: .35s;
}
#bb_mainmenu .mod_navigation strong:after {
background: var(--color-white);
}
#bb_mainmenu .mod_navigation strong.active{
text-decoration: underline;
}
#bb_mainmenu .mod_navigation li a:after{
background: var(--color-2);
}
#bb_mainmenu .mod_navigation li a:hover:after,
#bb_mainmenu .mod_navigation li a:focus:after,
#bb_mainmenu .mod_navigation li.active strong:after {
height: 90%;
}
#bb_mainmenu .mod_navigation li a:hover,
#bb_mainmenu .mod_navigation li a:focus{
letter-spacing: 2px;
}
#container .mod_bb_fkequicknav{
background-image: url(../../../files/texturen/textur_edlguetl.webp);
}
#container .bb_fkequicknav{
background-color: white;
padding: 0.5rem;
padding-left: 1rem;
padding-right: 2.5rem;
text-align: left;
position:relative;
}
#container .bb_fkequicknav:after{
font-family: IcoFont;
content:'';
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
}
.mod_bb_fkequicknav .mod_navigation{
background-color: white;
min-width: 250px;
max-height: 80vh;
overflow-y: auto;
width: 90vw;
max-width: 500px;
}
.mod_bb_fkequicknav .mod_navigation::-webkit-scrollbar{
background-color: transparent;
}
.mod_bb_fkequicknav .mod_navigation::-webkit-scrollbar-thumb
{
background-color: white;
border-radius: 0.5rem;
}
.mod_bb_fkequicknav .mod_navigation ul
{
margin-bottom:0;
}
.mod_bb_fkequicknav .mod_navigation ul li a
{
padding-left: 2rem;
padding-right: 2rem;
padding: 1rem;
display: block;
color: #555;
text-align:left;
width:100%;
border-bottom: 1px solid white;
}
.mod_bb_fkequicknav .mod_navigation ul.level_2 li a
{
padding-left: 3rem;
}
.mod_faqpage .bb_price_fewovw {
width:auto;
display:block;
}
.mod_faqpage .bb_moreperson:before {
padding-left:.5rem;
content: '(';
}
.mod_faqpage .bb_moreperson:after {
content: ')';
}
.bb_price_fewovw {
margin-top:0;
margin-bottom:0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.bb_preisbezug {
width:100%;
}
.bb_moreperson {
width:100%;
font-size:90%;
font-style:italic;
display: inline-block;
}
.bb_fewocatslice .bb_price {
font-size:1.5rem;
letter-spacing:0.25rem;
}
.fewo_verfuegbar{
border-bottom: 1px solid rgb(255 255 255 / 32%);
padding-bottom: 0.5rem;
display: block;
}
.bb_nights,
.fewo_verfuegbar{
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
}
.mod_faqpage h2,
.mod_faqpage .toplink {
display:none;
}
.bb_fewocatslice .bb_slice_2{
width: calc(100% - 649px);
}
/*
.bb_fewocatblock.size_3{
width: 1124px;
background-color: #323232;
padding: 0px;
}
*/
.bb_fewocatslice label{
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.125rem;
}
/*
.bb_fewocatslice.bb_emptypersonen .bb_slice_2,
.bb_fewocatslice.bb_emptypersonen .ce_text {
width: 100%;
max-width: 100%;
}
*/
.bb_fewocatslice.bb_emptypersonen input.feondidatepicker{
margin-left:0;
margin-right:0;
width: 100%;
max-width: 100%;
}
.bb_emptypersonen .bb_headline{
font-size: 1.5rem;
}
.bb_fewocatblock.size_3 .options label{
display: none;
}
.bb_fewocatslice input.feondidatepicker{
max-width: 500px;
text-align:center;
margin-left:1rem;
margin-right:1rem;
width: calc(100% - 2em);
}
.bb_fewocatslice input.error.feondidatepicker{
background-color: #4a3030;
color: white;
}
.fewo_min_info{
color: white;
margin-top: 0.5rem;
padding: 1rem;
background-color: rgb(255 0 0 / 10%);
margin-bottom: 0.5rem;
}
.fewo_price_info{
max-width: 460px;
}
.bb_fewocatblock.size_3 .options .widget-select{
margin-top: 0px;
width: 300px;
}
.bb_fewocatblock *.hl,
.bb_fewocatblock .bb_fewocatslice .bb_slice_2 > .ce_headline {
margin-bottom:0;
padding-bottom:0;
}
.bb_slice_2:after {
background-position:center center;
background-repeat:no-repeat;
border:0px;
content: "";
opacity: 0.02;
top: 0;
left: -50%;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.bb_fewocatblock .accordion >.ce_table {
margin:0;
}
.bb_fewocatblock table td,
.bb_fewocatblock table th {
width:auto;
}
table .bb_price_fewovw {
padding-right:0;
padding-bottom:0;
padding-left:0;
}
table .bb_price_fewovw .bb_price {
letter-spacing:1px;
}
#preisergebnis > .confirmation >* {
width:100%;
}
.bb_fewocatblock td.col_first {
width:300px;
width: calc(50px + (300 - 50) * ((100vw - 414px) / (1920 - 414)));
}
#container .bb_fewocatslice .bb_slice_2 {
display: flex;
flex-wrap: wrap;
align-content: center;
padding-bottom: 180px;
}
/*
#container .bb_fewocatslice.bb_emptypersonen .bb_slice_2 {
padding-bottom:100px;
}
#container .bb_fewocatslice.bb_emptypersonen .widget-checkbox fieldset {
margin:0;
}
*/
.bb_main_container {
flex-wrap: wrap;
width: 100%;
}
.bb_fewocatslice .bb_slice_3 {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
/*background: firebrick;
padding
height: 0px;
*/
}
.bb_fewocatslice .accordion div{
padding:1rem;
display: flex;
justify-content: center;
flex-wrap:wrap;
}
.bb_fewocatslice .ce_text{
max-width: 800px;
}
.bb_fewocatslice:target .bb_slice_3 {
}
.bb_fewocatslice .bb_slice_3 > *{
width: 100%;
}
.fewo_trigger:before{
content:'+';
padding-right:0.5rem;
}
.fewo_trigger.active:before{
content:'-';
}
.bb_fewocatslice:target .button {
background-color: rgba(50,50,50,.7);
border-color: rgba(255,255,255,.3);
}
/*
.bb_fewocatslice .bb_slice_2 > *{
padding-left:1rem;
padding-right:1rem;
}
*/
.bb_slice_2{
overflow: hidden;
}
#container .bb_fewocatslice.product .bb_slice_2 {
padding-bottom: 90px;
}
.bb_fewocatslice .accordion {
width:100%;
}
/*
.bb_fewocatblock {
padding: calc(0.5em + (1 - 0.5) * ((100vw - 300px) / (1600 - 300)));
}*/
.bb_fewocatblock,
.bb_fewocatslice {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items:flex-start;
align-content: flex-start;
position: relative;
justify-content: center;
}
.bb_fewocatslice > * {
position:relative;
display:flex;
background-color:#323232;
color:#fff;
}
.bb_fewocatblock .accordion{
color:#fff;
background-color: #323232;
}
.bb_fewocatslice .bb_slice_2 .bb_headline{
padding-top:1rem;
}
.bb_fewocatslice .bb_slice_2 >* {
width:100%;
margin:0;
margin-left:0;
/* padding: calc(0.5em + (1 - 0.5) * ((100vw - 300px) / (1600 - 300))); */
padding: 0.1rem;
padding-right: 1rem;
padding-left: 1rem;
z-index: 1;
justify-content: center;
display: flex;
}
.bb_fewocatslice .bb_headline{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.bb_fewocatslice .bb_slice_2 .bb_price_fewovw > * {
width:100%;
display:block;
color: #7e9d9c;
}
.bb_fewocatslice .fewo_bottom_container{
position: absolute;
bottom: 0;
left:0;
background: #7e9d9c;
width: 100%;
margin-bottom: 0;
}
.accordion >* {
width:auto;
display:block;
margin: 2rem;
}
.bb_fewocatslice .submit_container{
padding-top:0;
width: 100%;
display: flex;
justify-content: center;
/*background: #555;*/
}
.bb_fewocatslice .submit_container {
width:100%;
padding-top:1.5rem;
padding-bottom:1.5rem;
text-align:center;
display: flex;
justify-content: center;
}
table .bb_preisbezug,
table .bb_moreperson {
display:none;
}
table .bb_price {
font-size:100%;
}
/*
.bb_fewocatblock button,
.bb_fewocatblock a.button,
.bb_fewocatblock input.submit {
margin-right:10px;
border: 1px solid #abaaaa;
background-color: #292929;
color: #abaaaa;
}
*/
.bb_fewocatblock button:last-child,
.bb_fewocatblock a.button:last-child {
margin-right:0px;
}
.bb_slice_2 .widget{
margin-top:1rem;
margin-bottom:0rem;
}
/*
#container .bb_fewocatblock button:hover,
#container .bb_fewocatblock a.button:hover {
border: 1px solid var(--color-5);
color: var(--color-5);
background-color: var(--color-1);
} */
.bb_price_fewovw {
padding-bottom:1.5rem;
}
.slider-control .slider-next,
.slider-control .slider-prev {
display:none;
}
#preisergebnis .bb_subheadline {
letter-spacing:1px;
}
#preisergebnis img {
width:auto;
height:auto;
max-width:320px;
}
.mod_article > #preisergebnis {
width:100%;
margin:0;
padding-left: calc((100% - 1366px)/2);
padding-right: calc((100% - 1366px)/2);
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/*
#container #main .bb_check_price {
margin-top:0;
margin-right:auto;
margin-left:auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(320px + (400 - 320) * ((100vw - 414px) / (1600 - 414)));
}
*/
.mod_article > #preisergebnis.targetactive {
padding-top:80px;
min-height: 100vh;
align-content: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#preisergebnis .bb_price {
font-size:100%;
font-weight:bold;
}
#preisergebnis .bb_preisbox {
width:90%;
margin-top:1rem;
margin-bottom:1rem;
padding:1rem;
}
#preisergebnis .image_container {
margin-top:1rem;
margin-bottom:1rem;
}
#preisergebnis .confirmation .warning {
width:90%;
position:relative;
margin-top:1rem;
margin-bottom:1rem;
padding:1rem;
background-color:#fff;
border:1px solid #807e7e;
font-size:100%;
font-weight:normal;
color:#3c3c3b;
}
#preisergebnis > .information {
margin-right:1rem;
margin-bottom:1rem;
margin-left:1rem;
padding:2rem;
text-align:center;
background-color:#FFF;
border:1px solid rgba(0,0,0,.1);
font-weight: 400;
border-top:5px solid #aabecd;
width: calc(100% - 6rem);
}
#preisergebnis > .confirmation {
margin:1rem;
padding:1rem;
text-align:center;
background-color:#FFF;
border:1px solid rgba(0,0,0,.1);
border-top: 5px solid #aacdba;
display: flex;
justify-content: center;
flex-wrap: wrap;
width: calc(50% - 4rem);
}
#preisergebnis .warning {
width:100%;
bottom:0;
left:0;
position:fixed;
margin:0;
padding:1rem;
text-align:center;
background-color:#fccaca;
border-top:2px solid #3c3c3b;
font-size:120%;
font-weight:bold;
z-index: 1;
}
.mod_article .bb_check_price > .widget {
width: calc(300px + (700 - 300) * ((100vw - 300px) / (1600 - 300)))
}
.bb_back {
width: 100%;
max-width: 2560px;
bottom: -100%;
background-color: #ececec;
border-top: 1px solid #cfc1b8;
display: flex;
position: fixed;
z-index: -1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.stick .bb_back{
bottom: 0px;
z-index: 1;
opacity: 1;
visibility: visible;
}
.bb_back a{
padding: 8px;
justify-content: flex-start;
}
.bb_fewocatblock {
margin-top:0;
margin-bottom:0;
}
/*
.bb_fewocatblock.size_3 {
margin-top:1rem;
margin-bottom:1rem;
}
*/
/*MARKUS */
#bb_mainmenu .mod_navigation ul.level_1 > li > *{
margin-bottom : 10px;
}
#bb_mainmenu .mod_navigation ul.level_2 > li > *{
opacity: 0.8;
}
#bb_mainmenu .mod_navigation ul > li > a:hover{
opacity: 1;
color: #7e9d9c;
}
/*
.menu-line{
box-shadow: 0px 0px 9px #000;
}
*/
.menu-text{
text-shadow: 0px 0px 5px #000;
}
.stick .menu-line,
.stick .menu-text,
.docked .menu-line,
#header:target .menu-line{
box-shadow: none;
text-shadow: none;
}
.bb_social a{
opacity: 0.7;
}
/* ENDE MARKUS */
.bb_fewocatslice .bb_slice_2{
position: relative;
width: calc(100% - 649px);
}
@media screen and (max-width: 1450px) {
#footer,
#container .inside > .mod_breadcrumb{
padding-left: 1.2rem;
padding-right: 1.2rem;
}
}
@media screen and (max-width: 1910px) {
.bb-button img{
width: 200px;
height: auto;
}
.bb-button{
right: 2rem;
bottom: 10rem;
}
.ce_text ul li.product > form{
width: 100%;
float: left;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}
}
@media screen and (max-width: 1400px) {
#bb_weather_bottom_container{
display:none;
}
#wrapper .fullwidth .size_115,
#wrapper .fullwidth .size_35,
#wrapper .fullwidth .size_34,
#wrapper .fullwidth .size_113,
#wrapper .fullwidth .size_21,
#wrapper .fullwidth .size_23,
#wrapper .fullwidth .size_116,
#wrapper .fullwidth .size_119,
#wrapper .fullwidth .size_107,
#wrapper .fullwidth .size_117,
#wrapper .fullwidth .size_123,
#wrapper .fullwidth .size_115,
#wrapper .fullwidth .size_127,
#wrapper .fullwidth .size_126
{
width:50%;
}
#wrapper #bb_kategorien .bb_teaser:first-child{
width: calc(165px + 1px);
}
#container .inside >* {
padding-left: 1em;
padding-right: 1em;
justify-content:center;
}
.mod_bb_header .textbox {
font-size:1rem;
}
.fullwidth .bb_content,
.w50-50 .bb_content {
font-size:0.90rem;
}
html{
font-size:16px;
}
.toggler:after {
top:4px;
}
}
@media screen and (max-height: 800px) and (min-width: 1024px) {
#wrapper #header #bb_mainmenu div.logo{
display: none;
}
}
@media screen and (max-width: 820px), screen and (max-height: 500px) and (orientation: landscape){
/*
.bb-button{
display:none;
}
*/
}
@media screen and (max-width: 1024px) {
#wrapper #container #mapid{
margin-left: 2rem;
margin-right: 2rem;
width: calc(100% - 4rem);
}
footer .inside > * > *{
width: 100%;
display: flex;
justify-content:center;
text-align:center;
padding-left:0;
padding-right:0;
flex-wrap:wrap;
border-left:0;
}
.bb_footernav ul li a{
padding-right:0;
}
.bbadr2 > span, .bbadr2 > a
{
justify-content:center;
}
footer .bb_footernav ul li{
justify-content:center;
}
footer #bb_open >* {
width: 100%;
text-align: center;
}
footer .inside > * > .bb_address
{
width: 100%;
text-align:center;
}
.stick .bbdnav .ankernav,
.bbdnav .ankernav{
padding: 1rem;
border-bottom:0;
}
.bb_specialnav{
display:none;
}
.bbdnav{
width:auto;
top:0;
right:0;
z-index: 20;
opacity:1;
visibility: visible;
}
.ankernav a.gototop{
position: fixed;
bottom:0;
right:0;
}
.ankernav a.gototop.active{
background: white;
height: 55px;
width: 55px;
}
.ankernav .gototop.showonscroll.active:after {
top: 15px;
left:15px;
}
footer .bb_adressblock {
max-width:unset;
}
footer .bb_adressblock > *,
footer .bb_adressblock > .bbaddressblock.bbadr1,
footer .bb_address figure.bb_logo,
footer .bb_adressblock > .bbaddressblock {
margin-right:auto;
margin-left:auto;
justify-content: center;
text-align: center;
}
#wrapper #header #bb_mainmenu div.logo{
position: relative;
top: unset;
padding-bottom: 0;
}
.featured .image_container.float_left{
margin-bottom: 2em;
}
.blog_left{
width:100%;
}
.blog_right{
min-width: 200px;
background: transparent;
}
.ce_text.float_right,
.ce_text.float_left,
.ce_text.zweispaltig,
.ce_text.float_right .bb_headline,
.ce_text.float_left .bb_headline {
text-align:center;
}
.ce_text .image_container.float_right,
.ce_text .image_container.float_left{
width:100%;
margin-bottom: 2rem;
margin-right:0;
margin-left:0;
padding-right:0;
padding-left:0;
}
.newslist_item.ce_text .image_container img{
width: 100%;
}
.newslist_item .bb_text,
.newslist_item .bb_headline,
.newslist_item .bb_subheadline,
.newslist_item .time
{
padding-left: 2rem;
padding-right: 2rem;
padding-top:0;
text-align:center;
}
.newslist_item .bb_text{
padding-bottom:2rem;
}
#wrapper .fullwidth .size_24 {
width:calc(100%);
}
#wrapper #bb_kategorien .bb_teaser:first-child{
width: calc(115px + 1px);
}
#wrapper .fullwidth .size_115,
#wrapper .fullwidth .size_35,
#wrapper .fullwidth .size_26,
#wrapper .fullwidth .size_34,
#wrapper .fullwidth .size_113,
#wrapper .fullwidth .size_116,
#wrapper .fullwidth .size_119,
#wrapper .fullwidth .size_117,
#wrapper .fullwidth .size_107,
#wrapper .fullwidth .size_123,
#wrapper .fullwidth .size_127,
#wrapper .fullwidth .size_126,
#wrapper .fullwidth .size_118{
width:100%;
}
/*
#wrapper .fullwidth .size_21,
#wrapper .fullwidth .size_25{
width:50%;
}
*/
#wrapper #bb_mainmenu ul.level_1 >* {
width: 100%;
}
#wrapper #bb_mainmenu .mod_customnav {
position: relative;
}
#wrapper #bb_mainmenu{
align-content: flex-start;
padding-top: 4em;
padding-bottom: 4em;
}
#bb_mainmenu .mod_customnav ul.level_1{
padding-bottom: 4em;
}
.fullwidth .bb_teaser .bb_headline {
font-size:2em;
}
.bb_teaser.bb_cover .bb_content {
margin:10px;
height: calc(100% - 20px);
width: calc(100% - 20px);
}
.bb_teaser.bb_cover.size_18 .bb_content {
padding: 1px;
}
}
@media screen and (max-width: 970px) {
.fullwidth .bb_teaser .bb_headline {
font-size: 1.5em;
}
.bb-button img{
}
.bb-button{
/*
right: 2rem;
top: 6rem;
*/
bottom: unset;
top: 80px;
}
a.closebutton {
top: 25px;
left: 30px;
}
.noheader .bb_specialnav .mod_iso_cart{
background: transparent;
}
#wrapper .fullwidth .size_26,
#wrapper .fullwidth .size_27,
#wrapper .fullwidth .size_21,
#wrapper .fullwidth .size_15,
#wrapper .inside .w50-50 >*,
#wrapper .fullwidth .size_25{
width:100%;
}
.back_button{
width: 65px;
bottom:0;
left:0;
border-right: 1px solid rgb(133 120 110 / 18%);
padding:1rem;
}
.bb_tofix a.closebutton{
margin: 5px;
margin-left: 10px;
margin-top: 10px;
}
.stick .bb_specialnav, .bb_specialnav.docked{
top: 10px;
}
header .docked a.logo{
left: 90px;
top: 11px;
}
.bb_teaser.bb_cover .bb_content {
margin:5px;
height: calc(100% - 10px);
width: calc(100% - 10px);
}
#preisergebnis > .confirmation,
#preisergebnis > .information,
#preisergebnis > .warning {
width: calc(100% - 2rem);
margin-right: calc(10px + (0 - 10) * ((100vw - 670px) / (1600 - 670)));
margin-left: calc(10px + (0 - 10) * ((100vw - 670px) / (1600 - 670)));
}
.stick .bbdnav .ankernav,
.bbdnav.docked .ankernav {
padding-top:10px;
padding-bottom:10px;
}
.stick .bb_specialnav a.phone,
.stick .bb_specialnav a.fa-phone,
.bb_specialnav #bookit li a {
height:40px;
}
a.bb_teaser.cover .bb_text {
-webkit-line-clamp: 3;
}
.bbdnav .ankernav,
#header:target .bbdnav .ankernav,
.stick #header:target .bbdnav .ankernav {
padding:25px 30px;
}
/*
.ce_text.featured .bb_content{
padding:0;
}
*/
/*
.ce_text.featured{
padding: 2em;
}
*/
.bb_specialnav {
right:30px;
top:25px;
}
#bb_mainmenu ul.level_2 li.submenu ul.level_3,
#bb_mainmenu ul.level_2 li.submenu:hover ul.level_3 {
display:none;
}
.float_left,
.float_right {
float:none;
}
.ce_text ul,
.ce_text.float_right ul,
.ce_text.float_left ul {
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
.ce_text ol,
.ce_text.float_right ol,
.ce_text.float_left ol{
padding: 0px;
list-style-position: inside;
}
.image_container.float_left,
.image_container.float_right {
margin-right:auto;
margin-bottom:1em;
margin-left:auto;
float:none;
}
.mod_bb_header .textbox {
padding-bottom:4rem;
}
#container .inside > .mod_article.first {
padding-top:1rem;
}
#container .inside .fullwidth.mod_article.first{
padding:0;
}
header .icofont-cart-alt:before{
font-size: 1.666rem;
color: #85786e;
}
a.bb_show_miniwk .itemcount{
right: -0.5rem;
bottom: 0rem;
}
#header #bookit{
width: auto;
justify-content: flex-end;
height: 54px;
}
.stick #header #bookit{
visibility: visible;
opacity: 1;
}
#header .bb_specialnav_zwei a{
margin-top:1em;
margin-bottom:1em;
position:relative;
}
.no-bottom-nav #header .bb_specialnav_zwei{
width: auto;
}
.no-bottom-nav .stick #header .bb_specialnav_zwei{
visibility: visible;
opacity: 1;
}
.no-bottom-nav #header .bb_specialnav_zwei .mod_customnav{
display: none;
}
#header .bb_specialnav_zwei,
#header:target .bb_specialnav_zwei {
width:100%;
bottom:0;
right:0;
top: unset;
position:fixed;
justify-content:flex-end;
height: auto;
padding-top:0;
padding-bottom:0;
opacity:1;
visibility: hidden;
margin:0;
background-color: #ececec;
}
.bb_specialnav #bookit li a{
padding-left: 0.5em;
padding-right: 0.5em;
}
.stick .bb_specialnav_zwei .mod_customnav,
#header:target .bb_specialnav_zwei .mod_customnav{
padding-top: 0.2em;
padding-bottom: 0.2em;
}
#header:target .bb_specialnav_zwei{
opacity:0;
visibility: hidden;
display:none;
}
.bb_specialnav #bookit li a{
height:auto;
}
.bb_specialnav .mod_iso_cart{
padding-left: 1.5em;
padding-right: 1.5em;
background-color: #ececec;
}
#bbanker ul {
bottom:-2000px;
visibility: hidden;
opacity: 0;
}
.bb_tofix .mod_navigation,
#wrapper .bb_tofix .mod_iso_cart {
margin-top:60px;
margin-bottom:60px;
}
#container .inside > .fullwidth.mod_article,
#container .inside > .w50-50.mod_article,
#container .inside > .w33-66.mod_article,
#container .inside > .w66-66.mod_article{
padding-top:0;
padding-bottom:0;
}
}
@media screen and (max-width: 821px) {
#main .bbstickybg .bbbg {
background-attachment: unset;
}
/*gallery lb (mobile) */
/*
#wrapper .ce_gallery ul.mblb li,
#wrapper .ce_gallery ul.mblb li a{
display: none;
margin: 0;
}
#wrapper .ce_gallery ul li:first-of-type,
#wrapper .ce_gallery ul li:first-of-type a{
display: block;
z-index: 1;
width: auto;
position: relative;
}
.ce_gallery ul li a:after {
left:0;
top:0;
position:absolute;
background-color:rgba(0,0,0,.5);
font-size:100px;
font-weight:bold;
color:rgba(255,255,255,.8);
width: calc(100% - 2rem);
height: calc(100% - 2rem);
margin: 1rem;
content: '+';
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
*/
.bb_headline{
font-size:1.5em;
}
}
@media screen and (max-width: 730px) {
#header div.logo {
top:30%;
}
}
@media screen and (max-width: 670px) {
.bb-button img{
width:150px;
}
.bb-button{
right: 1rem;
top: 5rem;
}
a.closebutton {
top: 10px;
left: 15px;
}
.accordion >*{
padding: 0;
}
#wrapper #bb_kategorien .bb_teaser:first-child{
width: calc(79px + 1px);
}
.bb_adressblock .bb_iconfont:before,
span.fax
{
display: none;
}
.menu-line{
width:40px;
}
.toggler:after {
top:4px;
font-size:24px;
}
.bb_teaser .submit_container{
display: flex;
flex-wrap: wrap;
margin-top: 10px;
padding: 0px;
}
.bb_teaser .submit_container .quantity_container.widget{
width: auto;
}
.bb_teaser .caption {
font-size:7px;
}
.fullwidth .bb_teaser.bb_cover .bb_content {
width:100%;
height:100%;
margin:0;
}
header a.bb_iconfont:before {
font-size:30px;
}
.bb_teaser.bb_cover.size_18 .bb_content {
width:170px;
height:79px;
left:-45px;
top:45px;
transform: rotate(-90deg);
}
.fader-control,
.slider-control {
width:100%;
bottom:0;
left:auto;
right:auto;
text-align:center;
}
.fader-control .fader-menu,
.slider-control .slider-menu {
float:none;
}
.mod_breadcrumb ul {
font-size:14px;
}
.mod_breadcrumb li.first a:before {
font-size:20px;
line-height:11px;
}
.accordion >* {
margin:0;
}
#wrapper .inside .w25>* {
width:50%;
}
table {
font-size:12px;
}
table td,
table th {
padding-right:0;
padding-left:0;
}
form .widget.bbw10,
.bbw10,
form .widget.bbw20,
.bbw20,
form .widget.bbw30,
.bbw30,
form .widget.bbw40,
.bbw40,
form .widget.bbw50,
.bbw50,
form .widget.bbw60,
.bbw60,
form .widget.bbw70,
.bbw70,
form .widget.bbw80,
.bbw80,
form .widget.bbw90,
.bbw90,
form .widget.bbw100,
.bbw100 {
width:100%;
}
.ce_form .hasteform_BBFOOTERFORM .formbody {
text-align:center;
flex-wrap: wrap;
}
.ce_form .hasteform_BBFOOTERFORM .formbody .widget {
margin-top:10px;
margin-bottom:10px;
}
footer .bb_adressblock {
width:100%;
margin-top:1rem;
margin-bottom:1rem;
}
footer .bb_footernav ul {
flex-wrap:wrap;
}
footer .bb_footernav ul li {
justify-content: center;
}
.bb_tofix .mod_navigation{
margin-top: 45px;
margin-bottom: 0px;
}
.bbdnav .ankernav,
#header:target .bbdnav .ankernav,
.stick #header:target .bbdnav .ankernav {
padding:10px 15px;
}
.bb_specialnav {
right:10px;
top:10px;
}
}
@media screen and (max-width: 639px) {
#bb_mainmenu ul.level_1 >*{
width: 100%;
}
#bb_mainmenu ul.level_1 {
justify-content: flex-start;
}
#container .inside >#bb_kategorien,
.custom .inside >#bb_kategorien {
justify-content:center;
}
#bb_mainmenu .mod_navigation li a, #bb_mainmenu .mod_navigation li strong
{
padding: .1rem;
}
}
@media screen and (max-width: 526px) {
.bb_teaser .bb_content, .bb_teaser .tp_content, .bb_teaser .bb_headline{
padding:1rem;
}
.bb_teaser.bb_noimg .bb_content > .bb_subheadline{
padding-bottom:0;}
.fullwidth .bb_teaser .bb_headline,
.fullwidth .bb_teaser.bb_cover .bb_headline{
padding-bottom: 0;
}
.bb_teaser.bb_cover .bb_content > *{
padding: 1rem;
padding-left: 0rem;
padding-top:0;
}
.bb_teaser .bb_headline{
padding:0px;
}
.bb_teaser.bb_cover.size_18 .bb_headline
{
font-size: 0.5rem;
}
#container .inside >*{
padding-left: 0rem;
padding-right:0rem;
}
#iso_ajaxBox{
width:calc(100% - 2em);
margin: 1em;
left:0;
}
.bb_teaser.bb_cover.size_18 .bb_content {
width:100%;
height:100%;
left:0;
top:0;
padding:10px;
transform: rotate(0deg);
}
.mod_iso_checkout .info_container, .mod_iso_checkout .payment .widget, .mod_iso_checkout .address_new{
padding:0.5em;
}
html{
/*font-size: 14px; */
}
header .icofont-phone:before {
margin-left:0.5em;
font-size:46px;
display: flex;
align-items: center;
color: #fff;
display: block;
}
/*
.bb_teaser.bb_noimg .bb_content{
padding-top:3rem;
padding-bottom: 3rem;
}
*/
#wrapper #bb_kategorien.fullwidth .bb_teaser{
width: 100%;
border-left:0;
border-top: 1px solid white;
}
#wrapper .fullwidth .size_26,
#wrapper .fullwidth .size_15,
#wrapper .inside .w50-50 >*,
#wrapper .fullwidth .bb_teaser
{
width: 100%;
margin-right:0;
}
#wrapper .fullwidth .bb_teaser:nth-last-child(1),
#wrapper .w50-50 .bb_teaser:nth-last-child(1){
border-bottom:0;
}
.bb_adressblock .company {
justify-content: center;
}
header .icofont-phone:before,
.ankernav a.gototop
{
margin-left: 5px;
}
#mapid {
height: 300px !important;
}
.bb_teaser.bb_cover .bb_content {
margin:10px;
height: calc(100% - 20px);
width: calc(100% - 20px);
}
table {
font-size:10px;
}
.ce_table,
.ce_accordion,
.bb_price_fewovw {
margin-right:0;
margin-left:0;
}
.bb_price {
letter-spacing:1px;
font-weight:500;
}
.bb_teaser.bbdescription .bb_content,
.bb_teaser.bbdescription.cover .bb_content {
width:100%;
height:auto;
position:relative;
margin:0;
background-color:rgba(255,255,255,.8);
color: #3e3e3e;
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index: 1;
padding: calc(50px + (50 - 20) * ((100vw - 1024px) / (1600 - 1024)));
text-shadow: none;
}
.stick .ankernav {
padding-bottom:15px;
}
.stick .bb_specialnav a.phone {
padding-right:0;
}
.bb_specialnav a.phone {
width:150px;
right:0;
position:relative;
margin-top:0;
padding-right:0;
padding-left:0;
text-align:left;
display: flex;
justify-content: flex-end;
}
#header:target .bb_specialnav a.phone {
display:none;
}
footer .bb_footernav ul li {
width:100%;
}
#header div.logo,
#header .textbox {
transition: all 500ms;
opacity: 1;
visibility: visible;
}
.offset1px #header div.logo,
.offset1px #header .textbox {
z-index: 0;
opacity: 0;
visibility: hidden;
}
/*
.stick .menuswitch {
margin-right:.5rem;
}
*/
.stick #bookit,
#header:target .bb_specialnav #bookit {
}
.mod_article.fullwidth .bb_teaser{
border-right: none;
}
.mod_article > .ce_accordion,
.mod_article .mod_faqpage {
padding-right:0;
padding-left:0;
padding-bottom: 0;
margin: 0;
}
.mod_article .ce_accordion:last-child,
.mod_article .mod_faqpage:last-child{
padding-bottom: 0;
border: none;
}
.mod_article .ce_accordion:last-child .toggler,
.mod_article .mod_faqpage:last-child.toggler{
border: none;
}
.toggler{
padding: 10px 30px 10px 10px;
text-transform: none;
letter-spacing: 1px;
border-bottom: 1px solid #cfc1b8;
}
.toggler:after{
right: 10px;
}
}
@media screen and (max-width: 414px) {
#container .accordion .bb_teaser,
#container .accordion .bb_teaser picture{
max-width: 100%;
height: auto;
margin:0;
}
.accordion .bb_teaser .bb_headline{
font-size: 1em;
}
.accordion .bb_teaser .bb_subheadline{
font-size: 0.8em;
}
.accordion .bb_teaser .bb_content{
padding:0;
}
.info_container a.edit{
width: 100%;
position:relative;
display: flex;
justify-content:center;
margin-bottom: 1em;
}
#header .bb_subheadline{
padding-left:0.5em;
padding-right:0.5em;
}
}
@media screen and (orientation : portrait) {
.mod_bb_header .item img{
}
.mod_bb_header.size_6 .item img {
min-height: 100%;
}
#bb_mainmenu ul.level_1 >*{
width: 100%;
}
}
@media screen and (orientation : landscape) {
#bb_mainmenu ul.level_1 >*{
width: 20%;
}
}
@media screen and (orientation : portrait) and (max-height: 590px) {
header .logo img{
width: 60%;
}
}
@media screen and (orientation : landscape) and (max-height: 400px) {
.mod_bb_header .textbox{
padding-bottom: 4em;
padding-right: 70px;
padding-left: 70px;
}
.bb-button img {
width: 150px;
}
#header .bb_headline{
font-size: 1.5em;
}
}
@media screen and (orientation : landscape) and (max-height: 281px) {
.mod_bb_header .textbox{
padding-bottom: 1em;
}
}
@media screen and (max-width: 1280px){
.bb_fewocatslice .bb_slice_2 {
width: calc(100% - 400px);
}
/* .bb_fewocatblock {
max-width:1291px;
} */
/*
.bb_fewocatblock.size_3{
width: 898px;
}
.bb_fewocatslice .bb_slice_2 {
max-width:398px;
}
.bb_fewocatblock .accordion {
width:898px;
}*/
}
@media screen and (max-width: 812px)
{
#header .bb_headline{
font-size:1.5em;
padding-left:0.5em;
padding-right:0.5em;
}
#wrapper .size_38 picture{
height:auto;
}
.bb_fewocatslice{
width:100%;
margin-left:0;
margin-right:0;
}
.bb_fewocatslice .bb_slice_2,
.bb_fewocatslice .bb_slice_1,
.bb_fewocatslice .bb_slice_1 img,
.bb_fewocatslice .bb_slice_1 .image_container{
width: 100%;
height: auto;
}
.bb_fewocatslice .fewo_bottom_container{
position:relative;
margin-top: 1rem;
}
#wrapper #container .bb_fewocatslice .bb_slice_2{
padding-bottom:0rem;
}
.bb_headline{
hyphens: auto;
}
}
@media screen and (max-width: 400px) {
.bb_headline,
.bb_subheadline{
letter-spacing: 0;
text-align:center;
}
footer .inside > * > *{
min-width:0;
}
}
@media screen and (max-width: 319px) {
.bb_headline{
font-size: 1.25rem;
letter-spacing: 0;
}
.bb_teaser .bb_content, .bb_teaser .tp_content, .bb_teaser .bb_headline,.bb_teaser.bb_cover .bb_content{
padding: 0.1rem;
}
.bb_teaser.bb_noimg .bb_content >*
.bb_teaser.bb_cover .bb_content >*{
padding: 1rem;
}
}