@font-face {
	font-family: 'Gloock';
	font-weight: 400;
	font-style: normal;
	src: url('../fonts/gloock-display.woff2') format('woff2');
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Gloock Fallback';
	src: local('Georgia');
	ascent-override: 95.6%;
	size-adjust: 102.5%;
	descent-override: 22.4%;
}
@font-face {
	font-family: 'Hanken Grotesk';
	font-weight: 300 700;
	font-style: normal;
	src: url('../fonts/hanken-text.woff2') format('woff2');
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Hanken Grotesk Fallback';
	src: local('Arial');
	ascent-override: 99.9%;
	size-adjust: 100.1%;
	descent-override: 30.0%;
}

/* Cromeridge — pieces.css — swiss-minimal, bands light/dark */

:root {
	--color-schaufenster-hell: rgb(248, 249, 251);
	--color-schaufenster-tint: rgb(236, 238, 242);
	--color-rahmen-linie: rgb(214, 218, 225);
	--color-text-grau: rgb(108, 114, 124);
	--color-text-tief: rgb(22, 25, 30);
	--color-band-dunkel: rgb(24, 28, 34);
	--color-text-hell: rgb(236, 238, 242);
	--color-hemdenblau: rgb(86, 112, 143);
	--color-hemdenblau-hell: rgb(160, 182, 208);
	--color-kobalt: rgb(45, 91, 227);
	--color-weiss: rgb(255, 255, 255);
	--garn-farbe: rgb(236, 238, 242);

	--space-winzig: 0.5rem;
	--space-klein: 1rem;
	--space-mittel: 1.75rem;
	--space-gross: 3rem;
	--space-riesig: 5.5rem;

	--ecke-weich: 18px;
	--ecke-klein: 12px;
	--breite-inhalt: 1200px;

	--schrift-display: 'Gloock', 'Gloock Fallback', Georgia, serif;
	--schrift-text: 'Hanken Grotesk', 'Hanken Grotesk Fallback', Arial, sans-serif;

	--schatten-doppelt: 0 1px 2px rgba(22, 25, 30, 0.06), 0 18px 40px rgba(22, 25, 30, 0.10);
	--schatten-tief: 0 2px 4px rgba(22, 25, 30, 0.10), 0 28px 60px rgba(22, 25, 30, 0.18);
}

/* reset */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--schrift-text);
	font-size: 17px;
	line-height: 1.65;
	color: var(--color-text-tief);
	background: var(--color-weiss);
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
a { color: var(--color-hemdenblau); }
h1, h2, h3, p, ul, ol, figure, dl, table { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; }

/* layout */
.inhalt {
	width: 100%;
	max-width: var(--breite-inhalt);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--space-mittel);
	padding-right: var(--space-mittel);
}
.band-hell { background: var(--color-schaufenster-hell); }
.band-tint { background: var(--color-schaufenster-tint); }
.band-dunkel {
	background: var(--color-band-dunkel);
	color: var(--color-text-hell);
}
.band-dunkel a { color: var(--color-hemdenblau-hell); }

.abschnitt {
	padding-top: var(--space-riesig);
	padding-bottom: var(--space-riesig);
	border-top: 1px solid var(--color-rahmen-linie);
}
.abschnitt-dicht {
	padding-top: var(--space-gross);
	padding-bottom: var(--space-gross);
}
.band-dunkel.abschnitt { border-top-color: rgba(236, 238, 242, 0.14); }

.augenbraue {
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-hemdenblau);
	padding-bottom: var(--space-winzig);
	border-bottom: 1px solid var(--color-rahmen-linie);
	margin-bottom: var(--space-mittel);
}
.band-dunkel .augenbraue {
	color: var(--color-hemdenblau-hell);
	border-bottom-color: rgba(236, 238, 242, 0.2);
}

/* typography */
h1, h2, h3 {
	font-family: var(--schrift-text);
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: normal;
}
.titel-riesig {
	font-family: var(--schrift-display);
	font-weight: 400;
	font-size: clamp(2.8rem, 8vw, 6.5rem);
	line-height: 1.02;
	hyphens: auto;
	overflow-wrap: break-word;
}
@media (max-width: 520px) {
	.titel-riesig { font-size: min(11vw, 2.8rem); }
	.titel-gross { font-size: min(8.4vw, 2rem); }
}
.titel-gross {
	font-family: var(--schrift-display);
	font-weight: 400;
	font-size: clamp(2rem, 4.5vw, 3.2rem);
	line-height: 1.08;
	hyphens: auto;
	overflow-wrap: break-word;
}
h2.abschnitt-titel {
	font-size: clamp(1.6rem, 3.2vw, 2.4rem);
	margin-bottom: var(--space-mittel);
}
h3 { font-size: 1.2rem; font-weight: 400; }
.fuehrung {
	font-size: clamp(1.05rem, 1.6vw, 1.3rem);
	color: var(--color-text-grau);
	max-width: 52ch;
}
p, li, .fuehrung, .held-unterzeile { text-wrap: pretty; }
.band-dunkel .fuehrung { color: var(--color-hemdenblau-hell); }

