/* =============================================================================
   CIFA — Confédération Internationale de la Formation et de l'Esthétique
   Gestaltungsgrundlage cifaworld.ch · Neubau 26.09.2026

   Leitbild: die Anmutung einer Institution mit Sitz — nicht die einer Agentur.
     · Der Sitz trägt die Seite: echte Aufnahmen des Schlosses Wylihof, gross,
       über die volle Breite. Keine KI-Personen, keine Symbolbilder.
     · Purpur ist Tiefe (Kopf, Siegel-Band, Fuss), Elfenbein ist das Papier,
       Gold ist Linie, Rahmen und Auszeichnung.
     · Cormorant Garamond für alles, was Gewicht hat; Mulish für Text und
       Bedienung; Kennungen in gesperrten Versalien.
     · Römische Ziffern für die Gliederung — die Sprache von Statuten.

   Die drei Regeln aus MARKE.md B2 (gelten weiter):
     · Gold NIE als Schrift auf hellem Grund (2,11:1) — nur Linie/Rahmen/Fläche;
       auf Purpur darf Gold Schrift sein.
     · Kardinalrot nie auf Purpur und umgekehrt.
     · Coral bleibt Kampagnen-Akzent; die Institution handelt in Gold und Purpur.

   CSP: style-src 'self' — keine style-Attribute im HTML. Bilder als <picture>.
   ========================================================================== */

@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond.woff2?v=d80df8ff5a") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-italic.woff2?v=6f2f5c3b1a") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Mulish";src:url("../fonts/mulish.woff2?v=8d1d33d6be") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
/* Türkisch (ğ ş ı İ …): Zusatzschnitte, nur geladen, wenn solche Zeichen vorkommen */
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-latin-ext.woff2?v=cfa9a397d8") format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mulish";src:url("../fonts/mulish-latin-ext.woff2?v=e1ccc8579a") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Arabisch: Cairo (MARKE B5, RTL) */
@font-face{font-family:"Cairo";src:url("../fonts/cairo-arabic.woff2?v=748022f50c") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{
  --purpur:#421152;
  --purpur-tief:#2E0B3A;
  --purpur-nacht:#1C0624;
  --gold:#D3AF37;
  --gold-hell:#E7C884;
  --gold-matt:#B8963A;
  --elfenbein:#F6EFE1;
  --papier:#FBF8F2;
  --tinte:#221A27;
  --tinte-leise:#5C5361;
  --linie:rgba(66,17,82,.14);
  --linie-hell:rgba(246,239,225,.22);
  --rot:#A3162C;

  --serif:"Cormorant Garamond","Iowan Old Style",Garamond,Georgia,serif;
  --sans:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  --mass:min(1240px,100% - 2.5rem);
  --eng:min(780px,100% - 2.5rem);
  --ease:cubic-bezier(.2,.75,.15,1);
  --kopf:118px;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:7rem;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{
  margin:0;background:var(--papier);color:var(--tinte);
  font-family:var(--sans);font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-variant-numeric:lining-nums;overflow-wrap:break-word;
}
::selection{background:var(--purpur);color:var(--elfenbein)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
img,video{max-width:100%;display:block}
a{color:var(--purpur);text-decoration-color:rgba(66,17,82,.35);text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
a:hover{text-decoration-color:var(--gold)}
p{margin:0}
p + p{margin-top:1rem}

.bahn{width:var(--mass);margin-inline:auto}
.bahn-eng{width:var(--eng);margin-inline:auto}

h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--purpur);margin:0;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.02;font-weight:400}
h2{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.08;font-weight:400;margin:0 0 1.1rem}
h3{font-size:1.55rem;line-height:1.18;font-weight:500;margin:0 0 .6rem}
h4{font-size:1.2rem}
@media (max-width:600px){h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}}

/* Kennung: gesperrte Versalien mit Goldstrich */
.vorzeile,.kennung{
  display:flex;align-items:center;gap:.85rem;
  font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--purpur);margin:0 0 1.2rem;
}
.vorzeile::before,.kennung::before{content:"";flex:none;width:2.2rem;height:1px;background:var(--gold)}

.merksatz{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.3;color:var(--purpur);
  margin:2.4rem 0 0;padding:1.6rem 0 0;border-top:1px solid var(--gold);max-width:32ch;
}
.einleitung{font-size:1.14rem;line-height:1.7;color:var(--tinte)}

/* ── Knöpfe ───────────────────────────────────────────── */
.knopf{
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  min-height:3.25rem;padding:.95rem 1.9rem;border-radius:0;text-decoration:none;
  font-family:var(--sans);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  border:1px solid transparent;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.knopf-voll,.knopf-gold{background:var(--gold);color:var(--purpur-nacht)}
.knopf-voll:hover,.knopf-gold:hover{background:var(--gold-hell)}
.knopf-linie-hell{border-color:rgba(246,239,225,.6);color:var(--elfenbein)}
.knopf-linie-hell:hover{background:var(--elfenbein);color:var(--purpur-nacht)}
.knopf-purpur{background:var(--purpur);color:var(--elfenbein)}
.knopf-purpur:hover{background:var(--purpur-tief)}
.knopf-linie{border-color:var(--purpur);color:var(--purpur)}
.knopf-linie:hover{background:var(--purpur);color:var(--elfenbein)}

.weiter{
  display:inline-flex;align-items:center;gap:.6rem;margin-top:1.1rem;
  font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--purpur);text-decoration:none;
}
.weiter::after{content:"";width:1.8rem;height:1px;background:var(--gold);transition:width .3s var(--ease)}
.weiter:hover::after{width:2.8rem}

