/*
Theme Name: Praxis Winter
Description: Website der Praxis für funktionelle Medizin und komplementäre Heilverfahren, Anja Winter, Bayreuth. Eigenes Theme, keine Fremdvorlage. Schriften liegen lokal auf dem Server.
Author: Anja Winter
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: praxis-winter
*/

/* Schriften – lokal eingebunden, keine Verbindung zu Google */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-300-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/source-sans-3-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/source-sans-3-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/source-sans-3-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/source-sans-3-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/source-sans-3-latin-700-normal.woff2') format('woff2')}

/* ===========================================================
   Anja Winter – Praxis für funktionelle Medizin und komplementäre Heilverfahren
   Palette aus dem Logo: Sage Green, Warm Copper, Deep Petrol,
   Soft Linen, Warm White
   =========================================================== */
:root{
  --paper:#FFFFFF;
  --surface:#FAFCF6;
  --surface-2:#E9F0DE;
  --kopf:#F1F6E9;

  --ink:#2F4740;
  --ink-soft:#566B60;
  --ink-faint:#84927F;

  --petrol:#3A5355;
  --petrol-deep:#26403A;
  --sage:#7F9866;
  --sage-text:#47592F;
  --sage-pale:#E9F0DE;
  --copper:#C07C3C;
  --copper-text:#8A5620;
  --copper-pale:#F7E8D6;

  --line:#DAE4CD;
  --line-soft:#E7EEDD;

  --botanic:rgba(127,152,102,.6);
  --helix:rgba(192,124,60,.7);

  --btn-copper-bg:#A8641F;--btn-copper-fg:#FDF8F1;
  --btn-petrol-bg:#3A5355;--btn-petrol-fg:#F3F6EE;

  --step--1:clamp(.8rem,.77rem + .12vw,.88rem);
  --step-0:clamp(1.02rem,.98rem + .2vw,1.12rem);
  --step-1:clamp(1.2rem,1.12rem + .38vw,1.4rem);
  --step-2:clamp(1.45rem,1.28rem + .78vw,1.95rem);
  --step-3:clamp(1.75rem,1.4rem + 1.5vw,2.7rem);
  --step-4:clamp(2.4rem,1.7rem + 3.2vw,4.4rem);

  --wrap:1180px;
  --gutter:clamp(1.15rem,4vw,3.25rem);
  --font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#161F1A;--surface:#1D2922;--surface-2:#212E25;--kopf:#202B24;
    --ink:#E6EDDD;--ink-soft:#B6C4B0;--ink-faint:#8E9C88;
    --petrol:#8FB0B1;--petrol-deep:#B0CFC2;
    --sage:#A4BC87;--sage-text:#B9CCA2;--sage-pale:#1F2C22;
    --copper:#E0964F;--copper-text:#EAAA6A;--copper-pale:#2E2115;
    --line:#314234;--line-soft:#28362B;
    --botanic:rgba(164,188,135,.5);--helix:rgba(224,150,79,.5);
    --btn-copper-bg:#E0964F;--btn-copper-fg:#1F1408;
    --btn-petrol-bg:#8FB0B1;--btn-petrol-fg:#141D18;
  }
}
:root[data-theme="dark"]{
  --paper:#161F1A;--surface:#1D2922;--surface-2:#212E25;--kopf:#202B24;
  --ink:#E6EDDD;--ink-soft:#B6C4B0;--ink-faint:#8E9C88;
  --petrol:#8FB0B1;--petrol-deep:#B0CFC2;
  --sage:#A4BC87;--sage-text:#B9CCA2;--sage-pale:#1F2C22;
  --copper:#E0964F;--copper-text:#EAAA6A;--copper-pale:#2E2115;
  --line:#314234;--line-soft:#28362B;
  --botanic:rgba(164,188,135,.5);--helix:rgba(224,150,79,.5);
  --btn-copper-bg:#E0964F;--btn-copper-fg:#1F1408;
  --btn-petrol-bg:#8FB0B1;--btn-petrol-fg:#141D18;
}
.on-dark{--sage:#A4BC87;--copper:#E0964F}

/* ===================== Basis ===================== */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-body);font-size:var(--step-0);line-height:1.68;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;text-wrap:balance}
h1{font-family:var(--font-display);font-weight:400;font-size:var(--step-4);
   line-height:1.03;letter-spacing:-.01em;color:var(--petrol)}
