@charset "UTF-8";
/*! Contents generated by MODX - this file will be overwritten. */:root{--main-bg-color: #1f0101;--font-color: #ffffff;--naviumbruch: 1000px;--font1:"Montserrat", sans-serif;--font2:"Quicksand", sans-serif;--page-color1:#bf2030;--page-color2:#bf2030;--page-color3:#390409;--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}/*!Hintergrundbild & Zeilenabstand*/body{line-height:1.7;background:url(/assets/userupload/assets/uploads/hintergrund-2560.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/hintergrund-2560.jpg) fixed no-repeat;background-position-x:0%;background-position-y:0%;background-size:auto;background-size:cover;background-position:center center}/*!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}/*!Umbruch butteons im Header*/.ob-button-list{flex-wrap:wrap;row-gap:10px}/*! Blendat die E-Mail-Adresse im Kontaktbereich aus */.kontaktdaten__eintrag:has(a[href^="mailto:"]){display:none !important}/*!======================================
Farbe Navigation
======================================*//*!navigation farbe*/.navbar{background:var(--main-bg-color)}nav>ul>li>ul{background:var(--main-bg-color)}nav li.active::before{background-color:var(--page-color2)}nav a{color:var(--page-color4)}nav>ul>li:hover>a,nav>ul>li:hover>span{color:var(--page-color2)}/*!Navigation mobil Hintergrund*/@media (max-width:1200px){/*! Falls die drei Linien (.line) im Button noch keine feste Grösse haben, *//*! gib ihnen hier eine, damit sie durch das Hintergrundbild nicht unsichtbar werden: */.navbar{background:var(--main-bg-color)}.navbar::before{background:var(--main-bg-color)}button.menu-btn{color:var(--page-color2)}button.menu-btn{color:var(--page-color2);display:block !important;/*! Garantiert, dass der Button mobil aktiv ist */position:absolute;/*! Löst ihn aus dem Fluss, damit er über dem Bild liegt */right:20px;/*! Rechtsbündig in der Navbar */top:50%;/*! Zentriert ihn vertikal */transform:translateY(-50%);/*! Perfekte vertikale Zentrierung */z-index:9999 !important;/*! Setzt ihn gnadenlos über das Hintergrundbild */background:transparent;/*! Verhindert unschöne Standard-Hintergründe */border:none;/*! Entfernt Standard-Rahmen */cursor:pointer}button.menu-btn .line{display:block;width:30px;height:3px;background-color:var(--page-color4);/*! Oder direkt #ffffff für Weiss */margin:6px 0;transition:all 0.3s ease}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)}}li.parent::after{border-right:1px solid var(--page-color2);border-bottom:1px solid var(--page-color2)}/*!navigation farbe ende*//*!Grösse Navigation*/.navbar{height:100px}/*!Schriftart vergrössern*/nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}/*!Kontaktbereich/Footer abdunkeln*/.global-kontakt section{background:rgba(0, 0, 0, 0.5)}/*!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)}.extrernalGoogle{position:absolute;top:0;z-index:1;width:100%;background:transparent}.google-close{position:absolute;right:8px;top:10px;padding:5px;font-size:20px;color:var(--page-color1);opacity:0.5}/*!==============================================
FCB-Matchvorschau
==============================================*//*! Haupt-Wrapper */.pub-ticker-wrapper{max-width:1200px !important;margin:0 auto !important;font-family:"Montserrat", sans-serif !important;display:block !important}/*! Gemeinsame Basis für alle Matchboxen */.pub-match-container{background:#111111 !important;color:#ffffff !important;border-radius:8px !important;text-align:center !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.5) !important;box-sizing:border-box !important}/*! Das nächste Hauptspiel (90% Breite) */.pub-match-container.main-match{width:90% !important;max-width:90% !important;margin:0 auto 30px auto !important;padding:25px !important;border-left:6px solid #d32f2f !important;/*! FCB Rot */border-right:6px solid #0d47a1 !important;/*! FCB Blau */display:block !important}.match-live-badge{background:transparent !important;color:#ffb300 !important;/*! Bier-Gold */font-weight:bold !important;font-size:0.8rem !important;padding:4px 10px !important;display:block !important;/*!Titel "Nächstes Live Spiel" hier aktivieren*/border-radius:4px !important;margin-bottom:15px !important;letter-spacing:1px !important}.match-teams{font-size:2.25rem !important;font-weight:700 !important;margin-bottom:15px !important;text-transform:uppercase !important}.match-meta{display:flex !important;flex-direction:row !important;justify-content:center !important;gap:20px !important;font-size:1rem !important;color:#ffb300 !important}/*! Das 3er-Spalten-Raster für die Folgespiele (Erzwingt die Nebeneinander-Darstellung) */.pub-match-grid{display:flex !important;flex-direction:row !important;/*! Horizontal erzwingen */flex-wrap:nowrap !important;/*! Kein Umbruch auf Desktop */justify-content:space-between !important;width:90% !important;max-width:90% !important;margin:0 auto !important}/*! Die kleineren Folgespiele (Exakt je 32% Breite) */.pub-match-container.sub-match{width:32% !important;min-width:32% !important;max-width:32% !important;padding:15px !important;border-top:4px solid #333333 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}.sub-match-date{font-size:0.75rem !important;color:#ffb300 !important;/*! Bier-Gold */margin-bottom:8px !important;font-weight:500 !important;line-height:1.1 !important}.sub-match-teams{font-size:1.25rem !important;font-weight:600 !important;line-height:1.5 !important}/*!================================================
Club-Logos
================================================*//*! Hauptspiel Flex-Anordnung */.main-match-flex-row{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;width:100% !important}/*! Die Logo-Boxen links und rechts beanspruchen Platz auf den Aussenseiten */.logo-outer-box{width:20% !important;display:flex !important;justify-content:center !important;align-items:center !important}/*! Text-Inhalt in der Mitte */.match-center-content{width:60% !important;flex-grow:1 !important}/*! Grosse Logos (SVG) gestochen scharf skalieren */.ticker-logo{width:90px !important;height:90px !important;max-width:90px !important;object-fit:contain !important;display:block !important;filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.6))}/*! Kleine Logos im Raster */.sub-match-logos{display:flex !important;justify-content:center !important;align-items:center !important;gap:10px !important;margin:12px 0 !important}.ticker-logo-sub{width:35px !important;height:35px !important;object-fit:contain !important}.sub-vs{font-size:0.9rem !important;font-weight:bold !important;color:#ffb300 !important}/*!===============================================
Logoübersicht
==============================================*//*! Haupt-Wrapper für das kompakte Board */.pub-clean-logoboard{width:100% !important;margin:30px auto 0 auto !important;background:transparent;border-radius:8px;padding:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.5);box-sizing:border-box;display:flex;flex-direction:column;gap:15px;/*! Abstand zwischen den beiden Ligen/Zeilen */}/*! Basis-Zeile */.logoboard-row{display:grid !important;align-items:center;justify-items:center;width:100% !important}/*! Erste Zeile: Exakt durch 12 dividiert mit Lücke */.row-super-league{grid-template-columns:repeat(12, 1fr) !important;gap:12px !important}/*! Zweite Zeile: Exakt durch 10 dividiert mit Lücke */.row-challenge-league{grid-template-columns:repeat(10, 1fr) !important;gap:15px !important;max-width:83%;/*! Optischer Ausgleich, damit die 10 Logos etwa gleich gross sind wie die 12er-Reihe */margin:0 auto !important;/*! Zentriert die etwas kürzere zweite Reihe */}/*! Der Mini-Container für das Logo (ca. 1cm bis 1.5cm gross) */.logoboard-mini-img{width:28px !important;height:28px !important;display:flex !important;justify-content:center;align-items:center;opacity:0.7;/*! Leicht dezent, wird beim Drüberfahren (Hover) hell */transition:opacity 0.2s ease}.logoboard-mini-img:hover{opacity:1}/*! Bild-Skalierung im Container */.logoboard-mini-img img{max-width:100% !important;max-height:100% !important;object-fit:contain !important}/*!===============================================
RESPONSIVE/MEDIA QUERIES (Mobilgeräte)
==============================================*/@media (max-width:768px){/*! 1. Hauptspiel Text & Grid-Umbruch *//*! 2. Logos im Hauptspiel: Mobil über dem Text nebeneinander platzieren *//*! Beide Logo-Boxen nebeneinander positionieren *//*! Text-Inhalt bricht vollflächig unter die Logos *//*! 3. Unteres Logoboard auf Smartphones splitten */.pub-match-container.main-match{width:100% !important;max-width:100% !important;padding:20px !important}.match-meta{flex-direction:column !important;gap:8px !important}.pub-match-grid{width:100% !important;max-width:100% !important;flex-direction:column !important;/*! Mobil untereinander */gap:15px !important}.pub-match-container.sub-match{width:100% !important;max-width:100% !important;min-width:100% !important}.main-match-flex-row{flex-direction:row !important;/*! Erzwingt die Reihe auch mobil */flex-wrap:wrap !important;/*! Erlaubt das Umbrechen des Textes nach unten */justify-content:center !important;gap:15px !important}.logo-outer-box{width:40% !important;order:1 !important;/*! Schiebt beide Logos nach oben */}.logo-outer-box.left-side{justify-content:flex-end !important;/*! Richtet Heim-Logo zur Mitte aus */}.logo-outer-box.right-side{justify-content:flex-start !important;/*! Richtet Gast-Logo zur Mitte aus */}.match-center-content{width:100% !important;order:2 !important;/*! Schiebt den Text unter die Logos */margin-top:10px !important}.ticker-logo{width:65px !important;height:65px !important}.row-super-league{grid-template-columns:repeat(6, 1fr) !important;/*! Macht 2 Reihen à 6 Logos */}.row-challenge-league{grid-template-columns:repeat(5, 1fr) !important;/*! Macht 2 Reihen à 5 Logos */max-width:100% !important}}/*!====================================
Event-Kalender (Smugglers Pub)
====================================*/.pub-event-wrapper{width:90%;max-width:1200px;/*! Erlaubt den Boxen, sich wie das Match-Center zu entfalten */margin:0 auto;display:flex;flex-direction:column;gap:20px}.pub-event-card{background-color:#1a1a1a;border:1px solid #2b2b2b;border-radius:8px;padding:25px;display:flex;align-items:center;gap:30px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease}.pub-event-card:hover{border:2px solid #2b2b2b}/*! Bild-Standardgrösse */.event-image-box{flex-shrink:0;width:120px;height:120px}.event-round-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #2b2b2b}/*! Inhalt absolut linksbündig */.event-content-box{flex-grow:1;display:flex;flex-direction:column;gap:8px;text-align:left;/*! Garantiert linksbündig */align-items:flex-start;/*! Erzwingt Linksbündigkeit bei Flex-Elementen */}/*! Standard-Schriften */.event-title{color:#ffffff;font-size:24px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:0.5px;text-align:left}.event-date-time{color:#ffb300;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;text-align:left}.event-description{color:#cccccc;font-size:14px;line-height:1.5;margin:0;text-align:left}/*! ===================================
   HIGHLIGHT: Der nächste Top-Event
   =================================== */.pub-event-card.is-first{min-height:240px;/*! Doppelte Höhe im Vergleich zum Standard */background-color:#1f1f1f;/*! Leicht helleres Anthrazit für Fokus */border-color:#ffb300;/*! Dezenter goldener Rahmen als Eyecatcher */padding:35px}/*! Grösseres Bild für den Top-Event */.pub-event-card.is-first .event-image-box{width:180px;height:180px}/*! Schriftvergrösserung für den Top-Event */.pub-event-card.is-first .event-title{font-size:32px}.pub-event-card.is-first .event-date-time{font-size:18px}.pub-event-card.is-first .event-description{font-size:16px;color:#ffffff;/*! Bessere Lesbarkeit durch strahlenderes Weiss */}.event-error{color:#ffffff;text-align:center;font-style:italic;padding:20px}/*! Responsive Anpassung für Smartphones */@media (max-width:768px){.pub-event-wrapper{width:95%;/*! Mobil etwas mehr Platz einräumen */}.pub-event-card,.pub-event-card.is-first{flex-direction:column;text-align:center;padding:20px;gap:15px;min-height:auto;/*! Mobil heben wir die fixe Höhe auf */}.event-image-box,.pub-event-card.is-first .event-image-box{width:120px;height:120px}.event-content-box{text-align:center;align-items:center;/*! Mobil sieht zentriert einfach sauberer aus */}.event-title,.pub-event-card.is-first .event-title{font-size:22px;text-align:center}.event-date-time{justify-content:center}.event-description{text-align:center}}