/* ── Sprunglink ───────────────────────────────────────── */
/* über dem Rand versteckt, nicht seitlich — sonst reisst -9999px bei Rechts-nach-links die Seite auf */
.sprung{position:absolute;inset-inline-start:0;top:0;transform:translateY(-120%);z-index:100;background:var(--purpur);color:#fff;padding:.7rem 1.2rem;font-weight:700}
.sprung:focus{transform:none}
main:focus{outline:none}

/* =============================================================================
   KOPF — Dienstleiste (Sitz, Sprachen) + Hauptleiste
   Über Bildköpfen durchsichtig, beim Scrollen und auf Seiten ohne Bild elfenbein.
   ========================================================================== */
.leiste{position:fixed;inset:0 0 auto;z-index:50;color:var(--elfenbein);transition:background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.leiste::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,6,36,.62),rgba(28,6,36,0));pointer-events:none;transition:opacity .4s}
.dienst{position:relative;border-bottom:1px solid var(--linie-hell);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.dienst .bahn{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.3rem}
.dienst-sitz{display:flex;align-items:center;gap:.6rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dienst-sitz::before{content:"";flex:none;width:9px;height:9px;background:#D52B1E;box-shadow:inset 0 0 0 0 #fff}
.dienst-rechts{display:flex;align-items:center;gap:1.4rem}
.dienst a{color:inherit;text-decoration:none;opacity:.85}
.dienst a:hover{opacity:1}
.sprachen{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
.sprachen a{display:block;padding:.2rem .45rem}
.sprachen a[aria-current="true"]{opacity:1;box-shadow:inset 0 -1px 0 var(--gold)}
.dienst-links{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}

.haupt{position:relative}
.haupt .bahn{display:flex;align-items:center;gap:2rem;min-height:5rem;transition:min-height .35s var(--ease)}
.zeichen{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;flex:none}
.zeichen-siegel{width:52px;height:52px;flex:none;transition:width .35s var(--ease),height .35s var(--ease)}
.zeichen-wort{display:block;height:34px;width:auto}
.zeichen-wort--purpur{display:none}
.zeichen-name{font-family:var(--serif);font-size:.95rem;line-height:1.15;max-width:15rem;opacity:.9;border-left:1px solid var(--linie-hell);padding-left:1rem}
@media (max-width:1560px){.zeichen-name{display:none}}

.haupt nav{margin-left:auto}
.menue{display:flex;gap:clamp(1rem,2vw,2rem);list-style:none;margin:0;padding:0}
.menue a{
  position:relative;display:block;padding:.5rem 0;color:inherit;text-decoration:none;white-space:nowrap;
  font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.menue a::after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.menue a:hover::after,.menue a[aria-current="page"]::after{transform:scaleX(1)}
.menue-knopf{display:none}
.nur-schmal{display:none}

/* verdichtet (gescrollt) oder Seite ohne Bildkopf */
.leiste.gerollt,.ohne-bild .leiste{background:rgba(251,248,242,.96);color:var(--purpur);box-shadow:0 1px 0 var(--linie),0 18px 40px -30px rgba(28,6,36,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.leiste.gerollt::before,.ohne-bild .leiste::before{opacity:0}
.leiste.gerollt .dienst,.ohne-bild .leiste .dienst{border-bottom-color:var(--linie)}
.leiste.gerollt .zeichen-wort--hell,.ohne-bild .leiste .zeichen-wort--hell{display:none}
.leiste.gerollt .zeichen-wort--purpur,.ohne-bild .leiste .zeichen-wort--purpur{display:block}
.leiste.gerollt .zeichen-name,.ohne-bild .leiste .zeichen-name{border-left-color:var(--linie)}
.leiste.gerollt .haupt .bahn{min-height:4rem}
.leiste.gerollt .zeichen-siegel{width:42px;height:42px}

@media (max-width:1180px){
  .dienst-links{display:none}
  .nur-schmal{display:block}
  .nur-schmal a{font-size:.74rem;opacity:.8}
  .menue-knopf{
    display:inline-flex;align-items:center;gap:.7rem;margin-left:auto;
    background:none;border:1px solid currentColor;color:inherit;cursor:pointer;
    min-height:44px;padding:.5rem 1rem;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  }
  .menue-knopf::before{content:"";width:18px;height:1px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
  .haupt nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--purpur-nacht);color:var(--elfenbein);box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
  .leiste.offen .haupt nav{display:block}
  .menue{flex-direction:column;gap:0;margin:0;padding:.6rem 0 1rem}
  .menue a{padding:1rem clamp(1.25rem,5vw,2rem);font-size:.85rem;border-bottom:1px solid rgba(246,239,225,.08)}
  .menue a::after{left:clamp(1.25rem,5vw,2rem);right:auto;width:2rem;bottom:.6rem}
}
@media (max-width:640px){
  .dienst-sitz > span:first-child,.dienst-ort{display:none}
  .zeichen-siegel{width:42px;height:42px}
  .zeichen-wort{height:28px}
  .haupt .bahn{min-height:4.2rem;gap:1rem}
}

/* =============================================================================
   BÜHNE (Startseite) — Film über die volle Höhe
   ========================================================================== */
.buehne-sitz{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:var(--elfenbein);overflow:hidden;background:var(--purpur-nacht)}
.buehne-medium{position:absolute;inset:0}
.buehne-medium picture,.buehne-medium img,.buehne-medium video{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.buehne-medium img{animation:heranfahren 22s var(--ease) both}
@keyframes heranfahren{from{transform:scale(1.08)}to{transform:none}}
.buehne-schleier{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(28,6,36,.55) 0%,rgba(28,6,36,0) 28%,rgba(28,6,36,0) 45%,rgba(28,6,36,.78) 82%,rgba(28,6,36,.94) 100%),
  linear-gradient(90deg,rgba(28,6,36,.72) 0%,rgba(28,6,36,.35) 45%,rgba(28,6,36,0) 72%)}
.buehne-inhalt{position:relative;padding:calc(var(--kopf) + 3rem) 0 2.6rem}
.buehne-siegel{width:96px;height:96px;margin-bottom:1.6rem;filter:drop-shadow(0 10px 30px rgba(0,0,0,.45));animation:erscheinen 1.2s .2s var(--ease) both}
.buehne-name{
  font-family:var(--serif);font-size:clamp(.95rem,1.3vw,1.15rem);font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-hell);margin:0 0 1.2rem;max-width:60ch;text-shadow:0 1px 12px rgba(0,0,0,.45);animation:erscheinen 1.2s .35s var(--ease) both;
}
.buehne-sitz h1{color:#fff;font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:1;font-weight:300;letter-spacing:-.015em;max-width:16ch;text-shadow:0 2px 30px rgba(0,0,0,.3);animation:erscheinen 1.3s .5s var(--ease) both}
.buehne-sitz h1 em{font-style:italic;color:var(--gold-hell)}
.buehne-text{max-width:46ch;margin-top:1.6rem;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.65;color:rgba(246,239,225,.92);animation:erscheinen 1.3s .7s var(--ease) both}
.buehne-knoepfe{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;animation:erscheinen 1.3s .85s var(--ease) both}
@keyframes erscheinen{from{opacity:0;transform:translateY(18px)}}
.buehne-fuss{position:relative;border-top:1px solid var(--linie-hell)}
.buehne-fuss .bahn{display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding:1.1rem 0 1.3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:rgba(246,239,225,.8)}
.buehne-fuss b{color:var(--gold-hell);font-weight:700}
@media (max-width:640px){
  .buehne-siegel{width:72px;height:72px}
  .buehne-knoepfe .knopf{flex:1 1 100%}
}

/* =============================================================================
   SEITENKOPF (Unterseiten) — Bildband mit Titel
   ========================================================================== */
.seitenkopf{position:relative;min-height:clamp(420px,62vh,640px);display:flex;align-items:flex-end;color:var(--elfenbein);overflow:hidden;background:var(--purpur-nacht)}
.seitenkopf picture,.seitenkopf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seitenkopf img{animation:heranfahren 20s var(--ease) both}
.seitenkopf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,6,36,.6) 0%,rgba(28,6,36,.1) 35%,rgba(28,6,36,.82) 100%)}
.seitenkopf .bahn{position:relative;z-index:1;padding:calc(var(--kopf) + 2rem) 0 clamp(2.4rem,5vw,3.6rem)}
.seitenkopf .vorzeile{color:var(--gold-hell)}
.seitenkopf h1{color:#fff;font-weight:300;max-width:18ch}
/* ohne Bild: ruhiges Purpurband */
.seitenkopf--schlicht{min-height:0;background:linear-gradient(135deg,var(--purpur-nacht),var(--purpur))}
.seitenkopf--schlicht::after{display:none}
.seitenkopf--schlicht .bahn{padding:calc(var(--kopf) + 3.5rem) 0 3rem}
.ohne-bild .seitenkopf--schlicht .bahn{padding-top:calc(var(--kopf) + 3.5rem)}

/* =============================================================================
   ABSCHNITTE
   ========================================================================== */
.abschnitt{padding:clamp(4rem,9vw,7.5rem) 0}
.abschnitt-hell{background:var(--elfenbein)}
.abschnitt-purpur{background:var(--purpur-nacht);color:var(--elfenbein)}
.abschnitt-purpur h2,.abschnitt-purpur h3{color:#fff}
.abschnitt-purpur .vorzeile,.abschnitt-purpur .kennung{color:var(--gold-hell)}
.abschnitt-voll{padding:0 0 clamp(2rem,5vw,3rem)}
.abschnitt + .abschnitt:not(.abschnitt-hell):not(.abschnitt-purpur){border-top:1px solid var(--linie)}
.einleitung-abschnitt{padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,3.5rem)}
.einleitung-abschnitt p{font-size:1.16rem;line-height:1.72}
.einleitung-abschnitt p:first-child{font-family:var(--serif);font-size:clamp(1.45rem,2.3vw,1.85rem);line-height:1.4;color:var(--purpur)}

/* Wege / Karten */
.wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1.25rem,2.5vw,2rem);margin-top:2.6rem}
.weg{background:#fff;border:1px solid var(--linie);display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.weg:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(28,6,36,.45)}
.weg > picture,.weg > img{display:block;aspect-ratio:3/2;overflow:hidden}
.weg > picture img,.weg > img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.weg:hover > picture img{transform:scale(1.04)}
.weg > :not(picture):not(img){margin-left:1.8rem;margin-right:1.8rem}
.weg > h3{margin-top:1.7rem}
.weg > :last-child{margin-bottom:1.8rem}
.weg p{color:var(--tinte-leise);font-size:.98rem}
.weg-schmal{border-top:3px solid var(--gold)}
.weg-schmal > h3:first-child{margin-top:1.8rem}
.abschnitt-hell .weg{background:var(--papier)}

.paar{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:860px){.paar{grid-template-columns:1fr}}
.paar figure{margin:0}
.paar img,.galerie img{width:100%;height:auto;display:block}
.paar figcaption,.breitbild figcaption,.breitbild-eng figcaption{margin-top:.7rem;font-size:.84rem;color:var(--tinte-leise);letter-spacing:.02em}

.breitbild{margin:0 auto;width:var(--mass)}
.breitbild img,.breitfilm video,.breitfilm picture img{width:100%;height:auto;display:block}
.breitfilm video{aspect-ratio:16/9;object-fit:cover}
.breitfilm video[controls]{background:#000}
.breitbild-eng{margin:2.2rem 0 0}
.breitbild-eng img{width:100%;height:auto}
.galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.2rem}
.galerie figure{margin:0}
@media (max-width:760px){.galerie{grid-template-columns:repeat(2,1fr)}}

.punkte{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.7rem;max-width:64ch}
.punkte li{padding-left:1.6rem;position:relative}
.punkte li::before{content:"";position:absolute;left:0;top:.72em;width:.8rem;height:1px;background:var(--gold)}
.schritte{margin:1.3rem 0 0;padding-left:1.6rem;display:grid;gap:.7rem;max-width:64ch}
.schritte li::marker{font-family:var(--serif);color:var(--purpur);font-weight:600}
.daten{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;max-width:60ch;border-top:1px solid var(--linie)}
.daten li{display:flex;gap:1.5rem;border-bottom:1px solid var(--linie);padding:.9rem 0}
.daten b{flex:0 0 11rem;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purpur);padding-top:.2rem}
@media (max-width:600px){.daten li{flex-direction:column;gap:.2rem}.daten b{flex:none}}

.tabelle-rollt{overflow-x:auto;margin-top:1.8rem}
.verzeichnis{width:100%;border-collapse:collapse;font-size:.94rem;background:#fff}
.verzeichnis caption{text-align:left;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--tinte-leise);padding-bottom:.8rem}
.verzeichnis th,.verzeichnis td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--linie);vertical-align:top}
.verzeichnis thead th{background:var(--purpur);color:var(--elfenbein);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}
.verzeichnis tbody tr:last-child td{border-bottom:2px solid var(--gold)}
@media (max-width:600px){.verzeichnis{font-size:.86rem}.verzeichnis th,.verzeichnis td{padding:.6rem .5rem}.verzeichnis td{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}}
.quellenhinweis{margin-top:1rem;font-size:.85rem;color:var(--tinte-leise);max-width:70ch}

.rechtstext{margin-top:2.4rem}
.rechtstext h2{font-size:1.5rem;margin:2.6rem 0 .8rem;display:flex;gap:.9rem;align-items:baseline}
.rechtstext h2:first-child{margin-top:0}
.paragraf-nr{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--gold-matt);flex:none}
.rechtstext p{font-size:.97rem;max-width:70ch}
.rechtstext p + p{margin-top:.8rem}
.rechtsstand{margin-top:2.6rem;padding-top:1rem;border-top:1px solid var(--linie);font-size:.84rem;color:var(--tinte-leise)}
.klammer{font-size:.84rem;color:var(--tinte-leise);margin:-.2rem 0 .6rem;font-style:italic}

