:root{
  color-scheme:light;
  --schrift:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
  --ds-schrift-fussnote:0.8rem;
  --ds-schrift-text:clamp(1rem, 0.9739rem + 0.1159vw, 1.0667rem);
  --ds-schrift-vorspann:clamp(1.25rem, 1.1826rem + 0.2995vw, 1.4222rem);
  --ds-schrift-titel:clamp(1.5625rem, 1.4319rem + 0.5805vw, 1.8963rem);
  --ds-schrift-gross:clamp(1.9531rem, 1.728rem + 1.0005vw, 2.5284rem);
  --ds-schrift-hero:clamp(2.4414rem, 2.0776rem + 1.617vw, 3.3712rem);
  --ds-schrift-thai:"Noto Sans Thai","Leelawadee UI","Sarabun","Thonburi",ui-sans-serif,system-ui,sans-serif;
  --ds-schrift-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ds-zeile-standard:1.65;
  --ds-zeile-eng:1.2;
  --ds-zeile-thai:1.9;
  --ds-abstand-keiner:0;
  --ds-abstand-haar:0.25rem;
  --ds-abstand-eng:0.5rem;
  --ds-abstand-knapp:0.75rem;
  --ds-abstand-zeile:1rem;
  --ds-abstand-absatz:1.5rem;
  --ds-abstand-block:2rem;
  --ds-abstand-gruppe:3rem;
  --ds-abstand-abschnitt:4rem;
  --ds-abstand-kapitel:6rem;
  --ds-abstand-akt:8rem;
  --ds-dauer-schnell:120ms;
  --ds-dauer-normal:220ms;
  --ds-dauer-ruhig:420ms;
  --ds-kurve:cubic-bezier(.2,0,0,1);
  --radius:18px;
  --ds-radius-klein:8px;
  --ds-strich:1px;
  --ds-mass:56ch;
  --ds-breite-seite:60rem;
  --ds-rand:clamp(1rem, 4vw, 3rem);
  --ds-tippziel:44px;
  --ds-kopf-freiraum:var(--ds-abstand-kapitel);
  --ds-float-rand-inline:max(var(--ds-abstand-zeile),env(safe-area-inset-right));
  --ds-float-rand-block:max(var(--ds-abstand-zeile),env(safe-area-inset-bottom));
  --ds-float-slot-schritt:calc(var(--ds-tippziel) + var(--ds-abstand-eng));
  --ds-float-slot-assistent:0;
  --ds-float-slot-backreport:calc(-1 * var(--ds-float-slot-schritt));
  --ds-fokus-breite:3px;
  --ds-fokus-abstand:2px;
  --ds-fokus-ring:var(--tinte);
  --ds-fokus-hof:var(--grund);
  --ds-fluss-abstand:var(--ds-abstand-absatz);
  --grund:#f3f6ef;
  --karte:#dce8de;
  --tinte:#163234;
  --gedaempft:#4e625f;
  --linie:#b8cbbe;
  --papierlicht:#f8faf5;
  --nebel:#dce8de;
  --mineral:#245b5a;
  --bergblau:#3e7377;
  --laterit:#b85f43;
  --teak:#5b3a2c;
  --akzent:#0f6b4f;
  --akzent-tinte:#ffffff;
  --warn:#8a4b12;
  --warn-grund:#fdf1e3;
  --erfolg:#3f6212;
  --erfolg-grund:#f0f3e4;
  --fehler:#8c1d1d;
  --fehler-grund:#fbe6e6;
}
:root[data-theme="light"]{
  color-scheme:light;
  --grund:#f3f6ef;
  --karte:#dce8de;
  --tinte:#163234;
  --gedaempft:#4e625f;
  --linie:#b8cbbe;
  --papierlicht:#f8faf5;
  --nebel:#dce8de;
  --mineral:#245b5a;
  --bergblau:#3e7377;
  --laterit:#b85f43;
  --teak:#5b3a2c;
  --akzent:#0f6b4f;
  --akzent-tinte:#ffffff;
  --warn:#8a4b12;
  --warn-grund:#fdf1e3;
  --erfolg:#3f6212;
  --erfolg-grund:#f0f3e4;
  --fehler:#8c1d1d;
  --fehler-grund:#fbe6e6;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --grund:#14130f;
  --karte:#1c211c;
  --tinte:#f2eee6;
  --gedaempft:#a8a096;
  --linie:#2e2b25;
  --papierlicht:#20241f;
  --nebel:#25332f;
  --mineral:#77b8b6;
  --bergblau:#79b5ba;
  --laterit:#e59a7f;
  --teak:#d6ae96;
  --akzent:#4cc39a;
  --akzent-tinte:#0a1a14;
  --warn:#f0b872;
  --warn-grund:#2a1e10;
  --erfolg:#a8cc70;
  --erfolg-grund:#1e2410;
  --fehler:#ff9b9b;
  --fehler-grund:#331616;
}
/* Zuruecksetzen ------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;
  scroll-padding-block-start:var(--ds-kopf-freiraum)}
:where(body){margin:0;background:var(--grund);color:var(--tinte);
  font-family:var(--schrift);font-size:var(--ds-schrift-text);
  line-height:var(--ds-zeile-standard);text-wrap:pretty;
  font-synthesis:none;-webkit-font-smoothing:antialiased}

/* Nichts laeuft ueber den Rand — gemessen wird bei 375 px ---------------- */
:where(img,video,canvas,picture,iframe,embed,object){max-inline-size:100%;block-size:auto}
:where(svg){max-inline-size:100%}
:where(pre,table,.ds-breit){max-inline-size:100%;overflow-x:auto}
:where(p,li,dd,dt,figcaption,blockquote,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}

/* Typografie: sechs Grade, sonst keiner ---------------------------------- */
:where(h1,h2,h3,h4,h5,h6){margin:0 0 var(--ds-abstand-knapp);
  line-height:var(--ds-zeile-eng);text-wrap:balance;font-weight:600;letter-spacing:-.01em}
:where(h1){font-size:var(--ds-schrift-hero);letter-spacing:-.02em;
  margin:0 0 var(--ds-abstand-absatz)}
:where(h2){font-size:var(--ds-schrift-titel);margin:var(--ds-abstand-abschnitt) 0 var(--ds-abstand-knapp)}
:where(h3){font-size:var(--ds-schrift-text);margin:var(--ds-abstand-absatz) 0 var(--ds-abstand-haar)}
:where(h4,h5,h6){font-size:var(--ds-schrift-text)}
:where(p,ul,ol,dl,blockquote,figure,pre,table){margin:0 0 var(--ds-abstand-absatz)}
:where(li+li){margin-block-start:var(--ds-abstand-eng)}
:where(small,figcaption,.ds-fussnote){font-size:var(--ds-schrift-fussnote);color:var(--gedaempft)}
:where(.ds-vorspann){font-size:var(--ds-schrift-vorspann);color:var(--gedaempft)}
:where(.ds-satz){font-size:var(--ds-schrift-gross);line-height:var(--ds-zeile-eng);
  text-wrap:balance;font-weight:400;letter-spacing:-.015em}
:where(.ds-hero){font-size:var(--ds-schrift-hero);line-height:var(--ds-zeile-eng);text-wrap:balance}
:where(strong,b){font-weight:600}
:where(code,kbd,samp,pre,.ds-fest){font-family:var(--ds-schrift-mono);font-size:.9em}
:where(pre){padding:var(--ds-abstand-knapp) var(--ds-abstand-zeile);
  background:var(--karte);border:var(--ds-strich) solid var(--linie);border-radius:var(--radius)}

/* Zeilenlaenge. Der Griff muss TIEFER als main > p gehen: im Bestand steht der
   Fliesstext in <section>, gemessen 112 Zeichen je Zeile ohne diese Regel.
   Eine Fassung, die nur die direkten Kinder von main fasst, sieht im Quelltext
   richtig aus und deckelt auf der echten Seite fast nichts. Nur DIREKTE Kinder
   der Abschnittselemente — Text tiefer drin sitzt in Karten und ist ohnehin
   schmal, dort waere der Deckel eine Ueberraschung.

   AUSNAHME .ds-medien (kein Backtick in diesem Kommentar — er stuende IM
   Template-Literal): der Deckel ist eine PROSA-Regel. Von 58 getroffenen
   Elementen der gebauten Seite waren 57 reine Textbloecke — und genau eines
   enthielt Medien: der Kapitel-<ol> des Films, geklemmt auf 515 von 864 px
   [GEMESSEN 2026-08-18, Ursachenbeweis im Audit DESIGN-BEFUND, Befund B1].
   Ein Container, der Bilder oder Videos traegt, erklaert das mit dem
   Klassennamen ds-medien und behaelt die volle Spaltenbreite. Der Waechter
   steht IM :where()-Mantel, damit die Spezifitaet 0 bleibt (Bauregel 3) —
   ein nacktes :not() wuerde die Basis ueber die Bausteine heben. Absichtlich
   KEIN has-Selektor auf video/img: in einem Browser, der ihn nicht kennt,
   fiele der ganze Deckel stumm weg und die Prosa liefe auf Bildschirmbreite —
   die Ausnahme muss scheitern koennen, nicht die Regel. */
:where(.ds-mass,.ds-fliesstext,.ds-vorspann){max-inline-size:var(--ds-mass)}
:where(.ds-fliesstext) :where(p,ul,ol,blockquote):where(:not(.ds-medien)){max-inline-size:var(--ds-mass)}
:where(main)>:where(p,ul,ol,blockquote):where(:not(.ds-medien)){max-inline-size:var(--ds-mass)}
:where(main) :where(section,article,header,footer)>:where(p,ul,ol,blockquote):where(:not(.ds-medien)){
  max-inline-size:var(--ds-mass)}

