@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --bg:#0B0C0E;--bg2:#121417;--bg3:#15171A;--panel:#1A1D21;
  --line:#24272C;--line2:#3A3E45;
  --text:#F2F2F0;--text2:#C4C7CC;--muted:#A3A7AE;
  --tally:#FF711F;--tally-text:#FF711F;--btn:#FF711F;
  --display:"Barlow Condensed",system-ui,sans-serif;
  --body:"Manrope",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--text)}
a:hover{color:var(--tally-text)}
:focus-visible{outline:2px solid var(--tally-text);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--text);color:var(--bg);padding:8px 12px;z-index:10}

/* Header */
.site-header{border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.dot{width:12px;height:12px;border-radius:50%;background:var(--tally);display:block;flex:none}
.brand-name{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500}
.nav a{text-decoration:none}
.nav a[aria-current]{color:var(--tally-text)}
.btn{display:inline-block;text-decoration:none;background:var(--btn);color:#111214;padding:14px 24px;border-radius:4px;font-weight:700;text-align:center;line-height:1.3}
.btn:hover{background:#FF8A45;color:#111214}
.btn-ghost{background:transparent;border:1px solid var(--line2);color:var(--text)}
.btn-ghost:hover{background:var(--panel);color:var(--text)}
.nav .btn{padding:11px 18px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;border:1px solid var(--line2);border-radius:4px;padding:10px 16px;font-weight:700;font-size:15px}
.menu summary::-webkit-details-marker{display:none}
.menu-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg3);border:1px solid var(--line2);border-radius:6px;padding:8px;min-width:240px;z-index:20;display:flex;flex-direction:column}
.menu-panel a{text-decoration:none;padding:12px 14px;border-radius:4px}
.menu-panel a:hover{background:var(--panel)}
@media (max-width:860px){.nav{display:none}.menu{display:block}}

/* Type */
.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.eyebrow .dot{width:8px;height:8px}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tally-text)}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;margin:0;line-height:1}
h1{font-size:clamp(46px,6.4vw,88px);line-height:.98;letter-spacing:.005em}
h1,h2,h3{overflow-wrap:break-word}
@media (max-width:480px){h1{hyphens:auto;-webkit-hyphens:auto}}
.h2{font-size:clamp(40px,4.6vw,56px)}
.lead{font-size:19px;color:var(--text2);margin:0;max-width:600px}
.muted{color:var(--muted)}

/* Sections */
.section{padding-top:96px;padding-bottom:40px}
.section-head{display:flex;flex-direction:column;gap:14px;max-width:760px;margin-bottom:48px}
.section-head p{margin:0;color:var(--text2)}

.hero{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:80px;padding-bottom:72px}
.hero-text{flex:1 1 500px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hero-img{flex:1 1 460px;min-width:0;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.actions{display:flex;flex-wrap:wrap;gap:14px}

.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:32px;padding-top:40px;padding-bottom:40px}
.fact{display:flex;flex-direction:column;gap:6px}
.fact b{font-family:var(--display);font-weight:700;font-size:44px;line-height:1}
.fact span{color:var(--muted);font-size:15px}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-bottom:48px}
.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}

.cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.cell{background:var(--bg);padding:32px;display:flex;flex-direction:column;gap:10px}
.cell h3{font-weight:600;font-size:28px}
.cell p{margin:0;color:var(--muted)}

/* Cases */
.case{display:flex;flex-wrap:wrap;gap:40px;align-items:center;border-top:1px solid var(--line);padding:40px 0}
.case.flip{flex-wrap:wrap-reverse}
.case-media{flex:1 1 520px;min-width:0;position:relative;display:block;border-radius:6px;overflow:hidden;text-decoration:none}
.case-media img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}
.case-media:hover img{transform:scale(1.02)}
.play{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:10px;background:var(--bg);color:var(--text);padding:10px 16px;border-radius:4px;font-weight:700;font-size:15px}
.case-text{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:18px}
.case-text h3{font-size:40px;line-height:1.02}
.case-text p{margin:0;color:var(--text2)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:18px}
.stats div{display:flex;flex-direction:column;gap:2px}
.stats b{font-family:var(--display);font-weight:700;font-size:32px;line-height:1.1}
.stats span{color:var(--muted);font-size:14px}
.also{margin:0;color:var(--muted);font-size:15px;border-top:1px solid var(--line);padding-top:24px}

