/* Sunfield Marken-Schicht 1.0.0 (B-1) – erzeugt aus sunfield-kern/marke/tokens.json, nicht von Hand aendern.
   Handbuch: sunfield-wissen/marke.md. Keine externen Aufrufe, keine Bibliotheken, CSP-tauglich. */
:root{--sfm-sonne:#e0b45f;--sfm-sonne-hell:#f4dfae;--sfm-sonne-text:#6b4e1c;--sfm-fokus:#8a6420;--sfm-tief:#17211f;--sfm-tinte:#1c1f22;--sfm-leise:#4f5866;--sfm-linie:#dcd8cf;--sfm-papier:#f7f5f0;--sfm-creme:#fffdf8;--sfm-weiss:#ffffff;--sfm-erfolg:#1f6b45;--sfm-warnung:#8a5a00;--sfm-fehler:#a3261d;--sfm-marke:var(--brand-dark,var(--deep,var(--marke,var(--haupt,var(--tinte,var(--akz,var(--navy,var(--c,var(--ink,#17211f)))))))));--sfm-marke-hell:var(--brand-light,var(--light,var(--hell,var(--sonne-hell,#f4dfae))));--sfm-schrift-titel:"Studio Display","Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sfm-schrift-text:"Studio Text","DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sfm-gr-klein:14px;--sfm-gr-text:16px;--sfm-gr-gross:18px;--sfm-gr-h4:20px;--sfm-gr-h3:24px;--sfm-gr-h2:30px;--sfm-gr-h1:40px;--sfm-gr-held:52px;--sfm-ab-1:4px;--sfm-ab-2:8px;--sfm-ab-3:12px;--sfm-ab-4:16px;--sfm-ab-5:24px;--sfm-ab-6:32px;--sfm-ab-7:48px;--sfm-ab-8:64px;--sfm-ab-9:96px;--sfm-rad-klein:8px;--sfm-rad-knopf:12px;--sfm-rad-karte:16px;--sfm-rad-gross:24px;--sfm-rad-pille:999px;--sfm-schatten-leicht:0 1px 2px rgba(23,33,31,.06),0 2px 8px rgba(23,33,31,.06);--sfm-schatten-karte:0 2px 6px rgba(23,33,31,.06),0 12px 32px rgba(23,33,31,.08);--sfm-ease:cubic-bezier(.22,.8,.24,1)}

/* 1 Grundlage: lesbar, ruhig, tastaturfreundlich (greift nur, wo die Seite nichts Eigenes hat) */
:where(h1,h2,h3){text-wrap:balance}
:where(p,li,dd){text-wrap:pretty}
:where(small){font-size:max(14px,.875em)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--sfm-fokus);outline-offset:3px}
::selection{background:var(--sfm-sonne-hell);color:var(--sfm-tinte)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2 Knoepfe (fuer neue Seiten/Shops: class="sf-knopf", Zweitknopf: "sf-knopf sf-knopf--zwei") */
.sf-knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:12px 22px;border-radius:var(--sfm-rad-knopf);
background:var(--sfm-marke);color:var(--sfm-weiss);font:700 1rem/1.2 var(--sfm-schrift-text);text-decoration:none;border:2px solid var(--sfm-marke);cursor:pointer;
transition:transform 160ms var(--sfm-ease),box-shadow 160ms var(--sfm-ease)}
.sf-knopf:hover{transform:translateY(-1px);box-shadow:var(--sfm-schatten-leicht)}
.sf-knopf--zwei{background:transparent;color:var(--sfm-marke)}
.sf-knopf--breit{width:100%}
.sf-knopf__preis{font-weight:800;white-space:nowrap}

/* 3 Karten, Preis, Hinweis */
.sf-karte{background:var(--sfm-weiss);border:1px solid var(--sfm-linie);border-radius:var(--sfm-rad-karte);padding:var(--sfm-ab-5);box-shadow:var(--sfm-schatten-leicht)}
.sf-preis{font:800 var(--sfm-gr-h3)/1.1 var(--sfm-schrift-titel);color:var(--sfm-tinte)}
.sf-preis small{display:block;font:400 var(--sfm-gr-klein)/1.4 var(--sfm-schrift-text);color:var(--sfm-leise)}
.sf-hinweis{border-left:4px solid var(--sfm-sonne);background:var(--sfm-creme);padding:var(--sfm-ab-3) var(--sfm-ab-4);border-radius:var(--sfm-rad-klein);color:var(--sfm-tinte);font-size:var(--sfm-gr-klein)}

/* 4 Vertrauens-Leiste (nur wahre Angaben, siehe Handbuch) */
.sf-vertrauen{display:flex;flex-wrap:wrap;gap:var(--sfm-ab-2) var(--sfm-ab-5);list-style:none;margin:var(--sfm-ab-4) 0;padding:0;font-size:var(--sfm-gr-klein);color:var(--sfm-leise)}
.sf-vertrauen li{display:flex;align-items:center;gap:.4em}
.sf-vertrauen li::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--sfm-sonne);flex:none}

/* 5 Absender im Fuss: "Ein Angebot von Sunfield" */
.sf-absender{display:inline-flex;align-items:center;gap:.5em;font:600 var(--sfm-gr-klein)/1.4 var(--sfm-schrift-text);color:inherit;opacity:.92}
.sf-absender::before{content:"";width:1em;height:1em;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--sfm-sonne) 0 45%,transparent 47%),conic-gradient(from 0deg,var(--sfm-sonne) 0 6%,transparent 6% 12.5%,var(--sfm-sonne) 12.5% 18.5%,transparent 18.5% 25%,var(--sfm-sonne) 25% 31%,transparent 31% 37.5%,var(--sfm-sonne) 37.5% 43.5%,transparent 43.5% 50%,var(--sfm-sonne) 50% 56%,transparent 56% 62.5%,var(--sfm-sonne) 62.5% 68.5%,transparent 68.5% 75%,var(--sfm-sonne) 75% 81%,transparent 81% 87.5%,var(--sfm-sonne) 87.5% 93.5%,transparent 93.5%);flex:none}

/* 6 Plakette (nur echte Aussagen: "Unsere Empfehlung", "Neu", "Einfuehrungspreis") */
.sf-plakette{display:inline-block;padding:.25em .7em;border-radius:var(--sfm-rad-pille);background:var(--sfm-tief);color:var(--sfm-sonne-hell);font:700 var(--sfm-gr-klein)/1.3 var(--sfm-schrift-text);letter-spacing:.02em}
