/* Unterseiten: Seitenkopf, Raster, Inhaltsverzeichnis, Info-Karte, Referenz-Hero, Formular */
.page-head--bg{background:radial-gradient(50% 70% at 90% 20%,rgba(105,222,170,.14),rgba(105,222,170,0) 70%),linear-gradient(180deg,#fff,var(--bg-2));border-bottom:1px solid var(--line)}
.page-head .eyebrow{margin-top:.5rem}
.page-grid{display:grid;gap:2.5rem;min-width:0}
.page-grid>*{min-width:0}
@media (min-width:1024px){.page-grid{grid-template-columns:240px minmax(0,1fr) 300px;gap:3rem;align-items:start}.page-grid__side{position:sticky;top:calc(var(--nav-h) + 1.5rem)}.page-grid:not(:has(.page-grid__side)){grid-template-columns:minmax(0,1fr) 320px}}
@media (max-width:1023px){.page-grid__side{order:-1}}
/* Drei Spalten erst ab 1180px. Bei 1024px blieben der Textspalte sonst 308px,
   also 27 Zeichen pro Zeile — schmaler als auf dem Handy. Darunter steht das
   Inhaltsverzeichnis oben, wie unterhalb von 1024px auch. */
@media (min-width:1024px) and (max-width:1179px){.page-grid{grid-template-columns:minmax(0,1fr) 300px}.page-grid__side{grid-column:1/-1;position:static}}
.toc__label{font-size:var(--fs-0);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.75rem}
.toc ol{display:grid;gap:.15rem;border-left:2px solid var(--line)}
.toc a{display:block;padding:.3rem .75rem;font-size:var(--fs-0);line-height:1.4;color:var(--ink-2);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.toc a:hover,.toc a.is-active{color:var(--navy);border-left-color:var(--mint)}
@media (max-width:1023px){.toc ol{display:flex;flex-wrap:wrap;gap:.5rem;border:0}.toc a{border:1px solid var(--line);border-radius:var(--r-pill);padding:.4rem .8rem;margin:0}}
.prose>h2:first-child{margin-top:0}
.aside-card{position:sticky;top:calc(var(--nav-h) + 1.5rem);padding:1.5rem;border-radius:var(--r-3);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);font-size:var(--fs-1)}
.aside__row{display:grid;gap:.25rem;padding:.9rem 0;border-top:1px solid var(--line)}
.aside__row:first-of-type{margin-top:.75rem}
.aside__row span{font-size:var(--fs-0);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.aside__row a{color:var(--navy);font-weight:700;text-decoration:none;padding-block:3px}
.aside__row a:hover{text-decoration:underline}
.notice{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--r-2);background:#FFF4E5;border:1px solid #FFD9A8;color:#7A4B00;font-size:var(--fs-1);max-width:70ch}
.ref-hero{padding-top:clamp(2rem,1.5rem + 2vw,3.5rem);padding-bottom:clamp(2rem,1.5rem + 2vw,3.5rem);background:linear-gradient(180deg,#fff,var(--bg-2));border-bottom:1px solid var(--line)}
.ref-hero__grid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.ref-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem}}
.ref-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem;font-size:var(--fs-0);color:var(--ink-3)}
.ref-hero__meta b{color:var(--navy)}
.ref-hero h1{max-width:21ch;margin-top:.75rem;font-size:clamp(2.125rem,1.5rem + 2.4vw,3.5rem)}
.ref-hero .lead{margin-top:1rem}
.ref-hero__media{border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:4/5;background:var(--bg-3)}
.ref-hero__media img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.ref-hero__media{aspect-ratio:4/5;max-height:440px;margin-left:auto;width:min(100%,360px)}}
.hub-group+.hub-group{margin-top:3.5rem}
.hub-group .sec-head{margin-bottom:1.25rem}
.form{padding:clamp(1.25rem,1rem + 2vw,2rem);min-width:0;border-radius:var(--r-3);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1)}
.form__grid{display:grid;gap:1.25rem}
@media (min-width:640px){.form__grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}
/* align-content:start, damit ein Feld nicht mitwaechst, wenn das Nachbarfeld
   derselben Rasterzeile eine Fehlermeldung bekommt (Telefon wurde 67px statt 53px).
   order sorgt dafuer, dass die Fehlermeldung direkt unter dem Feld steht und nicht
   hinter den Hinweistexten (beim Nachrichtenfeld waren es 88px Abstand). */