h2{font-family:var(--font-display);font-weight:500;font-size:var(--step-3);
   line-height:1.14;letter-spacing:.055em;text-transform:uppercase;color:var(--petrol)}
h3{font-family:var(--font-body);font-weight:600;font-size:var(--step-1);line-height:1.3}
p{margin:0}
a{color:inherit}
img{max-width:100%}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--copper-pale);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--copper-text);outline-offset:3px;border-radius:3px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(3.25rem,6.5vw,6rem)}
.band{background:var(--surface-2)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,3vw,2.75rem)}
@media (max-width:900px){.grid{grid-template-columns:1fr}.grid>*{grid-column:auto!important}}

.eyebrow{display:flex;align-items:center;gap:.6rem;font-size:var(--step--1);font-weight:600;
  letter-spacing:.19em;text-transform:uppercase;color:var(--sage-text);margin-bottom:1.15rem}
.eyebrow .leaf{flex:none;color:var(--copper);display:block}
.lede{font-size:var(--step-1);color:var(--ink-soft);line-height:1.55}
.prose{color:var(--ink-soft);display:flex;flex-direction:column;gap:1.05rem;max-width:62ch}
.prose strong{color:var(--ink)}

/* ===================== Seiten-Router ===================== */
.page{display:block}
.page-head{padding-block:clamp(2.5rem,5.5vw,4.5rem) clamp(1.5rem,3vw,2.5rem);
  border-bottom:1px solid var(--line)}
.page-head h1{font-family:var(--font-display);font-weight:500;font-size:var(--step-3);
  letter-spacing:.055em;text-transform:uppercase;line-height:1.14}
.page-head .lede{margin-top:1.15rem;max-width:56ch}

/* ===================== Schaltflächen ===================== */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-body);
  font-weight:600;font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;
  padding:.9rem 1.6rem;border-radius:2px;text-decoration:none;border:1px solid transparent;
  cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.btn--copper{background:var(--btn-copper-bg);color:var(--btn-copper-fg)}
.btn--copper:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn--petrol{background:var(--btn-petrol-bg);color:var(--btn-petrol-fg)}
.btn--petrol:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn--ghost{border-color:var(--line);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--copper);color:var(--copper-text)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* ===================== Kopfzeile ===================== */

.site-head{position:sticky;top:0;z-index:40;background:var(--kopf);
  border-bottom:1px solid var(--line-soft);
  box-shadow:0 1px 0 rgba(47,71,64,.05), 0 6px 18px -14px rgba(47,71,64,.4)}
.head-inner{display:flex;align-items:center;gap:1.25rem;padding-block:.8rem}
.lockup{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;margin-right:auto}
.lockup .logo{display:block;flex:none;height:auto}
.lockup-text{display:flex;flex-direction:column;line-height:1.1}
.lockup-text .l1{font-family:var(--font-display);font-size:1rem;font-weight:500;
  letter-spacing:.02em;color:var(--petrol);white-space:nowrap}
.lockup-text .l2{font-family:var(--font-display);font-size:.66rem;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;color:var(--copper-text);white-space:nowrap}
@media (max-width:600px){.lockup-text .l2{display:none}}
@media (max-width:420px){.lockup-text .l1{white-space:normal;font-size:.92rem;line-height:1.2}
  .lockup{gap:.6rem}}
.nav{display:flex;gap:1.1rem;font-size:.82rem;font-weight:600;letter-spacing:.02em}
.nav a{text-decoration:none;color:var(--ink-soft);padding-block:.3rem;
  border-bottom:1.5px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--petrol);border-color:var(--copper)}
.nav a.is-current{color:var(--petrol);border-color:var(--copper)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:2px;
  padding:.55rem .7rem;cursor:pointer;color:var(--petrol)}
