@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600&display=swap");
/* ==========================================================================
   Brain Health Challenge — Design System
   Quelle: BHC2026_FactSheet.pdf v1.1 (Farbwerte ausgelesen)
   Stand: 15.09.2026 · getSichtbar GmbH
   ========================================================================== */

/* --- 1 · Tokens ---------------------------------------------------------- */
:root{
  --bhc-teal:#0D5F5C;
  --bhc-teal-bright:#1B9099;
  --bhc-ink:#0F2E2C;
  --bhc-muted:#5C6F6E;
  --bhc-sage:#D8E5E3;
  --bhc-cream:#FBF9F4;
  --bhc-mint:#E8F2F0;
  --bhc-coral:#FF7B5A;
  --bhc-ochre:#F2B441;
  --bhc-white:#FFFFFF;

  /* Kontrastsichere Ableitungen — gleicher Farbton, WCAG-konform */
  --bhc-coral-text:#DB2C00;
  --bhc-coral-display:#FF3300;
  --bhc-coral-on-teal:#FFB8A6;
  --bhc-ochre-text:#9E6700;

  --bhc-bg:var(--bhc-cream);
  --bhc-surface:var(--bhc-white);
  --bhc-surface-2:var(--bhc-mint);
  --bhc-border:var(--bhc-sage);
  --bhc-text:var(--bhc-ink);
  --bhc-text-2:var(--bhc-muted);
  --bhc-link:var(--bhc-teal);

  --bhc-display:"Manrope","Helvetica Neue",Arial,sans-serif;
  --bhc-body:"Inter","Helvetica Neue",Arial,sans-serif;

  --bhc-fs-display:clamp(40px,6vw,68px);
  --bhc-fs-h1:clamp(32px,4.4vw,48px);
  --bhc-fs-h2:clamp(26px,3.2vw,34px);
  --bhc-fs-h3:22px;
  --bhc-fs-body:18px;
  --bhc-fs-small:15px;
  --bhc-fs-label:13px;

  --bhc-s1:8px;  --bhc-s2:16px; --bhc-s3:24px;
  --bhc-s4:40px; --bhc-s5:64px; --bhc-s6:96px;

  --bhc-r-panel:20px;
  --bhc-r-card:10px;
  --bhc-r-pill:999px;
}

/* --- 2 · Grundlagen ------------------------------------------------------ */
.bhc{background:var(--bhc-bg);color:var(--bhc-text);font-family:var(--bhc-body);
     font-size:var(--bhc-fs-body);line-height:1.55;-webkit-font-smoothing:antialiased}
.bhc h1,.bhc h2,.bhc h3,.bhc .t-display{font-family:var(--bhc-display);letter-spacing:-0.03em;
     line-height:1.06;text-wrap:balance;margin:0}
.bhc .t-display{font-size:var(--bhc-fs-display);font-weight:700}
.bhc h1{font-size:var(--bhc-fs-h1);font-weight:700}
.bhc h2{font-size:var(--bhc-fs-h2);font-weight:600}
.bhc h3{font-size:var(--bhc-fs-h3);font-weight:600;letter-spacing:-0.015em}
.bhc p{margin:0 0 var(--bhc-s2);max-width:64ch}
.bhc .t-small{font-size:var(--bhc-fs-small);color:var(--bhc-text-2)}
.bhc a{color:var(--bhc-link);text-underline-offset:2px}
.bhc a:focus-visible,.bhc button:focus-visible,.bhc input:focus-visible,
.bhc textarea:focus-visible{outline:2px solid var(--bhc-coral-text);outline-offset:2px}
.bhc .t-accent{color:var(--bhc-coral-text);font-weight:600}
.bhc .t-accent-display{color:var(--bhc-coral-display)}

/* --- 3 · Pille ----------------------------------------------------------- */
.bhc-pill{display:inline-block;font-family:var(--bhc-body);font-size:var(--bhc-fs-label);
  font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:5px 13px;
  border-radius:var(--bhc-r-pill);background:var(--bhc-mint);color:var(--bhc-teal);white-space:nowrap}
.bhc-pill--solid{background:var(--bhc-teal);color:var(--bhc-white)}
.bhc-pill--accent{background:var(--bhc-coral);color:var(--bhc-ink)}
.bhc-pill--ref{min-width:24px;height:24px;padding:0;display:inline-grid;place-items:center;
  font-size:12px;letter-spacing:0;background:var(--bhc-teal);color:var(--bhc-white)}

/* --- 5 · Panel ----------------------------------------------------------- */
.bhc-panel{background:linear-gradient(135deg,var(--bhc-teal) 0%,var(--bhc-teal-bright) 140%);
  color:var(--bhc-white);border-radius:var(--bhc-r-panel);padding:var(--bhc-s4);
  position:relative;overflow:hidden}
.bhc-panel__title{font-size:var(--bhc-fs-h1);font-weight:700}
.bhc-panel__title em{font-style:normal;color:var(--bhc-coral-on-teal);display:block}
.bhc-panel p{color:rgba(255,255,255,.92)}
.bhc-panel .bhc-pill{background:rgba(255,255,255,.16);color:var(--bhc-white)}

/* --- 6 · Karte und Knopf ------------------------------------------------- */
.bhc-card{background:var(--bhc-surface);border:1px solid var(--bhc-border);
  border-radius:var(--bhc-r-card);padding:var(--bhc-s3)}
.bhc-card--mint{background:var(--bhc-mint);border-color:transparent}
.bhc-btn{display:inline-block;font-family:var(--bhc-body);font-size:16px;font-weight:600;
  padding:14px 28px;border:1px solid var(--bhc-teal);border-radius:var(--bhc-r-pill);
  background:var(--bhc-teal);color:var(--bhc-white);text-decoration:none;cursor:pointer;
  transition:filter .15s ease}
.bhc-btn:hover{filter:brightness(1.14)}
.bhc-btn--ghost{background:transparent;color:var(--bhc-teal)}
.bhc-btn--lg{padding:17px 34px;font-size:17px}

/* --- 7 · Partnerband ----------------------------------------------------- */
/* Logos bleiben in Originalfarbe. Ruhe entsteht aus Flaeche, Hoehe und Raster. */
.bhc-partners{background:var(--bhc-white);border-block:1px solid var(--bhc-border);
  padding-block:var(--bhc-s4)}
.bhc-partners__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  gap:var(--bhc-s3) var(--bhc-s2);align-items:center}
.bhc-partners__grid img{display:block;width:100%;height:46px;object-fit:contain;
  object-position:center;max-width:132px;margin-inline:auto}