/* Signal flow */
.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.node{flex:1 1 200px;border:1px solid var(--line2);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px}
.node.on{border-color:var(--tally)}
.node.on .label{color:var(--tally-text)}
.node strong{font-family:var(--display);font-weight:600;font-size:26px;text-transform:uppercase;line-height:1.05}
.node span:last-child{color:var(--muted);font-size:15px}
.arrow{flex:0 0 32px;display:flex;align-items:center;justify-content:center;color:#6B7078;font-size:24px}
@media (max-width:700px){.arrow{flex-basis:100%;height:20px;transform:rotate(90deg)}}

/* Packages */
.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:20px;align-items:stretch}
.pkg{border:1px solid var(--line2);border-radius:6px;padding:36px;display:flex;flex-direction:column;gap:22px}
.pkg.hot{border:2px solid var(--tally);padding:35px;background:var(--bg3)}
.pkg-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pkg-name{font-family:var(--display);font-weight:600;font-size:28px;text-transform:uppercase}
.pkg-price{font-family:var(--display);font-weight:700;font-size:60px;line-height:1}
.pkg ul{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;color:var(--text2)}
.pkg .btn{margin-top:auto}
.tag{font-family:var(--mono);font-size:12px;color:var(--tally-text);letter-spacing:.1em}

/* Link cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:16px}
.card{text-decoration:none;border:1px solid var(--line2);border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s}
.card:hover{border-color:var(--muted);background:var(--bg3);color:var(--text)}
.card strong{font-family:var(--display);font-weight:600;font-size:24px;text-transform:uppercase;line-height:1.1}
.card span{color:var(--muted);font-size:15px}

/* Team */
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px}
.person{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.person img{flex:0 0 200px;width:200px;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.person div{flex:1 1 180px;display:flex;flex-direction:column;gap:4px}
.person strong{font-family:var(--display);font-weight:600;font-size:30px;text-transform:uppercase;line-height:1.05}
.person span{color:var(--muted);font-size:15px}

/* CTA */
.cta{margin-top:96px;background:var(--bg3);border-top:1px solid var(--line)}
.cta .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-end;justify-content:space-between;padding-top:88px;padding-bottom:88px}
.cta-text{flex:1 1 500px;min-width:0;display:flex;flex-direction:column;gap:18px}
.cta-text h2{font-size:clamp(42px,5vw,72px)}
.cta-text p{margin:0;color:var(--text2);max-width:560px}
.cta-contact{flex:0 1 380px;display:flex;flex-direction:column;gap:14px}
.phone{text-decoration:none;font-family:var(--display);font-weight:700;font-size:40px;line-height:1}

/* Footer */
.site-footer{border-top:1px solid var(--line);font-size:14px}
.site-footer .wrap{padding-top:48px;padding-bottom:28px;display:flex;flex-direction:column;gap:32px}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px}
.foot-cols div{display:flex;flex-direction:column;gap:8px}
.foot-cols a{text-decoration:none}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
.foot-bottom nav{display:flex;gap:24px}

