/* Oma Frieda – Kabarett · Stylesheet
   Farben: Bühnendunkel (Pflaume), Vorhangrot, Perlweiß, Strickjacken-Flieder, Rampenlicht-Messing */

@font-face{font-family:"Oleo Script";src:url("fonts/oleo-script-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/montserrat-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/montserrat-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/montserrat-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}

:root{
  color-scheme:dark;
  --buehne:#1c161e;        /* Seitengrund */
  --buehne-2:#251d28;      /* abgesetzte Flächen */
  --buehne-3:#30263380;    /* Linien, Rahmen */
  --linie:#3d3240;
  --perle:#f5ede4;         /* Text */
  --perle-2:#cfc2ca;       /* Nebentext */
  --perle-3:#a4959f;       /* leise Angaben */
  --rot:#c51a1b;           /* Vorhangrot, Markenfarbe */
  --rot-hell:#f0575a;      /* Rot für Text auf Dunkel */
  --flieder:#9e8aa8;
  --messing:#e3b35e;
  --papier:#f6efe5;        /* Eintrittskarte */
  --papier-ink:#2a2029;
  --papier-leise:#6d5e68;

  --f-script:"Oleo Script","Georgia",serif;
  --f-head:"Montserrat","Arial Black","Helvetica Neue",Arial,sans-serif;
  --f-text:"Source Sans 3","Segoe UI","Helvetica Neue",Arial,sans-serif;

  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:6rem;
  --breite:74rem;
  --lesen:40rem;
  --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--buehne)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{
  margin:0;background:var(--buehne);color:var(--perle);
  font-family:var(--f-text);font-size:1.125rem;line-height:1.6;
  font-feature-settings:"kern","liga";
}
img{max-width:100%;height:auto;display:block}
a{color:var(--rot-hell);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--perle)}
:focus-visible{outline:3px solid var(--messing);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--messing);color:#1c161e;padding:.5rem 1rem;z-index:99;font-weight:600}
.skip:focus{left:1rem;top:1rem}

.wrap{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(28,22,30,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:72px}
.marke{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1;gap:4px}
.marke-name{font-family:var(--f-script);color:var(--rot-hell);font-size:2rem;letter-spacing:.005em}
.marke:hover .marke-name{color:var(--rot-hell)}
.marke-zusatz{display:flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:700;font-size:.62rem;letter-spacing:.32em;color:var(--perle);padding-left:.32em}
.marke-zusatz::before,.marke-zusatz::after{content:"";height:1px;width:22px;background:var(--perle-3)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--s2)}
.nav a{display:block;font-family:var(--f-head);font-weight:600;font-size:.84rem;letter-spacing:.04em;color:var(--perle);text-decoration:none;padding:.55rem .7rem;border-radius:6px}
.nav a:hover{background:var(--buehne-2);color:var(--perle)}
.nav a[aria-current="page"]{color:var(--rot-hell)}
.nav .nav-extern a{color:var(--perle-2)}
.nav-knopf{display:none;background:none;border:1px solid var(--linie);color:var(--perle);font:600 .85rem var(--f-head);letter-spacing:.06em;padding:.55rem .85rem;border-radius:8px;cursor:pointer}
.nav-knopf span{display:inline-block;width:18px;height:2px;background:currentColor;vertical-align:middle;margin-right:.5rem;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
@media (max-width:980px){
  .nav-knopf{display:inline-flex;align-items:center}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--buehne);border-bottom:1px solid var(--linie);display:none}
  .nav.offen{display:block}
  .nav ul{flex-direction:column;align-items:stretch;padding:var(--s3) clamp(16px,4vw,40px) var(--s5);gap:0}
  .nav a{padding:.85rem .25rem;font-size:1rem;border-bottom:1px solid var(--linie);border-radius:0}
}

/* ---------- Bausteine ---------- */
.eyebrow{font-family:var(--f-head);font-weight:700;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--messing)}
.knopf{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-head);font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none;padding:.9rem 1.35rem;border-radius:999px;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s;line-height:1.1}
.knopf-rot{background:var(--rot);color:var(--perle)}
.knopf-rot:hover{background:#a51415;color:var(--perle)}
.knopf-rand{border-color:var(--perle-3);color:var(--perle)}
.knopf-rand:hover{border-color:var(--perle);color:var(--perle)}
.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--s3)}
.abschnitt{padding-block:var(--s8)}
.abschnitt-kopf{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}
.abschnitt-kopf h2{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800}
.abschnitt-kopf .eyebrow{margin-bottom:var(--s2);display:block}
.mehr{font-family:var(--f-head);font-weight:600;font-size:.9rem;white-space:nowrap}
.trenner{border:0;border-top:1px solid var(--linie);margin:0}

