/* Contents generated by MODX - this file will be overwritten. */@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');:root{--main-bg-color:#ffffff;--font-color:#2B2B2B;--naviumbruch:1000px;--font1:'Montserrat', sans-serif;--font2:'Quicksand', sans-serif;--page-color1:#129ecc;--page-color2:#129ecc;--page-color3:#ddf5fd;--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}}/*anmeldung Schiesskurs*//* 1. Honeypot komplett entfernen */.form-group.honey{display:none !important}/* 2. Layout & Spalten */.form-content{display:flex;flex-wrap:wrap;gap:15px;max-width:1000px;margin:0 auto}.form-content .form-group{flex:1 1 calc(50% - 15px);margin-bottom:15px}/* Felder auf 100% (Name, Geburtstag, Kurs, Radio-Abfrage, Bemerkung) */.form-content .form-group:has(#field_1),.form-content .form-group:has(#field_20),.form-content .form-group:has(select),.form-content .form-group:has(textarea),.form-content .form-group:has(input[type="radio"]){flex:1 1 100% !important}/* 3. Labels (Titel) steuern */.form-content .form-group label{display:none !important}/* Spezifische Titel wieder einblenden: Geburtstag & Radio-Frage */.form-group:has(#field_20)>label,.form-group:has(input[type="radio"])>label{display:block !important;font-weight:bold;margin-bottom:8px;font-size:1.1rem;color:#333}/* Ja/Nein Beschriftung neben den Kreisen einblenden */.form-control--wrapper label{display:inline-flex !important;align-items:center;margin-right:30px !important;font-size:1.1rem;font-weight:normal !important;cursor:pointer}/* 4. Eingabefelder Design */.form-content .form-control{width:100% !important;/* width auf 100% erzwungen */height:55px;padding:12px 15px;font-size:1.1rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}/* 5. RADIOBUTTON FIX (Die Auswahlkreise) */.form-content input[type="radio"].form-control{width:25px !important;height:25px !important;min-height:25px !important;margin-right:10px !important;cursor:pointer;display:inline-block !important;-webkit-appearance:radio !important;appearance:radio !important;background:none !important;border:none !important}/* 6. Button Zentrierung & Design */.form-pagination{display:flex !important;justify-content:center !important;width:100% !important;margin-top:40px !important}.form-pagination .button{background-color:#8B0000 !important;color:#ffffff !important;padding:18px 60px !important;font-size:1.2rem !important;border:none !important;border-radius:5px !important;text-transform:uppercase;font-weight:bold;cursor:pointer}/* --- VERBESSERTE MOBILE OPTIMIERUNG --- */@media (max-width:768px){/* Alle Spalten zwingend auf 100% */.form-content .form-group{flex:1 1 100% !important;width:100% !important;max-width:100% !important/* Padding im Container reduzieren, damit nichts klebt */}.form-content{gap:10px;padding:0 10px/* Eingabefelder für Mobilgeräte optimieren */}.form-content .form-control{height:50px !important;font-size:16px !important;/* Verhindert automatisches Zoomen auf iPhones *//* Absendebutton auf volle Breite für Daumenbedienung */}.form-pagination .button{width:100% !important;padding:15px 10px !important/* Radio-Buttons: Mehr Platz zwischen den Optionen auf dem Handy */}.form-control--wrapper label{margin-right:15px !important;font-size:1rem !important}}/*Schriftart von Google Fonts*/#header-font{/* Hier stellst du den Faktor ein – einmal ändern für alles */--skalierung:2}#header-font h1,#header-font h2,#header-font h3,#header-font h4,#header-font h5{font-family:"Goldman", cursive;font-weight:400;line-height:1.5em;/* Nutzt die Browser-Standardgrösse und multipliziert sie mit deinem Faktor */font-size:calc(var(--skalierung) * 1em)}/* Da die Browser-Standards je nach Browser leicht variieren können, 
 verfeinern wir die Basis-Relation hier kurz und knackig: */#header-font h1{font-size:calc(var(--skalierung) * 2.00em)}#header-font h2{font-size:calc(var(--skalierung) * 2.00em)}#header-font h3{font-size:calc(var(--skalierung) * 1.25em)}#header-font h4{font-size:calc(var(--skalierung) * 1.00em)}#header-font h5{font-size:calc(var(--skalierung) * 0.83em)}@media (max-width:600px){.header.minheight65{min-height:450px}}/*Zeilenabstand*/body{line-height:1.7}/*Grösse Navigation*/.navbar{height:80px}/*Schriftart vergrössern*/nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}/*Icongrösse bei Icon-Liste ändern*/.wicon{width:56px}/*-----------------------------------------*//*Trennelement*//*-----------------------------------------*/.kalligrafie-box{position:relative;width:100%;/* Verhindert zusätzliche Abstände durch Line-Height */line-height:0}/* Stetiger Farbfluss basierend auf den Schweizer Farbbezeichnungen */#swashGrad .stop1{stop-color:var(--page-color1);animation:flow-pc1 5s infinite alternate ease-in-out}#swashGrad .stop2{stop-color:var(--page-color3);animation:flow-pc3 5s infinite alternate ease-in-out}@keyframes flow-pc1{0%{stop-color:var(--page-color1)}100%{stop-color:var(--page-color3)}}@keyframes flow-pc3{0%{stop-color:var(--page-color3)}100%{stop-color:var(--page-color1)}}.kalligrafie-box{position:relative;width:100%;line-height:0}/* Animation für die gedrehte Version */#swashGradReverse .stop1{stop-color:var(--page-color1);animation:flow-pc1 5s infinite alternate ease-in-out}#swashGradReverse .stop2{stop-color:var(--page-color3);animation:flow-pc3 5s infinite alternate ease-in-out}@keyframes flow-pc1{0%{stop-color:var(--page-color1)}100%{stop-color:var(--page-color3)}}@keyframes flow-pc3{0%{stop-color:var(--page-color3)}100%{stop-color:var(--page-color1)}}/*------------------------------------------*//*Ausrichtung Boxen*//*------------------------------------------*/.home-link-box{height:75%;max-height:450px;width:100%}/*------------------------------------------*//* Extravaganter Button: Rechteckig & Glow  *//*------------------------------------------*/.cta-wrapper{padding:30px;display:flex;justify-content:center}.btn-extravagant{position:relative;display:inline-block;padding:18px 42px;background:linear-gradient(135deg, var(--page-color1) 0%, var(--page-color3) 100%);color:#ffffff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:14px;/* Abgerundete Ecken statt Vollradius */border-radius:8px;transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);cursor:pointer;overflow:hidden;border:none;/* Initialer Schatten */box-shadow:0 8px 15px rgba(0, 0, 0, 0.1)}/*------------------------------------------*//* Pulsierender Glow in Page-Color3         *//*------------------------------------------*/.btn-extravagant{animation:glow-pulse-color3 3s infinite}@keyframes glow-pulse-color3{0%{box-shadow:0 8px 15px rgba(0, 0, 0, 0.1), 0 0 0 0px var(--page-color1)}70%{box-shadow:0 12px 25px rgba(0, 0, 0, 0.15), 0 0 0 15px rgba(255, 255, 255, 0);/* Nutzt die Farbe aus dem CSS-Kontext für den Glow *//* Hinweis: Für einen echten farbigen Glow nutzen wir die Variable direkt */box-shadow:0 8px 15px rgba(0, 0, 0, 0.1), 0 0 20px 5px var(--page-color1)}100%{box-shadow:0 8px 15px rgba(0, 0, 0, 0.1), 0 0 0 0px var(--page-color1)}}/*------------------------------------------*//* Hover-Effekte & Glanzstrahl              *//*------------------------------------------*/.btn-flare{position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transform:skewX(-25deg)}.btn-extravagant:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg, var(--page-color3) 0%, var(--page-color1) 100%);letter-spacing:2.5px}.btn-extravagant:hover .btn-flare{left:150%;transition:all 0.8s ease-in-out}.btn-text{position:relative;z-index:2}/*------------------------------------------------*//*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(--page-color3);border:1px solid var(--page-color1)}/*------------------------------------------*//* Rezensionen & Mini-Button Kombiniert     *//*------------------------------------------*/.reviews-section{padding:40px 20px;display:flex;flex-direction:column;align-items:center}.review-slider{position:relative;max-width:850px;width:100%;min-height:320px;/* Platzbedarf für die Texte */display:flex;align-items:center;justify-content:center}.review-card{position:absolute;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.8s ease-in-out;text-align:center;text-decoration:none;color:inherit;width:100%;background:transparent;padding:30px;border:2px solid var(--page-color1);border-radius:4px;box-sizing:border-box}.review-card.active{opacity:1;visibility:visible;transform:translateY(0)}.review-stars{color:var(--page-color1);font-size:24px;margin-bottom:15px}.review-text{font-style:italic;font-size:1.1rem;line-height:1.6;color:#2B2B2B;margin-bottom:20px}.review-author{font-weight:700;text-transform:uppercase;font-size:0.9rem;letter-spacing:1px}/*------------------------------------------*//* Mini-Button unter dem Rahmen             *//*------------------------------------------*/.review-action{margin-top:20px;/* Kleiner Abstand zum Slider-Rahmen */}.btn-review-mini{display:inline-block;padding:6px 18px;/* Kleineres Padding */border:1px solid var(--page-color1);color:var(--page-color1);text-decoration:none;font-weight:600;font-size:11px;/* Kleinere Schriftart */text-transform:uppercase;letter-spacing:0.8px;border-radius:3px;transition:all 0.3s ease}.btn-review-mini:hover{background-color:var(--page-color1);color:#ffffff}/*---------------------------------*//*Sektion ausblenden*//*---------------------------------*/#offline{display:none}