.band--papier { background-color: var(--papier); }

.marke-zusatz { display: inline-flex; align-items: center; margin-left: 14px; padding-left: 14px; border-left: 1px solid var(--linie-stark); min-height: 28px; font-family: var(--font-display); font-size: 0.95rem; font-weight: 400; color: var(--tinte-2); }
.kopf-leiste--funnel .kopf-leiste__innen { justify-content: flex-start; }
.hauptnav__punkt--praxis .hauptnav__link { color: var(--tinte-2); }

.k-buehne { padding-block: clamp(36px, 5vw, 88px) clamp(48px, 6vw, 104px); }
.k-buehne__innen { grid-template-areas: "kopf form" "offen form"; grid-template-rows: auto 1fr; row-gap: 0; }
.k-buehne__kopf { grid-area: kopf; }
.k-buehne__innen > .fnl-seite__form { grid-area: form; }
.k-buehne__offen { grid-area: offen; }
@media (max-width: 899px) {
  .k-buehne__innen { grid-template-areas: "kopf" "form" "offen"; row-gap: clamp(28px, 6vw, 40px); }
  .k-werte { margin: 16px 0 4px; font-size: var(--text); gap: 6px; }
}
.k-buehne__titel { font-size: min(clamp(2.4rem, 1.5rem + 3.2vw, 4.6rem), calc(100cqi / 7.2)); }
.k-markiert { background-image: linear-gradient(transparent 62%, var(--weiss) 62%, var(--weiss) 92%, transparent 92%); padding-inline: 0.06em; }
.k-werte { margin: 22px 0 28px; font-size: var(--gross); }
.k-offen { margin: 0 0 24px; padding: 18px 20px; background-color: var(--weiss); border-radius: var(--r); }
.k-offen__titel { margin: 0 0 8px; font-family: var(--font-display); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tinte-2); }
.k-offen__liste { list-style: none; display: grid; gap: 2px; }
.k-offen__liste a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-height: 44px; padding: 8px 0; border-bottom: 1px solid var(--linie); color: var(--tinte); text-decoration: none; font-family: var(--font-display); font-weight: 650; }
.k-offen__liste li:last-child a { border-bottom: 0; }
.k-offen__liste a:hover { text-decoration: underline; text-underline-offset: 4px; }
.k-offen__liste strong { min-width: 2.2em; }
.k-offen__liste span { flex-basis: 100%; padding-left: calc(2.2em + 8px); font-weight: 400; font-size: 0.9rem; color: var(--tinte-2); }
.k-orte { list-style: none; display: grid; gap: 8px; font-size: var(--klein); color: var(--tinte-2); }
.k-orte b { display: block; color: var(--tinte); font-family: var(--font-display); font-weight: 700; }

.fnl__name { letter-spacing: 0.08em; }
.fnl__tipp { margin: -8px 0 18px; font-size: var(--klein); color: var(--tinte-2); }
.fnl__antwort { margin: -10px 0 22px; padding: 12px 16px; background-color: var(--hell); border-left: 3px solid var(--gelb); border-radius: var(--r-klein); font-size: var(--klein); line-height: 1.5; color: var(--tinte); }
.fnl__kachel-text { display: grid; gap: 2px; }
.fnl__kachel-unter { font-weight: 400; font-size: 0.85rem; color: var(--tinte-2); }
.fnl__kacheln--klein { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fnl__vertrauen { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 4px 0 18px; font-size: 0.85rem; color: var(--tinte-2); }
.fnl__vertrauen li { display: inline-flex; align-items: center; gap: 8px; }
.fnl__vertrauen li::before { content: ""; width: 5px; height: 10px; border: solid var(--tinte); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translateY(-2px); }
.fnl [aria-invalid="true"] { border-color: var(--fehler); }
.fnl__kacheln:has(+ .feld__fehler) .fnl__kachel { border-color: var(--fehler); }
html.hat-js .fnl__schritt[data-ueberspringen] { display: none; }
.fnl__knoepfe [data-senden]:disabled { opacity: .7; cursor: progress; }

.k-stellen { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.k-stelle { display: flex; flex-direction: column; background-color: var(--weiss); border: 1px solid var(--linie); border-radius: var(--r); overflow: hidden; }
.k-stelle__bild { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.k-stelle__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--sanft); }
.k-stelle:hover .k-stelle__bild img { transform: scale(1.03); }
.k-stelle__text { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 20px 22px 22px; }
.k-stelle__titel { font-size: var(--h3); line-height: 1.2; }
.k-stelle__titel a { color: var(--tinte); text-decoration: none; }
.k-stelle__titel a:hover { text-decoration: underline; text-underline-offset: 5px; }
.k-stelle__stand { list-style: none; display: grid; gap: 4px; font-size: var(--klein); color: var(--tinte-2); }
.k-stelle__knoepfe { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 6px; }
.k-stelle--initiativ { justify-content: center; background-color: var(--papier); }

.k-initiativ { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 24px 0 0; color: var(--tinte-2); }
.k-profil .vorteile--zwei .vorteil { padding-top: 20px; }

.k-stimmen { display: grid; gap: clamp(28px, 4vw, 56px); }
.k-stimmen__filme { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }

.k-anders { align-items: center; }
.k-anders__bild { margin: 0; border-radius: var(--r); overflow: hidden; }
.k-anders__bild img { width: 100%; height: auto; display: block; }
.vorteile--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vorteile--zwei .vorteil:nth-child(odd) { padding-left: 0; border-left: 0; }
.vorteile--zwei .vorteil:nth-child(n+3) { border-top: 1px solid var(--linie-stark); }
.vorteil__unter { margin: 0 0 6px; font-family: var(--font-display); font-weight: 700; color: var(--tinte); }
.k-vorteile-kurz { margin-top: 12px; }
.k-galerie { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.k-galerie li { border-radius: var(--r-klein); overflow: hidden; aspect-ratio: 16 / 9; }
.k-galerie img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k-standorte { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); margin-top: clamp(32px, 4vw, 56px); }
.k-standort { padding: 26px 28px; background-color: var(--papier); border-radius: var(--r); }
.k-standort img { height: 44px; width: auto; margin-bottom: 18px; }
.k-standort p { margin: 0 0 8px; }
.k-standort__bahn { font-size: var(--klein); color: var(--tinte-2); }

.k-ablauf { list-style: none; counter-reset: k-schritt; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 40px); border-top: 1px solid var(--tinte); }
.k-ablauf li { counter-increment: k-schritt; position: relative; padding: 28px 0 8px; }
.k-ablauf li::before { content: counter(k-schritt, decimal-leading-zero); display: block; margin-bottom: 12px; font-family: var(--font-display); font-weight: 300; font-size: 2.4rem; line-height: 1; font-variant-numeric: tabular-nums; color: var(--tinte); }
.k-ablauf li.ist-erledigt::before { content: "\2713"; font-weight: 700; }
.k-ablauf h3 { font-size: var(--h3); margin-bottom: 8px; }
.k-ablauf p { margin: 0; color: var(--tinte-2); }
.k-aufruf { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: clamp(28px, 3vw, 44px); }
.k-aufruf__tel { font-size: var(--klein); color: var(--tinte-2); }