/* Subpages */
.page-hero{padding-top:72px;padding-bottom:48px;display:flex;flex-direction:column;gap:24px;max-width:900px}
.page-hero h1{font-size:clamp(42px,5.6vw,76px)}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.page-img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:6px}
.layout{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-top:56px}
.prose{flex:999 1 560px;min-width:0;max-width:760px}
.prose h2{font-size:38px;margin:48px 0 16px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:26px;font-weight:600;margin:28px 0 8px}
.prose p{margin:0 0 16px;color:var(--text2)}
.prose ul{margin:0 0 16px;padding-left:22px;color:var(--text2);display:flex;flex-direction:column;gap:8px}
.prose strong{color:var(--text)}
.prose a{color:var(--text);text-decoration-color:var(--tally);text-underline-offset:3px}
.aside{flex:1 1 300px;position:sticky;top:24px;border:1px solid var(--line2);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:14px;background:var(--bg3)}
.aside h2{font-size:30px}
.aside p{margin:0;color:var(--text2);font-size:15px}
@media (max-width:900px){.aside{position:static}}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);color:var(--tally-text);font-size:15px;padding-top:6px}
.steps h2{font-size:30px;margin:0 0 10px}
.steps p{margin:0}
.related{padding-top:72px}
.related h2{font-size:32px;margin-bottom:24px}

/* FAQ */
.faq-group{margin-bottom:48px}
.faq-group>h2{font-size:34px;margin:0 0 12px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--tally-text);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 20px;color:var(--text2);max-width:720px}

/* Legal */
.legal{max-width:760px;padding-top:56px}
.legal h2{font-size:30px;margin:40px 0 12px}
.legal h3{font-size:22px;font-weight:600;margin:24px 0 8px}
.legal p,.legal li{color:var(--text2)}
.legal p{margin:0 0 14px}
.legal address{font-style:normal;color:var(--text2);margin-bottom:14px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-media img{transition:none}}

.initials{flex:0 0 200px;width:200px;aspect-ratio:1/1;border-radius:6px;background:var(--panel);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:64px;color:var(--muted)}
.person .initials{font-size:64px;color:var(--muted)}
.hero h1{font-size:clamp(44px,5.6vw,80px)}
.hero-text{flex:1.3 1 560px}
.hero-img{flex:1 1 420px}

.brandbox{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:4px;min-width:0}
.powered{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--muted);font-size:13px;padding-left:16px;border-left:1px solid var(--line2);line-height:1}
.powered img{height:22px;width:auto;opacity:.85;transition:opacity .2s}
.powered:hover{color:var(--text)}.powered:hover img{opacity:1}
@media (max-width:600px){.powered{border-left:0;padding-left:24px;font-size:12px}.powered img{height:18px}}
@media (prefers-reduced-motion:reduce){.vhero video{display:none}}

