/* The Human Layer – standalone overrides */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--thl-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--thl-head:"Space Grotesk","Inter",ui-sans-serif,system-ui,sans-serif}
html[data-theme="dark"]{--thl-bg:#313131;--thl-fg:#f4f7f6;--thl-muted:rgba(244,247,246,.72);--thl-brand:#64b4ac;--thl-brand-ink:#0f1f1d;--thl-head-bg:rgba(49,49,49,.84);--thl-line:rgba(255,255,255,.09);--thl-foot-bg:#262626;color-scheme:dark}
html[data-theme="light"]{--thl-bg:#ffffff;--thl-fg:#0d0d0d;--thl-muted:#55555f;--thl-brand:#3d9a92;--thl-brand-ink:#ffffff;--thl-head-bg:rgba(255,255,255,.86);--thl-line:#ececf1;--thl-foot-bg:#f7f7f8;color-scheme:light}
html,body{background:var(--thl-bg);margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--thl-body);color:var(--thl-fg)}
.thl-page{min-height:100vh;display:flex;flex-direction:column;background:var(--thl-bg);color:var(--thl-fg)}
main#main{flex:1}
main#main,.hl-doc{overflow-x:clip}

/* theme-dependent images */
html[data-theme="dark"] .thl-only-light,html[data-theme="light"] .thl-only-dark{display:none!important}

/* brand teal per mode + fonts inside the page */
html body .hl-doc[data-theme]{--dh-font:var(--thl-body);font-family:var(--thl-body)}
html body .hl-doc[data-theme="dark"]{--dh-brand:#64b4ac;--dh-brand-nav-scroll:#64b4ac}
html body .hl-doc[data-theme="light"]{--dh-brand:#3d9a92;--dh-brand-nav-scroll:#3d9a92}
.hl-doc :is(h1,h2,h3,h4,.hx-h1,.hx-h2,.hl-hero-gf){font-family:var(--thl-head)!important}
.hl-doc section[id]{scroll-margin-top:76px}

/* header: logo left, menu centred, Kontakt + switch right */
.thl-header{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--thl-head-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--thl-line)}
.thl-header-in{max-width:1600px;margin:0 auto;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;padding:0 1rem}
@media(min-width:640px){.thl-header-in{padding:0 1.5rem}}
@media(min-width:1024px){.thl-header-in{padding:0 2.5rem}}
.thl-brand{display:flex;align-items:center;justify-self:start}
.thl-brand img{height:42px;width:auto;display:block}
.thl-nav{display:flex;gap:2rem;align-items:center;justify-self:center}
.thl-nav a,.thl-kontakt{color:var(--thl-fg);opacity:.85;text-decoration:none;font-family:var(--thl-head);font-size:.92rem;font-weight:500}
.thl-nav a:hover,.thl-nav a:focus-visible,.thl-kontakt:hover,.thl-kontakt:focus-visible{opacity:1;color:var(--thl-brand)}
.thl-right{display:flex;align-items:center;gap:1rem;justify-self:end}
.thl-kontakt{opacity:1;display:inline-flex;align-items:center;height:34px;padding:0 1rem;border-radius:999px;border:1px solid var(--thl-brand);color:var(--thl-brand)}
.thl-kontakt:hover,.thl-kontakt:focus-visible{background:var(--thl-brand);color:var(--thl-brand-ink)}
.thl-toggle{position:relative;flex:none;width:56px;height:30px;border-radius:999px;border:1px solid var(--thl-line);background:rgba(127,127,127,.18);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:space-between;color:var(--thl-fg)}
.thl-toggle-ico{display:inline-flex;width:28px;justify-content:center;opacity:.7;position:relative;z-index:1}
.thl-toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--thl-brand);transition:transform .2s ease}
html[data-theme="dark"] .thl-toggle-knob{transform:translateX(26px)}
.thl-toggle:focus-visible{outline:2px solid var(--thl-brand);outline-offset:2px}
@media(max-width:719px){
  .thl-header-in{height:auto;grid-template-columns:1fr auto;grid-template-areas:"brand right" "nav nav";row-gap:.15rem;padding-top:.45rem;padding-bottom:.35rem}
  .thl-brand{grid-area:brand}.thl-right{grid-area:right;gap:.6rem}
  .thl-brand img{height:36px}
  .thl-nav{grid-area:nav;justify-self:stretch;justify-content:center;gap:2.2rem;padding:.3rem 0 .1rem}
  .thl-kontakt{height:30px;padding:0 .8rem;font-size:.88rem}
  .hl-doc section[id]{scroll-margin-top:104px}
  .hl-doc .lp-hero{padding-top:7rem!important}
}

