/* Redesign 2026-11 · Designsprache „Leitstelle“ · 34a-ueben.de */
body[data-theme=a34]{--canvas:#eef3f6;--ink:#0e2533;--muted:#4c6473;--accent:#0a7690;--accent-text:#fff;--feature-bg:#ffffff;--feature-border:#cfdde5;--header-border:#cfdde5;--content-link:#0a7690;--rd-accent2:#f2b134;--feature-radius:4px;background-color:var(--canvas);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748%27%20height%3D%2748%27%20fill%3D%27none%27%20stroke%3D%27%230a7690%27%20stroke-opacity%3D%270.09%27%3E%3Cpath%20d%3D%27M48%200H0v48%27/%3E%3Cpath%20d%3D%27M22%2024h4M24%2022v4%27%20stroke-opacity%3D%270.18%27/%3E%3C/svg%3E");background-attachment:fixed}
body[data-theme=a34] ::selection{background:#0a7690;color:#fff}
body[data-theme=a34] .site-header{box-shadow:0 1px 0 rgba(0,0,0,.02),0 10px 30px -26px rgba(0,0,0,.5)}
body[data-theme=a34] .hero-copy>*{animation:rd-rise .8s cubic-bezier(.2,.7,.2,1) both}
body[data-theme=a34] .hero-copy>*:nth-child(2){animation-delay:.08s}body[data-theme=a34] .hero-copy>*:nth-child(3){animation-delay:.16s}body[data-theme=a34] .hero-copy>*:nth-child(4){animation-delay:.24s}
@keyframes rd-rise{from{opacity:.001;transform:translateY(18px)}}
body[data-theme=a34] .hero-image img{animation:rd-zoom 14s ease-out both}
@keyframes rd-zoom{from{transform:scale(1.07)}}
body[data-theme=a34] .feature{box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -36px rgba(0,0,0,.45)}
body[data-theme=a34] .feature:hover{box-shadow:0 30px 60px -34px #0a769099}
body[data-theme=a34] .button--primary{box-shadow:0 14px 30px -18px #0a7690}
body[data-theme=a34] .closing .eyebrow{color:var(--closing-muted)}

.rd-hub{width:min(100% - 64px,1100px);margin:0 auto 80px}.rd-hub h2{margin:16px 0 24px}.rd-hub h3{margin:28px 0 12px}.rd-hub-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.rd-hub-list a{display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--feature-border);border-radius:var(--feature-radius);background:var(--feature-bg);text-decoration:none;font-size:15px;font-weight:600}.rd-hub-list a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.rd-hub{width:calc(100% - 36px);margin-bottom:56px}}
/* FAQ */
.rd-faq{width:min(100% - 64px,1100px);margin:0 auto 96px}
.rd-faq h2{margin:16px 0 28px}
.rd-faq details{background:var(--feature-bg);border:1px solid var(--feature-border);border-radius:var(--feature-radius);margin:0 0 12px;padding:0 24px}
.rd-faq summary{cursor:pointer;list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 17px/1.35 var(--body-font)}
.rd-faq summary::-webkit-details-marker{display:none}
.rd-faq summary::after{content:"+";font-size:26px;color:var(--accent);transition:transform .2s}
.rd-faq details[open] summary::after{transform:rotate(45deg)}
.rd-faq details p{padding:0 0 22px;color:var(--muted);max-width:72ch}
/* Content pages */
body.content-page[data-theme=a34] main{box-shadow:0 30px 70px -50px rgba(0,0,0,.45);position:relative}
body.content-page[data-theme=a34] main::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0a7690,#f2b134);border-radius:var(--feature-radius) var(--feature-radius) 0 0}
body.content-page[data-theme=a34] main h2{padding-top:8px;border-top:1px solid var(--feature-border)}
body.content-page[data-theme=a34] main h1+p{font-size:1.12em;color:var(--muted)}
@media(prefers-color-scheme:dark){body[data-theme=a34],body.content-page[data-theme=a34]{--canvas:#050f16;--ink:#e4f3f8;--muted:#9fbac6;--feature-bg:#0c1c27;--feature-border:#1e3a4a;--header-bg:#050f16f2;--header-border:#1e3a4a;--footer-bg:#050f16;--content-link:#40dcf0;--content-button-text:#050f16;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748%27%20height%3D%2748%27%20fill%3D%27none%27%20stroke%3D%27%2340dcf0%27%20stroke-opacity%3D%270.07%27%3E%3Cpath%20d%3D%27M48%200H0v48%27/%3E%3Cpath%20d%3D%27M22%2024h4M24%2022v4%27%20stroke-opacity%3D%270.14%27/%3E%3C/svg%3E")}
body[data-theme=a34] .overview .eyebrow,body[data-theme=a34] .feature-id,body[data-theme=a34] .feature-arrow,body[data-theme=a34] .section-title em,body[data-theme=a34] .rd-faq summary::after{color:#40dcf0}
body[data-theme=a34] .rd-faq .eyebrow{color:#40dcf0}
body[data-theme=a34] .metrics-inner{background:transparent!important;box-shadow:none!important}}
@media(max-width:760px){.rd-faq{width:calc(100% - 36px);margin-bottom:60px}.rd-faq details{padding:0 16px}}
@media(prefers-reduced-motion:reduce){body[data-theme=a34] *{animation:none!important}}

@font-face{font-family:PlexMono;src:url('/fonts/ibm-plex-mono-600.woff2') format('woff2');font-display:swap;font-weight:600}
body[data-theme=a34] .eyebrow,body[data-theme=a34] .feature-id,body[data-theme=a34] .brand-name small,body[data-theme=a34] .metric span,body[data-theme=a34] .hero-note{font-family:PlexMono,ui-monospace,monospace;letter-spacing:.08em}
body[data-theme=a34] .eyebrow::before{width:10px;height:10px;border-radius:50%;background:#40dcf0;box-shadow:0 0 0 4px rgba(64,220,240,.18);animation:rd-pulse 2.4s infinite}
@keyframes rd-pulse{50%{box-shadow:0 0 0 9px rgba(64,220,240,0)}}
body[data-theme=a34] .hero{background-image:linear-gradient(rgba(64,220,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(64,220,240,.06) 1px,transparent 1px);background-size:48px 48px}
body[data-theme=a34] .hero h1{text-transform:uppercase;font-size:clamp(2.6rem,5.8vw,5.6rem);letter-spacing:-.035em}
body[data-theme=a34] .hero h1 span{color:#40dcf0}
body[data-theme=a34] .hero .button--primary{background:#40dcf0;color:#03202a}
body[data-theme=a34] .feature{border-radius:4px;background:linear-gradient(var(--accent),var(--accent)) left top/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/2px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/2px 18px no-repeat,var(--feature-bg)}
body[data-theme=a34] .feature-id::before{content:"[ ";opacity:.6}body[data-theme=a34] .feature-id::after{content:" ]";opacity:.6}
body[data-theme=a34] .metrics{background:#081a24;border-color:#1e3a4a}
body[data-theme=a34] .metric strong{font-family:PlexMono,ui-monospace,monospace;color:#40dcf0}
body[data-theme=a34] .closing{border-left:6px solid #f2b134}
body[data-theme=a34] .button,body[data-theme=a34] .header-cta,body[data-theme=a34] .brand-symbol{border-radius:3px}