.burger span{display:block;width:20px;height:1.5px;background:currentColor;margin:3.5px 0}
@media (max-width:1240px){
  .nav{display:none}
  .burger{display:block}
  .head-inner .btn{display:none}
  .nav.is-open{display:flex;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;background:var(--paper);
    border-bottom:1px solid var(--line);padding:.5rem var(--gutter) 1.25rem}
  .nav.is-open a{padding:.75rem 0;border-bottom:1px solid var(--line-soft);font-size:1rem}
}

/* ===================== Hero ===================== */
.hero{position:relative;overflow:hidden;padding-block:clamp(2.75rem,6vw,5.5rem) clamp(2.5rem,5vw,4rem)}
.hero .grid{position:relative;z-index:1}
.hero-text{grid-column:1 / span 7}
.hero-side{grid-column:8 / span 5}
@media (max-width:900px){.hero-side{margin-top:2rem}}
.hero h1 em{font-style:italic;color:var(--sage-text)}
.hero .lede{margin-top:1.5rem;max-width:46ch}
.preise{margin-top:1.5rem;border-top:1px solid var(--line)}
.preis{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.75rem 0;border-bottom:1px solid var(--line)}
.preis span{color:var(--ink);font-weight:600;font-size:.95rem}
.preis b{font-family:var(--font-display);font-size:1.2rem;font-weight:600;
  color:var(--copper-text);white-space:nowrap;letter-spacing:.01em}
.preis-hinweis{margin-top:1rem;font-size:var(--step--1);color:var(--ink-soft);
  line-height:1.65;padding-left:1rem;border-left:2px solid var(--sage)}
.legal-hint{margin-top:.5rem;font-size:var(--step--1);color:var(--ink-faint);line-height:1.6}
.credential{margin-top:1.8rem;padding-left:1rem;border-left:2px solid var(--copper);
  font-size:var(--step--1);font-weight:600;letter-spacing:.03em;color:var(--ink-soft);
  line-height:1.6}
@media (min-width:760px){.credential .abschluss{white-space:nowrap}}
.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-top:1.9rem;
  font-size:var(--step--1);color:var(--ink-faint)}
.hero-meta span{display:flex;align-items:center;gap:.5rem}
.hero-meta .leaf{color:var(--copper)}
.hero-deco{position:absolute;right:-4%;bottom:-10%;width:min(40%,440px);
  pointer-events:none;z-index:0;display:flex;align-items:flex-end;gap:.5rem}
.hero-deco .stem{flex:1;color:var(--botanic)}
.hero-deco .strand{width:34%;color:var(--helix)}
@media (max-width:900px){.hero-deco{display:none}}

.portrait{aspect-ratio:4/5;background:var(--sage-pale);border:1px solid var(--line);
  display:grid;place-items:center;text-align:center;padding:1.6rem;color:var(--ink-faint);
  font-size:var(--step--1);line-height:1.5;border-radius:999px 999px 4px 4px}
.portrait--soft{border-radius:4px;aspect-ratio:1/1}
.raum{margin:0}
.raum img{display:block;width:100%;height:auto;border-radius:4px;
  border:1px solid var(--line);background:var(--surface-2)}
.raum figcaption{margin-top:.7rem;font-size:.82rem;line-height:1.5;color:var(--ink-faint)}
.stand-alone{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);
  line-height:1.4;color:var(--petrol);border-left:2px solid var(--copper);
  padding-left:1rem;margin-top:.6rem}
.portrait--tall{border-radius:4px 999px 999px 4px;aspect-ratio:3/4}
.portrait--photo{padding:0;background:var(--surface-2);overflow:hidden;display:block}
.portrait--photo img{width:100%;height:100%;object-fit:cover;display:block}
figure.portrait{margin:0}

/* Zwei Wege zum Termin */
.ways{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2.25rem}
.way{background:var(--surface);border:1px solid var(--line);padding:1.7rem 1.8rem;
  display:flex;flex-direction:column}
.way-mark{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper-text);margin-bottom:.5rem}
.way h3{color:var(--petrol);margin-bottom:.6rem}
.way>p{color:var(--ink-soft);font-size:.96rem;flex:1}
.way .actions{margin-top:0}

/* ===================== Trenner ===================== */
.divider{display:flex;align-items:center;gap:1.25rem;color:var(--copper)}
.divider::before,.divider::after{content:"";height:1px;background:var(--line);flex:1}
.divider .sprig{flex:none;display:block}

