/* Warm copper on fresh light surfaces; the existing hero product stays intact. */
:root{--df-ink:#40291c;--df-text:#5e5149;--df-accent:#b45309;--df-line:#e6e0d9;--df-soft-line:#f0ece6;--df-pale:#fffbf6;--df-shadow:0 3px 8px #472b1605,0 12px 28px #472b160b}
body{background:#fffcf8}
body .hero{background:radial-gradient(ellipse at 0 40%,#fff6eb 0,transparent 52%),#fffdfb}
body .section--alt{background:#f9f7f3}
body :is(.btn,.cookie-btn){border-radius:8px}
body .btn{max-width:100%;white-space:normal;text-align:center}
body .hero__inner>div{min-width:0}
body .breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}
body :is(.legal-content,.article-content) :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
body .btn--primary{background:linear-gradient(135deg,#bd5a0d,#a54808);box-shadow:0 2px 5px #7d38090b,0 7px 15px #a548081c}
body .btn--primary:hover{background:linear-gradient(135deg,#af5009,#923d06)}
body .btn--outline{border-color:#d9c7b6}
body .btn--ghost{border-color:transparent}
body :is(.example-card,.branche-tile,.preview-card,.tip-box,.price-one){border:1px solid var(--df-line);border-radius:14px;box-shadow:var(--df-shadow)}
body :is(.example-card,.branche-tile,.preview-card,.price-one){background:linear-gradient(150deg,#fff,#fffefc)}
body :is(.branche-tile,.example-card):hover{border-color:#c6a27e}
body .tip-box{background:#fffaf2}
body :is(.branch__quote,.ansage-item__example,.example-card__text){font-style:normal}
body .board{border-color:var(--df-line);border-radius:14px;box-shadow:var(--df-shadow)}
body .board__row{border-color:var(--df-soft-line)}
body .board__row:hover{background:#fffcf7}
body .board__toggle{border-radius:8px}
body .pbx-grid__cell{border-color:var(--df-line)}
body :is(.legal-content,.article-content) :is(p,li,a){overflow-wrap:anywhere}
body .compare-table :is(th,td){overflow-wrap:anywhere;hyphens:auto}
body :is(a,button,input,textarea,select):focus-visible{outline:3px solid #b45309;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body :is(.btn,.example-card,.branche-tile){transition:none}}

/* Approved FAQ rhythm, expressed once per site using its existing brand tokens. */
body .df-faq{box-sizing:border-box;width:100%;max-width:60rem;margin:0;border:1px solid var(--df-line);border-radius:14px;background:var(--df-white,#fff);box-shadow:var(--df-shadow);overflow:hidden;color:var(--df-text)}
body .df-faq-host:is(.faq-card,.accordion,.faq__col,.faq__group){background:none;border:0;box-shadow:none;padding:0;border-radius:0}
body .df-row{padding:0;margin:0;border:0;border-bottom:1px solid var(--df-soft-line);background:transparent}
body .df-row:last-child{border-bottom:0}
body .df-q{box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:63px;padding:19.2px 27.2px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--df-ink);font-family:inherit;font-size:1.02rem;font-weight:500;line-height:1.4;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer;transition:background .2s}
body .df-q::before,body .df-q::after{content:none}
body .df-q .df-label{font:inherit;color:inherit;min-width:0}
body .df-q:hover,body .df-open{background:var(--df-pale)}
body .df-q:focus-visible{outline:3px solid var(--df-accent);outline-offset:-3px}
body .df-sign{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:25px;height:25px;padding:0;margin:0;border:1px solid var(--df-accent);border-radius:50%;color:var(--df-accent);background:none;font-size:17px;font-weight:400;line-height:1;transition:transform .2s,background .2s,color .2s}
body .df-open .df-sign{transform:rotate(45deg);background:var(--df-accent);color:#fff}
body .df-a{box-sizing:border-box;max-width:74ch;padding:0 27.2px 22.4px;margin:0;color:var(--df-text);font:inherit;font-size:.97rem;font-weight:var(--df-weight,400);line-height:1.72;letter-spacing:normal}
body .df-a[hidden]{display:none}
body .df-a-inner{margin:0;padding:0;font:inherit;color:inherit}
body .df-a-inner :is(p,li){font:inherit;color:inherit;max-width:none;letter-spacing:normal}
body .df-a-inner p{margin:0 0 .8rem;padding:0}
body .df-a-inner p:last-child{margin-bottom:0}
body .df-a-inner a{color:var(--df-ink);text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){body .df-faq :is(.df-q,.df-sign){transition:none}}

/* 13.09.2026: Luft zu Trennlinien und Innenabstand der gerahmten Bereiche. */
body .build-grid + .compat-note { margin-top: 28px; }
body .board { padding-inline: clamp(16px, 2.5vw, 32px); }
body .price-one { padding: clamp(24px, 3vw, 40px); }
body .price-one > * { min-width: 0; }
body .price-one + .pricing__vat { margin-top: 16px; }