/* ==========================================================================
   BlockBande – Rechtstexte (AGB, Datenschutz, Impressum, Regelwerk, Vertrag widerrufen) in Farben und Schrift
   des neuen Stils (Florian 23.10.2026). Bewusst nur Darstellung: gleicher Aufbau, gleiche Textbreite, kein
   Inhaltsverzeichnis, keine Seitenleiste. Farben aus --k-… (hell/dunkel), Schrift Nunito, Überschriften Lilita One.
   ========================================================================== */

/* Kopf: schlichter dunkler Streifen wie auf den übrigen neuen Seiten, nur der Seitentitel */
.bb-recht-hero {
	position: relative;
	overflow: hidden;
	background: #0b0c0f;
	border-bottom: 1px solid #1d2027;
}

.bb-recht-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	background-size: 32px 32px;
	pointer-events: none;
}

.bb-recht-hero__title {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 34px 0 30px;
	color: #fff;
	font: 400 clamp(26px, 4vw, 36px)/1.1 var(--k-head);
}

.bb-main--recht {
	background: var(--k-bg);
}

/* Text */
.bb-main--recht .bb-content {
	color: var(--k-text);
	font-family: var(--k-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.7;
}

.bb-main--recht .bb-content h1,
.bb-main--recht .bb-content h2,
.bb-main--recht .bb-content h3,
.bb-main--recht .bb-content h4 {
	color: var(--k-strong);
	font-family: var(--k-head);
	font-weight: 400;
	line-height: 1.2;
}

.bb-main--recht .bb-content h1 { font-size: 30px; }
.bb-main--recht .bb-content h2 { font-size: 25px; }
.bb-main--recht .bb-content h3 { font-size: 21px; }
.bb-main--recht .bb-content h4 { font-size: 18px; }

.bb-main--recht .bb-content strong,
.bb-main--recht .bb-content b {
	color: var(--k-strong);
	font-weight: 800;
}

.bb-main--recht .bb-content a {
	color: var(--k-link);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.bb-main--recht .bb-content a:hover {
	color: var(--k-strong);
}

.bb-main--recht .bb-content li::marker {
	color: var(--k-muted);
	font-weight: 800;
}

/* Widerrufsformular (German Market): nur Farben und Schrift, Felder und Texte unverändert.
   „body.bb-neu“ davor, weil woocommerce.css (.bb-wc …) nach dieser Datei geladen wird. */
body.bb-neu .bb-main--recht .german-market-withdrawal-form label {
	color: var(--k-strong);
	font-family: var(--k-body);
	font-weight: 900;
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form .required {
	color: var(--k-danger-text);
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form input.input-text {
	border: 1px solid var(--k-line);
	border-radius: 0;
	background: var(--k-field);
	color: var(--k-strong);
	font-family: var(--k-body);
	font-weight: 700;
	box-shadow: none;
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form input.input-text:focus {
	border-color: var(--k-accent);
	outline: none;
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form .button,
body.bb-neu .bb-main--recht .german-market-withdrawal-form button[type="submit"] {
	height: 42px;
	padding: 3px 20px 0;
	border: 0;
	border-radius: 0;
	background: var(--k-accent);
	color: #fff;
	font: 900 12px/1 var(--k-body);
	letter-spacing: 0.09em;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 0 var(--k-accent-edge), 0 3px 0 1px var(--k-outline);
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form .button:hover,
body.bb-neu .bb-main--recht .german-market-withdrawal-form button[type="submit"]:hover {
	filter: brightness(1.08);
	background: var(--k-accent);
	color: #fff;
}

body.bb-neu .bb-main--recht .german-market-withdrawal-form .woocommerce-message,
body.bb-neu .bb-main--recht .german-market-withdrawal-form .woocommerce-error {
	border-radius: 0;
	font-family: var(--k-body);
}