/* Altbestand CIFA ONE: schmale Bühne mit eigenem Zeichen */
.buehne.buehne-schmal{background:var(--purpur-nacht);color:var(--elfenbein);padding:calc(var(--kopf) + 3.5rem) 0 4rem}
.buehne.buehne-schmal .bahn{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.buehne.buehne-schmal h1{color:#fff;font-weight:300}
.buehne.buehne-schmal .vorzeile{color:var(--gold-hell)}
.buehne.buehne-schmal .buehne-text{color:rgba(246,239,225,.88)}
.buehne.buehne-schmal .buehne-bild{margin:0;background:var(--elfenbein);padding:2rem}
@media (max-width:860px){.buehne.buehne-schmal .bahn{grid-template-columns:1fr}}

/* =============================================================================
   STARTSEITE — Bausteine
   ========================================================================== */
/* Mandat: grosser Satz + drei römisch gezählte Säulen */
.mandat h2{max-width:22ch}
.mandat-satz{font-family:var(--serif);font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.32;color:var(--purpur);max-width:34ch;margin-top:.6rem}
.saeulen{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(2.8rem,6vw,4.5rem);border-top:1px solid var(--linie)}
.saeule{padding:2rem 2rem 0 0}
.saeule + .saeule{padding-left:2rem;border-left:1px solid var(--linie)}
.saeule-nr{display:block;font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--gold-matt);margin-bottom:1rem;font-weight:400}
.saeule p{color:var(--tinte-leise)}
@media (max-width:860px){.saeulen{grid-template-columns:1fr}.saeule,.saeule + .saeule{padding:1.8rem 0 0;border-left:0}.saeule + .saeule{border-top:1px solid var(--linie);margin-top:1.8rem}}

/* Der Sitz: Vollbild mit Textkarte */
.sitz-band{position:relative;min-height:min(92vh,860px);display:flex;align-items:center;overflow:hidden;background:var(--purpur-nacht)}
.sitz-band picture,.sitz-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sitz-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,6,36,.72) 0%,rgba(28,6,36,.25) 55%,rgba(28,6,36,0) 100%)}
.sitz-karte{position:relative;z-index:1;max-width:560px;color:var(--elfenbein);padding:clamp(2rem,4vw,3.2rem);border:1px solid rgba(231,200,132,.55);background:rgba(28,6,36,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sitz-karte h2{color:#fff}
.sitz-karte .kennung{color:var(--gold-hell)}
.sitz-karte p{color:rgba(246,239,225,.9)}
.sitz-karte .weiter{color:var(--gold-hell)}
.sitz-daten{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.4rem;margin:1.6rem 0 0;padding-top:1.2rem;border-top:1px solid var(--linie-hell);font-size:.9rem}
.sitz-daten dt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-hell);padding-top:.2rem}
.sitz-daten dd{margin:0}
.sitz-band .bahn{position:relative;z-index:1;padding:clamp(4rem,8vw,6rem) 0}

/* Instrumente: vier Wege mit echten Bildern */
.instrumente{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.8rem}
@media (max-width:1100px){.instrumente{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.instrumente{grid-template-columns:1fr}}
.instrument{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:1.8rem;color:var(--elfenbein);text-decoration:none;overflow:hidden;background:var(--purpur-nacht)}
.instrument picture,.instrument img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.instrument::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,6,36,0) 30%,rgba(28,6,36,.92) 100%)}
.instrument > :not(picture){position:relative;z-index:1}
.instrument:hover img{transform:scale(1.05)}
.instrument-nr{font-family:var(--serif);font-size:1.1rem;color:var(--gold-hell);letter-spacing:.1em}
.instrument h3{color:#fff;font-size:1.9rem;font-weight:400;margin:.4rem 0 .6rem}
.instrument p{font-size:.93rem;color:rgba(246,239,225,.85)}
.instrument .weiter{color:var(--gold-hell)}
.instrument--siegel{background:var(--purpur)}
.instrument--siegel picture,.instrument--siegel img{inset:10% 15% auto;width:70%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.instrument--siegel::after{background:linear-gradient(180deg,rgba(28,6,36,0) 45%,rgba(28,6,36,.9) 100%)}

/* Siegel-Band */
.siegel-band{text-align:center;background:radial-gradient(ellipse at 50% 35%,var(--purpur) 0%,var(--purpur-nacht) 70%);color:var(--elfenbein)}
.siegel-band .bahn-eng{display:flex;flex-direction:column;align-items:center}
.siegel-gross{width:min(300px,62vw);height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
.motto{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-hell);margin-top:2.4rem;line-height:1.3}
.motto-zwei{font-family:var(--serif);font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.3em;text-transform:uppercase;color:rgba(231,200,132,.8);margin-top:.5rem}
.motto-uebersetzung{font-family:var(--serif);font-style:italic;font-size:1.25rem;margin-top:1.6rem;color:rgba(246,239,225,.85)}
.siegel-band .trenner{width:80px;height:1px;background:var(--gold);margin:2.4rem auto}
.siegel-band p.leise{max-width:56ch;color:rgba(246,239,225,.78)}

/* Verbund: nationale Mitgliedsverbände */
.verbund{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:860px){.verbund{grid-template-columns:1fr}}
.verbund-eintrag{display:flex;align-items:center;gap:1.6rem;padding:2rem;background:#fff;border:1px solid var(--linie);border-top:3px solid var(--gold);text-decoration:none;color:inherit}
.verbund-eintrag img{width:180px;height:auto;flex:none}
.verbund-land{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--tinte-leise);margin-bottom:.4rem}
.verbund-name{font-family:var(--serif);font-size:1.4rem;line-height:1.2;color:var(--purpur)}
@media (max-width:520px){.verbund-eintrag{flex-direction:column;align-items:flex-start}}

/* Campus-Streifen */
.streifen + .weiter{margin-top:1.6rem}
.streifen{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:.8rem;margin-top:2.6rem}
.streifen figure{margin:0;position:relative;overflow:hidden}
.streifen figure:first-child{grid-row:span 2}
.streifen img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.streifen figure:hover img{transform:scale(1.04)}
.streifen figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1rem .8rem;font-size:.78rem;letter-spacing:.06em;color:var(--elfenbein);background:linear-gradient(transparent,rgba(28,6,36,.8))}
@media (max-width:860px){.streifen{grid-template-columns:1fr 1fr;grid-template-rows:auto}.streifen figure{aspect-ratio:4/3}.streifen figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}}

