/* ==========================================================================
   MSI Theme – Editor Modifier Stylesheet
   --------------------------------------------------------------------------
   Diese Datei wird NACH main.css geladen. Alle Modifier-Klassen
   (Boxen, Listen, Pull-Quote, Lead) sind hier mit höchster Spezifität
   und !important definiert, damit sie GARANTIERT greifen, egal welche
   anderen Container-Styles aktiv sind.

   Verwendete Klassen:
     ALT (BEM):     .msi-box.msi-box--cream/blue/gold/outline/note
     NEU (Single):  .msi-callout-cream/blue/gold/outline/note
     Listen:        .msi-list-check/music/arrow/star/note/sparkles/heart/feather
     Lead:          p.lead-p
     Eyebrow:       .eyebrow
     Pull-Quote:    blockquote.pull-quote
     Marker:        mark.msi-mark
   ========================================================================== */


/* ==========================================================================
   1) BOXEN – beide Klassen-Generationen unterstützt
   ========================================================================== */

/* Container für Boxen */
body .msi-box,
body .msi-callout-cream,
body .msi-callout-blue,
body .msi-callout-gold,
body .msi-callout-outline,
body .msi-callout-note {
  display: block !important;
  padding: 28px 32px !important;
  border-radius: 14px !important;
  margin: 32px 0 !important;
  box-sizing: border-box !important;
}

body .msi-box > *:first-child,
body .msi-callout-cream > *:first-child,
body .msi-callout-blue > *:first-child,
body .msi-callout-gold > *:first-child,
body .msi-callout-outline > *:first-child,
body .msi-callout-note > *:first-child { margin-top: 0 !important; }

body .msi-box > *:last-child,
body .msi-callout-cream > *:last-child,
body .msi-callout-blue > *:last-child,
body .msi-callout-gold > *:last-child,
body .msi-callout-outline > *:last-child,
body .msi-callout-note > *:last-child { margin-bottom: 0 !important; }

/* CREME */
body .msi-box.msi-box--cream,
body .msi-callout-cream {
  background: #f5f1e6 !important;
  color: #14181f !important;
}