.bhc-partners--lead .bhc-partners__grid img{height:62px;max-width:170px}

/* --- 8 · Portraet -------------------------------------------------------- */
.bhc-portrait{aspect-ratio:1/1;border-radius:var(--bhc-r-card);overflow:hidden;background:var(--bhc-mint)}
.bhc-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;
  filter:saturate(.88) contrast(1.02);display:block}

/* --- 9 · Formular -------------------------------------------------------- */
.bhc-field{margin-bottom:var(--bhc-s2)}
.bhc-field label{display:block;font-size:var(--bhc-fs-small);font-weight:600;margin-bottom:6px}
.bhc-field input,.bhc-field textarea{width:100%;padding:13px 14px;font-size:16px;
  font-family:var(--bhc-body);background:var(--bhc-surface);color:var(--bhc-text);
  border:1px solid var(--bhc-border);border-radius:var(--bhc-r-card)}
.bhc-consent{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;
  background:var(--bhc-surface);border:1px solid var(--bhc-border);
  border-radius:var(--bhc-r-card);padding:14px}
.bhc-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--bhc-teal)}
.bhc-consent label{font-size:var(--bhc-fs-small);font-weight:400;line-height:1.45;margin:0}

/* --- 10 · Layout --------------------------------------------------------- */
.bhc-stack{display:grid;gap:var(--bhc-s2)}
.bhc-stack--lg{gap:var(--bhc-s3)}
.bhc-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--bhc-s3)}