/* buttons: ghost border; CTA cobalt filled */
.knopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.7rem 1.6rem;
	border-radius: var(--ecke-klein);
	border: 1px solid var(--color-text-tief);
	background: transparent;
	color: var(--color-text-tief);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.18s ease, color 0.18s ease;
}
.knopf:hover { background: var(--color-text-tief); color: var(--color-weiss); }
.band-dunkel .knopf { border-color: var(--color-text-hell); color: var(--color-text-hell); }
.band-dunkel .knopf:hover { background: var(--color-text-hell); color: var(--color-band-dunkel); }
.knopf-signal {
	border-color: var(--color-kobalt);
	background: var(--color-kobalt);
	color: var(--color-weiss);
}
.knopf-signal:hover { background: rgb(33, 73, 198); border-color: rgb(33, 73, 198); color: var(--color-weiss); }
.pfeil-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 44px;
	color: var(--color-hemdenblau);
	text-decoration: none;
	font-weight: 500;
}
.pfeil-link:hover { text-decoration: underline; }
.band-dunkel .pfeil-link { color: var(--color-hemdenblau-hell); }

.cta-paar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-klein);
	align-items: center;
}

/* header */
.kopf {
	position: sticky;
	top: 0;
	z-index: 300;
	background: var(--color-weiss);
	border-bottom: 1px solid var(--color-rahmen-linie);
}
.kopf-reihe {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 68px;
}
.marke {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-height: 44px;
	font-family: var(--schrift-display);
	font-size: 1.45rem;
	color: var(--color-text-tief);
	text-decoration: none;
}
.marke svg { width: 26px; height: 26px; display: block; }
.burger {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.4rem 0.9rem;
	border: 1px solid var(--color-rahmen-linie);
	border-radius: var(--ecke-klein);
	background: var(--color-weiss);
	color: var(--color-text-tief);
	cursor: pointer;
}
.burger-strich {
	width: 20px;
	height: 2px;
	background: var(--color-text-tief);
	display: block;
	position: relative;
}
.burger-strich::before, .burger-strich::after {
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background: var(--color-text-tief);
}
.burger-strich::before { top: -6px; }
.burger-strich::after { top: 6px; }

/* mobile/overlay menu — opaque, above header */
.menue {
	position: fixed;
	inset: 0;
	z-index: 500;
	background: var(--color-weiss);
	display: flex;
	flex-direction: column;
	padding: var(--space-mittel);
	visibility: hidden;
}
.with-js .menue { visibility: hidden; }
.menu-on .menue { visibility: visible; }
.menue-kopf {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 68px;
	border-bottom: 1px solid var(--color-rahmen-linie);
	margin-bottom: var(--space-gross);
}
.menue-schliessen {
	min-height: 44px;
	min-width: 44px;
	padding: 0.4rem 0.9rem;
	border: 1px solid var(--color-rahmen-linie);
	border-radius: var(--ecke-klein);
	background: var(--color-weiss);
	color: var(--color-text-tief);
	cursor: pointer;
}
.menue-liste {
	display: flex;
	flex-direction: column;
	gap: var(--space-klein);
}
.menue-liste a {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	font-family: var(--schrift-display);
	font-size: 1.8rem;
	color: var(--color-text-tief);
	text-decoration: none;
}
.menue-liste a:hover { color: var(--color-hemdenblau); }
.menue-signal { margin-top: var(--space-mittel); }

/* without JS menu is open as inline block (no overlay) */
html:not(.with-js) .menue {
	position: static;
	visibility: visible;
	background: var(--color-schaufenster-tint);
}
html:not(.with-js) .menue-schliessen { display: none; }