/* Schluss: Merksatz auf Bild */
.schluss{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--elfenbein);background:var(--purpur-nacht)}
.schluss picture,.schluss img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.schluss::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,6,36,.35),rgba(28,6,36,.7))}
.schluss .bahn-eng{position:relative;z-index:1;padding:5rem 0}
.schluss blockquote{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,3.8vw,3.2rem);line-height:1.15;color:#fff}
.schluss blockquote em{color:var(--gold-hell)}
.schluss .knopf{margin-top:2.4rem}

/* =============================================================================
   FUSS
   ========================================================================== */
footer{background:var(--purpur-nacht);color:rgba(246,239,225,.78);font-size:.92rem;border-top:3px solid var(--gold)}
.fuss-oben{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2.5rem;padding:clamp(3.5rem,7vw,5rem) 0 3rem}
@media (max-width:980px){.fuss-oben{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fuss-oben{grid-template-columns:1fr}}
.fuss-marke{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.fuss-marke img{width:88px;height:88px}
.fuss-name{font-family:var(--serif);font-size:1.35rem;line-height:1.25;color:#fff}
.fuss-anschrift{font-style:normal;line-height:1.7}
footer h2{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hell);margin:0 0 1rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
footer a{color:rgba(246,239,225,.82);text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--gold)}
.fuss-unten{border-top:1px solid rgba(246,239,225,.12);padding:1.5rem 0 2rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;font-size:.8rem;color:rgba(246,239,225,.55)}
.fuss-grundsatz{max-width:78ch;margin:0}
.fuss-signum{margin:0;padding:0 0 1.6rem;text-align:center}
footer .csl-atthis-signum:hover{text-decoration:none}
.csl-atthis-signum {
  display: inline-flex; align-items: center; gap: 6px;
  font: 400 11px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: 0.02em;
  text-transform: none; color: inherit; text-decoration: none; border: 0;
}
.csl-atthis-signum span { opacity: 0.6; transition: opacity 0.2s; }
.csl-atthis-signum svg { display: block; flex: none; opacity: 0.9; }
.csl-atthis-signum:hover span, .csl-atthis-signum:focus-visible span { opacity: 0.95; }

/* =============================================================================
   Erscheinen beim Scrollen (Klasse kommt aus menue.js; ohne JS alles sichtbar)
   ========================================================================== */
.js .erscheinen{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .erscheinen.da{opacity:1;transform:none}

/* Fluss im Fliesstext: Abstände zwischen Überschrift, Absatz und Liste */
.bahn-eng > * + h2,.bahn > * + h2,.paar > div > * + h2{margin-top:clamp(2.6rem,5vw,3.6rem)}
.bahn-eng > * + h3,.paar > div > * + h3{margin-top:2rem}
ul + p,ol + p,.punkte + p,.schritte + p,table + p,.tabelle-rollt + p{margin-top:1.3rem}
p + ul,p + ol{margin-top:1.1rem}
.paar figure img{aspect-ratio:4/3;object-fit:cover}
.bildhinweis{position:absolute;right:1rem;bottom:.8rem;z-index:1;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,239,225,.6)}
/* System-Karten: zwei Verweise, Schrift-Karte ohne Bild, Hinweis im Bild */
.instrument-links{display:flex;flex-wrap:wrap;gap:0 1.4rem}
.instrument-links .weiter{color:var(--gold-hell)}
.instrument .bildhinweis{top:.9rem;bottom:auto;right:.9rem}
.instrument--schrift{background:linear-gradient(160deg,var(--purpur) 0%,var(--purpur-nacht) 100%);border:1px solid rgba(231,200,132,.35)}
.instrument--schrift::after{display:none}
.instrument--schrift h3{font-size:2.6rem;letter-spacing:.08em;color:var(--gold-hell)}
.seitenkopf .bildhinweis{z-index:2}
.instrument > .bildhinweis{position:absolute}
.instrument--siegel picture,.instrument--siegel img{inset:7% 25% auto;width:50%}
.instrument--siegel picture{inset:6% 22% auto;width:56%;height:auto}
.instrument--siegel picture img{position:static;width:100%;height:auto;inset:auto}
.instrument:not(.instrument--siegel):not(.instrument--schrift)::after{background:linear-gradient(180deg,rgba(28,6,36,.05) 10%,rgba(28,6,36,.55) 45%,rgba(28,6,36,.95) 100%)}
.bildhinweis{text-shadow:0 1px 6px rgba(0,0,0,.7);color:rgba(246,239,225,.85)}
/* Schriftzug führt (Dirk, 26.09.): kein Siegel im Kopf, Wortmarke grösser */
.zeichen-wort{height:46px}
.leiste.gerollt .zeichen-wort{height:38px}
.zeichen-name{border-left:1px solid var(--linie-hell);padding-left:1.1rem}
.fuss-marke .fuss-wort{width:auto;height:52px}
@media (max-width:640px){.zeichen-wort{height:36px}.leiste.gerollt .zeichen-wort{height:32px}}

/* =============================================================================
   Urkunde prüfen · Organe · Dokumente · Meldungen (26.09.2026)
   ========================================================================== */
.dienst-pruefen{display:inline-flex;align-items:center;padding:.25rem .8rem;border:1px solid var(--gold);color:inherit;text-decoration:none;font-weight:700;opacity:1!important}
.dienst-pruefen:hover{background:var(--gold);color:var(--purpur-nacht)}
@media (max-width:1180px){.dienst-pruefen{display:none}}

.pruefen label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purpur);margin-bottom:.6rem}
.pruefen-zeile{display:flex;gap:.6rem;flex-wrap:wrap}
.pruefen input{flex:1 1 16rem;min-width:0;min-height:3.25rem;padding:.8rem 1rem;font:inherit;font-size:1.1rem;letter-spacing:.04em;border:1px solid var(--linie);border-bottom:2px solid var(--purpur);background:#fff;color:var(--tinte)}
.pruefen input:focus{outline:none;border-bottom-color:var(--gold);box-shadow:0 0 0 3px rgba(211,175,55,.25)}
.pruefen-hilfe{margin-top:.8rem;font-size:.88rem;color:var(--tinte-leise)}
.pruefen-ergebnis{margin-top:2rem;padding:1.8rem 2rem;background:#fff;border:1px solid var(--linie);border-left:4px solid var(--linie)}
.pruefen-ergebnis h3{font-size:1.5rem;margin-bottom:.8rem}
.pruefen-ergebnis dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.6rem;margin:1rem 0 0}
.pruefen-ergebnis dt{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-leise);padding-top:.2rem}
.pruefen-ergebnis dd{margin:0}
.pruefen-art{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-matt)}
.pruefen-ergebnis.ist-echt{border-left-color:#2E7D4F}
.pruefen-ergebnis.ist-echt h3::before{content:"✓ ";color:#2E7D4F}
.pruefen-ergebnis.ist-beendet{border-left-color:var(--gold)}
.pruefen-ergebnis.ist-nichts{border-left-color:var(--rot)}
@media (max-width:520px){.pruefen-ergebnis{padding:1.3rem}.pruefen-ergebnis dl{grid-template-columns:1fr;gap:.1rem}.pruefen-ergebnis dd{margin-bottom:.6rem}}

.pruefen-band{background:var(--purpur);color:var(--elfenbein);padding:clamp(3rem,6vw,4.5rem) 0;border-top:1px solid rgba(231,200,132,.3)}
.pruefen-band .bahn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:860px){.pruefen-band .bahn{grid-template-columns:1fr}}
.pruefen-band h2{color:#fff;margin-bottom:.6rem}
.pruefen-band .kennung{color:var(--gold-hell)}
.pruefen-band p{color:rgba(246,239,225,.85)}
.pruefen--band label{color:var(--gold-hell)}
.pruefen--band input{border-color:transparent;border-bottom-color:var(--gold)}

.organe{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
@media (max-width:900px){.organe{grid-template-columns:1fr}}
.organ{background:var(--papier);border:1px solid var(--linie);border-top:3px solid var(--gold);padding:1.8rem}
.organ-nr{display:block;font-family:var(--serif);font-size:2.2rem;line-height:1;color:var(--gold-matt);margin-bottom:.8rem}
.organ p{color:var(--tinte-leise);font-size:.97rem}
.organ-besetzung{margin-top:1rem!important;padding-top:.8rem;border-top:1px solid var(--linie);font-size:.86rem!important;font-style:italic}

.dokumente{list-style:none;margin:1.8rem 0;padding:0;border-top:1px solid var(--linie)}
.dokumente li{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid var(--linie)}
.dokument-titel{font-family:var(--serif);font-size:1.25rem;color:var(--purpur)}
.dokument-stand{font-size:.86rem;color:var(--tinte-leise)}

.meldungen-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.4rem;margin:2.2rem 0 1.6rem}
.meldung{background:#fff;border:1px solid var(--linie);border-top:3px solid var(--purpur);padding:1.6rem 1.7rem}
.meldungen-liste .meldung{background:none;border:0;border-bottom:1px solid var(--linie);padding:2rem 0}
.meldungen-liste .meldung:first-child{padding-top:0}
.meldung-kopf{display:flex;gap:1rem;flex-wrap:wrap;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tinte-leise);margin-bottom:.7rem}
.meldung-kopf span{color:var(--gold-matt)}
.meldung h3{font-size:1.45rem}
.meldungen-liste .meldung h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:.7rem}
.meldung p{color:var(--tinte-leise)}

/* =============================================================================
   Arabisch — rechts nach links (dir="rtl" setzt der Rahmen)
   Cairo für alles Arabische; lateinische Eigennamen fallen auf Mulish/Cormorant.
   Keine Sperrung in Versalien-Kennungen: sie zerreisst die verbundene Schrift.
   ========================================================================== */
html[lang="ar"]{--serif:"Cairo","Cormorant Garamond",Georgia,serif;--sans:"Cairo","Mulish",Arial,sans-serif}
html[lang="ar"] body{font-size:17.5px;line-height:1.85}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-weight:600;letter-spacing:0;line-height:1.35}
html[lang="ar"] .buehne-sitz h1{font-weight:600;line-height:1.25}
html[lang="ar"] .vorzeile,html[lang="ar"] .kennung,html[lang="ar"] .menue a,html[lang="ar"] .dienst,html[lang="ar"] .knopf,html[lang="ar"] .weiter,
html[lang="ar"] .daten b,html[lang="ar"] footer h2,html[lang="ar"] .meldung-kopf,html[lang="ar"] .pruefen label,html[lang="ar"] .sitz-daten dt,
html[lang="ar"] .buehne-fuss .bahn,html[lang="ar"] .verbund-land,html[lang="ar"] .pruefen-ergebnis dt,html[lang="ar"] .pruefen-art,html[lang="ar"] .bildhinweis{letter-spacing:0}
html[lang="ar"] .merksatz,html[lang="ar"] .schluss blockquote,html[lang="ar"] .buehne-sitz h1 em,html[lang="ar"] .motto-uebersetzung{font-style:normal}
html[lang="ar"] .buehne-name,html[lang="ar"] .motto,html[lang="ar"] .motto-zwei{letter-spacing:.08em}
[dir="rtl"] .buehne-schleier{background:
  linear-gradient(180deg,rgba(28,6,36,.55) 0%,rgba(28,6,36,0) 28%,rgba(28,6,36,0) 45%,rgba(28,6,36,.78) 82%,rgba(28,6,36,.94) 100%),
  linear-gradient(270deg,rgba(28,6,36,.72) 0%,rgba(28,6,36,.35) 45%,rgba(28,6,36,0) 72%)}