@media (max-width:640px){
  :root{--bhc-fs-body:17px}
  .bhc-panel{padding:var(--bhc-s3)}
}
@media (prefers-reduced-motion:reduce){
  .bhc *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* --- 11 · Anwendung auf Tilda-Bloecke -------------------------------------
   Tilda-Bloecke tragen keine .bhc-Klasse. Diese Regeln uebertragen das
   System auf die Standardklassen. Bewusst eng: nur Schrift und
   Ueberschriften-Anmutung, keine Layout-Eingriffe.
   ------------------------------------------------------------------------ */
.t-title,.t-heading,.t-name,
h1,h2,h3,h4{
  font-family:"Manrope","Inter","Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:-0.025em;
}
.t-title{line-height:1.06}
.t-divider,hr{border-color:#D8E5E3 !important;background-color:#D8E5E3 !important}
.t-descr_xxs,.t-text_xs{color:#5C6F6E}

/* --- Die fuenf Saeulen ----------------------------------------------------
   Belegt aus Seiten 4-8 des Konzeptpapiers. Vollton = Flaeche (Balken,
   Ziffer), -text = Labels in Lesegroesse, -wash = Wasserzeichen.
   ------------------------------------------------------------------------ */
:root{
  --bhc-p1:#E5556F; --bhc-p1-text:#C2485E; --bhc-p1-wash:#F9E9E7; /* Heart     */
  --bhc-p2:#8B7BD8; --bhc-p2-text:#7567B5; --bhc-p2-wash:#F0ECF1; /* Senses    */
  --bhc-p3:#0D5F5C; --bhc-p3-text:#0D5F5C; --bhc-p3-wash:#E3EAE5; /* Cognition */
  --bhc-p4:#F2B441; --bhc-p4-text:#916C27; --bhc-p4-wash:#FAF2E2; /* Reaction  */
  --bhc-p5:#6FB287; --bhc-p5-text:#4E7D5F; --bhc-p5-wash:#EDF2E9; /* Nutrition */
  --bhc-g1:#FFF3A8; --bhc-g2:#9FE8B4; --bhc-g3:#7FE3E8; --bhc-g4:#C9EFA0;
  --bhc-gradient:linear-gradient(135deg,#FFF3A8,#9FE8B4 38%,#7FE3E8 72%,#C9EFA0);
  --bhc-shadow:0 2px 10px rgba(15,46,44,.07);
}

.bhc-eyebrow{font-family:var(--bhc-body);font-size:13px;font-weight:600;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--bhc-muted);
  display:block;margin-bottom:8px}

.bhc-card{--bhc-card-accent:var(--bhc-teal);background:var(--bhc-white);border:1px solid var(--bhc-sage);
  border-radius:10px;padding:27px 24px 24px;box-shadow:var(--bhc-shadow);
  /* Akzent innen, folgt der Rundung — kein dicker Rand auf abgerundeter Kante */
  background-image:linear-gradient(var(--bhc-card-accent),var(--bhc-card-accent));
  background-size:100% 3px;background-repeat:no-repeat;background-position:top}
.bhc-card__label{font-size:13px;font-weight:600;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--bhc-muted);display:block;margin-bottom:8px}
.bhc-card--mint{background-color:var(--bhc-mint);border-color:transparent;box-shadow:none;background-image:none}

.bhc-pillar{position:relative;overflow:hidden;padding:40px 24px 64px}
.bhc-pillar__inner{position:relative;z-index:1}
.bhc-pillar__mark{position:absolute;right:-.06em;bottom:-.34em;font-family:var(--bhc-display);
  font-weight:800;font-size:clamp(150px,34vw,340px);line-height:1;letter-spacing:-0.06em;
  color:var(--bhc-p3-wash);pointer-events:none;z-index:0}
.bhc-pillar__icon{font-size:26px;line-height:1;display:block;margin-bottom:16px}
.bhc-pillar__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:24px;margin-top:24px}

.bhc-pillar--1 .bhc-eyebrow{color:var(--bhc-p1-text)}
.bhc-pillar--1 .bhc-card{--bhc-card-accent:var(--bhc-p1)}
.bhc-pillar--1 .bhc-pillar__mark{color:var(--bhc-p1-wash)}
.bhc-pillar--2 .bhc-eyebrow{color:var(--bhc-p2-text)}
.bhc-pillar--2 .bhc-card{--bhc-card-accent:var(--bhc-p2)}
.bhc-pillar--2 .bhc-pillar__mark{color:var(--bhc-p2-wash)}
.bhc-pillar--3 .bhc-eyebrow{color:var(--bhc-p3-text)}
.bhc-pillar--3 .bhc-card{--bhc-card-accent:var(--bhc-p3)}
.bhc-pillar--3 .bhc-pillar__mark{color:var(--bhc-p3-wash)}
.bhc-pillar--4 .bhc-eyebrow{color:var(--bhc-p4-text)}
.bhc-pillar--4 .bhc-card{--bhc-card-accent:var(--bhc-p4)}
.bhc-pillar--4 .bhc-pillar__mark{color:var(--bhc-p4-wash)}
.bhc-pillar--5 .bhc-eyebrow{color:var(--bhc-p5-text)}
.bhc-pillar--5 .bhc-card{--bhc-card-accent:var(--bhc-p5)}
.bhc-pillar--5 .bhc-pillar__mark{color:var(--bhc-p5-wash)}

/* Kampagnen-Verlauf: die Farbfelder hinter der Taenzerin */
.bhc-gradient{background:var(--bhc-gradient);border-radius:10px}
.bhc-gradient--panel{border-radius:20px;padding:40px;color:var(--bhc-ink)}
.bhc-media{border-radius:10px;overflow:hidden;background:var(--bhc-gradient)}
.bhc-media img{display:block;width:100%;height:auto}

/* --- Fliesstext erzwingen ------------------------------------------------
   Tilda baut die Block-CSS beim Publish nicht mit der neuen Site-Schrift neu;
   dort steht weiterhin IBM Plex Sans. Custom CSS laedt danach und korrigiert.
   ---------------------------------------------------------------------- */
body,.t-text,.t-descr,.t-name,.t-uptitle,.t-input,.t-btn,.t-submit,.t-menu__link-item{
  font-family:"Inter","Helvetica Neue",Arial,sans-serif !important;
}

/* --- Mobile-Kopfbereich ---------------------------------------------------
   Tilda blendet den Desktop-Header auf Mobil aus und rendert .tmenu-mobile:
   ein fast schwarzer Balken ohne Logo. Hier auf Markenfarbe gesetzt und das
   Logo als Hintergrundbild eingehaengt, damit Mobil und Desktop gleich sind.
   ---------------------------------------------------------------------- */
@media (max-width:980px){
  .tmenu-mobile{background:#E8F2F0 !important;}
  .tmenu-mobile__container::before{
    content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);
    width:98px;height:38px;
    background:url("https://static.tildacdn.net/tild6139-3966-4363-a236-393335336131/Main_Transparent.png") left center/contain no-repeat;
  }
  .t-menuburger span{background-color:#0F2E2C !important;}
}

/* readable minimum: nothing below 14px (WCAG / mobile legibility) */
.t420__descr,.t420__text,.t524__persdescr,.t802__text,.t-input-subtitle,.t1108__text,.t524__perstext,.t700__video-descr,.t-checkbox__control{font-size:14px !important;line-height:1.55 !important}

/* --- 12 · Tilda-Controls auf Systemtokens (Impeccable polish, 16.09.) ------
   Tilda-Buttons trugen Block-eigene Farben (#155265 / #003049), Team-Rollen
   ein Coral ohne Kontrast, Menue Schwarz, Selection/Focus Browser-Default.
   ------------------------------------------------------------------------ */
::selection{background:var(--bhc-sage);color:var(--bhc-ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--bhc-coral-text) !important;outline-offset:3px;border-radius:4px}
.t-btn,.t-submit{
  background-color:var(--bhc-teal) !important;color:#FFFFFF !important;border:1.5px solid var(--bhc-teal) !important;
  border-radius:999px !important;font-weight:600 !important;letter-spacing:0;
  box-shadow:0 8px 20px -10px rgba(13,95,92,.55) !important;
  transition:background-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}
.t-btn:hover,.t-submit:hover{background-color:#0A4F4C !important;border-color:#0A4F4C !important;
  box-shadow:0 12px 26px -12px rgba(13,95,92,.6) !important;transform:translateY(-1px)}
.t-btn:active,.t-submit:active{transform:translateY(0);box-shadow:0 4px 12px -8px rgba(13,95,92,.5) !important}
.t228 .t-btn,.t-menu__btn .t-btn{background-color:transparent !important;color:var(--bhc-teal) !important;
  box-shadow:none !important}
.t228 .t-btn:hover,.t-menu__btn .t-btn:hover{background-color:var(--bhc-mint) !important;transform:none}
.t-menu__link-item,.t228__list_item a{color:var(--bhc-ink) !important;transition:color .15s}
.t-menu__link-item:hover,.t228__list_item a:hover{color:var(--bhc-teal) !important}
.t524__persdescr{color:var(--bhc-coral-text) !important;font-weight:500 !important}
.t524__persname{font-family:"Manrope","Inter",sans-serif !important;font-weight:700 !important;letter-spacing:-0.01em}
.t-input{color:var(--bhc-ink) !important}
.t-input::placeholder{color:#7A8A88 !important;opacity:1}
.t-input_bbonly{border-bottom:1px solid #A9BBB8 !important;transition:border-color .15s}
.t-input_bbonly:focus{border-bottom-color:var(--bhc-teal) !important}
.t-checkbox__indicator{border:2px solid var(--bhc-teal) !important;opacity:1 !important;border-radius:4px}
.t-text a,.t-descr a,.t420__descr a{color:var(--bhc-teal);text-decoration-thickness:1px;text-underline-offset:3px}
.t-text a:hover,.t-descr a:hover{color:var(--bhc-coral-text)}

/* --- 13 · Spezifitaet gegen Tilda-Block-CSS + Mobile-Hero ------------------
   Tilda schreibt Button-Schatten per #recXXX-Regel; #allrecords hebt die
   Spezifitaet auf ID-Niveau, custom.css laedt zuletzt und gewinnt.
   Der Hero-Titel traegt Inline-line-height 68px auf zwei Spans — auf Mobil
   reisst das die Zeilen auseinander.
   ------------------------------------------------------------------------ */
#allrecords .t-btn,#allrecords .t-btnflex,#allrecords .t-submit{
  box-shadow:0 8px 20px -10px rgba(13,95,92,.55) !important}
#allrecords .t-btn:hover,#allrecords .t-btnflex:hover,#allrecords .t-submit:hover{
  box-shadow:0 12px 26px -12px rgba(13,95,92,.6) !important}
#allrecords .t228 .t-btn,#allrecords .t-menu__btn .t-btn{box-shadow:none !important}
@media (max-width:640px){
  .t677__title span,.t001__title span,.t-title span{line-height:1.06 !important}
  .t677__title,.t001__title{font-size:clamp(34px,10vw,44px) !important;line-height:1.06 !important}
  .t677__title br+span,.t677__title span{font-size:inherit !important}
}

/* Tilda setzt Schatten per "#recXXX .t-btnflex.t-btnflex_type_button !important" (ID+2 Klassen) — ID+3 Klassen, spaeter im Cascade */
#allrecords .t-btn.t-btn.t-btn,#allrecords .t-btnflex.t-btnflex.t-btnflex,#allrecords .t-submit.t-submit.t-submit{
  box-shadow:0 8px 20px -10px rgba(13,95,92,.55) !important;background-color:var(--bhc-teal) !important;border-color:var(--bhc-teal) !important}
#allrecords .t-btn.t-btn.t-btn:hover,#allrecords .t-btnflex.t-btnflex.t-btnflex:hover,#allrecords .t-submit.t-submit.t-submit:hover{
  box-shadow:0 12px 26px -12px rgba(13,95,92,.6) !important;background-color:#0A4F4C !important;border-color:#0A4F4C !important}
#allrecords .t228 .t-btn.t-btn.t-btn,#allrecords .t-menu__btn .t-btn.t-btn.t-btn{box-shadow:none !important;background-color:transparent !important}
#allrecords .t228 .t-btn.t-btn.t-btn:hover{background-color:var(--bhc-mint) !important}

/* --- 14 · Vertikaler Rhythmus + Sektions-Polish (visueller Durchgang 16.09.) ----
   Ein Sektionsabstand fuer alle Inhaltsbloecke: 96px Desktop / 64px Mobil.
   Gruppen (Partner, Instagram, Footer) mit engerem Innenabstand.
   Werte pro Record-ID, weil Tilda Abstaende pro Block als Klasse setzt.
   ------------------------------------------------------------------------ */
:root{--bhc-sec:96px;--bhc-sec-tight:32px}
@media (max-width:640px){:root{--bhc-sec:64px;--bhc-sec-tight:24px}}

/* Startseite */
#rec1002890516,#rec994741386,#rec999397176,#rec995226456,#rec999383501,
#rec985956241,#rec985956271,#rec999126251,#rec995225271,#rec3960297303{
  padding-top:var(--bhc-sec)!important;padding-bottom:var(--bhc-sec)!important}
