@charset "UTF-8";
/*! Contents generated by MODX - this file will be overwritten. */:root{--main-bg-color: #000000;--font-color: #FCE482;--naviumbruch: 1000px;--font1:"Montserrat", sans-serif;--font2:"Quicksand", sans-serif;--page-color1:#DC9B24;--page-color2:#DC9B24;--page-color3:#FCE482;--page-color4:#ffffff;--maxwidth:1500px}/*!in SCSS wieder integrieren, css var in media queries funktionieren*/@media (max-width:1000px){button.menu-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{z-index:1001;position:relative}.navbar::before{content:"";display:block;width:100%;height:100%;background:white;position:absolute;top:0;left:0;z-index:1001}.logo{position:relative;z-index:1002}nav{display:none;position:absolute;width:100%;top:79px;border-top:1px solid #e5ede7;-webkit-transform:translateY(-220%);-ms-transform:translateY(-220%);transform:translateY(-220%);background-color:white;z-index:1000;-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;-o-transition:transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s, -webkit-transform ease 0.3s}nav ul{display:block;background:white;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;border-bottom:4px solid #073a57}nav li{height:auto;width:100%;padding:0}nav li.active::before{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;left:0}nav li.active:not(.parent)::after{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;right:0}nav a,nav span{width:100%;padding:12px 20px;text-align:center;border-bottom:1px solid #a4bfcf}.menu-active nav{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}nav{display:block}.mactive span{border-bottom-style:dotted}.mactive ul{visibility:visible;opacity:1;height:auto;display:block;border-top:0;padding-bottom:0;padding:20px;background:rgba(0, 0, 0, 0.05);padding-top:0;padding-bottom:0}li.parent::after{right:none;border-right:2px solid var(--page-color1);border-bottom:2px solid var(--page-color1);width:11px;height:11px;right:33px;top:33px}li.parent:hover::after{border-right:2px solid #000;border-bottom:2px solid #000}nav>ul>li>ul{visibility:hidden;opacity:0;position:relative;background:0;padding-top:0;height:0;display:none}nav>ul>li.mactive>ul{visibility:visible;opacity:1;height:auto;display:block}li.parent>ul a,li.parent>ul span{border-top:0}nav>ul>li>ul a,nav>ul>li>ul span{line-height:1.3em}}@media (max-width:1000px) and (min-width:1150px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}@media (min-width:1000px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}/*!Farbe Dropdown*/nav>ul>li>ul{background:var(--main-bg-color)}/*!Zeilenabstand*/body{line-height:1.7}/*!LogoBreite Fussteile ändern*/.global-kontakt img{width:350px;max-width:100%;max-height:100%}/*!Sektionen ausblenden über Ankerlink-ID*/#offline{display:none}/*!Schriftfarbe Kontaktformular*/.form input::placeholder,.form textarea::placeholder{color:var(--page-color1)}.font-white .font-white input,.font-white textarea{color:var(--page-color1)}.font-white input[type="submit"]{color:var(--page-color1)}.form input[type="submit"]{color:var(--page-color1)}/*!Hintergrund*/.form input,.form textarea{color:var(--page-color1);background-color:var(--main-bg-color);border:1px solid var(--page-color1)}/*!Hintergrundbild & Zeilenabstand*/body{line-height:1.7;background:url(/assets/userupload/assets/uploads/eiche-event-hintergrund-k2.jpg) fixed no-repeat;background-size:cover;background-position:center center;/*! Standard: zentriert */}.navbar{background:var(--main-bg-color);border-bottom:1px solid var(--page-color3);background:url(/assets/userupload/assets/uploads/eiche-event-hintergrund-k2.jpg) fixed no-repeat;background-position-x:0%;background-position-y:0%;background-size:auto;background-size:cover;background-position:center center}.google-close{position:absolute;right:8px;top:10px;padding:5px;font-size:20px;color:var(--page-color1);opacity:0.5;-webkit-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;font-family:Arial, Helvetica, sans-serif;z-index:3}/*!==========================================
Header Slideshow Style
==========================================*//*! Header Container */.hero-header{position:relative;width:100%;height:100vh;/*! 100% Bildschirmhöhe auf Desktop */overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}/*! Auf Mobilgeräten nur 50% der Bildschirmhöhe */@media (max-width:768px){.hero-header{height:50vh}}/*! Container für die einzelnen Slides */.slideshow-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}/*! Einzelnes Bild-Element */.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;will-change:transform, opacity}.slide.active{opacity:1}/*! Content über dem Header */.hero-content{position:relative;z-index:2;color:#ffffff;text-align:center;padding:20px;background:rgba(0, 0, 0, 0.4);border-radius:8px}/*!Schrift Floating-Google-Bewertungen*/.google-bewertung{font-family:arial;font-size:14px;color:var(--page-color1);background-color:var(--main-bg-color);border:1px solid var(--page-color1)}/*!Kontaktbereich/Footer abdunkeln*/.global-kontakt section{background:rgba(0, 0, 0, 0.6)}/*!Grösse Navigation*/.navbar{height:100px}/*!Schriftart vergrössern*/nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}/*!Button Galerie über Bilder legen | Abstände der Bilder*/button.galloadmore{display:block;position:relative;color:var(--font-color);background:var(--main-bg-color);border:1px solid var(--page-color1);padding:6px 12px;margin-top:-45px;margin-bottom:12px;z-index:1000}.zoom-gallery{width:100%;display:grid;grid-column-gap:4px;grid-row-gap:4px;margin-top:4px;margin-bottom:4px}/*!==========================================
Header Slideshow Fullscreen Fix
==========================================*/.custom-hero-header{position:relative !important;width:100% !important;height:100vh !important;min-height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background-color:#111 !important}/*! Mobilgeräte: 50% Bildschirmhöhe */@media (max-width:768px){.custom-hero-header{height:50vh !important;min-height:50vh !important}}.slideshow-css{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;z-index:1 !important}.slide-item{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;opacity:0;transform:scale(1);animation:cssSlideshow12 60s linear infinite}/*! Zeitversetzter Start alle 5 Sekunden bei 12 Bildern */.slide-item:nth-child(1){animation-delay:0s}.slide-item:nth-child(2){animation-delay:5s}.slide-item:nth-child(3){animation-delay:10s}.slide-item:nth-child(4){animation-delay:15s}.slide-item:nth-child(5){animation-delay:20s}.slide-item:nth-child(6){animation-delay:25s}.slide-item:nth-child(7){animation-delay:30s}.slide-item:nth-child(8){animation-delay:35s}.slide-item:nth-child(9){animation-delay:40s}.slide-item:nth-child(10){animation-delay:45s}.slide-item:nth-child(11){animation-delay:50s}.slide-item:nth-child(12){animation-delay:55s}@keyframes cssSlideshow12{0%{opacity:0;transform:scale(1)}2%{opacity:1}8%{opacity:1;transform:scale(1.12)}10%{opacity:0;transform:scale(1.15)}100%{opacity:0}}.hero-content{position:relative !important;z-index:10 !important;color:#ffffff !important;text-align:center !important;padding:30px 20px !important;background:rgba(0, 0, 0, 0.5) !important;border-radius:8px !important;max-width:800px !important;margin:0 auto !important}/*!==========================================
Header Huge Floating Text Overlay (Right to Left)
==========================================*/.floating-text-container{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:10 !important;overflow:hidden !important;pointer-events:none !important}.floating-text{position:absolute !important;top:0 !important;left:0 !important;white-space:nowrap !important;font-size:15rem !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:6px !important;/*! 25% Deckkraft */color:rgba(255, 255, 255, 0.25) !important;text-shadow:0 10px 30px rgba(0, 0, 0, 0.3) !important;/*! Konstant lineare Bewegung von rechts nach links (60 Sekunden) */animation:moveRightToLeft 60s linear infinite !important;will-change:transform}@keyframes moveRightToLeft{0%{/*! Startet ganz rechts ausserhalb des Bildschirms */transform:translate3d(100vw, 10vh, 0)}25%{/*! Welle nach unten */transform:translate3d(40vw, 40vh, 0)}50%{/*! Welle nach oben */transform:translate3d(-20vw, 15vh, 0)}75%{/*! Welle nach unten */transform:translate3d(-80vw, 45vh, 0)}100%{/*! Verschwindet links ausserhalb des Bildschirms */transform:translate3d(-100%, 10vh, 0)}}/*! Mobilanpassung */@media (max-width:768px){.floating-text{font-size:6rem !important}}/*!==========================================
Calligraphic Counters with Staggered Delay
==========================================*/.counter-section{width:100% !important;padding:40px 0 !important}.counter-container{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;gap:20px !important}.counter-item{display:flex !important;flex-direction:column !important;align-items:center !important;flex:1 !important;max-width:320px !important}.svg-box{position:relative !important;width:100% !important;max-width:280px !important;height:120px !important;display:flex !important;align-items:center !important;justify-content:center !important}.oval-svg{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;overflow:visible !important;transform:rotate(-3deg)}.oval-path{fill:none !important;stroke:var(--page-color1) !important;/*! Masive Grunddicke für deutliche Kalligraphie-Dynamik */stroke-width:7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;/*! Pfadumfang für sauberen Zeicheneffekt */stroke-dasharray:900 !important;stroke-dashoffset:900 !important;/*! Organischer Schatten simuliert variierende Tintentiefe */filter:drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.15))}/*! Dynamische Transition mit leicht unterschiedlicher Dauer */.counter-item.animated .oval-path{stroke-dashoffset:0 !important}/*! Versetzter Start (Staggered Effect) */.counter-item:nth-child(1) .oval-path{transition:stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1) 0s !important}.counter-item:nth-child(2) .oval-path{transition:stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1) 0.4s !important;/*! 0.4s Verzögerung */}.counter-item:nth-child(3) .oval-path{transition:stroke-dashoffset 2s cubic-bezier(0.25, 1, 0.5, 1) 0.8s !important;/*! 0.8s Verzögerung */}.counter-number{font-size:2.2rem !important;font-weight:800 !important;color:var(--page-color3) !important;z-index:2 !important;font-family:inherit !important}.counter-label{margin-top:15px !important;font-size:1.2rem !important;font-weight:600 !important;color:var(--page-color3) !important;text-align:center !important;text-transform:uppercase !important;letter-spacing:1.5px !important}/*! Mobilgeräte */@media (max-width:768px){.counter-container{flex-direction:column !important;gap:40px !important}.counter-item{width:100% !important;max-width:260px !important}.counter-number{font-size:1.8rem !important}}/*!==========================================
Gamified CTA Quiz Component (Mobile Optimized)
==========================================*/.quiz-cta-section{position:relative !important;z-index:100 !important;width:100% !important;padding:40px 15px !important;display:flex !important;justify-content:center !important;align-items:center !important;box-sizing:border-box !important}.quiz-container{position:relative !important;z-index:101 !important;width:100% !important;max-width:850px !important;margin:0 auto !important;background:rgba(20, 20, 20, 0.95) !important;border:1px solid rgba(212, 175, 55, 0.4) !important;border-radius:12px !important;padding:40px 25px !important;box-shadow:0 15px 35px rgba(0, 0, 0, 0.7) !important;box-sizing:border-box !important}/*! Zurück-Button Header */.quiz-header-nav{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:25px !important;min-height:30px !important}.quiz-back-btn{background:transparent !important;border:none !important;color:var(--page-color1) !important;font-size:0.95rem !important;font-weight:600 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:6px !important;padding:0 !important;opacity:0;pointer-events:none;transition:opacity 0.3s ease !important}.quiz-back-btn.visible{opacity:1 !important;pointer-events:auto !important}.quiz-progress-bar{flex:1 !important;height:6px !important;background:rgba(255, 255, 255, 0.1) !important;border-radius:3px !important;overflow:hidden !important;margin-left:15px !important}.quiz-progress-fill{height:100% !important;width:20%;background:var(--page-color1) !important;transition:width 0.4s ease-in-out !important}.quiz-step{display:none;text-align:center !important}.quiz-step.active{display:block !important}.quiz-question{font-size:1.8rem !important;font-weight:700 !important;line-height:1.3 !important;color:var(--page-color3) !important;margin-bottom:25px !important;text-transform:uppercase !important}.highlight-gold{color:var(--page-color1) !important;font-size:2.2rem !important;font-weight:900 !important;display:inline-block !important}.quiz-subtext{font-size:1.1rem !important;color:var(--page-color3) !important;margin-bottom:25px !important}.quiz-buttons{display:flex !important;justify-content:center !important;gap:15px !important;flex-wrap:wrap !important;width:100% !important}.quiz-btn{position:relative !important;z-index:102 !important;background:transparent !important;border:2px solid var(--page-color1) !important;color:var(--page-color3) !important;padding:14px 28px !important;font-size:1rem !important;font-weight:700 !important;text-transform:uppercase !important;border-radius:50px !important;cursor:pointer !important;transition:all 0.3s ease !important;text-decoration:none !important;display:inline-block !important;box-sizing:border-box !important}.quiz-btn:hover{background:var(--page-color1) !important;color:#000 !important}.quiz-btn-gold{background:var(--page-color1) !important;color:#000 !important}/*! Datums-Eingabe (Mobil-Fix) */.quiz-date-wrapper{display:flex !important;flex-direction:row !important;gap:10px !important;align-items:center !important;justify-content:center !important;width:100% !important;flex-wrap:wrap !important}.quiz-date-input{background:rgba(255, 255, 255, 0.1) !important;border:2px solid var(--page-color1) !important;color:var(--page-color3) !important;padding:14px 20px !important;font-size:1rem !important;border-radius:50px !important;outline:none !important;font-family:inherit !important;color-scheme:dark !important;min-height:50px !important;box-sizing:border-box !important;-webkit-appearance:none !important;/*! Behebt iOS Datepicker-Klick-Sperren */appearance:none !important}/*! Mobile responsive Layout-Optimierung */@media (max-width:768px){.quiz-container{padding:30px 18px !important}.quiz-question{font-size:1.3rem !important}.highlight-gold{font-size:1.6rem !important}.quiz-buttons{flex-direction:column !important;align-items:stretch !important}.quiz-btn{width:100% !important;text-align:center !important}.quiz-date-wrapper{flex-direction:column !important}.quiz-date-input{width:100% !important;text-align:center !important}}/*!--------------------------------------------------------------------
Mobile navigation farbe
------------------------------------------------------------------------*/@media (max-width:800px){/*!Navigation mobil Hintergrund*//*!navigation farbe ende*//*!Grösse Navigation*//*!Schriftart vergrössern*/.navbar{background:var(--main-bg-color)}nav>ul>li>ul{background:var(--main-bg-color)}nav li.active::before{background-color:var(--main-bg-color)}nav a{color:var(--page-color2)}nav>ul>li:hover>a,nav>ul>li:hover>span{color:var(--page-color2)}li.parent::after{border-right:1px solid var(--page-color2);border-bottom:1px solid var(--page-color2)}.navbar{height:80px}nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}}@media (max-width:800px) and (max-width:800px){.navbar{background:var(--main-bg-color)}.navbar::before{background:var(--main-bg-color)}button.menu-btn{color:var(--page-color2)}nav{border-top:1px solid var(--page-color2)}nav ul{background:var(--main-bg-color);border-bottom:4px solid var(--page-color2)}nav li.active::before{background-color:var(--main-bg-color)}nav li.active:not(.parent)::after{background-color:var(--main-bg-color)}nav a,nav span{border-bottom:1px solid var(--page-color1)}nav>ul>li>ul{border-right:1px solid var(--page-color2);border-bottom:1px solid var(--page-color1);border-left:1px solid var(--page-color2)}}/*!============================================*//*! Burger *//*!============================================*/button.menu-btn{position:relative;z-index:1060;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;color:var(--page-color1);border:none;background-color:transparent;display:none;margin-right:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.burger-icon{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px}.custom-animated-burger .line{display:block;width:100%;height:3px;background-color:var(--page-color1);border-radius:2px;transition:all 0.3s ease-in-out}.custom-animated-burger.is-active .line-2{opacity:0;transform:translateX(-10px)}.custom-animated-burger.is-active .line-1{transform:translateY(9px) rotate(45deg)}.custom-animated-burger.is-active .line-3{transform:translateY(-10px) rotate(-45deg)}@media (max-width:1000px){button.menu-btn{display:-webkit-box;display:-ms-flexbox;display:flex}}