.field{display:grid;gap:.4rem;min-width:0;align-content:start}
.field .error{order:1}
.field .hint{order:2}
.field input,.field select,.field textarea{width:100%;min-width:0}
.field label{font-weight:700;font-size:var(--fs-1);color:var(--navy)}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:#fff;border:1.5px solid #7F8299;border-radius:var(--r-2);padding:.75rem .9rem;min-height:48px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.field :is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--navy);box-shadow:none}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#C8321F}
.field .error{color:#B02A1A;font-size:var(--fs-0)}
/* Ohne Breitenbegrenzung lief der Hinweistext im Formular auf 108 bis 118 Zeichen
   pro Zeile, und das in der kleinsten Schrift der Seite. */
.hint{font-size:var(--fs-0);color:var(--ink-3);line-height:var(--lh-base);max-width:56ch}
.hint a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
@media (hover:hover){.hint a:hover{color:var(--navy-700);text-decoration-thickness:2px}}
.form__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}
.form__status{margin-top:1rem;font-weight:700;color:var(--navy)}
.form__status.is-error{color:#B02A1A}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Auswahlfelder (Checkbox-Gruppen, Anrede, Einwilligung) und Datei-Upload der Formulare aus formulare.json.
   .field input gilt fuer Textfelder (100 % breit, 48px hoch) und wird hier fuer Checkboxen/Radios zurueckgenommen. */
.checks{border:0;margin:0;padding:0;min-inline-size:0}
.checks legend{font-weight:700;font-size:var(--fs-1);color:var(--navy);padding:0;margin-bottom:.5rem}
.checks__list{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem}
.field label.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;color:var(--ink);line-height:var(--lh-base);cursor:pointer}
.field .check input{width:1.25rem;height:1.25rem;min-height:0;padding:0;margin:.15rem 0 0;flex:none;border:0;accent-color:var(--navy);cursor:pointer}
.check--consent{font-size:var(--fs-0)}
.check--consent a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.checks[aria-invalid="true"] legend,.check input[aria-invalid="true"]+span{color:#B02A1A}
.field select[aria-invalid="true"]{border-color:#C8321F}
.field input[type=file]{padding:.55rem;cursor:pointer}
.field input[type=file]::file-selector-button{font:inherit;font-weight:700;color:var(--navy);background:var(--mint-50);border:1px solid var(--line-2);border-radius:var(--r-1);padding:.4rem .85rem;margin-right:.85rem;cursor:pointer;transition:background-color var(--t-fast) var(--ease)}
@media (hover:hover){.field input[type=file]::file-selector-button:hover{background:var(--mint-100)}}
.form__captcha{margin-top:1.25rem}
.form__captcha:empty{display:none}
.form__status .btn{margin:.75rem .5rem 0 0}

/* ===== Events und Workshops: Detailseiten und Listen ===== */
.ev-hero{padding-top:clamp(2rem,1.5rem + 2vw,3.5rem);padding-bottom:clamp(2rem,1.5rem + 2vw,3.5rem);background:linear-gradient(180deg,#fff,var(--bg-2));border-bottom:1px solid var(--line)}
.ev-hero__grid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.ev-hero__grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:3rem}}
.ev-hero h1{max-width:21ch;margin-top:.75rem;font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem)}
.ev-hero .lead{margin-top:1rem}
.ev-hero .page-head__actions{margin-top:1.75rem}
.ev-hero__media{margin:0;border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-2);background:var(--navy-900);aspect-ratio:16/9}
.ev-hero__media img{width:100%;height:100%;object-fit:cover}
.ev-facts{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:1.5rem 0 0;padding:0}
.ev-facts>div{display:grid;gap:.15rem;min-width:0}
.ev-facts dt{font-size:var(--fs-0);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.ev-facts dd{margin:0;font-weight:700;color:var(--navy);max-width:34ch}
.ev-note{margin-top:1.25rem;padding:.8rem 1rem;border-radius:var(--r-2);background:var(--mint-50);border:1px solid var(--mint-300);font-size:var(--fs-1);color:var(--ink-2);max-width:60ch}
.ev-note a{color:var(--navy);font-weight:700}
.ev-prose h4{margin-top:var(--s-6);margin-bottom:var(--s-2);font-size:var(--fs-3)}
.ev-prose h2+h4,.ev-prose h3+h4{margin-top:var(--s-3)}
.ev-prose p+ul{margin-top:.75rem}
.ev-prose p strong{color:var(--navy)}
.ev-prose a{color:var(--navy)}
/* Agenda: Uhrzeit links, Inhalt rechts */
.agenda{display:grid;gap:0;margin:1.25rem 0;border-top:1px solid var(--line)}
.agenda__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.agenda__row>time,.agenda__row>span{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:var(--fs-2);line-height:var(--lh-relaxed)}
.agenda__row>div>*+*{margin-top:.35rem}
.agenda__row p,.agenda__row li,.agenda__row div{font-size:var(--fs-2);line-height:var(--lh-relaxed);color:var(--ink-2)}
.agenda__row p strong{color:var(--navy)}
.agenda__row ul{margin-top:.35rem}
.agenda__row li{margin-top:.25rem}
@media (max-width:479px){.agenda__row{grid-template-columns:1fr;gap:.25rem}}
/* Kennzahlen (Workshops) */
.stats{display:grid;gap:1rem;margin:1.25rem 0}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stat{padding:1.25rem;border-radius:var(--r-3);background:var(--bg-2);border:1px solid var(--line)}
.stat b{display:block;font-family:var(--font-display);font-size:var(--fs-h3);line-height:1;color:var(--navy);margin-bottom:.5rem}
.stat span{font-size:var(--fs-1);color:var(--ink-2);line-height:var(--lh-snug)}
/* Referenten */
.people{display:grid;gap:1rem;margin:1.25rem 0;padding:0;list-style:none}
@media (min-width:480px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
.people li{display:flex;align-items:center;gap:1rem;padding:0;margin:0;font-size:var(--fs-1)}
.people li::before{content:none}
.people img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;background:var(--bg-3)}
.people b{display:block;color:var(--navy)}
.people span{color:var(--ink-3)}
/* Bildergalerie */
.gal{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0;padding:0;list-style:none}
@media (min-width:640px){.gal{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gal--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gal li{margin:0;padding:0;aspect-ratio:4/3;border-radius:var(--r-2);overflow:hidden;background:var(--bg-3)}
.gal li::before{content:none}
.gal img{width:100%;height:100%;object-fit:cover}
.fig{margin:1.5rem 0;border-radius:var(--r-3);overflow:hidden}
.fig img{width:100%;height:auto}
/* Listen */
.ev-empty{padding:1.5rem;border-radius:var(--r-3);background:var(--bg-2);border:1px solid var(--line);max-width:70ch}
.ev-empty p{font-size:var(--fs-2);line-height:var(--lh-relaxed);color:var(--ink-2)}
.ev-empty a{color:var(--navy);font-weight:700}
.ev-year+.ev-year{margin-top:2.5rem}
.ev-year__label{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:var(--fs-4);color:var(--ink-3)}
.ev-year__label::after{content:"";flex:1;height:1px;background:var(--line-2)}
.ws-list{display:grid;gap:1.25rem}
.ws{display:grid;min-width:0;border-radius:var(--r-3);background:#fff;border:1px solid var(--line);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
@media (min-width:768px){.ws{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.ws__media{display:block;aspect-ratio:16/9;background:var(--navy-900);overflow:hidden}
@media (min-width:768px){.ws__media{aspect-ratio:auto;min-height:100%}}
.ws__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.ws__body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}
.ws__body h3{font-size:var(--fs-h4)}
.ws__body p{color:var(--ink-2);font-size:var(--fs-2);line-height:var(--lh-relaxed)}
.ws__facts{display:flex;flex-wrap:wrap;gap:.4rem .5rem;font-size:var(--fs-0);color:var(--ink-3);font-weight:700}
.ws__facts span{padding:.25rem .6rem;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line)}
.ws .link{margin-top:auto;padding-top:.5rem;align-self:flex-start}
@media (hover:hover){.ws:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.ws:hover .ws__media img{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.ws__media img{transition:none}}

/* ===== News: Zitat mit Portrait, Download, Datumszeile ===== */
.news-datum{margin-top:1rem;font-size:var(--fs-0);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.zitat{display:grid;gap:.75rem;margin:1.75rem 0;padding:1.5rem;border-radius:var(--r-3);background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--mint)}
.zitat img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--bg-3)}
.zitat blockquote{margin:0;font-size:var(--fs-3);line-height:var(--lh-relaxed);color:var(--navy);font-weight:500}
.zitat figcaption{display:grid;gap:.1rem;font-size:var(--fs-1)}
.zitat figcaption b{color:var(--navy)}
.zitat figcaption span{color:var(--ink-3)}
@media (min-width:640px){.zitat{grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:1.25rem}.zitat img{grid-row:span 2}}
.dl{margin:1.25rem 0}
.dl a{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-radius:var(--r-2);background:#fff;border:1px solid var(--line-2);color:var(--navy);font-weight:700;text-decoration:none;font-size:var(--fs-1);transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.dl svg{width:18px;height:18px;color:var(--mint-700,var(--navy))}
@media (hover:hover){.dl a:hover{border-color:var(--navy);box-shadow:var(--shadow-1)}}
/* Verweis-Karten aus den alten Flip-Boxen */
.minis{display:grid;gap:.75rem;margin:1.5rem 0}
@media (min-width:640px){.minis{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.mini{display:grid;gap:.3rem;padding:1.1rem 1.25rem;border-radius:var(--r-3);background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.mini b{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);color:var(--navy);font-size:var(--fs-3)}
.mini b svg{width:18px;height:18px;transition:transform var(--t-base) var(--ease-out)}
.mini span{color:var(--ink-2);font-size:var(--fs-1);line-height:var(--lh-snug)}
@media (hover:hover){.mini:hover{border-color:var(--line-2);box-shadow:var(--shadow-1)}.mini:hover b svg{transform:translateX(3px)}}
.ev-prose h5{margin-top:var(--s-5);margin-bottom:.35rem;font-family:var(--font-display);font-size:var(--fs-2);color:var(--navy);letter-spacing:var(--ls-display)}
.ev-prose h4+h5{margin-top:var(--s-3)}
/* Kundenstimme und Kundenlogo auf den Referenzseiten */
.zitat--gross{margin-top:2.5rem;background:#fff;border:1px solid var(--line);border-left:3px solid var(--mint);box-shadow:var(--shadow-1)}
.zitat--gross blockquote{font-size:var(--fs-4);line-height:var(--lh-snug)}
.zitat--gross img{width:64px;height:64px}
@media (min-width:640px){.zitat--gross{grid-template-columns:64px minmax(0,1fr)}}
.ref-hero__logo{height:var(--h,32px);width:auto;margin-top:1.5rem}
.zitat--home{margin-top:2rem;max-width:min(100%,62ch)}
.zitat--home figcaption{gap:.25rem}
.zitat--home .link{margin-top:.5rem}
/* Interne Gegenüberstellung alt/neu */
.tabelle{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-3);background:#fff}
.tabelle table{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--fs-1)}
.tabelle th,.tabelle td{padding:.85rem 1.1rem;text-align:left;border-bottom:1px solid var(--line)}
.tabelle thead th{font-size:var(--fs-0);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2)}
.tabelle tbody th{font-weight:700;color:var(--navy);max-width:28ch}
.tabelle td{color:var(--ink-2)}
.tabelle td.neu{color:var(--navy);font-weight:700}
.tabelle td.quelle{font-size:var(--fs-0);color:var(--ink-3)}
.tabelle tbody tr:last-child th,.tabelle tbody tr:last-child td{border-bottom:0}
.gegen{display:grid;gap:1.5rem}
@media (min-width:900px){.gegen{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gegen__seite{margin:0;display:grid;gap:.9rem}
.gegen__seite img{width:100%;height:auto;border-radius:var(--r-3);border:1px solid var(--line);box-shadow:var(--shadow-1);background:#fff}
.gegen__seite--neu img{border-color:var(--mint-300);box-shadow:var(--shadow-2)}
.gegen__seite figcaption{font-size:var(--fs-1);color:var(--ink-2);line-height:var(--lh-relaxed)}
.gegen__seite figcaption b{display:block;font-family:var(--font-display);color:var(--ink-3);font-size:var(--fs-0);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}
.gegen__seite--neu figcaption b{color:var(--navy)}

/* Ueber uns (P07) */
.split--2{grid-template-columns:1fr}
@media (min-width:900px){.split--2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}
.split--top{align-items:start}
.ueber-werte .value ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.75rem}
.ueber-werte .value li{display:grid;gap:.15rem;font-size:var(--fs-1);color:var(--ink-2);line-height:var(--lh-snug)}
.ueber-werte .value li b{display:block;font-family:var(--font-text);font-size:inherit;color:var(--navy);margin:0;letter-spacing:0;line-height:inherit}
.bild-karte{margin:0;border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-2);background:var(--bg-3)}
.bild-karte img{display:block;width:100%;height:100%;object-fit:cover}
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--line-2)}
.tl{position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem;padding:0 0 1.35rem 2rem;align-items:baseline}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--mint)}
.tl__jahr{font-family:var(--font-display);font-weight:700;color:var(--ink-3);letter-spacing:var(--ls-display)}
.tl a{font-family:var(--font-display);color:var(--navy);text-decoration:none;font-size:var(--fs-2)}
.tl a:hover{text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:4px}
.fotos{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.fotos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foto{display:grid;gap:.5rem;text-decoration:none;color:var(--ink-2);font-size:var(--fs-0)}
.foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-3);display:block;background:var(--bg-3);transition:transform .6s var(--ease-out)}
.foto:hover img{transform:scale(1.02)}
.orte{display:grid;gap:1rem}
@media (min-width:640px){.orte{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ort{padding:1.5rem;border-radius:var(--r-3);background:#fff;border:1px solid var(--line);display:grid;gap:.5rem;align-content:start;font-size:var(--fs-1)}
.ort b{font-family:var(--font-display);color:var(--navy);font-size:var(--fs-3);letter-spacing:var(--ls-display)}
.ort address{font-style:normal;color:var(--ink-2)}
.ort p{color:var(--ink-2)}
.ort a{color:var(--navy);font-weight:700;text-decoration:none}
.ort a:hover{text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:4px}
.sec-head--top{align-items:start}
.sec-head--top .lead{padding-top:2.6rem}
.split__rechts{padding-top:.25rem}
.h2--klein{font-size:var(--fs-h3)}
.ethos .split--2{align-items:start}
.ethos .split__rechts{padding-top:2.75rem}
.leitung{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.leitung{grid-template-columns:repeat(4,minmax(0,1fr))}}
.leitung__person{display:grid;gap:.15rem}
.leitung__person img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:var(--r-3);background:var(--bg-3);margin-bottom:.75rem;display:block}
.leitung__person b{font-family:var(--font-display);color:var(--navy);font-size:var(--fs-3);letter-spacing:var(--ls-display)}
.leitung__person span{font-size:var(--fs-0);color:var(--ink-3);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ueber-werte .value{padding:1.5rem;border:1px solid var(--line);border-radius:var(--r-3);background:#fff;box-shadow:var(--shadow-1)}
.ueber-werte .value ul{gap:1rem;margin-top:1rem}
.ueber-werte .value li{font-size:var(--fs-2);gap:.2rem}
.bild-karte img{aspect-ratio:4/3}
.foto{align-content:start}
@media (max-width:899px){.sec-head--top .lead{padding-top:0}.ethos .split__rechts{padding-top:0}.split__rechts{padding-top:0}}
.ueber-werte{background:#EEFBF5}
.ueber-werte .value li{line-height:var(--lh-base)}
@media (min-width:900px){.timeline{padding-top:2.6rem}}