/* Raster und Rhythmus: main und Fuss teilen dieselbe Papierachse ----------- */
:where(main,body>footer){max-inline-size:var(--ds-breite-seite);margin-inline:auto;
  padding-inline:var(--ds-rand)}
:where(main){padding-block:var(--ds-abstand-gruppe)}
:where(.ds-fluss)>*+*{margin-block-start:var(--ds-fluss-abstand)}
:where(.ds-fluss--eng){--ds-fluss-abstand:var(--ds-abstand-knapp)}
:where(.ds-fluss--weit){--ds-fluss-abstand:var(--ds-abstand-gruppe)}
:where(.ds-raster){display:grid;gap:var(--ds-abstand-absatz);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}

/* Inline-End-Werkzeuge: Slot 1 bleibt dem Assistenten-Vertrag vorbehalten.
   Fuer ihn existiert im aktuellen Modulbestand noch kein belegter Hook. Nur
   die zwei vorhandenen Backreport-Hooks ruecken gemeinsam in Slot 2; so
   bleiben Knopf und Dialog relativ zueinander und die Regel erfindet keinen
   Assistenten-Selektor. Die Backreport-Regeln selbst tragen bereits beide
   Safe-Area-Raender; neue Werkzeuge verwenden dafuer die beiden Rand-Tokens. */
:where([class~="backreport__knopf"],[class~="backreport__dialog"]){
  translate:0 var(--ds-float-slot-backreport)}

/* Trennung durch Abstand und Grundlinie, nicht durch Kaesten -------------- */
:where(hr,.ds-linie){border:0;block-size:var(--ds-strich);background:var(--linie);
  margin:var(--ds-abstand-block) 0}

/* Links: Tinte mit Unterstrich. NICHT der Akzent - der gehoert dem
   Handlungsweg, und ein Handlungsweg erklaert sich in seinem eigenen Modul
   (Knopf, mailto-Weg, Zahlweg-Sprungmarke). Die alte Fassung setzte
   hier var(--akzent) unter einem Kommentar, der das Gegenteil versprach:
   damit trugen 20 von 63 Links den Akzent, davon 18 Belegzeilen des
   Zeitstrahls - Belege sind keine Handlung [GEMESSEN, Design-Audit B3,
   37 Akzentvorkommen, nur 11 im Handlungsweg]. Der Unterstrich traegt die
   Link-Erkennbarkeit; Farbe traegt hier nichts. */
:where(a){color:var(--tinte);text-decoration-thickness:from-font;text-underline-offset:.14em}
:where(a:hover){text-decoration-thickness:.09em}

/* Fokus: zweifarbig, damit er auf JEDEM Grund traegt — und auf JEDEM Element.
   Der Selektor ist mit Absicht "*" und keine Liste: gemessen im Browser holt
   sich ein ueberlaufendes PRE von Chrome selbst den Tastaturfokus (ohne
   tabindex-Attribut, tabIndex -1, :focus-visible aber true). Eine Handauswahl
   aus a, button, input, [tabindex] laesst es durchfallen — es bekaeme dann den
   duennen Vorgabering des Browsers statt diesen hier. */
:where(*):focus-visible{
  outline:var(--ds-fokus-breite) solid var(--ds-fokus-ring);
  outline-offset:var(--ds-fokus-abstand);
  box-shadow:0 0 0 var(--ds-fokus-abstand) var(--ds-fokus-hof)}

/* Tippziele: 44 px. Textlinks im Fliesstext sind ausgenommen (WCAG 2.5.8). */
:where(button,summary,select,textarea,[role="button"],.ds-tippziel){
  min-block-size:var(--ds-tippziel)}
:where(input:not([type="checkbox"]):not([type="radio"])){min-block-size:var(--ds-tippziel)}
:where(button,select,textarea,input,[role="button"]){font:inherit;color:inherit}

/* Thai: eigene Kette UND groessere Zeile. Greift auch INNERHALB der -------
   deutschen und englischen Seite, wo der Projektname steht. */
[lang="th"]{font-family:var(--ds-schrift-thai);line-height:var(--ds-zeile-thai)}
[lang="th"] :where(h1,h2,h3){line-height:var(--ds-zeile-thai)}

/* Bewegung: abschaltbar, ausnahmslos ------------------------------------- */
@media (prefers-reduced-motion:reduce){
  :root{--ds-dauer-schnell:.01ms;--ds-dauer-normal:.01ms;--ds-dauer-ruhig:.01ms}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important;
    transition-delay:0ms!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}