/* BLAU */
body .msi-box.msi-box--blue,
body .msi-callout-blue {
  background: #002252 !important;
  color: #ffffff !important;
}
body .msi-box.msi-box--blue p,
body .msi-box.msi-box--blue h2,
body .msi-box.msi-box--blue h3,
body .msi-box.msi-box--blue h4,
body .msi-box.msi-box--blue li,
body .msi-box.msi-box--blue strong,
body .msi-callout-blue p,
body .msi-callout-blue h2,
body .msi-callout-blue h3,
body .msi-callout-blue h4,
body .msi-callout-blue li,
body .msi-callout-blue strong { color: #ffffff !important; }

body .msi-box.msi-box--blue a,
body .msi-callout-blue a {
  color: #ffd133 !important;
  text-decoration: underline !important;
}

/* GOLD */
body .msi-box.msi-box--gold,
body .msi-callout-gold {
  background: linear-gradient(135deg, #fff8e1 0%, #ffe9a3 100%) !important;
  color: #002252 !important;
  border: 1px solid #d4a82a !important;
}

/* OUTLINE */
body .msi-box.msi-box--outline,
body .msi-callout-outline {
  background: transparent !important;
  border: 2px solid #e7e9ee !important;
  color: #14181f !important;
}

/* NOTE / HINWEIS */
body .msi-box.msi-box--note,
body .msi-callout-note {
  background: #fffbea !important;
  border-left: 4px solid #ffd133 !important;
  border-radius: 4px 14px 14px 4px !important;
  color: #14181f !important;
}


/* ==========================================================================
   2) LEAD-ABSATZ
   ========================================================================== */

body p.lead-p {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  color: #44505f !important;
  font-weight: 400 !important;
  margin: 1em 0 1.5em !important;
  padding-left: 18px !important;
  border-left: 3px solid #d4a82a !important;
}


/* ==========================================================================
   3) EYEBROW
   ========================================================================== */

body .eyebrow {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: #002252 !important;
  padding: 4px 0 !important;
  border-bottom: 2px solid #d4a82a !important;
  margin-bottom: 12px !important;
}


/* ==========================================================================
   4) PULL-QUOTE
   ========================================================================== */

body blockquote.pull-quote {
  position: relative !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 1.4rem !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  color: #002252 !important;
  padding: 32px 32px 32px 60px !important;
  background: #f5f1e6 !important;
  border-left: 4px solid #d4a82a !important;
  border-radius: 0 12px 12px 0 !important;
  margin: 32px 0 !important;
}
body blockquote.pull-quote::before {
  content: "\201E" !important;
  position: absolute !important;
  top: 12px !important;
  left: 18px !important;
  font-size: 4rem !important;
  color: #d4a82a !important;
  line-height: 1 !important;
  font-family: 'Fraunces', Georgia, serif !important;
}
body blockquote.pull-quote cite {
  display: block !important;
  margin-top: 12px !important;
  font-size: 0.9rem !important;
  font-style: normal !important;
  color: #44505f !important;
  font-weight: 500 !important;
}


/* ==========================================================================
   5) LISTEN MIT ICONS
   ========================================================================== */

body ul.msi-list-check,
body ul.msi-list-music,
body ul.msi-list-arrow,
body ul.msi-list-star,
body ul.msi-list-note,
body ul.msi-list-sparkles,
body ul.msi-list-heart,
body ul.msi-list-feather {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 24px 0 !important;
}

body ul.msi-list-check li,
body ul.msi-list-music li,
body ul.msi-list-arrow li,
body ul.msi-list-star li,
body ul.msi-list-note li,
body ul.msi-list-sparkles li,
body ul.msi-list-heart li,
body ul.msi-list-feather li {
  position: relative !important;
  padding-left: 36px !important;
  margin-bottom: 14px !important;
  line-height: 1.7 !important;
  list-style: none !important;
}

/* Bullet-Reset für alle Modifier-Listen */
body ul.msi-list-check li::before,
body ul.msi-list-music li::before,
body ul.msi-list-arrow li::before,
body ul.msi-list-star li::before,
body ul.msi-list-note li::before,
body ul.msi-list-sparkles li::before,
body ul.msi-list-heart li::before,
body ul.msi-list-feather li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.4em !important;
  width: 20px !important;
  height: 20px !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
  background-color: #002252 !important;
}

/* HÄKCHEN (blau) */
body ul.msi-list-check li::before {
  background-color: #002252 !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
}

/* MUSIKNOTE (rot) */
body ul.msi-list-music li::before {
  background-color: #c8202f !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18V5l12-2v13'/><circle cx='6' cy='18' r='3'/><circle cx='18' cy='16' r='3'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18V5l12-2v13'/><circle cx='6' cy='18' r='3'/><circle cx='18' cy='16' r='3'/></svg>") !important;
}

/* PFEIL (blau) */
body ul.msi-list-arrow li::before {
  background-color: #002252 !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") !important;
}

/* STERN (gold) */
body ul.msi-list-star li::before {
  background-color: #d4a82a !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>") !important;
}

/* DOPPELNOTE (blau) */
body ul.msi-list-note li::before {
  background-color: #002252 !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4v13.5'/><circle cx='8' cy='17.5' r='3.5'/><path d='M12 4l5 2'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4v13.5'/><circle cx='8' cy='17.5' r='3.5'/><path d='M12 4l5 2'/></svg>") !important;
}

/* FUNKELN (gelb) */
body ul.msi-list-sparkles li::before {
  background-color: #ffd133 !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v3M12 18v3M3 12h3M18 12h3M5.5 5.5l2 2M16.5 16.5l2 2M5.5 18.5l2-2M16.5 7.5l2-2'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v3M12 18v3M3 12h3M18 12h3M5.5 5.5l2 2M16.5 16.5l2 2M5.5 18.5l2-2M16.5 7.5l2-2'/></svg>") !important;
}

/* HERZ (rot) */
body ul.msi-list-heart li::before {
  background-color: #c8202f !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>") !important;
}

/* FEDER (grün) */
body ul.msi-list-feather li::before {
  background-color: #009d3d !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z'/><line x1='16' y1='8' x2='2' y2='22'/><line x1='17.5' y1='15' x2='9' y2='15'/></svg>") !important;
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z'/><line x1='16' y1='8' x2='2' y2='22'/><line x1='17.5' y1='15' x2='9' y2='15'/></svg>") !important;
}


/* ==========================================================================
   6) MARKER (gelbe Hervorhebung)
   ========================================================================== */

body mark.msi-mark {
  background: linear-gradient(180deg, transparent 60%, #ffd133 60%) !important;
  color: inherit !important;
  padding: 0 2px !important;
}


/* ==========================================================================
   7) FEATURE-LISTE (Karten-Grid)
   ========================================================================== */

body ul.feature-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 32px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 640px) {
  body ul.feature-list { grid-template-columns: 1fr !important; }
}
body ul.feature-list li {
  background: #ffffff !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 12px !important;
  padding: 18px 20px 18px 56px !important;
  font-weight: 500 !important;
  font-size: 0.98rem !important;
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
body ul.feature-list li::before {
  content: "♪" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  background: #002252 !important;
  color: #ffd133 !important;
  border-radius: 50% !important;
  font-size: 0.9rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}


/* ==========================================================================
   8) ARCHIVE-TOOLBAR (Live-Suche + Filter) – garantiert greifend
   ========================================================================== */

body .archive-toolbar,
body .team-toolbar {
  display: grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: 20px !important;
  align-items: center !important;
  margin-bottom: 32px !important;
  padding: 20px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e7e9ee !important;
  box-shadow: 0 2px 8px rgba(0, 34, 82, 0.06) !important;
}
@media (max-width: 720px) {
  body .archive-toolbar,
  body .team-toolbar { grid-template-columns: 1fr !important; }
}

body .archive-search,
body .team-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 16px !important;
  border: 2px solid #e7e9ee !important;
  border-radius: 999px !important;
  transition: border-color 0.2s ease !important;
  background: #ffffff !important;
}
body .archive-search:focus-within,
body .team-search:focus-within { border-color: #002252 !important; }
body .archive-search > svg,
body .team-search > svg { color: #7a8696 !important; flex-shrink: 0 !important; }
body .archive-search input,
body .team-search input {
  flex: 1 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 12px 0 !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: #14181f !important;
}

body .archive-filters,
body .team-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
@media (max-width: 720px) {
  body .archive-filters,
  body .team-filters { justify-content: flex-start !important; }
}
body .filter-btn {
  background: transparent !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-family: inherit !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #44505f !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
body .filter-btn:hover {
  border-color: #002252 !important;
  color: #002252 !important;
}
body .filter-btn.is-active {
  background: #002252 !important;
  color: #ffffff !important;
  border-color: #002252 !important;
}


/* ==========================================================================
   9) TEAM-KARTEN – garantiert greifend
   ========================================================================== */

body .team-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 28px !important;
}
body .team-layout-compact .team-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 20px !important;
}
body .team-layout-list .team-grid {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
  gap: 24px !important;
}

body .team-card {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e7e9ee !important;
  transition: all 0.3s ease !important;
}
body .team-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px rgba(0, 34, 82, 0.08) !important;
  border-color: transparent !important;
}

body .team-card-photo {
  position: relative !important;
  aspect-ratio: 4/5 !important;
  background: #f5f1e6 !important;
  overflow: hidden !important;
}
body .team-layout-compact .team-card-photo { aspect-ratio: 1/1 !important; }
body .team-card-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
}
body .team-card:hover .team-card-photo img { transform: scale(1.04) !important; }
body .team-card-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #002252 0%, #0f1832 100%) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

