/* ============================================
   SCHRIFTART
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

h1 {
  font-family: 'Audiowide', sans-serif !important;
}

/* ============================================
   LAYOUT & ABSTÄNDE
   ============================================ */

/* Seitenbegrenzung */
.cd-stripeVertical {
  background-color: #005e89 !important;
  border-color: #005e89 !important;
}
.cd-stripeHorizontal {
  border-top: 2px #005e89 !important;
  border-bottom: 2px #005e89 !important;
}
.main {
  padding-right: 0px !important;
}

/* Listen */
ul, ol {
  margin-left: 5px !important;
  padding-left: 5px !important;
}
li {
  padding-left: 5px;
}

/* ============================================
   TYPOGRAFIE
   ============================================ */

/* Globaler Textumbruch */
body {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

/* ============================================
   KACHELN
   ============================================ */

/* Hauptbereich Höhe */
.cd-tile-v-main-area {
  overflow: visible !important;
  height: auto !important;
}

/* Desktop: Kacheln gleich hoch */
@media (min-width: 1024px) {
  .cd-tile-v-main-area {
    min-height: 4.5em !important;
  }
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Login-Navigationspunkt verbergen */
li:has(a[href*="action=login"]) {
  display: none !important;
}

/* ============================================
   SPEZIFISCHE BLÖCKE
   ============================================ */

/* Backlink auf Startseite verbergen */
#block_1000150 .cd-detailPageNavigation {
  display: none !important;
}

/* Erste Veranstaltung bei vergangene Events ausblenden */
#block_1000159 .cd-tile-container .cd-tile-h-box:first-of-type {
  display: none !important;
}

/* Fokus-Rahmen global entfernen */
[tabindex="0"]:focus, a:focus {
  outline: none !important;
}

/* ============================================
   MOBIL (max. 767px)
   ============================================ */
@media screen and (max-width: 767px) {

  /* Kopfbereich verkleinern */
  body:not(.cd-home) .cd-section:first-of-type {
    min-height: 120px !important;
    height: auto !important;
  }
  body:not(.cd-home) .cd-section:first-of-type .cd-section-content {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }

  /* Abstandshalter reduzieren */
  body:not(.cd-home) .cd-space {
    height: 20px !important;
  }

  /* H1 auf Mobil */
  body:not(.cd-home) h1,
  body:not(.cd-home) .cd-block h1 {
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
    font-size: 30px !important;
  }
}