/* Redesign 2026-11 · Designsprache „Amtsblatt“ · vl-ueben.de */
body[data-theme=vl]{--canvas:#f6f5f1;--ink:#132a4a;--muted:#56667a;--accent:#1a4f96;--accent-text:#fff;--feature-bg:#ffffff;--feature-border:#d9dde4;--header-border:#d9dde4;--content-link:#1a4f96;--rd-accent2:#b8322a;--feature-radius:2px;background-color:var(--canvas);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2732%27%3E%3Cpath%20d%3D%27M0%2031.5h40%27%20stroke%3D%27%231a4f96%27%20stroke-opacity%3D%270.18%27/%3E%3C/svg%3E");background-attachment:fixed}
body[data-theme=vl] ::selection{background:#1a4f96;color:#fff}
body[data-theme=vl] .site-header{box-shadow:0 1px 0 rgba(0,0,0,.02),0 10px 30px -26px rgba(0,0,0,.5)}
body[data-theme=vl] .hero-copy>*{animation:rd-rise .8s cubic-bezier(.2,.7,.2,1) both}
body[data-theme=vl] .hero-copy>*:nth-child(2){animation-delay:.08s}body[data-theme=vl] .hero-copy>*:nth-child(3){animation-delay:.16s}body[data-theme=vl] .hero-copy>*:nth-child(4){animation-delay:.24s}
@keyframes rd-rise{from{opacity:.001;transform:translateY(18px)}}
body[data-theme=vl] .hero-image img{animation:rd-zoom 14s ease-out both}
@keyframes rd-zoom{from{transform:scale(1.07)}}
body[data-theme=vl] .feature{box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -36px rgba(0,0,0,.45)}
body[data-theme=vl] .feature:hover{box-shadow:0 30px 60px -34px #1a4f9699}
body[data-theme=vl] .button--primary{box-shadow:0 14px 30px -18px #1a4f96}
body[data-theme=vl] .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=vl] main{box-shadow:0 30px 70px -50px rgba(0,0,0,.45);position:relative}
body.content-page[data-theme=vl] main::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1a4f96,#b8322a);border-radius:var(--feature-radius) var(--feature-radius) 0 0}
body.content-page[data-theme=vl] main h2{padding-top:8px;border-top:1px solid var(--feature-border)}
body.content-page[data-theme=vl] main h1+p{font-size:1.12em;color:var(--muted)}
@media(prefers-color-scheme:dark){body[data-theme=vl],body.content-page[data-theme=vl]{--canvas:#0c1726;--ink:#eef2f8;--muted:#b3c0d2;--feature-bg:#14233a;--feature-border:#2c405e;--header-bg:#0c1726f2;--header-border:#2c405e;--footer-bg:#0c1726;--content-link:#8fb8f5;--content-button-text:#0c1726;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2732%27%3E%3Cpath%20d%3D%27M0%2031.5h40%27%20stroke%3D%27%238fb8f5%27%20stroke-opacity%3D%270.07%27/%3E%3C/svg%3E")}
body[data-theme=vl] .overview .eyebrow,body[data-theme=vl] .feature-id,body[data-theme=vl] .feature-arrow,body[data-theme=vl] .section-title em,body[data-theme=vl] .rd-faq summary::after{color:#8fb8f5}
body[data-theme=vl] .rd-faq .eyebrow{color:#8fb8f5}
body[data-theme=vl] .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=vl] *{animation:none!important}}

body[data-theme=vl] h1,body[data-theme=vl] h2{font-weight:650}
body[data-theme=vl] .site-header{border-top:5px solid var(--accent)}
body[data-theme=vl] .hero{background:#f6f5f1}
body[data-theme=vl] .hero-copy{background-image:linear-gradient(transparent 31px,rgba(26,79,150,.07) 32px);background-size:100% 32px}
body[data-theme=vl] .hero h1 span{color:#b8322a}
body[data-theme=vl] .hero-copy::before{content:"AMTSBLATT · AUSGABE 2026";display:inline-block;margin-bottom:22px;padding:6px 12px;border:2px solid #b8322a;color:#b8322a;font:800 11px/1 var(--body-font);letter-spacing:.22em;transform:rotate(-2deg)}
body[data-theme=vl] .hero-image{border-radius:0!important;box-shadow:14px 14px 0 #1a4f96!important;margin:56px 56px 56px 0}
body[data-theme=vl] .feature{border-radius:2px;border-left:4px solid var(--accent);padding-left:28px}
body[data-theme=vl] .feature-id{font-family:VLSerif,Georgia,serif;font-size:14px}
body[data-theme=vl] .feature-id::before{content:"§ "}
body[data-theme=vl] .metrics{background:#132a4a}
body[data-theme=vl] .metric strong{font-family:VLSerif,Georgia,serif}
body[data-theme=vl] .button,body[data-theme=vl] .header-cta,body[data-theme=vl] .brand-symbol{border-radius:2px}
body[data-theme=vl] .brand-symbol{background:#132a4a;font-family:VLSerif,Georgia,serif}
body[data-theme=vl] .closing{border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 0 0 10px #132a4a,inset 0 0 0 11px rgba(255,255,255,.2)}
@media(max-width:760px){body[data-theme=vl] .hero-image{margin:0 26px 30px!important;box-shadow:8px 8px 0 #1a4f96!important}}