/* KTSW-174 */
.element-header .header__text {
  text-align: center;
}

/* KTSW-279 */
.element-section {
  .element-teaser {
    color: inherit;
  }
}

/* KTSW-275 */
:root {
  --clr-linkgrid-foreground: var(--clr-accent-foreground, white);
}

.element-link-grid .link-tile {
  color: var(--clr-linkgrid-foreground);
}

.element-link-grid .link-tile {
  .tile__icon {
    &:is(svg):not(.feather) {
      path:not([fill=none]), circle, rect {
        fill: var(--clr-linkgrid-foreground);
      }
    }

    svg {
      &:not(.feather) {
        path:not([fill=none]), circle, rect {
          fill: var(--clr-linkgrid-foreground);
        }
      }

      &:is(svg):not(.feather) {
        path:not([fill=none]), circle, rect {
          fill: var(--clr-linkgrid-foreground);
        }
      }

      svg:not(.feather) {
        path:not([fill=none]), circle, rect {
          fill: var(--clr-linkgrid-foreground);
        }
      }
    }
  }

  .tile__button {
    .arrow {
      &:is(svg):not(.feather) {
        path:not([fill=none]), circle, rect {
          fill: var(--clr-linkgrid-foreground);
        }
      }

      svg:not(.feather) {
        path:not([fill=none]), circle, rect {
          fill: var(--clr-linkgrid-foreground);
        }
      }
    }
  }
}

/* KTSW-293 */
.element-section.background--red,
.element-section.background--blue,
.element-section.background--dark-blue {
  --clr-linkgrid-foreground: black;
}

/* KOBSTDMRKR-35 */
/* fix embed extension in combination with consens iframe blocker */
.jonnitto-prettyembed iframe {
  z-index: 2;
}

/* KOBSTDMRKR-26 */
/* fix team element image on safari mobile */
/* should be broken because we use a <picture> element with class .person__image */
@media screen and (max-width: 440px) {
  .element-team .element-team-person .person__image {
    max-width: none;
  }
}

/* RMHOMSLVGA-7 */
.element-info-card .card__linktitle {
  margin-top: 8px;
}

@media screen and (min-width: 781px) {
  .element-info-card .card__linktitle {
    margin-left: auto;
    margin-right: 1rem;
  }

  .element-info-card .card__linktitle + .card__arrow {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 780px) {
  .element-info-card .card__linktitle {
    margin-top: 23px;
    order: 100;
  }

  .element-info-card .card__linktitle + .card__arrow {
    order: 101;
  }
}

/*
KTSW-347 - headlines can be h1,h2,h3... now
KTSW-365 - fix broken h3 with .h1 or .h2 class by adding :not(.h1,.h2) to the selector
*/
.neos-contentcollection > h3.element-headline:not(.h1,.h2),
.neos-contentcollection > h4.element-headline:not(.h1,.h2),
.element-section > h3.element-headline:not(.h1,.h2),
.element-section > h4.element-headline:not(.h1,.h2) {
  display: block;
  max-width: 750px;
  width: 100%;
  /*padding-right: 350px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 8rem;
  -webkit-box-shadow: 0 0 0 16px var(--clr-background, white);
  box-shadow: 0 0 0 16px var(--clr-background, white);
  background-color: white;
  background-color: var(--clr-background, white);
}

.neos-contentcollection > .element-headline.h3,
.neos-contentcollection > .element-headline.h4,
.element-section > .element-headline.h3,
.element-section > .element-headline.h4 {
  padding-right: 0;
}

/* Umlaute Problem aus KOTOURISLA-299 */
@font-face {
  font-family: martel;
  font-weight: 200;
  font-style: normal;
  font-display: auto;
  font-stretch: normal;
  src: url("../assets/fonts/Martel-ExtraLight.woff2") format("woff2"), url("../assets/fonts/Martel-ExtraLight.woff") format("woff")
}

h1,
.h1,
.element-news-overview .news__head .head__title,
.element-header .header__title,
.element-quote,
.element-quote p {
  font-weight: 200;
}


/* KTSW-350 */
main .element-section>.element-headline.h1+*,
main .element-section>.element-headline.h2+* {
  margin-top: 8rem;
}

main .element-section>.element-headline.h3+*,
main .element-section>.element-headline.h4+* {
  margin-top: 2.4rem;
}

.element-section .element-headline:first-child {
  margin-top: 0 !important;
}

.element-navbar .statusbar {
  background-color: #c00942;
  background-color: var(--clr-statusbar, var(--clr-accent, #c00942));
  color: white;
  color: var(--clr-statusbar-text, var(--clr-text, #fff));
}

/* Mega-Menu line-height der Hauptmenüpunkte KTSW-375 */
.mega-menu .menu__content .navlist-title>span {
  line-height: 1.5;
}

/* KTSW-380: Sprachumschalter (Neos 9) rendert die Flaggen-Links direkt in
   #mega-menu-language .content__icon-row - kein .language-selector-Wrapper mehr (toter Selektor,
   griff nie). Reale Struktur: .content__icon-row > .row__icon (Globe-Icon) + ein klassenloses
   <div>, das die <a class="mega-menu__button"> ohne eigenes Spacing enthält. Dieser Wrapper
   bekommt von .icon-row (+gt($screen-sm): & > .row__icon + * { width: 50%; flex: 0 0 auto })
   bereits eine feste Breite - NICHT mit width/flex hier überschreiben, sonst wird er zu breit
   und die Gaps zu groß. Nachgebaut wie das alte .language-selector-Verhalten: space-between
   innerhalb dieser (unveränderten) Breite. Kein flex-wrap: die 3 Items passen bei knappen
   Breiten (z.B. 1024px) nur um wenige Pixel in den 50%-Wrapper - Prod umbricht dort auch nicht,
   sondern quetscht die Boxen eng zusammen (space-between mit minimalem Restplatz). */
#mega-menu-language .content__icon-row > div:not(.row__icon) {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem 1.6rem;
}

/* KTSW-380: Neos-9-Backend-Inline-Toolbar-Kontextmenü (Kopieren/Ausschneiden/Duplizieren etc.)
   unlesbar - weißer Text auf weißem Grund. Ursache: Neos-ui rendert dieses Menü per Popover-API
   im selben iframe/Dokument wie der Seiteninhalt; unser globaler Reset (* { color: inherit } in
   _typography.sass) bleedet dort rein und überschreibt Neos-uis eigenen Kontrast-Fix
   (all:initial auf dem Popover). #neos-ContextToolbar-ContextMenu ist eine stabile Neos-ui-ID
   (kein Build-Hash) - hier wird die geerbte Textfarbe auf dunkel gesetzt; der eingebaute
   Hover-Zustand (weißer Text auf hellblauem Hover-Hintergrund) bleibt unberührt, da :hover
   direkt am button deklariert ist und immer vor geerbter Farbe gewinnt. */
#neos-backend-container #neos-ContextToolbar-ContextMenu {
  color: #1b1b1b;
}