/* ---------- Bühne (Startseite) ---------- */
.buehne{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--linie)}
.buehne::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(60% 75% at 74% 38%,rgba(227,179,94,.20),transparent 62%),
    radial-gradient(90% 90% at 80% 110%,rgba(197,26,27,.55),transparent 60%),
    linear-gradient(180deg,#221a25 0%,var(--buehne) 100%)}
.buehne::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 38px);
  mask-image:linear-gradient(90deg,#000 0,transparent 18%,transparent 82%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0,transparent 18%,transparent 82%,#000 100%)}
.buehne .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:var(--s6)}
.buehne-text{padding-block:var(--s8) var(--s8);display:grid;gap:var(--s5);align-content:center;align-self:center}
.buehne h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.04;letter-spacing:-.02em}
.buehne h1 .biss{font-family:var(--f-script);font-weight:400;color:var(--rot-hell);font-size:1.18em;letter-spacing:0;display:inline-block;transform:rotate(-3deg)}
.buehne-lead{font-size:1.2rem;color:var(--perle-2);max-width:36rem}
.buehne-lead strong{color:var(--perle);font-weight:600}
.kennzahlen{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s6);margin:0;padding:0;list-style:none}
.kennzahlen li{display:grid;gap:2px}
.kennzahlen b{font-family:var(--f-head);font-weight:800;font-size:1.9rem;line-height:1;color:var(--perle);font-variant-numeric:tabular-nums}
.kennzahlen span{font-size:.9rem;color:var(--perle-3)}
.buehne-bild{align-self:end;justify-self:center;width:min(100%,460px);margin-top:var(--s6)}
.buehne-bild img{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
@media (max-width:820px){
  .buehne .wrap{grid-template-columns:1fr}
  .buehne-text{padding-block:var(--s7) 0}
  .buehne-bild{width:min(78%,340px);margin-top:0}
}

/* ---------- Eintrittskarten (Termine) ---------- */
.karten{display:grid;gap:var(--s4)}
.karte{--kerbe:12px;display:grid;grid-template-columns:7.25rem 1fr;background:var(--papier);color:var(--papier-ink);border-radius:var(--radius);position:relative;
  -webkit-mask:radial-gradient(circle var(--kerbe) at 7.25rem 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--kerbe) at 7.25rem 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--kerbe) at 7.25rem 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--kerbe) at 7.25rem 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.karte-datum{display:grid;align-content:center;justify-items:center;text-align:center;padding:var(--s4) var(--s2);border-right:2px dashed #cdbfb6;font-family:var(--f-head);line-height:1}
.karte-datum .wt{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--papier-leise)}
.karte-datum .tag{font-size:2.5rem;font-weight:800;color:var(--rot);font-variant-numeric:tabular-nums;margin-block:.18rem}
.karte-datum .mon{font-size:.86rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.karte-datum .jahr{font-size:.72rem;font-weight:600;color:var(--papier-leise);margin-top:.3rem;letter-spacing:.06em}
.karte-info{padding:var(--s4) var(--s5);display:grid;gap:.3rem;align-content:center;min-width:0}
.karte-info .zeit{font-family:var(--f-head);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--papier-leise)}
.karte-info h3{font-size:1.12rem;font-weight:700;letter-spacing:0;color:var(--papier-ink)}
.karte-info p{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.karte-info a{color:#a3151a}
.karte-info a:hover{color:var(--papier-ink)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}
.chip{font-family:var(--f-head);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;background:#e8ddd2;color:var(--papier-ink)}
.chip-rot{background:var(--rot);color:#fff}
.karte.vorbei{opacity:.72}
.karte.vorbei .karte-datum .tag{color:var(--papier-leise)}
.karte.naechster{box-shadow:0 0 0 3px var(--messing)}
@media (max-width:520px){
  .karte{grid-template-columns:5.4rem 1fr;
    -webkit-mask:radial-gradient(circle var(--kerbe) at 5.4rem 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--kerbe) at 5.4rem 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
    mask:radial-gradient(circle var(--kerbe) at 5.4rem 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--kerbe) at 5.4rem 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
  .karte-datum .tag{font-size:2rem}
  .karte-info{padding:var(--s3) var(--s4)}
}
.leer{color:var(--perle-2);background:var(--buehne-2);border:1px solid var(--linie);border-radius:var(--radius);padding:var(--s5)}

/* ---------- Programme ---------- */
.programme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6) var(--s5)}
@media (max-width:980px){.programme{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.programme{grid-template-columns:1fr}}
.prog{display:grid;gap:var(--s3);text-decoration:none;color:var(--perle)}
.prog-bild{aspect-ratio:1031/584;max-width:100%;overflow:hidden;border-radius:var(--radius);background:var(--buehne-2)}
.prog-bild img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.prog:hover .prog-bild img{transform:scale(1.035)}
.prog h3{font-size:1.18rem;font-weight:700;color:var(--perle)}
.prog:hover h3{color:var(--rot-hell)}
.prog p{font-size:1rem;color:var(--perle-2);line-height:1.45}
.prog .premiere{font-family:var(--f-head);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}

/* ---------- Pressestimmen ---------- */
.stimmen{background:var(--buehne-2);border-block:1px solid var(--linie)}
.stimmen-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7) var(--s7);margin:0;padding:0;list-style:none}
@media (max-width:760px){.stimmen-liste{grid-template-columns:1fr;gap:var(--s6)}}
.stimme{margin:0;display:grid;gap:var(--s3)}
.stimme::before{content:"„";display:block;height:2.4rem;font-family:var(--f-script);font-size:5rem;line-height:.35;color:var(--rot);margin-left:-.15rem}
.stimme blockquote{margin:0;font-size:1.3rem;line-height:1.45;color:var(--perle)}
.stimme figcaption{font-family:var(--f-head);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--perle-3)}

/* ---------- Videos ---------- */
.videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
@media (max-width:900px){.videos{grid-template-columns:1fr}}
.video{display:grid;gap:var(--s3);text-decoration:none;color:var(--perle)}
.video-rahmen{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:var(--radius);overflow:hidden;background:#000}
.video-rahmen img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .2s}
.video-rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video:hover .video-rahmen img{opacity:.9}
.video-play{position:absolute;inset:0;display:grid;place-items:center}
.video-play span{width:68px;height:68px;border-radius:50%;background:var(--rot);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.video-play span::after{content:"";margin-left:5px;border-left:20px solid var(--perle);border-top:12px solid transparent;border-bottom:12px solid transparent}
.video-titel{font-family:var(--f-head);font-weight:700;font-size:1rem}
.video-hinweis{font-size:.85rem;color:var(--perle-3);line-height:1.4}

/* ---------- Seiten ---------- */
.abstand-oben{margin-top:var(--s5)!important}
.eyebrow-link{color:inherit;text-decoration:none}
.eyebrow-link:hover{color:var(--perle)}
.zeitleiste-breit{max-width:52rem}
.seitenkopf{padding-block:var(--s8) var(--s6);border-bottom:1px solid var(--linie);background:linear-gradient(180deg,#231b26,var(--buehne))}
.seitenkopf h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;margin-top:var(--s2)}
.seitenkopf .unter{font-size:1.2rem;color:var(--perle-2);margin-top:var(--s3);max-width:44rem}
.text{max-width:var(--lesen)}
.text > * + *{margin-top:var(--s4)}
.text h2{font-size:1.6rem;font-weight:800;margin-top:var(--s7)}
.text h3{font-size:1.2rem;font-weight:700;margin-top:var(--s6);color:var(--perle)}
.text ul{padding-left:1.2rem}
.text li + li{margin-top:.4rem}
.text li::marker{color:var(--rot-hell)}
.motto{font-family:var(--f-script);font-size:1.7rem;line-height:1.3;color:var(--rot-hell);margin-top:var(--s6)!important;max-width:34rem}
.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--s8);align-items:start}
@media (max-width:900px){.zweispaltig{grid-template-columns:1fr;gap:var(--s6)}}
.seitenleiste{display:grid;gap:var(--s5);position:sticky;top:calc(96px + env(safe-area-inset-top,0px))}
@media (max-width:900px){.seitenleiste{position:static}}
.kasten{background:var(--buehne-2);border:1px solid var(--linie);border-radius:var(--radius);padding:var(--s5);display:grid;gap:var(--s3)}
.kasten h2,.kasten h3{font-size:1rem;font-weight:700;letter-spacing:.02em}
.kasten p,.kasten li{font-size:1rem;color:var(--perle-2)}
.kasten ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--s3)}
.kasten .quelle{display:block;font-size:.85rem;color:var(--perle-3)}
.prog-titelbild{border-radius:var(--radius);overflow:hidden;aspect-ratio:1031/584;max-width:100%;margin-bottom:var(--s6)}
.prog-titelbild img{width:100%;height:100%;object-fit:cover}
.meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);font-family:var(--f-head);font-weight:600;font-size:.85rem;letter-spacing:.06em;color:var(--perle-3);margin-top:var(--s4)}
.meta b{color:var(--messing);font-weight:700}