#rec2493359263{padding-top:var(--bhc-sec)!important;padding-bottom:var(--bhc-sec)!important;background-color:#FBF9F4!important}
/* Partner-Band: Hauptpartner, Partner-Stapel */
#rec1002422371{padding-top:var(--bhc-sec)!important;padding-bottom:var(--bhc-sec-tight)!important}
#rec1091823356{padding-top:var(--bhc-sec-tight)!important;padding-bottom:8px!important}
#rec1169819526,#rec2495085993{padding-top:8px!important;padding-bottom:8px!important}
#rec2495086263{padding-top:8px!important;padding-bottom:var(--bhc-sec)!important}
#rec1091823356 img,#rec1169819526 img,#rec2495085993 img,#rec2495086263 img{max-height:88px!important;width:auto!important;max-width:260px!important;object-fit:contain}
/* Instagram */
#rec985956276{padding-top:var(--bhc-sec)!important;padding-bottom:24px!important}
#rec994443251{padding-bottom:var(--bhc-sec)!important}
/* Footer */
#rec1016107426{padding-top:var(--bhc-sec-tight)!important;padding-bottom:0!important}
#rec1016105431,#rec1134193076,#rec1231037636,#rec1016255391{padding-top:64px!important;padding-bottom:48px!important}

/* World Brain Day */
#rec1133458351 .t-cover,#rec1133458351 .t-cover__carrier,#rec1133458351 .t-cover__filter{background-color:#F2FBFB!important}
#rec1183194376,#rec1133458376,#rec1133458356{padding-top:var(--bhc-sec)!important;padding-bottom:var(--bhc-sec)!important}
#rec1135688201{padding-top:0!important;padding-bottom:0!important}
.t650__inner-col{background-color:#FFFFFF!important;border:1px solid #D8E5E3;border-radius:14px!important;
  box-shadow:0 14px 34px -24px rgba(13,95,92,.35)!important}

/* CAS */
#rec1231002976{padding-top:150px!important;padding-bottom:var(--bhc-sec)!important}
#rec1231002991{padding-top:0!important;padding-bottom:var(--bhc-sec)!important}
#rec1231003021,#rec1231003016{padding-top:var(--bhc-sec)!important;padding-bottom:var(--bhc-sec)!important}

/* Terms */
#rec1016242166{padding-top:150px!important;padding-bottom:24px!important}
#rec1016242171,#rec1016242181{padding-top:16px!important;padding-bottom:16px!important}
#rec1016242191{padding-top:16px!important;padding-bottom:var(--bhc-sec)!important}

/* Sektionskopf: Abstand Titel -> Unterzeile -> Inhalt */
.t-section__title + .t-section__descr{margin-top:16px!important}
.t-section__topwrapper,.t-section__container{margin-bottom:56px!important}
@media (max-width:640px){.t-section__topwrapper,.t-section__container{margin-bottom:40px!important}}

/* Karten und Formulare im System-Look */
.t728__wrapper{background-color:#FFFFFF!important;border:1px solid var(--bhc-sage);
  box-shadow:0 14px 34px -24px rgba(13,95,92,.35)}
