/* STRIKE – gemeinsame Gestaltung für alle Seiten (Schriften, Kopf, Menü, Fuß, Lesbarkeit). Stand 22.10.2026
   Wird NACH dem Seiten-Stil geladen und gewinnt deshalb bei gleichen Namen. */

/* Schriften (SIL Open Font License), als Dateien statt eingebettet */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(schrift/anton.woff2) format('woff2');}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(schrift/space-mono-400.woff2) format('woff2');}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(schrift/space-mono-700.woff2) format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(schrift/work-sans.woff2) format('woff2');}

:root{--spark-text:#C2380F;}
html{scroll-padding-top:150px;}
@media(min-width:1000px){html{scroll-padding-top:110px;}}

/* ---------- Kopf ---------- */
.seitenkopf{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:3px solid var(--ink);}
.seitenkopf .topbar-inner{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.seitenkopf .logo-link{display:block;margin-right:auto;}
.seitenkopf .logo-img{height:64px;width:auto;display:block;}
.seitenkopf .navlinks{display:none;align-items:center;gap:22px;font-family:'Space Mono',monospace;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
.seitenkopf .navlinks a{margin:0;text-decoration:none;white-space:nowrap;position:relative;padding:6px 0;}
.seitenkopf .navlinks a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--spark);transition:width .25s ease;}
.seitenkopf .navlinks a:hover:after,.seitenkopf .navlinks a.hier:after{width:100%;}
.seitenkopf .navlinks a.nav-cta{display:inline-block;background:var(--blood);color:var(--paper);padding:10px 16px;font-size:14px;letter-spacing:.04em;}
.seitenkopf .navlinks a.nav-cta:after{display:none;}
.seitenkopf .langswitch{display:flex;gap:0;margin:0;font-family:'Space Mono',monospace;}
.seitenkopf .lang-btn{background:transparent;border:2px solid var(--ink);color:var(--ink);font-family:'Space Mono',monospace;font-size:13px;font-weight:700;letter-spacing:.03em;padding:8px 10px;cursor:pointer;line-height:1;min-width:40px;}
.seitenkopf .lang-btn + .lang-btn{border-left:none;}
.seitenkopf .lang-btn.active{background:var(--ink);color:var(--paper);}
.seitenkopf .lang-btn:hover:not(.active){background:var(--lime);}
.seitenkopf .menue-knopf{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;padding:0;}
.seitenkopf .menue-knopf[aria-expanded=true]{background:var(--ink);color:var(--paper);}
.seitenkopf .kopf-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1180px;margin:0 auto;padding:0 28px 12px;}
.seitenkopf .kk{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 10px;font-family:'Space Mono',monospace;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border:3px solid var(--ink);line-height:1.15;}
.seitenkopf .kk.kunde{background:var(--ink);color:var(--paper);}
.seitenkopf .kk.kuenstler{background:var(--blood);color:var(--paper);border-color:var(--blood);}
/* aufgeklapptes Menü (schmale Bildschirme) */
.seitenkopf.offen .kopf-knoepfe{display:none;}
.seitenkopf.offen .navlinks{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;order:9;border-top:2px solid var(--ink);margin-top:4px;}
.seitenkopf.offen .navlinks a{padding:12px 4px;min-height:44px;border-bottom:1px dashed var(--ink);}
.seitenkopf.offen .navlinks a.nav-cta{display:block;margin-top:10px;text-align:center;border-bottom:0;}
@media(min-width:1000px){
  .seitenkopf .navlinks,.seitenkopf.offen .navlinks{display:flex;flex-direction:row;width:auto;order:0;border:0;margin:0;}
  .seitenkopf.offen .navlinks a{padding:6px 0;min-height:0;border:0;}
  .seitenkopf.offen .navlinks a.nav-cta{margin:0;padding:10px 16px;}
  .seitenkopf .menue-knopf,.seitenkopf .kopf-knoepfe{display:none;}
}
@media(max-width:600px){
  .seitenkopf .topbar-inner{padding:10px 16px;gap:8px;}
  .seitenkopf .logo-img{height:40px;}
  .seitenkopf .lang-btn{min-height:44px;min-width:44px;padding:0 6px;}
  .seitenkopf .kopf-knoepfe{padding:0 16px 10px;gap:8px;}
  .seitenkopf .kk{font-size:14px;padding:6px 6px;}
}
@media(max-width:359px){.seitenkopf .lang-btn{min-width:38px;}}

/* Sprach-Hinweis unter der Kopfleiste (sprachweiche.js) */
.sprach-hinweis{background:var(--ink);color:var(--paper);font:16px/1.4 'Work Sans',sans-serif;padding:10px 16px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;}
.sprach-hinweis a{color:var(--lime);font-weight:700;text-decoration:underline;}
.sprach-hinweis button{background:none;border:1px solid var(--paper);color:var(--paper);cursor:pointer;min-width:44px;min-height:44px;font-size:16px;}

/* ---------- Fuß ---------- */
footer.fuss{padding:46px 0 40px;border-top:3px solid var(--ink);}
footer.fuss .foot-grid{display:grid;gap:28px;margin-bottom:30px;}
@media(min-width:760px){footer.fuss .foot-grid{grid-template-columns:1.3fr 1fr 1fr;}}
footer.fuss .logo-img-footer{height:56px;width:auto;display:block;margin-bottom:4px;}
footer.fuss h4{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;}
footer.fuss ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:16px;padding:0;}
footer.fuss ul a{display:inline-block;padding:4px 0;}
footer.fuss p{font-size:15px;max-width:40ch;}
footer.fuss .klein{font-size:14px;color:#2e2e2e;max-width:none;}
footer.fuss .foot-bottom{border-top:2px solid var(--ink);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;color:#3d3d3d;}
footer.fuss .foot-bottom a{text-decoration:underline;}

/* ---------- Lesbarkeit (Marketing 22.10.: Orange für Text dunkler, Schrift min. 14 px) ---------- */
.kicker{color:var(--spark-text);font-size:14px;}
.hero-tag{font-size:14px;}
.section-head p{font-size:17px;}
.cs-search .field label{font-size:14px;}
.cs-search .field select,.cs-search .field input{font-size:16px;}
.hero-btn,.ws-cta{font-size:14px;}
.art-forms span,.wscats span{font-size:14px;}
.cs-tag{font-size:14px;}
.bk-btn{font-size:14px;}
.cs-note{font-size:14px;}
.vcard p,.flow p,.cs-text p{font-size:15px;}
form .sub{font-size:14px;}
.field label{font-size:14px;}
.form-note{font-size:14px;color:#3d3d3d;}
.form-err{font-size:14px;}
.facts h4{font-size:14px;}
.facts ul{font-size:15px;}
.bk-status{font-size:14px;}
.bk-wahl span{font-size:14px;}
.bk-check{font-size:14px;}
.bk-hinweis{font-size:14px;}
.bk-steps li{font-size:14px;}
@media(max-width:640px){.bk-steps li{font-size:13px;}}
.jsuche label span{color:var(--spark-text);}
.jsuche button{color:var(--ink);}
.schritte .nr{color:var(--spark-text);}
.angebot .p{color:var(--spark-text);}