/* Termine-Seite */
.jahre{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.jahre a{font-family:var(--f-head);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--perle-2);padding:.45rem .85rem;border-radius:999px;border:1px solid var(--linie);font-variant-numeric:tabular-nums}
.jahre a:hover{color:var(--perle);border-color:var(--perle-3)}
.jahre a[aria-current="page"]{background:var(--rot);border-color:var(--rot);color:var(--perle)}
.monat{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--s5);padding-block:var(--s6);border-top:1px solid var(--linie)}
.monat:first-of-type{border-top:0}
.monat h2{font-size:1.05rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--perle-2);padding-top:.9rem}
@media (max-width:760px){.monat{grid-template-columns:1fr;gap:var(--s3)}.monat h2{padding-top:0}}
.hinweis-box{background:var(--buehne-2);border:1px solid var(--linie);border-left:4px solid var(--messing);border-radius:6px;padding:var(--s4) var(--s5);color:var(--perle-2);font-size:1rem;margin-top:var(--s6);max-width:var(--lesen)}

/* Portrait */
.portrait-bilder{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s5)}
.portrait-bilder figure{margin:0;display:grid;gap:.35rem}
.portrait-bilder img{height:170px;width:auto;border-radius:6px}
.portrait-bilder figcaption{font-size:.8rem;color:var(--perle-3)}
.zeitleiste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.zeitleiste li{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:var(--s4);padding-block:var(--s3);border-top:1px solid var(--linie);font-size:1rem}
.zeitleiste li:first-child{border-top:0}
.zeitleiste time,.zeitleiste .wann{font-family:var(--f-head);font-weight:700;font-size:.85rem;color:var(--messing);font-variant-numeric:tabular-nums;padding-top:.15rem}
@media (max-width:560px){.zeitleiste li{grid-template-columns:1fr;gap:.15rem}}