/* ===================== Zitate ===================== */
.quotes{grid-column:2 / span 9;display:flex;flex-direction:column}
.quotes li{padding:1.25rem 0;border-bottom:1px solid var(--line);
  font-family:var(--font-display);font-size:var(--step-2);font-weight:300;font-style:italic;
  line-height:1.35;color:var(--petrol);
  display:grid;grid-template-columns:1.9rem 1fr;gap:.75rem;align-items:start}
.quotes li:first-child{border-top:1px solid var(--line)}
.quotes .leaf{color:var(--copper);margin-top:.5rem}

/* ===================== Aufzählungen ===================== */
.claim{font-family:var(--font-display);font-size:var(--step-2);font-weight:400;
  line-height:1.3;color:var(--petrol);margin-bottom:1.1rem}
.concept-list{grid-column:1 / -1;margin-top:2.5rem}
.concept-item{display:grid;grid-template-columns:min(30%,17rem) 1fr;gap:clamp(1rem,3vw,3rem);
  padding:1.85rem 0;border-top:1px solid var(--line)}
.concept-item:last-child{border-bottom:1px solid var(--line)}
.concept-item h3{display:flex;align-items:baseline;gap:.65rem;color:var(--petrol)}
.concept-item .tag{font-family:var(--font-display);font-size:1.15rem;font-weight:500;
  color:var(--copper-text);letter-spacing:.08em}
.concept-item p{color:var(--ink-soft);max-width:58ch}
@media (max-width:720px){.concept-item{grid-template-columns:1fr;gap:.6rem}}

.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  gap:0 clamp(1.5rem,3vw,3rem);margin-top:2rem}
.topic{padding:1.25rem 0;border-top:1px solid var(--line-soft)}
.topic h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.55rem;color:var(--petrol)}
.topic h3 .leaf{color:var(--sage);flex:none}
.topic p{font-size:.92rem;color:var(--ink-faint);line-height:1.55;margin-top:.3rem;padding-left:1.55rem}

.teasers{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2.5rem}
.teaser{background:var(--surface);border:1px solid var(--line);padding:1.6rem 1.7rem;
  display:flex;flex-direction:column;gap:.6rem}
.teaser h3{color:var(--petrol)}
.teaser p{color:var(--ink-soft);font-size:.95rem;flex:1}
.teaser a{font-size:.8rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--copper-text);text-decoration:none;border-bottom:1px solid var(--copper);
  width:fit-content;padding-bottom:2px}
.teaser a:hover{color:var(--petrol);border-color:var(--petrol)}

.steps{display:grid;gap:clamp(1.5rem,3vw,2.5rem);
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin-top:2.25rem}
.step{display:flex;flex-direction:column;gap:.65rem;padding-top:1.4rem;border-top:2px solid var(--sage)}
.step-no{font-family:var(--font-display);font-size:var(--step-3);color:var(--copper-text);
  line-height:.9;font-weight:400}
.step h3{color:var(--petrol)}
.step p{color:var(--ink-soft);font-size:.96rem}

.facts{display:flex;flex-direction:column;margin-top:1.5rem}
.facts li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.8rem 0;
  border-bottom:1px solid var(--line-soft);font-size:.95rem;color:var(--ink-soft)}
.facts b{color:var(--sage-text);font-weight:700;font-size:.7rem;letter-spacing:.15em;
  text-transform:uppercase;padding-top:.3rem}
@media (max-width:520px){.facts li{grid-template-columns:1fr;gap:.2rem}}

.note{background:var(--copper-pale);padding:1.6rem 1.75rem;font-size:.95rem;
  border-left:2px solid var(--copper);color:var(--ink)}
.note p+p{margin-top:.7rem}

