/* ==========================================================================
   Unterseiten „Mix" – CI 2026 (seit 28.09.2026)
   Grundgerüst B (Navy/Creme-Bänder, ruhig, lesbar) + Elemente aus A
   (Navy-Kontur + harter Schatten, Sticker-Label). Überschriften Fraunces.
   Gilt für die Landingpage-Familie .sd-page--stadt (Webdesign-/Grafiker-/Regionsseiten),
   seit 28.09. abends auch /webdesign-nuernberg/ (.sd-page--webdesign) und /ki-beratung-nuernberg/.
   Regeln: Gelb nie als Text auf Hell · Radien einheitlich · keine Emoji-Icons.
   ========================================================================== */

body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) {
	--u-navy: var(--sd-navy, #031E36);
	--u-deep: var(--sd-navy-deep, #021526);
	--u-cream: var(--sd-cream, #FFF5E0);
	--u-yellow: var(--sd-yellow, #F5C518);
	--u-teal: var(--sd-teal, #00A896);
	--u-ink: rgba(3, 30, 54, .78);
	background-color: var(--u-navy) !important;
}

/* ── Hero: Navy mit Wasserlicht, Kicker als Sticker ── */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) :is(.sd-hero--webdesign, .sd-hero--ki) {
	background: radial-gradient(120% 90% at 85% 0%, rgba(0, 168, 150, .22) 0%, rgba(0, 168, 150, 0) 55%),
		linear-gradient(180deg, var(--u-navy) 0%, #062a45 100%) !important;
	padding: clamp(6.5rem, 12vw, 8.5rem) 0 clamp(4.5rem, 8vw, 6rem) !important;
}
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__eyebrow {
	display: inline-block; font-family: var(--sd-font-mono, monospace) !important; font-size: .74rem !important; font-weight: 600 !important;
	letter-spacing: .06em !important; color: var(--u-navy) !important; background: var(--u-yellow);
	padding: .45rem .8rem; border: 2px solid var(--u-navy); border-radius: 10px; box-shadow: 4px 4px 0 rgba(0, 0, 0, .35);
	transform: rotate(-1.5deg); margin: 0 0 1.4rem !important;
}
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title { font-size: clamp(2.3rem, 6vw, 4rem) !important; letter-spacing: -.01em; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title-accent { color: var(--u-yellow) !important; font-style: italic; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__lead { color: rgba(255, 255, 255, .82) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-wave path { fill: var(--u-navy) !important; }

/* ── Buttons ── */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-btn--primary { background: var(--u-yellow) !important; color: var(--u-navy) !important; font-weight: 800 !important;
	border: 2px solid var(--u-navy) !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, .35); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-btn--primary:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 rgba(0, 0, 0, .35); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-btn--ghost { color: #fff !important; border: 2px solid rgba(255, 255, 255, .45) !important; font-weight: 700; }

/* ── Abschnitte: linksbündig, editorial ── */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section { padding: clamp(3.5rem, 7vw, 5.5rem) 0 !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__title,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__lead { text-align: left !important; margin-left: 0 !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__title { font-size: clamp(1.8rem, 4vw, 2.6rem) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__lead { max-width: 720px !important; }

/* Navy-Abschnitte */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section:not(.sd-section--highlights) { background: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section:not(.sd-section--highlights) .sd-card {
	background: rgba(255, 255, 255, .05) !important; border: 1.5px solid rgba(255, 255, 255, .16) !important; border-radius: 16px !important; }

/* Creme-Abschnitte (= bisher „highlights") */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights { background: var(--u-cream) !important; color: var(--u-navy); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-section__title { color: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-section__lead,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights p { color: var(--u-ink) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights a:not(.sd-btn):not(.sd-card) { color: var(--u-navy) !important; text-decoration: underline; text-decoration-color: var(--u-teal); text-underline-offset: 3px; }

/* Karten auf Creme: weiß, Navy-Kontur, harter Schatten (Element aus Richtung A) */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card {
	background: #fff !important; border: 2px solid var(--u-navy) !important; border-radius: 16px !important;
	box-shadow: 6px 6px 0 var(--u-navy); transition: transform .2s, box-shadow .2s !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card:hover { transform: translate(-2px, -2px) !important; box-shadow: 8px 8px 0 var(--u-navy); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card__title { color: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card__text { color: var(--u-ink) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card__cta { color: var(--u-navy) !important; text-decoration: underline; text-decoration-color: var(--u-yellow); text-decoration-thickness: 3px; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card--feature { background: var(--u-yellow) !important; }

/* Emoji-Icons raus (wirkten austauschbar) */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-card__icon { display: none !important; }

/* FAQ auf Creme */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-faq { background: #fff !important; border: 2px solid var(--u-navy) !important; border-radius: 14px !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-faq summary { color: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-faq summary::after { color: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-faq p { color: var(--u-ink) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-faq[open] { box-shadow: 5px 5px 0 var(--u-navy); }

/* Listen/Orte auf Creme */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .gnl-orte li,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .gnl-orte li { font-family: var(--sd-font-mono, monospace); font-size: .8rem !important; }

/* ── Preis-/CTA-Box: gelbe Fläche mit Kontur ── */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box { background: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner {
	background: var(--u-yellow) !important; border: 3px solid var(--u-deep) !important; border-radius: 20px !important;
	box-shadow: 10px 10px 0 rgba(0, 0, 0, .35); text-align: left !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__title { color: var(--u-navy) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__text { color: var(--u-navy) !important; margin-left: 0 !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__text strong { font-weight: 800; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box .sd-btn--primary { background: var(--u-navy) !important; color: var(--u-cream) !important; border-color: var(--u-navy) !important; box-shadow: none; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box .sd-btn--ghost { color: var(--u-navy) !important; border-color: var(--u-navy) !important; }

@media (max-width: 600px) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-card { box-shadow: 4px 4px 0 var(--u-navy); }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner { box-shadow: 6px 6px 0 rgba(0, 0, 0, .35); }
}
@media (prefers-reduced-motion: reduce) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-card, body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-btn { transition: none !important; }
}

/* ==========================================================================
   Runde 2 (28.09.2026, Basti: „mehr Details und mehr Konturen")
   ========================================================================== */

/* Karten auf Navy: Creme-Kontur + harter Teal-Schatten */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section:not(.sd-section--highlights) .sd-card {
	border: 2px solid var(--u-cream) !important; box-shadow: 6px 6px 0 var(--u-teal); background: rgba(255, 255, 255, .04) !important;
	transition: transform .2s, box-shadow .2s !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section:not(.sd-section--highlights) .sd-card:hover { transform: translate(-2px, -2px) !important; box-shadow: 8px 8px 0 var(--u-teal); }

/* Durchnummerierte Karten: kleiner Mono-Sticker 01, 02, 03 … */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-grid { counter-reset: sdkarte; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-grid > .sd-card { position: relative; counter-increment: sdkarte; padding-top: 2.6rem !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-grid > .sd-card::before {
	content: counter(sdkarte, decimal-leading-zero); position: absolute; top: -13px; left: 18px;
	font-family: var(--sd-font-mono, monospace); font-size: .72rem; font-weight: 700; letter-spacing: .04em;
	background: var(--u-yellow); color: var(--u-navy); border: 2px solid var(--u-navy); border-radius: 8px; padding: .2rem .55rem; }

/* Überschriften-Marke: gelber Balken mit Kontur über jedem Abschnittstitel */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__title::before {
	content: ''; display: block; width: 46px; height: 10px; margin: 0 0 1rem; background: var(--u-yellow);
	border: 2px solid var(--u-cream); border-radius: 6px; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights .sd-section__title::before { border-color: var(--u-navy); }

/* Abschnittskanten: feine Navy-Linie zwischen Creme und Navy */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section--highlights { border-top: 3px solid var(--u-navy); border-bottom: 3px solid var(--u-navy); }

/* Preis-Box: Sticker „Preise" an der Ecke */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner { position: relative; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner::before {
	content: 'Festpreise · § 19 UStG'; position: absolute; top: -16px; right: 24px; transform: rotate(2deg);
	font-family: var(--sd-font-mono, monospace); font-size: .72rem; font-weight: 700; letter-spacing: .04em;
	background: var(--u-cream); color: var(--u-navy); border: 2px solid var(--u-navy); border-radius: 8px; padding: .3rem .65rem;
	box-shadow: 3px 3px 0 var(--u-navy); }

/* Faktenleiste (IHK, DSGVO …) */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-trust-grid > li {
	border: 2px solid var(--u-cream) !important; border-radius: 14px !important; box-shadow: 5px 5px 0 var(--u-yellow); background: rgba(255, 255, 255, .04) !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-trust-ico { display: none !important; }

/* Tauchgang-Hinweis: Kontur statt weicher Box */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-tg-hook__box { border: 2px solid var(--u-yellow) !important; border-radius: 18px !important; box-shadow: 8px 8px 0 var(--u-yellow); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-tg-hook__eyebrow { font-family: var(--sd-font-mono, monospace) !important; }

/* Anfrage-Formular: Rahmen + Eingabefelder mit Kontur */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form { border: 2px solid var(--u-cream) !important; border-radius: 20px !important; box-shadow: 10px 10px 0 var(--u-teal); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form input, body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form textarea, body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form select {
	border: 2px solid rgba(255, 245, 224, .55) !important; border-radius: 10px !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form input:focus, body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form textarea:focus { border-color: var(--u-yellow) !important; outline: none; box-shadow: 3px 3px 0 var(--u-yellow); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-btn { border: 2px solid var(--u-navy) !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, .35); font-weight: 800 !important; }

/* Hero: feine Kontur-Linie unten + Kreis-Ornament rechts (dezent) */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) :is(.sd-hero--webdesign, .sd-hero--ki)::after {
	content: ''; position: absolute; right: clamp(-80px, -4vw, -20px); top: 22%; width: clamp(160px, 22vw, 300px); aspect-ratio: 1;
	border: 2px dashed rgba(255, 245, 224, .35); border-radius: 50%; pointer-events: none; }

@media (max-width: 600px) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section:not(.sd-section--highlights) .sd-card { box-shadow: 4px 4px 0 var(--u-teal); }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead-form { box-shadow: 6px 6px 0 var(--u-teal); }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner::before { right: 12px; }
}

/* ==========================================================================
   Runde 3 (28.09.2026, Basti: „Handschrift passt, wenn korrekt gesetzt"; Papierkante NEIN)
   Micro-Doodles (rough.js, feste Striche) + Handschrift „Caveat" (OFL, lokal, Latin-Subset)
   Sparsam: Hero-Akzent, Hero-Button, Preis-Box. Nur Deko → aria-hidden über CSS-Pseudo-Elemente.
   ========================================================================== */
@font-face { font-family: 'SD Hand'; src: url('../fonts/caveat-subset.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }

/* Hero: handgezeichnete Unterstreichung unter dem gelben Akzent (auch bei Zeilenumbruch) */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title-accent {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20320%2024'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M5.284031153500081%2012.491810602366924%20C18.107581489066284%2011.49539205187559%2C%2053.13343762093781%206.698066956381003%2C%2078.8295868538022%206.987019886195659%20C104.52573608666658%207.275972816010316%2C%20132.8087181340655%2013.938382807592552%2C%20159.46092655068637%2014.225528181254864%20C186.11313496730725%2014.512673554917177%2C%20212.44583863335848%209.040670847117902%2C%20238.74283735352753%208.709892128169537%20C265.0398360736966%208.379113409221173%2C%20304.60779456152517%2011.773946048915386%2C%20317.24291887170074%2012.240855867564678%20M3.385518362927437%2016.318496870303154%20C17.094625514976183%2015.686366748690604%2C%2057.27232676289081%209.287838169233005%2C%2083.01042640354633%209.169725585055351%20C108.74852604420185%209.051613000877698%2C%20131.89813371301491%2016.288994276563326%2C%20157.81411620686055%2015.609821365237236%20C183.73009870070618%2014.930648453911147%2C%20212.25845732166766%205.60857422015667%2C%20238.50632136662006%205.0946881170988085%20C264.75418541157245%204.580802014040947%2C%20302.3387145159324%2010.815865239596366%2C%20315.3013004765749%2012.526504746890067'%20stroke%3D'%23FFF5E0'%20stroke-width%3D'3'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% .26em;
	padding-bottom: .2em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Hero: gekritzelte Blasen oben rechts */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner::after {
	content: ''; position: absolute; right: -70px; top: -6px; width: 64px; height: 86px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2090%20120'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M65.82401247638913%2010.484836378365229%20C67.59144261102404%2011.95699306037907%2C%2069.22575518246154%2015.92401613073301%2C%2069.56669388713371%2018.778920028855413%20C69.90763259180588%2021.633823926977815%2C%2069.1380928843702%2025.647420736955358%2C%2067.86964470442213%2027.614259767099643%20C66.60119652447406%2029.58109879724393%2C%2063.875316593120516%2030.22643879200053%2C%2061.9560048074453%2030.57995420972113%20C60.03669302177008%2030.93346962744173%2C%2058.39082293066569%2030.470210700165257%2C%2056.35377399037079%2029.73535227342324%20C54.31672505007589%2029.00049384668122%2C%2050.885048777164954%2028.215572121219363%2C%2049.7337111656759%2026.170803649269025%20C48.582373554186844%2024.126035177318688%2C%2048.92434302178394%2019.87960234725445%2C%2049.44574832143645%2017.466741441721208%20C49.967153621088954%2015.053880536187965%2C%2051.09555513104948%2013.38960282286153%2C%2052.862142963590955%2011.693638216069564%20C54.62873079613243%209.997673609277598%2C%2057.58169078051491%206.834098933685187%2C%2060.04527531668529%207.290953800969417%20C62.50885985285567%207.747808668253647%2C%2066.47552688233972%2013.47912761631219%2C%2067.64365018061325%2014.434767419774943%20C68.81177347888678%2015.390407223237695%2C%2067.20412783116075%2012.992748080790632%2C%2067.05401510632647%2013.02479262174593%20M55.88167002643837%208.706567030491971%20C57.2478156748827%207.380115562347743%2C%2059.58978765373403%206.874518942701455%2C%2061.53133377667757%207.54150863212109%20C63.47287989962111%208.208498321540725%2C%2066.42960509413406%209.983161634425903%2C%2067.53094676409962%2012.708505167009783%20C68.63228843406519%2015.433848699593662%2C%2068.05448369658494%2020.885373460745754%2C%2068.13938379647095%2023.89356982762437%20C68.22428389635697%2026.901766194502983%2C%2069.43978989653164%2029.49543772259565%2C%2068.04034736341569%2030.75768336828147%20C66.64090483029975%2032.01992901396729%2C%2061.88971631267316%2031.687888726920512%2C%2059.742728597775255%2031.46704370173929%20C57.59574088287735%2031.246198676558066%2C%2056.497675145067475%2031.014839525323808%2C%2055.15842107402828%2029.432613217194124%20C53.81916700298909%2027.85038690906444%2C%2052.76474362390889%2024.50744191427056%2C%2051.7072041715401%2021.97368585296119%20C50.649664719171305%2019.439929791651817%2C%2047.78751290423104%2016.127977766294073%2C%2048.81318435981554%2014.23007684933789%20C49.83885581540003%2012.332175932381706%2C%2056.67664339666161%2011.531350707905334%2C%2057.86123290504707%2010.58628035122409%20C59.045822413432525%209.641209994542846%2C%2055.83484778746921%208.750894013918673%2C%2055.92072141012827%208.559654709250422'%20stroke%3D'%23FFF5E0'%20stroke-width%3D'2.2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M36.19493769355756%2050.069621071206974%20C37.57076098940091%2050.38222309352686%2C%2039.37625320532324%2051.712447793661546%2C%2040.0249969410573%2053.14905815090421%20C40.67374067679137%2054.585668508146874%2C%2040.17496523773506%2056.899611569519486%2C%2040.08740010796194%2058.68928321466297%20C39.99983497818882%2060.47895485980646%2C%2040.644090579874145%2063.04412404723839%2C%2039.4996061624186%2063.88708802176512%20C38.35512174496306%2064.73005199629185%2C%2035.074167315847134%2063.856961922365414%2C%2033.22049360322866%2063.74706706182335%20C31.366819890610188%2063.63717220128129%2C%2029.086927660184553%2063.848192169506376%2C%2028.37756388670777%2063.22771885851274%20C27.668200113230984%2062.6072455475191%2C%2029.20555365293651%2061.32737789275026%2C%2028.964310962367954%2060.02422719586152%20C28.7230682717994%2058.72107649897278%2C%2026.409415945936768%2056.796694012585306%2C%2026.93010774329644%2055.408814677180274%20C27.45079954065611%2054.02093534177524%2C%2030.2776081618945%2052.40159409655521%2C%2032.08846174652598%2051.69695118343135%20C33.89931533115746%2050.9923082703075%2C%2036.344604064221116%2050.38778781206493%2C%2037.79522925108532%2051.18095719843714%20C39.24585443794952%2051.974126584809355%2C%2040.85053100356377%2055.90519954310793%2C%2040.792212867711186%2056.45596750166461%20M28.13415334629826%2052.24067115150913%20C29.74310147525787%2050.744802859320515%2C%2033.844173295236644%2049.4976320414128%2C%2035.88634339801416%2049.40235937288261%20C37.92851350079168%2049.307086704352415%2C%2039.83209405670096%2050.37988182116906%2C%2040.387173962963374%2051.669035140327985%20C40.94225386922579%2052.95818845948691%2C%2039.40011891738715%2055.27082167301456%2C%2039.21682283558866%2057.137279287836165%20C39.03352675379017%2059.00373690265777%2C%2039.88321131480797%2061.81173572723064%2C%2039.28739747217246%2062.867780829257626%20C38.69158362953694%2063.92382593128461%2C%2036.72390960006503%2063.257257786647294%2C%2035.64193977977558%2063.47354989999807%20C34.55996995948614%2063.689842013348844%2C%2034.21257731482589%2064.783395347312%2C%2032.79557855043578%2064.16553350936228%20C31.378579786045663%2063.54767167141256%2C%2028.008688860071047%2061.09310818445867%2C%2027.1399471934349%2059.76637887229977%20C26.271205526798752%2058.439649560140865%2C%2027.360728535273505%2057.34250233039318%2C%2027.583128550618895%2056.20515763640887%20C27.805528565964284%2055.06781294242456%2C%2027.782280045258027%2053.902704732727464%2C%2028.474347285507235%2052.942310708393904%20C29.166414525756444%2051.981916684060344%2C%2031.59546100146028%2050.23141183754949%2C%2031.735531992114144%2050.44279349040751'%20stroke%3D'%23FFF5E0'%20stroke-width%3D'2.2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M56.15488085344132%2075.4353602235055%20C58.99088859601651%2075.33123794224835%2C%2063.269697306384884%2077.73132699852012%2C%2065.48425408456016%2079.96453556039421%20C67.69881086273544%2082.1977441222683%2C%2068.88275541724052%2085.53700449233448%2C%2069.44222152249297%2088.83461159475004%20C70.00168762774543%2092.13221869716561%2C%2069.93617680358481%2096.7004826462581%2C%2068.84105071607488%2099.75017817488765%20C67.74592462856494%20102.7998737035172%2C%2065.40317545740237%20105.67178870845873%2C%2062.871464997433364%20107.13278476652741%20C60.33975453746436%20108.59378082459608%2C%2056.68003004551618%20109.33081829280987%2C%2053.65078795626082%20108.51615452329972%20C50.62154586700546%20107.70149075378957%2C%2046.36899934593201%20105.04671974759216%2C%2044.69601246190118%20102.24480214946652%20C43.02302557787034%2099.44288455134088%2C%2043.13466692625031%2095.41192876315255%2C%2043.61286665207582%2091.70464893454583%20C44.091066377901335%2087.99736910593911%2C%2044.75401922354704%2082.58703622248521%2C%2047.56521081685425%2080.00112317782626%20C50.376402410161454%2077.4152101331673%2C%2057.27568254506871%2075.71065395340865%2C%2060.480016211919065%2076.18917066659213%20C63.68434987876942%2076.66768737977561%2C%2066.83328982966665%2082.1537658089273%2C%2066.79121281795638%2082.87222345692714%20M66.39218375108477%2081.74356015914817%20C68.62558030479696%2083.81398651454869%2C%2069.09676732786967%2086.25942321141311%2C%2069.28279533428817%2089.25396114427524%20C69.46882334070666%2092.24849907713737%2C%2069.15459977141961%2096.38114235592299%2C%2067.50835178959575%2099.71078775632098%20C65.86210380777189%20103.04043315671898%2C%2062.46141315478165%20108.2582724475961%2C%2059.40530744334499%20109.23183354666321%20C56.34920173190832%20110.20539464573032%2C%2051.72500697429383%20106.99774366235384%2C%2049.171717520975754%20105.55215435072364%20C46.61842806765768%20104.10656503909344%2C%2044.9281664147195%20103.6705193826204%2C%2044.08557072343654%20100.558297676882%20C43.24297503215358%2097.44607597114361%2C%2043.31474216712647%2090.80619959568739%2C%2044.11614337327801%2086.87882411629329%20C44.917544579429546%2082.95144863689919%2C%2046.45605146389327%2078.67038645286962%2C%2048.893977960345765%2076.99404480051739%20C51.33190445679826%2075.31770314816515%2C%2056.043863886901605%2076.10859401023521%2C%2058.74370235199298%2076.8207742021799%20C61.443540817084354%2077.5329543941246%2C%2064.2683293566715%2080.98803140913991%2C%2065.09300875089403%2081.2671259521856%20C65.91768814511656%2081.54622049523128%2C%2063.717602810094895%2078.51415193151345%2C%2063.69177871732811%2078.49534146045404'%20stroke%3D'%23FFF5E0'%20stroke-width%3D'2.2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
	opacity: .85; pointer-events: none; }

/* Hero-Button: Handschrift-Notiz + Pfeil */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary { position: relative; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::after {
	content: 'dauert 2 Minuten'; position: absolute; left: 58px; top: calc(100% + 22px); transform: rotate(-4deg); transform-origin: left top;
	font-family: 'SD Hand', cursive; font-weight: 700; font-size: 1.55rem; line-height: 1; color: var(--u-yellow); white-space: nowrap; pointer-events: none; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::before {
	content: ''; position: absolute; left: 18px; top: calc(100% + 2px); width: 40px; height: 30px; transform: scaleY(-1) rotate(-8deg); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2080%2060'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M72.77207269150018%203.888891405522823%20C69.23680125226576%205.465248121043047%2C%2057.78068778218825%2011.494600676000118%2C%2050.67703599220514%2015.86037973445654%20C43.57338420222203%2020.226158792912962%2C%2036.949231201708315%2024.6673376621604%2C%2030.150161951601504%2030.08356575626135%20C23.351092701494693%2035.4997938503623%2C%2013.461623477836449%2044.86423197660844%2C%209.882620491564273%2048.35774829906225%20M76.01583672585487%207.392193740606308%20C73.35245102995236%208.379666830714543%2C%2062.633186859114964%208.915943005132675%2C%2054.77605280709267%2013.094651170110703%20C46.91891875507037%2017.27335933508873%2C%2036.292800759363175%2026.407855219793323%2C%2028.873032413721084%2032.464442730474474%20C21.453264068078994%2038.52103024115563%2C%2013.095047976668676%2046.12861510698001%2C%2010.257442733240127%2049.434176234197615'%20stroke%3D'%23F5C518'%20stroke-width%3D'2.6'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M11.243279142810088%2052.47911512150213%20C9.446201490329038%2045.36509793390747%2C%2012.855618628238929%2043.00077883685136%2C%2011.49469900200672%2033.64979557547668%20M9.725694989673382%2048.720349291828036%20C11.821850432908999%2042.59447258968764%2C%2011.368920772015398%2038.00995559142455%2C%2012.517251869076055%2030.583776864674658'%20stroke%3D'%23F5C518'%20stroke-width%3D'2.6'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M9.587612008033867%2050.97792748406241%20C15.202893212510387%2047.4520477363898%2C%2015.669257557756865%2049.891697738860444%2C%2029.242613404885045%2047.32051218373279%20M10.2347299716708%2050.55257768369677%20C16.99635801327894%2048.28140403924961%2C%2025.246992409735473%2048.7618486259105%2C%2029.12523146099881%2049.12336451420022'%20stroke%3D'%23F5C518'%20stroke-width%3D'2.6'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; pointer-events: none; }

/* Preis-Box: Kringel um den ersten Preis, Stern, Notiz „fair, versprochen!" */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__text strong:first-of-type {
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20150%2070'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M83.28793844174147%203.105486957627285%20C93.0441857648094%203.254232201848463%2C%20104.57652002620026%206.95420670697521%2C%20112.7837187727248%209.943937441755882%20C120.99091751924934%2012.933668176536553%2C%20128.6483757860877%2016.0651628384644%2C%20132.53113092088876%2021.04387136631131%20C136.4138860556898%2026.022579894158223%2C%20137.39459145488615%2034.55091827472628%2C%20136.08024958153106%2039.81618860883735%20C134.76590770817597%2045.08145894294842%2C%20131.05124632956534%2048.61497447861888%2C%20124.64507968075826%2052.63549337097774%20C118.23891303195117%2056.6560122633366%2C%20107.56360995480742%2061.68690597997879%2C%2097.64324968868851%2063.93930196299049%20C87.72288942256961%2066.1916979460022%2C%2075.37734318775084%2066.51882335139058%2C%2065.12291808404478%2066.14986926904794%20C54.86849298033873%2065.7809151867053%2C%2044.13333157719602%2064.59254083277604%2C%2036.11669906645218%2061.72557746893462%20C28.100066555708338%2058.8586141050932%2C%2021.002115545616252%2054.201909843432006%2C%2017.02312301958176%2048.94808908599945%20C13.044130493547266%2043.69426832856689%2C%2011.17083636568462%2035.415408496764016%2C%2012.242743910245217%2030.20265292433927%20C13.314651454805814%2024.98989735191452%2C%2016.80834027754064%2021.490137136554658%2C%2023.45456828694534%2017.671555651450973%20C30.100796296350037%2013.852974166347286%2C%2041.39828104689814%209.310072323759705%2C%2052.120111966673406%207.29116401371715%20C62.84194288644867%205.272255703674595%2C%2081.74943300144598%205.773970698937979%2C%2087.78555380559693%205.558105791195647%20C93.82167460974789%205.342240883453315%2C%2088.88233715010809%205.691953715287282%2C%2088.33683679157915%205.995974567263158%20M30.17848462021241%2015.205245530301795%20C37.10808218998386%2010.914756547878106%2C%2047.94231643396441%204.865535841280931%2C%2057.910062304437304%202.72512619036754%20C67.8778081749102%200.5847165394541491%2C%2079.53494392247597%201.3695273148042086%2C%2089.98495984304977%202.3627876248214505%20C100.43497576362356%203.3560479348386925%2C%20113.11654439773838%204.383158892179913%2C%20120.61015782788004%208.684688050470992%20C128.1037712580217%2012.98621720876207%2C%20132.2331520728536%2022.44370734526826%2C%20134.9466404238997%2028.171962574567925%20C137.6601287749458%2033.90021780386759%2C%20138.96935184510843%2038.692498945600086%2C%20136.89108793415656%2043.054219426269%20C134.81282402320468%2047.415939906937915%2C%20129.78252126757818%2050.652660416220165%2C%20122.4770569581885%2054.342285458581415%20C115.17159264879884%2058.031910500942665%2C%20103.82950828104272%2063.035282266275615%2C%2093.05830207781855%2065.1919696804365%20C82.28709587459439%2067.34865709459739%2C%2067.95592593983092%2067.90959609978303%2C%2057.8498197388435%2067.28240994354672%20C47.74371353785609%2066.65522378731042%2C%2039.599801142416396%2065.48240991656569%2C%2032.421664871894066%2061.42885274301868%20C25.24352860137174%2057.375295569471675%2C%2017.638814885658025%2048.62334696917747%2C%2014.781002115709533%2042.9610669022647%20C11.923189345761042%2037.298786835351926%2C%2013.15946076348006%2031.920930229251574%2C%2015.274788252203116%2027.455172341542056%20C17.39011574092617%2022.989414453832538%2C%2025.540668761599285%2018.836066058909324%2C%2027.472967048047863%2016.166519576007598%20C29.40526533449644%2013.496973093105872%2C%2025.58349039043434%2011.311532769071267%2C%2026.868577970894577%2011.437893444131703'%20stroke%3D'%23031E36'%20stroke-width%3D'2.8'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat; padding: .2em .5em; margin: 0 -.15em; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__title::after {
	content: 'fair, versprochen!'; position: absolute; right: 64px; bottom: -34px; transform: rotate(-5deg);
	font-family: 'SD Hand', cursive; font-weight: 700; font-size: 1.9rem; line-height: 1; color: var(--u-yellow); text-shadow: 0 2px 0 var(--u-deep); white-space: nowrap; pointer-events: none; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner::after {
	content: ''; position: absolute; right: 20px; bottom: -26px; width: 38px; height: 38px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2050%2050'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M23.898584765378633%202.3786911004172726%20C24.75743252125516%205.56061849890208%2C%2028.7306091753103%2010.33817976782106%2C%2030.305467647461878%2018.11083392895634%20M24.230626124899366%204.096690493419958%20C26.890392476684376%206.3466939299776195%2C%2027.928443130815044%2011.309692509507824%2C%2031.264503251526296%2019.118542855853818%20M29.723753339746445%2018.350416005902105%20C37.41382309233585%2016.54980745642382%2C%2042.94802111201662%2019.80046935650177%2C%2048.29847482047832%2019.457143242740482%20M31.262637672414055%2017.01217381568323%20C34.18958393793018%2019.228525998899357%2C%2037.41204251363404%2017.36105233456688%2C%2047.874600104510556%2019.566854456982448%20M45.90422278018366%2018.014554079715346%20C41.705415657186165%2021.701291579661667%2C%2039.50339886003205%2026.377894579494733%2C%2033.07460455282978%2028.28561201995506%20M46.10713181442999%2019.140378134692785%20C44.82244281495804%2022.397328462197645%2C%2042.37022668581318%2023.03876543308722%2C%2034.652031718187374%2028.626862945839513%20M31.810130010037682%2029.65183427617939%20C35.26523951587617%2037.064075117173275%2C%2038.436553280120634%2040.396563861944784%2C%2039.37398324148934%2043.94545089338512%20M35.32720798709173%2030.314323442573496%20C35.551462567928425%2033.146804394187484%2C%2038.18424343648771%2038.33792260093041%2C%2039.09974733807477%2046.72189076015046%20M36.594446955589845%2043.800005882818006%20C35.3421221182264%2046.309715808852566%2C%2031.21786163040368%2038.91086098235282%2C%2027.38865544324991%2037.34813780522618%20M38.84827214248957%2046.99660150629095%20C34.11396320993984%2043.031893679829246%2C%2029.62799690852272%2038.89227957428774%2C%2024.056059551757517%2037.223469401233146%20M24.027641667975217%2033.57761181623876%20C20.089252583449138%2037.730932567428695%2C%2015.298627875244255%2043.66173553663387%2C%2011.274254680799064%2043.84864581961685%20M26.04069833093139%2036.72231694565337%20C20.396024342608186%2040.65650817527211%2C%2013.179343203995918%2042.73935965999494%2C%2010.621928102260748%2046.78471078619245%20M11.69536607438401%2048.83266518701968%20C12.318937552268238%2037.6932307049434%2C%2015.032622829889036%2035.17945388579649%2C%2015.47699712686393%2027.813428599753077%20M10.923842629083225%2047.071317313213974%20C12.169484611257664%2040.10636999259159%2C%2013.740445878117722%2037.03236650265443%2C%2015.261972260784125%2028.041763174530534%20M15.66013773542551%2029.976483810865446%20C10.693530091855324%2023.935917004311136%2C%205.776668303337164%2019.628857849117452%2C%200.7767958252975458%2016.546303360063202%20M17.049592394186448%2028.53938031750325%20C13.359219005482958%2026.495456172237347%2C%2010.804621497817772%2024.02794149979228%2C%202.3760770678321324%2019.503472703215138%20M3.9509674802828405%2019.998453291469385%20C8.456114018720918%2016.410431795429393%2C%2012.188264939755806%2016.09745477456688%2C%2021.063463951161417%2019.577626458584305%20M2.5886275273834842%2019.831645247491%20C6.709839724161743%2018.419739156870556%2C%2012.125374639688498%2016.97276660016714%2C%2019.865577597668334%2019.0905982151351%20M21.326391773003195%2017.76933168458984%20C21.771708861825143%2012.595343721040326%2C%2021.907989924176903%206.86077165578699%2C%2026.09978151118013%202.306217890412565%20M17.788415000738677%2019.05518524478941%20C20.703507954040823%2014.56175454377997%2C%2021.709566039958617%208.937869988995484%2C%2024.618651203154407%201.8363514366336133'%20stroke%3D'%23F5C518'%20stroke-width%3D'2.4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; pointer-events: none; }

@media (max-width: 900px) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner::after { right: 0; top: -44px; width: 44px; height: 60px; }
}
@media (max-width: 600px) {
	/* Handy: Notiz über dem Button statt daneben, Pfeil zeigt nach unten auf den Button */
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::after { left: 8px; top: auto; bottom: calc(100% + 8px); font-size: 1.4rem; transform: rotate(-4deg); }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::before { display: none; }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner::after { display: none; }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__title::after { right: 50px; bottom: -32px; font-size: 1.6rem; }
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner::after { right: 12px; bottom: -22px; width: 30px; height: 30px; }
}

/* Runde 3b (28.09.2026, Basti: „Weniger Doodles"): nur Unterstreichung im Hero + Handschrift-Notizen bleiben */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner::after,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::before,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__inner::after { display: none !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box__text strong:first-of-type { background: none !important; padding: 0 !important; margin: 0 !important; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__inner .sd-btn--primary::after { left: 14px; }
/* Runde 3c (28.09.2026, Basti: „Ohne die Unterstreichung"): keine Doodles mehr, nur Handschrift-Notizen */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title-accent { background: none !important; padding-bottom: 0 !important; }

/* ==========================================================================
   Runde 4 (28.09.2026, Team-Review Noor/Saanvi, Basti: „Ja")
   Ein Schatten-System: auf Navy teal, auf Creme navy, Gelb nur für die Preis-Box.
   ========================================================================== */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-trust-grid > li { box-shadow: 5px 5px 0 var(--u-teal); }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-tg-hook__box { border-color: var(--u-cream) !important; box-shadow: 8px 8px 0 var(--u-teal); }
@media (max-width: 600px) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-tg-hook__box { box-shadow: 5px 5px 0 var(--u-teal); }
	/* Kreis-Ornament kreuzt auf dem Handy die Überschrift */
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) :is(.sd-hero--webdesign, .sd-hero--ki)::after { display: none; }
}
/* Überschriften: ausgeglichene Zeilen (kein einzelnes Wort allein), engerer Zeilenabstand */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__title { text-wrap: balance; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-section__title { line-height: 1.15 !important; }

/* Footer (ganze Website): Tauchgang-Leiste flach im CI-Gelb statt Orange-Verlauf, Adresszeile lesbar (WCAG 1.4.3) */
body.sd-ci .sf-tg-bar { background: var(--sd-yellow, #F5C518) !important; }
body.sd-ci .sf-legal { color: rgba(255, 255, 255, .62) !important; }
/* Hero-Akzent als eigener Block, damit „balance“ greift (kein „Ort“ allein); Formular-Titel wie Abschnittstitel */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-hero__title-accent { display: block; text-wrap: balance; }
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead__title { text-wrap: balance; line-height: 1.15 !important; }

/* ==========================================================================
   Runde 5 (28.09.2026, Basti: „passende Hintergrundbilder, dezent und leicht")
   Zwei CC0-Fotos (StockSnap, keine Namensnennung nötig) als Navy-Duoton, je ~15–25 KB:
   bg-skizze.webp (stocksnap.io/photo/notebook-notepad-CBOLBKWDV5) im Hero,
   bg-schreibtisch.webp (Laptop + Kaffee, StockSnap) hinter dem Anfrage-Formular.
   Text bleibt auf fast vollem Navy, das Bild schimmert nur auf der rechten Seite durch.
   ========================================================================== */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) :is(.sd-hero--webdesign, .sd-hero--ki) {
	background:
		radial-gradient(120% 90% at 85% 0%, rgba(0, 168, 150, .2) 0%, rgba(0, 168, 150, 0) 55%),
		linear-gradient(90deg, var(--u-navy) 0%, rgba(3, 30, 54, .96) 38%, rgba(3, 30, 54, .72) 100%),
		url('../images/bg-skizze.webp') right center / cover no-repeat,
		var(--u-navy) !important;
}
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-lead {
	background:
		linear-gradient(180deg, var(--u-navy) 0%, rgba(3, 30, 54, .86) 30%, rgba(3, 30, 54, .9) 100%),
		url('../images/bg-schreibtisch.webp') center / cover no-repeat,
		var(--u-navy) !important;
}
@media (max-width: 600px) {
	body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) :is(.sd-hero--webdesign, .sd-hero--ki) {
		background:
			linear-gradient(180deg, rgba(3, 30, 54, .8) 0%, rgba(3, 30, 54, .93) 55%, var(--u-navy) 100%),
			url('../images/bg-skizze.webp') center top / cover no-repeat,
			var(--u-navy) !important;
	}
}

/* ==========================================================================
   Etappe 2a (28.09.2026, Basti: „auch für Startseite und alle Unterseiten")
   /webdesign-nuernberg/: Servicegebiet-Kacheln + Projektkarten im Kontur-Stil; /ki-beratung-nuernberg/: eigenes Hero-Bild
   ========================================================================== */
body.sd-ci .sd-page--webdesign .sd-geo-item {
	border: 2px solid var(--u-cream) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .04) !important;
	box-shadow: 4px 4px 0 var(--u-teal); transition: transform .2s, box-shadow .2s !important; }
body.sd-ci .sd-page--webdesign a.sd-geo-item:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--u-teal); }
body.sd-ci .sd-page--webdesign .sd-geo-icon { display: none !important; }
body.sd-ci .sd-page--webdesign .sd-project-card {
	border: 2px solid var(--u-cream) !important; border-radius: 18px !important; box-shadow: 6px 6px 0 var(--u-teal); overflow: hidden; }
body.sd-ci .sd-page--webdesign .sd-project-card--placeholder { border-style: dashed !important; box-shadow: none; }
body.sd-ci .sd-page--ki-beratung .sd-hero--ki {
	background:
		radial-gradient(120% 90% at 85% 0%, rgba(0, 168, 150, .2) 0%, rgba(0, 168, 150, 0) 55%),
		linear-gradient(90deg, var(--u-navy) 0%, rgba(3, 30, 54, .96) 38%, rgba(3, 30, 54, .72) 100%),
		url('../images/bg-schreibtisch.webp') right center / cover no-repeat,
		var(--u-navy) !important;
}
@media (max-width: 600px) {
	body.sd-ci .sd-page--ki-beratung .sd-hero--ki {
		background: linear-gradient(180deg, rgba(3, 30, 54, .8) 0%, rgba(3, 30, 54, .93) 55%, var(--u-navy) 100%),
			url('../images/bg-schreibtisch.webp') center top / cover no-repeat, var(--u-navy) !important; }
}

/* Preis-Sticker + „fair, versprochen!“ nur an echten Preis-Boxen, nicht an Kontakt-Boxen */
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box:not([aria-label="Preise"]) .sd-cta-box__inner::before,
body.sd-ci :is(.sd-page--stadt, .sd-page--webdesign, .sd-page--ki-beratung) .sd-cta-box:not([aria-label="Preise"]) .sd-cta-box__title::after { content: none !important; display: none !important; }