.t696__content{border:1px solid var(--bhc-sage)!important;border-radius:20px!important;
  background-color:#FFFFFF!important;box-shadow:0 24px 60px -36px rgba(13,95,92,.45)!important}

/* Toolkit-Band */
#rec3960297303{background-color:#FBF9F4!important}

/* Fixierter Header, Mobil ohne Leerstreifen */
.t228__positionfixed{box-shadow:0 10px 30px -22px rgba(15,46,44,.35)}
@media (max-width:980px){
  #rec985956226,#rec1134168976,#rec1231036831,#rec1016255171{padding-top:0!important}
  .tmenu-mobile__container::before{width:104px!important;height:50px!important;background-size:104px 104px!important;background-position:-2px -24px!important;left:14px!important;top:7px!important;transform:none!important}
  #rec985956231{padding-top:40px!important;padding-bottom:var(--bhc-sec)!important}
  #rec1231002976,#rec1016242166{padding-top:48px!important}
}
@media (max-width:640px){.t001__descr,.t001__descr span,.t001__descr div{line-height:1.5!important}}
#rec3960297303 .t580__arrow-icon,#rec3960297303 .t580__arrow-icon_mobile,#rec3960297303 .t580__arrow-wrapper{display:none!important}
#rec3960297303 .t-title{margin-bottom:16px!important}
#rec3960297303 .t-descr{max-width:620px;margin-inline:auto}

/* --- 15 · Header-Fix (16.09.) ---------------------------------------------
   Logo ist ein 2000x2000-Quadrat mit 200px Breite: Header-Tabelle wurde 204px
   hoch, Hintergrund nur 100px -> Menue an der Unterkante, Inhalt scheint durch.
   Logo auf den Motivstreifen zuschneiden, Header 96px. Mobil fixiert.
   ------------------------------------------------------------------------ */
#allrecords .t228,#allrecords .t228__maincontainer{height:96px!important}
#allrecords .t228{border-bottom:1px solid #D8E5E3}
#allrecords .t228__imgwrapper{display:block;line-height:0}
#allrecords .t228__imglogo{width:168px!important;min-width:168px!important;max-width:168px!important;height:80px!important;object-fit:cover;object-position:50% 50%;padding:0!important}
@media (max-width:980px){
  #allrecords .tmenu-mobile{position:fixed!important;top:0;left:0;right:0;z-index:2001;border-bottom:1px solid #D8E5E3}
  #allrecords #rec985956226,#allrecords #rec1134168976,#allrecords #rec1231036831,#allrecords #rec1016255171{padding-top:64px!important}
  #allrecords .t228,#allrecords .t228__maincontainer{height:auto!important}
  #allrecords .t228{position:fixed!important;top:64px!important;left:0;right:0;width:100%!important;max-height:calc(100vh - 64px);overflow-y:auto;z-index:2000;box-shadow:0 18px 30px -20px rgba(15,46,44,.35)}
  #allrecords .t228__leftside{display:none!important}
}

/* --- 16 · Polish-Durchgang (16.09., Impeccable) ---------------------------
   Navigation einheitlich, Typo-Hierarchie je Sektion, Mess-Artefakte weg.
   ------------------------------------------------------------------------ */
/* Header: Social-Icons nur im Footer, CTA als gefuellter Primaerbutton */
@media (min-width:981px){#allrecords .t228 .t-sociallinks,#allrecords .t228__right_social_links{display:none!important}}
#allrecords .t228 .t-btn.t-btn.t-btn{background-color:var(--bhc-teal)!important;color:#fff!important;border-color:var(--bhc-teal)!important;padding-inline:22px!important}
#allrecords .t228 .t-btn.t-btn.t-btn:hover{background-color:#0A4F4C!important;color:#fff!important}
#allrecords .t228 .t-btn .t-btnflex__text{color:#fff!important}
#allrecords .t228__list_item a{font-weight:500!important}
#allrecords .t228__list_item a.t-active,#allrecords .t228__list_item a[aria-current]{color:var(--bhc-teal)!important}
.t-menu__link-item:focus-visible,.t228 .t-btn:focus-visible{outline:2px solid var(--bhc-teal);outline-offset:3px;border-radius:6px}

/* So funktioniert's: Schrittnamen als echte Zwischenueberschrift */
#allrecords #rec1002890516 .t1108__title{font-family:var(--bhc-display)!important;font-size:20px!important;line-height:1.3!important}
#allrecords #rec1002890516 .t1108__text{font-size:16px!important;line-height:1.6!important;color:var(--bhc-muted)!important;max-width:34ch;margin-inline:auto}

/* Team: Zitate lesbar */
#allrecords #rec985956271 .t524__perstext{font-size:15px!important;line-height:1.6!important}
#allrecords #rec985956271 .t524__persdescr{font-size:14px!important;line-height:1.45!important}

/* Mitmachen-Karten: Kartenfarbe hebt sich vom Grund ab */
#allrecords #rec999126251 .t-card__descr{font-size:15px!important;line-height:1.7!important}
#allrecords #rec999126251 .t1070__content{background-color:#fff!important;border:1px solid var(--bhc-sage);border-radius:16px!important;box-shadow:0 14px 34px -24px rgba(13,95,92,.35)!important}
#allrecords #rec999126251 .t-card__descr p{font-size:15px!important;line-height:1.75!important}

/* Ressourcen: Schwarz -> Tinte */
#allrecords #rec995225271 .t-descr,#allrecords #rec995225271 .t-name,#allrecords #rec995225271 .t-title{color:var(--bhc-ink)!important}
#allrecords #rec995225271 .t-descr_sm{color:var(--bhc-muted)!important}

/* Instagram-Feed: gleichmaessige Kacheln */
#allrecords #rec994443251 .t802__bgimg{background-size:cover!important;background-position:center!important}
#allrecords #rec994443251 .t802__imgwrapper{border-radius:10px;overflow:hidden;background-color:var(--bhc-sage)}
#allrecords #rec994443251 .t802__col:nth-child(n+13){display:none!important}

/* World Brain Day */
#allrecords #rec1133458351 .t-cover__arrow-wrapper,#allrecords #rec1133458351 .t-cover__arrow{display:none!important}
#allrecords #rec1133458351 .t001__uptitle{color:var(--bhc-teal)!important;letter-spacing:.12em}
#allrecords #rec1133458356 .t-card__title{font-family:var(--bhc-display)!important;font-size:24px!important;line-height:1.3!important}
#allrecords #rec1133458356 .t-card__descr{font-size:16px!important;line-height:1.65!important}
#allrecords #rec1133458376 .t514__persontextwrapper,#allrecords #rec1133458376 .t514__persontextwrapper *{font-size:16px!important;line-height:1.6!important;color:var(--bhc-muted)!important}

/* CAS-Stimmen: Lesegroesse */
#allrecords #rec1231003021 .t530__text{font-size:15px!important;line-height:1.65!important;color:var(--bhc-ink)!important}
#allrecords #rec1231003021 .t530__descr{font-size:13px!important;line-height:1.5!important}
#allrecords #rec1231003021 .t530__title{font-family:var(--bhc-display)!important;font-size:18px!important}

/* Terms: Seitentitel als Ueberschrift */
#allrecords #rec1016242166 .t119__preface{opacity:1!important;font-family:var(--bhc-display)!important;color:var(--bhc-ink)!important;font-weight:700!important;font-size:clamp(28px,3.4vw,40px)!important;line-height:1.15!important;letter-spacing:-.01em}
#allrecords #rec1016242166 .t119__preface br{display:none}
/* Seitenkoepfe WBD + CAS: Tinte statt Schwarz, Hero ohne Leerraum */
#allrecords #rec1133458351 .t001__title,#allrecords #rec1133458351 .t001__descr,#allrecords #rec1231002976 .t-title,#allrecords #rec1231002976 .t-descr{color:var(--bhc-ink)!important}
#allrecords #rec1133458351 .t001__uptitle.t001__uptitle,#allrecords #rec1133458351 .t001__uptitle *{color:var(--bhc-teal)!important;letter-spacing:.14em}
@media (min-width:981px){#allrecords #rec1133458351 .t-cover,#allrecords #rec1133458351 .t-cover__carrier,#allrecords #rec1133458351 .t-cover__filter,#allrecords #rec1133458351 .t001__wrapper{height:560px!important;min-height:0!important}}
#allrecords #rec1231002991 a{color:var(--bhc-teal)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* --- 17 · Globaler Header/Footer (17.09.) ---------------------------------
   Header- und Footer-Seite in Site Settings zugewiesen, Einzelblöcke je Seite
   ausgeblendet. Abstände auf die neuen Block-IDs übertragen.
   ------------------------------------------------------------------------ */
#rec3972820903{padding-top:64px!important;padding-bottom:48px!important}
@media (max-width:980px){#allrecords #rec3972804003{padding-top:64px!important}}

/* --- 18 · Header 981–1199 px (17.09.) ---------------------------------------
   Fünf Menüpunkte brachen bei Tablet-quer zweizeilig um.
   ------------------------------------------------------------------------ */
@media (min-width:981px) and (max-width:1199px){
  #allrecords .t228__list_item{padding-right:14px!important;padding-left:0!important}
  #allrecords .t228__list_item a{font-size:15px!important;white-space:nowrap}
  #allrecords .t228 .t-btn.t-btn.t-btn{padding-inline:16px!important}
  #allrecords .t228__imglogo{width:140px!important;min-width:140px!important;max-width:140px!important;height:68px!important}
}

/* --- 19 · Redesign-Angleichung (18.09.) -----------------------------------
   Alte Tilda-Blöcke auf die Typo der Zero Blocks: H2 44/800, Mobil 30.
   Consent-Leiste: Styles aus dem Head greifen nicht → hier mit ID.
   ------------------------------------------------------------------------ */
#allrecords #rec3972880103 .t-section__title,
#allrecords #rec3972881103 .t696__title,
#allrecords #rec3977580603 .t696__title,
#allrecords #rec3972882603 .t482__title,
#allrecords #rec3972920403 h2{font-family:var(--t-headline-font,'Manrope'),sans-serif!important;font-size:44px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.01em!important}
#allrecords #rec3972881103 .t696__descr,#allrecords #rec3977580603 .t696__descr{margin-top:12px!important}
#allrecords #rec3972882603 .t482__descr{margin-top:16px!important}
#allrecords #rec3972920403 label{font-size:14px!important}
@media (max-width:980px){
  #allrecords #rec3972880103 .t-section__title,#allrecords #rec3972881103 .t696__title,#allrecords #rec3977580603 .t696__title,#allrecords #rec3972882603 .t482__title,#allrecords #rec3972920403 h2{font-size:36px!important}
}
@media (max-width:639px){
  #allrecords #rec3972880103 .t-section__title,#allrecords #rec3972881103 .t696__title,#allrecords #rec3977580603 .t696__title,#allrecords #rec3972882603 .t482__title,#allrecords #rec3972920403 h2{font-size:30px!important}
  #allrecords #rec3972880103 .t-section__descr,#allrecords #rec3972882603 .t482__descr{font-size:17px!important}
}
#allrecords #rec3972820903 a:not(.t-btn){color:var(--bhc-teal)!important}
#allrecords #rec3972820903 a[href*="tilda"]{color:inherit!important}
#allrecords #rec3972820903 .t420__text a,#allrecords #rec3972820903 li a{display:inline-block;min-height:32px;line-height:32px}

#bhc-consent{font-family:Inter,Arial,sans-serif!important}
#bhc-consent .bhc-consent__inner{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;gap:16px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#bhc-consent .bhc-consent__inner p{max-width:62ch;margin:0;font-size:14px;line-height:1.45}
#bhc-consent .bhc-consent__actions{display:flex;gap:12px;flex-wrap:wrap}
#bhc-consent button{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid #0d5f5c;background:#fff;color:#0d5f5c;font:600 15px/1 Inter,Arial,sans-serif;cursor:pointer}
#bhc-consent button[data-consent="granted"]{background:#0d5f5c;color:#fff}
#bhc-consent button:focus-visible{outline:3px solid #0d5f5c;outline-offset:2px}
@media (max-width:639px){#bhc-consent .bhc-consent__actions{width:100%}#bhc-consent button{flex:1}}

/* --- 20 · Tap-Targets (18.09.) --------------------------------------------
   Kleine Links in Zero Blocks: Trefferfläche 44px, Layout unverändert.
   ------------------------------------------------------------------------ */
#allrecords .t396 .tn-elem[data-elem-type="text"] a.tn-atom{padding-block:13px;margin-block:-13px}
#allrecords .t396 .tn-elem[data-elem-type="text"] .tn-atom a{display:inline-block;padding-block:12px;margin-block:-12px}
#allrecords .t396 .tn-elem[data-elem-type="text"] a:focus-visible{outline:3px solid #0d5f5c;outline-offset:3px;border-radius:4px}

/* --- 21 · Mindestgrößen (18.09.) -------------------------------------------
   Footer-Überschriften, Legal-Link, Partner-Labels und Hashtag im Upload-Block.
   ------------------------------------------------------------------------ */
#allrecords #rec3972820903 .t420__title{font-size:14px!important;line-height:1.4!important}
#allrecords #rec3972820903 .t420__title a{font-size:14px!important}
#allrecords #rec3972920403 .label,#allrecords #rec3972920403 small{font-size:14px!important}
#allrecords #rec3972880103 strong{font-size:max(14px,1em)!important}

/* --- 22 · Header-Platzhalter (18.09.) --------------------------------------
   Fixierter Header ist ab 981px 96px hoch, reserviert waren nur 60px →
   bei 981–1199px lag die H1 unter dem Header.
   ------------------------------------------------------------------------ */
@media (min-width:981px){#allrecords #rec3972804003{padding-top:96px!important}}

/* --- 23 · Partner-Block am Zero-Raster ausrichten (18.09.) ------------------ */
#allrecords #rec3972920403 .bhcx-partners .wrap{box-sizing:border-box;max-width:none;padding-inline:24px}
@media (min-width:960px){#allrecords #rec3972920403 .bhcx-partners .wrap{padding-inline:calc((100% - 920px) / 2)}}
@media (min-width:1200px){#allrecords #rec3972920403 .bhcx-partners .wrap{padding-inline:calc((100% - 1200px) / 2)}}

/* --- 24 · Play-Icon im Hero-Chip (19.09.) ---------------------------------- */
#allrecords #rec3973060803 .tn-elem[data-elem-type="vector"] svg path{fill:#fff!important;stroke:none!important}

/* --- 25 · Navigation (19.09.) --------------------------------------------- */
#allrecords .r{scroll-margin-top:112px}
@media (max-width:980px){#allrecords .r{scroll-margin-top:80px}}
html.bhc-menu-open,html.bhc-menu-open body{overflow:hidden}
#allrecords #rec3972804003 .t228__list_item a{display:inline-block;padding-block:12px;margin-block:-12px}
#allrecords #rec3972804003 .t228__list_item a[aria-current="page"],#allrecords #rec3972804003 .t228__list_item a.bhc-nav-active{color:var(--bhc-teal)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
#allrecords #rec3972804003 a:focus-visible,#allrecords #rec3972804003 .t-menuburger:focus-visible,#allrecords #rec3972820903 a:focus-visible{outline:3px solid #0d5f5c;outline-offset:3px;border-radius:6px}
#allrecords #rec3972804003 .t-menuburger{position:relative}
#allrecords #rec3972804003 .t-menuburger::after{content:"";position:absolute;inset:-12px -8px}
@media (max-width:980px){
  #allrecords #rec3972804003 .t228__list_item a{display:block;padding-block:12px;margin-block:0}
  #allrecords #rec3972804003 .t228__list_item{padding-block:0!important}
}
.t-skiplink:focus,.t-skiplink:focus-visible{opacity:1!important;z-index:2147483001;background:#0d5f5c!important;color:#fff!important;padding:12px 18px!important;border-radius:999px}

/* --- 26 · UX-Durchgang Navigation (19.09.) ---------------------------------- */
:focus-visible{outline-color:#0d5f5c!important}
.t-skiplink:focus,.t-skiplink:focus-visible{position:fixed!important;top:8px!important;left:8px!important}
#allrecords #rec3972804003 .t228 .t-btn{min-height:44px!important}
#allrecords #rec3972804003 .t228__list_item a{padding-block:13px;margin-block:-13px}
#allrecords .t-sociallinks__item a,#allrecords #rec3972804003 .t-sociallinks a{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px!important;height:44px!important}
#allrecords #rec3972820903 .t420__descr a,#allrecords #rec3972820903 .t420__title a{display:inline-block;min-height:44px;line-height:44px}
#allrecords #rec3972882803 .t802__imgwrapper *,#allrecords #rec3972882803 .t802__hover-wrapper *{color:#34494a!important}
#allrecords #rec3972880103 .t700__form-upper-text{font-size:15px!important;line-height:1.55!important}
#allrecords #rec3972883103 .t134__title{line-height:1.25!important}

/* --- 27 · UX-Durchgang 2 (19.09.) ------------------------------------------- */
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body textarea:focus-visible,html body select:focus-visible,html body [tabindex]:focus-visible{outline:2px solid #0d5f5c!important;outline-offset:3px}
#allrecords #rec3972820903 .t420__descr{font-size:15px!important;line-height:1.5!important}
#allrecords #rec3972820903 .t420__descr a{min-width:44px}
#allrecords .t396 .tn-elem[data-elem-type="text"] .tn-atom a{padding-block:13px;margin-block:-13px}
#allrecords #rec3972882803 .t802__container{max-width:none;margin-inline:auto;box-sizing:border-box;padding-inline:24px}
@media (min-width:1200px){#allrecords #rec3972882803 .t802__container{max-width:1200px;padding-inline:0}}
@media (min-width:960px) and (max-width:1199px){#allrecords #rec3972882803 .t802__container{max-width:none;padding-inline:calc((100% - 920px) / 2)}}
@media (max-width:639px){#allrecords #rec3972882803 .t802__col:nth-child(n+7){display:none!important}}

/* --- 28 · UX-Durchgang 3 (19.09.) ------------------------------------------- */
#allrecords .t-checkbox__labeltext a{display:inline-block;padding-block:13px;margin-block:-13px}
#allrecords #rec3977615603 .tn-elem[data-elem-type="shape"]{display:none!important}

/* --- 29 · Formulare (19.09.) ------------------------------------------------ */
#allrecords .t-checkbox__control a{display:inline-block;padding-block:13px;margin-block:-13px}
#allrecords .t-upwidget-container__button{min-height:44px!important;display:inline-flex!important;align-items:center}
#allrecords .t-upwidget{margin-top:8px}
#allrecords .t-input::placeholder{color:#5c6f6e!important;opacity:1!important}
#allrecords .t-input-subtitle.t-opacity_70{opacity:1!important;color:#4a5d5c!important}

/* --- 30 · Upload-Sektion kompakter (19.09.) ---------------------------------- */
@media (max-width:639px){
  #allrecords #rec3972880103 .t-section__container{margin-bottom:0!important}
  #allrecords #rec3972880103 .t-section__descr{margin-bottom:8px!important}
  #allrecords #rec3972880103 .t700__content{margin-bottom:32px!important}
}
#allrecords #rec3972880103 .t700__wrap-video,#allrecords #rec3972880103 .t-video-lazyload{box-shadow:0 14px 30px -20px rgba(15,46,44,.4)!important}
@media (max-width:639px){#allrecords #rec3972880103 .t-section__container > .t-col{margin-bottom:24px!important}}
/* §31 Instagram-Feed: ganze Motive statt Crop, IG-Kennung */
#allrecords #rec3972882803{padding-bottom:0!important}
#allrecords #rec3972882803 .t802__imgwrapper{border-radius:12px;background-color:#dfeceb}
#allrecords #rec3972882803 .t802__bgimg{isolation:isolate;overflow:hidden;border-radius:inherit}
#allrecords #rec3972882803 .t802__bgimg::before,#allrecords #rec3972882803 .t802__bgimg::after{content:"";position:absolute;inset:0;background-image:inherit;background-repeat:no-repeat;background-position:center}
#allrecords #rec3972882803 .t802__bgimg::before{background-size:cover;filter:blur(18px) saturate(1.1);transform:scale(1.25);opacity:.9}
#allrecords #rec3972882803 .t802__bgimg::after{background-size:contain}
#allrecords #rec3972882803 .t802__col a{position:relative;display:block}
#allrecords #rec3972882803 .t802__col a::after{content:"";position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(4,43,36,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.6' fill='%23fff'/%3E%3C/svg%3E") center/14px no-repeat;z-index:3;pointer-events:none}
/* §32 Footer: engerer Rhythmus + Hover */
#allrecords #rec3972820903 li a,#allrecords #rec3972820903 .t420__descr a,#allrecords #rec3972820903 .t420__text a{display:inline-block;min-height:0!important;line-height:1.5!important;padding:4px 0!important;min-width:0!important}
#allrecords #rec3972820903 .t420__descr li,#allrecords #rec3972820903 .t420__text li,#allrecords #rec3972820903 ul:not(.t-sociallinks__wrapper) li{margin-bottom:2px!important}
#allrecords #rec3972820903 .t420__descr a,#allrecords #rec3972820903 li:not(.t-sociallinks__item) a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1.5px;transition:color .15s,text-decoration-color .15s}
#allrecords #rec3972820903 .t420__descr a:hover,#allrecords #rec3972820903 li:not(.t-sociallinks__item) a:hover{color:#08403e!important;text-decoration-color:currentColor}
#allrecords #rec3972820903 .t-sociallinks{margin-top:24px!important}
#allrecords #rec3972820903 .t-sociallinks__wrapper{display:flex;flex-wrap:wrap;gap:4px;font-size:0;width:auto!important;max-width:none!important}
#allrecords #rec3972820903 .t-sociallinks__item{margin:0!important;padding:0!important}
#allrecords #rec3972820903 .t-sociallinks__item:first-child{margin-left:-4px!important}
#allrecords #rec3972820903 .t-sociallinks__item a{display:flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-height:0!important;margin:0!important;line-height:1!important;border-radius:50%;transition:background-color .15s}
#allrecords #rec3972820903 .t-sociallinks__item svg{width:30px;height:30px;transition:transform .15s}
#allrecords #rec3972820903 .t-sociallinks__item a:hover{background-color:#dcebea}
#allrecords #rec3972820903 .t-sociallinks__item a:hover svg{transform:scale(1.08)}
#allrecords #rec3972820903 .t420__logo{width:150px!important;max-width:none!important;height:84px!important;object-fit:cover;object-position:center;margin-left:-6px}
@media (prefers-reduced-motion:reduce){#allrecords #rec3972820903 *{transition:none!important}}
/* §33 A11y-Kontrast: Formular-Platzhalter */
#allrecords .t-input__vis-ph{color:#4a5d5c!important;opacity:1!important}
/* §34 Mobil: Team + CAS-Stimmen als Swipe-Band, Footer-Touchziele, CAS-Logo */
@media (max-width:639px){
  #rec3977564603 .t396__artboard,#rec3977616103 .t396__artboard{height:auto!important;min-height:0!important}
  #rec3977564603 #molecule-1789645331832000004,
  #rec3977616103 #molecule-1789643864959000003{
    flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    justify-content:flex-start!important;gap:12px!important;width:calc(100% + 40px)!important;margin-left:-20px!important;padding:4px 20px 16px!important;box-sizing:border-box;scroll-padding-inline:20px;overscroll-behavior-x:contain}
  #rec3977564603 #molecule-1789645331832000004::-webkit-scrollbar,
  #rec3977616103 #molecule-1789643864959000003::-webkit-scrollbar{display:none}
  #rec3977564603 #molecule-1789645331832000004 > .t396__group,
  #rec3977616103 #molecule-1789643864959000003 > .t396__group{flex:0 0 84%!important;width:84%!important;scroll-snap-align:start;margin:0!important}
  #rec3977564603 #molecule-1789645331832000004 > .t396__group > .tn-molecule,
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule{width:100%!important;height:100%!important;box-sizing:border-box}
  #rec3977564603 #molecule-1789645331832000004 > .t396__group > .tn-molecule > .tn-elem,
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule > *{width:100%!important;max-width:100%!important;box-sizing:border-box}
  #rec3977564603 #molecule-1789645331832000004 .tn-elem[data-elem-type="shape"]{height:auto!important;aspect-ratio:4/4.3}
  #rec3977564603 #molecule-1789645331832000004 .tn-elem[data-elem-type="shape"] .tn-atom{height:100%!important}
  #rec3977564603 #molecule-1789645331832000004 .tn-elem[data-elem-type="image"]{width:12px!important;max-width:12px!important;height:5px!important;overflow:hidden}
  #rec3977564603 #molecule-1789645331832000004 .tn-elem[data-elem-type="image"] img{width:12px!important;height:auto!important}
  #rec3977616103 #molecule-1789643864959000003{align-items:flex-start!important}
  #rec3977616103 #molecule-1789643864959000003 > .t396__group{flex-basis:88%!important;width:88%!important}
}
@media (max-width:639px){
  #rec3977616103 .bhc-clamp > .tn-atom{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}
  #rec3977616103 .bhc-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0;border:0;background:none;color:#0d5f5c;font:600 16px/1.2 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
  #rec3977616103 .bhc-more:focus-visible{outline:2px solid #0d5f5c;outline-offset:3px;border-radius:4px}
}
@media (min-width:640px){#rec3977616103 .bhc-more{display:none}}
@media (max-width:639px){
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule > .t396__group > .tn-molecule{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule > .t396__group > .tn-molecule > .t396__group{width:100%!important}
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule > .t396__group > .tn-molecule > .t396__group > .tn-molecule,
  #rec3977616103 #molecule-1789643864959000003 > .t396__group > .tn-molecule > .t396__group > .tn-molecule > .t396__group .tn-elem{width:100%!important}
  #rec3977616403 .tn-elem[data-elem-id="1789643501988000002"]{width:56%!important;height:auto!important;aspect-ratio:341/228}
  #rec3977616403 .tn-elem[data-elem-id="1789643501988000002"] .tn-atom{height:100%!important}
  #rec3977616403 .tn-elem[data-elem-id="1789643501990000007"] .tn-atom{font-size:15px!important}
}
/* Footer: mobile Touchziele */
@media (max-width:639px){
  #allrecords #rec3972820903 li:not(.t-sociallinks__item) a,#allrecords #rec3972820903 .t420__descr a{padding:11px 0!important}
  #allrecords #rec3972820903 .t-sociallinks__item a{width:44px!important;height:44px!important}
  #allrecords #rec3972820903 .t-sociallinks__wrapper{gap:8px}
}
@media (max-width:639px){#rec3977616403 .tn-elem[data-elem-id="1789643501988000002"]{align-self:flex-start!important;margin-left:-4%!important}}
@media (max-width:639px){
  #bhc-consent .bhc-consent__inner{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))!important;gap:10px!important}
  #bhc-consent strong{font-size:15px!important}
  #bhc-consent p{font-size:14px!important;line-height:1.45!important;margin:2px 0 0!important}
  #bhc-consent .bhc-consent__actions{gap:8px!important}
  #bhc-consent .bhc-consent__actions button{min-height:44px!important;padding:0 16px!important;font-size:15px!important}
}
@media (max-width:639px){#allrecords #rec3973060803 .t396__artboard{padding-top:32px!important}}