/* ===================== Kontakt ===================== */
.contact{position:relative;overflow:hidden;background:#26403A;color:#E6EDDD}
.contact-inner{position:relative;z-index:1;padding:clamp(2.25rem,5vw,3.5rem);
  display:grid;gap:2.25rem;grid-template-columns:1.05fr .95fr;align-items:center}
@media (max-width:800px){.contact-inner{grid-template-columns:1fr}}
.contact h2{color:#E6EDDD}
.contact .eyebrow{color:#A9C48B}
.contact .eyebrow .leaf{color:#E0964F}
.contact-lines{display:flex;flex-direction:column;gap:.9rem;font-size:var(--step-1)}
.contact-lines a{text-decoration:none;width:fit-content;
  border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent)}
.contact-lines a:hover{border-bottom-color:currentColor}
.contact-small{font-size:.88rem;opacity:.8;margin-top:1.1rem;max-width:42ch}
.contact-deco{position:absolute;right:-3%;bottom:-20%;width:min(28%,250px);
  color:rgba(224,150,79,.28);pointer-events:none;z-index:0}
@media (max-width:800px){.contact-deco{display:none}}

/* ===================== Formular ===================== */
.cform{margin-top:2.5rem;max-width:640px;display:flex;flex-direction:column;gap:1.1rem}
.cform-intro{color:var(--ink-soft);max-width:56ch}
.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:600px){.cform-row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:.35rem}
.field>span{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--sage-text)}
.field input,.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:2px;padding:.7rem .85rem;width:100%;
  transition:border-color .15s ease}
.field textarea{resize:vertical;min-height:7rem}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--copper)}
.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:grid;grid-template-columns:1.15rem 1fr;gap:.7rem;align-items:start;
  font-size:.88rem;color:var(--ink-soft);line-height:1.5}
.consent input{margin-top:.3rem;accent-color:var(--copper-text);width:1.15rem;height:1.15rem}
.cform-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.3rem}


/* ===================== Dokumente ===================== */
.downloads{margin-top:2rem;border-top:1px solid var(--line);max-width:720px}
.download{display:grid;grid-template-columns:1.6rem 1fr auto;gap:1rem;align-items:center;
  padding:1.15rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
a.download:hover{background:var(--sage-pale)}
a.download:hover .download-text strong{color:var(--copper-text)}
.download-icon{color:var(--sage);display:block}
.download-text{display:flex;flex-direction:column;gap:.1rem}
.download-text strong{color:var(--petrol);font-weight:700;font-size:1.02rem}
.download-text span{font-size:.9rem;color:var(--ink-faint);line-height:1.45}
.download-meta{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--copper-text);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ===================== Rechtstexte ===================== */
.legal{max-width:70ch;color:var(--ink-soft)}
.legal h2{font-size:var(--step-2);margin:2.5rem 0 .8rem}
.legal h3{font-size:1.05rem;color:var(--petrol);margin:1.6rem 0 .4rem}
.legal p{margin-bottom:.9rem}
.legal ul{list-style:disc;padding-left:1.2rem;margin-bottom:.9rem}
.legal li{margin-bottom:.35rem}
.legal address{font-style:normal;margin-bottom:.9rem;color:var(--ink)}
.todo{background:var(--copper-pale);border-left:2px solid var(--copper);
  padding:.75rem 1rem;font-size:.88rem;color:var(--copper-text);margin:.6rem 0 1.2rem}

/* ===================== Fußzeile ===================== */
.site-foot{border-top:1px solid var(--line);padding-block:2.75rem;font-size:.88rem;color:var(--ink-faint)}
.foot-top{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:center;justify-content:space-between}
.foot-links{display:flex;flex-wrap:wrap;gap:1.4rem}
.foot-links a{text-decoration:none}
.foot-links a:hover{color:var(--petrol)}
.disclaimer{margin-top:1.6rem;max-width:80ch;font-size:.78rem;line-height:1.6;color:var(--ink-faint)}

.draw path{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);
  animation:draw 1.4s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.draw path{stroke-dashoffset:0;animation:none}}

/* ---- Ergänzungen für WordPress ---- */
.skiplink{position:absolute;left:-9999px;top:0;z-index:100;background:var(--petrol);color:#F3F6EE;
  padding:.75rem 1.25rem;text-decoration:none;font-weight:600}
.skiplink:focus{left:0}
.note--fehler{background:#F4E0DA;border-left-color:#8C3A2B;color:#3B2019}
.note--fehler a{color:#8C3A2B}
.note a{color:var(--copper-text)}