/* Schriften lokal (statt Google Fonts) */
/* Hind 400 latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hind-400-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Hind 400 latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hind-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Hind 500 latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hind-500-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Hind 500 latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hind-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Hind 600 latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hind-600-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Hind 600 latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hind-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Hind 700 latin-ext */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hind-700-latin-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Hind 700 latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hind-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/assets/fonts/material-symbols-sw.woff2) format('woff2');
}


.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


:root{--y:#FFED00;--y2:#f5d800;--d:#242424;--d2:#191919;--d3:#2e2e2e;--sub:#c9ced6;--t:#1d1f22;--m:#5b6068;--bg:#fff;--bg2:#F5F5F2;--line:#e3e5e9;--r:10px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--t);font:400 17px/1.6 Hind,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.kicker{font:500 12px/1.4 Hind,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--y)}
.kicker.dk{color:#6b6200}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;font-weight:700}
h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.01em}
h3{font-size:20px}
p{margin:0 0 1em}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:8px;font-weight:700;text-decoration:none;font-size:16px;line-height:1.2;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn-y{background:linear-gradient(180deg,var(--y),var(--y2));color:#111;box-shadow:0 4px 14px rgba(255,237,0,.25)}
.btn-o{border:2px solid rgba(255,255,255,.55);color:#fff}
.btn-o.dk{border-color:var(--d);color:var(--d)}
/* Header */
.top{background:var(--y);color:#111;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo img{height:38px;width:auto}
.nav{display:none;gap:22px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;color:#111;font-weight:600}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.top .btn{padding:10px 16px;font-size:15px}
@media(min-width:1000px){.nav{display:flex}}
/* Hero */
.hero{position:relative;background:var(--d2);color:#fff;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.92) 0%,rgba(17,17,17,.7) 55%,rgba(17,17,17,.35) 100%)}
.hero .wrap{position:relative;z-index:1;padding-top:56px;padding-bottom:56px}
.hero h1{font-size:clamp(32px,5.4vw,54px);font-weight:700;max-width:820px;margin:.35em 0 .45em}
.hero h1 span{color:var(--y)}
.hero .lead{font-size:clamp(17px,2vw,20px);color:var(--sub);max-width:680px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:var(--r);overflow:hidden;max-width:860px}
.facts div{background:rgba(17,17,17,.82);padding:14px 16px}
.facts b{display:block;font-size:22px;color:var(--y);line-height:1.1}
.facts small{color:var(--sub);font-size:14px}
@media(min-width:760px){.facts{grid-template-columns:repeat(4,1fr)}.hero .wrap{padding-top:96px;padding-bottom:96px}}
/* Sections */
section{padding:64px 0}
.alt{background:var(--bg2)}
.dark{background:var(--d);color:#fff}
.dark p,.dark li{color:var(--sub)}
.head{max-width:760px;margin-bottom:34px}
.head p{color:var(--m);font-size:18px}
.dark .head p{color:var(--sub)}
.grid{display:grid;gap:18px}
@media(min-width:700px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:700px) and (max-width:999px){.g4{grid-template-columns:repeat(2,1fr)}}
/* Service cards */
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.svc img{aspect-ratio:16/10;object-fit:cover;width:100%;background:#ddd}
.svc .b{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.svc .n{font:500 12px Hind,sans-serif;color:var(--m);letter-spacing:.1em}
.svc ul{margin:0 0 16px;padding-left:18px;color:var(--m);font-size:16px}
.svc li{margin:3px 0}
.svc .more{margin-top:auto;font-weight:700;text-decoration:none;border-bottom:2px solid var(--y);align-self:flex-start}
.svc .ico{aspect-ratio:16/10;background:var(--d2);display:flex;align-items:center;justify-content:center}
.svc .ico svg{width:84px;height:84px;stroke:var(--y)}
/* Materials table */
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;font-size:16px}
.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{background:var(--d);color:#fff;font-weight:600}
.tbl tbody th{font-weight:600;white-space:nowrap}
.tbl a{text-decoration:none;border-bottom:1px solid var(--y2)}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.note{font-size:15px;color:var(--m);margin-top:14px}
/* Steps */
.steps{counter-reset:s;display:grid;gap:14px}
@media(min-width:900px){.steps{grid-template-columns:repeat(5,1fr)}}
.step{background:var(--d2);border:1px solid var(--d3);border-radius:var(--r);padding:20px 18px}
.step::before{counter-increment:s;content:"0" counter(s);font:500 13px Hind,sans-serif;color:var(--y);display:block;margin-bottom:10px}
.step h3{font-size:18px;color:#fff}
.step p{font-size:15.5px;margin:0}
/* References */
.ref{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .15s}
.ref:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ref img{aspect-ratio:16/11;object-fit:cover;width:100%;background:#ddd}
.ref .b{padding:16px 18px 20px}
.ref .t{font:500 12px Hind,sans-serif;color:var(--m);letter-spacing:.06em;text-transform:uppercase}
.ref h3{font-size:19px;margin:.35em 0 .3em}
.ref .k{font-weight:700;font-size:15px;background:var(--y);display:inline-block;padding:2px 8px;border-radius:4px}
.ref p{color:var(--m);font-size:15.5px;margin:.6em 0 0}
/* Branchen */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:inline-block;padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:999px;text-decoration:none;font-size:15.5px;font-weight:500}
.chips a:hover{border-color:var(--d);background:var(--y)}
/* Trust */
.trust{display:grid;gap:14px}
@media(min-width:800px){.trust{grid-template-columns:repeat(4,1fr)}}
.trust div{border-left:4px solid var(--y);background:#fff;padding:14px 16px;border-radius:0 var(--r) var(--r) 0}
.trust b{display:block;font-size:17px}
.trust span{color:var(--m);font-size:15px}
.area{display:grid;gap:14px;margin-top:26px}
@media(min-width:800px){.area{grid-template-columns:repeat(4,1fr)}}
.area div{background:#fff;color:#111;padding:16px;border-radius:var(--r);border:1px solid var(--line);border-top:4px solid var(--y)}
.area b{color:#111;display:block}
.area span{color:var(--m);font-size:15px}
/* Contacts */
.ct{background:var(--d2);border:1px solid var(--d3);border-radius:var(--r);padding:22px}
.ct .role{color:var(--sub);font-size:15px;margin-bottom:12px}
.ct h3{color:#fff;margin-bottom:.2em}
.ct a{color:#fff;text-decoration:none;display:block;padding:4px 0;font-weight:500}
.ct a:hover{color:var(--y)}
/* FAQ */
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px}
summary{cursor:pointer;padding:16px 48px 16px 18px;font-weight:600;font-size:17.5px;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:24px;font-weight:400}
details[open] summary::after{content:"–"}
details .a{padding:0 18px 16px;color:var(--m)}
/* CTA */
.cta{background:var(--y);color:#111}
.cta .wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.cta h2{margin:0 0 .2em}
.cta p{margin:0;font-size:18px}
.cta .btns{display:flex;flex-wrap:wrap;gap:12px}
.btn-d{background:var(--d);color:#fff}
/* Footer */
footer{background:var(--d);color:var(--sub);padding:44px 0 28px;font-size:15px}
footer .cols{display:grid;gap:22px}
@media(min-width:800px){footer .cols{grid-template-columns:1.3fr 1fr 1fr 1fr}}
footer b{color:#fff;display:block;margin-bottom:6px}
footer a{color:var(--sub);text-decoration:none}
footer a:hover{color:var(--y)}
footer .legal{border-top:1px solid var(--d3);margin-top:28px;padding-top:18px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
.crumbs{font-size:14px;color:var(--sub);margin-bottom:6px}
.crumbs a{color:var(--sub);text-decoration:none}
.sr{position:absolute;left:-9999px}
:focus-visible{outline:3px solid var(--y);outline-offset:2px}
/* Helle Varianten für Karten außerhalb dunkler Sektionen */
section:not(.dark) .step,section:not(.dark) .ct{background:#fff;border-color:var(--line);box-shadow:0 6px 20px rgba(17,17,17,.05)}
section:not(.dark) .step h3,section:not(.dark) .ct h3{color:#111}
section:not(.dark) .step p,section:not(.dark) .ct p{color:#3a3e44}
section:not(.dark) .step::before{color:#111;background:var(--y);display:inline-block;padding:2px 7px;border-radius:4px}
section:not(.dark) .ct .role{color:var(--m)}
.grid.g4:has(> .step){counter-reset:s}
.aus{display:grid;gap:24px;align-items:start}
@media(min-width:900px){.aus{grid-template-columns:1.5fr 1fr;gap:40px}}
.chk{list-style:none;padding:0;margin:16px 0 0}
.chk li{position:relative;padding:6px 0 6px 30px;color:#3a3e44}
.chk li::before{content:"";position:absolute;left:0;top:11px;width:18px;height:18px;border-radius:4px;background:var(--y);box-shadow:inset 0 0 0 2px #111}
.aus-box{background:#fff;border:1px solid var(--line);border-top:5px solid var(--y);border-radius:var(--r);padding:24px;box-shadow:0 10px 30px rgba(17,17,17,.06)}
.aus-box .t{font-weight:700;font-size:21px;color:#111;margin-bottom:8px}
.aus-box .who{font-size:15px;color:var(--m);margin:14px 0 0}
.aus-box .who a{color:#111;font-weight:600}
main>section:not(.hero):not(.cta){background:#fff}
main>section:not(.hero):not(.cta):nth-of-type(odd){background:#F5F5F2}
section:not(.dark) .ct a{color:#111;text-decoration:underline;text-decoration-color:var(--y2);text-decoration-thickness:2px;text-underline-offset:3px}
body{background:#F5F5F2}
section:not(.alt):not(.dark):not(.hero):not(.cta){background:#fff}
.alt{background:#F5F5F2}

/* P2: Digitale Abwicklung (2026-10-11) */
section.dig{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dig-in{display:grid;gap:28px;align-items:start}
@media(min-width:900px){.dig-in{grid-template-columns:5fr 7fr;gap:48px}}
.dig-t p{color:#3a3e44;font-size:17px;line-height:1.65;max-width:520px}
.dig-l{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media(min-width:600px){.dig-l{grid-template-columns:1fr 1fr}}
.dig-l li{display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:1px solid #e6e6e0;border-radius:var(--r);padding:18px}
.dig-l svg{flex:0 0 40px;width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:8px;background:var(--d);stroke:var(--y);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dig-l h3{font-size:16.5px;margin:2px 0 4px;color:var(--d)}
.dig-l p{margin:0;font-size:15px;line-height:1.5;color:#4a4f56}

/* 2026-10-12: Hero verdichtet – drei Kernargumente */
.args{display:grid;gap:12px;max-width:1000px;margin-top:6px}
@media(min-width:760px){.args{grid-template-columns:repeat(3,1fr);gap:14px}}
.arg{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:var(--r);background:rgba(17,17,17,.78);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--y);color:#fff;text-decoration:none;transition:background .15s,border-color .15s}
.arg:hover{background:rgba(36,36,36,.92);border-color:rgba(255,255,255,.3)}
.arg:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.arg .n{font:500 12px/1 Hind,sans-serif;letter-spacing:.12em;color:var(--y)}
.arg b{font-size:20px;line-height:1.2}
.arg .t{font-size:15px;line-height:1.5;color:var(--sub)}
.arg::after{content:"Mehr →";margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--y)}
.hero .ctas{margin:22px 0 26px}
[id^="h-"]{scroll-margin-top:84px}
.head p.intro{font-size:17px;color:#3a3e44;max-width:860px}
.hero h1{font-size:clamp(30px,4.4vw,46px)}
@media(min-width:760px){.hero .wrap{padding-top:48px;padding-bottom:48px}}
@media(max-width:759px){.hero .wrap{padding-top:28px;padding-bottom:32px}.arg{padding:14px 16px;gap:4px}.arg::after{display:none}.arg b{font-size:18px}.arg .t{font-size:14.5px}.hero .ctas{margin:18px 0 20px}}
/* ===== Ergänzungen für alle Seiten (Migration 2026) ===== */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
/* Mobile Menü */
.mnav{position:relative}
.mnav summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:22px;height:2px;background:#111;position:relative}
.mnav summary span::before,.mnav summary span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:#111}
.mnav summary span::before{top:-7px}.mnav summary span::after{top:7px}
.mnav[open] .mpanel{display:flex}
.mpanel{display:none;flex-direction:column;position:absolute;right:0;top:52px;background:#fff;min-width:260px;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:8px;z-index:30}
.mpanel a{padding:12px 14px;border-radius:8px;text-decoration:none;font-weight:600;color:#111}
.mpanel a:hover{background:var(--bg2)}
.top .right{display:flex;align-items:center;gap:10px}
@media(min-width:1000px){.mnav{display:none}}
@media(max-width:520px){.top .btn{display:none}}
/* Seitentitel */
.ptitle{background:var(--bg2);border-bottom:1px solid var(--line);padding:34px 0 30px}
.ptitle h1{font-size:clamp(28px,4.4vw,44px);margin:6px 0 0;max-width:900px}
.ptitle .crumbs{font-size:14px;color:var(--m)}
.ptitle .crumbs a{color:var(--m);text-decoration:none}
.ptitle .crumbs a:hover{text-decoration:underline}
.ptitle .date{font-size:14px;color:var(--m);margin-top:8px}
/* Inhalt */
.content{padding:44px 16px 64px}
.prose{max-width:860px}
.prose.wide{max-width:none}
.prose h2{font-size:clamp(24px,3vw,30px);margin:1.6em 0 .55em}
.prose h3{font-size:20px;margin:1.4em 0 .5em}
.prose > *:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose a{color:#111;text-decoration:underline;text-decoration-color:var(--y2);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{text-decoration-color:#111}
.prose figure{margin:1.4em 0}
.prose figcaption{font-size:14px;color:var(--m);margin-top:6px}
.prose img{border-radius:8px}
.prose table{border-collapse:collapse;width:100%;margin:1em 0 1.4em;font-size:15.5px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose thead th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);border-bottom:2px solid var(--line)}
.prose blockquote{margin:1.2em 0;padding:4px 0 4px 18px;border-left:4px solid var(--y)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose .sw-cta,.prose .sw-focus{margin:2em 0}
/* Kontaktleiste unter Inhalt */
section.endcta{background:var(--d)!important;color:#fff;padding:44px 0;border-bottom:1px solid #3a3a3a}
.endcta h2{color:#fff}
.endcta .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.endcta h2{margin:0;font-size:clamp(22px,3vw,30px)}
.endcta p{margin:6px 0 0;color:var(--sub)}
.endcta .ctas{display:flex;gap:12px;flex-wrap:wrap}
/* Blog-Liste */
.postlist{display:grid;gap:18px}
@media(min-width:760px){.postlist{grid-template-columns:1fr 1fr}}
.postlist a.card{display:block;border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-decoration:none;background:#fff}
.postlist a.card:hover{border-color:#bbb}
.postlist .d{font-size:13px;color:var(--m)}
.postlist h3{margin:.3em 0 .3em;font-size:19px}
.postlist p{margin:0;color:var(--m);font-size:15px}
/* Test-Hinweis */
.testbar{background:#111;color:#fff;font-size:13px;text-align:center;padding:6px 10px}
/* Page-Builder-Ersatz */
.pb-row{display:grid;gap:28px;margin:0 0 1.6em}
@media(min-width:800px){.pb-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.pbc-grid{display:grid;gap:16px;margin:1em 0 1.6em}
@media(min-width:700px){.pbc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.pbc{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:#fff}
.pbc h3{margin:0 0 .4em;font-size:18px}
.pbc pre{font:inherit;margin:0 0 .3em;white-space:normal}
.pbc .pbc-img img{border-radius:8px;margin-bottom:10px}
.prose p.lead{font-size:19px;color:var(--m)}
details.acc{border:1px solid var(--line);border-radius:10px;margin:.6em 0;background:#fff}
details.acc summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"+";float:right;font-weight:700}
details.acc[open] summary::after{content:"–"}
details.acc > div{padding:0 18px 12px}
/* Anfrage */
.anf-grid{display:grid;gap:32px}
@media(min-width:960px){.anf-grid{grid-template-columns:1fr 2fr}}
.anf-side h2{margin-top:0}
.anf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.anf-tab{display:block;border:2px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none!important;color:#111;background:#fff}
.anf-tab b{display:block;font-size:17px}
.anf-tab span{display:block;font-size:13.5px;color:var(--m);line-height:1.35}
.anf-tab.on{border-color:#111;background:var(--y)}
.anf-tab.on span{color:#333}
.anf-pane{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}
.anf-pane h3{margin-top:0}
form.sw-form label{display:block;font-weight:600;font-size:15px;margin:0 0 14px}
form.sw-form input[type=text],form.sw-form input[type=email],form.sw-form input[type=tel],form.sw-form select,form.sw-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfd3d9;border-radius:8px;font:inherit;font-weight:400;background:#fff}
form.sw-form textarea{resize:vertical}
form.sw-form .f2{display:grid;gap:0 16px}
@media(min-width:640px){form.sw-form .f2{grid-template-columns:1fr 1fr}}
form.sw-form .files{margin:4px 0 16px;font-size:14px;color:var(--m)}
form.sw-form .files input{display:block;margin-top:8px}
form.sw-form .chk{font-weight:400;font-size:14px;display:flex;gap:10px;align-items:flex-start}
form.sw-form .chk input{margin-top:4px}
form.sw-form button{border:0;cursor:pointer;font-family:inherit}
.hp{position:absolute;left:-9999px}
body{background:#fff}
/* ===== Startseite ===== */
.btn-d{background:var(--d);color:#fff}
.btn-d:hover{background:#000}
.paths{display:grid;gap:20px}
@media(min-width:860px){.paths{grid-template-columns:1fr 1fr}}
.path{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.path img{width:100%;aspect-ratio:16/8;object-fit:cover;background:#ddd}
.path .b{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.path h3{font-size:26px;margin:.25em 0 .35em}
.path p{color:var(--m);margin:0 0 .8em}
.path ul{margin:0 0 1.4em;padding-left:1.1em;color:var(--t)}
.path ul li{margin:.25em 0}
.path .btn{margin-top:auto;align-self:flex-start}
.home-svc{margin:0}
@media(min-width:1000px){.sw-branchen.home-svc{grid-template-columns:repeat(3,1fr)}}
.logos{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center;justify-content:center;margin-top:36px}
.logos img{height:40px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7}
.logos img:hover{filter:none;opacity:1}
/* Über uns: Zeitleiste */
.sw-hist > div:first-child{font:500 12px/1.4 Hind,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b6200;margin:2em 0 6px}
.sw-hist > div:last-child{display:grid;gap:14px;margin:1em 0 2em}
@media(min-width:700px){.sw-hist > div:last-child{grid-template-columns:1fr 1fr}}
.sw-hist > div:last-child > div{border-left:4px solid var(--y);background:var(--bg2);padding:14px 18px;border-radius:0 var(--r) var(--r) 0}
.sw-hist > div:last-child > div > div:first-child{font-weight:700;font-size:22px}
.sw-hist b{display:block}
.sw-hist span{color:var(--m)}
/* Referenzen */
.prose .refgrid{margin:1.2em 0 2.4em}
@media(min-width:640px){.prose .refgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.prose .refgrid{grid-template-columns:repeat(3,1fr)}}
.prose .ref{color:inherit}
.prose .ref h3{margin-top:.35em}
.ref-more{background:var(--d)!important;justify-content:flex-end;min-height:260px}
.ref-more h3,.ref-more p{color:#fff!important}.ref-more .t{color:var(--y)!important}
.custref{display:grid;gap:14px;margin:1.2em 0 2em}
@media(min-width:800px){.custref{grid-template-columns:1fr 1fr}}
.custref > div{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff}
.custref img{width:96px;height:56px;object-fit:contain;flex:none}
.custref h3{margin:0 0 .25em;font-size:18px}
.custref p{margin:0;color:var(--m);font-size:15.5px}
.prose a.ref{text-decoration:none!important;border-bottom:0!important;background-image:none!important}
.facts small{display:block;line-height:1.45;margin-top:4px}
/* ===== Inhalts-Bausteine (helles Design) ===== */
/* Karten (Leistungen, Branchen) */
.sw-branchen,.prose div:has(> .sw-bcard){display:grid;gap:16px;margin:1.2em 0 2em}
@media(min-width:640px){.sw-branchen,.prose div:has(> .sw-bcard){grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.prose.wide .sw-branchen,.prose.wide div:has(> .sw-bcard){grid-template-columns:repeat(3,1fr)}}
.sw-bcard{position:relative;border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff;display:flex;flex-direction:column;transition:border-color .15s}
.sw-bcard:hover{border-color:#999}
.sw-bcard .sw-ico{font-size:32px;color:#1d1d1b;margin-bottom:10px}
.sw-bcard h3{margin:0 0 .35em;font-size:19px}
.sw-bcard h3 a{text-decoration:none;color:#111}
.sw-bcard h3 a::after{content:"";position:absolute;inset:0}
.sw-bcard .sw-desc{color:var(--m);font-size:15.5px;flex:1}
.sw-bcard .sw-more{margin-top:12px;font-weight:600;font-size:14px}
/* Hervorhebungen */
.sw-lead{font-size:19px;line-height:1.55}
.sw-focus{display:grid;gap:14px;margin:1.6em 0}
@media(min-width:700px){.sw-focus{grid-template-columns:1fr 1fr}}
.sw-focus > div{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--bg2)}
.sw-focus h3{margin:0 0 .4em;font-size:18px}
.sw-focus p:last-child{margin:0}
.sw-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--y);border-radius:10px;padding:22px 26px;margin:2em 0}
.sw-cta h2,.sw-cta h3{margin:0 0 .25em;font-size:22px;color:#111}
.sw-cta p{margin:0;color:#222}
.sw-cta-btn,a.sw-cta-btn{display:inline-block;background:#111;color:#fff!important;text-decoration:none!important;font-weight:700;padding:13px 20px;border-radius:8px;white-space:nowrap}
.sw-cta-btn:hover{background:#333}
/* Tabellen */
.sw-table-wrap{overflow-x:auto}
table.sw-table thead th{background:var(--bg2)}
.sw-sort-badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--bg2);border:1px solid var(--line)}
/* Fotos */
.sw-photos{display:grid;gap:12px;margin:1.4em 0}
.sw-photos figure,.sw-case figure{margin:0}
.sw-photos img,.sw-case img{border-radius:8px;width:100%;height:auto}
.sw-photos-2{grid-template-columns:1fr 1fr}
@media(max-width:560px){.sw-photos-2{grid-template-columns:1fr}}
.sw-photos-wide img,.sw-photos-full img{width:100%}
.sw-photos figcaption,.sw-case figcaption{font-size:14px;color:var(--m);margin-top:6px}
/* Referenz-Fallstudien */
.sw-case-hero{margin:0 0 1.2em}
.sw-case-facts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:1.4em 0}
@media(min-width:700px){.sw-case-facts{grid-template-columns:1fr 1fr}}
.sw-case-facts > div{background:#fff;padding:12px 16px}
.sw-case-facts span{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--m)}
.sw-case-facts strong{font-weight:600}
.sw-case-duo,.sw-case-gallery{display:grid;gap:12px;margin:1.4em 0}
@media(min-width:640px){.sw-case-duo{grid-template-columns:1fr 1fr}.sw-case-gallery{grid-template-columns:repeat(3,1fr)}}
.sw-case-stats{display:grid;gap:12px;margin:1.4em 0}
@media(min-width:640px){.sw-case-stats{grid-template-columns:repeat(3,1fr)}}
.sw-case-stats > div{background:var(--bg2);border-radius:10px;padding:16px}
.sw-case-stats strong{display:block;font-size:30px;line-height:1.1}
.sw-case-tag{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--y)}
.sw-case-back{margin-top:2em}
/* Vertrauen / Schritte */
.sw-trust{display:grid;gap:12px;margin:1.4em 0}
@media(min-width:700px){.sw-trust{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.sw-trust-item{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff}
.sw-trust-item strong{display:block}
.sw-steps{counter-reset:s;list-style:none;padding:0!important}
.sw-steps li{position:relative;padding-left:46px;margin:0 0 14px}
.sw-step-n{position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;font-weight:700}
/* Marienhütte */
.sw-mh-now{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:0 0 1.6em}
.sw-mh-now h2{margin:.2em 0 .6em!important;font-size:24px}
.sw-mh-kicker{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--m);font-weight:600}
.sw-mh-now-vals{display:grid;gap:10px}
@media(min-width:700px){.sw-mh-now-vals{grid-template-columns:repeat(3,1fr)}}
.sw-mh-now-vals > div{background:#fff;border-radius:8px;padding:12px 14px;border:1px solid var(--line)}
.sw-mh-now-vals span{display:block;font-size:14px;color:var(--m)}
.sw-mh-now-vals strong{font-size:22px}
.sw-mh-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--m)}
.sw-mh-legend span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sw-mh-legend span:nth-child(1)::before{background:#d9f2df}.sw-mh-legend span:nth-child(2)::before{background:#fde0dc}
.sw-mh-legend span:nth-child(3)::before{background:#eceae4}.sw-mh-legend span:nth-child(4)::before{background:#fff;border:1px dashed #bbb}
.sw-mh-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;margin:1em 0 1.6em;overflow-x:auto;font-size:14px}
.sw-mh-labels,.sw-mh-m{display:grid;grid-template-rows:28px repeat(3,34px);gap:4px}
.sw-mh-labels span{display:flex;align-items:center;font-size:12.5px;color:var(--m);white-space:nowrap}
.sw-mh-mon{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}
.sw-mh-v{display:flex;align-items:center;justify-content:center;border-radius:6px;background:#eceae4;font-weight:600}
.sw-mh-v.up{background:#d9f2df;color:#14532d}.sw-mh-v.down{background:#fde0dc;color:#7f1d1d}.sw-mh-v.na{background:#fff;border:1px dashed #ccc;color:#999}
@media(max-width:700px){.sw-mh-grid{grid-template-columns:90px repeat(12,44px)}}
/* BDSV */
.sw-bdsv-now{background:var(--bg2);border-radius:12px;padding:18px 20px;margin:0 0 1.4em}
.sw-bdsv-src{font-size:13px;color:var(--m)}
.sw-chart{max-width:100%}
/* Hinweisbox */
.sw-industrie-hinweis{background:var(--bg2);border-left:4px solid var(--y);padding:14px 18px;border-radius:6px;margin:1.4em 0}
/* Sprachumschalter (ohne JavaScript, liegt im Kopf über allem) */
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;height:36px;padding:0 10px;border:1.5px solid #111;border-radius:999px;font-weight:600;font-size:14px;color:#111}
.lang summary::-webkit-details-marker{display:none}
.lang summary::after{content:"▾";font-size:11px;margin-left:2px}
.lang summary .material-symbols-rounded{font-size:18px}
.lang .lpanel{display:none;position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:6px;min-width:170px;z-index:60;flex-direction:column}
.lang[open] .lpanel{display:flex}
.lang .lpanel a{padding:11px 14px;border-radius:8px;color:#111;text-decoration:none;font-weight:500}
.lang .lpanel a:hover{background:var(--bg2)}
.lang .lpanel a[aria-current]{font-weight:700;background:var(--bg2)}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* Handy: lange Wörter/Links umbrechen statt Seite zu verbreitern */
.prose{overflow-wrap:break-word}
.prose a{overflow-wrap:anywhere}
.prose pre{white-space:pre-wrap;font:inherit}
.prose table{display:block;max-width:100%;overflow-x:auto}
/* globale Akkordeon-Plus-Zeichen nicht im Kopf anzeigen */
.top .mnav summary::after{content:none!important}
.top .lang summary::after,.top .lang[open] summary::after{content:"▾"!important;position:static!important;font-size:11px!important;font-weight:600!important;margin-left:2px}

/* Cookie-Banner (ersetzt Complianz) */
.ckb{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;display:flex;justify-content:center}
.ckb[hidden]{display:none}
.ckb-in{background:#fff;color:#111;max-width:640px;width:100%;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.28);padding:16px 18px}
.ckb-in b{font-size:16px}
.ckb-in p{margin:6px 0 12px;font-size:14.5px;line-height:1.45;color:#3a3e44}
.ckb-in a{color:#111;text-decoration:underline}
.ckb-b{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ckb-b .btn{padding:11px 16px;font-size:15px;border-radius:8px;cursor:pointer;font-family:inherit}
.ckb-b .btn-o.dk{background:#fff}
@media(max-width:520px){.ckb-b .btn{flex:1 1 45%;justify-content:center}}