/* hero strip-intro */
.held { text-align: center; }
.held.abschnitt { padding-top: var(--space-mittel); }
.held .augenbraue { margin-bottom: var(--space-klein); }
.held .inhalt { display: flex; flex-direction: column; align-items: center; }
.held-text { max-width: 20ch; margin-left: auto; margin-right: auto; }
.held-unterzeile {
	margin-top: var(--space-klein);
	max-width: 46ch;
	margin-left: auto;
	margin-right: auto;
	color: var(--color-text-grau);
	font-size: clamp(1.05rem, 1.6vw, 1.25rem);
}
.held-cta { margin-top: var(--space-klein); justify-content: center; }
.held-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-winzig);
	margin-top: var(--space-winzig);
}
.chip {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0.3rem 0.9rem;
	border-radius: 999px;
	background: var(--color-schaufenster-tint);
	color: var(--color-text-grau);
	font-size: 0.88rem;
}
.held-band {
	margin-top: var(--space-gross);
	width: 100%;
}
.held-band img {
	width: 100%;
	height: auto;
	filter: grayscale(0.22) contrast(1.02);
	box-shadow: var(--schatten-doppelt);
}

/* collar schematics — inverted block */
.kragen-gitter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: var(--space-mittel);
	margin-top: var(--space-gross);
}
.kragen-karte {
	padding: var(--space-mittel);
	background: rgba(236, 238, 242, 0.06);
}
.kragen-karte svg { width: 100%; height: 118px; display: block; margin-bottom: var(--space-klein); }
.kragen-karte h3 { color: var(--color-text-hell); }
.kragen-werte {
	margin-top: var(--space-winzig);
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	color: var(--color-hemdenblau-hell);
	font-size: 0.92rem;
}

/* playbill rows — shirts */
.regal { margin-top: var(--space-gross); border-top: 1px solid var(--color-rahmen-linie); }
.regal-zeile { border-bottom: 1px solid var(--color-rahmen-linie); }
.regal-zeile > summary {
	list-style: none;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1.8fr 1fr 1fr auto auto;
	gap: var(--space-klein);
	align-items: center;
	padding: var(--space-klein) 0;
	min-height: 56px;
}
.regal-zeile > summary::-webkit-details-marker { display: none; }
.regal-name { font-family: var(--schrift-display); font-size: 1.15rem; }
.regal-meta { color: var(--color-text-grau); font-size: 0.95rem; }
.regal-preis { font-variant-numeric: tabular-nums; font-weight: 500; }
.regal-zeichen { color: var(--color-hemdenblau); font-size: 0.95rem; justify-self: end; }
.regal-zeile[open] .regal-zeichen { color: var(--color-text-grau); }
.regal-karte {
	display: grid;
	grid-template-columns: minmax(0, 260px) 1fr;
	gap: var(--space-mittel);
	padding: 0 0 var(--space-mittel) 0;
	align-items: start;
}
.regal-detail dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.3rem var(--space-klein);
	margin-bottom: var(--space-klein);
}
.regal-detail dt { color: var(--color-text-grau); }
.regal-detail dd { margin: 0; }
.status-marke {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	font-size: 0.85rem;
	background: var(--color-schaufenster-tint);
	color: var(--color-text-tief);
}
.status-laden { background: rgba(86, 112, 143, 0.16); color: rgb(52, 74, 100); }

/* fabric swatch — rectangular, no radius */
.stoff-probe {
	position: relative;
	width: 100%;
	aspect-ratio: 5 / 4;
	background-color: var(--garn-farbe, rgb(236, 238, 242));
	border: 1px solid var(--color-rahmen-linie);
	overflow: hidden;
}
.stoff-probe svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.weave-popeline { background-image: repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 1px, transparent 1px 4px); }
.weave-oxford { background-image: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 3px, transparent 3px 6px), repeating-linear-gradient(0deg, rgba(0,0,0,0.08) 0 3px, transparent 3px 6px); }
.weave-twill { background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0 2px, transparent 2px 6px); }
.weave-leinen { background-image: repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 5px), repeating-linear-gradient(0deg, rgba(0,0,0,0.045) 0 2px, transparent 2px 7px); }
.weave-flanell { background-image: repeating-linear-gradient(0deg, rgba(40,90,60,0.5) 0 14px, transparent 14px 28px), repeating-linear-gradient(90deg, rgba(40,90,60,0.5) 0 14px, transparent 14px 28px), repeating-linear-gradient(0deg, rgba(255,255,255,0.22) 13px 15px, transparent 15px 28px); }
.weave-denim { background-image: repeating-linear-gradient(60deg, rgba(255,255,255,0.14) 0 1px, transparent 1px 4px), repeating-linear-gradient(0deg, rgba(0,0,0,0.12) 0 3px, transparent 3px 6px); }
.weave-batist { background-image: repeating-linear-gradient(90deg, rgba(0,0,0,0.03) 0 1px, transparent 1px 3px); }
.weave-filafil { background-image: repeating-linear-gradient(90deg, rgba(255,255,255,0.3) 0 1px, rgba(0,0,0,0.08) 1px 2px); }
.probe-silhouette { stroke: rgba(22, 25, 30, 0.28); stroke-width: 2; fill: none; }
.stoff-probe.auf-dunkel .probe-silhouette { stroke: rgba(255, 255, 255, 0.4); }