/* footer */
.thl-footer{background:var(--thl-foot-bg);color:var(--thl-muted);font-size:.875rem;border-top:1px solid var(--thl-line)}
.thl-footer-in{max-width:1600px;margin:0 auto;padding:1.75rem 1rem;display:flex;flex-direction:column;gap:.9rem}
@media(min-width:640px){.thl-footer-in{flex-direction:row;align-items:center;justify-content:space-between;padding:1.75rem 2.5rem}}
.thl-footer p{margin:0}
.thl-footer a{color:var(--thl-fg);text-decoration:none}
.thl-footer a:hover{color:var(--thl-brand)}
.thl-footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}

/* Angebote */
.hl-doc .thl-offers-intro{color:var(--dh-text-muted);max-width:640px;margin:.6rem 0 0}
.hl-doc .thl-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;margin-top:1.8rem}
.hl-doc .thl-offer{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.4rem 1.2rem;border-radius:16px;background:var(--dh-bg-elevated);border:1px solid var(--dh-border);box-shadow:var(--dh-shadow);min-height:100%}
.hl-doc[data-theme="dark"] .thl-offer{background:rgba(255,255,255,.035)}
.hl-doc .thl-offer h3{margin:0;font-size:1.15rem;line-height:1.25;color:var(--dh-text)}
.hl-doc .thl-offer p{margin:0;color:var(--dh-text-muted);font-size:.95rem;line-height:1.55;flex:1}
.hl-doc .thl-offer-link{align-self:flex-start;margin-top:.4rem;color:var(--dh-brand);font-weight:600;text-decoration:none;font-size:.92rem}
.hl-doc .thl-offer-link:hover{text-decoration:underline}

/* Team: Core (Sara, Anna Maciak) largest, second row medium, pool small */
.hl-doc .thl-tier-h{margin-top:1.4rem}
.hl-doc .thl-tier-h span:first-child{white-space:nowrap}
.hl-doc .thl-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.hl-doc .thl-second-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin-top:1.1rem}
.hl-doc .thl-second-grid .hl-tcap h3{font-size:1.05rem}
@media(max-width:760px){.hl-doc .thl-second-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hl-doc .thl-core-grid,.hl-doc .thl-second-grid{grid-template-columns:1fr;max-width:none}.hl-doc .thl-second-grid{max-width:88%}}
.hl-doc .hl-tgroup{margin-top:2.4rem}

/* Gedankenblase «vereinsamen»: never overlap the credo headline */
.hl-doc .hl-credo-wrap .zf-cloud--credo,.hl-doc .hl-credo-wrap .zf-cloud--credo.reveal.zf-from-right,.hl-doc .hl-credo-wrap .zf-cloud--credo.reveal.zf-from-right.in{position:static;width:min(86%,400px);margin:1.4rem 0 0 auto;transform:none;pointer-events:auto}
@media(min-width:900px){.hl-doc .hl-credo-wrap .zf-cloud--credo,.hl-doc .hl-credo-wrap .zf-cloud--credo.reveal.zf-from-right,.hl-doc .hl-credo-wrap .zf-cloud--credo.reveal.zf-from-right.in{margin:1.2rem 4% 0 auto}}

/* Erweiterter Kreis: equal tile heights, Steckbrief row at the bottom */
.hl-doc .hl-pcards{align-items:stretch;grid-auto-rows:1fr}
.hl-doc .hl-pcards .hl-pcard{display:flex;flex-direction:column;height:100%}
.hl-doc .hl-pcards .hl-pcard>.hl-pcard-top{flex:1}
.hl-doc .hl-pcards .hl-pcard>details{margin-top:auto}

/* --- Fixes ported from Miguel's theme-switch.css (12./13. Okt), adapted --- */
/* Zitat-Fotos rund und unverzerrt (waren im Flex-Layout zu Ovalen gestaucht) */
.hl-doc .hx-cc-faces img{flex:none;width:34px;height:34px;min-width:34px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}
/* Gesichter-Reihe im Hero: Kreise behalten ihre Form, auch auf schmalen Screens */
.hl-doc .hl-faces .f{flex:none;aspect-ratio:1/1}
@media(max-width:560px){.hl-doc .hl-faces .f{width:44px;height:44px;margin-left:-12px;border-width:2px}.hl-doc .hl-faces{padding-left:12px}}
/* Konfigurator-Aufklapper: Titel und Hinweis untereinander statt zusammengeklebt */
.hl-doc .hl-buffet>summary>span:first-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hl-doc .hl-buffet>summary .hl-buffet-hint{display:block}
/* Stimmen-Karussell: Pfeil im gefüllten «weiter»-Knopf sichtbar, Knöpfe nicht abgeschnitten */
.hl-doc .hx-cc{overflow:visible}
.hl-doc .hx-cc-stage{overflow:hidden}
.hl-doc .hx-cc-controls{padding-right:4px}
.hl-doc .hx-cc-arrow{flex-shrink:0;box-sizing:border-box}
.hl-doc .hx-cc-next{overflow:visible;color:transparent;font-size:0;line-height:0;background-color:var(--dh-text,#f4f7f6);background-repeat:no-repeat;background-position:center;background-size:18px 18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1c1b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.hl-doc[data-theme="light"] .hx-cc-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E")}