.k-rueckfang { padding-block: clamp(56px, 6vw, 96px); text-align: left; }
.k-rueckfang__titel { font-size: var(--h2); margin-bottom: 14px; }

.k-danke__innen { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.k-danke__text { container-type: inline-size; }
.k-danke__bild { margin: 0; border-radius: var(--r); overflow: hidden; }
.k-danke__bild img { width: 100%; height: auto; display: block; }
.k-marke { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 6px 14px; background-color: var(--weiss); border-radius: var(--r-klein); font-family: var(--font-display); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tinte); }
.k-marke::before { content: ""; width: 6px; height: 11px; border: solid var(--tinte); border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); }

.k-dankeseite select { width: 100%; min-height: 52px; padding: 0 14px; border: 1px solid var(--leise); border-radius: var(--r-klein); background-color: var(--weiss); font: inherit; color: var(--tinte); }

.fuss__raster--karriere { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
.fuss__titel { margin: 0 0 12px; font-family: var(--font-display); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase; }
.fuss__raster--karriere .fuss__neuro { grid-column: auto; }
.fuss__raster--karriere .fuss__neuro img { max-width: 220px; height: auto; }

.consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; background-color: var(--weiss); border-top: 1px solid var(--tinte); box-shadow: 0 -18px 40px -24px rgba(35, 33, 29, 0.45); }
.consent[hidden] { display: none; }
.consent__innen { max-width: calc(var(--breite) + 2 * var(--rand)); margin: 0 auto; padding: 18px var(--rand) 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 32px; }
.consent__text { flex: 1 1 32rem; }
.consent__titel { margin: 0 0 6px; font-size: 1.1rem; font-family: var(--font-marke); font-style: italic; font-weight: var(--marke-gewicht); font-stretch: var(--marke-breite); }
.consent__text p { margin: 0; max-width: 92ch; font-size: 0.86rem; line-height: 1.55; color: var(--tinte-2); }
.consent__knoepfe { display: flex; gap: 10px; margin-left: auto; }
.consent__knopf { min-width: 10.5rem; }
.consent__knopf::after { display: none; }
body.has-consent-banner .fnl-mitlaeufer, body.has-consent-banner .handleiste { display: none !important; }

@media (max-width: 1023px) {
  .k-stellen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fuss__raster--karriere { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-galerie { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .k-danke__innen, .k-stimmen__filme, .k-standorte { grid-template-columns: minmax(0, 1fr); }
  .k-ablauf { grid-template-columns: minmax(0, 1fr); }
  .k-ablauf li { border-bottom: 1px solid var(--linie); padding-bottom: 20px; }
  .marke-zusatz { margin-left: 10px; padding-left: 10px; font-size: 0.85rem; }
}
@media (max-width: 759px) {
  .k-stellen.wisch { display: grid; grid-auto-flow: column; grid-auto-columns: min(84%, 340px); grid-template-columns: none; }
  .k-galerie.wisch { display: grid; grid-auto-flow: column; grid-auto-columns: min(84%, 340px); grid-template-columns: none; }
  .k-galerie.wisch li { aspect-ratio: 4 / 3; }
  .vorteile--zwei:not(.wisch) { grid-template-columns: minmax(0, 1fr); }
  .vorteile--zwei .vorteil { padding-left: 0; border-left: 0; }
  .vorteile--zwei.wisch .vorteil { padding: 20px 18px 16px; border-top: 1px solid var(--tinte); background-color: var(--papier); }
  .k-stimmen__filme.wisch, .k-standorte.wisch { display: grid; grid-auto-flow: column; grid-auto-columns: min(84%, 340px); grid-template-columns: none; }
  .k-stimmen__zitate.wisch li { padding: 18px 18px 16px; background-color: var(--weiss); border-radius: var(--r-klein); }
  .fnl__kacheln--klein { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fuss__raster--karriere { grid-template-columns: minmax(0, 1fr); }
  .consent__knoepfe { width: 100%; margin-left: 0; }
  .consent__knopf { flex: 1 1 0; min-width: 0; }
}
@media (max-width: 420px) {
  .marke-zusatz { display: none; }
}
