/* Redesign 2026-11 · Designsprache „Lehrwerkstatt“ · aevo-ueben.de */
body[data-theme=aevo]{--canvas:#f8f1e6;--ink:#2a2722;--muted:#655d52;--accent:#9a4216;--accent-text:#fff;--feature-bg:#fffaf2;--feature-border:#e6d8c4;--header-border:#e6d8c4;--content-link:#9a4216;--rd-accent2:#1f4a43;--feature-radius:10px;background-color:var(--canvas);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27%239a4216%27%20fill-opacity%3D%270.18%27%3E%3Ccircle%20cx%3D%2713%27%20cy%3D%2717%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2771%27%20cy%3D%279%27%20r%3D%27.8%27/%3E%3Ccircle%20cx%3D%27102%27%20cy%3D%2758%27%20r%3D%271.1%27/%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2783%27%20r%3D%27.9%27/%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%27104%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2756%27%20cy%3D%2746%27%20r%3D%27.7%27/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed}
body[data-theme=aevo] ::selection{background:#9a4216;color:#fff}
body[data-theme=aevo] .site-header{box-shadow:0 1px 0 rgba(0,0,0,.02),0 10px 30px -26px rgba(0,0,0,.5)}
body[data-theme=aevo] .hero-copy>*{animation:rd-rise .8s cubic-bezier(.2,.7,.2,1) both}
body[data-theme=aevo] .hero-copy>*:nth-child(2){animation-delay:.08s}body[data-theme=aevo] .hero-copy>*:nth-child(3){animation-delay:.16s}body[data-theme=aevo] .hero-copy>*:nth-child(4){animation-delay:.24s}
@keyframes rd-rise{from{opacity:.001;transform:translateY(18px)}}
body[data-theme=aevo] .hero-image img{animation:rd-zoom 14s ease-out both}
@keyframes rd-zoom{from{transform:scale(1.07)}}
body[data-theme=aevo] .feature{box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -36px rgba(0,0,0,.45)}
body[data-theme=aevo] .feature:hover{box-shadow:0 30px 60px -34px #9a421699}
body[data-theme=aevo] .button--primary{box-shadow:0 14px 30px -18px #9a4216}
body[data-theme=aevo] .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=aevo] main{box-shadow:0 30px 70px -50px rgba(0,0,0,.45);position:relative}
body.content-page[data-theme=aevo] main::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#9a4216,#1f4a43);border-radius:var(--feature-radius) var(--feature-radius) 0 0}
body.content-page[data-theme=aevo] main h2{padding-top:8px;border-top:1px solid var(--feature-border)}
body.content-page[data-theme=aevo] main h1+p{font-size:1.12em;color:var(--muted)}
@media(prefers-color-scheme:dark){body[data-theme=aevo],body.content-page[data-theme=aevo]{--canvas:#1d1915;--ink:#f5ece0;--muted:#cfc1b0;--feature-bg:#2a241e;--feature-border:#4a3f34;--header-bg:#1d1915f2;--header-border:#4a3f34;--footer-bg:#1d1915;--content-link:#f0a374;--content-button-text:#1d1915;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27%23f0a374%27%20fill-opacity%3D%270.07%27%3E%3Ccircle%20cx%3D%2713%27%20cy%3D%2717%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2771%27%20cy%3D%279%27%20r%3D%27.8%27/%3E%3Ccircle%20cx%3D%27102%27%20cy%3D%2758%27%20r%3D%271.1%27/%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2783%27%20r%3D%27.9%27/%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%27104%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2756%27%20cy%3D%2746%27%20r%3D%27.7%27/%3E%3C/g%3E%3C/svg%3E")}
body[data-theme=aevo] .overview .eyebrow,body[data-theme=aevo] .feature-id,body[data-theme=aevo] .feature-arrow,body[data-theme=aevo] .section-title em,body[data-theme=aevo] .rd-faq summary::after{color:#f0a374}
body[data-theme=aevo] .rd-faq .eyebrow{color:#f0a374}
body[data-theme=aevo] .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=aevo] *{animation:none!important}}

body[data-theme=aevo] .hero{background:#efe4d3}
body[data-theme=aevo] .hero h1{font-weight:620}
body[data-theme=aevo] .hero h1 span{color:#9a4216}
body[data-theme=aevo] .hero-image{border-radius:200px 200px 14px 14px!important;outline:2px dashed rgba(180,80,31,.45);outline-offset:10px}
body[data-theme=aevo] .feature{border:1px solid var(--feature-border);outline:1.5px dashed rgba(180,80,31,.35);outline-offset:-9px;border-radius:14px}
body[data-theme=aevo] .feature-id{display:inline-block;padding:6px 10px;border-radius:999px;background:#1f4a43;color:#fff;width:max-content}
body[data-theme=aevo] .metrics{background:#1f4a43;color:#fff;border:0}
body[data-theme=aevo] .metrics{--metrics-text:#fff;--metrics-muted:#cfe3dc;--metrics-divider:#3d6a62}
body[data-theme=aevo] .metric strong{font-family:AEVODisplay,Georgia,serif;font-style:italic}
body[data-theme=aevo] .closing{border-radius:14px;background:#9a4216;--closing-muted:#fff4ec}
body[data-theme=aevo] .hero-note{color:#5f4f3e}
body[data-theme=aevo]{--footer-muted:#575b52}
body[data-theme=aevo] .closing .button--primary{background:#fff;color:#7d3410}
body[data-theme=aevo] .brand-symbol{border-radius:50%;background:#9a4216;font-family:AEVODisplay,Georgia,serif;font-style:italic}
body[data-theme=aevo] .button,body[data-theme=aevo] .header-cta{border-radius:999px}
@media(max-width:760px){body[data-theme=aevo] .hero-image{border-radius:120px 120px 12px 12px!important}}