header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .roomview-modal { padding: 10px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; } .roomview-modal, .roomview-background { transition: opacity .45s ease-in-out; opacity: 1; } .roomview-modal-hide .roomview-background, .roomview-modal-hide .roomview-modal { opacity: 0; } .roomview-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .roomview-modal-header { height: 30px; background: #8d7332; color: white; border-radius: 5px 5px 0 0; } .roomview-modal-closer { position: absolute; top: -4px; right: 5px; padding: 5px; cursor: pointer; font-size: 20px; font-weight: bold; } .roomview-modal-content { position: absolute; top: 10%; left: 10%; width: 80%; height: calc(80% - 30px); border-radius: 5px; background: white; } .roomview-modal-content .mod_article { padding: 0; height: 100%; } .roomview-modal-content .content_inside { padding: 40px !important; } .roomview-modal-content .mod_article .ce_text h3 { margin: 25px 0 15px 0; } .roomview-modal-content .ce_text { margin-top: 0; margin-bottom: 0; max-width: none; height: 100% } .roomview-modal-body { position: absolute; left: 0; top: 30px; bottom: 0; right: 0; overflow: auto; padding: 0; } .roomview-modal-header input[type=checkbox].roomview-modal-input { visibility: hidden; } .roomview-modal-checkbox { position: relative; top: .125rem; width: 1rem; height: 1rem; background: #ccc; display: inline-block; border-radius: 5px; } .roomview-modal-checkbox-label { font-weight: 600; position: absolute; left: 1rem; top: 0.25rem; cursor: pointer; color: white; } .roomview-modal-checkbox-label:hover { left: 1.1rem; } .roomview-modal-checkbox-label.checked .roomview-modal-checkbox::before { content: "\2714"; display: inline-block; position: absolute; top: -0.2rem; left: 0.1rem; width: 1rem; height: 1rem; } .roomview-modal-content:after { position: absolute; bottom: 0; height: 60px; width: 100%; left: 0; content: ""; background: linear-gradient(360deg, #af8a3c, transparent); } /* gold #af893d gold-dark #917132 grey-bak #3a3a3a white-light #dedede black-light #3a3a3a grey-dark #4c6c3e gold-hotel #77622f blue-spa #495d68 braun-kuli #77452f blue-aktivi #516d6f grey-angebote #626466 grey-menu #626466 */ /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/bwh/src/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } strong { font-weight: 600; } /* KATEGORIE FARBEN*/ .header_section .nav_sub .mod_customnav li.last:hover a, .header_section .nav_sub .mod_customnav li.last span{color:#495d68;} .menuscroll {display:none} .clear{clear: both;} * {-webkit-box-sizing: border-box;box-sizing: border-box;} a[href^="tel:"],a[href^="mailto:"] {white-space: nowrap;word-break: keep-all;} a{text-decoration: none;} *::focus {outline: none;} *::-moz-selection {background-color:#ccc;} *::selection {background-color:#ccc;} h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased;} html{font-size:16px;} body{font-size:1rem;line-height:normal;font-family: 'Source Sans Pro', sans-serif;font-weight:400;background-color:#3a3a3a;color:#ececec;} #et4pages_iframe {background-color: #fff;} #CDSWIDEXC {margin: 50px auto !important;} /* MOBILE MENÜ */ #open_mobile_navigation{display:none;} #offcanvas{visibility: hidden;} /* MAIN - FORMS */ input[type="text"], button[type="submit"], input[type="submit"], input[type="tel"], input[type="email"], input[type="radio"], textarea, select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;border-radius:0;} input[type="submit"]{background-color: transparent;} input[type="text"]:focus, button[type="submit"]:focus, input[type="submit"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {outline:none;} input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before {content:' ';display:inline-block;width: 17px;height:17px;position: relative;top:4px;border: 1px solid #bbb;background: white;margin-right: 6px;-webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);} input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {border-radius: 30px;} input[type='checkbox']:hover + label::before, input[type='radio']:hover + label::before {background:#ddd;-webkit-box-shadow: inset 0 0 0 2px white;box-shadow: inset 0 0 0 2px white;} input[type='checkbox']:checked + label::before, input[type='radio']:checked + label::before {background:#af8a3c;-webkit-box-shadow: inset 0 0 0 2px white;box-shadow: inset 0 0 0 2px white;} input[type='checkbox'], input[type='radio'] {width:auto;float:left;margin-right: .75em;background:transparent;border:none;} input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) {background: transparent;position: relative;visibility: hidden;margin:0;padding:0;} input[type='checkbox'] + label, input[type='radio'] + label {cursor: pointer;} input[type="radio"]:checked+label{color:#af8a3c!Important;} /* BESTELLFORMULAR */ #bestellformular ul li {line-height: 170%;font-size: 1rem;font-weight: 300;letter-spacing: 0.01rem;list-style-type: disc;margin-left: 20px;} #bestellformular .widget.headline p {margin-top: 20px} .hideme {display: none !important;visibility: none;} .ce_rsce_boxen .box_item.big .stoerer_big {font-weight: 400;z-index: 2; background-color: #af8a3c;padding: 15px;position: absolute;top: 50px;right:50px;-webkit-transition: 300ms all ease;transition:300ms all ease;-webkit-transition-delay: 300ms;transition-delay: 300ms; text-transform: uppercase;} .ce_rsce_boxen .box_item.big:hover .stoerer_big {background-color: transparent;-webkit-transition: 200ms all ease;transition:200ms all ease;top: 35px;} /* Ausgebucht Banner - Ausbildungsberufe Kacheln */ .full-banner:before{content:"ausgebucht";position:absolute;} /* MAIN - ARTIKEL */ .mod_article{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 40px 0;} .mod_article.wusstensieschon {padding: 0;} .mod_article .article_inside{max-width: 1200px;padding: 0 15px;display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;} .mod_article.youtube-video .article_inside {padding: 60px; background: rgba(58,58,58, .9); border-top: 6px solid #ffffff; max-width: calc(1200px - 30px)} .mod_article.youtube-video.anfrageformular {margin-top: 170px; background-image: url("../../files/bwh/upload/content/Bildergalerie-2022/Wellnesshote-Bayerwaldhof-Landkreis-Cham-Bayerischer-Wald33.jpg") !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-attachment: fixed !important; padding: 0;} .mod_article.youtube-video.anfrageformular .article_inside {margin-top: -125px; padding: 60px; border-top: 6px solid #ffffff;border-bottom: 6px solid #ffffff; max-width: calc(1200px - 30px);background: rgba(58,58,58,.9);} .mod_article.naturadies-plan {margin-top: 170px; background-image: url("../../files/bwh/upload/sliderbilder/summer/dreifoto_Bayerwaldhof_Archiv_Sonnenaufgang_DSC2291.jpg") !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-attachment: fixed !important; padding: 0;} .mod_article.naturadies-plan .article_inside {margin-top: -125px; padding: 60px; background: rgb(175,138,60);background: -moz-linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(175,138,60,1)), color-stop(30%, rgba(175,138,60,1)), color-stop(50%, rgba(175,138,60,1)), to(rgba(255,255,255,0)));background: linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af8a3c",endColorstr="#ffffff",GradientType=1); border-top: 6px solid #ffffff; max-width: calc(1200px - 30px)} .mod_article.article_img{position: relative;overflow:hidden;} .mod_article.article_img:before{content: '';background-color: #af8a3c;opacity: .85;display: inline-block;width: 100%;height: 100%;position: absolute;top:0;z-index:1;} .mod_article.article_img.family-article {background-image: url("../../files/bwh/upload/sliderbilder/summer/20160914_dreifoto_Bayerwaldhof_1381.jpg") !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-attachment: fixed !important;} .mod_article.article_img.family-article:before {background-color: #3d3d3d;} .mod_article.article_img.family-article .ce_image{position: relative;;right:0px;bottom:-92px; margin-top: -100px;} .mod_article.article_img.family-article .content-image{position: relative;;right:0px;bottom:-92px; margin-top: -100px;} .mod_article.article_img.family-article .image_container img {margin: 0 auto;} .mod_article.article_img.family-article .ce_text {margin: 0;} .mod_article.article_img.family-article .ce_text h2 {padding-bottom: 30px; text-align: center; border-bottom: 1px solid #fff;} .mod_article.article_img.family-article .ce_text h2:before {border: none;} .mod_article.article_img.family-article .parallax-inner {display: none;} .mod_article.article_img.left .parallax-inner, .mod_article.article_img.right .parallax-inner{height:100%!important;top:0!important;bottom:0!important} .mod_article.article_img .article_inside{z-index:2;position: relative;} .mod_article.article_img .article_inside .ce_text .text_inside, .mod_article.article_img .article_inside .ce_text .text_inside h2, .mod_article.article_img .article_inside .ce_text .text_inside h3, .mod_article.article_img .article_inside .ce_text .text_inside h4{background-color: transparent;} .start .mod_article.article_img.first{z-index: 100 ;padding:0;height:100vh;background-size:cover;background-repeat:no-repeat;background-position: center center;} .start .mod_article.article_img.first .article_inside{border:1px solid #ffffff; padding:55px;max-width:100%;max-width: 100%;width: 100%;margin: 35px;} .start .mod_article.article_img.first:before{background-color:transparent;} .start #artikel{margin-top:-120px;z-index:101;padding:0;position:relative;} .start #artikel .ce_text{border-top:6px solid #ffffff;} .start #audio-player-im-kopfbereich {position: absolute; bottom: 120px; margin: 0; padding: 0; z-index: 1000;} .start #audio-player-im-kopfbereich .article_inside {border: 0; padding: 0; max-width: 0; max-height: 0; width: 0; margin: 0; position: initial;} .start .mod_article.article_img.hero .article_inside {padding: 0 !important; margin: 0 !important; border: none !important;} .start .mod_article.article_img.hero .article_inside .ce_image {z-index: 10000; top: 80px; left: 0; right: 0; position: absolute;} .start .mod_article.article_img.hero .article_inside .border-container {border: 1px solid #fff; padding: 55px; top: 35px; left: 35px; right: 35px; bottom: 35px; pointer-events: none; position: absolute; z-index: 10;} .start .mod_article.article_img.hero .article_inside .hero-wrap {width: 100%; height: 100vh; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1;} .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots {position: absolute; bottom: 140px; left: 0; right: 0;} .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots li a {color: #fff;} .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots li { opacity: 0.5;} .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots li.slick-active {opacity: 1;} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero {width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat;} /* WINTER SLIDER IMAGES */ .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-1 {background-image: url('/files/bwh/upload/sliderbilder/summer/20160914_dreifoto_Bayerwaldhof_1381.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-2 {background-image: url('/files/bwh/upload/sliderbilder/winter/dreifoto_JPG_Archiv_SPA_DREI_HDR_SPA_01.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-3 {background-image: url('/files/bwh/upload/sliderbilder/winter/dreifoto_JPG_Archiv_SPA_DREI4748.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-4 {background-image: url('/files/bwh/upload/sliderbilder/winter/dreifoto_JPG_Archiv_SPA_DREI4956.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-5 {background-image: url('/files/bwh/upload/sliderbilder/winter/dreifoto_JPG_Archiv_SPA_DREI5037.jpg');} /* SUMMER SLIDER IMAGES */ /*.start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-1 {background-image: url('/files/bwh/upload/sliderbilder/summer/20160914_dreifoto_Bayerwaldhof_1381.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-2 {background-image: url('/files/bwh/upload/sliderbilder/summer/20160914 Bayerwaldhof 1157.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-3 {background-image: url('/files/bwh/upload/sliderbilder/summer/Leos_Bayerwaldhof_Rolling_Rotors_122.JPG');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-4 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_WEB_Archiv_Bayerwaldhof_SPA_HAKI_DREI7430.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-5 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_WEB_Archiv_SPA_DREI4947.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-6 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_WEB_Archiv_Bayerwaldhof_SPA_HAKI_DREI7349.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-7 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_Archiv_Bayerwaldhof_SPA_DREI0005.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-8 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_WEB_Archiv_SPA_DREI5317.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-9 {background-image: url('/files/bwh/upload/sliderbilder/summer/dreifoto_WEB_Archiv_SPA_DREI5415.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-10 {background-image: url('/files/bwh/upload/sliderbilder/summer/Bayerwaldhof_0049_KL.jpg');} .start .mod_article.article_img.hero .article_inside .hero-wrap .hero.hero-11 {background-image: url('/files/bwh/upload/sliderbilder/summer/Leos_Bayerwaldhof_Rolling_Rotors_88.jpg');}*/ .start .mod_article.article_img.hero .article_inside .hero-wrap .slick-prev {display: inline-block;top: 50%;position: absolute;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 100;left: 100px;background-image: url(/files/bwh/src/img/icons/arrow/arrow-left.svg);background-color: transparent;color: #fff;border: none;padding: 0;margin: 0;background-size: cover;text-indent: -1000px;width: 21px;height: 40px; overflow: hidden; outline: none;} .start .mod_article.article_img.hero .article_inside .hero-wrap .slick-next {display: inline-block;top: 50%;position: absolute;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 100;right: 100px;background-image: url(/files/bwh/src/img/icons/arrow/arrow-right.svg);background-color: transparent;color: #fff;border: none;padding: 0;margin: 0;background-size: cover;text-indent: 1000px;width: 21px;height: 40px; overflow: hidden; outline: none;} .dlh_googlemap, .ce_dlh_googlemaps {width: 100% !important;} .ce_dlh_googlemaps {margin: 15px 0;} #gutscheinshop iframe {background-color: #af8a3c;} /* BAYERWALDHOF PLAYLISTS */ #naturadies-bayerwaldhof-playlists .ce_text, #naturadies-bayerwaldhof-playlists .ce_image {width: 50%;} #naturadies-bayerwaldhof-playlists .ce_text .text_inside {background-color: #252525; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #naturadies-bayerwaldhof-playlists .ce_text .text_inside .content_inside h2 {background-color: transparent} #naturadies-bayerwaldhof-playlists .ce_text .text_inside .content_inside .button {background-color: #af8a3c;} #naturadies-bayerwaldhof-playlists .ce_text .text_inside .content_inside .button:hover {background-color: #77622f;} /* MENU */ #search,#menu {position: absolute; top: 0; left: 0; right: 0; background-color: rgba(61, 61, 61, 0.95); z-index: 5; height: 100vh; display: block; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 20px;} #search.active, #menu.active {opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} #menu .inside, #search .inside {margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #fff;} #menu .inside #menudiv, #search .inside #searchdiv {max-width: 1200px; width: 100%;} #menu .inside #menudiv .menuheader {margin-bottom: 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #search .inside #searchdiv .searchheader span, #menu .inside #menudiv .menuheader span {font-size: 80px; font-weight: 100; text-transform: uppercase;} #search .inside #searchdiv .searchheader a.closemenu, #menu .inside #menudiv .menuheader a.closemenu {cursor: pointer;right: 0; width: 60px; height: 60px;} #search .inside #searchdiv .searchheader a.home, #menu .inside #menudiv .menuheader a.home {cursor: pointer;right: 80px; width: 60px; height: 60px; margin-right: 20px;} .mod_search .formbody .text {background: none; border: none; width: 100%; border-bottom: 1px solid white; height: 75px; color: white; font-size: 2rem; margin-top: 20px;outline: none;} .mod_search .formbody .submit {color: white; background: #AF8A54; font-size: 1.4rem; padding: 8px 18px; margin-top: 15px;cursor: pointer;} .mod_search .result {border-bottom: 1px solid white; padding-bottom: 35px; margin-bottom: 25px;} .mod_search .result .highlight {background: #AF8A54;} .mod_search a {color: #AF8A54;} .content .search-icon-header {position: absolute; right: 430px; top: 54px; z-index: 100;cursor: pointer;} #search .inside .searchheader a.closemenu img, #search .inside .searchheader .home img{-webkit-transform: scale(1);transform: scale(1); -webkit-transition: all 300ms ease; transition: all 300ms ease;width:50px;} #menu .inside #menudiv .menuheader a.closemenu img, #menu .inside #menudiv .menuheader a.home img{-webkit-transform: scale(1);transform: scale(1); -webkit-transition: all 300ms ease; transition: all 300ms ease;width:50px;} #menu .inside #menudiv .menuheader a.closemenu:hover img, #menu .inside #menudiv .menuheader a.home:hover img{-webkit-transform: scale(0.8);transform: scale(0.8); -webkit-transition: all 300ms ease; transition: all 300ms ease;} #menu .inside .mod_navigation {display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #menu .inside .mod_navigation a.invisible {display: none;} #menu .inside .mod_navigation ul.level_1 {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} #menu .inside .mod_navigation ul.level_1 > li {position:relative;width: 32.3333%; background-color: #717171; margin: 0.5%; padding: 20px; min-height: 300px;background-position: center center;background-size:cover;} #menu .inside .mod_navigation ul.level_1 > li > a, #menu .inside .mod_navigation ul.level_1 > li > span{font-size: 40px; text-transform: uppercase; color: #fff;position:relative;z-index:2;} #menu .inside .mod_navigation ul.level_1 > li:before {content:""; display: inline-block;background-color:rgba(119, 98, 47, 0.78);width:100%;height:100%;position:absolute;left:0;top:0;opacity: 0.85;} #menu .inside .mod_navigation ul.level_1 > li.hotel:before {background-color:#77622f;} #menu .inside .mod_navigation ul.level_1 > li.zimmer:before {background-color:#4a5c42;} #menu .inside .mod_navigation ul.level_1 > li.spa:before {background-color:#495d68;} #menu .inside .mod_navigation ul.level_1 > li.kulinarik:before {background-color:#77452f;} #menu .inside .mod_navigation ul.level_1 > li.aktivitaeten:before {background-color:#516d6f;} #menu .inside .mod_navigation ul.level_1 > li.angebote:before {background-color:#626466;} #menu .inside .mod_navigation ul.level_1 > li > ul {position: relative;z-index:2;margin-left:24px;margin-top:10px;} #menu .inside .mod_navigation ul.level_1 > li > ul * {color:#fff;} #menu .inside .mod_navigation ul.level_1 > li > ul > li {line-height:23px;} #menu .inside .mod_navigation ul.level_1 > li > ul > li span {padding-left: 20px; position: relative;} #menu .inside .mod_navigation ul.level_1 > li > ul > li.covid-closed span:after, #menu .inside .mod_navigation ul.level_1 > li > ul > li.covid-closed a:after {content: '(Wg. COVID-19 nicht möglich)'; font-size: 0.8rem; margin-left: 10px;} #menu .inside .mod_navigation ul.level_1 > li > ul > li span:before {content: ''; width: 14px; height: 14px; background-image: url("../../files/bwh/src/img/icons/arrow_span.png"); position: absolute; left: 0; top: 3px; background-size: cover;} #menu .inside .mod_navigation a.onlineshop_bwh {background-image:url('../../files/bwh/src/img/icons/shopping-bag.svg');background-size:14px auto;background-repeat:no-repeat;padding-left:19px;background-position: 0px 2px;} #menu .inside .mod_navigation a.jetzt_buchen {background-image:url('../../files/bwh/src/img/icons/click.svg');background-size:18px auto;background-repeat:no-repeat;padding-left:24px;background-position: 0px 1px;} #search, #menu {-webkit-box-shadow: inset 0px -50px 40px -50px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px -50px 40px -50px rgba(0,0,0,0.5); box-shadow: inset 0px -50px 40px -50px rgba(0,0,0,0.5); background-color: rgba(61, 61, 61, 0.95); height: 600px; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #search.active, #menu.active {opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container {z-index: 1; top: 0; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container.active {top: 600px;} #menu .inside, #search .inside {border: none; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial;} #menu .inside .mod_navigation {-webkit-box-align: initial;-ms-flex-align: initial;align-items: initial;} #menu .inside .mod_navigation ul.level_1 {margin: 0;} #menu .inside .mod_navigation ul.level_1 > li {width: calc(20% - 20px); background-color: #252525; margin: 10px; min-height: 0; background-image: none !important; height: calc(80% - 20px);} #menu .inside .mod_navigation ul.level_1 > li > a, #menu .inside .mod_navigation ul.level_1 > li > span {font-size: 35px; min-height: 75px; line-height: 35px; display: block;} #menu .inside .mod_navigation ul.level_1 > li.zimmer {border-top: 10px solid #3a6c49;} #menu .inside .mod_navigation ul.level_1 > li.spa {border-top: 10px solid #005780;} #menu .inside .mod_navigation ul.level_1 > li.hotel {border-top: 10px solid #af8a3c;} #menu .inside .mod_navigation ul.level_1 > li.kulinarik {border-top: 10px solid #ae691f;} #menu .inside .mod_navigation ul.level_1 > li.aktivitaeten {border-top: 10px solid #3f6b93;} #menu .inside .mod_navigation ul.level_1 > li.angebote {height: calc(20% - 20px); background-color: #af8a3c; gap: 50px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #menu .inside .mod_navigation ul.level_1 > li.angebote > a, #menu .inside .mod_navigation ul.level_1 > li.angebote > span {min-height: 0;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul {width: 100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul li.buchen-button {margin-left: auto;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul a.buchen-button {margin-left: auto; background-color: #fff; color: #af8a3c; padding: 10px 25px 10px 20px; font-size: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul a.buchen-button:before {content: ''; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon-booking-button.png");} #menu .inside .mod_navigation ul.level_1 > li:before {display: none;} #menu .inside .mod_navigation ul.level_1 > li > ul {margin-left: 0;} #menu .inside #menudiv .menuheader {position: absolute; right: -30px; top: 10px;} #menu .inside #menudiv .menuheader span {display: none;} #menu .inside #menudiv, #search .inside #searchdiv {max-width: 1400px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;} #search .inside #searchdiv .searchheader a.home, #menu .inside #menudiv .menuheader a.home {display: none;} #menu .inside #menudiv .menuheader a.closemenu img, #menu .inside #menudiv .menuheader a.home img {width: 20px;} /* ANPASSUNGEN BEI AKTIVEM MENÜ UNTERSEITE */ #wrapper.menuactive #header {display:none;} /* ANPASSUNGEN BEI AKTIVER SUCHE UNTERSEITE */ #wrapper.searchactive #header {display:none;} #wrapper.searchactive #search .inside #searchdiv .searchheader {width:100%;display:block;position:relative;} #wrapper.searchactive #search .inside #searchdiv {display:block;width:90%;} #wrapper.searchactive #search .inside #searchdiv .searchheader span {position:absolute;} #wrapper.searchactive #search .inside #searchdiv .searchheader .rightpart {width: 60px;height: 60px;display: block;position: absolute;right: 0;top:24px;} #wrapper.searchactive #search .inside #searchdiv .mod_search {margin-top:150px;} /* SCHNELLSTART QUICK NAVIGATION */ .navigation-quick {position: fixed;right: 20px;bottom: 140px;z-index: 10000;opacity: 0;visibility: hidden;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .navigation-quick.quicknav-visible {opacity: 1;visibility: visible;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .navigation-quick ul li {width: 100%;display: block;margin: 15px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .navigation-quick ul li a {background-color: #af8a3c; width: 45px;height: 45px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.30);-moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.30);box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.30);-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .navigation-quick ul li a.navigation-quick-icon-mobile {background-color: #3beb79;display: none;} .navigation-quick ul li a.navigation-quick-icon-phone {overflow: hidden;} .navigation-quick ul li a.navigation-quick-icon-phone span {visibility: hidden;opacity: 0;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;margin-right: -80px;} .navigation-quick ul li a.navigation-quick-icon-phone:hover {width: 170px;} .navigation-quick ul li a.navigation-quick-icon-phone:hover span {opacity: 1;visibility: visible;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;margin-right: 0;} .navigation-quick ul li a.navigation-quick-icon-phone:hover img {margin-right: 15px;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .navigation-quick ul li a img {max-width: 23px;height: auto;margin-right: 0;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .navigation-quick ul:hover li a:not(:hover), .navigation-quick ul:hover li strong:not(:hover) {opacity: 0.4;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} /*.start .navigation-quick {right: 20px; bottom: 90px;} */ .start .navigation-quick {right: 20px; top: 0; bottom: auto} .start .navigation-quick ul {margin-bottom: 0;} .start .navigation-quick ul li {margin-bottom: 0;} .start .navigation-quick ul li .navigation-quick-icon-booking {display: -webkit-box;display: -ms-flexbox;display: flex; width: auto; height: auto; padding: 10px 20px;} .start .navigation-quick ul li .navigation-quick-icon-booking img {margin-right: 10px;} .start .navigation-quick ul li .navigation-quick-icon-booking span {color: #fff;} /* POPUP */ .sign_up_popup {position: fixed;width: 600px;height: 396px;right: 2rem;bottom: 2rem;z-index: 999999;} .sign_up_popup .sign_up_inner {width: 600px;height: 396px;background-color: #af8a3c; margin: 0 auto;position: relative;text-align: center;overflow: hidden; -webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75);} .sign_up_popup .sign_up_inner.animate {-webkit-animation: signupanimation 2500ms linear both;animation: signupanimation 2500ms linear both;} /* animations */ @-webkit-keyframes signupanimation { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); } 4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); } 8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); } 12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); } 17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); } 28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); } 39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); } 61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); } 83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes signupanimation { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); } 4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); } 8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); } 12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); } 17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); } 28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); } 39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); } 61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); } 83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } .sign_up_popup .sign_up_inner .popup .inside {display: -webkit-box;display: -ms-flexbox;display: flex;} .sign_up_popup .sign_up_inner .popup .inside .image {height: 300px;} .sign_up_popup .sign_up_inner .popup .inside .image .ce_image {height: 300px; margin: 0;} .sign_up_popup .sign_up_inner .popup .inside .image .ce_image img {height: 300px; display: block; width: auto;} .sign_up_popup .sign_up_inner .popup .inside .content {width: 60%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .sign_up_popup .sign_up_inner .popup .inside .content .ce_text {text-align: left;padding: 40px 20px 20px;margin: 0;} .sign_up_popup .sign_up_inner .cancel_wrapper {padding: 9px; position: absolute; right: 10px; top: 10px;} .sign_up_popup .sign_up_inner .cancel_wrapper span { font-size: 15px; color: #fff; cursor: pointer; position: relative; top: -3px; } .sign_up_popup .sign_up_inner .cancel_wrapper span:hover { text-decoration: underline; } .content .sign_up_popup {display: none;} /* RSCE POPUP */ .mod_article#article_popup { padding: 0; } .text-popup { padding-top: 0 !important; } .ce_popup { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, 0.6); /* The Close Button */ /* Add Animation */ } .ce_popup > .inside { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ce_popup .ce_image .image_container { padding-top: none; } .ce_popup .ce_image .image_container:before { display: none; } .ce_popup .ce_image .image_container img { position: relative; width: 100%; height: auto; } .ce_popup .popup-content { background-color: #af8a3c; position: relative; max-width: 1200px !important; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .content.zimmer .ce_popup .popup-content { max-width: 700px !important; } @media only screen and (max-width: 992px) { .ce_popup .popup-content { max-width: 90% !important; } } .ce_popup .popup-content > .inside { max-height: 80vh; overflow-y: auto; display: block; max-width: 100%; width: 100%; } .ce_popup .popup-content > .inside::-webkit-scrollbar { background-color: #eaeaea; width: 10px; } .ce_popup .popup-content > .inside::-webkit-scrollbar-thumb { background-color: #ccc; } .ce_popup .popup-content p:last-of-type { margin-bottom: 0; } .ce_popup .close { z-index: 110; color: #fff; font-size: 2rem; font-weight: bold; right: 0; top: -40px; position: absolute; line-height: 100%; } .ce_popup .close:focus, .ce_popup .close:hover { color: #000; text-decoration: none; cursor: pointer; } .ce_popup .popup-animation-top { -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .ce_popup .ce_text > .inside { width: 100%; max-width: 100%; padding: 30px; } .ce_popup .ce_text h2 { text-align: left; } .ce_popup .ce_text.no-text { padding: 0; } .ce_popup .ce_text.no-text > .inside { padding: 0; overflow: hidden; } .ce_popup .ce_image { margin: 0; } .ce_popup .ce_image img { width: 100%; height: auto; display: block; } /* MD - LOGO*/ .logo {padding: 20px;display:block;float:left;width:30%;z-index:2;} .logo a{display:block;} .logo .image_container{max-width: 210px;} .logo .image_container img{width:100%;display:block;height:auto;} .header_section{width:70%;float: left;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:15px 0;} .header_section .nav_sub{width:100%;text-align: right;z-index:2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .header_section .nav_sub a.soundlink {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;} .header_section .nav_sub a.soundlink .sound{width: auto;height: 1.2rem;} #header .inside .homeicon {position: absolute; right: 380px; top: 52px; z-index: 100;} #header .inside .homeicon a img { width: 20px;} .header_section .nav_sub .mod_customnav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-item-align: center;align-self: center;} .header_section .nav_sub .mod_customnav .invisible{display:none;} .header_section .nav_sub .mod_customnav ul{margin:0;} .header_section .nav_sub .mod_customnav li{display:inline-block;padding:0 15px;} .header_section .nav_sub .mod_customnav li a, .header_section .nav_sub .mod_customnav li span{color: #fff;} .header_section .nav_sub .mod_customnav li:last-child {padding-right:4px;} .header_section .nav_sub .mod_customnav li:last-child a{border:1px solid #ffffff;padding:5px 15px;} .header_section .nav_sub .mod_customnav li:last-child:hover a, .header_section .nav_sub .mod_customnav li:last-child span{background-color:#fff;color:#af8a3c;padding:5px 15px;} .header_section .nav_trigger {z-index:2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;width:100%;cursor: pointer;} .header_section .nav_trigger > div.triggerinside {display:-webkit-box;display:-ms-flexbox;display:flex;text-transform: uppercase;font-size:2rem;color:#ffffff;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-item-align: center;-ms-grid-row-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .header_section .nav_trigger > div.triggerinside span{float:left;margin-right:10px;} .header_section .nav_trigger > div.triggerinside .icon {margin-left: 10px; float: left; display: block; width: 40px;} .header_section .nav_trigger > div.triggerinside .icon .line {width: 30px;height: 3px;background-color: #fff;margin-bottom: 6px;-webkit-transition: all 300ms ease;transition: all 300ms ease; margin-left: 5px;} .header_section .nav_trigger > div.triggerinside:hover .icon .line1 {margin-left: 0;width: 40px; margin-bottom: 10px;} .header_section .nav_trigger > div.triggerinside:hover .icon .line2 {margin-left: 5px; margin-bottom: 10px;} .header_section .nav_trigger > div.triggerinside:hover .icon .line3 {margin-left: 0px; width: 40px;} .header_section .nav_trigger > div.triggerinside .icon .line3 {margin-bottom: 0;} #intro .article_inside #navicon {position: absolute;max-width: 1200px;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); top: 115px; z-index: 10000;} #intro .article_inside #navicon .nav_trigger {width: 100%; position: relative;cursor: pointer;} #intro .article_inside #navicon .nav_trigger .triggerinside {position: absolute; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; text-transform: uppercase; opacity: 0.5; -webkit-transition: all 300ms ease; transition: all 300ms ease;} #intro .article_inside #navicon .nav_trigger .triggerinside:hover {opacity: 1; -webkit-transition: all 300ms ease; transition: all 300ms ease;} #intro .article_inside #navicon .nav_trigger .triggerinside .icon {margin-left: 10px; float: left; display: block; width: 40px;} #intro .article_inside #navicon .nav_trigger .triggerinside .icon .line {width: 30px;height: 3px;background-color: #fff;margin-bottom: 6px;-webkit-transition: all 300ms ease;transition: all 300ms ease; margin-left: 5px;} #intro .article_inside #navicon .nav_trigger .triggerinside:hover .icon .line1 {margin-left: 0;width: 40px; margin-bottom: 10px;} #intro .article_inside #navicon .nav_trigger .triggerinside:hover .icon .line2 {margin-left: 5px; margin-bottom: 10px;} #intro .article_inside #navicon .nav_trigger .triggerinside:hover .icon .line3 {margin-left: 0px; width: 40px;} #intro .article_inside #navicon .nav_trigger .triggerinside .icon .line3 {margin-bottom: 0;} #intro .article_inside .search-icon-header img {margin-top: 10px;} #intro .article_inside #searchicon {position: absolute;max-width: 1200px;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); top: 115px; z-index: 10000;} #intro .article_inside #searchicon .search_trigger {width: 100%; position: relative;cursor: pointer;} #intro .article_inside #searchicon .search_trigger .triggerinside {position: absolute; left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; text-transform: uppercase; opacity: 0.5; -webkit-transition: all 300ms ease; transition: all 300ms ease;} #intro .article_inside #searchicon .search_trigger .triggerinside:hover {opacity: 1; -webkit-transition: all 300ms ease; transition: all 300ms ease;} #intro .article_inside #searchicon .search_trigger .triggerinside .icon {margin-left: 10px; float: left; display: block; width: 40px;} #intro .article_inside #searchicon .search_trigger .triggerinside .icon .line {width: 30px;height: 3px;background-color: #fff;margin-bottom: 6px;-webkit-transition: all 300ms ease;transition: all 300ms ease; margin-left: 5px;} #intro .article_inside #searchicon .search_trigger .triggerinside:hover .icon .line1 {margin-left: 0;width: 40px; margin-bottom: 10px;} #intro .article_inside #searchicon .search_trigger .triggerinside:hover .icon .line2 {margin-left: 5px; margin-bottom: 10px;} #intro .article_inside #searchicon .search_trigger .triggerinside:hover .icon .line3 {margin-left: 0px; width: 40px;} #intro .article_inside #searchicon .search_trigger .triggerinside .icon .line3 {margin-bottom: 0;} .audiojs {background-image:none;background:transparent;-webkit-box-shadow:none;box-shadow:none;z-index: 10;width:auto;margin:0 auto;position: absolute;bottom: 100px;-webkit-transform: translateX(-50%);transform: translateX(-50%); left: 50%;} .content .audiojs {position: relative; bottom: 0; left: 12px;} .audiojs .scrubber {display:none;} .audiojs .time {display:none;} .audiojs .play-pause {width:auto;border-right:0;} .audiojs .pause {background:url("../../files/bwh/src/img/layoutbild/mute.svg") no-repeat;background-size:17px 14px;background-color: transparent;position: relative;width:130px;} #main .audiojs .pause:after {content:"Musik pausieren";position:absolute;top:-2px;left:33px;font-family: 'Source Sans Pro', sans-serif;font-size: 0.9rem;} .audiojs .play {background:url("../../files/bwh/src/img/layoutbild/play.svg") no-repeat;background-size:17px 14px;background-color: transparent;position: relative;width:130px;} #main .audiojs .play:after {content:"Musik abspielen";position:absolute;top:-2px;left:33px;font-family: 'Source Sans Pro', sans-serif;font-size: 0.9rem;} .start .infolink.corona {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 1.5rem;} .start .infolink.inzidenz {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 300; font-size: 1rem;} .start .infolink.corona:before {position: relative; content: ''; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../../files/bwh/src/img/icons/icon-info.svg"); display: inline-block; margin-right: 10px;} .content .infolink.corona, .content .infolink.inzidenz {display: none;} /* HEADER */ #header {background-position: center center;background-size:cover;background-repeat:no-repeat;position: relative;} #header:before {content: '';background-color: #3d3d3d;opacity: .3;display: inline-block;width: 100%;height: 100%;position: absolute;top:0;z-index:1;} #header .inside {max-width: 1200px;padding: 20px 15px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;z-index:2;position:relative;} #header .mod_article {position:absolute;right:303px;top:50px;padding:0;} .start #header .mod_article .audiojs {position:relative;margin:0;bottom:auto;} #header .mod_article .audiojs .pause, #header .mod_article .audiojs .play {width:20px;background-size:22px 18px;} /* HEADER NAVIGATION LEVEL 2 */ #header .inside .mod_navigation ul.level_1 > li > ul.level_2 {opacity: 0; visibility: hidden;} #header .inside .mod_navigation ul.level_1 > li:hover > ul.level_2 {opacity: 1; visibility: visible;} /* MAIN - IMAGE */ figure {margin: 0;padding: 0;} #main img {image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;font-size:.8rem;color:#000;font-weight:lighter;word-break: break-all;webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;} /* MAIN IMAGE*/ .ce_image {width:100%;display:inline-block;margin: 15px 0 15px;} .ce_image h1, .ce_image h2, .ce_image h3, .ce_image h4{text-align: center;} .ce_image .image_container, .content-image {width:100%;} .ce_image .image_container img, .content-image img {display:block;margin:0 auto;max-width: 100%;height:auto;} .ce_image.covid-closed .image_container {position: relative; background-color: #000;} .ce_image.covid-closed .image_container:before {content: '';display: block;position: absolute;z-index: 1; top: 20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../../files/bwh/src/img/hygienesiegel_bwh_white.png");} .ce_image.covid-closed.sc2 .image_container:before {width: 150px; height: 150px;} .ce_image.covid-closed.sc3 .image_container:before {width: 100px; height: 100px;} .ce_image.covid-closed .image_container:after {content: 'Aufgrund von COVID-19 aktuell nicht möglich';display: block;position: absolute;z-index: 1; bottom: 20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;} .ce_image.covid-closed .image_container img {-webkit-filter: grayscale();filter: grayscale();opacity: 0.3;} .ce_image.booked-up .image_container {position: relative; background-color: #000;} .ce_image.booked-up .image_container:after {content: 'Restlos ausgebucht bis zum 15.03.2023. Wir danken für Ihr Verständnis.';display: block;position: absolute;z-index: 1; bottom: 30%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;} .ce_image.booked-up .image_container img {-webkit-filter: grayscale();filter: grayscale();opacity: 0.3;} /* MAIN CE YOTUBE*/ .ce_rsce_youtube{margin-bottom:15px;margin-top:15px;display:block;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;} .ce_rsce_youtube .inside{width:100%;} .ce_rsce_youtube .inside iframe {margin-top: 0;} .ce_rsce_youtube .inside img {width: 100%; position: relative; z-index: 1;} .ce_rsce_youtube .inside img.playicon {width: 200px;height: 200px;position: absolute;z-index: 2;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} /* FORMS */ .ce_form .anfrage_buchung, .ce_form .kontakt, .ce_form .anwendungen {display:block;margin:0 auto;width:68%; background-color: transparent !important;} .ce_form .anfrage_buchung .formbody .widget-headline {margin-top:50px;} .ce_form .anfrage_buchung .formbody .widget-headline h2{margin:0;padding-bottom:20px;border-bottom:2px solid #af8a3c;} .ce_form .ui-datepicker-trigger {display: none;} .ui-widget {background: #cabfa9 !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #af8a3c; color: #fff;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: none; background: #7e6228; color: #fff;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #fff; color: #333;} /* COOKIE */ .drei-cookie-banner {opacity: 1;visibility: visible;-webkit-transition: opacity .6s ease;transition: opacity .6s ease;background-color: #af8a3c;color: #fff;width: 410px;max-width: 100%;padding: 1.5rem;position: fixed;left: 2rem;bottom: 2rem;z-index: 100;-webkit-box-shadow: 0 0 171px -34px rgba(0,0,0,0.9);box-shadow: 0 0 171px -34px rgba(0,0,0,0.9);border: 2px solid #fff;} .drei-cookie-banner .headline {display: block;width: 100%;font-size: 1.25rem;margin-bottom: .5rem;} .drei-cookie-banner .drei-cookie-banner-learn-more {color: #fff;text-decoration: underline;display: block;margin-top: 5px; margin-right: 15px;} .drei-cookie-banner .drei-cookie-banner-learn-more:hover {text-decoration: none;} .drei-cookie-banner .drei-cookie-banner-buttons {margin-top: .5rem;margin-left: -0.5rem;margin-right: -0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .drei-cookie-banner .drei-cookie-banner-button {cursor: pointer;padding: .5rem .7rem;display: inline-block; margin: .5rem;} .drei-cookie-banner .drei-cookie-banner-button.decline {color: #fff;text-decoration: underline;padding: 0;font-size: .85rem;display: block;} .drei-cookie-banner .drei-cookie-banner-button.decline:hover {opacity: 0.8;} .drei-cookie-banner .drei-cookie-banner-button.allow {background-color: #1abc9c;color: #fff;} .drei-cookie-banner .drei-cookie-banner-button.allow:hover {opacity: 0.8;} .drei-cookie-banner .legal-buttons {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .drei-cookie-banner-transparent {opacity: 0;} .drei-cookie-banner-hidden {visibility: hidden;} /* CE_PLAYER */ .content #main .inside .ce_player {width: 100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .content #main .inside .ce_player video {width: 100%;} .content #main .inside .content-player video {width: 100%;} /* MAIN - FORMULAR */ .ce_form form, .ce_form form .formbody .widget-explanation p{margin:0;} .ce_form form .formbody {margin-left: -15px;margin-right: -15px;} .ce_form form .formbody .widget, .ce_form form .formbody .submit_container{float:left;width:100%;padding: 0 15px;display: inline-block;margin-bottom:20px;} .ce_form form .formbody .widget p.error{width:100%;letter-spacing: 0.02rem;margin-bottom: 5px;color:#de5b5b;} .ce_form form .formbody .widget.w50{width:50%;} .ce_form form .formbody .widget.w50.full .w50 {width: calc(50% - 15px);} .ce_form form .formbody .widget.w33.full .w33 {width: calc(33% - 15px);} .ce_form form .formbody .widget label, .ce_form form .formbody .widget input, .ce_form form .formbody .widget textarea, .ce_form form .formbody .widget select{width:100%;display:block;padding:10px} .ce_form form .formbody .widget select{background-image: url(/files/bwh/src/img/icons/arrow/select-arrow.png);background-position: right;background-repeat: no-repeat;} .ce_form form .formbody .widget textarea{resize: vertical;} .ce_form form .formbody .widget-explanation {opacity:.6;letter-spacing: 0.02rem;line-height:140%;font-size:.85rem;} .ce_form form .formbody .widget label{padding:15px 0 5px;letter-spacing: 0.02rem;color: #ccc;} .ce_form form .formbody .widget-select select{outline:none;} .ce_form form .formbody .widget-radio legend {margin-bottom:15px;} .ce_form form .formbody .widget-radio > span {display: inline-block;margin-right: 50px;float: left;} .ce_form form .formbody .widget-radio span input {display:none;} .ce_form form .formbody .widget-radio span label {padding:0 15px 0 5px;float:left;display:inline-block;width:auto;line-height: 110%;} .ce_form form .formbody .submit_container{text-align: center;margin-top:25px;} .ce_form form .formbody .submit_container label{padding:10px 0;background-color:transparent;border:1px solid #ffffff;width:33%;margin:0 auto;display: block;cursor: pointer;} .ce_form form .formbody .submit_container label:hover {background-color: #ffffff;border:1px solid #ffffff;} .ce_form form .formbody .submit_container label input{color:#ffffff;font-weight:300;cursor: pointer;} .ce_form form .formbody .submit_container label:hover input {color:#af8a3c} .ce_form form .formbody .widget.mandatory span.invisible{display:none;} .ce_form form .formbody .widget-checkbox a {font-weight: bold; color: #fff;} .ce_form form .formbody .widget.w33 {width: 33.33%;} .ce_form form .formbody .widget.w66 {width: 66.66%;} .ce_form form .formbody .widget.w33.full, .ce_form form .formbody .widget.w50.full {width:100%;} .ce_form form .formbody .widget input, .ce_form form .formbody .widget select, .ce_form form .formbody .widget textarea{background-color:#dddddd;color:#3a3a3a;font-weight:700;letter-spacing: 0.02rem;} .ce_form form .formbody .widget input:focus, .ce_form form .formbody .widget input:hover, .ce_form form .formbody .widget select:focus, .ce_form form .formbody .widget select:hover, .ce_form form .formbody .widget textarea:focus, .ce_form form .formbody .widget textarea:hover{background-color:#ffffff} /* ANFRAGEFORMULAR/BUCHUNGSFORMULAR AUF DER STARTSEITE */ .start .ce_form .anfrage_buchung .formbody .widget label {color: #fff;} .start .ce_form .anfrage_buchung .formbody .widget input, .start .ce_form .anfrage_buchung .formbody .widget select, .start .ce_form .anfrage_buchung .formbody .widget textarea {background-color: #fff;} .start .ce_form .anfrage_buchung .headline h2 {text-align: left; border-bottom: 2px solid #fff; padding-bottom: 10px; font-size: 1.9rem;} .start .tippy-box {background-color: #313131;} .start .tippy-arrow {color: #313131;} /* MAIN - HEADLINE */ h1 {font-size:2.8rem;margin:0 0 25px;font-weight:300;width:100%; text-align: center;} h2 {font-size:2.2rem;margin:0 0 25px;font-weight:300;width:100%; text-align: center;} h3 {font-size:1.8rem;margin:0 0 15px;font-weight:300;width:100%;} h4 {font-size:1.45rem;margin:0 0 15px;font-weight:300;width:100%;} /* MAIN - TEXT ELEMENTE STANDARD*/ .ce_text{width: 100%;max-width:1200px;display:block;margin:0 auto;margin-bottom:15px; margin-top: 15px;} .ce_text .content_inside{display: inline-block;width:100%;} .ce_text.paradies_auswahl p {display: none;} .ce_text ul {margin: 5px 0;} .ce_text ul li {line-height: 120%;padding-bottom: 6px;padding-left:20px;position: relative;text-align:left;} .ce_text ul li:before {content:"●";display:block;width:10px;height:10px;position: absolute;left:0;} .ce_text ul.haken{text-align: left;} .ce_text ul.haken li {line-height:140%;padding-bottom:15px;padding-left: 26px;} .ce_text ul.haken li:before {content:"";display:block;width:18px;height:18px;position: absolute;left:0;background-image:url('/files/bwh/src/img/icons/haken_white.svg');background-size:contain;background-position:center center;background-repeat:no-repeat;} .ce_text p{line-height:170%;font-size:1rem;font-weight: 300;letter-spacing: 0.01rem; margin-bottom: 0;} .ce_text p.small-text {font-size: 0.8rem; max-width: 400px; margin: 0 auto;} .ce_text a, .ce_text a:visited {color:#ccc} .ce_text a:hover, .ce_text a:focus{color:#ffffff;text-decoration: underline;} .ce_text a.button {padding:6px 25px;background-color:#313131;color:#ffffff;margin-top:25px;display:inline-block;} .ce_text a.button:hover {background-color: #4b4b4b; text-decoration: none;} .ce_text.with_picture .image_container{display:inline-block;} .ce_text.with_picture .image_container img{max-width: 100%;} .ce_text.with_picture a{display:inline-block;} .ce_text.with_picture .image_container figcaption.caption{font-size:.85rem;letter-spacing:0.05rem;padding-top:5px;} .ce_text.with_picture .image_container img{max-width:100%;height:auto;display:block;} .ce_text.with_picture .image_container.float_left{float:left;margin:0 25px 25px 0;} .ce_text.with_picture .image_container.float_above{width:100%;display:block;margin:0 0 25px;} .ce_text.with_picture .image_container.float_right{float:right;margin:0 0 25px 25px;} .ce_text.with_picture .image_container.float_below{width:100%;display:block;margin:25px 0 0;} /* LEOS */ .ce_text.infotext .text_inside {background-color: #3a3a3a !important;border: 1px solid #ffffff;} .ce_text.infotext .text_inside .content_inside {display: block; background-color: #3a3a3a; padding: 20px 15px 20px 70px; text-align: left; position: relative;} .ce_text.infotext .text_inside .content_inside::before {content: ''; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 40px; width: 40px; background-image: url('/files/bwh/src/img/icons/info.png'); background-size: contain;} .ce_text.infotext p { margin-bottom: 0!important;} /* TEAM */ .ce_rsce_team {width: 100%;} .ce_rsce_team .team_inside {margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .ce_rsce_team .team_inside .mitarbeiter {width: 33.33%; padding: 0 15px; margin: 50px 0;} .ce_rsce_team .team_inside .mitarbeiter h3 {text-align: center; min-height: 72px;} .ce_rsce_team .team_inside .mitarbeiter img {width: 100%; height: auto; display: block;} .ce_rsce_team .team_inside .mitarbeiter .berufsdiv {background-color: #af8a3c; color: #fff; padding: 20px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .ce_rsce_team .team_inside .mitarbeiter .berufsdiv p {margin-bottom: 0;} /* MAIN - TEXT ELEMENTE CUSTOME*/ #main .mod_article.first > .ce_text.first .text_inside{border-top:6px solid #ffffff; margin-top: 0;} .mod_article .ce_text {display: -webkit-box;display: -ms-flexbox;display: flex;} .mod_article .ce_text .text_inside {background-color:#af8a3c;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;} .mod_article .ce_text .content_inside {padding:25px;max-width: 80%;margin: 0 auto;text-align: center;display: block;overflow: hidden;} .mod_article .ce_text.sc .content_inside {padding:25px 5px;overflow: hidden;} .mod_article .ce_text h2, .mod_article .ce_text h3, .mod_article .ce_text h4 {display:block;background-color:#af8a3c; margin-bottom: 30px;position: relative;} .mod_article .article_inside .mod_article {width: 100%;} .mod_article .article_inside .mod_article .article_inside {padding-left: 0; padding-right: 0;} .ce_text.text-dog {width: 50%;} .ce_text.text-dog .text_inside {padding: 25px 25px 0 25px; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap;flex-wrap: wrap; background-color: transparent;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .ce_text.text-dog .text_inside:before, .ce_text.text-booking .text_inside:before {content: ''; width: 70px; height: 70px; background-image: url("../../files/bwh/src/img/icons/icon-dog.png"); background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; display: block;} .ce_text.text-dog .text_inside .content_inside, .ce_text.text-booking .text_inside .content_inside {max-width: none; width: 100%;} .ce_text.text-dog .text_inside .content_inside .button {background-color: #af8a3c;} .ce_text.text-dog .text_inside .content_inside .button:hover {background-color: #917132;} .ce_text.text-dog + .ce_text.text-booking {width: 50%;} .ce_text.text-dog + .ce_text.text-booking .text_inside .content_inside {width: 100%; max-width: none;} .ce_text.text-booking .text_inside {padding: 25px 25px 0 25px; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ce_text.text-booking .text_inside:before {background-image: url("../../files/bwh/src/img/icons/icon-order.png");} .ce_text.text-booking .text_inside .content_inside * {max-width: 80%; margin-left: auto; margin-right: auto;} h2{position: relative;} .mod_article .ce_text .headline_container {display: block;overflow: hidden;} .mod_article .ce_text h2.headline:before, .mod_article .ce_text h3.headline:before, .mod_article .ce_text h4.headline:before{content: '';position: absolute;border-top: 1px solid white;width: 100%;top: 50%;max-width: 50%;} .mod_article .ce_text h2.headline:after, .mod_article .ce_text h3.headline:after, .mod_article .ce_text h4.headline:after{content: '';position: absolute;border-top: 1px solid white;width: 100%;top: 50%;max-width: 50%;} .mod_article .ce_text h2.headline:before, .mod_article .ce_text h3.headline:before, .mod_article .ce_text h4.headline:before{right: 100%; margin-right: 40px;} .mod_article .ce_text h2.headline:after, .mod_article .ce_text h3.headline:after, .mod_article .ce_text h4.headline:after{left: 100%; margin-left: 40px;} .mod_article.article_img .ce_text {background-color:transparent;} .mod_article.article_img .ce_text.sc {display:block;} .mod_article.article_img .ce_text.sc .content_inside{padding:0;max-width: 100%;text-align: left;} .mod_article.article_img .ce_text.sc h1, .mod_article.article_img .ce_text.sc h2, .mod_article.article_img .ce_text.sc h3, .mod_article.article_img .ce_text.sc h4{border-bottom:2px solid #fff;padding-bottom: 40px;font-size: 1.8rem;text-transform: uppercase;background-color: transparent;display: inline-block;} .mod_article.article_img .ce_text.sc h1:after, .mod_article.article_img .ce_text.sc h2:after, .mod_article.article_img .ce_text.sc h3:after, .mod_article.article_img .ce_text.sc h4:after{border:none;} .article_inside iframe {margin-top: 15px;} .article_inside .publitas-container-bwh {background-color: #fff; padding: 30px;} .article_inside .publitas-container-bwh iframe {margin-top: 0;} .ce_text.sc4-3.grundriss .text_inside .content_inside {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ce_text.sc4-3.grundriss .text_inside .content_inside p {width: 100%;} #datenschutz a.deactivate {background-color: #3d3d3d; width: 100%; padding: 20px; text-align: center; color: #fff; border: 1px solid #fff;} #datenschutz a.deactivate:hover {background-color: #fff;color: #3d3d3d;} /* GLOSSAR */ .mod_glossary { width: 100%; } .ce_glossar_headline {margin-top:20px;} .mod_glossary .letter { font-size: 2rem; } .mod_glossary li { background-color: #232323; color: #af8a3c; margin: 5px; } .mod_glossary span.invisible { display: none; } .mod_glossary li a { color: #ffF; } .mod_glossary .grouplist ul { display: flex; flex-wrap: wrap; } .mod_glossary .grouplist ul li { margin-right: 10px; } .mod_glossary .grouplist a { display: flex; padding: 15px; } .mod_glossary .toggler h4 { text-transform: uppercase; background: none; margin-bottom: 0; } .mod_glossary .accordion p { width: 100%; text-align: center; } .glossary a { color: #dedede; } .ce_glossar .glossar_items li { padding: 15px 0; border-top: 1px solid #917132 } .ce_glossar .glossar_show_all { display: none; } .ce_glossar .glossar_alpha_pagination { margin-bottom: 30px; padding: 0 15px; } .ce_glossar .alpha_pagination { padding: 10px; color: #dedede; cursor: not-allowed; } .ce_glossar .alpha_pagination:hover { background-color: #917132; } .ce_glossar .alpha_pagination.active { background-color: #3a3a3a; color: #af8a3c; } .ce_glossar .alpha_pagination.trueLink { cursor: pointer; } .ce_glossar .glossar_back { display: none; } /* SIMPLE COLUMNS */ .sc{display:block;float:left;padding:0 15px;} .sc-first {padding-left:0px;} .sc-last {padding-right:0px} .sc-clear{clear:both;} .sc2{width:50%;} .sc3{width:33.33%;} .sc3-2{width:66.66%!important;} .sc4{width:25%;} .sc4-2{width:50%;} .sc4-3{width:75%;} .sc5{width:20%;} .sc5-2{width:40%;} .sc5-3{width:60%;} .sc5-4{width:80%;} .sc-container{width: 100%;} .sc-container .sc-inside{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;} .sc-container .sc-first {padding-left: 15px;} .sc-container .sc-last {padding-right: 15px;} .ce_slick-slider, .ce_slick-content-start{width:100%;} .ce_slick-slider.sc2, .ce_slick-content-start.sc2{width:50%;} .ce_slick-slider.sc3, .ce_slick-content-start.sc3{width:33.33%;} .ce_slick-slider.sc3-2, .ce_slick-content-start.sc3-2{width:66.66%;} .ce_slick-slider.sc4, .ce_slick-content-start.sc4{width:25%;} .ce_slick-slider.sc4-2, .ce_slick-content-start.sc4-2{width:50%;} .ce_slick-slider.sc4-3, .ce_slick-content-start.sc4-3{width:75%;} .ce_slick-slider.sc5, .ce_slick-content-start.sc5{width:20%;} .ce_slick-slider.sc5-2, .ce_slick-content-start.sc5-2{width:40%;} .ce_slick-slider.sc5-3, .ce_slick-content-start.sc5-3{width:60%;} .ce_slick-slider.sc5-4, .ce_slick-content-start.sc5-4{width:80%;} /* MAIN - PAGINATION */ .pagination{max-width: 1200px;padding: 0 15px;display: block;margin: 0 auto;} .pagination p{text-align: center;display:inline-block;width:100%;} .pagination ul {text-align: center;font-size:1rem;} .pagination ul li{display:inline-block;} .pagination ul li.last, .pagination ul li.first{font-size:1rem} .pagination ul li a, .pagination ul li span {padding:10px;} .pagination ul li span {cursor: not-allowed;} /* MAIN - GALERIE LEGACY*/ .ce_gallery {margin-left: -5px;margin-right: -5px;padding:20px 0;} .ce_gallery ul {list-style: none;margin: 0;padding: 0;display: inline-block;} .ce_gallery ul li {padding: 5px;float: left;overflow:hidden;} .ce_gallery ul li figure.image_container {width: 100%;margin: 0;padding: 0;background-color:#af8a3c;overflow:hidden;} .ce_gallery ul li figure.image_container img {display: block;width: 100%;height: auto;-webkit-transition: all 300ms ease-in-out;transition:all 300ms ease-in-out;boverflow:hidden;} .ce_gallery ul.cols_1 li {width: 100%;} .ce_gallery ul.cols_2 li {width: 50%;} .ce_gallery ul.cols_3 li {width: 33.33%;} .ce_gallery ul.cols_4 li {width: 25%;} .ce_gallery ul.cols_5 li {width: 20%;} .ce_gallery ul.cols_6 li {width: 16.66%;} .ce_gallery ul.cols_7 li {width: 14.2%;} .ce_gallery ul.cols_8 li {width: 12.5%;} .ce_gallery ul.cols_9 li {width: 11.11%;} .ce_gallery ul.cols_10 li {width: 10%;} .ce_gallery ul.cols_11 li {width: 9.09%;} .ce_gallery ul.cols_12 li {width: 8.33%;} /* MAIN - GALERIE*/ .content-gallery {margin-left: -5px;margin-right: -5px;padding:20px 0;} .content-gallery ul {list-style: none;margin: 0;padding: 0;display: inline-block;} .content-gallery ul li {padding: 5px;float: left;overflow:hidden;} .content-gallery ul li figure {width: 100%;margin: 0;padding: 0;background-color:#af8a3c;overflow:hidden;} .content-gallery ul li figure img {display: block;width: 100%;height: auto;-webkit-transition: all 300ms ease-in-out;transition:all 300ms ease-in-out;boverflow:hidden;} .content-gallery--cols-1 li {width: 100%;} .content-gallery--cols-2 li {width: 50%;} .content-gallery--cols-3 li {width: 33.33%;} .content-gallery--cols-4 li {width: 25%;} .content-gallery--cols-5 li {width: 20%;} .content-gallery--cols-6 li {width: 16.66%;} .content-gallery--cols-7 li {width: 14.2%;} .content-gallery--cols-8 li {width: 12.5%;} .content-gallery--cols-9 li {width: 11.11%;} .content-gallery--cols-10 li {width: 10%;} .content-gallery--cols-11 li {width: 9.09%;} .content-gallery--cols-12 li {width: 8.33%;} /* Content Text Fix Legacy */ .content-text {width: 100%;} /* CE TABLE */ .ce_table {width: 100%; background-color: #af8a3c; padding: 20px;} .ce_table table {width: 50%; margin: 0 auto;} .ce_table table td.col_last {text-align: right;} .ce_table table td {padding: 8px;} .ce_table table tr.even {background-color: #907131} .content-table {width: 100%; background-color: #af8a3c; padding: 20px;} .content-table table {width: 50%; margin: 0 auto;} .content-table table td:last-child {text-align: right;} .content-table table td {padding: 8px;} .content-table tr:nth-child(odd) {background-color: #907131} /* CE DOWNLOADS */ .ce_downloads{width:100%;margin: 15px 0 100px; background-color: #af8a3c; padding: 20px;} .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4{color:#fff;text-transform: uppercase;text-align: center;} .ce_downloads .download{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ededed;padding:15px; margin: 0 auto;} .ce_downloads .download:last-child{border-bottom:0;} .ce_downloads .download:hover{background-color:#907131;} .ce_downloads .download .download_inside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align: center;-webkit-box-align: center;align-items: center;width:70%;} .ce_downloads .download .download_inside img{margin-right:15px;width: auto;height: 2.2rem;display: block;} .ce_downloads .download .download_inside a:hover{color:#fff;} .ce_downloads .download .download_inside a{font-size:1.25rem;color:#fff;text-decoration: none;} .ce_downloads .download .download_inside span{font-size:1rem;color:#fff;opacity:.5;margin:0 10px;min-width: 100px;display:none;} .ce_downloads .download .button_container{width:30%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .ce_downloads .download .button{padding:8px 15px;background-color:#3d3d3d;color:#ffffff;text-decoration:none;float:right;} .ce_downloads .download .button:hover{background-color:#717171;} .content-downloads { width: 100%; margin: 15px 0 100px; background-color: #af8a3c; padding: 20px; } .content-downloads li { display: flex; max-width: 80%; align-items: center; padding: 15px 0; margin: auto; } .content-downloads li a { font-size: 1.25rem; color: #fff; text-decoration: none; } .content-downloads li:not(:last-child) { border-bottom: 1px solid #ededed; } .download-element.ext-pdf:before { content: ""; display: inline-block; height: 35px; width: 35px; background-size: contain; background-repeat: no-repeat; background-image: url('/files/bwh/src/img/icons/documents/pdf.png'); margin-right: 10px; } .ce_downloads{width:100%;margin: 15px 0 100px; background-color: #af8a3c; padding: 20px;} .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4{color:#fff;text-transform: uppercase;text-align: center;} .ce_downloads .download{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ededed;padding:15px; margin: 0 auto;} .ce_downloads .download:last-child{border-bottom:0;} .ce_downloads .download:hover{background-color:#907131;} .ce_downloads .download .download_inside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align: center;-webkit-box-align: center;align-items: center;width:70%;} .ce_downloads .download .download_inside img{margin-right:15px;width: auto;height: 2.2rem;display: block;} .ce_downloads .download .download_inside a:hover{color:#fff;} .ce_downloads .download .download_inside a{font-size:1.25rem;color:#fff;text-decoration: none;} .ce_downloads .download .download_inside span{font-size:1rem;color:#fff;opacity:.5;margin:0 10px;min-width: 100px;display:none;} .ce_downloads .download .button_container{width:30%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .ce_downloads .download .button{padding:8px 15px;background-color:#3d3d3d;color:#ffffff;text-decoration:none;float:right;} .ce_downloads .download .button:hover{background-color:#717171;} /* CE CATEGORY */ .ce_rsce_category {background-color: #af8a3c;display: inline-block;width: 100%;margin-top: -30px;} .ce_rsce_category .headline{max-width:80%;text-align: center;display:block;margin:0 auto;font-size:1.4rem;font-weight:300;} .ce_rsce_category .list_container {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .ce_rsce_category .list_container a{display:block;color: #ffffff;} .ce_rsce_category .category_container {width:16.66%;float:left;padding:25px 15px;text-align: center; opacity: 0.4; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .ce_rsce_category .category_container:hover {opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .ce_rsce_category .category_container:hover .image_container img {-webkit-transform: scale(.8);transform: scale(.8); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .ce_rsce_category .category_container.button-active {opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .ce_rsce_category .category_container.button-active .image_container img {-webkit-transform: scale(.8);transform: scale(.8); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .ce_rsce_category .category_container .image_container{padding:0 15px;} .ce_rsce_category .category_container .image_container img{max-width:45%;margin:0 auto;display: block; min-height: 61px;} .ce_rsce_category .category_container span{width:100%;margin-top:15px;display: block;} /* TIMELINE */ .ce_timeline {width:100%;} .ce_timeline .timeline ul{padding:50px 0} .ce_timeline .timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:50px;background:#fff} .ce_timeline .timeline ul li::after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit} .ce_timeline .timeline ul li div{position:relative;bottom:0;width:400px;padding:15px;background:#af8a3c } .ce_timeline .timeline ul li div::before{content:'';position:absolute;bottom:7px;width:0;height:0;border-style:solid} .ce_timeline .timeline ul li:nth-child(odd) div{left:45px} .ce_timeline .timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #af8a3c transparent transparent} .ce_timeline .timeline ul li:nth-child(even) div{left:-439px} .ce_timeline .timeline ul li:nth-child(even) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #af8a3c } time{display:block;font-size:1.2rem;font-weight:700;margin-bottom:8px} .ce_timeline .timeline ul li::after{-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out} .ce_timeline .timeline ul li.in-view::after{background:#af8a3c } .ce_timeline .timeline ul li div{visibility:hidden;opacity:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .ce_timeline .timeline ul li:nth-child(odd) div{-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)} .ce_timeline .timeline ul li:nth-child(even) div{-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)} .ce_timeline .timeline ul li.in-view div{-webkit-transform:none;transform:none;visibility:visible;opacity:1} .ce_timeline .timeline ul li.in-view div figure.image_container{padding-top:15px;} .ce_timeline .timeline ul li.in-view div figure.image_container img{width:100%;height:auto;display:block;} /* CE_SPORTPLAN */ .ce_rsce_sportplan {width: 100%;} .ce_rsce_sportplan .week-container {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;} .ce_rsce_sportplan .week-container .day {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start;} .ce_rsce_sportplan .week-container .day:nth-child(odd) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container .day .weekday {display: block; font-size: 1.25rem; text-align: center; width: 100%; padding: 0 20px 20px; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} .ce_rsce_sportplan .week-container .day .event-container {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; -ms-flex-line-pack: justify; align-content: space-between; height: calc(100% - 45px);} .ce_rsce_sportplan .week-container .day .event-container .event {padding: 20px 10px; width: 100%; position: relative;} .ce_rsce_sportplan .week-container .day .event-container .event.event-confirmation:before {content: ''; display: inline-block; position: absolute; right: 7px; top: 7px; background-color: rgba(255,255,255,0.2); width: 25px; height: 25px; border-radius: 100%; background-image: url("../../files/bwh/src/img/icons/icon-registration.png"); background-size: 60%; background-position: center; background-repeat: no-repeat;} .ce_rsce_sportplan .week-container .day .event-container .event.color-outdoor {background-color: #5D4037;} .ce_rsce_sportplan .week-container .day .event-container .event.color-relax {background-color: #FFA000;} .ce_rsce_sportplan .week-container .day .event-container .event.color-health {background-color: #C2185B;} .ce_rsce_sportplan .week-container .day .event-container .event.color-water {background-color: #1976D2;} .ce_rsce_sportplan .week-container .day .event-container .event.color-faszie {background-color: #689F38;} .ce_rsce_sportplan .week-container .day .event-container .event.color-info {background-color: #656565;} .ce_rsce_sportplan .week-container .day .event-container .event.height-double {padding-top: 40px; padding-bottom: 40px;} .ce_rsce_sportplan .week-container .day .event-container .event.height-triple {padding-top: 60px; padding-bottom: 60px;} .ce_rsce_sportplan .week-container .day .event-container .event.height-allday {height: 100%;} .ce_rsce_sportplan .week-container .day .event-container .event.event-pause {margin-bottom: 50px;} .ce_rsce_sportplan .week-container .day .event-container .event .event-date {display: block; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} .ce_rsce_sportplan .week-container .day .event-container .event .event-title {display: block; font-size: 1.25rem; word-break: break-word; -webkit-hyphens: auto; -webkit-font-smoothing: antialiased; -ms-hyphens: auto; hyphens: auto;} .ce_rsce_sportplan .week-container .day .event-container .event .event-location {display: block; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} .ce_rsce_sportplan .legend-container {padding-top: 50px;} .ce_rsce_sportplan .legend-container .curses {display: -webkit-box;display: -ms-flexbox;display: flex;} .ce_rsce_sportplan .legend-container .legend {width: 33.333%; padding: 10px 20px; text-align: center;} .ce_rsce_sportplan .legend-container .legend.color-outdoor {background-color: #5D4037;} .ce_rsce_sportplan .legend-container .legend.color-relax {background-color: #FFA000;} .ce_rsce_sportplan .legend-container .legend.color-health {background-color: #C2185B;} .ce_rsce_sportplan .legend-container .legend.color-water {background-color: #1976D2;} .ce_rsce_sportplan .legend-container .legend.color-faszie {background-color: #689F38;} .ce_rsce_sportplan .legend-container .legend.color-info {background-color: #656565;} .ce_rsce_sportplan .legend-container .more-information {padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ce_rsce_sportplan .legend-container .more-information .event-confirmation {position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex;} .ce_rsce_sportplan .legend-container .more-information .event-confirmation:before {content: ''; display: inline-block; position: relative; background-color: rgba(255,255,255,0.2); width: 25px; margin-right: 10px; height: 25px; border-radius: 100%; background-image: url("../../files/bwh/src/img/icons/icon-registration.png"); background-size: 60%; background-position: center; background-repeat: no-repeat;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container .day .weekday {font-size: 2rem;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .legend-container .more-information {-ms-flex-wrap: wrap;flex-wrap: wrap;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .legend-container .more-information .event-confirmation {width: 100%; margin-right: 0; margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .legend-container .curses {-ms-flex-wrap: wrap;flex-wrap: wrap;} /* MONTAG */ .ce_rsce_sportplan .week-container.start-monday .day:nth-child(even) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-monday .day:nth-child(odd) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-monday .day_1 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-monday .day_2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-monday .day_3 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-monday .day_4 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-monday .day_5 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-monday .day_6 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-monday .day_2, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-monday .day_3, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-monday .day_4, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-monday .day_5, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-monday .day_6 {display: none;} /* DIENSTAG */ .ce_rsce_sportplan .week-container.start-tuesday .day:nth-child(even) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-tuesday .day:nth-child(odd) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-tuesday .day_2 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-tuesday .day_3 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-tuesday .day_4 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-tuesday .day_5 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-tuesday .day_6 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-tuesday .day_1 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-tuesday .day_3, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-tuesday .day_4, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-tuesday .day_5, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-tuesday .day_6, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-tuesday .day_1 {display: none;} /* MITTWOCH */ .ce_rsce_sportplan .week-container.start-wednesday .day:nth-child(odd) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-wednesday .day:nth-child(even) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-wednesday .day_3 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-wednesday .day_4 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-wednesday .day_5 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-wednesday .day_6 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-wednesday .day_1 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-wednesday .day_2 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-wednesday .day_4, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-wednesday .day_5, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-wednesday .day_6, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-wednesday .day_1, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-wednesday .day_2 {display: none;} /* DONNERSTAG */ .ce_rsce_sportplan .week-container.start-thursday .day:nth-child(even) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-thursday .day:nth-child(odd) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-thursday .day_4 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-thursday .day_5 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-thursday .day_6 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-thursday .day_1 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-thursday .day_2 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-thursday .day_3 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-thursday .day_5, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-thursday .day_6, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-thursday .day_1, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-thursday .day_2, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-thursday .day_3 {display: none;} /* FREITAG */ .ce_rsce_sportplan .week-container.start-friday .day:nth-child(odd) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-friday .day:nth-child(even) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-friday .day_5 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-friday .day_6 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-friday .day_1 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-friday .day_2 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-friday .day_3 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-friday .day_4 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-friday .day_6, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-friday .day_1, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-friday .day_2, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-friday .day_3, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-friday .day_4 {display: none;} /* SAMSTAG */ .ce_rsce_sportplan .week-container.start-saturday .day:nth-child(even) {background-color: rgba(255,255,255,0.05);} .ce_rsce_sportplan .week-container.start-saturday .day:nth-child(odd) {background-color: transparent;} .ce_rsce_sportplan .week-container.start-saturday .day_6 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; background-color: rgba(255,255,255,0.2) !important;} .ce_rsce_sportplan .week-container.start-saturday .day_1 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;} .ce_rsce_sportplan .week-container.start-saturday .day_2 {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .ce_rsce_sportplan .week-container.start-saturday .day_3 {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;} .ce_rsce_sportplan .week-container.start-saturday .day_4 {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;} .ce_rsce_sportplan .week-container.start-saturday .day_5 {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;} .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-saturday .day_1, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-saturday .day_2, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-saturday .day_3, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-saturday .day_4, .is21 .ce_rsce_infoscreen_hoch .ce_rsce_sportplan .week-container.start-saturday .day_5 {display: none;} /* CE_ACCORDION */ .ce_accordion {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;outline:none;margin-bottom:10px;overflow: hidden;} .ce_accordion.ce_text {margin:0;margin-bottom:10px;} .ce_accordion .toggler:hover{background-color:#767474;} .ce_accordion .toggler:focus{outline:none;} .ce_accordion .toggler.active{background-color:#767474;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .ce_accordion .toggler{width: 100%;font-size: 1.4rem;background-color: #232323;padding: 15px 40px 15px 15px;cursor: pointer;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;position: relative; text-align: center;} .ce_accordion .toggler span {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ce_accordion .toggler span.arrow{position:absolute;right:20px; top:15px;} .ce_accordion .toggler span.arrow:before{content:"";display:inline-block; background:url('../../files/bwh/src/img/icons/arrow/arrow_down-grey.svg');background-size:contain;height:30px;width:30px;background-position: center center;background-repeat:no-repeat;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 300ms ease-in-out;transition:all 300ms ease-in-out;} .ce_accordion .toggler.active span.arrow:before{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 300ms ease-in-out;transition:all 300ms ease-in-out;} .ce_accordion .accordion{width: 100%;background-color: #af8a3c;padding:0;margin:0;max-height: 0;transition: max-height .3s ease;} .ce_accordion .accordion > div {padding:15px;text-align: center;} .ce_accordion .accordion > div .block{margin:0!important;} .accordion-container {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -8px; margin-right: -8px;} .accordion-container .ce_accordion {width: calc(50% - 16px); margin: 0 8px 15px 8px; background-color: #232323;} .ce_accordion.icon .text-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-wrap: wrap;flex-wrap: wrap; width: 100%;} .ce_accordion.icon .text-container .headline {width: 100%; display: block; text-align: right;} .ce_accordion.icon .text-container .arrow {display: -webkit-box;display: -ms-flexbox;display: flex;width: 50%;text-align: right;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-top: 10px;} .ce_accordion.icon .text-container .arrow img {margin-right: 10px; max-width: 20px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .ce_accordion.icon .text-container .arrow span {font-size: 14px;} .ce_accordion.icon .toggler.ui-state-active .text-container .arrow img {-webkit-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .ce_accordion.open .arrow img, .ce_accordion.open span.arrow { transform: rotate(180deg); } .ce_accordion.icon .toggler {background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 40px 15px 20px;} .ce_accordion.icon .toggler:before {content: ''; width: 100px; height: 100px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center;} .ce_accordion.icon-desinfection .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-desinfection.svg");} .ce_accordion.icon-environment .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-environment.svg");} .ce_accordion.icon-mask .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-testing.svg");} .ce_accordion.icon-cleaning .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-cleaning.svg");} .ce_accordion.icon-wellness .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-wellness.svg");} .ce_accordion.icon-spa .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-spa.svg");} .ce_accordion.icon-hygiene .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-hygienesiegel-white.svg");} .ce_accordion.icon-digitalization .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-digitalization.svg");} .ce_accordion.icon-food .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-food.svg");} .ce_accordion.icon-info .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-info-hygiene.svg");} .ce_accordion.icon-flame .toggler:before {background-image: url("../../files/bwh/src/img/icons/icon-flame.svg");} .ce_accordion.icon .accordion{width: 100%;background-color: #232323;padding:0;margin:0;} /* CE BOXEN */ .ce_rsce_boxen {width: 100%;} .ce_rsce_boxen.active {display: block;} .ce_rsce_boxen .box_small_container, .ce_rsce_boxen .box_big_container {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .ce_rsce_boxen .box_item{position: relative;margin-bottom:15px;margin-top:15px;display: inline-block;} .ce_rsce_boxen .box_item.big{width: calc(50% - 15px);margin-right:15px;float:left;overflow: hidden;} .ce_rsce_boxen .box_item.big.even{margin-right:0;margin-left:15px;} .ce_rsce_boxen .box_small_container {margin-left: -15px; margin-right: -15px;} .ce_rsce_boxen .box_item.small{width: calc(33.33% - 30px);margin:15px;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;overflow: hidden;} .ce_rsce_boxen .box_item img.more{width: 1rem;position: absolute;right: 24px;bottom: 10;bottom: 25px;z-index: 3;opacity:0;-webkit-transition: all 500ms ease-in-out; transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item:hover img.more, .ce_rsce_boxen .box_item:focus img.more{opacity:1;-webkit-transition: all 500ms ease-in-out; transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item .box_inside{position: absolute;left: 25px;bottom:25px;right:25px;z-index: 2;overflow: hidden;} .ce_rsce_boxen .box_item .box_inside h3{text-transform: uppercase;font-weight: 300;font-size: 2rem; margin-bottom: 0 !important;} .ce_rsce_boxen .box_item.big .box_inside h3{font-size: 2.8rem;word-wrap: break-word; } .ce_rsce_boxen .box_item a {text-decoration: none;color:#fff;} .ce_rsce_boxen .box_item .box_inside h3{text-transform: uppercase;font-weight: 300;font-size: 2rem;} .ce_rsce_boxen .box_item .box_inside p{letter-spacing:0.025rem;font-weight:300;margin-bottom:0; max-height: 0px; opacity: 0; overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;margin-right: 35px;} .ce_rsce_boxen .box_item:hover .box_inside p{margin-bottom:0;overflow: hidden; max-height: 300px; opacity: 1; -webkit-transition: all .5s ease;transition: all .5s ease;} .ce_rsce_boxen .box_item .box_image{position: relative;} .ce_rsce_boxen .box_item .box_image:after {z-index: 1;content:"";position: absolute;display: block;width:100%;height:100%;opacity:0;top:0;left:0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(68%, rgba(175,138,60,0.6)),color-stop(82%, rgba(175,138,60,0.72)),to(rgba(175,138,60,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(175,138,60,0.6) 68%,rgba(175,138,60,0.72) 82%,rgba(175,138,60,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#edaf8a3c',GradientType=0 ); -webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item:hover .box_image:after, .ce_rsce_boxen .box_item:focus .box_image:after {opacity: 1;-webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item:hover, .ce_rsce_boxen .box_item:active {-webkit-user-select: none; -webkit-touch-callout: none;} .ce_rsce_boxen .box_item .box_image:before {z-index: 1;content:"";position: absolute;display: block;width:100%;height:100%; opacity:1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(68%, rgba(0,0,0,0.6)),color-stop(82%, rgba(0,0,0,0.72)),to(rgba(0,0,0,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 68%,rgba(0,0,0,0.72) 82%,rgba(0,0,0,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 ); -webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item:hover .box_image:before, .ce_rsce_boxen .box_item:focus .box_image:before{ opacity:0;-webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .ce_rsce_boxen .box_item .box_image {overflow: hidden;} .ce_rsce_boxen .box_item .box_image figure.image_container{width:100%;} .ce_rsce_boxen .box_item .box_image figure.image_container img{width:100%;height:auto;display:block;} /* SLICK */ .slick-list,.slick-slider,.slick-track{position:relative;display:block} .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} .slick-slider{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{top:0;left:0} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dotted.slick-slider{margin-bottom:30px} .slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-family:'slick';font-size:25px;line-height:50px;position:absolute;top:0;left:0;width:50px;height:50px;content:'•';text-align:center;opacity:.25;color:#af8a3c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#c9c9c9} /* SUCCESS STORIES */ .mod_successstories, .mod_successstories_all {width:100%;padding:15px;} .mod_successstories .inside, .mod_successstories_all .story_box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;outline: none;} .mod_successstories .inside .content, .mod_successstories_all .inside .content {width:70%;} .mod_successstories .inside .content h3, .mod_successstories_all .inside .content h3 {text-transform: uppercase;border-bottom:2px solid #af8a3c;padding-bottom:20px;} .mod_successstories .inside .content span, .mod_successstories_all .inside .content span {font-weight:300;letter-spacing: 0.02rem;color:#9d9d9d} .mod_successstories .inside .content span strong, .mod_successstories_all .inside .content span strong{font-weight:700;color: #c9c9c9} .mod_successstories .inside .image_container, .mod_successstories_all .inside .image_container{width:30%;display:inline-block;} .mod_successstories .inside .image_container img, .mod_successstories_all .inside .image_container img {width:100%;height:auto;display:block; border-bottom: 4px solid #1f1f1f;} .mod_successstories .slick-dots li button::before, .mod_successstories_all .slick-dots li button::before {width: 20px; height: 20px;} /* STÖRER */ #stoerer.left {width: 50%; position: absolute; bottom: 200px; left: calc((100vw - 1200px) / 2); z-index: 100;} #stoerer.right {width: 50%; position: absolute; bottom: 200px; right: calc((100vw - 1200px) / 2); z-index: 100; text-align: right;} #stoerer img {width: 220px; height: 220px;} /* TRAILRUN WOCHE ARRANGEMENT */ .trailrunwoche .ce_text.highlight .text_inside {background-color: #313131; color: #ffffff; border: 1px solid #ffffff;} .trailrunwoche .ce_table table {width: 60%;} .trailrunwoche .ce_table table .row_0 {background-color: #6a5324;} .trailrunwoche .ce_table table .row_0 td.col_1 {min-width: 90px;} .trailrunwoche .ce_table table .row_0 td.col_2 {min-width: 90px;} /* NEWS */ .mod_newslist {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; width: 100%;} .mod_newslist .layout_latest {position: relative;margin-bottom:15px;margin-top:15px;display: inline-block; width: calc(50% - 15px);margin-left:15px;float:left;overflow: hidden;} .mod_newslist .layout_latest:nth-child(odd){margin-right:15px;margin-left:0;} .mod_newslist .layout_latest img.more{width: 1rem;position: absolute;right: 24px;bottom: 10;bottom: 25px;z-index: 3;opacity:0;-webkit-transition: all 500ms ease-in-out; transition:all 500ms ease-in-out;} .mod_newslist .layout_latest:hover img.more, .mod_newslist .layout_latest:focus img.more{opacity:1;-webkit-transition: all 500ms ease-in-out; transition:all 500ms ease-in-out;} .mod_newslist .layout_latest .stoerer {background-color: #af8a3c;position: absolute;right: 21px;top: 20px;color: #fff;border-radius: 100%;width: 130px;height: 130px;text-align: center;vertical-align: middle;-webkit-transform: rotate(-13deg);transform: rotate(-13deg);z-index:20;} .mod_newslist .layout_latest .stoerer span {position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);height:auto;display:block;line-height:0.9;font-size:1.8rem} .mod_newslist .layout_latest .news_inside{position: absolute;left: 25px;bottom:25px;right:25px;z-index: 2;overflow: hidden;} .mod_newslist .layout_latest .news_inside h2{text-transform: uppercase;font-weight: 300;font-size: 3rem; margin-bottom: 0; text-align: left;} .mod_newslist .layout_latest .news_inside h2 a{color: #fff;} .mod_newslist .layout_latest .news_inside p{letter-spacing:0.025rem;font-weight:300;margin-bottom:0; max-height: 0px; opacity: 0; overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;margin-right: 35px;} .mod_newslist .layout_latest:hover .news_inside p{margin-bottom:0;overflow: hidden; max-height: 300px; opacity: 1; -webkit-transition: all .5s ease;transition: all .5s ease;} .mod_newslist .layout_latest .news_image{position: relative;} .mod_newslist .layout_latest .news_image:after {z-index: 1;content:"";position: absolute;display: block;width:100%;height:100%;opacity:0;top:0;left:0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(68%, rgba(175,138,60,0.6)),color-stop(82%, rgba(175,138,60,0.72)),to(rgba(175,138,60,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(175,138,60,0.6) 68%,rgba(175,138,60,0.72) 82%,rgba(175,138,60,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#edaf8a3c',GradientType=0 ); -webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .mod_newslist .layout_latest:hover .news_image:after, .mod_newslist .layout_latest:focus .news_image:after {opacity: 1;-webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .mod_newslist .layout_latest:hover, .mod_newslist .layout_latest:active {-webkit-user-select: none; -webkit-touch-callout: none;} .mod_newslist .layout_latest .news_image:before {z-index: 1;content:"";position: absolute;display: block;width:100%;height:100%; opacity:1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(68%, rgba(0,0,0,0.6)),color-stop(82%, rgba(0,0,0,0.72)),to(rgba(0,0,0,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 68%,rgba(0,0,0,0.72) 82%,rgba(0,0,0,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 ); -webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .mod_newslist .layout_latest:hover .news_image:before, .mod_newslist .layout_latest:focus .news_image:before{ opacity:0;-webkit-transition: all 500ms ease-in-out;transition:all 500ms ease-in-out;} .mod_newslist .layout_latest figure.image_container{width:100%;} .mod_newslist .layout_latest figure.image_container img{width:100%;height:auto;display:block;} .mod_newsreader {width: 100%;} .mod_newsreader figure.image_container{width:100%;} .mod_newsreader figure.image_container img{width:100%;height:auto;display:block;} .mod_newsreader .back {position: relative; text-align: center; padding: 30px 0; margin-bottom: 0;} .mod_newsreader .back a {color: #fff; position: relative;} .mod_newsreader .back a:before {content: '';display: inline-block;width: 30px;height: 1px;background-color: #af8a3c;position: absolute;left: -45px;top: 50%;} .mod_newsreader .back a:after {content: '';display: inline-block;width: 30px;height: 1px;background-color: #af8a3c;position: absolute;right: -45px;top: 50%;} .mod_newsreader .news_image .image_container {margin-bottom: 30px;} .mod_newsreader .no-news-image .news_image {display: none;} .mod_newsreader .ce_image.width-auto img {width: auto;} /** STÖRER NACHHALTIGKEIT **/ .ce_text.stoerer-nachhaltigkeit .text_inside {background-color: #705d77; border: 2px solid #fff; color: #fff;} .ce_text.stoerer-nachhaltigkeit .text_inside a {color: #fff;} /** PAGINATION **/ .pagination {text-align:center;text-transform: uppercase; clear: both; padding-top: 50px; width: 100%;} .pagination li {display: inline-block;} .pagination li a {display: inline-block; padding: 5px 7px; color: #fff} .pagination li span {color: #af8a3c; padding: 5px 7px;} .pagination li a:hover {color: #af8a3c;} .pagination ul {list-style-type: none; margin:0; padding: 0; font-size: 12px;} /* GALLERY SLIDER*/ .ce_rsce_gallery_slide{display:block;margin-bottom:30px;max-width:100%;width:100%;} .ce_rsce_gallery_slide .gallery_slide_inside {display:block;width:100%;} .ce_rsce_gallery_slide .gallery_container{display:block;width:100%;} .ce_rsce_gallery_slide .gallery_container_big{display:block;width:100%;position: relative;} .ce_rsce_gallery_slide .gallery_container_big .image_container{display:inline-block;cursor:move} .ce_rsce_gallery_slide .gallery_container_big .image_container img{width:100%;height:auto; display:block;} .ce_rsce_gallery_slide .gallery_container_big ul.slick-dots{bottom:30px;} .ce_rsce_gallery_slide .gallery_container_small{display:block;width:100%;margin-top:30px;} .ce_rsce_gallery_slide .gallery_container_small .image_container{display:inline-block;padding:0 15px;outline:none;cursor:move} .ce_rsce_gallery_slide .gallery_container_small .image_container img{width:100%;height:auto; display:block;} /* SLICK SLIDER */ .ce_slick-slider, .ce_slick-content-start {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .ce_slick-slider .slick-slide, .ce_slick-content-start .slick-slide{outline:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .ce_slick-slider .slick-container, .ce_slick-content-start .slick-container {width:100%;} .ce_slick-slider .slick-container .image_container{width:100%;} .ce_slick-slider .slick-container .image_container img{width:100%;height:auto;display:inline-block;} .ce_slick-slider .ce_image, .ce_slick-content-start .ce_image{margin:0;} .ce_slick-slider .ce_image .image_container img, .ce_slick-content-start .ce_image .image_container img{width:100%;} /* STARTSEITE SEO */ .ce_text.seo.desktop {display: block;} .ce_text.seo.mobile {display: none;} .ce_accordion.seo.mobile {display: none;} /* FOOTER OPTIONS */ .bottomoptions .inside {text-align: center; padding: 10px 0 50px;} .bottomoptions .inside a {margin: 0 10px;} .bottomoptions .inside a img {max-width: 25px;} /* FOOTER */ #footer{background-color:#232323;border-top:5px solid #af8a3c;padding:50px 0 0;width: 100%;display: inline-block;} #footer .inside .mod_article {padding-bottom: 0;padding-top:20px;} #footer .inside .mod_article .article_inside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;} #footer .inside .mod_article .article_inside h3, #footer .inside .mod_article .article_inside h4{text-align: center;font-weight:400;text-transform: uppercase;font-size: 1.6rem;margin-bottom:25px;} #footer .inside .mod_article .article_inside h3:after, #footer .inside .mod_article .article_inside h4:after{content: "";display: block;width: 55%;margin: 0 auto;height: 1px;background-color: #af8a3c;margin: 10px auto 10px;} #footer .inside .mod_article .article_inside a{color:#fff;} #footer .inside .logo{width:100%;padding: 10px 20px 0px 20px;} #footer .inside .logo .image_container{display: block;margin: 0 auto;margin-bottom: 30px;} #footer .inside #footercontact {width:100%;padding-bottom:60px;padding-top:10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #footer .inside #footercontact .inside {max-width:600px;text-align: center; font-size: 1rem;font-weight:300;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #footer .inside #footercontact .mail {background-image:url(/files/bwh/src/img/icons/envelope.svg);background-size: 18px 18px;background-repeat: no-repeat;padding-left: 27px;background-position: left 2px;} #footer .inside #footercontact .phone {background-image:url(/files/bwh/src/img/icons/call.svg);background-size: 18px 18px;background-repeat: no-repeat;padding-left: 27px;background-position: left 2px; margin-right: 30px;} #footer .inside #footercontact .fax {background-image:url(/files/bwh/src/img/icons/fax.svg);background-size: 18px 18px;background-repeat: no-repeat;padding-left: 27px;background-position: left 2px; margin-right: 30px;} #footer .inside #footercontact .address {background-image:url(/files/bwh/src/img/icons/address.svg);background-size: 18px 18px;background-repeat: no-repeat;padding-left: 27px;background-position: left 2px; margin-top: 10px;} /* FOOTER - CHANGELANGUAGE */ #footer .mod_changelanguage {background-color:#3A3A3A;padding:30px 20px;width: 33.33%;margin:0 7.5px;} #footer .mod_changelanguage .changelanguage_container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #footer .mod_changelanguage ul.level_1{display:inline-block;} #footer .mod_changelanguage ul.level_1 li{margin-bottom: 15px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;} #footer .mod_changelanguage ul.level_1 li span, #footer .mod_changelanguage ul.level_1 li a{font-size:.85rem; line-height: 180%;cursor: pointer;} #footer .mod_changelanguage ul.level_1 li span:before, #footer .mod_changelanguage ul.level_1 li a:before{content:"";display:block;width:1.4rem;height:2.2rem;background-size:contain;background-repeat:no-repeat;float:left;margin-right: 10px;} #footer .mod_changelanguage ul.level_1 li.lang-de span:before, #footer .mod_changelanguage ul.level_1 li.lang-de a:before{background-image: url(/files/bwh/src/img/icons/language/germany.svg);} #footer .mod_changelanguage ul.level_1 li.lang-en span:before, #footer .mod_changelanguage ul.level_1 li.lang-en a:before{background-image: url(/files/bwh/src/img/icons/language/united-kingdom.svg);} #footer .mod_changelanguage ul.level_1 li.lang-cz span:before, #footer .mod_changelanguage ul.level_1 li.lang-cz a:before{background-image: url(/files/bwh/src/img/icons/language/cz.svg);} /* FOOTER - WEATHER */ #footer .weather {background-color:#3A3A3A;padding:30px 20px; width: calc(33.33% - 15px); margin: 0 7.5px;} #footer .weather #weather {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #footer .weather #weather .w33{width:33.33%;padding: 0 15px;} #footer .weather #weather .w33 img{width:60%;display:block;margin:0 auto;} #footer .weather #weather .w33 span.date{margin-bottom:15px;} #footer .weather #weather .w33 span.temperature{font-size:1.2rem;margin-top:15px;} #footer .weather #weather .w33 span{width:100%;text-align: center;display:block;} /* FOOTER - SOCIALS */ #footer .socials {background-color:#3A3A3A;padding:30px 20px;width: calc(33.33% - 7.5px); margin-left:7.5px;} #footer .socials .socials_inside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #footer .socials .socials_inside .socials_container{display: block;margin:0 auto;} #footer .socials .socials_inside a {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;font-size:.8rem;letter-spacing:0.03rem;} #footer .socials .socials_inside a:last-child {margin-bottom:0} #footer .socials .socials_inside a img{float: left;width: 1.2rem;height:1rem;display: block;} #footer .socials .socials_inside a span{float: left;margin-left: 10px;} /* FOOTER - BEWERTUNGEN */ #footer .bewertungen {background-color:#3A3A3A;padding:30px 20px;width: calc(33.33% - 7.5px); margin-left:7.5px;} #footer .bewertungen .bewertungen_inside {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #footer .bewertungen .bewertungen_inside h3 {margin-bottom: 0 !important;} /* FOOTER - RIGHTS */ #footer .rights{background-color:#313131 ;padding:15px 0;} #footer .rights .rights_inside{max-width:1200px;margin:0 auto;display:block;} #footer .rights .rights_inside .mod_customnav .invisible{display:none} #footer .rights .rights_inside .mod_customnav ul.level_1{text-align:center; margin: 0;} #footer .rights .rights_inside .mod_customnav ul.level_1 li{display:inline-block;} #footer .rights .rights_inside .mod_customnav ul.level_1 li a, #footer .rights .rights_inside .mod_customnav ul.level_1 li span {padding:0 10px;font-size:.85rem;font-weight:300; color: #fff;} #footer .rights .rights_inside .rights-explanation {width: 100%;text-align: center;display: inline-block;font-size: 13px;margin-top: 10px;padding: 10px 30px;} /* BEI MEHRSPRACHIGKEIT WIEDER RAUSNEHMEN */ /* #footer .weather, #footer .socials {width: calc(50% - 7.5px);} #footer .weather {margin-right: 7.5px; margin-left: 0;} #footer .socials {margin-left: 7.5px;} #footer .weather #weather .w33 {padding: 0 30px;} */ /* WENN KEINE BEWERTUNGEN MEHR, WIEDER RAUSNEHMEN */ #footer .weather {margin-left: 0;} #footer .bewertungen {margin-right: 7.5px;} /* INFOSEITEN */ body.infopage .cookiebar {display: none !important;} body.infopage .mod_article {padding:0;} body.infopage .mod_article .article_inside{max-width: 1920px;display:block;height:720px; padding: 0;} body.infopage .mod_article .slick-slide > .ce_text {margin-bottom:0;display:block; height: 720px; margin: 0;} body.infopage .mod_article .slick-slide > .ce_text .text_inside{display:-webkit-box;display:-ms-flexbox;display:flex;height:720px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color:#af8a3c;width: 100%;} body.infopage .mod_article .slick-slide > .ce_text .content_inside {padding:15px;margin: 0 auto;text-align: center;display: block;overflow: hidden; max-width: none;} body.infopage .mod_article .slick-slide > .ce_text .content_inside h1{font-size:2.2rem;} body.infopage .mod_article .slick-slide > .ce_text .content_inside h2{font-size:1.8rem;} body.infopage .mod_article .slick-slide > .ce_text .content_inside h3{font-size:1.6rem;margin-bottom:10px;} body.infopage .mod_article .slick-slide > .ce_text .content_inside p{font-size:20px;} body.infopage .mod_article .slick-slide > .ce_text.first .text_inside{border-top:0!important;} body.infopage .mod_article .ce_image {padding: 0;} body.infopage .mod_article .slick-dots {display: none !important;} body.infopage .mod_article#infoscreen-restaurant .sc-first {padding: 0 7px;} body.infopage .mod_article#infoscreen-restaurant .slick-slide > .ce_text .content_inside {max-width: none; padding: 25px 20px 25px 40px} body.infopage .mod_article#infoscreen-restaurant .ce_rsce_gallery_slide {width: 512px;} body.infopage .mod_article#infoscreen-restaurant .ce_slick-slider.sc5-2, body.infopage .mod_article#infoscreen-restaurant .ce_slick-content-start.sc5-2 {width: 512px; padding: 0px; height: 720px;} body.infopage .mod_article#infoscreen-spa2019 .article_inside {display: -webkit-box;display: -ms-flexbox;display: flex;} body.infopage .mod_article#infoscreen-spa2019 .ce_slick-content-start.slick-content-1867 {max-width: 30%; width: 100%; padding-right: 5px;} body.infopage .mod_article#infoscreen-spa2019 .ce_slick-content-start.slick-content-1876 {max-width: 30%; width: 100%; padding-right: 5px} body.infopage .mod_article#infoscreen-spa2019 .ce_slick-slider.slick_18191c {max-width: 40%; width: 100%;} body.infopage .mod_article#wellness-2 .slick-slide > .ce_text {height: 50vh; margin-bottom: 7px;} body.infopage .mod_article#wellness-2 .slick-slide > .ce_text .text_inside {height: 100%;} body.infopage .mod_article#wellness-2 .ce_image {margin: 0;} /* NUR FÜR EVENT */ /* body.infopage .mod_article#wellness-2 .ce_text .text_inside {height: 400px;} */ body.infopage .mod_article#leos .slick-slide > .ce_text {height: auto; margin-bottom: 7px; max-width: 1000px;} body.infopage .mod_article#leos .slick-slide > .ce_text .text_inside {height: auto;} body.infopage .mod_article#leos .ce_image {margin: 0;} body.infopage .mod_article#leos .ce_image#stoerer_michelin {position: absolute; right: 50px; width: auto; top: 200px; z-index: 5;} body.infopage .mod_article#leos .slick-slide > .ce_text .text_inside {height: 400px;} /* GYM */ body.infopage .mod_article#gym .slick-slide > .ce_text {height: 50vh; margin-bottom: 7px;} body.infopage .mod_article#gym .slick-slide > .ce_text .text_inside {height: 100%;} body.infopage .mod_article#gym .ce_image {margin: 0;} /* SAUNAPLATZERL */ body.infopage .mod_article#saunaplatzerl .slick-slide > .ce_text {height: 50vh; margin-bottom: 7px;} body.infopage .mod_article#saunaplatzerl .slick-slide > .ce_text .text_inside {height: 100%;} body.infopage .mod_article#saunaplatzerl .ce_image {margin: 0;} @-webkit-keyframes kenburns { 100% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } } @keyframes kenburns { 100% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } } body.infopage .mod_article#leos .ce_slick-slider .slick-slide img, body.infopage .mod_article#leos .ce_slick-content-start .slick-slide img {-webkit-animation: kenburns 15s infinite;animation: kenburns 15s infinite;} /* SLICK SLIDER */ body.infopage .ce_slick-slider, body.infopage .ce_slick-content-start {display:block;} body.infopage .ce_slick-slider .slick-slide, body.infopage .ce_slick-content-start .slick-slide{outline:none;display:block;} body.infopage .ce_slick-slider .slick-container, body.infopage .ce_slick-content-start .slick-container {width:100%; margin-bottom: 0;} body.infopage .ce_slick-slider .slick-container .image_container{width:100%;} body.infopage .ce_slick-slider .slick-container .image_container img{width:100%;height:auto;display:inline-block;} body.infopage .slick-dots li button:before{font-family:'slick';font-size:50px;line-height:50px;width:50px;height:50px;} /* LAUFSCHRIFT */ .ce_rsce_laufschrift {background-color: #3d3d3d; position: absolute; bottom: 0; left: 0; right: 0; z-index: 20;} .ce_rsce_laufschrift.color-orange {background-color: #ff5722;} .ce_rsce_laufschrift.color-spa {background-color: #b867c6;} .ce_rsce_laufschrift.color-leos {background-color: #af8a3c;} .ce_rsce_laufschrift .inside {padding: 15px;} .ce_rsce_laufschrift .inside .laufheadline {position: absolute; left: 0; bottom: 0; background-color: #000000; z-index: 20; font-size: 22px; font-weight: 600; padding: 15px;} .ce_rsce_laufschrift.color-orange .inside .laufheadline {background-color: #C41C02;} .ce_rsce_laufschrift.color-spa .inside .laufheadline {background-color: #863895;} .ce_rsce_laufschrift.color-leos .inside .laufheadline {background-color: #907131;} .ce_rsce_laufschrift .inside .lauftext {display: -webkit-box;display: -ms-flexbox;display: flex;} .ce_rsce_laufschrift .inside .lauftext marquee {margin: 0; font-size: 22px;} /* INFOSCREENS 2021 */ .is21 {height: 100vh; width: 100%;} .is21 .cookiebar {display: none !important;} .is21 .mod_article {padding:0;} .is21 .mod_article .article_inside{width: 100%; display:block;padding: 0;max-width: none;} .is21 .sign_up_popup {display: none !important;} .contentlist.notext { display: none !important } /* HOCHFORMAT */ .is21 .ce_rsce_infoscreen {height: 100vh; width: 100%; padding: 50px;} .is21 .ce_rsce_infoscreen > .inside {height: 100%; padding: 60px; width: 100%; max-height: calc(100vh - 30px); background: rgb(175,138,60);background: -moz-linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(175,138,60,1)), color-stop(30%, rgba(175,138,60,1)), color-stop(50%, rgba(175,138,60,1)), to(rgba(255,255,255,0)));background: linear-gradient(180deg, rgba(175,138,60,1) 0%, rgba(175,138,60,1) 30%, rgba(175,138,60,1) 50%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af8a3c",endColorstr="#ffffff",GradientType=1); border-top: 6px solid #ffffff;} .is21 .ce_rsce_infoscreen .swiper-container, .is21 .ce_rsce_infoscreen .slick-list, .is21 .ce_rsce_infoscreen .swiper-wrapper, .is21 .ce_rsce_infoscreen .slick-track, .is21 .ce_rsce_infoscreen .swiper-slide {height: 100%;} .is21 .ce_rsce_infoscreen .image_container img {width: 100%; height: auto;} .is21 .ce_rsce_infoscreen .contentlist {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap;} .is21 .ce_rsce_infoscreen .ce_text {text-align: center; width: 100%; max-width: none;} .is21 .ce_rsce_infoscreen .ce_text > .inside { width: 100%;} .is21 .ce_rsce_infoscreen .ce_text h2 {font-size: 2.4rem; margin: 0 0 25px; font-weight: 300; width: 100%; text-align: center;} .is21 .ce_rsce_infoscreen .ce_text h2:before, .is21 .ce_rsce_infoscreen .ce_text h2:after {display: none;} .is21 .ce_rsce_infoscreen .swiper-slide {-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: justify; align-content: space-between;} .is21 .ce_rsce_infoscreen .swiper-slide .contentlist_0 + .is21 .ce_rsce_infoscreen .swiper-slide .contentlist_1 {margin-top: 30px;} /* QUERFORMAT */ .is21 .ce_rsce_infoscreen_quer {height: 100vh; width: 100%;} .is21 .ce_rsce_infoscreen_quer > .inside {height: 100%; width: 100%; max-height: 100vh;} .is21 .ce_rsce_infoscreen_quer .swiper-container, .is21 .ce_rsce_infoscreen_quer .slick-list, .is21 .ce_rsce_infoscreen_quer .swiper-wrapper, .is21 .ce_rsce_infoscreen_quer .slick-track, .is21 .ce_rsce_infoscreen_quer .swiper-slide {height: 100%;} .is21 .ce_rsce_infoscreen_quer .image_container img {width: 100%; height: auto;} .is21 .ce_rsce_infoscreen_quer .contentlist {width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #3d3d3d; padding: 50px;} .is21 .ce_rsce_infoscreen_quer .ce_text {text-align: center; width: 100%; max-width: none;} .is21 .ce_rsce_infoscreen_quer .ce_text .ce_text {margin-top: 0; margin-bottom: 0;} .is21 .ce_rsce_infoscreen_quer .ce_text .ce_text .text_inside {background-color: transparent;} .is21 .ce_rsce_infoscreen_quer .ce_text .ce_text .text_inside .content_inside {padding: 0; margin: 0; max-width: 100%;} .is21 .ce_rsce_infoscreen_quer .ce_text > .inside { width: 100%;} .is21 .ce_rsce_infoscreen_quer .ce_text h2, .is21 .ce_rsce_infoscreen_quer .ce_text h3, .is21 .ce_rsce_infoscreen_quer .ce_text h4 {background-color: transparent;} .is21 .ce_rsce_infoscreen_quer .ce_text h2 {font-size: 2.4rem; margin: 0 0 25px; font-weight: 300; width: 100%; text-align: center;} .is21 .ce_rsce_infoscreen_quer .ce_text h2:before, .is21 .ce_rsce_infoscreen_quer .ce_text h2:after {display: none;} .is21 .ce_rsce_infoscreen_quer .swiper-slide {-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: justify; align-content: space-between; background-size: cover; padding: 30px; background-position: center;} .is21 .ce_rsce_infoscreen_quer .swiper-slide.left {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .is21 .ce_rsce_infoscreen_quer .swiper-slide.right {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-start;} .is21 .ce_rsce_infoscreen_quer .swiper-slide .contentlist_0 + .is21 .ce_rsce_infoscreen_quer .swiper-slide .contentlist_1 {margin-top: 30px;} .is21 .ce_rsce_infoscreen_quer .swiper-slide.fullwidth .contentlist {width: 100%; padding: 0px; background-color: transparent;} .is21.naturfitquer .ce_rsce_infoscreen_quer .ce_text .inside > .ce_title * {font-size: 3.5rem;} .is21.naturfitquer .ce_rsce_infoscreen_quer .ce_text .inside > p {font-size: 1.4rem;} /* HOCHFORMAT */ .is21 .ce_rsce_infoscreen_hoch {height: 100vh; width: 100%;} .is21 .ce_rsce_infoscreen_hoch > .inside {height: 100%; width: 100%; max-height: 100vh;} .is21 .ce_rsce_infoscreen_hoch .swiper-container, .is21 .ce_rsce_infoscreen_hoch .slick-list, .is21 .ce_rsce_infoscreen_hoch .swiper-wrapper, .is21 .ce_rsce_infoscreen_hoch .slick-track, .is21 .ce_rsce_infoscreen_hoch .swiper-slide {height: 100%;} .is21 .ce_rsce_infoscreen_hoch .image_container img {width: 100%; height: auto;} .is21 .ce_rsce_infoscreen_hoch .contentlist {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; height: 50%; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #3d3d3d; padding: 50px;} .is21 .ce_rsce_infoscreen_hoch .ce_text {text-align: center; width: 100%; max-width: none;} .is21 .ce_rsce_infoscreen_hoch .ce_text .ce_text {margin-top: 0; margin-bottom: 0;} .is21 .ce_rsce_infoscreen_hoch .ce_text .ce_text .text_inside {background-color: transparent;} .is21 .ce_rsce_infoscreen_hoch .ce_text .ce_text .text_inside .content_inside {padding: 0; margin: 0; max-width: 100%;} .is21 .ce_rsce_infoscreen_hoch .ce_text > .inside { width: 100%;} .is21 .ce_rsce_infoscreen_hoch .ce_text img {max-width: 250px;} .is21 .ce_rsce_infoscreen_hoch .ce_text h2, .is21 .ce_rsce_infoscreen_hoch .ce_text h3, .is21 .ce_rsce_infoscreen_hoch .ce_text h4 {background-color: transparent;} .is21 .ce_rsce_infoscreen_hoch .ce_text h2 {font-size: 2.4rem; margin: 0 0 25px; font-weight: 300; width: 100%; text-align: center;} .is21 .ce_rsce_infoscreen_hoch .ce_text h2:before, .is21 .ce_rsce_infoscreen_hoch .ce_text h2:after {display: none;} .is21 .ce_rsce_infoscreen_hoch .swiper-slide {-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: justify; align-content: space-between; background-size: cover; padding: 30px; background-position: center;} .is21 .ce_rsce_infoscreen_hoch .swiper-slide.above .contentlist {position: absolute; bottom: 80px; width: calc(100% - 60px); height: calc(50% - 30px);} .is21 .ce_rsce_infoscreen_hoch .swiper-slide.below {-ms-flex-line-pack: start;align-content: flex-start;} .is21 .ce_rsce_infoscreen_hoch .swiper-slide .contentlist_0 + .is21 .ce_rsce_infoscreen_hoch .swiper-slide .contentlist_1 {margin-top: 30px;} .is21 .ce_rsce_infoscreen_hoch .swiper-slide.fullheight .contentlist {width: 100%; height: auto; padding: 0px; background-color: transparent; position: relative; bottom: initial;} .is21 .ce_rsce_infoscreen_hoch.event-logo-only .swiper-slide .contentlist {-ms-flex-line-pack: center;align-content: center;} .is21.hochformat .ce_rsce_laufschrift .inside {padding: 15px 15px 40px 30px;} .is21.hochformat .ce_rsce_laufschrift .inside .laufheadline {padding: 15px 15px 40px 30px;} .is21.naturfit .ce_rsce_infoscreen_hoch .swiper-slide.above.naturfit-cut .contentlist {height: calc(60% - 30px); -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%); padding-top: 150px;} .is21.naturfit .ce_rsce_infoscreen_hoch .swiper-slide.below.naturfit-cut .contentlist {-webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%); height: 50%; padding-bottom: 50px;} /*Laufschrift Eingangsbereich */ .is21.eingangsbereich .ce_rsce_laufschrift {max-width: 96.5%;margin: auto;bottom: 18px;left: 5px} /* FEUERWERK AUF INFOSCREENS */ .is21 > canvas {z-index: 1000;} /* WILLKOMMEN */ body.infopage #willkommen .ce_text {max-width: none;} body.infopage #willkommen .ce_text img {margin: 0 auto;} /* AUSLASTUNG */ .auslastung{margin-bottom:25px;background-color:#af8a3c;width:100%} .auslastung .inside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .auslastung .inside .auslastung_header{width:100%;text-align: center;font-size:1.5rem;background-color:#232323;color:#ffffff;padding:10px} .auslastung .inside {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .auslastung .inside .date_container, .auslastung .inside .day_container{display:table;width:100%;border:1px solid #3a3a3a;border-top:none;border-right:1px solid #af8a3c;border-left:1px solid #af8a3c;} .auslastung .inside .date_box, .auslastung .inside .day{display:table-cell;padding: 8px;border-left:1px solid #3a3a3a;width: 11%;position: relative; vertical-align:middle;} .auslastung .inside .day:hover{background-color:rgba(90, 88, 88, 0.49);cursor: help;} .auslastung .inside .day:hover .auslastung_status{visibility: visible;} .auslastung .inside .day:hover .auslastung_status:before{visibility: hidden;} .auslastung .day.free:hover .auslastung_status {color:#5dbc34} .auslastung .day.medium:hover .auslastung_status {color:rgb(255, 169, 0)} .auslastung .day.full:hover .auslastung_status {color:#ec463b} .auslastung .inside .day.first:hover{background-color:transparent;cursor: auto;} .auslastung .inside .date.first, .auslastung .inside .day.first{width:20%;border-left:none;display:table-cell;} .auslastung .inside .day .auslastung_status{padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align: center;word-break: break-word;} .auslastung .inside .date_box{text-align: center;} .auslastung .inside .date_box span.date{width:100%;font-size:1rem;} .auslastung .auslastung_status:before{position: absolute;right:0;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"●";width:100%;text-align: center;visibility:visible;font-size: 2rem;} .auslastung .free .auslastung_status:before{color:#5dbc34;} .auslastung .medium .auslastung_status:before{color:rgb(255, 169, 0);} .auslastung .full .auslastung_status:before{color:#ec463b;} .auslastung .auslastung_status{visibility:hidden;} .ui-widget{font-family:"Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;background:#af8a3c;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} .ui-datepicker{padding:10px} .ui-datepicker-header{border:none;border-bottom:1px solid #fff;background:transparent;font-weight:400;font-size:11px;text-transform:uppercase;position:relative} .ui-datepicker-header .ui-state-hover{background:transparent;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} .ui-datepicker .ui-datepicker-title{margin-top:10px;margin-bottom:20px;text-align:center} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{border:none;position:absolute;overflow:hidden} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-prev{left:0} .ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next{right:0} .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{background-image:url(../../files/bwh/src/img/icons/ui-icons_ffffff_256x240.png);background-position:-31px -34px;margin-top:0;top:0;font-weight:400;display:inline-block;width:15px;height:15px;text-indent:-10000px} .ui-datepicker .ui-datepicker-prev span{background-position:-97px -34px} .ui-datepicker .ui-datepicker-prev-hover span{background-position:-97px -51px} .ui-datepicker .ui-datepicker-next-hover span{background-position:-31px -51px} .ui-datepicker table{margin:0} .ui-datepicker th{padding:2em 0;color:#3d3d3d;font-size:14px;font-weight:400;text-transform:uppercase;border:none} .ui-datepicker td{border:none;padding:0} .ui-datepicker-calendar .ui-state-disabled{cursor:not-allowed} .ui-datepicker-calendar .ui-state-disabled span{color:#b5b3b3;opacity:.6} td .ui-state-default{background:transparent;border:none;text-align:center!important;padding:1em 0!important;margin:0;font-weight:400;color:#efefef;font-size:14px} td .ui-state-active,td .ui-state-hover{background:#3d3d3d;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} /* ALLERGENE */ .content .mod_newscategories { width: auto !important; } .content .mod_newscategories a, .content .mod_newscategories span { word-break: break-word; } .content .mod_newscategories .level_1>li { width: calc(16.666% - 1rem) !important; } .content .infopage-headline-style-01 { background-color: #af8a3c; margin: 1rem 0 1rem; padding: 1rem; border-top: 6px solid #ffffff; } /* STÖRER */ .content .allergene-stoerer-servicepersonal { width: 100%; z-index: 1; } .content .allergene-stoerer-servicepersonal>.inside { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #af8a3c; } .content .allergene-stoerer-servicepersonal p span { font-size: 1rem; font-weight: bold; margin-bottom: 5px; display: block; } .content .allergene-stoerer-servicepersonal p { margin-bottom: 0; font-size: 0.9rem; text-align: center; padding: 15px; } /* VIDEO IN HEADER */ #header .video-wrapper { overflow: hidden; z-index: -1; width: 100%; position: relative; height: 50vh; } @media only screen and (max-height: 500px) { #header .video-wrapper { min-height: 500px; } } @media only screen and (max-width: 550px) { #header .video-wrapper { min-height: 500px; height: 80vh; } } @media only screen and (max-width: 450px) { #header .video-wrapper { min-height: 600px; height: 100vh; } } #header .video-wrapper video { min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; opacity: 1 !important; } @media only screen and (max-width: 767px) { #header .video-wrapper video { width: auto; height: 80vh; } } /* #header:before {content: '';background-color: #3d3d3d;opacity: .3;display: inline-block;width: 100%;height: 100%;position: absolute;top:0;z-index:1;}*/ #header.hotel:before {background-color:#3d3d3d; opacity: 0.3;} #header.zimmer:before {background-color:#3d3d3d; opacity: 0.3;} #header.spa:before {background-color:#3d3d3d; opacity: 0.3;} #header.kulinarik:before {background-color:#3d3d3d; opacity: 0.3;} #header.aktivitaeten:before {background-color:#3d3d3d; opacity: 0.3;} #header.angebote:before {background-color:#3d3d3d; opacity: 0.3;} #header.naturfit:before {background-color:#3d3d3d; opacity: 0.3;} #header.spa {background-image: none !important;} #header.zimmer {background-image: none !important;} #header.hotel {background-image: none !important;} #header.familie {background-image: none !important;} #header.kulinarik {background-image: none !important;} #header.angebote {background-image: none !important;} #header.aktivitaeten {background-image: none !important;} #header.naturfit {background-image: none !important;} #header.spa > .inside {position: absolute;top:0;left:0;right:0;} #header.zimmer > .inside {position: absolute;top:0;left:0;right:0;} #header.hotel > .inside {position: absolute;top:0;left:0;right:0;} #header.familie > .inside {position: absolute;top:0;left:0;right:0;} #header.kulinarik > .inside {position: absolute;top:0;left:0;right:0;} #header.angebote > .inside {position: absolute;top:0;left:0;right:0;} #header.aktivitaeten > .inside {position: absolute;top:0;left:0;right:0;} #header.naturfit > .inside {position: absolute;top:0;left:0;right:0;} #intro .video-wrapper { overflow: hidden; z-index: -1; width: 100%; position: relative; height: 100vh; } @media only screen and (max-height: 500px) { #intro .video-wrapper { min-height: 500px; } } @media only screen and (max-width: 550px) { #intro .video-wrapper { min-height: 500px; height: 100vh; } } @media only screen and (max-width: 450px) { #intro .video-wrapper { min-height: 600px; height: 100vh; } } #intro .video-wrapper video { min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; } @media only screen and (max-width: 767px) { #intro .video-wrapper video { width: auto; height: 100vh; } } .sc2.instagram_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; text-align: center; margin-bottom: 20px;} .sc2.facebook_wrapper {text-align: center;} .sc2 .instagram, .sc2 .facebook {background-color: #af8a3c; text-align: center; padding: 30px;width:100%;} .sc2 .instagram h3, .sc2 .facebook h3 {margin-bottom: 40px;} .sc2 .instagram a.button, .sc2 .facebook a.button {padding:10px 15px;background-color:#313131;color:#ffffff;margin-top:25px;display:inline-block;} .sc2 .instagram a.button:hover, .sc2 .facebook a.button:hover {background-color: #4b4b4b; text-decoration: none;} .fb_iframe_widget {margin-bottom: 10px; margin-top: 10px;} /* ANWENDUNGEN */ .anwendungen {background-color:#af8a3c;color:#ffffff; width: 100%;} .anwendungen .inside{padding:25px;} .anwendungen .inside .list_container{} .anwendungen .inside .list_container .anwendung{margin-bottom:15px;padding: 30px 0; border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position: relative;} .anwendungen .inside .list_container .anwendung:last-child{border-bottom:0px;} .anwendungen .inside .list_container .anwendung .text{width:100%;padding-top:15px;} .anwendungen .inside .list_container .anwendung .text h2, .anwendungen .inside .list_container .anwendung .text h3, .anwendungen .inside .list_container .anwendung .text h4{margin-bottom:10px;font-weight:600;} .anwendungen .inside .list_container .anwendung .text h2{font-size:1.4rem;} .anwendungen .inside .list_container .anwendung .text h3{font-size:1.2.5rem;} .anwendungen .inside .list_container .anwendung .text h4{font-size:1.1rem;} .anwendungen .inside .list_container .anwendung .text ul {margin: 5px 0;} .anwendungen .inside .list_container .anwendung .text ul li {line-height: 120%;padding-bottom: 6px;padding-left:20px;position: relative;} .anwendungen .inside .list_container .anwendung .text ul li:before {content:"●";display:block;width:10px;height:10px;position: absolute;left:0;} .anwendungen .inside .list_container .anwendung .time_price_container{width:50%;} .anwendungen .inside .list_container .anwendung .time_price, .anwendungen .inside .list_container .anwendung .time_price_zwei{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;} .anwendungen .inside .list_container .anwendung .title{width:50%;} .anwendungen .inside .list_container .anwendung .title .neu{background-color: #ffffff;padding: 0 10px;color:#af8a3c;text-transform: uppercase;} .anwendungen .inside .list_container .anwendung .title{font-size:1.5rem;} .anwendungen .inside .list_container .anwendung .time{width:50%;text-align: right;} .anwendungen .inside .list_container .anwendung .price{width:50%;text-align: right;} .anwendungen .inside .list_container .anwendung a.booking{border:1px solid #3a3a3a;padding:10px;color:#3a3a3a;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; margin-top:20px;} .anwendungen .inside .list_container .anwendung a.booking:hover{background-color:#3a3a3a;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;color:#ffffff;} .anwendungen .inside .list_container .anwendung p{width:100%;margin-bottom:30px;} .anwendungen .inside .list_container .anwendung p:last-child{margin-bottom:0;} .anwendungen .inside .info {width:100%;margin-top:20px;} /* FAQ */ .mod_faqpage{width:100%;} .mod_faqpage .ce_accordion .toggler h2{margin:0;font-size: 1.6rem;} .mod_faqpage .ce_accordion .accordion .ce_text p{width:100%;display:block; text-align: center;} .mod_faqpage .ce_accordion .accordion .ce_text p:last-child{margin-bottom:0;} .mod_faqpage .ce_accordion .accordion > div{-ms-flex-wrap:wrap;flex-wrap:wrap;text-align: left;} /* BROWSERSPEZIFISCH */ .edge .audiojs, .ie .audiojs {display: none;} .firefox #menu .inside .mod_navigation ul.level_1 > li, .edge #menu .inside .mod_navigation ul.level_1 > li {margin-bottom: 12px;} /* PROTEL */ .booking-startblock {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .booking-startblock .b-hello {background-color: #af8a3c; color: #fff; padding: 50px; text-align: center; width: calc(50% - 10px);} .booking-startblock .b-hello h2 {text-align: center !important;} .booking-startblock .b-hello .category + .category {margin-top: 25px;} .booking-endblock .booking-picture {width: 100%; margin-top: 20px;} .booking-endblock .booking-picture img{width: 100%; height: auto;} #my-booking-questions .ce_form form .formbody .widget-divider {display: block; height: 20px; background-color: #3a3a3a; margin-left: -35px; margin-right: -35px; margin-bottom: 20px;} #my-booking-questions .ce_form form .formbody .widget-infotext {display: block; background-color: #3a3a3a; padding: 20px 15px 20px 70px; text-align: left;} #my-booking-questions .ce_form form .formbody .widget-infotext::before {content: ''; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 40px; width: 40px; background-image: url('/files/bwh/src/img/icons/info.png'); background-size: contain;} #my-booking-questions .ce_form form .formbody .widget-infotext p { margin-bottom: 0!important; } #my-booking-questions .ce_form form .formbody .widget label {color: #fff !important;} #my-booking-questions .ce_form form .formbody .widget-radio span label {float: none;} #my-booking-questions .ce_form form .formbody .widget-explanation {font-size: 1rem;} #my-booking-questions .ce_form form .formbody .widget, .ce_form form .formbody .submit_container {float: none;} #my-booking-questions .ce_form form legend, #my-booking-questions .ce_form form legend span {font-size: 18px; font-weight: bold} .b-data {background-color: #af8a3c; color: #fff; padding: 50px; text-align: center; margin-top: 20px;} #bookingData #bookingAddress {background-color: #af8a3c; color: #fff; padding: 50px; margin-right: 20px; margin-bottom: 20px;} #bookingData #bookingAddress h2:before {content: ''; width: 30px; height: 30px; margin-right: 20px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_address.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookingData #bookingDatas {background-color: #af8a3c; color: #fff; padding: 50px; margin-left: 20px; margin-bottom: 20px;} #bookingData #bookingDatas h2:before {content: ''; width: 40px; height: 26px; margin-right: 20px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_data.svg"); background-size: cover; background-repeat: no-repeat; background-position: center;} #bookingData #bookedRooms {background-color: #af8a3c; color: #fff; padding: 50px; margin-right: 20px; margin-top: 20px;} #bookingData #bookedRooms h2:before {content: ''; width: 30px; height: 30px; margin-right: 20px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_room.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookingData #bookedTreatments {background-color: #af8a3c; color: #fff; padding: 50px; margin-left: 20px; margin-top: 20px;} #bookingData #bookedTreatments h2:before {content: ''; width: 30px; height: 30px; margin-right: 20px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_treatment.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookingData #bookedRooms + .booking-picture-status {margin-left: 20px;} #bookingData #bookedTreatments + .booking-picture-status {grid-column: 1 / span 2;} #bookedRooms .icon-arrival:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/arrow_right.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookedRooms .icon-departure:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/arrow_left.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookedRooms .icon-price:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_money.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookedRooms .icon-adults:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_person.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookedTreatments .icon-guest:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_person.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookedTreatments .icon-date:before {content: ''; width: 10px; height: 10px; margin-right: 10px; display: inline-block; position: relative; background-image: url("../../files/bwh/src/img/icons/icon_date.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;} #bookingData .my-room-info {color: #fff;} #myBookingData h1 { margin-top: 25px } #myBookingData #myBookingDataInside {background-color: #af8a3c; color: #fff; padding: 50px; text-align: center;} #myBookingData #myBookingDataInside ul {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 50px; margin-bottom: 0;} #myBookingData #myBookingDataInside ul li {width: 100%; max-width: 33.33%;} #myBookingData #myBookingDataInside ul li a {display: inline-block;} #my-booking .widget-explanation {opacity: 1; margin: 0;} #my-booking .widget-explanation p {margin: 0;} #my-booking #info {margin: 20px 0 30px; text-align: center;} #my-booking #info h2 {text-align: center !important;} @media only screen and (max-width: 992px) { #bookingData #bookingAddress, #bookingData #bookingDatas, #bookingData #bookedRooms, #bookingData #bookedTreatments {margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;} #myBookingData #myBookingDataInside ul li {max-width: none;} } /* Browserupdate Styling */ .buorg .buorg-pad { color: #fff; background-color: #cd0000; } .buorg .buorg-buttons #buorgul { background-color: #fff; color: #000 } .buorg .buorg-buttons #buorgig { background-color: #cd0000; color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; } /* Tippy Help Icon */ .tippy-help img { height: 1rem; } .tippy-content p { margin-bottom: 5px; } .tippy-content p:last-child { margin-bottom: 0; } /* Ausgebucht Banner - Ausbildungsberufe Kacheln */ .full-banner:before{ content:"ausgebucht"; position:absolute; } /* Popup Close on outer click */ .close-outer{position:absolute;width:100%;height:100%;z-index:3 !important;cursor: default !important;} .inside-popup{z-index:10;} /* Bootstrap Styles */ .d-flex {display:flex} .justify-content-center {justify-content: center} .align-items-center {align-items: center} .m-auto {margin: auto} .image-center figure { display: flex !important; justify-content: center; } .mod_article.websline .article_inside { display: block; } /*######WEBSLINE #### */ #wlApiWidgetTarget2 { width: 100%; margin-bottom: 65px; } #wlApiWidgetTarget1 h3{ font-size: 25px; } .anfrageformular .btn-secondary { background: none; color: #ffffff; border: solid 1px #fff; margin-top: 25px; display: inline-block; padding: 15px 25px; font-weight: 600; transition: all .3s ease; } .anfrageformular .btn-secondary:hover { background: #fff; color: #232323; border: solid 1px #fff; margin-top: 25px; display: inline-block; padding: 15px 25px; font-weight: 600; text-decoration: none; } /*######WEBSLINE Ende#### */ /*######Countdown Geburtstag#### */ .coming-soon {width: 100%; max-width: 500px; text-align: center;margin: auto; padding: 25px 0;} .countdown { display: flex; flex-wrap: wrap; justify-content: space-between; } .countdown__container { padding: 15px; border: solid 2px #af8a3c; border-radius: 8px; width: 100%; background-color: #232323; margin-bottom: 15px; } .countdown__container h3 { font-size: 2rem; font-weight: 600; margin-bottom: 5px; } @media screen and (min-width: 576px) { .countdown__container { width: 24%; margin-bottom: 0 } } /*######Countdown Geburtstag Ende#### */ /*No Background Color */ .no-bg-color .text_inside { background-color: transparent !important; } .no-bg-color h1, .no-bg-color h2, .no-bg-color h3{ background-color: transparent !important; padding-bottom: 30px; border-bottom: 1px solid #fff; } /*Startseite Jetzt buchen CTA */ .booking_cta { position: absolute; display: none; right: 0; } @media screen and (min-width: 768px) { .booking_cta { display: flex; } } .booking_cta .btn-start-cta { border: solid 1px #fff; color: #fff; /*background: rgba(255,255,255,.4);*/ background: #E36C24; padding: 10px 15px; text-transform: uppercase; transition: background .3s ease; } .booking_cta .btn-start-cta:hover { border: solid 1px #fff; color: #fff; /*background: rgba(255,255,255,.4);*/ background: #b5551b; padding: 10px 15px; text-transform: uppercase; transition: background .3s ease; } .start #navicon .nav_trigger { height: 6.5rem !important; } #intro .article_inside #navicon .nav_trigger .triggerinside { bottom: 0; } #intro .article_inside #navicon { top: 90px; } /*Ende */ /*Sykenet Accessability Trigger */ body .accessibility-trigger.aioa_custom_position button { right: 10px; bottom: 65px; } @media screen and (min-width: 600px) { body .accessibility-trigger.aioa_custom_position button { right: 20px ; bottom: 75px; } } /*Cookiebot Fix Switch Buttons */ .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type="checkbox"]{ visibility: visible !important; } /*End */ .saisonal-button { stroke: #fff !important; } .saisonal-button path{ fill: #fff !important; } .saisonal-button { transform-origin: center center; } .saisonal-button svg { overflow: visible; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotate { animation: rotation 15s infinite linear; transform-origin: center center; } @media only screen and (max-width: 767px){ .saisonal-button { max-width: 150px; height: 150px; }} @media only screen and (max-height: 600px){ .saisonal-button { display: none; }} @media only screen and (max-width: 1200px){ .saisonal-button { right: 50px; } } @media only screen and (max-width: 500px){ .saisonal-button { right: 20px; }} @media print { .nop{display:none;} } @media only screen and (max-width: 1500px) { #menu .inside #menudiv .menuheader {right: 0;} #menu .inside .mod_navigation {padding-right: 30px;} } @media only screen and (max-width: 1250px) { #menu .inside .mod_navigation ul.level_1 > li > a, #menu .inside .mod_navigation ul.level_1 > li > span {font-size: 25px; min-height: 40px; line-height: 25px;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul {gap: 20px;} } @media only screen and (max-width: 1200px) { #intro .article_inside #searchicon {padding-left: 60px;} #intro .article_inside #navicon {padding-right: 70px;} #stoerer.left {left: 20px;} #stoerer.right {right: 20px;} .content .mod_newscategories .level_1>li {width: calc(25% - 1rem) !important;} .ce_image.covid-closed.sc3 .image_container:before {display: none;} .ce_image.covid-closed.sc3 .image_container:after {top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); bottom: initial;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { /* HEADER - NAVIGATION - MMENÜ */ #open_mobile_navigation {display: block;} #offcanvas{visibility: visible} /* HEADER - NAVIGATION */ .mod_navigation{display:none;} /* CE BOXEN */ .ce_rsce_boxen .box_item .box_inside p{max-height:200px;} } @media only screen and (max-width: 992px){ /* NEW MENU */ #menu .inside .mod_navigation ul.level_1 {overflow-x: scroll; padding: 60px 30px 80px; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} #search, #menu {padding: 0;} #menu .inside .mod_navigation ul.level_1 > li {width: auto; min-width: 250px; height: calc(100% - 20px);} #menu .inside #menudiv .menuheader {right: 20px; top: 20px;} #menu .inside .mod_navigation {padding-right: 0;} #menu .inside .mod_navigation ul.level_1 > li.angebote {height: calc(100% - 20px); background-color: #252525; border-top: 10px solid #800000; gap: 0; width: auto; min-width: 250px; display: block;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul {width: auto; display: block; gap: 0;} #menu .inside .mod_navigation ul.level_1 > li.angebote ul a.buchen-button {margin-top: 15px;} .menuscroll {position: absolute;bottom: 0;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 20px;padding-bottom: 25px;} .menuscroll img {max-width: 30px;} .ce_rsce_category .menuscroll {position: relative; padding-top: 25px;} } /* FORMS */ .ce_form .anfrage_buchung{width:100%;} .ce_form .anfrage_buchung, .ce_form .kontakt{width:100%;} /* AUSLASTUNG */ .auslastung .inside .date_container, .auslastung .inside .day_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .auslastung .inside .date_box, .auslastung .inside .day{width:11.42%;} .auslastung .inside .date_box, .auslastung .inside .day{display:-webkit-box;display:-ms-flexbox;display:flex} .ce_downloads .download {width: 80%;} /* TIMELINE */ .ce_timeline .timeline ul li div{width:320px} .ce_timeline .timeline ul li:nth-child(even) div{left:-359px} @media only screen and (max-height: 850px) { #menu .inside #menudiv .menuheader span {font-size:50px;} #menu .inside #menudiv .menuheader a.closemenu {height:40px;width:40px;} } @media only screen and (max-height: 790px) { #menu .inside .mod_navigation ul.level_1 > li {min-height:270px;} #menu .inside .mod_navigation ul.level_1 > li.angebote {min-height: 0;} } @media only screen and (max-height: 750px) { #menu .inside .mod_navigation ul.level_1 > li {min-height:270px;} #menu .inside .mod_navigation ul.level_1 > li.angebote {min-height: 0;} #menu .inside #menudiv .menuheader span {display:none;} /* #menu .inside #menudiv .menuheader {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; padding-bottom: 50px; padding-right: 20px;} */ .navigation-quick {display: none;} } @media only screen and (max-height: 600px) { body, html {overflow: visible !important; height: initial !important} #stoerer {display: none;} } @media only screen and (max-height: 750px)and (orientation: portrait) { #menu {padding: 0;} #menu .inside {border: none;} /* #menu .inside .mod_navigation ul.level_1 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;overflow-x: scroll;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%) } */ /* #menu .inside .mod_navigation {height:280px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} */ /* #menu .inside .mod_navigation ul.level_1 > li {-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1;min-width:250px;margin-right:10px;} */ /* .menuscroll {display:block;width:140px;margin:0 auto;text-align: center;margin-top:50px;padding-top:30px;} .menuscroll img {display:inline-block;max-width:35px;} .menuscroll span {display:block;} */ #menu .inside #menudiv .menuheader a.closemenu img, #menu .inside #menudiv .menuheader a.home img{max-width: 30px;} } @media only screen and (max-width: 767px) { html{font-size:16px} .sign_up_popup {display:none !important;} .drei-cookie-banner {left: 1rem;right: 1rem;bottom: 2.5rem;max-width: calc(100% - 2rem);} .drei-cookie-banner .drei-cookie-banner-button {max-width: 100%;width: calc(50% - 1rem);text-align: center;} .ce_rsce_category .menuscroll {display:block;width:140px;margin:0 auto;text-align: center;padding:30px 0;} .ce_rsce_category .menuscroll img {display:inline-block;max-width:35px;} .ce_rsce_category .menuscroll span {display:block;} .ce_rsce_youtube .inside img.playicon {width: 100px; height: 100px;} .article_inside .publitas-container-bwh {padding: 10px;} .content .mod_newscategories .level_1>li {width: calc(33.333% - 1rem) !important;} .ce_image.covid-closed.sc3 .image_container:before {display: block;} .ce_image.covid-closed .image_container:before {width: 200px; height: 200px; top: 10%;} .ce_image.covid-closed.sc3 .image_container:after {top: initial; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10%;} /* INTRO */ .start .mod_article.article_img.hero .article_inside .ce_image {padding: 0 70px;} .start #audio-player-im-kopfbereich {bottom: 20px;} #intro .article_inside #navicon {bottom: 120px; top: inherit; padding: 0;} #intro .article_inside #navicon .nav_trigger {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #intro .article_inside #navicon .nav_trigger .triggerinside {right: inherit; top: inherit; bottom: 0} #intro .article_inside #searchicon {bottom: 155px; top: inherit; padding: 0;} #intro .article_inside #searchicon .search_trigger {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #intro .article_inside #searchicon .search_trigger .triggerinside {right: inherit; top: inherit; bottom: 0;left: inherit} .start .mod_article.article_img.hero .article_inside .hero-wrap ul.slick-dots {bottom: 75px;} .audiojs {bottom: 65px;} .start .infolink.corona {bottom: 40px; font-size: 13px; width: 100%;} .start .infolink.inzidenz {bottom: 0; font-size: 13px; width: 100%;} .safari #intro .article_inside #navicon .nav_trigger .triggerinside {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0;} .ce_downloads .download {width: 100%; padding: 15px 0;} .ce_downloads .download .download_inside a {font-size: 1rem; padding-right: 40px;} .accordion-container {margin-left: 0; margin-right: 0; display: block;} .ce_accordion.icon {width: 100%; margin: 15px 0;} /* HEADER */ .logo {min-width:250px;width:auto;float:none;margin:0 auto;} #header .mod_article {display:none;} #header .inside {padding:10px 15px;} .header_section {width:100%;float:none;margin:0 auto;} .header_section .nav_sub {text-align: center;-webkit-box-pack: center;-ms-flex-pack: end;justify-content: center;} .header_section .nav_trigger {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;width: 100%;cursor: pointer;margin-top: 25px;} .homeicon {display: none;} #header .inside #searchicon {display: none;} #search {display:none;} /* MAIN ARTIKEL */ .start #artikel{margin-top:0;padding:40px 0 0;} .start .mod_article.article_img.first{height:100vh;} .start .mod_article.article_img.first .article_inside{padding:15px 35px;} .start .mod_article.article_img.first .article_inside .ce_image{margin-top:20px;} /* MAIN - GALERIE */ .ce_gallery ul.cols_2 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_6 li, .ce_gallery ul.cols_7 li, .ce_gallery ul.cols_8 li, .ce_gallery ul.cols_9 li, .ce_gallery ul.cols_10 li, .ce_gallery ul.cols_11 li, .ce_gallery ul.cols_12 li {width: 50%;} /* STÖRER */ #stoerer img {max-width: 150px; height: 150px;} /* MAIN - TEXT ELEMENTE */ .ce_text.with_picturee .image_container{display:inline-block;width:100%;} .ce_text.with_picture .image_container img{display:block;max-width:100%;height:auto;} .ce_text.with_picture .image_container.float_left, .ce_text.with_picture .image_container.float_above, .ce_text.with_picture .image_container.float_right, .ce_text.with_picture .image_container.float_below{width:100%;margin:0 0 50px;} .ce_text.with_picture .image_container.float_above{margin:0 0 50px;} .ce_text.with_picture .image_container.float_below{margin:50px 0 0;} /* MAIN - TEXT ELEMENTE CUSTOME*/ .mod_article .ce_text .content_inside {padding:15px;max-width: 100%;} /* MENÜ */ #menu .inside .mod_navigation ul.level_1 > li {width:49%;} /* TEAM */ .ce_rsce_team .team_inside .mitarbeiter {width: 50%;} .mod_article .ce_text h2:before, .mod_article .ce_text h3:before, .mod_article .ce_text h4:before, .mod_article .ce_text h2:after, .mod_article .ce_text h3:after, .mod_article .ce_text h4:after{display:none;} /* SIMPLE COLUMNS */ .sc{padding:0;} .sc2, .sc3, .sc3-2, .sc4, .sc4-2, .sc4-3, .sc5, .sc5-2, .sc5-3, .sc5-4{width:100%!important;} .sc-container .sc-first {padding-left: 0;} .sc-container .sc-last {padding-right: 0;} .sc-container .sc-inside .sc {padding: 0 15px;} /* STARTSEITE */ #artikel-parallax .ce_image{position: relative;right:0;margin:0;} /* STARTSEITE SEO */ .ce_text.seo.desktop {display: none;} .ce_text.seo.mobile {display: block;} .ce_accordion.seo.mobile {display: block;} /* DOG TEXT */ .ce_text.text-dog + .ce_text.text-booking, .ce_text.text-dog {width: 100%;} .ce_text.text-booking .text_inside .content_inside * {max-width: none; width: 100%;} /* TIMELINE */ .ce_timeline .timeline ul li{margin-left:20px} .ce_timeline .timeline ul li div{width:calc(100vw - 91px)} .ce_timeline .timeline ul li:nth-child(even) div{left:45px} .ce_timeline .timeline ul li:nth-child(even) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #af8a3c transparent transparent} /* CE CATEGORY */ .ce_rsce_category .category_wrapper{overflow-x:scroll;} .ce_rsce_category .category_wrapper .list_container {display: table;} .ce_rsce_category .category_wrapper .category_container{display: table-cell;min-width: 140px;float:none;} /* CE BOXEN */ .ce_rsce_boxen .box_item.big{width: 100%;margin-right:0;margin-left:0;} .ce_rsce_boxen .box_item.big.even{margin-left:0;} .ce_rsce_boxen .box_item.small{width:100%; } .ce_rsce_boxen .box_item.big .box_inside h3{font-size: 2rem;} .ce_rsce_boxen .box_item .box_image:before { background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(23%, rgba(0,0,0,0.3)),color-stop(33%, rgba(0,0,0,0.43)),color-stop(61%, rgba(0,0,0,0.8)),to(rgba(0,0,0,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 );} /* NEWS */ .mod_newslist .layout_latest{width: 100%;margin-right:0;margin-left:0;} .mod_newslist .layout_latest.even{margin-right:0;} .mod_newslist .layout_latest .news_inside h2{font-size: 2rem;} .mod_newslist .layout_latest .news_image:before { background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(23%, rgba(0,0,0,0.3)),color-stop(33%, rgba(0,0,0,0.43)),color-stop(61%, rgba(0,0,0,0.8)),to(rgba(0,0,0,0.93))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 23%,rgba(0,0,0,0.43) 33%,rgba(0,0,0,0.8) 61%,rgba(0,0,0,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 );} /* SUCCESS STORIES */ .mod_successstories_all .story_box .content.pic {width:100%;} .mod_successstories_all .story_box .image_container{width:100%;} .mod_successstories_all .story_box .image_container img{max-width:70%;margin:0 auto;} /* TABELLEN */ .ce_table table, .trailrunwoche .ce_table table {width:100%;} .trailrunwoche .ce_table table .row_0 td.col_1 {min-width: auto;} .trailrunwoche .ce_table table .row_0 td.col_2 {min-width: auto; text-align: left;} /* FORMS */ .ce_form form .formbody .widget, .ce_form form .formbody .widget.w50, .ce_form form .formbody .widget.w66, .ce_form form .formbody .widget.w33, .ce_form form .formbody .widget.w33.full .w33, .ce_form form .formbody .widget.w50.full .w50 {width:100%;} .ce_form form .formbody .widget-radio .radio_container > span {width: 100%;display: inline-block;margin: 0 0 15px;} .ce_form form .formbody .submit_container label {width:100%;} /* INSTAFEED */ .instafeed .inside > a {width:50%;} /* AUSLASTUNG*/ .auslastung {background-color:transparent;} .auslastung .inside .date_container{display:none;} .auslastung .inside .day_container{width:100%;margin-bottom:25px;border:none;background-color:#af8a3c} .auslastung .inside .day_container .day.first{width:100%;background-color:rgba(170, 132, 53, 0.74);color:#ffffff;font-size:1.3rem;border-right:0;border-left:0;border-bottom:0;} .auslastung .inside .day_container .day{width:100%;border:1px solid #3a3a3a;border-top:none;border-right:none;border-left:none} .auslastung .inside .day_container .day:before{content:attr(data-date);padding-right:10px;width: 30%;padding:5px;} .auslastung .inside .day .auslastung_status{display:block;} .auslastung .auslastung_status:before{display:none;} .auslastung .auslastung_status{visibility:visible;} .auslastung .day:hover .auslastung_status, .auslastung .day .auslastung_status{color:#ffffff!Important} .auslastung .free .auslastung_status, .auslastung .free .auslastung_status{background-color:#5dbc34;} .auslastung .medium .auslastung_status{background-color:rgb(255, 169, 0);} .auslastung .full .auslastung_status{background-color:#ec463b;} .auslastung .inside .day:hover{background-color:transparent;} /* BAYERWALDHOF PLAYLISTS */ #naturadies-bayerwaldhof-playlists .ce_text, #naturadies-bayerwaldhof-playlists .ce_image {width: 100%;} #naturadies-bayerwaldhof-playlists .ce_image.cover-one {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin-bottom: 0;} #naturadies-bayerwaldhof-playlists .ce_text.text-one {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; margin-top: 0;} #naturadies-bayerwaldhof-playlists .ce_image.cover-two {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; margin-bottom: 0;} #naturadies-bayerwaldhof-playlists .ce_text.text-two {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4; margin-top: 0;} #naturadies-bayerwaldhof-playlists .ce_image.cover-three {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5; margin-bottom: 0;} #naturadies-bayerwaldhof-playlists .ce_text.text-three {-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6; margin-top: 0;} /* ANWENDUNGEN */ .anwendungen .inside .list_container .anwendung .time_price_container {width:100%;margin-top:10px;} .anwendungen .inside .list_container .anwendung .title{width:100%;} .anwendungen .inside .list_container .anwendung.anwendung_neu .title{width:100%;margin-bottom:15px;margin-top:60px;} .anwendungen .inside .list_container .anwendung.anwendung_neu .title span.neu{position: absolute;top:30px;} .anwendungen .inside .list_container .anwendung .time{width:100%;text-align: left;margin-bottom:5px;} .anwendungen .inside .list_container .anwendung .price{width:100%;text-align: left;} /* FOOTER */ #footer{padding:0;} #footer .mod_article{padding:0;} #footer .inside .logo .image_container{margin-bottom:0;} /* FOOTER - CHANGELANGUAGE */ #footer .mod_changelanguage {width: 100%;margin-right:0;margin-bottom:25px;} /* FOOTER - WEATHER */ #footer .weather {margin-bottom:25px; margin-left: 0; margin-right: 0;width: 100%} /* FOOTER - BEWERTUNGEN */ #footer .bewertungen {margin-bottom:25px; margin-left: 0; margin-right: 0; width: 100%} /* FOOTER - SOCIALS */ #footer .socials {width:100%;margin-left:0px;margin-bottom:25px;} } @media only screen and (max-width: 544px) { h1 {font-size: 2.1rem;} h2 {font-size: 1.9rem;} .navigation-quick {display: none;} .ce_rsce_team .team_inside .mitarbeiter {width: 100%;} .drei-cookie-banner .drei-cookie-banner-button {width: calc(100% - 1rem);} .ce_accordion.icon .toggler:before {width: 50px; height: 50px;} .mod_article.youtube-video .article_inside, .mod_article.naturadies-plan .article_inside {padding: 30px;} .ce_rsce_youtube .inside img.playicon {width: 50px; height: 50px;} .content .mod_newscategories .level_1>li {width: calc(50% - 1rem) !important;} .ce_image.covid-closed .image_container:before {width: 150px; height: 150px; top: 10%;} #menu .inside .mod_navigation ul.level_1 > li {width:100%;} .header_section .nav_sub .mod_customnav li.last {padding-right: 15px; margin-top: 20px;} .booking-startblock .b-hello { padding: 50px; text-align: center; width: 100%;} .countdown .countdown-time .time {background: #af8a3c;padding: 0 5px;} #my-booking .countdown:before{content:""; width:80%; height:2px; background-color:#fff; top:calc(50% + 8px); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; position: absolute; z-index:1;} #my-booking .countdown {position: relative;} #my-booking .countdown .countdown-time{z-index:2; padding: 0 10px;} #my-booking .countdown .countdown-time .text {font-size: 12px !important;} #my-booking h2 {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} #my-booking p.error {width: 100%;} #bookingData span {width: 100%;} #bookingData li {padding: 3px 0;} } @media only screen and (max-width: 450px) { .content .mod_newscategories .level_1>li {width: 100% !important;} .ce_image.covid-closed .image_container:before {width: 100px; height: 100px; top: 10%;} .ce_image.covid-closed .image_container:after {bottom: 10%;} .content .mod_newscategories a, .content .mod_newscategories span { word-break: break-word; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: unset; -ms-flex-direction: unset; flex-direction: unset; } .content .mod_newscategories a:before, .content .mod_newscategories span:before { width: 30px; height: 30px; margin: 0 20px 0 0; } } @media only screen and (max-width: 320px) { #menu .inside .mod_navigation ul.level_1 > li > a, #menu .inside .mod_navigation ul.level_1 > li > span {font-size: 30px;} .menuscroll {display: none;} } #multilangContainer { position: relative; margin-top: .5rem; height: 2rem; width: 100%; } #multilangFlags { position: absolute; z-index: 5; } .start #multilangFlags { right: 1.2rem; top: 0; } .start #navicon .nav_trigger { height: 2.7rem; } .content #multilangFlags { right: 470px; top: 52px; } @media only screen and (min-width: 768px) { .content #multilangContainer { position: inherit; margin-top: 0; height: 0; width: auto; } } @media only screen and (max-width: 767px) { .start #multilangFlags, .content #multilangFlags { right: inherit; top : 0; left: 50%; transform: translateX(-50%); } } /* HEARTQUEST */ .mod_article.heart-quest {margin-top: 80px; background-image: url("../../files/bwh/upload/seitenbilder/video-background-bayerwaldhof.jpg") !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-attachment: fixed !important; padding: 0; padding:80px 0; position: relative;} .mod_article.heart-quest .ce_text .text_inside, .mod_article.heart-quest .ce_text .text_inside h2{ background: none; } .heart-quest:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 325px; width: 100%; background: linear-gradient(180deg, rgba(58,58,59,1) 0%, rgba(58,58,59,0.8547794117647058) 29%, rgba(58,58,59,0) 100%); } .heart-quest div.surround polygon { fill: #8A6A37; } .heart-quest div.surround.separate polygon { fill: #af8a3c; } .heart-quest .ce_text h2 { margin-bottom: 10px !important; } .heart-quest div.surround { position: relative; height: auto; width:100%; display: flex; justify-content: center; } .heart-quest svg { max-width: 600px; width: 100%; } .heart-quest .ce_headline { margin-bottom: 40px; } .heart-quest polygon { transition: all .2s linear; } .heart-quest .separate #poly-bottom, .separate #poly_tl, .separate #poly_tr { stroke-width: 1; stroke: white; cursor: pointer; } .heart-quest .separate #poly_tl:hover, .separate #poly_tr:hover, .separate #poly-bottom:hover { fill: #8A6A37; stroke-width: 1; } .heart-quest .separate #poly_tl { transform: translate(-10px, 0); } .heart-quest .separate #poly_tr { transform: translate(10px, 0); } .heart-quest .separate #poly-bottom { transform: translate(0, 10px); } .heart-quest .pe_none { pointer-events: none; } .heart-quest .cls-1, .cls-2 { fill: #fff; } .heart-quest .cls-3 { letter-spacing: -.04em; } .heart-quest .cls-4 { letter-spacing: 0em; } .heart-quest .cls-2 { font-family: SourceSansPro-Regular, 'Source Sans Pro'; font-size: 16.05px; } .heart-quest cls-5 { fill: #af8a3c; } .heart-quest .cls-6 { letter-spacing: -.05em; } .heart-quest #surrounding { transition: all 0s ease; transition-delay: .2s; } .heart-quest .separate #surrounding { opacity: 0; transition: all 0s linear; transition-delay: 0s; } .heart-quest text, path { transition: opacity .25s ease; } .heart-quest text.center { font-size: 1.7rem; opacity: 1; } .heart-quest text, .heart-quest path { opacity: 0; } .heart-quest .separate text, .heart-quest .separate path { opacity: 1; } .heart-quest .separate text.center { opacity: 0; } .heartbreak .btn { color: #fff; border: solid 1px #fff; padding: 5px 10px; font-size: 14px; text-transform: uppercase; transition: all .3s ease; } .heartbreak .btn:hover { background: #fff; color: #4b4b4b; } .heartbreak.separate .linkbutton, .heartbreak.separate .link_center { display: none; } .heartbreak .link_center a { stroke: none; fill: white; } .heartbreak polygon { transition: all .2s linear; } .heartbreak.separate #poly-bottom, .heartbreak.separate #poly_tl, .heartbreak.separate #poly_tr { stroke-width: 1; stroke: white; } .heartbreak.surround.separate foreignObject {display: none} .heartbreak.surround:not(.separate) .link_center { display: flex; justify-content: center; align-items: center; height: 100%; } .heartbreak.separate #poly_tl { transform: translate(-10px, 0); } .heartbreak.separate #poly_tr { transform: translate(10px, 0); } .heartbreak.separate #poly-bottom { transform: translate(0, 10px); } .heartbreak .pe_none { pointer-events: none; } .heartbreak .cls-1, .heartbreak .cls-2 { fill: #fff; } .heartbreak .cls-3 { letter-spacing: -.04em; } .heartbreak .cls-4 { letter-spacing: 0em; } .heartbreak .cls-2 { font-family: SourceSansPro-Regular, 'Source Sans Pro'; font-size: 16.05px; } .heartbreak .cls-5 { fill: #af8a3c; } .heartbreak .cls-6 { letter-spacing: -.05em; } .heartbreak text, .heartbreak path { transition: opacity .25s ease; opacity: 0; } .heartbreak.separate text, .heartbreak.separate path { opacity: 1; } .heartbreak text.center { font-size: 1.7rem; opacity: 1; } .heartbreak.separate text.center { opacity: 0; } .heartbreak #surrounding { transition: all 0s ease; transition-delay: .2s; } .heartbreak.separate #surrounding { opacity: 0; transition: all 0s linear; transition-delay: 0s; } .heart-quest .icon-holder { width: 35px; display: inline-block; margin: 10px; } .heart-quest .icon-holder svg { width: 100%; max-width: 100%; } .heart-quest .icon-holder path { opacity: 1; } .heart-quest .icon-holder [class*=cls-1], .heart-quest .icon-holder [class*=cls-2] { fill: none; stroke-miterlimit: 10; stroke-width: 2px; } .heart-quest .icon-holder [class*=cls-1] { stroke: #fff; } .heart-quest .icon-holder [class*=cls-2] { stroke: #fff; } .heart-quest .hint { display: flex; justify-content: center; align-items: center; width: 100%; } .heart-quest .icon-holder .tap_cls-2 { animation: p_fadeOutTop 1s ease-out 0s infinite; } @keyframes p_fadeOutTop { 0% { opacity: 0; transform: translateY(0); } 10%, 70% { opacity: 1; } 100% { opacity: 0; transform: translateY(-20%); } } /* HEARTQUEST END */ .legacy.img-max-100 img{max-width:100%;height:auto}.legacy.family-article h2{padding-bottom:30px;text-align:center;border-bottom:1px solid #fff}.legacy.family-article.content-text{text-align:center}.legacy.family-article.content-image{width:100%;text-align:center}@media only screen and (min-width:993px){.legacy.seo-article .mobile{display:none !important}}.legacy.seo-article h2{padding-bottom:30px;text-align:center;border-bottom:1px solid #fff}.legacy.seo-article .content-text{padding:25px;max-width:80%;margin:0 auto;text-align:center;display:block;overflow:hidden}.legacy.seo-article a,.legacy.seo-article a:visited{color:#ccc}