/* Kritiken */
.kritik-gruppen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s7)}
@media (max-width:820px){.kritik-gruppen{grid-template-columns:1fr}}
.kritik-gruppe h2{font-size:1.2rem;font-weight:800;padding-bottom:var(--s3);border-bottom:2px solid var(--rot);margin-bottom:var(--s3)}
.kritik-gruppe h2 a{color:var(--perle);text-decoration:none}
.kritik-gruppe h2 a:hover{color:var(--rot-hell)}
.kritik-gruppe ul{list-style:none;margin:0;padding:0;display:grid}
.kritik-gruppe li{padding-block:var(--s3);border-bottom:1px solid var(--linie);display:grid;gap:.15rem}
.kritik-gruppe li a{font-weight:600;font-size:1.08rem}
.kritik-gruppe .quelle{font-size:.9rem;color:var(--perle-3)}

/* Presse */
.downloads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
@media (max-width:700px){.downloads{grid-template-columns:1fr}}
.downloads a{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);background:var(--buehne-2);border:1px solid var(--linie);border-radius:var(--radius);text-decoration:none;color:var(--perle)}
.downloads a:hover{border-color:var(--rot-hell)}
.downloads b{font-family:var(--f-head);font-weight:700;font-size:1rem}
.downloads span{font-size:.85rem;color:var(--perle-3);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- Fuß ---------- */
.fuss{background:#150f16;border-top:1px solid var(--linie);padding-block:var(--s8) var(--s6);margin-top:var(--s8)}
.fuss-raster{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--s7)}
@media (max-width:820px){.fuss-raster{grid-template-columns:1fr;gap:var(--s6)}}
.fuss h2{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--messing);margin-bottom:var(--s4)}
.fuss p,.fuss li{font-size:1rem;color:var(--perle-2)}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.fuss a{color:var(--perle)}
.fuss a:hover{color:var(--rot-hell)}
.fuss .buchung{font-family:var(--f-script);font-size:2rem;color:var(--perle);line-height:1.15;margin-bottom:var(--s4)!important}
.kontaktzeile{display:grid;gap:.2rem;margin-top:var(--s3)}
.kontaktzeile a{font-family:var(--f-head);font-weight:700;font-size:1.1rem;text-decoration:none}
.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--linie);font-size:.88rem;color:var(--perle-3)}
.fuss-unten a{color:var(--perle-2)}
.fuss-unten ul{display:flex;flex-wrap:wrap;gap:var(--s4)}