/* ===========================================================================
   Layout-Korrekturen an Webflows Ausgabe
   ---------------------------------------------------------------------------
   Wird NACH webflow.css geladen. Anders als a11y.css geht es hier nicht um
   Barrierefreiheit, sondern um Darstellungsfehler.
   webflow.css selbst bleibt unberuehrt und jederzeit neu spiegelbar.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   Navigation: "Der Verein" brach auf zwei Zeilen um
   ---------------------------------------------------------------------------
   Ursache: .navbar2_container ist ein Grid mit
     grid-template-columns: .375fr 1fr .375fr
   Die Mittelspalte wird also nach fr-Verhaeltnis bemessen, nicht nach Inhalt.
   Gemessen bei 1440 px Fensterbreite:
     Mittelspalte            761,7 px
     Links bei natuerlicher Breite  796,5 px
   Es fehlten rund 35 px. Flexbox staucht daraufhin das einzige Element, das
   sich stauchen laesst - "Der Verein" ist der einzige mehrwortige Linktext und
   bricht deshalb intern um (87 px breit, 64 px hoch statt 40 px).
   Die Aussenspalten waren dabei mit je 188 px deutlich breiter als ihr Inhalt
   (Logo 38 px, Schaltflaeche 108 px).

   Loesung: Aussenspalten nach Inhalt bemessen, Mittelspalte bekommt die Breite,
   die die Links brauchen. white-space: nowrap stellt zusaetzlich sicher, dass
   kein Linktext umbricht, falls spaeter ein laengerer dazukommt.

   Nur ab 992 px - darunter greift Webflows Mobilmenue (data-collapse="medium"),
   dort ist der Container display:flex und diese Regeln waeren wirkungslos bis
   stoerend.
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .navbar2_container {
    grid-template-columns: auto max-content auto;
  }

  .navbar2_link {
    white-space: nowrap;
  }

  /* Zwischen 992 und 1179 px reicht der Platz auch mit inhaltsbemessenen
     Spalten nicht: bei 992 px fehlten 60 px, das Logo wurde auf 0 px gequetscht.
     Der Innenabstand der Links faengt das auf - geprueft von 992 bis 1600 px:
     kein Umbruch, kein Ueberlauf, Logo durchgehend bei seinen 38 px. */
  @media (max-width: 1179px) {
    .navbar2_link {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .navbar2_button-wrapper {
      margin-left: 0.5rem;
    }
  }
}

/* ---------------------------------------------------------------------------
   Einwilligung: Platzhalter fuer blockierte Einbettungen
   ---------------------------------------------------------------------------
   Ohne Einwilligung laedt weder das fussball.de-Widget noch ein Darts-iframe.
   Ohne Platzhalter staende unter Ueberschriften wie "Naechste Spiele" nur ein
   leerer Kasten - der Hinweis erklaert, was fehlt und wie man es bekommt.
--------------------------------------------------------------------------- */
.consent-platzhalter {
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: #f7f7f7;
  color: #1a1a1a;
}
.consent-platzhalter[hidden] { display: none; }
.consent-platzhalter_text {
  margin: 0 0 1rem;
  max-width: 60ch;
}
.consent-platzhalter_knopf { cursor: pointer; }

/* Die Bibliothek zeichnet sich selbst unter #cc-main. Bebas Neue fuer die
   Titel, damit der Dialog nicht wie ein Fremdkoerper wirkt. */
#cc-main {
  --cc-btn-primary-bg: #1a1a1a;
  --cc-btn-primary-border-color: #1a1a1a;
  --cc-btn-primary-hover-bg: #3d3d3d;
  --cc-btn-primary-hover-border-color: #3d3d3d;
  --cc-focus-bg: #1a1a1a;
}
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.02em;
}

/* Der Widerruf-Knopf im Footer sitzt zwischen zwei Links und soll wie sie
   aussehen - ein <button> bringt aber Browser-Standardstile mit. */
.footer4_legal-link[data-cc] {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Rechtstexte (Datenschutzerklaerung)
   ---------------------------------------------------------------------------
   Webflows Richtext-Block bringt KEINE vertikalen Abstaende mit - der
   Zeilenabstand der alten Seite kam aus eingestreuten <br/> und unsichtbaren
   Fuellzeichen. Das wird hier nicht nachgebaut, sondern richtig gesetzt.
   Gilt nur fuer .rechtstext, damit das Impressum unveraendert bleibt.
--------------------------------------------------------------------------- */
.rechtstext > p,
.rechtstext > ul {
  margin-bottom: 1rem;
  max-width: 68ch;
}
.rechtstext > h2 {
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}
.rechtstext > h1 {
  margin-bottom: 0.5rem;
}
.rechtstext_stand {
  opacity: 0.7;
}
.rechtstext > ul {
  padding-left: 1.25rem;
  list-style: disc;
}
.rechtstext > ul > li {
  margin-bottom: 0.35rem;
}
.rechtstext a {
  text-decoration: underline;
}