.brand-sub{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tally)}
.brandbox{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:4px;min-width:0}
.powered{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--muted);font-size:13px;padding-left:16px;border-left:1px solid var(--line2);line-height:1}
.powered img{height:22px;width:auto;opacity:.85}.powered:hover{color:var(--text)}.powered:hover img{opacity:1}
@media (max-width:600px){.powered{border-left:0;padding-left:0;font-size:12px}.powered img{height:18px}}
.vhero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:640px;display:flex;align-items:center}
.vhero video,.vhero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.vhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,14,.96) 0%,rgba(11,12,14,.8) 40%,rgba(11,12,14,.15) 80%)}
.vhero .wrap{position:relative;z-index:1;padding-top:120px;padding-bottom:110px;display:flex;flex-direction:column;gap:28px;width:100%}
.vhero h1{max-width:780px;font-size:clamp(52px,7vw,104px);line-height:.95}
.vhero .lead{color:#C9CCD1}
.eyeline{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#B5B9C0;margin:0}
.eyeline::before{content:"";width:22px;height:2px;background:var(--tally)}
@media (max-width:700px){.vhero{min-height:560px}.vhero::after{background:linear-gradient(0deg,rgba(11,12,14,.96) 30%,rgba(11,12,14,.55) 100%)}}
.fact b span{color:var(--tally)}
.promise{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.promise>div{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}
.promise h2{font-size:clamp(44px,5.2vw,76px);line-height:.98}
.promise p{flex:1 1 340px;min-width:0;margin:0;color:#C9CCD1;font-size:19px}
.wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:12px}
.wall figure{margin:0;position:relative;overflow:hidden;border-radius:6px;background:var(--panel)}
.wall img{width:100%;height:100%;object-fit:cover}
.wall figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(0deg,rgba(11,12,14,.92),rgba(11,12,14,0));display:flex;align-items:baseline;gap:10px}
.wall figcaption b{font-family:var(--display);font-weight:700;font-size:34px;line-height:1;color:var(--tally)}
.wall figcaption span{font-family:var(--display);font-weight:600;font-size:20px;text-transform:uppercase}
.wall .big{grid-column:span 7;grid-row:span 2}.wall .big b{font-size:44px}.wall .big span{font-size:24px}
.wall .s5{grid-column:span 5}.wall .s4{grid-column:span 4}
@media (max-width:760px){.wall{grid-template-columns:1fr;grid-auto-rows:240px}.wall .big,.wall .s5,.wall .s4{grid-column:auto;grid-row:auto}}
.quote{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.quote img{flex:0 0 180px;width:180px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;filter:grayscale(1) contrast(1.05)}
.quote figure{flex:1 1 520px;min-width:0;margin:0;display:flex;flex-direction:column;gap:20px}
.quote blockquote{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(32px,3.6vw,48px);line-height:1.1;text-transform:uppercase}
.quote figcaption{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.inv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.inv>div{background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 28px;display:flex;gap:20px;align-items:baseline}
.inv b{flex:0 0 72px;font-family:var(--display);font-weight:700;font-size:34px;color:var(--tally);line-height:1}
.inv h3{font-weight:600;font-size:25px;overflow-wrap:break-word}
.inv>div>div{min-width:0;flex:1}
@media (max-width:480px){.inv>div{padding:22px 20px;gap:14px}.inv b{flex-basis:56px;font-size:28px}.inv h3{font-size:22px}}.inv p{margin:4px 0 0;color:var(--muted);font-size:15px}
.tech{position:relative;overflow:hidden;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:72px}
.tech>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.tech::before{content:"";position:absolute;inset:0;background:rgba(11,12,14,.9);z-index:-1}
.tech .wrap{position:relative;z-index:1;padding-top:104px;padding-bottom:104px}
.bigstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;border-top:1px solid var(--line2);padding-top:32px}
.bigstats div{display:flex;flex-direction:column;gap:4px}
.bigstats b{font-family:var(--display);font-weight:700;font-size:72px;line-height:1}
.bigstats span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cond{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:32px}
.cond div{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--line2);padding-top:20px}
.cond div:first-child{border-color:var(--tally)}
.cond h3{font-weight:600;font-size:28px}.cond p{margin:0;color:var(--muted)}
/* Vergleich */
.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:8px 0 24px}
.cmp>div{border:1px solid var(--line2);border-radius:6px;padding:20px;min-width:0;display:flex;flex-direction:column;gap:16px}
.cmp>div.win{border-color:var(--tally);background:var(--bg3)}
.cmp h3{font-size:28px;margin:0}
.cmp .time{font-family:var(--display);font-weight:700;font-size:56px;line-height:1}
.cmp .time small{font-size:22px;color:var(--muted);margin-left:6px}
.cmp .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.cmp ol,.cmp ul.pack{margin:0;padding-left:20px;color:var(--text2);font-size:15px;display:flex;flex-direction:column;gap:3px}
.cmp ul.feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.cmp ul.feat li{display:flex;gap:10px;align-items:baseline;color:var(--text2)}
.cmp ul.feat i{font-style:normal;font-family:var(--mono);width:18px;flex:none}
.cmp .y{color:#7BD88F}.cmp .m{color:var(--tally)}.cmp .n{color:#8A8F97}
.cmp .row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;font-size:15px;color:var(--text2)}
.cmp .row b{color:var(--text)}
.legend{font-size:13px;color:var(--muted);margin:0 0 16px}
/* Tabellen */
.tbl{overflow-x:auto;margin:8px 0 32px;border:1px solid var(--line);border-radius:6px}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tbl th,.tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--bg3)}
.tbl tbody th{color:var(--text);font-weight:700;width:30%}
.tbl td{color:var(--text2)}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
/* Pro/Contra & Speicher */
.pc{border:1px solid var(--line2);border-radius:6px;padding:24px;margin:0 0 16px}
.pc h3{font-size:28px;margin:0 0 8px}
.pc>p{margin:0 0 12px}
.pc .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.pc .cols div{display:flex;flex-direction:column;gap:6px}
.pc .cols span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pc .plus span{color:#7BD88F}.pc .minus span{color:var(--tally)}
.pc ul{margin:0;padding-left:18px;font-size:15px}
.pc .meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--mono);font-size:13px;color:var(--muted);margin:0 0 12px}
.pc .meta b{color:var(--tally);font-weight:500}
/* Kurse */
.courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin:0 0 24px}
.courses div{border:1px solid var(--line2);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px}
.courses h3{font-size:26px;margin:0}
.courses .d{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.courses .p{font-family:var(--display);font-weight:700;font-size:30px;color:var(--tally);line-height:1}
.courses p{margin:0;color:var(--text2);font-size:15px}
/* Blog */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px}
.post{text-decoration:none;border:1px solid var(--line2);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.post:hover{border-color:var(--muted);color:var(--text)}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post div{padding:22px;display:flex;flex-direction:column;gap:8px}
.post strong{font-family:var(--display);font-weight:600;font-size:26px;text-transform:uppercase;line-height:1.05}
.post span{color:var(--muted);font-size:15px}

/* Unwinged-Seitenwechsler v2 */
.uxs{position:relative;min-width:0}
.uxs>summary{list-style:none;cursor:pointer;user-select:none}
.uxs>summary::-webkit-details-marker{display:none}
.uxs>summary:focus-visible{outline:2px solid #F2F2F0;outline-offset:4px;border-radius:4px}
.uxs-chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.55;margin-left:2px;transition:transform .2s,opacity .2s;flex:none;color:#F2F2F0}
.uxs>summary:hover .uxs-chev{opacity:1}
.uxs[open] .uxs-chev{transform:translateY(2px) rotate(225deg);opacity:1}
.uxs-panel{position:absolute;left:-14px;top:calc(100% + 14px);z-index:80;width:max-content;min-width:320px;max-width:calc(100vw - 16px);background:#0E0F11;border:1px solid #2A2D33;border-radius:10px;padding:6px;box-shadow:0 22px 48px rgba(0,0,0,.55);display:flex;flex-direction:column}
.uxl{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:8px;text-decoration:none;color:#F2F2F0;transition:background .15s}
.uxl:hover,.uxl:focus-visible{background:#18191D;color:#F2F2F0}
.uxl-row{display:flex;align-items:center;gap:12px}
.uxl-img{height:30px;width:auto;display:block;flex:none}
.uxl-n{font-family:"Barlow Condensed",system-ui,sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;text-transform:uppercase;line-height:1;color:#F2F2F0;white-space:nowrap}
.uxl-n.uxl-wide{letter-spacing:.06em}
.uxl-n em{font-style:normal}
.uxl-blue{color:#5274FF}
.uxl-red{color:#FF3B2E}
.uxl-orange{color:#FF711F}
.uxl-dot{width:11px;height:11px;border-radius:50%;background:#FF3B2E;flex:none}
.uxl-sub{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FF711F}
.uxl-nt{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;font-size:18px;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#F4F4F2;white-space:nowrap}
.uxl-nt em{font-style:normal;color:#FFB020}
.uxl-d{font-family:"Manrope",system-ui,sans-serif;font-size:12px;line-height:1.3;color:#8E939B}
.uxs-home{font-family:"Manrope",system-ui,sans-serif;font-size:12px;color:#8E939B;text-decoration:none;padding:10px 14px 8px;margin-top:4px;border-top:1px solid #23262B}
.uxs-home:hover{color:#F2F2F0}
@media (max-width:480px){.uxs-panel{left:-6px;min-width:0;width:calc(100vw - 20px)}.uxl-n{font-size:21px}.uxl-nt{font-size:16px}}