/* quote wall */
.notiz-wand {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--space-mittel);
	margin-top: var(--space-gross);
}
.notiz {
	padding: var(--space-mittel);
	background: var(--color-schaufenster-tint);
	border-radius: var(--ecke-weich);
}
.notiz p { font-family: var(--schrift-display); font-size: 1.25rem; line-height: 1.3; }
.notiz span {
	display: block;
	margin-top: var(--space-klein);
	font-size: 0.85rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-hemdenblau);
}

/* advisers */
.berater-gitter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--space-mittel);
	margin-top: var(--space-gross);
	align-items: start;
}
.berater-karte { padding: var(--space-mittel); background: var(--color-schaufenster-hell); }
.berater-karte h3 { margin-bottom: 0.2rem; }
.berater-rolle { color: var(--color-hemdenblau); font-size: 0.9rem; letter-spacing: 0.08em; text-transform: uppercase; }
.berater-bild { margin-bottom: var(--space-klein); }
.berater-bild img { width: 100%; box-shadow: var(--schatten-doppelt); }

/* generic cards / grids for legal + contact */
.karten-gitter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
	gap: var(--space-mittel);
	margin-top: var(--space-gross);
}
.karte-rahmen {
	padding: var(--space-mittel);
	background: var(--color-weiss);
	border: 1px solid var(--color-rahmen-linie);
	border-radius: var(--ecke-weich);
}
.karte-akzent {
	padding: var(--space-mittel);
	background: var(--color-schaufenster-hell);
	border-left: 3px solid var(--color-hemdenblau);
	min-width: 0;
	overflow-wrap: anywhere;
}
.karte-rahmen h2 { margin-bottom: var(--space-klein); }
section[id], .abschnitt[id] { scroll-margin-top: 84px; }
html:not(.with-js) [data-zuruecksetzen] { display: none; }
.kontakt-hero.abschnitt { padding-bottom: var(--space-klein); }
.kontakt-form.abschnitt { padding-top: var(--space-klein); }
.kontakt-form .abschnitt-titel { margin-bottom: var(--space-klein); }
.kontakt-form .feld { margin-bottom: var(--space-winzig); }
.kontakt-form .feld textarea { min-height: 68px; }
.tray-open { padding-bottom: min(260px, 40vh); }
body:has(.cookie-tray:not([hidden])) { padding-bottom: min(260px, 40vh); }

.inhalt-schmal { max-width: 760px; }
.rechts-tabelle {
	width: 100%;
	border-collapse: collapse;
	margin-top: var(--space-mittel);
	overflow-wrap: anywhere;
}
.rechts-tabelle th, .rechts-tabelle td {
	text-align: left;
	padding: 0.4rem var(--space-klein);
	border-bottom: 1px solid var(--color-rahmen-linie);
	vertical-align: top;
}
.rechts-tabelle th { color: var(--color-text-grau); font-weight: 400; width: 40%; }

.inhalt-verzeichnis {
	margin: var(--space-mittel) 0 var(--space-gross);
	padding: var(--space-mittel);
	background: var(--color-schaufenster-tint);
	border-radius: var(--ecke-weich);
}
.inhalt-verzeichnis ul { display: grid; gap: 0.4rem; }
.inhalt-verzeichnis a { min-height: auto; }

.rechts-block { margin-bottom: var(--space-gross); }
.rechts-block h2 { font-size: 1.4rem; margin-bottom: var(--space-klein); }
.rechts-block h3 { margin-top: var(--space-mittel); margin-bottom: var(--space-winzig); }
.rechts-block p { margin-bottom: var(--space-klein); }
.rechts-block ul.punkte { list-style: disc; padding-left: 1.3rem; }
.rechts-block ul.punkte li { margin-bottom: 0.4rem; }

