/* Theme Name: Mastertheme Theme URI: http://www.schrofen-chalets.at/ Author: SIGN+DESIGN Werbeagentur Author URI: https://www.signunddesign.com/ Description: Wozu lange um den „heißen Brei“ reden: Unser Ziel ist Ihr Erfolg! Denn nur erfolgreiche Kunden sind auf Dauer glückliche Kunden. Und um Sie glücklich zu machen, richten wir unsere Energie auf Ihren stimmigen Auftritt und die Entwicklung zielführender Kommunikationsmaßnahmen. Werbung darf bei uns Spaß machen und ist trotzdem niemals Selbstzweck. Was zählt ist Ihr Erfolg! Die Früchte unserer Bemühungen: treue, langjährige Kunden und zahlreiche Weiterempfehlungen – mit ein Grund dafür, dass viele unserer Kunden aus dem Bereich Immobilien stammen. Und hier liegt auch seit über 20 Jahren ein Schwerpunkt unserer Arbeit. Version: 2.1 */@charset "UTF-8"; #bannerStandardBild, #bannerWinterBild { display: none; } [data-wpr-lazyrender].block { content-visibility: visible!important; } .pum-theme-1890 .pum-content, .pum-theme-cutting-edge .pum-content {text-align:center!important;} /* Wenn body-Klasse gesetzt ist, zeige das passende Bild */ body.saison-sommer #bannerStandardBild { display: block; } body.saison-winter #bannerWinterBild { display: block; } .pum-theme-1890 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close {font-family:var(--font-family)!important;font-weight:700!important} .page-id-1068 .textbild .text .btn {display:none;} .page-id-1068 .textbild a{cursor: inherit; z-index:-1; } .page-id-1068 .textbild a{cursor: inherit; z-index:-1; } .page-id-1068 .textbild .wrp:hover .bild img {transform:scale(1)} /* Standardmäßig alles verstecken */ .textbild.sommer, .textbild.winter, h2.sommer, h2.winter, .saisonbild.sommer, .saisonbild.winter, img.teaserbild.sommer, img.teaserbild.winter, .bildtrenner img.sommer, .bildtrenner img.winter{ display: none !important; } /* Zeige nur, was zur aktiven Saison passt */ html.saison-sommer .textbild.sommer, html.saison-sommer h2.sommer, html.saison-sommer .saisonbild.sommer, html.saison-sommer img.teaserbild.sommer, html.saison-sommer .bildtrenner img.sommer { display: block !important; } html.saison-winter .textbild.winter, html.saison-winter h2.winter, html.saison-winter .saisonbild.winter, html.saison-winter img.teaserbild.winter, html.saison-winter .bildtrenner img.winter { display: block !important; } /* Zeige ALLE Teaser im 'all' Modus */ html.saison-all .textbild.sommer, html.saison-all .textbild.winter, html.saison-all h2.sommer, html.saison-all h2.winter, html.saison-all .saisonbild.sommer, html.saison-all .page-id-1082 .saisonbild.winter, html.saison-all img.teaserbild.sommer, html.saison-all .bildtrenner img.sommer, html.saison-all .bildtrenner img.winter { display: block !important; } .glightbox-clean .gslide-desc {font-size:20px; font-weight:700;} .tabgrid {display:grid;grid-template-columns: 40% auto;margin:80px auto;max-width:1240px;gap:80px} .tab-menu {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;list-style: none;padding: 5px;margin: 0 0 20px 0;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);background: #eee;border-radius: 30px;} .tab-menu li {padding: 10px;cursor: pointer;border-bottom: none;font-size:18px;text-transform: uppercase;border-radius:30px;margin:0 10px 0 0;text-align: center;transition: var(--transition);} .tab-menu li.last {margin:0} .tab-menu li.active {background:var(--primary-color);color:#fff;transition: var(--transition);} .custom-tabs {overflow-y: scroll;height: 100%;} .tab-content {height:100%;overflow-y: scroll;box-sizing: border-box;padding-bottom:50px;} .tab-content .tab-item {display: none;overflow-y: scroll;} .tab-content .tab-item .grids {display:grid;grid-template-columns: 1fr 1fr;gap:50px;margin-top:20px;max-width:450px;} .tab-content .tab-item .grids.off,.tab-content .tab-item strong.off {display:none;} .tab-content .tab-item img{width:100%;} .tab-content .tab-item.active {display: block;padding: 20px;} .tab-content .tab-item strong {font-size:20px;} .block .wrp .hide .btn {text-transform: uppercase;display: inline-block;margin-right:15px;margin-top:30px;padding:0;background: var(--secondary-color);color: #fff;text-align: center;border-radius: 30px;transition: var(--transition);} .block .wrp .hide .btn:hover {background: var(--primary-color);transition: var(--transition);} .buttons-smart {display:none;} .block .wrp .hide .btn a {display:block;padding: 10px 30px;color:#fff;} .text-tab-content { display: none; } .text-tab-content.active { display: block; } /*Global Reset*/ .smartswitch {display:none;position:absolute;right:100px;top:23px;z-index:1;transition: var(--transition);} .scrolled .smartswitch {top:15px;transition: var(--transition);} .smartbuchung {display:grid;grid-template-columns: 1fr;gap:5px;position:fixed;bottom:-250px;right:50px;width:100%;margin:0;z-index:8;max-width: 150px;transition: var(--transition);} .scrolled .smartbuchung {bottom:50px;transition: var(--transition);} .smartbuchung .btn {cursor:pointer;filter:drop-shadow(0 -2px 4px rgba(0,0,0, 0.4));border-radius:30px;text-transform: uppercase;display: block;padding: 10px 30px;margin:0;background: var(--secondary-color);color: #fff;text-align: center;transition: var(--transition);} .smartbuchung .btn a {color:#fff;} .smartbuchungham {cursor:pointer} body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;} body,html{overflow: unset!important;width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} video {width:100%;height:100%;object-fit: cover} .fr-window-skin-fresco .fr-content-background {background:none!important} .fr-info {background: none!important;font-size: 20px!important;line-height: 28px!important;padding: 10px!important;} .fr-info-background {background:var(--primary-color)!important;} .fr-position-text {color: #fff!important;} .fr-ui-fullclick .fr-container {background: #000!important;} .fr-ui-outside .fr-info-background {background:none!important} .fr-info .fr-stroke-color {background:none!important} .hidden {display: none !important;} p {margin-bottom: var(--line-height);} p:last-child {margin-bottom: 0;} address {font-style: normal; color: var(--text-color);} address a {display: block;} ol, ul {margin-bottom: var(--line-height);} li {margin-left: 20px;} .stagebanner {aspect-ratio: 2 / .7;width: 100%;position: relative;margin-bottom:80px;min-height: 400px;} .stagebanner img {width: 100%;height: 100%;object-fit: cover;object-position: center;position:relative;} .never-scroll {overflow: hidden!important;height: 100%;} .scroll-no {overflow: hidden!important;height: 100%;} .no-scroll {overflow: hidden!important;height: 100%;} /* ########## Variables ########## */ * { --font-family: "fira-sans", sans-serif; --transition: .45s ease; --wrp-width: 1240px; --font-size: 18px; --line-height: calc(var(--font-size) * 1.8); --box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3); --border-radius: 15px; --primary-color:#3e4727; --secondary-color: #e84924; --text-color: #31371D; --back-teaser: #FEFCF0; } /* ########## Globals ########## */ html {scroll-behavior: smooth;} body {font-size: var(--font-size); font-family: var(--font-family), sans-serif; line-height: var(--line-height); color: var(--text-color);} img {-ms-interpolation-mode:bicubic; vertical-align: bottom;} svg {width: 100%; height: 100%;} hr {border:none;height:1px;background:#ddd; margin:0;} .wrp {max-width: var(--wrp-width); width: 90%; margin: 0 auto; position:relative; box-sizing:border-box;} /* Margins */ .mb {margin-bottom: 110px;} .mb50 {margin-bottom: 50px;} @media (max-width: 500px) { .mb {margin-bottom: 50px;} .mb50 {margin-bottom: 25px;} } /* Page Build */ main.withsidebar .page-build {display: grid; grid-template-columns: 70% 25%; align-items: flex-start; justify-content: space-between; max-width: var(--wrp-width); width: 90%; margin: 0 auto;} main.withsidebar .content .wrp {width: 100%;} @media (max-width: 1024px) { main.withsidebar .page-build {grid-template-columns: 100%;} main.withsidebar .page-build .sidebar {display: none;} } /* Typo Styles */ h1{margin:0 0 5px 0;font-size:20px;line-height: 30px;color:var(--primary-color);font-family:"din-1451-lt-pro", sans-serif;font-weight:400;text-transform: uppercase} h2{margin:0 0 50px 0;color:var(--text-color);font-size:35px;line-height:45px;font-family:"din-1451-lt-pro", sans-serif;font-weight:400;text-transform: uppercase} .single h2{line-height: 45px;} h3{margin:0 0 5px 0;font-size:20px;color:var(--primary-color);font-family:"din-1451-lt-pro", sans-serif;font-weight:400;text-transform: uppercase} div.wpforms-container-full.custom .wpforms-form h3{margin:0 0 5px 0;font-size:20px;color:var(--primary-color);font-family:"din-1451-lt-pro", sans-serif;font-weight:400;text-transform: uppercase} h4{margin:0 0 50px 0;color:var(--text-color);font-size:30px;font-family:"din-1451-lt-pro", sans-serif;font-weight:400;text-transform: uppercase} a {text-decoration: none; outline:none !important; color: var(--text-color); transition: var(--transition);} a:hover {color: var(--secondary-color); transition: var(--transition);} /* Standard Button */ .btn {text-transform: uppercase;display: inline-block;padding: 10px 30px;background: var(--primary-color);color: #fff;text-align: center;border-radius: 20px;transition: var(--transition);} .btn:hover {text-transform: uppercase;background: var(--secondary-color);color: #fff;transition: var(--transition);} /* ########## Mainnav ########## */ #mainnav ul.mainnav.smart {display:none;} #mainnav {display: block; transform: translate(0);} #mainnav ul.mainnav.desktop li {font-family:"din-1451-lt-pro", sans-serif;text-transform:uppercase;list-style-type: none; font-size: 20px; margin-left: 40px;} #mainnav ul.mainnav.desktop li:first-child {margin-left:0;} #mainnav ul.mainnav.desktop li a{display:block; color: var(--text-color); transition: var(--transition); padding: 35px 0;} #mainnav ul.mainnav.desktop li.menu-item-type-custom a{display:block; color: #fff; transition: var(--transition); padding: 5px 40px;box-sizing:border-box;background:var(--secondary-color);border-radius:20px} #mainnav ul.mainnav.desktop li.menu-item-type-custom a:hover{color: #fff;background:var(--primary-color);transition: var(--transition);} #mainnav ul.mainnav.desktop li a:hover, #mainnav ul.mainnav.desktop li.current-menu-item a{color: var(--primary-color); transition: var(--transition);} #mainnav ul.mainnav.desktop li.current-page-ancestor a{color: var(--primary-color); transition: var(--transition);} /* Submenu */ @media (min-width: 1025px){ #mainnav ul.mainnav.desktop {display: flex; align-items: center; margin: 0;} html.scrolled #mainnav ul.mainnav li a {padding: 15px 0; transition: var(--transition);} #mainnav ul.mainnav li.menu-item-has-children {position: relative;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu {position: absolute; top: 108px; left: 0; display: block; height: auto; max-height: 0; overflow: hidden;} .scrolled #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu {top: 69px;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li {width:285px; height: 100%;box-sizing:border-box;transition: 0.8s ease; background: rgba(255,255,255, 0.9); margin: 0 0 5px 0;} #mainnav ul.mainnav li.menu-item-has-children:hover > ul.sub-menu {max-height: 674px; padding: 0; overflow: visible; margin-top: -6px;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover {background: var(--primary-color);} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:hover a {color: #fff;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li a {color:var(--text-color);padding: 10px;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.current-menu-item a {color: #fff;background:var(--primary-color);transition: var(--transition);} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li:last-child {margin-bottom: 0;} /* Zweite Ebene */ #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {position: absolute; left: 100%; top: 6px; overflow: hidden;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {overflow: visible;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li {background: #f5f5f5;} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {color: var(--text-color);} #mainnav ul.mainnav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li:hover a {color: var(--primary-color);} /* Desktop ausblenden */ #mainnav .head, #mainnav address.contact, #mainnav ul.mainnav li.back {display: none;} } @media (max-width: 4500px) { /* Offcanvas */ #mainnav-smart ul.mainnav.smart {display:block;} #mainnav-smart {position: fixed; top: 0; right: 0; bottom: 0; background: rgba(254,252,240, 0.9); width: 100%; max-width: 850px; transform: translateX(100%); transition: var(--transition); box-shadow: var(--box-shadow); z-index: 2;} #mainnav-smart.active {transform: translateX(0); transition: var(--transition);} #mainnav-smart .head {display: grid;grid-template-columns: auto auto 55px; align-items: center; padding: 20px 20px 20px 0; box-sizing: border-box; box-shadow: 0 0 8px rgba(0,0,0,0.05);} #mainnav-smart .head p {margin: 0; font-size: 25px; color: var(--text-color);} #mainnav-smart .head .buttons {display: flex; justify-content: center;justify-self: end;} #mainnav-smart .head .buttons a {width: 50px; height: 50px; border-radius: 2px; background: var(--primary-color); margin-left: 5px; display: flex; align-items: center; justify-content: space-around; } #mainnav-smart .head .buttons a:first-child {margin-left: 0;} #mainnav-smart .head .buttons a svg {width: 25px; height: 25px;} #mainnav-smart .head .buttons a svg g path {stroke: #fff} /* Submenu */ #mainnav-smart ul.mainnav.smart {display: block;} #mainnav-smart ul.mainnav li {padding: 0; box-sizing: border-box; margin:0; border-bottom: 1px solid rgba(255,255,255, 0.5);background: none;list-style-type: none;} #mainnav-smart ul.mainnav li:hover {padding: 0; box-sizing: border-box; margin:0; background:none;list-style-type: none;} #mainnav-smart ul.mainnav li.current-menu-item a{background:var(--primary-color);list-style-type: none;} #mainnav-smart ul.mainnav li.current_page_ancestor a {background:var(--primary-color);} #mainnav-smart ul.mainnav li.menu-item-1117 {background: var(--secondary-color);font-weight: 700;color: #fff;list-style-type: none;position: absolute;top: 20px;right: 200px;text-align: center;border-radius: 30px;} #mainnav-smart ul.mainnav li a {padding: 10px 45px 10px 5%;display: block;text-transform: uppercase;font-size:20px;} #mainnav-smart ul.mainnav li:hover a {color:var(--text-color);} #mainnav-smart ul.mainnav li.current-menu-item a {color:#fff} #mainnav-smart ul.mainnav li.current_page_ancestor a {color:#fff;} #mainnav-smart ul.mainnav li.menu-item-1117 a {text-align:center;padding:8px 30px;color:#fff;} #mainnav-smart .opensubnav {cursor: pointer; width: 49px; height: 52px; position: absolute; right: 0; background:none; display: block; z-index: 100; box-sizing: border-box;} #mainnav-smart .opensubnav.active {background: var(--primary-color);} #mainnav-smart .opensubnav:after {content: ''; transform: rotate(-45deg) translate(-50%, -50%); border: solid var(--text-color); border-width: 0 4px 4px 0; display: inline-block; padding: 3px; left: 50%; top:42%; position: absolute; transition: var(--transition);} #mainnav-smart .opensubnav.active:after {content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid #fff; border-width: 0 4px 4px 0; left: 19px; top:18px; transition: var(--transition);} #mainnav-smart ul.mainnav li.current-menu-item .opensubnav:after {content: ''; transform: rotate(-45deg) translate(-50%, -50%); border: solid #fff; border-width: 0 4px 4px 0; display: inline-block; padding: 3px; left: 50%; top:42%; position: absolute; transition: var(--transition);} #mainnav-smart ul.mainnav li.current-menu-item .opensubnav.active:after {content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid #fff; border-width: 0 4px 4px 0; left: 19px; top:18px; transition: var(--transition);} #mainnav-smart ul.mainnav li.current-page-ancestor .opensubnav:after {content: ''; transform: rotate(-45deg) translate(-50%, -50%); border: solid #fff; border-width: 0 4px 4px 0; display: inline-block; padding: 3px; left: 50%; top:42%; position: absolute; transition: var(--transition);} #mainnav-smart ul.mainnav li.current-page-ancestor .opensubnav.active:after {content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid #fff; border-width: 0 4px 4px 0; left: 19px; top:18px; transition: var(--transition);} #mainnav-smart address.contact {padding: 5%; box-sizing: border-box; display: block;} /* Offcanvas Sub Layer 1 */ #mainnav-smart li.menu-item-has-children ul.sub-menu {display: none; transition: var(--transition); margin-bottom: 0;} #mainnav-smart li.menu-item-has-children.active ul.sub-menu {display: block;margin-left: 5%;margin-bottom:30px} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li {border-bottom:0;font-size:16px;} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li a {color:var(--text-color);font-size:16px;background:none;padding: 0;margin:10px 0} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li:hover a {background:none;} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li.current-menu-item {background:none;} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li.current-menu-item a {background:none;color:var(--primary-color);} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li ul.sub-menu li a {padding-left: 10%;} /* Offcanvas Sub Layer 2 */ #mainnav-smart li.menu-item-has-children ul.sub-menu li.menu-item-has-children .opensubnav {background: #f5f5f5;} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li.menu-item-has-children ul.sub-menu {display: none; transition: var(--transition);} #mainnav-smart li.menu-item-has-children.active ul.sub-menu li.menu-item-has-children.active ul.sub-menu {display: block; transition: var(--transition);} #mainnav-smart ul.offcanvas-menu li.back a:before {display: none;} /* Mainnav Toggle */ .mainnav-toggle {border-radius: 2px; display: block!important; position: relative; z-index: 10;width: 50px;height: 50px;background: var(--primary-color);box-shadow:none; transition: var(--transition);} .mainnav-toggle.off {border-radius: 2px; display: block!important; position: fixed; z-index: 10; top: 50px; right: 30px;transform: translateY(-50%);width: 40px;height: 40px;background:none;transition: var(--transition);} .scrolled .mainnav-toggle.off {top: 30px;transition: var(--transition);} .mainnav-toggle.off.active {display:none!important} .mainnav-toggle .btn-mainnav-toggle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 35px;cursor: pointer;} .mainnav-toggle .btn-mainnav-toggle span {display: block;width: 100%;border-radius: 4px;height: 2px;background: var(--text-color);transition: all .3s;position: relative;} .mainnav-toggle.active .btn-mainnav-toggle span {display: block;width: 100%;border-radius: 4px;height: 2px;background: #fff;transition: all .3s;position: relative;} .mainnav-toggle .btn-mainnav-toggle span + span {margin-top: 7px;} .mainnav-toggle .btn-mainnav-toggle.active span + span {margin-top: 13px;} .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(1) {animation: ease .7s top forwards;} .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;} .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(2) {animation: ease .7s scaled forwards;} .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;} .mainnav-toggle .btn-mainnav-toggle.active span:nth-child(3) {animation: ease .7s bottom forwards;} .mainnav-toggle .btn-mainnav-toggle.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;} @keyframes top { 0% {top: 0; transform: rotate(0);} 50% {top: 15px;transform: rotate(0);} 100% {top: 15px;transform: rotate(45deg);} } @keyframes top-2 { 0% {top: 15px;transform: rotate(45deg);} 50% {top: 15px;transform: rotate(0deg);} 100% {top: 0;transform: rotate(0deg);} } @keyframes bottom { 0% {bottom: 0;transform: rotate(0);} 50% {bottom: 15px;transform: rotate(0);} 100% {bottom: 15px;transform: rotate(135deg);} } @keyframes bottom-2 { 0% {bottom: 15px;transform: rotate(135deg);} 50% {bottom: 15px;transform: rotate(0);} 100% {bottom: 0;transform: rotate(0);} } @keyframes scaled { 50% {transform: scale(0);} 100% {transform: scale(0);} } @keyframes scaled-2 { 0% {transform: scale(0);} 50% {transform: scale(0);} 100% {transform: scale(1);} } #mainnav-overlay {position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.2); backdrop-filter: blur(7px); opacity: 0; z-index: -5; transition: var(--transition); visibility: hidden;} #mainnav-overlay.active {opacity: 1; z-index: 1; visibility: visible; transition: var(--transition);} } /* ########## Header ########## */ header {position: fixed; top: 0; width: 100%; z-index: 10; padding:0; box-sizing: border-box; background: rgba(255,255,255, 0.9); box-shadow: var(--box-shadow);} header .header-grid {display: grid; grid-template-columns: 200px auto; grid-template-rows: auto; justify-items: start; align-items: center; justify-content: space-between; transition: var(--transition);} .scrolled header .header-grid {display: grid; grid-template-columns: 130px auto; transition: var(--transition);} header .header-grid .logo {width: 100%;} header .header-grid .logo a {display: flex; align-items: center;} header .header-grid .mainnav-toggle {display: none;justify-self: end;} /* Kopfbereich Startseite / Unterseite */ .stage {aspect-ratio: 2/1; width: 100%; min-height: 400px; position: relative; margin-top:0;} .stage.mb {margin-bottom:80px;} .stage .wrp {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;} .stage .wrp .stage-content p {margin:0 0 15px 0;display:block;text-transform: uppercase;} .stage .wrp .stage-content p strong{margin:0;background:rgba(62,71,39, 0.9);padding:15px 30px;box-sizing: border-box;font-size:20px;color:#fff;font-weight:400;} .stage .wrp .stage-content h2{margin:0;font-size:45px;box-decoration-break: clone;-webkit-box-decoration-break: clone; line-height: 98px;display: inline;background: rgba(255,255,255, 0.9);padding: 20px 30px;} .stage img {width: 100%; height: 100%; object-fit: cover; object-position: center;} .stage.subpage {aspect-ratio: 2/.7; width: 100%; position: relative;} .single .stage.subpage {aspect-ratio: 3/1; width: 100%; position: relative;} .archive .stage.subpage {aspect-ratio: 3/1; width: 100%; position: relative;} .introblock {position: absolute;width: 100%;top: 13vw;} .introblock strong {margin: 0 0 5px 0;background: rgba(62, 71, 39, 0.9);padding: 15px 30px;box-sizing: border-box;font-size: 20px;color: #fff;font-weight: 400;} .introblock h2{margin:15px 0 0 0;max-width: 675px;} .introblock h2 span{margin:0;font-size:45px;-webkit-box-decoration-break: clone;box-decoration-break: clone;line-height: 98px;display: inline;background: rgba(255,255,255, 0.9);padding: 20px 30px;} /* ########## Content ########## */ /* Text */ .text.multiple-col .wrp {-webkit-columns: 2 350px; -moz-columns: 2 350px; columns: 2 350px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em;} .text.align-center {text-align: center;} .text .wrp ul {list-style-type: none;margin:0} .text .wrp ul li {margin:0;font-size:18px;line-height: 71px;box-decoration-break: clone;display: inline;background: var(--primary-color);color:#fff;padding: 20px 30px;} /* Text Bild */ .textbild .wrp {position:relative;display: grid; grid-template-columns:1fr 1fr;align-items: center; gap:20px; box-sizing: border-box; background: #fff;margin-bottom:20px;} .textbild .text {border-radius: 0;padding:40px; box-sizing: border-box;height:100%;background:var(--back-teaser)} .textbild .bild {width: 100%; height: 100%;position:relative;overflow:hidden} .textbild .bild img {width: 100%; height: 100%; object-fit: cover;object-position: top;transform: scale(1.0);transition: var(--transition);} .textbild .text h2 {margin: 0 0 20px 0;font-size: 30px;line-height: 40px;text-transform: uppercase;} .textbild .wrp .full {position:absolute;width:100%;height:100%;z-index:1;} .textbild .wrp:hover .bild img {transform: scale(1.1);transition: var(--transition);} .textbild .text .btn {font-weight:600;display: inline-block;width:100%;background:none;box-sizing:border-box;padding:2px;margin:25px 0 0 0;text-align:left;color:var(--primary-color);font-size:16px;transition: var(--transition);} .textbild .wrp:hover .text .btn {color:var(--secondary-color);transition: var(--transition);} .textbild .full-link {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: block;} .saison-toggle-wrapper {display: flex;justify-content: center;margin-bottom: 40px;} header .saison-toggle-wrapper {display: flex;justify-content: center;margin-bottom:0;margin-left: 40px;} .page-id-1086 header .saison-toggle-wrapper, .page-id-1068 header .saison-toggle-wrapper, .page-id-1088 header .saison-toggle-wrapper {display:none;} .single header .saison-toggle-wrapper {display:none;} .blog header .saison-toggle-wrapper {display:none;} .archive header .saison-toggle-wrapper {display:none;} .saison-switch {position: relative;width: 350px;height: 45px;background: #e0e0e0;border-radius: 30px;display: flex;align-items: center;padding: 0 5px;box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);overflow: hidden;} header .saison-switch {position: relative;width: 80px;height: 43px;background: #e0e0e0;border-radius: 30px;display: flex;align-items: center;padding: 0 5px;box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);overflow: hidden;} .saison-switch .toggle-options {display: flex;justify-content: space-between;width: 100%;z-index: 2;position: relative;} .saison-switch .toggle-options span {width: 45%;text-align: center;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 3;transition: color 0.3s;} header .saison-switch .toggle-options span {width: 38.33%;margin-left: 1px;text-align: center;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 3;transition: color 0.3s;} .saison-switch svg {width: 24px;height: 24px;transition: transform 0.3s;} .content .saison-switch .toggle-options span.toggle-btn.active {background:#fff;padding:3px;box-sizing:border-box;border-radius: 20px;} .toggle-slider {position: absolute;top: 4px;width: 40px;height: 38px;background: white;border-radius: 20px;transition: left 0.3s ease;z-index: 1;box-shadow: 0 2px 5px rgba(0,0,0,0.15);} header .toggle-slider {position: absolute;top: 4px;;width: 35px;height: 35px;background: #fff;border-radius: 100%;transition: left 0.3s ease;z-index: 1;box-shadow: 0 2px 5px rgba(0,0,0,0.15);} #saison-switch {display: flex;justify-content: space-between;background-color: #eee;border-radius: 25px;overflow: hidden;width: fit-content;margin: 0 auto;padding: 2px;} #saison-switch [data-saison] {padding: 5px 20px;border: 2px solid #eee;cursor: pointer;flex: 1;text-align: center;font-weight: 500;transition: background-color 0.4s, color 0.4s;border-radius: 40px;user-select: none;white-space: nowrap;} #saison-switch [data-saison].active {background-color: var(--secondary-color);color: white;border-radius:25px;} #saison-switch .toggle-slider {display: none;} /* Teasercards */ .teasercards .cards.no-carousel {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsiv */grid-column-gap: 20px;grid-row-gap: 20px;margin: 0;} .teasercards .cards.no-carousel li {list-style-type: none;margin: 0;} .teasercards .splide ul.cards {display: flex;grid-column-gap: unset;} /* --- Teasercard Box --- */ .teasercard-item {display: flex;flex-direction: column;height: 100%;text-decoration: none;color: inherit;overflow: hidden;} /* --- Bild --- */ .teasercard-item .img-wrp {width: 100%;aspect-ratio: 2 / 1;display: block;position: relative;overflow: hidden;} .teasercard-item .img-wrp img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.0);transition: var(--transition);} .teasercard-item:hover .img-wrp img {transform: scale(1.1);transition: var(--transition);} .teasercard-item:hover {color:var(--text-color)} /* --- Inhalt --- */ .teasercard-item .teasercard-content {display: flex;flex-direction: column;flex-grow: 1;padding: 40px 40px 100px 40px;background: var(--back-teaser);position:relative;margin-top:20px;} .teasercard-item .teasercard-content h3 {font-family: var(--font-family);font-weight: 400;color: var(--primary-color);font-size: 20px;text-transform: uppercase;margin: 0;} .blogbeitraege .teasercard-item .teasercard-content h3 {font-family: var(--font-family);font-weight: 400;color: var(--text-color);font-size: 30px;line-height: 40px;text-transform: uppercase;margin: 15px 0 20px 0;} .teasercard-item .teasercard-content h2 {margin: 0 0 20px 0;font-size: 30px;line-height: 40px;text-transform: uppercase;} /* --- Button am unteren Rand --- */ .teasercard-item .teasercard-content .btn {position: absolute;bottom: 40px;font-weight: 600;display: inline-block;width: 100%;background: none;box-sizing: border-box;padding: 2px;margin-top: 25px; /* Hält Button immer unten */text-align: left;color: var(--primary-color);font-size: 16px;transition: var(--transition);} .home .teasercard-item .teasercard-content .btn {margin-top: 5px;} .teasercard-item:hover .teasercard-content .btn {color: var(--secondary-color);transition: var(--transition);} /* --- Datum (falls vorhanden) --- */ .teasercard-item .post-date {position: absolute;text-align: center;width: 80px;max-height: 80px;padding: 10px;box-sizing: border-box;font-size: 20px;line-height: 25px;background: var(--primary-color);color: #fff;top: -50px;left: 40px;} .splide__arrow--next {right:-5%!important} .splide__arrow--prev {left:-5%!important} @media (max-width: 1024px) { .teasercards .cards.no-carousel {grid-template-columns: repeat(2, 1fr)!important;} } @media (max-width: 500px) { .teasercards .cards.no-carousel {grid-template-columns: 100% !important;} } /* Button Hausfarbe */ .button {display:block;text-align:center;margin:40px auto 150px auto;width:100%} .button.down {display:inline-block;text-align:center;margin:0 auto 20px auto;width:auto} .button.down a {font-size: 16px;text-transform:uppercase;display:inline-block;padding:7px 25px; background:var(--primary-color);color:#fff;text-align:center;border-radius:30px;transition: var(--transition);} .button a {text-transform:uppercase;display:inline-block;padding:10px 30px; background:var(--primary-color);color:#fff;text-align:center;border-radius:20px;transition: var(--transition);} .button a:hover {background:var(--secondary-color);transition: var(--transition);} /* Button Buchen */ .button a.buchen {font-family: "din-1451-lt-pro", sans-serif;text-transform:uppercase;display:inline-block;padding:10px 50px; background:var(--secondary-color);color:#fff;text-align:center;border-radius:20px;transition: var(--transition);} .button a.buchen:hover {background:var(--primary-color);transition: var(--transition);} /* Image */ .image img {display:block; width:100%; height:auto;} .bildtrenner {position: relative;height: 100%;padding-bottom:15vw;overflow: hidden;} .bildtrenner img {position: absolute;top: 0;left: 0;width: 100%;height:100%;object-fit: cover;object-position: center;z-index: 0;transform: translateY(0);will-change: transform;transition: transform 0.05s linear;} .bildtrenner .wrp {position: relative; top:6vw;z-index: 2;} .bildtrenner .wrp h2{display:inline-block;box-sizing: border-box;font-size: 20px;color: rgb(255, 255, 255);font-weight: 400;margin: 0 0 5px 0;background: rgba(62, 71, 39, 0.9);padding: 10px 30px;} .bildtrenner .wrp ul {margin:0;list-style-type: none} .bildtrenner .wrp ul li {margin:0 0 5px 0;display:inline-block;background: rgba(255, 255, 255, 0.92);padding: 10px 30px;font-size:22px;} .bildtrenner .btn {margin-top:20px;background: rgba(232, 73, 36, 0.92);} .bildtrenner .btn:hover {margin-top:20px;background: var(--secondary-color);} /* Galerie */ .gallery .fresco-gallery:not(.masonry) {display: grid; gap: 20px; margin-bottom: 0;} .gallery .fresco-gallery li {list-style-type: none; margin: 0 0 25px 0; border-radius: 0;overflow: hidden;} .gallery .fresco-gallery:not(.masonry) li {margin: 0;} .gallery .fresco-gallery li a {position: relative; display: block; overflow: hidden;} .gallery .fresco-gallery li a .overlay {width: 90%; position: absolute; height:90%; top: 5%; left: 5%; right: 0; bottom: 0;backdrop-filter: blur(7px);opacity: 0; transition: var(--transition);} .gallery .fresco-gallery li a:hover .overlay {opacity: 1; z-index:1;transition: var(--transition);} .gallery .fresco-gallery li a .overlay .icon-wrp {position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%);} .gallery .fresco-gallery li a .overlay .icon-wrp svg {width: 100%; height: 100%; transform: scale(0); transition: var(--transition);} .gallery .fresco-gallery li a .overlay .icon-wrp svg path {fill: #fff;} .gallery .fresco-gallery li a:hover .overlay .icon-wrp svg { transform: scale(1); transition: var(--transition);} .gallery .fresco-gallery li img {width: 100%; transition: var(--transition);} .gallery .fresco-gallery li a:hover img {transform: scale(1.2);transition: var(--transition);} .gallery .fresco-gallery.masonry {gap: 25px; columns: 4; margin: 0 auto;} .gallery .video-gallery-grid {display: grid; grid-column-gap: 50px; grid-row-gap: 50px;} .gallery .video-gallery-grid .video-gallery-item {height: 220px; width: 100%; display: block; position: relative; overflow: hidden;} .gallery .video-gallery-grid .video-gallery-item .overlay {width: 100%; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: var(--secondary-color); opacity: 0; transition: var(--transition); z-index: 4;} .gallery .video-gallery-grid .video-gallery-item:hover .overlay {opacity: 0.6; transition: var(--transition);} .gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp {position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%);} .gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp svg {width: 100%; height: 100%; transform: scale(0); transition: var(--transition);} .gallery .video-gallery-grid .video-gallery-item .overlay .icon-wrp svg path {fill: #fff!important;} .gallery .video-gallery-grid .video-gallery-item:hover .overlay .icon-wrp svg { transform: scale(1); transition: var(--transition);} .gallery .video-gallery-grid .video-gallery-item img {height: 100%; width: 100%; object-fit: cover; object-position: center; transform: scale(1.2);} @media (max-width: 1024px) { .gallery .fresco-gallery {grid-template-columns: repeat(3, 1fr)!important;} .gallery .video-gallery-grid {grid-template-columns: repeat(2, 1fr)!important;} .gallery .filterrow {display: grid; grid-template-columns: 100%; gap: 25px;} .gallery .filterrow #filter {flex-wrap: wrap;} } @media (max-width: 550px) { .gallery .video-gallery-grid {grid-template-columns: 100%!important;} .gallery .fresco-gallery {grid-template-columns: repeat(2, 1fr)!important;} } /* oEmbed */ embed { margin: 0; padding: 0; } .embed .respo-video { position: relative; padding-bottom: 56.25%; /* 16:9 Verhältnis */ height: 0; overflow: hidden; } .embed .respo-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pum-theme-1887 { margin: 0; padding: 0; } .pum-theme-1887 .pum-content{ position: relative; padding-bottom: 56.25%; /* 16:9 Verhältnis */ height: 0; overflow: hidden; } .pum-theme-1887 .pum-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pum-container.pum-responsive.pum-responsive-normal {background:rgba(255,255,255,0.8)!important} /* Accordion */ .custom-tabs .accordion .item-accordion.ishidden .item-accordion-content .acc-grid{display:grid;grid-template-columns: 1fr;gap:20px;align-items: center;} .custom-tabs .accordion .item-accordion.ishidden .item-accordion-content .acc-grid .bild-con {display:none;width:100%;height:100%;object-fit:cover} .custom-tabs .accordion .item-accordion.ishidden .item-accordion-content .acc-grid .bild-con img {width:100%;height:100%;object-fit:cover} .custom-tabs .accordion .item-accordion-head {font-size:20px;cursor: pointer; position: relative;background: var(--primary-color);color:#fff;margin-bottom:10px; padding:7px 25px;} .custom-tabs .accordion .item-accordion-btn:before {content: '-'; color: #fff; position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 34px;} .custom-tabs .accordion .item-accordion.ishidden .item-accordion-btn:before {content: '+'; line-height: 26px;} .custom-tabs .accordion .item-accordion.ishidden .item-accordion-content {display: none;padding:10px 20px;background: var(--back-teaser);margin-bottom:0;} .accordion .item-accordion-head {font-size:24px;cursor: pointer; position: relative; background: var(--back-teaser); margin-bottom:10px; padding:10px 25px 10px 25px;} .accordion .active .item-accordion-head {background: var(--primary-color);color:#fff} .accordion .item-accordion-btn {width: 26px; height: 26px;float: right; margin: 0; cursor: pointer; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);} .accordion .item-accordion-btn:before {content: '-'; color: #555; position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 34px;} .accordion .item-accordion {margin-bottom: 5px; } .accordion .item-accordion.ishidden .item-accordion-btn:before {content: '+'; line-height: 26px;} .accordion .item-accordion.active .item-accordion-btn:before {content: '-'; line-height: 22px;color:#fff;} .accordion .item-accordion.ishidden.active .item-accordion-btn:before {content: '-'; line-height: 22px;} .accordion .item-accordion.ishidden .item-accordion-content {display: none;padding:20px 20px;background: var(--back-teaser);margin-bottom:10px;} .accordion .item-accordion.ishidden .item-accordion-content:after {display:block;width: 0;height: 0;border-right: 100px solid #037CA9;border-top: 50px solid transparent;border-bottom: 50px solid transparent;} /* ########## Blog + Sidebar ########## */ main.withsidebar .content .blog-grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;} main.withsidebar .content .blog-grid .post {width: 100%;} main.withsidebar .content .blog-grid .post img {width: 100%; height: auto; object-fit: cover;} article.singlepost .post-image {} article.singlepost .post-image img {width: 100%; height: auto; object-fit: cover;} /* Bildblock Ausstattung */ .bildblock .bilder-container.hidden{display:block!important;} .bildblock .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:20px;} .bildblock .wrp .bilder-container {position:relative;} .bildblock .wrp .bilder-container:after {content:"";opacity:0.7;display:block;background: url(assets/icon-schrofen.svg) no-repeat center center;width:52px;height:28px;position:absolute;top:50%;left:50%;margin-left:-26px;margin-top:-14px;transition: var(--transition);} .bildblock .wrp .bilder-container:hover:after {content:"";opacity:1;display:block;background: url(assets/icon-schrofen.svg) no-repeat center center;background-size: cover;width:52px;height:28px;position:absolute;top:13%;margin-top:0;transition: var(--transition);} .bildblock .wrp .bilder-container .bild-box {position:relative;overflow:hidden} .bildblock .wrp .bilder-container .bild-box .bild img {width:100%;height:100%;object-fit: cover;} .bildblock .wrp .bilder-container .bild-box .content {position:absolute;top:-100%;left:5%;width:90%;height:90%;display:grid;justify-items: center;align-items: center;backdrop-filter: blur(7px);transition: var(--transition);} .bildblock .wrp .bilder-container:hover .bild-box .content {position:absolute;top:5%;left:5%;transition: var(--transition);} .bildblock .wrp .bilder-container .bild-box .content p{filter: blur(0) drop-shadow(1px 1px 5px rgba(0,0,0, 0.7));font-size:24px;font-weight:600;color:#fff;} .bildblock .link{display:block;text-align:center;margin:40px auto 0 auto;width:100%} .bildblock .link a {text-transform:uppercase;display:inline-block;padding:10px 30px; background:var(--primary-color);color:#fff;text-align:center;border-radius:20px;transition: var(--transition);} .bildblock .link a:hover {background:var(--secondary-color);transition: var(--transition);} .bildblock .wrp .bilder-container .bild-box .glightbox.custom {position:absolute;height:100%;width:100%;z-index:1} /* Load more */ .more {display:block;text-align:center;margin:40px auto 0 auto;width:100%} .load-more-gallery{text-transform:uppercase;cursor: progress;display: inline-block;font-size: 18px;border:0;padding:13px 30px; background:var(--primary-color);color:#fff;text-align:center;border-radius:20px;transition: var(--transition);} .load-more-gallery:hover {background:var(--secondary-color);transition: var(--transition);} /* Overlay Block Ausstattung */ .block .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:20px;overflow:hidden;position:relative;} .block .wrp .bild img{width:100%;height: 100%;object-fit: cover;} .block .wrp .text{position:relative;text-align:center;background:var(--back-teaser);display:grid;padding:20px;box-sizing: border-box} .block .wrp .text span{display:grid;align-self: center;} .block .wrp .text h2{font-size:24px;Margin:0 0 20px 0} .block .wrp .text span img {width:42px;height:22px;} .block .wrp .text span svg {width:42px;height:22px;margin:0 auto 20px auto;} .block .wrp .hide {position: fixed; top: 10%; right: 0; bottom: 0; background: var(--back-teaser); width: 100%; height:auto;max-height:fit-content; transform: translateX(110%); transition: var(--transition); box-shadow: var(--box-shadow); z-index: 888;} .block .wrp .hide.show {transform: translateX(0); transition: var(--transition);} .block .wrp .hide svg{display:block;width:40px;height:30px;margin:20px auto 0 auto;text-align:center} .block .wrp .hide svg path{fill:#fff;} .block .wrp .hide h2{font-size:30px;text-align:left;margin:0 0 25px 0} .block .wrp .hide.schmankerl p strong {font-size:20px;} .block .wrp .hide.preise p strong {font-size:20px;} .block .wrp .hide.schmankerl ul {margin:0 auto;} .block .wrp .hide.preise ul {margin:0 auto;} .block .wrp .hide.schmankerl ul li {background:#fff url(assets/icon-schrofen-black.svg) 20px 20px no-repeat;background-size:22px;list-style-type: none;margin: 0;width: auto;display: block;box-sizing: border-box;color: var(--text-color);font-size: 18px;padding:10px 20px 10px 55px;} .block .wrp .hide.show ul.top {align-self: start;} .close-button {color:var(--text-color);position: absolute;top: 0;right: 10px;background: none;border: none;font-size: 65px;cursor: pointer;z-index:888} .close-button-custom {color:var(--text-color);position: absolute;top: 0;right: 10px;background: none;border: none;font-size: 65px;cursor: pointer;z-index:888} .block .wrp .text:hover .toggle-button {color:var(--secondary-color);transition: var(--transition);} .block .wrp .toggle-button.overlay {position:absolute;width:100%;height:100%;} .block .wrp .toggle-button {display: inline-block;width: 100%;background: none;box-sizing: border-box;padding: 2px;text-align: center;color: var(--primary-color);font-size: 15px;cursor: pointer;transition: var(--transition);} .price-table {display: flex;flex-direction: column;width: 100%;border-collapse: collapse;font-family: sans-serif;max-width:1240px;margin:0 auto;position:relative;z-index:88} .table-header {display: flex;font-weight: bold;background-color: rgba(255,255,255, 0.9);padding: 10px;margin-bottom:5px;} .table-row {display: flex;flex-wrap: wrap;padding: 7px 10px;background-color:#fff;margin-bottom:5px;} .cell {flex: 1 1 10%;padding: 0 10px;color:var(--text-color);font-size:18px;} .cell.title {color:var(--text-color)} .cell.year {text-align: end;} .label {font-weight: 500;} .value {text-align: right;} .block .wrp .hide .grid-ausstattung {display:grid;grid-template-columns: 16% auto;max-width: 85%;margin:0 auto;gap:100px;} .block .wrp .hide .grid-ausstattung .grundrisse img{width:100%;height:auto;max-width:400px;display:block;} .block .wrp .hide .grid-ausstattung h3{color:#fff;margin-bottom:15px;} .block .wrp .hide .grid-ausstattung .grundrisse .space{display:block;margin-bottom:50px;} #mainnav-overlay-block {position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(7px); opacity: 0; z-index: -5; transition: var(--transition); visibility: hidden;} #mainnav-overlay-block.active {opacity: 1; z-index: 88; visibility: visible; transition: var(--transition);} /* Responsive Anpassung für kleine Bildschirme */ @media (max-width: 600px) { .table-header, .table-row {flex-direction: column;} .cell {flex: 1 1 100%;text-align: left;padding: 5px 0;} .value {text-align: left;font-weight: bold;} } /* Sidebar */ main.withsidebar .sidebar {width: 100%; position: -webkit-sticky; position: sticky; top: 150px; background: var(--back-teaser); padding: 25px; box-sizing: border-box;} .single main.withsidebar .sidebar {padding:0;background: none;} main.withsidebar .sidebar .widget-area ul li{list-style-type: none;margin:0 0 5px 0;} main.withsidebar .sidebar .widget-area ul li a{display:block;padding:10px 20px;background:var(--back-teaser);transition: var(--transition);} main.withsidebar .sidebar .widget-area ul li a:hover{color:#fff;background:var(--primary-color);transition: var(--transition);} @media (max-width: 1024px) { main.withsidebar .page-build .sidebar {display: none;} } @media (max-width: 768px) { main.withsidebar .content .blog-grid {grid-template-columns: repeat(2, 1fr);} } /* ########## Formular ########## */ div.wpforms-container-full.custom .wpforms-form input[type=text] {height:inherit;padding:20px;} div.wpforms-container-full.custom .wpforms-form input[type=email] {height:inherit;padding:20px;} div.wpforms-container-full.custom .wpforms-form input[type=tel] {height:inherit;padding:20px;} div.wpforms-container-full.custom .wpforms-form input[type=number] {height:inherit;padding:20px;} div.wpforms-container-full.custom .wpforms-form select {height:inherit;padding:10px 20px;} div.wpforms-container-full.custom .wpforms-form .choices .choices__inner{height:inherit;min-height:55px;border-radius:0;} div.wpforms-container-full.custom .wpforms-form button[type=submit] {text-transform: uppercase;display: inline-block;padding: 10px 40px;background: var(--primary-color);color: #fff;text-align: center;border-radius: 20px;border:0;margin-top:40px;transition: var(--transition);} div.wpforms-container-full.custom .wpforms-form button[type=submit]:hover {text-transform: uppercase;background: var(--secondary-color);border:0;color: #fff;transition: var(--transition);} /* ########## Footer ########## */ .newsletter {background:var(--primary-color);padding:40px 0;box-sizing: border-box} .newsletter .wrp {display:grid;grid-template-columns:40% auto;gap:0;align-items: center;margin:0 auto} .newsletter .wrp .claim {font-size:24px;color:#fff;font-weight:400;text-transform: uppercase} .newsletter .wrp .code{justify-self: end;width: 100%;} .blog .navigation, .archive .navigation {margin-top:40px;display:grid;grid-template-columns: 1fr 1fr} .blog .navigation .older,.archive .navigation .older{justify-self: end;} footer {padding:40px 0} footer .wrp {display:grid;grid-template-columns:27% auto;gap:0;} footer .wrp h3{font-weight:400;font-family:"din-1451-lt-pro", sans-serif;font-size:30px;color:var(--primary-color);text-transform: uppercase} footer .wrp .kontaktbox{justify-self: end;align-self: end;} footer .wrp a{font-family:"din-1451-lt-pro", sans-serif;font-size:30px;color:var(--text-color);text-transform: uppercase} footer .wrp .logobox {display:grid;grid-template-columns: 70% auto;gap:20px;} footer .wrp .social{align-self: end;} footer .wrp .social div{display:inline-block;} .footer {padding:40px 0} .footer .wrp {display:grid;grid-template-columns:1fr;gap:0;align-items: center;margin: 0 0 0 5%;} .footer .wrp h3{font-weight:400;font-family:"din-1451-lt-pro", sans-serif;font-size:28px;color:#fff;text-transform: uppercase} .footer .wrp .kontaktbox{align-self: end;} .footer .wrp a{font-family:"din-1451-lt-pro", sans-serif;font-size:27px;color:#fff;text-transform: uppercase} .footer .wrp .logobox {display:grid;grid-template-columns: 67% auto;gap:20px;} .footer .wrp .logobox .logo svg path {fill:#fff} .footer .wrp .social{align-self: end;line-height: 0;} .footer .wrp .social svg path{fill:#fff} .footer .wrp .social div{display:inline-block;line-height: 0;} div.wpforms-container-full.custom-newsletter {margin:0;} .wpforms-container.custom-newsletter .wpforms-form{display:grid;grid-template-columns: 84% auto;gap:20px;align-items: center;} div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {display:none!important;} div.wpforms-container.custom-newsletter .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=text] {padding:10px 25px;background:none;border:1px solid #fff;border-radius:20px;color:#fff;display:block;height:inherit} div.wpforms-container.custom-newsletter .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=email] {padding:10px 25px;background:none;border:1px solid #fff;border-radius:20px;color:#fff;display:block;height:inherit} div.wpforms-container.custom-newsletter .wpforms-form input::placeholder {color:#fff} div.wpforms-container-full.custom-newsletter .wpforms-form input[type=submit], div.wpforms-container-full.custom-newsletter .wpforms-form button[type=submit], div.wpforms-container-full.custom-newsletter .wpforms-form .wpforms-page-button {background:#fff;padding:7px 25px;border-radius:20px;color:var(--primary-color)} div.wpforms-container-full.custom-newsletter .wpforms-form .wpforms-submit-container {padding:0;} /* Bottom */ .bottom .wrp {padding:10px 0 20px 0;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;font-size:16px;border-top:1px solid #EDF2EF} .bottom .wrp ul {margin:0;list-style-type: none} .bottom .wrp ul li{margin:0;list-style-type: none;display:inline-block;} .bottom .wrp ul li:after {content:"-";margin:0 0 0 4px;display:inline-block;} .bottom .wrp ul li:nth-child(4):after {content:"-";margin:0;display:none;} /* 404 */ .error404 .stage {display: none;} .pageerror {padding: 250px 0 100px 0; text-align: center;} #banner-saison-switch {position: relative;width: 150px; /* oder was du brauchst */height: 30px;background: #eee;border-radius: 15px;overflow: hidden;} #banner-saison-switch .toggle-options {display: flex;justify-content: space-between;position: relative;z-index: 2;} #banner-saison-switch .toggle-options span {flex: 1;text-align: center;line-height: 30px;cursor: pointer;font-weight: 600;color: #555;} #banner-saison-switch .toggle-options span.active {color: #00aaff;} #banner-saison-switch .toggle-slider {position: absolute;top: 0;left: 0;width: 33.3333%;height: 100%;background: #00aaff33;border-radius: 15px;transition: left 0.3s ease;z-index: 1;} @media (max-width: 1920px) { .block .wrp .hide {top:0;max-height:inherit;} .tabgrid {overflow-y:scroll;height: 100%;} .bildtrenner .wrp {position: relative; top:8vw;z-index: 2;} .introblock h2 span {margin: 0;font-size: 35px;line-height: 88px;} } @media (max-width: 1420px) { #mainnav ul.mainnav.desktop {margin:0 40px 0 0} } @media (max-width: 1300px) { .tabgrid {max-width:1100px;grid-template-columns: 32% auto;} } @media (max-width: 1180px) { .tabgrid {max-width:80%;grid-template-columns: 100%;} .texttab {display:none} .buttons-smart {display:block;} } @media (max-width: 1024px) { #mainnav-smart {max-width: 60%;} .stagebanner {aspect-ratio: 2 / 1} .smartswitch {display:block} #mainnav {display:none;} header .header-grid {display: grid;grid-template-columns: 180px auto;} header .header-grid .logo {padding:15px 0} .mainnav-toggle.off {top: 43px;} .scrolled .mainnav-toggle.off {top: 35px;} .stage .wrp {top: 55%;} .stage.subpage {aspect-ratio: 2 / 1;} .stage .wrp .stage-content h2 {font-size: 35px;line-height: 87px;} .introblock {top: 19vw;} .introblock h2 span {margin: 0;font-size: 35px;line-height: 88px;} .bildtrenner {height: 100%;padding-bottom: 20vw;} .bildtrenner .wrp {top:10vw} .tab-content {height:auto;padding-bottom:20px;} .block .wrp .text h2 {font-size: 20px;line-height: 30px;margin: 0 0 20px 0;} .block .wrp .text span svg {width: 38px;height: 18px;margin: 10px auto 20px auto;} .block .wrp .text p {font-size:17px;line-height:30px;} .block .wrp .hide .btn {margin-top:0;} .bildtrenner .wrp ul li {font-size: 20px;text-transform: uppercase;} footer .wrp h3 {font-size: 24px;color: var(--primary-color);text-transform: uppercase;margin:0;} footer .wrp a {font-size: 24px;} footer .wrp .logobox {display: grid;grid-template-columns: 65% auto;gap: 10px;} footer .wrp .social div {width:22px;margin-left:10px;} } @media (max-width: 900px) { #mainnav-smart { max-width: 80%; } .stage .wrp {top: 61%;} .stage .wrp .stage-content h2 {font-size: 30px;line-height: 79px;} .stage .wrp .stage-content p strong {font-size:18px;} .stage .wrp .stage-content p {margin: 0 0 12px 0;} .introblock {top: 18vw;} .introblock strong {font-size:18px;margin:0;} .introblock h2 span {font-size: 30px;line-height: 80px;} .button {margin: 40px auto 100px auto;} .newsletter .wrp {grid-template-columns: 1fr;} .newsletter .wrp .claim {margin-bottom:20px} } @media (max-width: 820px) { .block .wrp .hide {max-height:100%} .block .wrp .hide {top:0;} .block .wrp .hide .btn {margin-top:10px;} .bildblock .wrp {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} .bildblock .wrp .bilder-container .bild-box .content {opacity: 0;transition: all 0.3s ease;pointer-events: none;} .bildblock .wrp .bilder-container .bild-box.visible .content { pointer-events: auto;opacity:1;position:absolute;top:5%;left:5%;transition: var(--transition);} .bildblock .wrp .bilder-container.visible:after {content: "";opacity: 1;display: block;background: url(assets/icon-schrofen.svg) no-repeat center center;background-size: cover;width: 52px;height: 28px;position: absolute;top: 13%;margin-top: 0;transition: var(--transition);} .bildblock .wrp .bilder-container .bild-box .content p {font-size: 22px;} .bildblock .wrp .bilder-container .bild-box .content {backdrop-filter: blur(0)} } @media (max-width: 820px) { .smartswitch {display:block;top: 16px;} .scrolled .smartswitch {top: 13px;} #mainnav-smart {max-width:80%} header .header-grid {display: grid;grid-template-columns: 150px auto;} .mainnav-toggle.off {top: 38px;} .bildblock .wrp .bilder-container:hover:after {content:"";width:42px;height:18px;} .teasercard-item .teasercard-content {padding: 30px 30px 80px 30px;} .textbild .text {padding:30px;} .teasercard-item .post-date {top: -55px;left: 30px;font-size: 16px;line-height: 23px;} .teasercard-item .teasercard-content h2 {font-size: 25px;line-height: 35px;} .textbild .text h2 {font-size: 25px;line-height: 35px;} h2 {font-size: 30px;line-height: 40px;margin:0 0 35px 0} h4 {font-size: 30px;line-height: 40px;margin:0 0 35px 0} h1 {font-size:18px;} h3 {font-size:18px;} .bildtrenner .wrp ul li,.bildtrenner .wrp h2 {font-size: 18px;padding: 10px 20px;} .bildtrenner {height: 100%;padding-bottom:20vw;} .mb {margin-bottom: 80px;} .block .wrp {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;overflow: hidden;position: relative;} footer .wrp {display: grid;grid-template-columns: 1fr;gap: 0;} footer .wrp .kontaktbox {justify-self: center;align-self: end;text-align: center;} footer .wrp .logobox {display: grid;grid-template-columns: 1fr;gap: 10px;margin: 0 auto 20px auto;justify-items: center;} footer .wrp .logobox .logo {margin-bottom:10px; width: 180px;} .block .wrp .bild.eins {order:1} .block .wrp .text.eins {order:1} .block .wrp .bild.zwei {order:3} .block .wrp .text.zwei {order:4} .block .wrp .bild.drei {order:3} .block .wrp .text.drei {order:2} .footernav {display:none;} .bottom {text-align:center} .bottom .wrp {display:block;} } @media (max-width: 760px) { .smartswitch {top:17px;} .stage.mb {margin-bottom: 50px;} .textbild .text {order: 2!important;} .textbild {margin-bottom:40px} .textbild .bild {order: 1!important;max-height:250px} .textbild .bild img {object-position: center} .textbild .wrp {grid-template-columns: 100%!important; gap: 20px;} .tab-menu li {font-size:16px;} .tab-content .tab-item strong {font-size: 18px;} .tab-content .tab-item p {font-size: 16px;margin-bottom:13px;} .tabgrid {max-width: 608px;} } @media (max-width: 640px) { #mainnav-smart {max-width:90%} .teasercards .cards.no-carousel {grid-template-columns: repeat(1, 1fr) !important;} .teasercard-item .img-wrp {max-height:250px} .teasercard-item .img-wrp img{object-position: center;} .stage .wrp .stage-content h2 {font-size: 27px;line-height: 76px;} .introblock h2 span {font-size: 27px;line-height: 77px;} .introblock {top: 22vw;} h2 {font-size: 27px;line-height: 37px;margin: 0 0 25px 0;} h4 {font-size: 27px;line-height: 37px;margin: 0 0 25px 0;} h3 {margin:0;} .teasercard-item .teasercard-content h3 {font-size:18px;} .teasercard-item .teasercard-content h2 {font-size: 23px;line-height: 33px;} .teasercard-item .teasercard-content {padding: 30px 30px 70px 30px;margin-bottom: 20px;} .teasercard-item .teasercard-content .btn {bottom:30px;} .textbild .text h2 {font-size: 23px;line-height: 33px;} .page .bildtrenner {height: 100%;padding-bottom:20vw} .home.page .bildtrenner .wrp {top: 10vw;} .page-id-1062.page .bildtrenner .wrp {top: 10vw;} .page .bildtrenner .wrp {top: 7vw;} .bildblock .wrp {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} } @media (max-width: 600px) { .bildtrenner .wrp ul li,.bildtrenner .wrp h2 {font-size: 18px;padding: 8px 15px;} div.wpforms-container.custom .wpforms-form .wpforms-field-layout .wpforms-layout-row, div.wpforms-container.custom .wpforms-form .wpforms-field-repeater .wpforms-layout-row {display:block;margin:0;} .wpforms-container.custom-newsletter .wpforms-form {display: grid;grid-template-columns: 1fr;gap: 20px;align-items: center;} .tabgrid {max-width: 570px;} .tab-menu li {margin:0 1px 0 0} div.wpforms-container.custom .wpforms-form .wpforms-field-layout .wpforms-layout-column, div.wpforms-container.custom .wpforms-form .wpforms-field-repeater .wpforms-layout-column {padding:0} } @media (max-width: 560px) { .tab-menu li {font-size: 14px;} .tabgrid {max-width: 515px;} } @media (max-width: 520px) { #saison-switch [data-saison] {font-size:16px} .smartbuchung {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:5px;bottom:0;right:inherit;left:0;max-width:inherit;margin-bottom:-150px;transition: var(--transition);} .smartbuchung .btn {border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:0;border-bottom-left-radius:0;} .scrolled .smartbuchung {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:5px;margin-bottom:0;bottom:0;transition: var(--transition);} .smartbuchung.off {display:none;} .brlbs-cmpnt-container .brlbs-bottom-0 {bottom: 50px!important;} .brlbs-cmpnt-container .brlbs-cmpnt-widget.off {display:none;!important;} .introblock {top: 28vw;} .stage .wrp .stage-content p strong {font-size: 16px;padding: 15px 20px;} .stage .wrp .stage-content h2 {font-size: 22px;line-height: 70px;padding: 20px;} .introblock strong {padding:15px 20px;} .introblock h2 span {padding:20px;font-size: 22px;line-height: 70px;} .block .wrp {display: grid;grid-template-columns: 1fr;gap: 20px;overflow: hidden;position: relative;} .block .wrp .bild.eins {order:1} .block .wrp .text.eins {order:2} .block .wrp .bild.zwei {order:3} .block .wrp .text.zwei {order:4} .block .wrp .bild.drei {order:5} .block .wrp .text.drei {order:6} .block .wrp .bild {max-height:150px;} .block .wrp .bild img {object-position: center} .block .wrp .text {margin-bottom:20px;} .textbild .bild {max-height: 200px;} .teasercard-item .img-wrp {max-height: 200px;} .bottom {padding-bottom:50px;} .tabgrid {max-width: 457px;} .tab-menu li {font-size: 12px;} } @media (max-width: 481px) { .bildblock .wrp .bilder-container .bild-box .content p {font-size: 22px;line-height: 32px;} .bildblock .wrp {display: grid;grid-template-columns: 1fr;gap: 20px;} .bildblock .wrp .bilder-container .bild-box .content {opacity: 0;transition: all 0.3s ease;pointer-events: none;} .bildblock .wrp .bilder-container .bild-box.visible .content { pointer-events: auto;opacity:1;position:absolute;top:5%;left:5%;transition: var(--transition);} .bildblock .wrp .bilder-container.visible:after {content: "";opacity: 1;display: block;background: url(assets/icon-schrofen.svg) no-repeat center center;background-size: cover;width: 52px;height: 28px;position: absolute;top: 13%;margin-top: 0;transition: var(--transition);} } @media (max-width: 480px) { .stage {min-height:330px;aspect-ratio: 2 / 3;} .stage .wrp {top: 80%;} .tab-content {padding-bottom:10px;} .block .wrp .hide .btn {margin-top:10px;} #mainnav-smart ul.mainnav li.menu-item-1117 a {font-size:18px;} .introblock h2 span {padding: 10px 15px;font-size: 20px;line-height: 48px;} .introblock strong {padding: 10px 15px;} .introblock h2 {margin: 6px 0 0 0;max-width: 675px;} .introblock {display:none;} .stage .wrp .stage-content h2 {padding: 10px 15px;} .stage .wrp .stage-content p strong {font-size: 14px;padding: 10px 15px;} .stage .wrp .stage-content p {margin: 0 0 10px 0;} .blog .stage { min-height: 300px;} .blog .stagebanner { min-height: 300px;} .single .stage { min-height: 300px;} .archive .stage { min-height: 300px;} #saison-switch [data-saison] {font-size:15px} .block .wrp .hide {top:0;padding-bottom:40px;} .block .wrp .hide.show {overflow-y: scroll;overflow-x: hidden;height:100%;} #mainnav-smart ul.mainnav li.menu-item-1117 a {text-align: center;padding: 8px 20px;color: #fff;} .page .bildtrenner {height: 100%;padding-bottom: 20vw;} .page .bildtrenner .wrp {top: 10vw;} .buttons-smart {display: block;margin-left: 20px;} .bildblock .wrp .bilder-container .bild-box .content {backdrop-filter: blur(0)} } @media (max-width: 450px) { .teasercard-item .img-wrp {max-height: 150px;} .textbild .bild {max-height: 150px;} #mainnav-smart {max-width: 95%;} header .header-grid {display: grid;grid-template-columns: 130px auto;} .smartswitch, .scrolled .smartswitch {top: 13px;} .mainnav-toggle.off, .scrolled .mainnav-toggle.off {top: 33px;} .tabgrid {max-width: 394px;} .bildtrenner .wrp ul li, .bildtrenner .wrp h2 {font-size: 16px;line-height: 26px;} .tab-content .tab-item strong {font-size: 16px;} #saison-switch [data-saison] {padding: 5px 15px;border: 2px solid #eee;} .stage .wrp .stage-content h2 {font-size: 20px;line-height: 47px;} .introblock strong {font-size: 14px;} .tab-menu li.off {display:none;} .tab-menu li {font-size: 16px;} .tab-content .tab-item .grids.off,.tab-content .tab-item strong.off {display:grid;} } @media (max-width: 412px) { #saison-switch {width:100%} .shortcode .wrp {width:95%;} .stage .wrp .stage-content p strong {font-size: 14px;padding: 10px 10px 10px 15px;} .stage .wrp .stage-content p {margin: 0 0 5px 0;} #saison-switch [data-saison] {padding: 5px 13px;} #mainnav-smart ul.mainnav li.menu-item-1117 a {padding: 8px 30px;color: #fff;font-size: 16px;} .head-svg svg {display:none;} #mainnav-smart .head {display: grid;grid-template-columns: 20px auto 55px;} #mainnav-smart ul.mainnav li.menu-item-1117 {right:inherit;left:20px} .introblock {top: 33vw;} h1 {font-size: 18px;line-height: 28px;} h3 {font-size: 18px;line-height: 28px;} h2,.single h2 {font-size: 24px;line-height: 34px;margin: 0 0 25px 0;} .teasercard-item .teasercard-content h2 {font-size: 22px;line-height: 32px;} .textbild .text h2 {font-size: 22px;line-height: 32px;} #saison-switch [data-saison] {font-size: 14px;border: 2px solid #eee;} .tab-menu li {font-size: 14px;} .tabgrid {max-width: 356px;} } @media (max-width: 355px) { .shortcode .wrp {width:95%;} .stage .wrp .stage-content p strong { font-size: 12px; } header .header-grid, .scrolled header .header-grid { display: grid; grid-template-columns: 115px auto; } #saison-switch {padding:0;} #saison-switch [data-saison] { padding: 5px 10px; } } .rmBody.rmBody--embed { background: transparent; } #rmOrganism .rmBase { background: transparent; color: #31371d; font-family: 'Lato', Arial, Helvetica, sans-serif; } #rmOrganism .rmBase__comp--textlink { color: #FFFFFF; } #rmOrganism .rmBase__comp--link { color: #FFFFFF; } #rmOrganism .rmBase__comp--button { background: #FFFFFF; border: 0px solid #1CCC71; border-radius: 20px; color: #31371D; } #rmOrganism .rmBase__comp--cta { background: #FFFFFF; border: 0px solid #1CCC71; border-radius: 20px; color: #31371D; } #rmOrganism .rmBase__compError { color: #FFFFFF; background-color: #FF0000; } #rmOrganism .rmSubscription { background: transparent; color: #31371d; font-family: 'Lato', Arial, Helvetica, sans-serif; } #rmOrganism .rmSubscription .rmBase__el { font-size: 16px; margin-bottom: 0.5em; } #rmOrganism .rmSubscription .rmBase__el--logo { text-align: right; } #rmOrganism .rmSubscription .rmBase__el--heading { margin-bottom: 0px; text-align: right; } #rmOrganism .rmSubscription .rmBase__el--text { margin-bottom: 28px; text-align: right; } #rmOrganism .rmSubscription .rmBase__el--link { text-align: right; } #rmOrganism .rmSubscription .rmBase__el--captcha { text-align: right; } #rmOrganism .rmSubscription .rmBase__el--cta { align-items: stretch } #rmOrganism .rmSubscription .rmBase__el--legal-notice { text-align: right; } #rmOrganism .rmSubscription .rmBase__comp--heading { color: #fff; font-size: 22px; line-height: 35px; } #rmOrganism .rmSubscription .rmBase__comp--text { font-size: 16px; line-height: 24px; color: #fff; } #rmOrganism .rmSubscription .rmBase__compLabel { color: #31371d; } #rmOrganism .rmSubscription .rmBase__comp--cta { font-size: 16px; } #rmOrganism .rmPopup__close { font-family: 'Lato', Arial, Helvetica, sans-serif; } #rmOrganism .rmPopup__backdrop { background: #303233; opacity: 0.6; } #rmOrganism .rmPage { background: transparent; color: #31371d; font-family: 'Lato', Arial, Helvetica, sans-serif; } #rmOrganism .rmPage .rmBase__comp--heading { color: #31371d; } #rmOrganism .rmPage .rmBase__compLabel { color: #31371d; } .rmBody{margin:0;padding:0}#rmOrganism{box-sizing:border-box;justify-self: end;}#rmOrganism *{color:#fff;border:0;font-size:100%;font:inherit;margin:0;outline:none;padding:0;vertical-align:baseline}#rmOrganism *,#rmOrganism :after,#rmOrganism :before{box-sizing:inherit}#rmOrganism button::-moz-focus-inner,#rmOrganism input::-moz-focus-inner{border:0;padding:0}#rmOrganism input[type=email],#rmOrganism input[type=password],#rmOrganism input[type=text],#rmOrganism textarea{-webkit-appearance:none}#rmOrganism .hidden{display:none!important}#rmOrganism .rmPopup__container{bottom:0;display:none;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}#rmOrganism .rmPopup__container.rmPopup--show{display:flex}#rmOrganism .rmPopup__container .rmPopup__backdrop{display:block;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%}#rmOrganism .rmPopup__container .rmPopup{overflow:hidden;pointer-events:auto}#rmOrganism .rmPopup__container .rmPopup .rmPopup__close{align-items:center;appearance:none;background:rgba(0,0,0,.6);border-radius:100%;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;height:1.6em;justify-content:center;line-height:1;position:absolute;right:2px;text-align:center;top:2px;width:1.6em;z-index:100}#rmOrganism .rmPopup__container .rmPopup .rmPopup__close:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal{border-radius:1em 1em 0 0;max-height:90%;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:98%}@media screen and (min-width:768px){#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal{border-radius:1em;box-shadow:0 0 1em rgba(0,0,0,.25);bottom:auto;top:5%;width:calc(100% - 2em)}}#rmOrganism .rmPopup__container .rmPopup.rmPopup--sidebar{border-radius:1em 0 0 0;box-shadow:0 0 1em rgba(0,0,0,.25);max-height:calc(100% - 1em);overflow:hidden;position:absolute;right:0;bottom:0;width:calc(100% - 1em)}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner{box-shadow:0 0 1em rgba(0,0,0,.15);overflow:hidden;position:absolute;left:0;width:100%}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-top{top:0}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-bottom{bottom:0} #rmOrganism .rmBase__el .comp__input, #rmOrganism .rmBase__el .comp__select { background: none; border: 1px solid #fff; box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .45); color: #fff!important; font-family: inherit; border-radius: 20px; font-size: 18px; font-weight: 400; line-height: 1.5; margin: 0; outline: none; padding: 8px 15px; vertical-align: top; width: 100%; } #rmOrganism .rmBase__el .comp__input:hover,#rmOrganism .rmBase__el .comp__select:hover{box-shadow:inset 0 2px 1px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.85)}#rmOrganism .rmBase__el .comp__input:focus,#rmOrganism .rmBase__el .comp__select:focus{box-shadow:inset 0 2px 1px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.85);color:#333;outline:1px solid rgba(0,0,0,.85)}#rmOrganism .rmBase__el .comp__input::placeholder{color:currentColor!important;opacity:1!important}#rmOrganism .rmBase__el.rmBase__el--has-error .rmBase__compError{display:inline-block}#rmOrganism .rmBase__el--title .rmBase__comp--titleInput{margin-top:1em}#rmOrganism .rmBase__el--image{margin:0!important}#rmOrganism .rmBase__compLabel--required:after{content:"*";font-weight:700;margin-left:.5ch;pointer-events:none;user-select:none}#rmOrganism .rmBase__comp--image{background:no-repeat 50%;height:100%;position:relative;width:100%}#rmOrganism .rmBase__comp--image.image--fit{background-size:cover}#rmOrganism .rmBase__comp--image .image__link{display:block;height:100%;width:100%}#rmOrganism .rmBase__comp--logo{border:none;display:inline-block;height:auto;max-width:100%;vertical-align:top}#rmOrganism .rmBase__comp--logolink{display:inline-block}#rmOrganism .rmBase__comp--cta{cursor:pointer;display:inline-block;font-family:inherit;line-height:1.5;font-weight:700;text-align:center;padding:.5em 1.5em}#rmOrganism .rmBase__comp--cta:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--button,#rmOrganism .rmBase__comp--link{cursor:pointer;display:inline-block;line-height:1.5;text-decoration:none}#rmOrganism .rmBase__comp--button:focus-visible,#rmOrganism .rmBase__comp--link:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--link{font-weight:400;padding:.5em 0}#rmOrganism .rmBase__comp--link:hover{text-decoration:underline}#rmOrganism .rmBase__comp--button{font-weight:700;padding:.5em 1em}#rmOrganism .rmBase__comp--textlink{cursor:pointer;font-weight:400;text-decoration:none}#rmOrganism .rmBase__comp--textlink:hover{text-decoration:underline}#rmOrganism .rmBase__comp--textlink:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--captcha{display:inline-block;max-width:100%;overflow:hidden;text-align:left;vertical-align:top}#rmOrganism .rmBase__comp--coupon{border:2px dashed;display:inline-block;line-height:1.5;padding:.75em 2.25em}#rmOrganism .rmBase__comp--birthday{display:flex}#rmOrganism .rmBase__comp--birthday .comp__select{flex-grow:1;min-width:1%}#rmOrganism .rmBase__comp--birthday .comp__select:not(:first-child){margin-left:1em}#rmOrganism .rmBase__comp--privacy{align-items:center;display:flex}#rmOrganism .rmBase__comp--privacy .privacy__visual{flex-shrink:0;font-size:16px;height:4em;margin-right:1em;width:4em}#rmOrganism .rmBase__comp--privacy .privacy__text{font-size:11px;line-height:1.4;text-align:left}#rmOrganism .rmBase__comp--privacy .privacy__text a{color:currentColor;text-decoration:underline}#rmOrganism .rmBase__comp--privacy .privacy__text a:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox,#rmOrganism .rmBase__comp--radio .vFormCheckbox{align-items:flex-start;display:inline-flex}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input{appearance:none;background:#fff;border:1px solid rgba(0,0,0,.45);border-radius:.25em;color:#333;cursor:pointer;display:inline-block;flex-shrink:0;height:1.25em;line-height:0;position:relative;vertical-align:top;width:1.25em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input:checked:after,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input:checked:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='10' height='10'%3E%3Cpath fill='%23333' d='M19.4 2.6c-.8-.8-2-.8-2.8 0L6.4 12.8l-3-3.1c-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8L5.1 17c.8.8 2 .8 2.8 0l1.4-1.4L19.4 5.4c.8-.8.8-2 0-2.8z'/%3E%3C/svg%3E") no-repeat 50%;content:"";display:block;height:.75em;left:50%;margin:-.375em 0 0 -.375em;position:absolute;top:50%;width:.75em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input:focus-visible,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__label,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__label{font-size:1em;line-height:1.25;margin:0}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__label--required:after,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__label--required:after{content:"*";font-weight:700;pointer-events:none;user-select:none}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input~.vFormCheckbox__label,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input~.vFormCheckbox__label{margin:0 0 0 .75em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox:hover .vFormCheckbox__input,#rmOrganism .rmBase__comp--radio .vFormCheckbox:hover .vFormCheckbox__input{border-color:rgba(0,0,0,.85)}#rmOrganism .rmBase__comp--checkbox{font-size:1em;line-height:1.25}#rmOrganism .rmBase__comp--radio{padding-top:.625em}#rmOrganism .rmBase__comp--radio .vFormRadio__group--inline,#rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked{display:inline-flex;flex-direction:row;flex-wrap:wrap}#rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked{flex-direction:column}#rmOrganism .rmBase__comp--radio .vFormRadio{align-items:flex-start;display:inline-flex;vertical-align:top}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input{appearance:none;background:#fff;border:1px solid rgba(0,0,0,.45);border-radius:100%;color:#333;cursor:pointer;display:inline-block;flex-shrink:0;height:1.25em;line-height:0;position:relative;vertical-align:top;width:1.25em}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input:checked:after{background:currentColor;border-radius:100%;content:"";display:block;height:.5em;left:50%;margin:-.25em 0 0 -.25em;position:absolute;top:50%;width:.5em}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input:focus-visible{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__label{font-size:1em;line-height:1.25;margin:0 0 0 .75em}#rmOrganism .rmBase__comp--radio .vFormRadio:hover .vFormRadio__input{border-color:rgba(0,0,0,.85)}#rmOrganism .rmBase__comp--radio .vFormRadio--inline{display:inline-flex}#rmOrganism .rmBase__comp--radio .vFormRadio--inline:not(:first-child){margin-left:1em}#rmOrganism .rmBase__comp--radio .vFormRadio--stacked{display:flex}#rmOrganism .rmBase__comp--radio .vFormRadio--stacked:not(:first-child){margin-top:.5em}#rmOrganism .rmBase__compError{border-radius:3px;display:none;font-size:12px;font-weight:700;line-height:1.5;margin-top:2px;padding:1px 5px}#rmOrganism .rmBase__compError--radio{margin-top:.5em}#rmOrganism .rmBase__comp--legal-noticeDivider{background:currentColor;border:none;color:inherit;display:inline-block;font-size:1em;height:2px;line-height:0;margin-bottom:1em;opacity:.25;overflow:hidden;width:10em}#rmOrganism .rmBase__comp--legal-notice{font-size:11px;line-height:1.4}@media screen and (min-width:480px){#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left{display:flex}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel{flex-basis:30%;flex-shrink:0;hyphens:auto;margin:0;max-width:30%;padding:.625em .5em 0 0}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer{flex-grow:1}}#rmOrganism .rmLayout--vertical.rmBase{display:flex;flex-direction:column;max-width:480px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase .rmBase__container{padding:2em}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image{height:140px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right{max-width:640px}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto;order:10}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__content{flex-basis:80%;flex-grow:1;flex-shrink:0;max-width:400px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image{flex-shrink:0;height:100px;order:10}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image{height:140px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left{max-width:640px}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__content{flex-basis:80%;flex-grow:1;flex-shrink:0;max-width:400px}}#rmOrganism .rmLayout--horizontal.rmBase{display:flex;flex-direction:column;max-width:640px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase .rmBase__container{padding:0}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section{display:flex;flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el{flex-basis:0px;flex-grow:1;margin-right:1em}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el:last-child{margin-right:0}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--link:not(:only-child){flex-basis:auto;flex-grow:0;flex-shrink:0}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--link:not(:only-child){align-self:flex-end}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section:last-child .rmBase__el{margin-bottom:0}}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right{max-width:800px}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto;order:10}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__content{flex-basis:90%;flex-grow:1;flex-shrink:0;max-width:640px}}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left{max-width:800px}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__content{flex-basis:90%;flex-grow:1;flex-shrink:0;max-width:640px}}@media screen and (min-width:768px){#rmOrganism .rmLayout--banner.rmBase{display:flex;flex-direction:column}#rmOrganism .rmLayout--banner.rmBase .rmBase__content{margin:0 auto;max-width:1200px;width:100%}#rmOrganism .rmLayout--banner.rmBase .rmBase__container{padding:1em 2em}#rmOrganism .rmLayout--banner.rmBase .rmBase__section{display:flex;flex-direction:row;min-width:480px}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el{flex-basis:0px;flex-grow:1;margin-right:1em}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el:last-child{margin-right:0}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--link:not(:only-child){flex-basis:auto;flex-grow:0;flex-shrink:0}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--link:not(:only-child){align-self:flex-end}#rmOrganism .rmLayout--banner.rmBase .rmBase__section:last-child .rmBase__el{margin-bottom:0}}#rmOrganism .rmSubscription.rmBase__body{display:flex;flex-direction:column;overflow:hidden}#rmOrganism .rmSubscription .rmBase__content{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow:auto}#rmOrganism .rmSubscription .rmBase__container{padding:0}#rmOrganism .rmSubscription .rmBase__el .rmBase__compLabel{display:block;line-height:1.25;margin:0 0 .25em;max-width:99%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-none .rmBase__compLabel.rmBase__compLabel--hideable{display:none}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--cta{display:flex;flex-direction:column}#rmOrganism .rmSubscription .rmBase__section:last-child .rmBase__el:last-child{margin-bottom:0}.rmBody.rmBody--subscription.rmBody--popup{background:#e9edf2}.rmBody.rmBody--subscription.rmBody--embed #rmOrganism .rmBase{margin:0 auto}#rmOrganism .rmPage{font-size:16px}#rmOrganism .rmPage .rmBase__container{margin:0 auto;max-width:44em;padding:2em 1em}@media screen and (min-width:768px){#rmOrganism .rmPage .rmBase__container{padding:2em}}#rmOrganism .rmPage .rmBase__comp--heading{font-size:2em;line-height:1.25}#rmOrganism .rmPage .rmBase__compLabel{display:block;line-height:1.25;margin:0 0 .25em;max-width:99%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#rmOrganism .rmPage .rmBase__el{font-size:1em;line-height:1.4;margin-bottom:1em}#rmOrganism .rmPage .rmBase__el--logo{margin:0 0 3em}#rmOrganism .rmPage .rmBase__el--coupon,#rmOrganism .rmPage .rmBase__el--cta,#rmOrganism .rmPage .rmBase__el--unsubscribe-reason{margin:3em 0}#rmOrganism .rmPage .rmBase__el--coupon .rmBase__compLabel,#rmOrganism .rmPage .rmBase__el--unsubscribe-reason .rmBase__compLabel{margin:0 0 .5em;max-width:100%;overflow:visible;text-overflow:unset;white-space:normal}#rmOrganism .rmPage .rmBase__el--unsubscribe-reason{text-align:left}#rmOrganism .rmPage .rmBase__el--legal-notice{margin-top:3rem;text-align:left}#rmOrganism .rmPage .rmBase__section:last-child .rmBase__el:last-child{margin-bottom:0}#rmOrganism .rmLayout--page-centered .rmPage .rmBase__container,#rmOrganism .rmLayout--page-centered .rmPage .rmBase__container .rmBase__el--legal-notice{text-align:center}#rmOrganism .rmLayout--legacy .rmBase__el .comp__input,#rmOrganism .rmLayout--legacy .rmBase__el .comp__select{border-radius:0;height:2em;padding:.25em .5em}@media screen and (min-width:360px){#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left{display:flex}#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel{flex-basis:140px;flex-shrink:0;hyphens:auto;margin:0;max-width:140px;padding:.375em .5em 0 0}#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer{flex-grow:1}}#rmOrganism .rmLayout--legacy.rmBase{display:flex;flex-direction:column;max-width:400px}#rmOrganism .rmLayout--legacy.rmBase .rmBase__container{padding:10px}.rmBody.rmBody--subscription.rmBody--legacy{background:transparent}.rmBody.rmBody--subscription.rmBody--legacy.rmBody--embed #rmOrganism .rmBase{margin:0 auto 0 0} @media (max-width: 900px) { #rmOrganism { justify-self: start; } } @media (max-width: 767px) { #rmOrganism { justify-self: stretch; } }