[dir="rtl"] .sitz-band::after{background:linear-gradient(270deg,rgba(28,6,36,.72) 0%,rgba(28,6,36,.25) 55%,rgba(28,6,36,0) 100%)}
[dir="rtl"] .sitz-karte{margin-right:0}
[dir="rtl"] .punkte li{padding-left:0;padding-right:1.6rem}
[dir="rtl"] .punkte li::before{left:auto;right:0}
[dir="rtl"] .schritte{padding-left:0;padding-right:1.6rem}
[dir="rtl"] .saeule{padding:2rem 0 0 2rem}
[dir="rtl"] .saeule + .saeule{padding-left:2rem;padding-right:2rem;border-left:0;border-right:1px solid var(--linie)}
[dir="rtl"] .zeichen-name{border-left:0;padding-left:0;border-right:1px solid var(--linie-hell);padding-right:1.1rem}
[dir="rtl"] .leiste.gerollt .zeichen-name,[dir="rtl"] .ohne-bild .leiste .zeichen-name{border-right-color:var(--linie)}
[dir="rtl"] .menue a::after{transform-origin:right}
[dir="rtl"] .pruefen-ergebnis{border-left:1px solid var(--linie);border-right:4px solid var(--linie)}
[dir="rtl"] .pruefen-ergebnis.ist-echt{border-right-color:#2E7D4F}
[dir="rtl"] .pruefen-ergebnis.ist-beendet{border-right-color:var(--gold)}
[dir="rtl"] .pruefen-ergebnis.ist-nichts{border-right-color:var(--rot)}
[dir="rtl"] .bildhinweis{right:auto;left:1rem}
[dir="rtl"] .instrument .bildhinweis{right:auto;left:.9rem}
[dir="rtl"] .streifen figcaption{text-align:right}
@media (max-width:860px){[dir="rtl"] .saeule,[dir="rtl"] .saeule + .saeule{padding:1.8rem 0 0;border-right:0}}
@media (max-width:1180px){[dir="rtl"] .menue a::after{left:auto;right:clamp(1.25rem,5vw,2rem)}}
/* CCS-Karte: Siegel im Textfluss statt darüber — längere Texte (Arabisch) schieben es sonst zu */
.instrument--siegel picture{position:relative;inset:auto;width:56%;height:auto;margin:0 auto auto;padding-top:.4rem}
.instrument--siegel{justify-content:space-between}
.weg .kennung{margin:1.6rem 1.8rem .4rem;font-size:.68rem}
.weg .kennung + h3{margin-top:0}
.parkforum-block{margin-top:clamp(2.6rem,5vw,3.6rem);padding-top:2.2rem;border-top:1px solid var(--linie);align-items:start}
.parkforum-block h3{font-size:1.8rem}