/* form */
.formular { margin-top: var(--space-gross); max-width: 560px; }
.feld { margin-bottom: var(--space-klein); }
.feld label { display: block; margin-bottom: var(--space-winzig); font-weight: 500; }
.feld input[type="text"],
.feld textarea {
	width: 100%;
	min-height: 48px;
	padding: 0.7rem var(--space-klein);
	font: inherit;
	color: var(--color-text-tief);
	background: var(--color-weiss);
	border: 1px solid var(--color-rahmen-linie);
	border-radius: var(--ecke-klein);
}
.feld textarea { min-height: 104px; resize: vertical; }
.feld-hinweis { color: var(--color-text-grau); font-size: 0.9rem; margin-top: var(--space-winzig); }
.feld-zustimmung { display: flex; gap: 0.7rem; align-items: flex-start; }
.feld-zustimmung input { margin-top: 0.35rem; min-width: 20px; min-height: 20px; }
.feld-fehler { color: rgb(150, 40, 40); font-size: 0.9rem; margin-top: var(--space-winzig); }
/* footer */
.fuss {
	background: var(--color-band-dunkel);
	color: var(--color-text-hell);
	padding-top: var(--space-riesig);
	padding-bottom: var(--space-gross);
}
.fuss a { color: var(--color-hemdenblau-hell); }
.fuss-gitter {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-gross);
}
.fuss-marke { font-family: var(--schrift-display); font-size: 1.4rem; }
.fuss-liste { display: flex; flex-direction: column; gap: 0.5rem; margin-top: var(--space-klein); }
.fuss-liste a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: none; }
.fuss-liste a:hover { text-decoration: underline; }
.fuss-recht {
	margin-top: var(--space-gross);
	padding-top: var(--space-mittel);
	border-top: 1px solid rgba(236, 238, 242, 0.16);
	color: var(--color-hemdenblau-hell);
	font-size: 0.86rem;
}

/* cookie tray — pinned */
.cookie-tray {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 350;
	background: var(--color-band-dunkel);
	color: var(--color-text-hell);
	border-top: 1px solid rgba(236, 238, 242, 0.2);
	box-shadow: var(--schatten-tief);
}
.cookie-tray { max-height: 40vh; overflow-y: auto; }
.cookie-tray[hidden] { display: none; }
.cookie-reihe {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-winzig);
	align-items: center;
	justify-content: space-between;
	padding-top: var(--space-winzig);
	padding-bottom: var(--space-winzig);
}
.cookie-text { max-width: 60ch; font-size: 0.92rem; }
.cookie-text a { color: var(--color-hemdenblau-hell); }
.cookie-knoepfe { display: flex; gap: var(--space-winzig); flex-wrap: wrap; }
.cookie-knoepfe .knopf { min-height: 44px; }
@media (max-width: 600px) {
	.cookie-reihe { padding-top: 0.5rem; padding-bottom: 0.5rem; gap: 0.5rem; }
	.cookie-text { font-size: 0.8rem; line-height: 1.35; }
	.cookie-knoepfe { flex-wrap: nowrap; width: 100%; gap: 0.5rem; }
	.cookie-knoepfe .knopf { flex: 1 1 0; min-height: 44px; padding: 0.4rem 0.5rem; font-size: 0.85rem; }
}
.cookie-tray .knopf { color: var(--color-text-hell); border-color: var(--color-text-hell); }
.cookie-tray .knopf:hover { background: var(--color-text-hell); color: var(--color-band-dunkel); }
.cookie-tray .knopf-signal { color: var(--color-weiss); border-color: var(--color-kobalt); }
.cookie-tray .knopf-signal:hover { background: rgb(33, 73, 198); border-color: rgb(33, 73, 198); color: var(--color-weiss); }

/* io reveal — only with JS */
.with-js .io-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; }
.with-js .io-reveal.lit { opacity: 1; transform: none; }

/* service pages */
.service-held {
	padding-top: var(--space-mittel);
	padding-bottom: var(--space-gross);
}
.service-held .augenbraue { margin-bottom: var(--space-klein); }
.service-held .titel-gross { font-size: clamp(1.7rem, 3vw, 2.3rem); max-width: 34ch; }

/* responsive */
@media (min-width: 760px) {
	.fuss-gitter { grid-template-columns: 1.4fr 1fr 1fr; }
	.held-text { max-width: 34ch; }
}
@media (max-width: 620px) {
	.regal-zeile > summary { grid-template-columns: 1fr auto; row-gap: 0.2rem; }
	.regal-meta-kragen { display: none; }
	.regal-karte { grid-template-columns: 1fr; }
	.rechts-tabelle th { width: 44%; }
	.kontakt-form .karte-akzent { display: none; }
}