body .team-card-body { padding: 18px 20px 22px !important; }
body .team-card-name {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  color: #002252 !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}
body .team-layout-compact .team-card-name { font-size: 1rem !important; }
body .team-card-position {
  font-size: 0.85rem !important;
  color: #7a8696 !important;
  font-weight: 500 !important;
}
body .team-layout-compact .team-card-position { font-size: 0.78rem !important; }


/* ==========================================================================
   10) MITARBEITER DETAIL-SEITE (inline Karte + Info)
   ========================================================================== */

body .team-detail-card-inline {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 28px !important;
  align-items: start !important;
  padding: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 16px !important;
  margin: 0 0 32px !important;
}
@media (max-width: 720px) {
  body .team-detail-card-inline {
    grid-template-columns: 1fr !important;
  }
}

body .team-detail-photo-inline {
  width: 100% !important;
  aspect-ratio: 4/5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
body .team-detail-photo-inline img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body .team-detail-info-inline {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
body .team-detail-info-inline .info-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
body .team-detail-info-inline .info-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #7a8696 !important;
}
body .team-detail-info-inline a {
  color: #002252 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
body .team-detail-info-inline a:hover {
  text-decoration: underline !important;
}

body .team-detail-vita {
  margin-top: 32px !important;
}


/* ==========================================================================
   11) EVENT-LIST – klarer Kontrast, weißer Hintergrund
   ========================================================================== */

body .event-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body .event-list .event-item {
  display: grid !important;
  grid-template-columns: 80px 1fr auto auto !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 20px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 14px !important;
  transition: all 0.2s ease !important;
}
body .event-list .event-item:hover {
  border-color: #002252 !important;
  box-shadow: 0 8px 24px rgba(0, 34, 82, 0.08) !important;
  transform: translateY(-2px) !important;
}
@media (max-width: 720px) {
  body .event-list .event-item {
    grid-template-columns: 60px 1fr !important;
    gap: 16px !important;
  }
  body .event-list .event-item .ev-price,
  body .event-list .event-item .ev-arrow { display: none !important; }
}

body .event-list .ev-date {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #002252 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 10px 6px !important;
  width: 64px !important;
  height: 64px !important;
}
body .event-list .ev-date .day {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}
body .event-list .ev-date .month {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #ffd133 !important;
  margin-top: 4px !important;
}

body .event-list .ev-info { min-width: 0 !important; }
body .event-list .ev-tag {
  display: inline-block !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #d4a82a !important;
  background: #fff8e1 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  margin-bottom: 6px !important;
}
body .event-list .ev-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  color: #002252 !important;
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
}
body .event-list .ev-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  font-size: 0.85rem !important;
  color: #44505f !important;
}
body .event-list .ev-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
body .event-list .ev-meta svg { color: #d4a82a !important; }

body .event-list .ev-price {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #002252 !important;
  white-space: nowrap !important;
}

body .event-list .ev-arrow {
  display: inline-flex !important;
  align-items: center !important;
  color: #002252 !important;
  transition: transform 0.2s ease !important;
}
body .event-list .event-item:hover .ev-arrow { transform: translateX(4px) !important; }


/* ==========================================================================
   12) EVENT-LIST – Default-UL-Bullets unterdrücken + Pfeil exakt zentrieren
   ========================================================================== */

body .event-list li::before,
body .event-list li::marker,
body .event-list .event-item::before {
  display: none !important;
  content: none !important;
  background: none !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}

body .event-list .event-item > * {
  align-self: center !important;
}
body .event-list .ev-arrow,
body .event-list .ev-price {
  align-self: center !important;
  justify-self: end !important;
}