:root{--v5-wide:min(82rem,calc(100% - 2*var(--ds-rand)));--v5-copy:min(46rem,calc(100% - 2*var(--ds-rand)));--v5-header:4.75rem;--v5-shadow:0 1rem 3rem rgba(22,50,52,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--v5-header) + 1rem)}
body{margin:0;background:var(--grund);color:var(--tinte);font-family:var(--schrift);font-size:var(--ds-schrift-text);line-height:var(--ds-zeile-standard)}
body.v5-page>main#main,body.v5-page>footer.v5-footer{max-inline-size:none;margin-inline:0;padding-inline:0}
body.v5-page>main#main{padding-block:0}
body::before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 49.94%,color-mix(in srgb,var(--linie),transparent 82%) 50%,transparent 50.06%),radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--bergblau),transparent 88%),transparent 30rem)}
a{color:var(--akzent);text-decoration-thickness:.09em;text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}
img,video{max-inline-size:100%}
.nur-vorlesen{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.v5-skip{position:fixed;z-index:200;inset:.5rem auto auto .5rem;translate:0 -180%;padding:.7rem 1rem;border-radius:.5rem;background:var(--tinte);color:var(--grund);font-weight:800}.v5-skip:focus{translate:0}
.v5-shell{inline-size:var(--v5-wide);margin-inline:auto}
.v5-header{position:sticky;z-index:60;inset-block-start:0;border-block-end:1px solid color-mix(in srgb,var(--linie),transparent 20%);background:color-mix(in srgb,var(--grund),transparent 7%);backdrop-filter:blur(16px)}
.v5-header__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;min-block-size:var(--v5-header)}
.v5-brand{display:flex;align-items:center;gap:.65rem;min-block-size:2.75rem;color:var(--tinte);font-weight:880;letter-spacing:-.02em;text-decoration:none}.v5-brand__mark{display:grid;place-items:center;inline-size:2.6rem;block-size:2.6rem;color:var(--akzent)}.v5-brand__mark .logo__zeichen{display:block;inline-size:100%;block-size:100%;overflow:visible}.v5-brand__text{display:grid;line-height:1.05}.v5-brand__text small{margin-block-start:.18rem;color:var(--gedaempft);font-size:.62rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.v5-nav{display:flex;justify-content:center;gap:.15rem}.v5-nav a,.v5-language a{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.45rem .62rem;border-radius:.55rem;color:var(--tinte);font-size:.78rem;font-weight:750;text-decoration:none}.v5-nav a:hover,.v5-nav a[aria-current="page"],.v5-language a:hover,.v5-language a[aria-current="page"]{background:var(--karte)}
.v5-header__tools{display:flex;align-items:center;gap:.35rem}.v5-header__support{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.45rem .82rem;border-radius:.55rem;background:var(--akzent);color:var(--akzent-tinte);font-size:.78rem;font-weight:850;text-decoration:none}
.v5-donate-float{position:fixed;z-index:65;inset-inline-start:max(.85rem,env(safe-area-inset-left));inset-block-end:max(.85rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:2.7rem minmax(0,auto);align-items:center;gap:.62rem;inline-size:max-content;max-inline-size:min(18rem,calc(100vw - 1.7rem));min-block-size:3.7rem;padding:.38rem .85rem .38rem .42rem;border:1px solid color-mix(in srgb,var(--tinte),transparent 45%);border-inline-start:4px solid var(--laterit);border-radius:.32rem 1rem 1rem .32rem;background:color-mix(in srgb,var(--papierlicht),transparent 2%);color:var(--tinte);box-shadow:0 .72rem 2rem rgba(8,30,31,.2);text-decoration:none;visibility:hidden;opacity:0;pointer-events:none;transition:box-shadow .16s ease,opacity .16s ease}.v5-donate-float[data-v5-visible="true"]{visibility:visible;opacity:1;pointer-events:auto}.v5-donate-float[data-v5-visible="true"]:hover,.v5-donate-float[data-v5-visible="true"]:focus-visible{translate:0 -.14rem;box-shadow:0 .9rem 2.35rem rgba(8,30,31,.26)}.v5-donate-float__mark{display:grid;place-items:center;inline-size:2.7rem;block-size:2.7rem;border-radius:50%;background:var(--laterit);color:#fff}.v5-donate-float__mark svg{inline-size:1.65rem;block-size:1.65rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.v5-donate-float__copy{display:grid;min-inline-size:0;line-height:1.08}.v5-donate-float__copy strong{font-size:.88rem;font-weight:900}.v5-donate-float__copy small{margin-block-start:.22rem;color:var(--gedaempft);font-size:.68rem;font-weight:720}.v5-assistant-open .v5-donate-float{visibility:hidden;opacity:0;pointer-events:none}
body:has(.v5-menu[open]) .v5-donate-float{visibility:hidden;opacity:0;pointer-events:none}
.v5-menu{display:none;position:relative}.v5-menu summary{display:grid;place-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;border:1px solid var(--linie);border-radius:.55rem;cursor:pointer;font-weight:800;list-style:none}.v5-menu summary::-webkit-details-marker{display:none}.v5-menu__panel{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;display:grid;inline-size:min(20rem,calc(100vw - 1rem));max-block-size:calc(100dvh - var(--v5-header) - 1rem);overflow:auto;padding:.5rem;border:1px solid var(--linie);border-radius:.8rem;background:var(--papierlicht);box-shadow:var(--v5-shadow)}.v5-menu__panel a{display:flex;align-items:center;min-block-size:2.75rem;padding:.5rem .65rem;border-radius:.45rem;color:var(--tinte);font-weight:750;text-decoration:none}.v5-menu__panel a[aria-current="page"]{background:var(--karte)}.v5-language{display:flex;gap:.1rem;padding-block-start:.4rem;border-block-start:1px solid var(--linie)}
.v5-breadcrumbs{inline-size:var(--v5-wide);margin:0 auto;padding-block:1rem}.v5-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.v5-breadcrumbs li{display:flex;align-items:center;gap:.35rem;color:var(--gedaempft);font-size:.75rem;font-weight:700}.v5-breadcrumbs li+li::before{content:"/";color:var(--linie)}.v5-breadcrumbs a{color:inherit}
.v5-hero{position:relative;isolation:isolate;display:grid;align-items:end;min-block-size:clamp(32rem,70vh,48rem);overflow:hidden;border-block:1px solid var(--linie);background:var(--tinte);color:#fff}
.v5-hero__media{position:absolute;z-index:-2;inset:0}.v5-hero__media img{inline-size:100%;block-size:100%;object-fit:cover}.v5-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,30,31,.9),rgba(8,30,31,.55) 50%,rgba(8,30,31,.12)),linear-gradient(0deg,rgba(8,30,31,.55),transparent 50%)}
.v5-hero__content{inline-size:var(--v5-wide);margin-inline:auto;padding-block:clamp(3rem,9vh,7rem)}.v5-hero__eyebrow{margin:0 0 .8rem;color:#d7e8df;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.v5-hero h1{max-inline-size:18ch;margin:0;font-size:clamp(2.45rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.v5-hero__lead{max-inline-size:57ch;margin:1.35rem 0 0;color:#edf5f0;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.55}.v5-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-block-start:1.6rem}.v5-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;padding:.68rem 1rem;border:2px solid rgba(255,255,255,.7);border-radius:.65rem;color:#fff;font-weight:850;text-decoration:none}.v5-button--primary{border-color:var(--akzent);background:var(--akzent);color:#fff}.v5-button--paper{border-color:var(--papierlicht);background:var(--papierlicht);color:var(--tinte)}
.v5-hero--documentary{min-block-size:clamp(30rem,65vh,43rem)}.v5-hero--field-note .v5-hero__media img{object-position:center 58%}.v5-hero--field-note .v5-hero__content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.6fr);gap:2rem;align-items:end}.v5-hero--field-note .v5-hero__copy{padding-inline-start:1rem;border-inline-start:4px solid var(--laterit)}
.v5-hero--cinematic-story .v5-hero__media::after{background:linear-gradient(0deg,rgba(8,24,28,.9),rgba(8,24,28,.08) 70%),linear-gradient(90deg,rgba(8,24,28,.55),transparent)}
.v5-hero--evidence-ledger,.v5-hero--contact-route,.v5-hero--legal-document{min-block-size:clamp(23rem,52vh,34rem);background:var(--papierlicht);color:var(--tinte)}.v5-hero--evidence-ledger::before,.v5-hero--legal-document::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2.65rem,color-mix(in srgb,var(--linie),transparent 62%) 2.65rem calc(2.65rem + 1px)),linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--laterit),transparent 45%) 8% calc(8% + 2px),transparent calc(8% + 2px))}.v5-hero--evidence-ledger .v5-hero__eyebrow,.v5-hero--contact-route .v5-hero__eyebrow,.v5-hero--legal-document .v5-hero__eyebrow{color:var(--akzent)}.v5-hero--evidence-ledger .v5-hero__lead,.v5-hero--contact-route .v5-hero__lead,.v5-hero--legal-document .v5-hero__lead{color:var(--gedaempft)}.v5-hero--evidence-ledger .v5-button,.v5-hero--contact-route .v5-button,.v5-hero--legal-document .v5-button{border-color:var(--tinte);color:var(--tinte)}.v5-hero--evidence-ledger .v5-button--primary,.v5-hero--contact-route .v5-button--primary,.v5-hero--legal-document .v5-button--primary{border-color:var(--akzent);color:#fff}
.v5-hero--support-action{min-block-size:clamp(31rem,68vh,44rem);background:linear-gradient(135deg,#173d3a,#0d5b47)}.v5-hero--support-action::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 26%,rgba(255,255,255,.12),transparent 20rem),repeating-linear-gradient(125deg,transparent 0 4rem,rgba(255,255,255,.025) 4rem calc(4rem + 1px))}.v5-hero--support-action .v5-hero__content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.58fr);gap:2rem;align-items:end}.v5-hero__trust{padding:1rem;border:1px solid rgba(255,255,255,.35);border-radius:1rem;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.v5-hero__trust p{margin:.35rem 0;font-size:.87rem}
.v5-section{padding-block:clamp(3.5rem,8vw,7rem);border-block-end:1px solid color-mix(in srgb,var(--linie),transparent 35%)}.v5-section--paper{background:var(--papierlicht)}.v5-section--ink{background:var(--tinte);color:var(--grund)}.v5-section__grid{display:grid;grid-template-columns:minmax(12rem,.62fr) minmax(0,1.38fr);gap:clamp(2rem,6vw,6rem);align-items:start}.v5-section__label{position:sticky;inset-block-start:calc(var(--v5-header) + 1rem);margin:0;color:var(--akzent);font-size:.73rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.v5-section h2{max-inline-size:21ch;margin:0;font-size:clamp(1.85rem,4vw,3.3rem);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.v5-section h3{font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.2}.v5-section p{max-inline-size:68ch}.v5-prose>p:first-child{margin-block-start:1.25rem;font-size:var(--ds-schrift-vorspann);line-height:1.55}
.v5-section--ink .v5-section__label{color:#b9ead6}
.v5-facts{padding-block:clamp(2.8rem,6vw,5rem);background:var(--karte)}.v5-facts__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.v5-facts h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem)}.v5-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:2rem 0 0;border-block-start:1px solid var(--tinte);border-inline-start:1px solid var(--tinte)}.v5-facts dl>div{min-inline-size:0;padding:1.1rem;border-block-end:1px solid var(--tinte);border-inline-end:1px solid var(--tinte)}.v5-facts dt{font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v5-facts dd{margin:.45rem 0 0;line-height:1.48}
.v5-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linie);border:1px solid var(--linie)}.v5-route-card{display:flex;flex-direction:column;min-block-size:18rem;padding:1.35rem;background:var(--grund);color:var(--tinte);text-decoration:none}.v5-route-card span{color:var(--akzent);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v5-route-card h3{margin:auto 0 .6rem;font-size:1.55rem}.v5-route-card p{margin:0;color:var(--gedaempft)}.v5-route-card:hover{background:var(--papierlicht)}.v5-route-card:hover h3{text-decoration:underline;text-underline-offset:.18em}
.v5-media-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.8rem;margin-block-start:2rem}.v5-media-grid figure{margin:0}.v5-media-grid img{display:block;inline-size:100%;aspect-ratio:4/3;object-fit:cover}.v5-media-grid figure:first-child img{aspect-ratio:16/10}.v5-media-grid figcaption{padding:.72rem 0;color:var(--gedaempft);font-size:.82rem;line-height:1.45}.v5-media-grid figcaption small{display:block;margin-block-start:.2rem;color:var(--akzent);font-weight:750}
.v5-ledger{display:grid;gap:1px;margin-block-start:2rem;background:var(--linie);border:1px solid var(--linie)}.v5-ledger article{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding:1.1rem;background:var(--grund)}.v5-ledger article>p:first-child{margin:0;color:var(--akzent);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v5-ledger h3{margin:0 0 .45rem}.v5-ledger article div p{margin:.35rem 0}
.v5-needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-block-start:2rem;background:var(--linie);border:1px solid var(--linie)}.v5-needs article{padding:1.25rem;background:var(--grund)}.v5-needs h3{margin:0}.v5-needs p{margin:.45rem 0 0;color:var(--gedaempft)}
.v5-callout{margin-block-start:2rem;padding:1.2rem;border-inline-start:5px solid var(--laterit);background:color-mix(in srgb,var(--laterit),transparent 91%)}.v5-callout h3{margin-block-start:0}.v5-callout p:last-child{margin-block-end:0}
.v5-cinema{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:1rem;margin-block-start:2rem}.v5-cinema__screen{position:relative;aspect-ratio:16/9;min-block-size:0;overflow:hidden;background:#071a1b}.v5-cinema__poster,.v5-cinema video{display:block;inline-size:100%;block-size:100%;min-block-size:0;object-fit:cover}.v5-cinema__poster{position:absolute;inset:0;background-position:center;background-size:cover}.v5-cinema__poster::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,26,27,.72),transparent 55%)}.v5-cinema video{position:absolute;inset:0}.v5-cinema__activate{position:absolute;z-index:2;inset:1rem auto auto 1rem;display:inline-flex;align-items:center;min-block-size:3rem;padding:.65rem 1rem;border:1px solid #fff;border-radius:.6rem;background:rgba(7,26,27,.78);color:#fff;font:inherit;font-weight:850;cursor:pointer}.v5-cinema[data-active="true"] .v5-cinema__poster{display:none}.v5-cinema__chapters{display:grid;gap:1px;align-content:start;background:var(--linie);border:1px solid var(--linie)}.v5-cinema__chapter{padding:1rem;border:0;background:var(--grund);color:var(--tinte);text-align:start}.v5-cinema__chapter[aria-current="step"]{background:var(--karte)}.v5-cinema__chapter h3,.v5-cinema__chapter span{display:block}.v5-cinema__chapter h3{margin:0;font-size:1.05rem}.v5-cinema__chapter span{margin-block-start:.35rem;color:var(--gedaempft);font-size:.82rem;line-height:1.42}
.v5-timeline{position:relative;display:grid;gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none}.v5-timeline::before{content:"";position:absolute;inset-block:0;inset-inline-start:.48rem;border-inline-start:1px solid var(--tinte)}.v5-timeline li{display:grid;grid-template-columns:1rem minmax(8rem,.22fr) minmax(0,1fr);gap:1rem}.v5-timeline__dot{position:relative;z-index:1;inline-size:1rem;block-size:1rem;margin-block-start:.38rem;border:3px solid var(--grund);border-radius:50%;background:var(--akzent);box-shadow:0 0 0 1px var(--tinte)}.v5-timeline time{font-size:.78rem;font-weight:850;text-transform:uppercase}.v5-timeline p{margin:0}
.v5-contact-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-block-start:2rem;background:var(--linie);border:1px solid var(--linie)}.v5-contact-paths article{display:flex;flex-direction:column;padding:1.25rem;background:var(--grund)}.v5-contact-paths h3{margin:0}.v5-contact-paths p{color:var(--gedaempft)}.v5-contact-paths a{margin-block-start:auto;font-weight:850}
.v5-legal-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.5rem 0}.v5-legal-nav a{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.5rem .7rem;border:1px solid var(--linie);border-radius:.55rem;background:var(--grund);font-weight:800;text-decoration:none}.v5-legal-block{padding-block:2rem;border-block-start:1px solid var(--linie)}.v5-legal-block h2{font-size:clamp(1.45rem,3vw,2.2rem)}.v5-address{font-style:normal}.v5-address,.v5-legal-block a{overflow-wrap:anywhere}
.v5-next{padding-block:clamp(3rem,7vw,5rem);background:var(--papierlicht)}.v5-next h2{margin:0 0 1.5rem}.v5-next__links{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.v5-next__links a{display:flex;align-items:flex-end;justify-content:space-between;min-block-size:9rem;padding:1.2rem;border:1px solid var(--linie);background:var(--grund);color:var(--tinte);font-size:1.2rem;font-weight:850;text-decoration:none}.v5-next__links a::after{content:"→";font-size:1.6rem}
.v5-footer{padding-block:3rem 7rem;background:var(--tinte);color:var(--grund)}.v5-footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem}.v5-footer h2{margin:0;font-size:1.35rem}.v5-footer p{color:#cbd9d3}.v5-footer nav{display:grid;align-content:start;gap:.35rem}.v5-footer a{color:#eef6f1}.v5-footer__fine{margin-block-start:2rem;padding-block-start:1rem;border-block-start:1px solid rgba(255,255,255,.2);font-size:.75rem}
.v5-root{min-block-size:100dvh;display:grid;place-items:center;padding:var(--ds-rand);background:radial-gradient(circle at 70% 20%,rgba(62,115,119,.22),transparent 35rem),var(--grund)}.v5-root__card{inline-size:min(60rem,100%);padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--linie);background:var(--papierlicht);box-shadow:var(--v5-shadow)}.v5-root h1{max-inline-size:14ch;margin:0;font-size:clamp(2.4rem,7vw,5rem);line-height:.98;letter-spacing:-.05em}.v5-root p{max-inline-size:55ch}.v5-root__links{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-block-start:2rem}.v5-root__links a{display:grid;min-block-size:8rem;padding:1rem;border:1px solid var(--tinte);color:var(--tinte);font-size:1.25rem;font-weight:850;text-decoration:none}.v5-root__links a span{align-self:end;font-size:.75rem;font-weight:650}
.v5-404{min-block-size:100dvh;display:grid;place-items:center;padding:var(--ds-rand);text-align:center}.v5-404>div{inline-size:min(60rem,100%)}.v5-404 h1{font-size:clamp(4rem,15vw,9rem);line-height:1}.v5-404 .v5-root__links a{display:grid;min-block-size:7rem;align-items:initial;padding:1rem;border:1px solid var(--tinte);border-radius:0;background:var(--papierlicht);color:var(--tinte);font-weight:850;text-align:start;text-decoration:none}
.v5-root,.v5-404{max-inline-size:none;margin:0}.v5-root .v5-hero__eyebrow{color:var(--akzent)}
@media(max-width:70rem){.v5-nav{display:none}.v5-menu{display:block}.v5-header__row{grid-template-columns:auto 1fr auto}.v5-header__tools{justify-self:end}}
@media(max-width:48rem){:root{--v5-header:4.25rem}.v5-brand__text small{display:none}.v5-header__support{padding-inline:.55rem}.v5-donate-float{display:none}.v5-hero,.v5-hero--documentary,.v5-hero--support-action{min-block-size:0}.v5-hero__content{padding-block:2.25rem 5.5rem}.v5-hero h1{font-size:clamp(2.25rem,11vw,3.6rem)}.v5-hero--field-note .v5-hero__content,.v5-hero--support-action .v5-hero__content{display:block}.v5-hero__trust{margin-block-start:1rem}.v5-hero--support-action .v5-hero__trust{display:none}.v5-section__grid{grid-template-columns:1fr;gap:1rem}.v5-section__label{position:static}.v5-facts dl{grid-template-columns:1fr}.v5-route-grid{grid-template-columns:1fr}.v5-route-card{min-block-size:12rem}.v5-media-grid{grid-template-columns:1fr}.v5-cinema{grid-template-columns:1fr}.v5-cinema__screen,.v5-cinema__poster,.v5-cinema video{min-block-size:0}.v5-timeline li{grid-template-columns:1rem 1fr}.v5-timeline time{grid-column:2}.v5-timeline p{grid-column:2}.v5-contact-paths{grid-template-columns:1fr}.v5-footer{padding-block-end:7.5rem}.v5-footer__grid{grid-template-columns:1fr}.v5-next__links{grid-template-columns:1fr}.v5-root__links{grid-template-columns:1fr}.v5-root__links a{min-block-size:5rem}}
@media(max-width:48rem){.v5-ledger article{grid-template-columns:1fr}.v5-cinema__activate[hidden]{display:none!important}}
@media(max-width:26rem){.v5-header__support{font-size:.7rem}.v5-brand__mark{inline-size:2.2rem;block-size:2.2rem}.v5-brand__text{font-size:.82rem}.v5-donate-float__copy strong{font-size:.78rem}.v5-donate-float__copy small{display:none}.v5-hero__actions{display:grid}.v5-button{inline-size:100%}.v5-needs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
:where([hidden]){display:none!important}
html[lang="th"] body.v5-page{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,var(--schrift),sans-serif;line-height:1.9;letter-spacing:0}
html[lang="th"] :is(.v5-hero h1,.v5-section h2,.v5-section h3,.v5-facts h2,.v5-next h2,.v5-footer h2,.v5-assistant h2,.v5-assistant h3){line-height:1.5;letter-spacing:0}
html[lang="th"] :is(.v5-hero__eyebrow,.v5-section__label,.v5-facts dt,.v5-assistant__kicker){letter-spacing:0;text-transform:none}
html[lang="th"] :is(.v5-hero__lead,.v5-prose>p:first-child,.v5-facts dd,.v5-media-grid figcaption,.v5-cinema__chapter span,.v5-assistant__state>p:last-child,.v5-assistant__disclosure,.v5-assistant__role-disclosure,.v5-assistant__launcher>span:last-child small){line-height:1.9}
html[lang="th"] .v5-donate-float__copy,html[lang="th"] .v5-donate-float__copy strong,html[lang="th"] .v5-donate-float__copy small{line-height:1.55}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid #0b5fc0;outline-offset:3px;box-shadow:0 0 0 6px var(--grund)}
.v5-cinema__screen{inline-size:100%;min-inline-size:0;max-inline-size:100%}.v5-cinema__chapters{min-inline-size:0}
.v5-cinema__poster img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.v5-facts__header{flex-wrap:wrap}.v5-media-grid figure:first-child img{aspect-ratio:16/9}.v5-hero h1{max-inline-size:15ch;overflow-wrap:normal;word-break:normal;hyphens:auto}
.v5-hero--landscape-documentary .v5-hero__eyebrow,.v5-hero--documentary .v5-hero__eyebrow,.v5-hero--field-note .v5-hero__eyebrow,.v5-hero--support-action .v5-hero__eyebrow,.v5-hero--contact-route .v5-hero__eyebrow{text-transform:none;letter-spacing:.045em}
@media(min-width:48.01rem){
  :root{--v5-wide:min(82rem,calc(100% - 10rem))}
  .v5-hero--landscape-documentary,.v5-hero--documentary,.v5-hero--field-note,.v5-hero--support-action{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;min-block-size:38rem}
  .v5-hero--landscape-documentary h1,.v5-hero--documentary h1,.v5-hero--field-note h1,.v5-hero--support-action h1{font-size:clamp(2.45rem,4.6vw,4.8rem)}
  .v5-hero--landscape-documentary .v5-hero__media,.v5-hero--documentary .v5-hero__media,.v5-hero--field-note .v5-hero__media,.v5-hero--support-action .v5-hero__media{position:relative;z-index:0;grid-column:2;grid-row:1;inset:auto;min-inline-size:0}
  .v5-hero--landscape-documentary .v5-hero__media::after,.v5-hero--documentary .v5-hero__media::after,.v5-hero--field-note .v5-hero__media::after,.v5-hero--support-action .v5-hero__media::after{background:linear-gradient(90deg,rgba(8,30,31,.3),transparent 35%)}
  .v5-hero--documentary .v5-hero__media img,.v5-hero--field-note .v5-hero__media img,.v5-hero--support-action .v5-hero__media img{object-fit:contain;background:#0b2425}
  .v5-hero--support-action .v5-hero__media img{filter:saturate(.72) contrast(1.05);object-position:68% 45%}
  .v5-hero--landscape-documentary .v5-hero__content,.v5-hero--documentary .v5-hero__content,.v5-hero--field-note .v5-hero__content,.v5-hero--support-action .v5-hero__content{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:end;inline-size:auto;margin:0;padding:clamp(2rem,5vw,5rem)}
  .v5-hero--field-note .v5-hero__copy{padding-inline-start:1rem}
  .v5-hero--cinematic-story{min-block-size:clamp(34rem,72vh,48rem)}
  .v5-hero--cinematic-story .v5-hero__content{inline-size:var(--v5-wide);margin-inline:auto}
  .v5-hero--evidence-ledger .v5-hero__content,.v5-hero--contact-route .v5-hero__content,.v5-hero--legal-document .v5-hero__content{inline-size:var(--v5-wide);margin-inline:auto}
  .v5-cinema__screen{position:sticky;inset-block-start:calc(var(--v5-header) + 1rem);align-self:start}
  .v5-cinema__chapters{gap:1rem;border:0;background:transparent}.v5-cinema__chapter{display:flex;flex-direction:column;justify-content:center;min-block-size:15rem;border:1px solid var(--linie)}
}
@media(max-width:48rem){
  .v5-language--desktop{display:none}
  .v5-hero:not(.v5-hero--cinematic-story){display:flex;flex-direction:column;align-items:stretch}
  .v5-hero:not(.v5-hero--cinematic-story) .v5-hero__media{position:relative;z-index:0;inset:auto;order:0;inline-size:100%;background:#0b2425}
  .v5-hero:not(.v5-hero--cinematic-story) .v5-hero__media::after{background:linear-gradient(0deg,rgba(8,30,31,.18),transparent 40%)}
  .v5-hero:not(.v5-hero--cinematic-story) .v5-hero__media img{display:block;block-size:auto;max-block-size:17rem;object-fit:contain}
  .v5-hero:not(.v5-hero--cinematic-story) .v5-hero__content{order:1;inline-size:var(--v5-wide);margin-inline:auto}
  .v5-hero--cinematic-story{min-block-size:36rem}
  .v5-cinema__chapter{border-block-end:1px solid var(--linie)}
}


.v5-assistant{--as-paper:#fffdf6;--as-ink:#163234;--as-jade:#0f6b4f;--as-gold:#c7872c;--as-line:#b8cbbe;--as-shadow:rgba(22,50,52,.24);font-family:inherit;color:var(--as-ink)}
.v5-assistant [hidden]{display:none!important}
.v5-assistant button,.v5-assistant a{font:inherit}
.v5-assistant button:focus-visible,.v5-assistant a:focus-visible{outline:3px solid #0b5fc0;outline-offset:3px}
.v5-assistant__dock{display:none}.v5-assistant[data-v5-assistant-ready="true"] .v5-assistant__dock{display:contents}
.v5-assistant__launcher{position:fixed;z-index:70;inset-block-end:clamp(5rem,14vh,8rem);display:flex;align-items:center;gap:.58rem;min-block-size:3.7rem;max-inline-size:13rem;padding:.42rem .72rem;border:1px solid color-mix(in srgb,var(--as-ink),transparent 35%);background:linear-gradient(135deg,var(--as-paper),#edf5f0);color:var(--as-ink);box-shadow:0 .6rem 2rem var(--as-shadow);cursor:pointer}
.v5-assistant__launcher>span:last-child strong,.v5-assistant__launcher>span:last-child small{display:block}.v5-assistant__launcher>span:last-child small{font-size:.72rem;line-height:1.2;color:#4e625f}.v5-assistant__launcher>span:last-child strong{font-size:.86rem}
.v5-assistant__launcher--dan{inset-inline-start:0;border-inline-start:4px solid var(--as-jade);border-radius:0 1.4rem 1.4rem 0;text-align:start}
.v5-assistant__launcher--stefan{inset-inline-end:0;flex-direction:row-reverse;border-inline-end:4px solid var(--as-gold);border-radius:1.4rem 0 0 1.4rem;text-align:end}
.v5-assistant__danmark,.v5-assistant__stefanthumb{position:relative;flex:0 0 3rem;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;overflow:hidden;background:#dce8de}
.v5-assistant__danmark b{position:relative;z-index:2;display:grid;place-items:center;inline-size:1.8rem;block-size:1.8rem;border-radius:50%;background:var(--as-jade);color:#fff}.v5-assistant__danmark i{position:absolute;inset:17%;border:1px dashed var(--as-jade);border-radius:50%}
.v5-assistant__stefanthumb img{inline-size:100%;block-size:100%;object-fit:contain;object-position:center 10%;filter:drop-shadow(0 .12rem .18rem rgba(0,0,0,.22))}.v5-assistant__stefanthumb i{position:absolute;inset:auto .1rem .08rem auto;padding:.06rem .18rem;border-radius:.2rem;background:#163234;color:#fff;font-size:.52rem;font-style:normal;font-weight:800}
.v5-assistant__overlay{position:fixed;z-index:90;inset:0;background:rgba(10,30,29,.38);backdrop-filter:blur(3px)}
.v5-assistant__dialog{position:absolute;inset-block:clamp(.5rem,5vh,3rem);inset-inline-start:max(.5rem,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto minmax(7rem,1fr) auto auto auto auto;inline-size:min(29rem,calc(100vw - 1rem));max-block-size:calc(100dvh - 1rem);overflow:auto;border:1px solid var(--as-line);border-radius:0 1.4rem 1.4rem 0;background:var(--as-paper);box-shadow:0 1rem 3rem rgba(0,0,0,.32)}
.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__dialog{inset-inline-start:auto;inset-inline-end:max(.5rem,env(safe-area-inset-right));border-radius:1.4rem 0 0 1.4rem}
.v5-assistant__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .75rem;border-block-end:1px solid var(--as-line)}.v5-assistant__header h2{margin:.12rem 0 0;font-size:1.25rem}.v5-assistant__kicker{margin:0;color:#4e625f;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v5-assistant__close{flex:0 0 2.75rem;block-size:2.75rem;border:1px solid var(--as-line);border-radius:50%;background:#fff;color:var(--as-ink);font-size:1.55rem;cursor:pointer}
.v5-assistant__roles{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.75rem 1rem}.v5-assistant__roles button{min-block-size:2.75rem;border:1px solid var(--as-line);border-radius:.65rem;background:#edf3ed;color:var(--as-ink);font-weight:750;cursor:pointer}.v5-assistant__roles button[aria-pressed="true"]{border-color:var(--as-jade);box-shadow:inset 0 0 0 2px var(--as-jade);background:#fff}
.v5-assistant__stage{position:relative;display:grid;place-items:end center;min-block-size:10rem;margin-inline:1rem;overflow:hidden;border:1px solid var(--as-line);border-radius:1rem;background:radial-gradient(circle at 77% 18%,#fff4c4 0 6%,transparent 6.5%),linear-gradient(160deg,#dce9e5 0 58%,#8da88d 59% 100%)}
.v5-assistant__danvisual{position:relative;display:grid;place-items:center;inline-size:8rem;block-size:8rem;margin-block-end:1rem}.v5-assistant__danvisual span{z-index:2;display:grid;place-items:center;inline-size:4rem;block-size:4rem;border-radius:50%;background:var(--as-jade);color:#fff;font-size:1.8rem;font-weight:850}.v5-assistant__danvisual i,.v5-assistant__danvisual b{position:absolute;inset:0;border:1px dashed var(--as-jade);border-radius:50%}.v5-assistant__danvisual b{inset:13%;opacity:.65}
.v5-assistant__stefanvisual{display:none;position:absolute;inset:0;place-items:end center}.v5-assistant__stefanvisual img{position:absolute;inset:4% 4% 0;box-sizing:border-box;inline-size:92%;block-size:92%;max-inline-size:100%;max-block-size:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .4rem .4rem rgba(0,0,0,.3))}.v5-assistant__stefanvisual span{position:absolute;inset:auto .45rem .45rem auto;padding:.18rem .38rem;border-radius:.3rem;background:#163234;color:#fff;font-size:.62rem;font-weight:800}
.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__stefanvisual{display:grid}.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__danvisual{display:none}
.v5-assistant__role-disclosure{margin:.55rem 1rem 0;padding:.5rem .65rem;border-inline-start:4px solid var(--as-gold);background:#fff5dc;font-size:.78rem}
.v5-assistant__state{padding:.8rem 1rem}.v5-assistant__state>p:first-child{margin:0;color:#4e625f;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.v5-assistant__state h3{margin:.3rem 0;font-size:1.2rem}.v5-assistant__state>p:last-child{margin:.25rem 0 0;line-height:1.5}
.v5-assistant__actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:0 1rem}.v5-assistant__actions button,.v5-assistant__actions a{display:flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding:.5rem .65rem;border:2px solid var(--as-jade);border-radius:.62rem;background:transparent;color:var(--as-jade);font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.v5-assistant__actions a{grid-column:1/-1;background:var(--as-jade);color:#fff}
.v5-assistant__disclosure{margin:.75rem 1rem 1rem;color:#4e625f;font-size:.76rem;line-height:1.45}
.v5-assistant__noscript{position:fixed;z-index:69;inset:auto 1rem 1rem;max-inline-size:32rem;margin:auto;padding:.7rem 1rem;border:1px solid var(--as-line);border-radius:.7rem;background:var(--as-paper);box-shadow:0 .55rem 1.8rem var(--as-shadow);font-size:.78rem}.v5-assistant__noscript a{font-weight:850}
html.v5-assistant-open{overflow:hidden}
@media(min-width:48.01rem){.v5-assistant__launcher{inset-block-start:calc(var(--v5-header) + 1.25rem);inset-block-end:auto;inline-size:4.65rem;max-inline-size:4.65rem;overflow:hidden;gap:0;transition:inline-size .18s ease,max-inline-size .18s ease}.v5-assistant__launcher>span:last-child{inline-size:0;overflow:hidden;opacity:0;white-space:nowrap;transition:opacity .14s ease}.v5-assistant__launcher:hover,.v5-assistant__launcher:focus-visible{inline-size:13rem;max-inline-size:13rem;gap:.58rem}.v5-assistant__launcher:hover>span:last-child,.v5-assistant__launcher:focus-visible>span:last-child{inline-size:auto;opacity:1}}
@media(max-width:48rem){.v5-assistant[data-v5-assistant-ready="true"] .v5-assistant__dock{position:fixed;z-index:70;inset-inline:50% auto;inset-block-end:max(.45rem,env(safe-area-inset-bottom));translate:-50% 0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;inline-size:min(22rem,calc(100vw - .75rem));padding:.3rem;border:1px solid var(--as-line);border-radius:1rem;background:rgba(255,253,246,.97);box-shadow:0 .55rem 1.8rem var(--as-shadow)}.v5-assistant__launcher,.v5-assistant__launcher--stefan{position:static;min-inline-size:0;max-inline-size:none;min-block-size:3.25rem;padding:.28rem .4rem;border-width:1px;border-radius:.75rem;box-shadow:none;flex-direction:row;text-align:start}.v5-assistant__launcher>span:last-child small{display:none}.v5-assistant__danmark,.v5-assistant__stefanthumb{flex-basis:2.6rem;inline-size:2.6rem;block-size:2.6rem}.v5-assistant__dialog,.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__dialog{inset:.4rem .4rem calc(4.7rem + env(safe-area-inset-bottom));inline-size:auto;max-block-size:none;border-radius:1rem}.v5-assistant__stage{min-block-size:7.5rem}.v5-assistant__role-disclosure{font-size:.72rem}}
@media(max-width:48rem){.v5-assistant[data-v5-assistant-ready="true"]{inline-size:var(--v5-wide);margin:0 auto .75rem}.v5-assistant[data-v5-assistant-ready="true"] .v5-assistant__dock{position:static;z-index:auto;inset:auto;translate:none;inline-size:100%;max-inline-size:none}body:has(.v5-menu[open]) .v5-assistant__dock{visibility:hidden;pointer-events:none}.v5-assistant__dialog,.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__dialog{inset:.4rem}}
@media(max-width:48rem) and (max-height:600px){.v5-assistant__dialog,.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__dialog{grid-template-rows:auto auto minmax(4rem,.65fr) auto auto auto auto;inset:.25rem;max-block-size:calc(100dvh - .5rem)}.v5-assistant__header{padding:.45rem .65rem .35rem}.v5-assistant__header h2{font-size:1rem}.v5-assistant__roles{padding:.32rem .65rem}.v5-assistant__stage{min-block-size:4rem;max-block-size:4.75rem;margin-inline:.65rem}.v5-assistant__role-disclosure{margin:.25rem .65rem 0;padding:.3rem .45rem;font-size:.68rem}.v5-assistant__state{padding:.35rem .65rem}.v5-assistant__state h3{margin:.15rem 0;font-size:1rem}.v5-assistant__state>p:last-child{line-height:1.3}.v5-assistant__actions{padding-inline:.65rem}.v5-assistant__disclosure{margin:.35rem .65rem .5rem;font-size:.68rem;line-height:1.3}}
@media(min-width:48.01rem) and (max-height:650px){.v5-assistant__dialog,.v5-assistant[data-v5-assistant-role="stefan"] .v5-assistant__dialog{grid-template-rows:auto auto minmax(3.6rem,.55fr) auto auto auto auto;inset-block:.25rem;max-block-size:calc(100dvh - .5rem)}.v5-assistant__header{padding:.4rem .65rem .3rem}.v5-assistant__header h2{font-size:1rem}.v5-assistant__roles{padding:.28rem .65rem}.v5-assistant__stage{min-block-size:3.6rem;max-block-size:4.25rem;margin-inline:.65rem}.v5-assistant__role-disclosure{margin:.2rem .65rem 0;padding:.25rem .45rem;font-size:.66rem;line-height:1.25}.v5-assistant__state{padding:.3rem .65rem}.v5-assistant__state h3{margin:.1rem 0;font-size:.95rem}.v5-assistant__state>p:last-child{margin:.2rem 0;line-height:1.22}.v5-assistant__actions{padding-inline:.65rem;gap:.3rem}.v5-assistant__disclosure{margin:.25rem .65rem .35rem;font-size:.65rem;line-height:1.2}}
@media(max-width:22rem){.v5-assistant__launcher>span:last-child strong{font-size:.72rem}.v5-assistant__dialog{font-size:.92rem}.v5-assistant__stage{min-block-size:6rem}.v5-assistant__actions{gap:.3rem}.v5-assistant__actions button,.v5-assistant__actions a{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.v5-assistant *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.v5-video-diary{--vtd-rail:color-mix(in srgb,var(--tinte),transparent 45%);padding-block:clamp(3.5rem,8vw,7rem);border-block:1px solid var(--linie);background:var(--grund);color:var(--tinte)}
.v5-video-diary [hidden]{display:none!important}.v5-video-diary__sr-only{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.v5-video-diary__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(17rem,.65fr);gap:clamp(2rem,6vw,6rem);inline-size:var(--v5-wide);margin-inline:auto;align-items:end}
.v5-video-diary__label,.v5-video-diary__source{margin:0 0 .65rem;color:var(--akzent);font-size:.73rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v5-video-diary__introduction h2{max-inline-size:17ch;margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.v5-video-diary__introduction>p:last-child{max-inline-size:67ch;margin:1.2rem 0 0;color:var(--gedaempft);font-size:var(--ds-schrift-vorspann);line-height:1.6}
.v5-video-diary__privacy{padding:1.2rem;border-block:1px solid var(--tinte);background:repeating-linear-gradient(0deg,transparent 0 2.55rem,color-mix(in srgb,var(--linie),transparent 70%) 2.55rem calc(2.55rem + 1px))}
.v5-video-diary__privacy h3{margin:0;font-size:1.2rem;line-height:1.25}.v5-video-diary__privacy>p{margin:.7rem 0;color:var(--gedaempft);font-size:.86rem;line-height:1.55}
.v5-video-diary__consent{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:1rem}.v5-video-diary__consent button,.v5-video-diary__play,.v5-video-diary__close{min-block-size:2.75rem;padding:.58rem .82rem;border:2px solid var(--tinte);border-radius:.35rem;background:var(--grund);color:var(--tinte);font:inherit;font-size:.83rem;font-weight:850;cursor:pointer}.v5-video-diary__consent [data-video-consent-grant]{background:var(--tinte);color:var(--grund)}
.v5-video-diary__status{min-block-size:1.5em;margin-block-end:0!important;color:var(--tinte)!important;font-weight:720}
.v5-video-diary__noscript{inline-size:var(--v5-wide);margin:2rem auto 0;padding:1rem;border-inline-start:5px solid var(--laterit);background:color-mix(in srgb,var(--laterit),transparent 91%)}
.v5-video-diary__timeline{position:relative;display:grid;gap:0;inline-size:var(--v5-wide);margin:clamp(3rem,7vw,6rem) auto 0;padding:0;list-style:none}
.v5-video-diary__timeline::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(22% + .48rem);border-inline-start:1px solid var(--vtd-rail)}
.v5-video-diary__entry{position:relative;display:grid;grid-template-columns:minmax(8rem,22%) 1rem minmax(0,1fr);gap:clamp(.8rem,2vw,1.5rem);padding-block:clamp(1.3rem,3vw,2.3rem);border-block-start:1px solid var(--linie)}.v5-video-diary__entry:last-child{border-block-end:1px solid var(--linie)}
.v5-video-diary__date{align-self:start}.v5-video-diary__meta{display:grid;gap:.65rem;margin:0}.v5-video-diary__meta div{display:grid;gap:.12rem}.v5-video-diary__meta dt{color:var(--gedaempft);font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.v5-video-diary__meta dd{margin:0;font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums}.v5-video-diary__meta time{color:inherit}
.v5-video-diary__marker{position:relative;z-index:1;display:grid;place-items:center;inline-size:1rem;block-size:1rem;margin-block-start:.2rem;border:3px solid var(--grund);border-radius:50%;background:var(--akzent);box-shadow:0 0 0 1px var(--vtd-rail)}.v5-video-diary__marker b{position:absolute;inset-inline-start:1.25rem;color:var(--gedaempft);font-size:.62rem;font-variant-numeric:tabular-nums;font-weight:850}
.v5-video-diary__record{min-inline-size:0;padding-inline-start:1rem}.v5-video-diary__record h3{max-inline-size:31ch;margin:0;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.15;text-wrap:balance}.v5-video-diary__record>p:not(.v5-video-diary__source){max-inline-size:66ch;color:var(--gedaempft);line-height:1.55}
.v5-video-diary__stage{position:relative;display:grid;place-items:center;aspect-ratio:16/9;inline-size:min(100%,46rem);margin-block-start:1rem;overflow:hidden;border:1px solid var(--tinte);background:var(--tinte);color:var(--grund)}
.v5-video-diary__slate{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 2rem,rgba(255,255,255,.035) 2rem calc(2rem + 1px)),linear-gradient(140deg,color-mix(in srgb,var(--tinte),#254c4c 18%),var(--tinte))}.v5-video-diary__slate span{font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:1;color:color-mix(in srgb,var(--grund),transparent 76%);font-variant-numeric:tabular-nums}.v5-video-diary__slate i{position:absolute;inset-block-end:12%;inline-size:34%;border-block-end:2px solid color-mix(in srgb,var(--grund),transparent 64%)}
.v5-video-diary__play{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.55rem;border-color:var(--grund);background:color-mix(in srgb,var(--tinte),transparent 8%);color:var(--grund)}.v5-video-diary__play span{display:grid;place-items:center;inline-size:1.55rem;block-size:1.55rem;border:1px solid currentColor;border-radius:50%;font-size:.65rem}.v5-video-diary__play:disabled{cursor:not-allowed;opacity:.55}
.v5-video-diary__mount{position:absolute;z-index:2;inset:0;background:#000}.v5-video-diary__mount iframe{display:block;inline-size:100%;block-size:100%;border:0}.v5-video-diary__close{margin-block-start:.55rem}.v5-video-diary__protected-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;max-inline-size:28rem;margin-block-start:1.15rem}.v5-video-diary__protected-band span{block-size:.5rem;background:var(--tinte)}.v5-video-diary__protected-band span:nth-child(2){background:var(--laterit)}.v5-video-diary__protected-band span:nth-child(3){background:var(--akzent)}
html[lang="th"] .v5-video-diary{line-height:1.85}html[lang="th"] :is(.v5-video-diary__label,.v5-video-diary__source,.v5-video-diary__meta dt){letter-spacing:0;text-transform:none}html[lang="th"] :is(.v5-video-diary__introduction h2,.v5-video-diary__record h3,.v5-video-diary__privacy h3){line-height:1.55;letter-spacing:0}html[lang="th"] :is(.v5-video-diary__introduction>p:last-child,.v5-video-diary__privacy>p,.v5-video-diary__record>p){line-height:1.9}
@media(max-width:48rem){.v5-video-diary__header{grid-template-columns:1fr;gap:1.5rem}.v5-video-diary__timeline::before{inset-inline-start:.48rem}.v5-video-diary__entry{grid-template-columns:1rem minmax(0,1fr);gap:.9rem}.v5-video-diary__date{grid-column:2}.v5-video-diary__marker{grid-column:1;grid-row:1/3}.v5-video-diary__record{grid-column:2;padding-inline-start:0}.v5-video-diary__meta{display:flex;flex-wrap:wrap;gap:1rem}.v5-video-diary__marker b{display:none}.v5-video-diary__introduction h2{font-size:clamp(2rem,10vw,3.2rem)}}
@media(max-width:24rem){.v5-video-diary__consent{display:grid}.v5-video-diary__consent button,.v5-video-diary__play,.v5-video-diary__close{inline-size:100%}.v5-video-diary__entry{gap:.65rem}}
@media(prefers-reduced-motion:reduce){.v5-video-diary *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/*
 * Baan Prasiri V5 · Spendenkarte
 *
 * Gestaltung: ein ruhiges, gewebtes Belegbuch statt eines Dashboard-Kits.
 * Die Linien erinnern an Wege durch Nordthailand; die scharf gesetzten
 * Registerlinien halten Ereignis, Beleg und Datenschutz sichtbar getrennt.
 */

.v5-donation-map {
  --dm-ink: var(--tinte, #14211d);
  --dm-forest: var(--akzent, #176b4d);
  --dm-river: #2e6e78;
  --dm-saffron: var(--laterit, #b5672b);
  --dm-rice: var(--grund, #fffdf8);
  --dm-paper: var(--karte, #f4f0e4);
  --dm-muted: var(--gedaempft, #58635d);
  --dm-line: var(--linie, #cfc8b8);
  --dm-danger: #8b301f;
  color: var(--dm-ink);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--dm-forest), transparent 96%) 1px, transparent 1px) 0 0 / 3.5rem 100%,
    var(--dm-rice);
  border-block: 1px solid var(--dm-line);
  padding-block: clamp(3.5rem, 8vw, 7rem);
}

.v5-donation-map [hidden] {
  display: none !important;
}

.v5-donation-map__sr-only {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.v5-donation-map__header,
.v5-donation-map__body,
.v5-donation-map__privacy {
  inline-size: var(--v5-wide, min(76rem, calc(100% - 2rem)));
  margin-inline: auto;
}

.v5-donation-map__header {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .72fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  padding-block-end: clamp(2rem, 5vw, 4rem);
  border-block-end: 2px solid var(--dm-ink);
}

.v5-donation-map__kicker {
  margin: 0 0 .75rem;
  color: var(--dm-forest);
  font-size: .82rem;
  font-weight: 800;
}

.v5-donation-map__header h2 {
  max-inline-size: 15ch;
  margin: 0;
  font-size: clamp(2.25rem, 5.8vw, 5.2rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.v5-donation-map__header > div > p:last-child {
  max-inline-size: 66ch;
  margin: 1.25rem 0 0;
  color: var(--dm-muted);
  font-size: var(--ds-schrift-vorspann, 1.13rem);
  line-height: 1.65;
}

.v5-donation-map__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-block-start: 1px solid var(--dm-ink);
  border-inline-start: 1px solid var(--dm-ink);
  background: var(--dm-rice);
}

.v5-donation-map__summary > div {
  display: flex;
  min-inline-size: 0;
  min-block-size: 9rem;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem;
  border-inline-end: 1px solid var(--dm-ink);
  border-block-end: 1px solid var(--dm-ink);
}

.v5-donation-map__summary dt {
  color: var(--dm-muted);
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.35;
}

.v5-donation-map__summary dd {
  margin: 0;
  color: var(--dm-forest);
  font-size: clamp(1.9rem, 4vw, 3.4rem);
  font-weight: 880;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.v5-donation-map__body {
  display: grid;
  gap: clamp(3.5rem, 8vw, 7rem);
  padding-block-start: clamp(3rem, 7vw, 6rem);
}

.v5-donation-map__route > h2,
.v5-donation-map__ledger > h2 {
  margin: 0 0 1.4rem;
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}

.v5-donation-map__visual {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .45fr);
  gap: 0;
  border: 1px solid var(--dm-ink);
  background: var(--dm-paper);
}

.v5-donation-map__visual figure {
  min-inline-size: 0;
  margin: 0;
  border-inline-end: 1px solid var(--dm-ink);
}

.v5-donation-map__stage {
  position: relative;
  isolation: isolate;
  min-block-size: clamp(21rem, 52vw, 35rem);
  overflow: hidden;
  background: var(--dm-paper);
}

.v5-donation-map__stage > [data-donation-map-fallback],
.v5-donation-map__routes,
.v5-donation-map__leaflet:not([hidden]) {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

.v5-donation-map__stage > [data-donation-map-fallback] {
  position: absolute;
  inset: 0;
}

.v5-donation-map__routes {
  overflow: visible;
}

.v5-donation-map__field {
  fill: var(--dm-paper);
}

.v5-donation-map__gridline {
  fill: none;
  stroke: var(--dm-line);
  stroke-width: 1;
  opacity: .52;
}

.v5-donation-map__flow path {
  fill: none;
  stroke: var(--dm-river);
  stroke-width: var(--flow-width, 3px);
  stroke-linecap: round;
  stroke-dasharray: 8 10;
  opacity: .76;
}

.v5-donation-map__flow circle {
  fill: var(--dm-rice);
  stroke: var(--dm-river);
  stroke-width: 3;
}

.v5-donation-map__target-ring {
  fill: color-mix(in srgb, var(--dm-saffron), transparent 76%);
  stroke: var(--dm-saffron);
  stroke-width: 3;
}

.v5-donation-map__target-dot {
  fill: var(--dm-forest);
}

.v5-donation-map__target-label {
  fill: var(--dm-ink);
  stroke: var(--dm-paper);
  stroke-width: 5px;
  paint-order: stroke fill;
  font-size: 16px;
  font-weight: 800;
}

.v5-donation-map__visual figcaption {
  min-block-size: 5.5rem;
  padding: 1rem 1.15rem;
  border-block-start: 1px solid var(--dm-ink);
  color: var(--dm-muted);
  background: var(--dm-rice);
  font-size: .82rem;
  line-height: 1.55;
}

.v5-donation-map__controls {
  position: absolute;
  z-index: 20;
  inset-inline-start: 1rem;
  inset-block-end: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  max-inline-size: calc(100% - 2rem);
}

.v5-donation-map__controls button {
  min-block-size: 2.75rem;
  padding: .62rem .85rem;
  border: 2px solid var(--dm-ink);
  border-radius: .35rem;
  background: color-mix(in srgb, var(--dm-rice), transparent 4%);
  color: var(--dm-ink);
  box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--dm-ink), transparent 84%);
  font: inherit;
  font-size: .85rem;
  font-weight: 820;
  cursor: pointer;
}

.v5-donation-map__controls button[aria-pressed="true"] {
  border-color: var(--dm-forest);
  background: var(--dm-forest);
  color: var(--dm-rice);
}

.v5-donation-map__controls button:disabled {
  cursor: wait;
  opacity: .68;
}

.v5-donation-map__status,
.v5-donation-map__error {
  position: absolute;
  z-index: 19;
  inset-inline: 1rem;
  inset-block-start: 1rem;
  max-inline-size: 36rem;
  margin: 0;
  padding: .7rem .85rem;
  background: color-mix(in srgb, var(--dm-rice), transparent 3%);
  color: var(--dm-ink);
  font-size: .82rem;
  line-height: 1.45;
}

.v5-donation-map__status:empty {
  display: none;
}

.v5-donation-map__error {
  border-inline-start: 4px solid var(--dm-danger);
  color: var(--dm-danger);
}

.v5-donation-map__countries {
  display: flex;
  min-inline-size: 0;
  flex-direction: column;
  padding: 1.2rem;
  background: var(--dm-rice);
}

.v5-donation-map__countries h3 {
  max-inline-size: 16ch;
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.25;
}

.v5-donation-map__countries ol {
  display: grid;
  gap: 0;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

.v5-donation-map__countries li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: baseline;
  padding-block: .8rem;
  border-block-end: 1px solid var(--dm-line);
}

.v5-donation-map__countries li span:first-child {
  overflow-wrap: anywhere;
  font-weight: 720;
}

.v5-donation-map__countries strong {
  color: var(--dm-forest);
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
}

.v5-donation-map__country-empty,
.v5-donation-map__empty {
  max-inline-size: 66ch;
  margin: 0;
  padding: 1.25rem;
  border-inline-start: 5px solid var(--dm-saffron);
  background: color-mix(in srgb, var(--dm-saffron), transparent 91%);
  line-height: 1.65;
}

.v5-donation-map__ledger > ol {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 2px solid var(--dm-ink);
}

.v5-donation-map__event {
  margin: 0;
  border-block-end: 1px solid var(--dm-line);
}

.v5-donation-map__event article {
  display: grid;
  grid-template-columns: minmax(13rem, .44fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  padding-block: clamp(1.4rem, 3vw, 2.4rem);
}

.v5-donation-map__event header {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: .75rem;
  align-content: start;
}

.v5-donation-map__event header > span {
  display: grid;
  place-items: center;
  inline-size: 2.2rem;
  block-size: 2.2rem;
  border: 1px solid var(--dm-ink);
  border-radius: 50%;
  color: var(--dm-forest);
  background: var(--dm-rice);
  font-size: .72rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.v5-donation-map__event header p {
  margin: 0 0 .28rem;
  color: var(--dm-muted);
  font-size: .75rem;
  font-weight: 760;
}

.v5-donation-map__event header h3 {
  margin: 0;
  color: var(--dm-forest);
  font-size: clamp(1.25rem, 2.8vw, 2rem);
  line-height: 1.1;
}

.v5-donation-map__event dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-block-start: 1px solid var(--dm-line);
  border-inline-start: 1px solid var(--dm-line);
}

.v5-donation-map__event dl > div {
  min-inline-size: 0;
  padding: .85rem;
  border-inline-end: 1px solid var(--dm-line);
  border-block-end: 1px solid var(--dm-line);
}

.v5-donation-map__event dt {
  margin: 0 0 .35rem;
  color: var(--dm-muted);
  font-size: .7rem;
  font-weight: 740;
}

.v5-donation-map__event dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: .92rem;
  font-weight: 680;
  line-height: 1.5;
}

.v5-donation-map__event dl > .v5-donation-map__message {
  grid-column: 1 / -1;
}

.v5-donation-map__event q {
  font-weight: 520;
}

.v5-donation-map__event a,
.v5-donation-map__privacy a {
  color: var(--dm-forest);
  text-underline-offset: .2em;
  text-decoration-thickness: .1em;
}

.v5-donation-map__recorded {
  grid-column: 2;
  margin: .7rem 0 0;
  color: var(--dm-muted);
  font-size: .72rem;
}

.v5-donation-map__privacy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  margin-block-start: clamp(3rem, 7vw, 6rem);
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--dm-ink);
  color: var(--dm-muted);
  font-size: .78rem;
  line-height: 1.55;
}

.v5-donation-map__privacy p {
  max-inline-size: 72ch;
  margin: 0;
}

/* Lokale, kachelfreie Leaflet-Ansicht. */
.v5-donation-map__leaflet.leaflet-container {
  position: absolute;
  z-index: 3;
  inset: 0;
  overflow: hidden;
  color: var(--dm-forest);
  background:
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--dm-river), transparent 70%), transparent 48%),
    linear-gradient(var(--dm-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--dm-line) 1px, transparent 1px),
    var(--dm-paper);
  background-size: auto, 3rem 3rem, 3rem 3rem, auto;
  font: inherit;
  touch-action: pan-x pan-y;
}

.v5-donation-map__leaflet[data-map-interaction="active"] {
  touch-action: none;
}

.v5-donation-map__leaflet .leaflet-pane,
.v5-donation-map__leaflet .leaflet-tile,
.v5-donation-map__leaflet .leaflet-marker-icon,
.v5-donation-map__leaflet .leaflet-marker-shadow,
.v5-donation-map__leaflet .leaflet-tile-container,
.v5-donation-map__leaflet .leaflet-pane > svg,
.v5-donation-map__leaflet .leaflet-pane > canvas {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.v5-donation-map__leaflet .leaflet-overlay-pane svg {
  max-inline-size: none;
  max-block-size: none;
}

.v5-donation-map__leaflet .leaflet-map-pane { z-index: 2; }
.v5-donation-map__leaflet .leaflet-tile-pane { z-index: 2; }
.v5-donation-map__leaflet .leaflet-overlay-pane { z-index: 4; }
.v5-donation-map__leaflet .leaflet-shadow-pane { z-index: 5; }
.v5-donation-map__leaflet .leaflet-marker-pane { z-index: 6; }
.v5-donation-map__leaflet .leaflet-tooltip-pane { z-index: 7; }
.v5-donation-map__leaflet .leaflet-popup-pane { z-index: 8; }

.v5-donation-map__leaflet .leaflet-interactive {
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}

.v5-donation-map__leaflet .leaflet-interactive:focus {
  filter: drop-shadow(0 0 5px var(--dm-forest));
}

.v5-donation-map__leaflet .leaflet-zoom-animated {
  transform-origin: 0 0;
}

.v5-donation-map__leaflet .leaflet-tooltip {
  position: absolute;
  inline-size: max-content;
  min-inline-size: min(13rem, calc(100vw - 4rem));
  max-inline-size: min(22rem, calc(100vw - 4rem));
  padding: .55rem .75rem;
  border: 1px solid var(--dm-ink);
  border-radius: .35rem;
  background: var(--dm-rice);
  color: var(--dm-ink);
  box-shadow: 0 .5rem 1.4rem color-mix(in srgb, var(--dm-ink), transparent 82%);
  font-size: .8rem;
  font-weight: 760;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  pointer-events: none;
}

.v5-donation-map :where(a, button, [tabindex]):focus-visible {
  outline: 3px solid #0b5fc0;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--dm-rice);
}

html[lang="th"] .v5-donation-map {
  line-height: 1.9;
}

html[lang="th"] :is(
  .v5-donation-map__header h2,
  .v5-donation-map__route > h2,
  .v5-donation-map__ledger > h2,
  .v5-donation-map__countries h3,
  .v5-donation-map__event header h3
) {
  line-height: 1.5;
  letter-spacing: 0;
}

html[lang="th"] :is(
  .v5-donation-map__header > div > p:last-child,
  .v5-donation-map__visual figcaption,
  .v5-donation-map__event dd,
  .v5-donation-map__privacy
) {
  line-height: 1.9;
}

@media (max-width: 64rem) {
  .v5-donation-map__header {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .v5-donation-map__summary {
    max-inline-size: 42rem;
  }

  .v5-donation-map__visual {
    grid-template-columns: 1fr;
  }

  .v5-donation-map__visual figure {
    border-inline-end: 0;
    border-block-end: 1px solid var(--dm-ink);
  }

  .v5-donation-map__countries ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1.2rem;
    margin-block-start: 1rem;
  }
}

@media (max-width: 48rem) {
  .v5-donation-map__header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
  }

  .v5-donation-map__stage {
    min-block-size: 23rem;
  }

  .v5-donation-map__event article {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .v5-donation-map__event dl {
    grid-template-columns: 1fr 1fr;
  }

  .v5-donation-map__recorded {
    grid-column: 1;
  }

  .v5-donation-map__privacy {
    grid-template-columns: 1fr;
    gap: .65rem;
  }
}

@media (max-width: 30rem) {
  .v5-donation-map__summary {
    grid-template-columns: 1fr;
  }

  .v5-donation-map__summary > div {
    min-block-size: 5.5rem;
  }

  .v5-donation-map__countries ol,
  .v5-donation-map__event dl {
    grid-template-columns: 1fr;
  }

  .v5-donation-map__stage {
    min-block-size: 26rem;
  }

  .v5-donation-map__controls {
    inset-inline: .65rem;
    inset-block-end: .65rem;
    display: grid;
    max-inline-size: none;
  }

  .v5-donation-map__controls button {
    inline-size: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .v5-donation-map__flow path {
    animation: v5-donation-map-route 1.1s cubic-bezier(.2, 0, 0, 1) both;
  }

  .v5-donation-map__controls button {
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  }
}

@keyframes v5-donation-map-route {
  from { stroke-dashoffset: 72; opacity: .16; }
  to { stroke-dashoffset: 0; opacity: .76; }
}

@media (prefers-reduced-motion: reduce) {
  .v5-donation-map *,
  .v5-donation-map *::before,
  .v5-donation-map *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

@media (forced-colors: active) {
  .v5-donation-map__flow path,
  .v5-donation-map__flow circle,
  .v5-donation-map__target-ring,
  .v5-donation-map__target-dot {
    stroke: CanvasText;
    fill: Canvas;
  }

  .v5-donation-map__controls button {
    forced-color-adjust: auto;
  }
}

@media print {
  .v5-donation-map__controls,
  .v5-donation-map__status,
  .v5-donation-map__error,
  .v5-donation-map__leaflet {
    display: none !important;
  }

  .v5-donation-map__stage > [data-donation-map-fallback] {
    display: block !important;
  }
}