/*
 * Grundlagen: Schriften und Gestaltungswerte.
 *
 * Alle Farben, Abstaende und Groessen stehen hier als Variable. Wer etwas
 * umstellen will, aendert eine Zeile in dieser Datei und nicht zwanzig
 * Stellen in theme.css.
 */

/* --- Schriften, selbst gehostet. Keine Verbindung zu Google. --------- */

/* Open Sans ist eine variable Schrift: eine Datei deckt 300 bis 800 ab. */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/open-sans-latin.woff2') format('woff2');
	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;
}

/* Zweite Datei nur fuer osteuropaeische Zeichen, etwa in Kundennamen.
   Wird nur geladen, wenn solche Zeichen auf der Seite vorkommen. */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/open-sans-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
		U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113,
		U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/roboto-slab-700-latin.woff2') format('woff2');
	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: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/roboto-slab-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
		U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113,
		U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* --- Farben ------------------------------------------------------ */
	--pdbb-orange: #FFA500;             /* Highlight, CSS-Schluesselwort orange */
	--pdbb-orange-abgetoent: #C97F0A;   /* ruhiger, fuer die Slider-Streifen */
	--pdbb-blau: #299DDB;               /* Sekundaer, aus der alten Website */
	--pdbb-text: #2B2E31;               /* Anthrazit statt Schwarz */
	--pdbb-weiss: #FFFFFF;
	--pdbb-flaeche: #F5F5F6;            /* ruhige Flaeche hinter Abschnitten */

	/*
	 * Einfaerbung der Slider-Streifen. Beides ist im Customizer unter
	 * "Slider" einstellbar; was hier steht, ist nur der Ausgangswert.
	 */
	--pdbb-streifen-farbe: #595D61;
	--pdbb-streifen-deckkraft: 0.72;
	--pdbb-linie: #E2E3E5;

	/*
	 * Schriftfarbe der Buttons. Zur Einordnung der Werte aus der
	 * Spezifikation: Weiss auf Orange ergibt 1,96:1 und erfuellt die
	 * geforderten 4,5:1 nicht, Anthrazit auf Orange ergaebe 6,9:1.
	 * Entschieden am 22.10.2026 nach Ansicht am Geraet: Weiss bleibt.
	 * Die Variable bleibt bestehen, falls das spaeter anders gesehen wird.
	 */
	--pdbb-button-text-ruhe: var(--pdbb-orange);
	--pdbb-button-text-gefuellt: var(--pdbb-weiss);

	/* --- Schrift ----------------------------------------------------- */
	--pdbb-schrift-text: 'Open Sans', -apple-system, BlinkMacSystemFont,
		'Segoe UI', Roboto, sans-serif;
	--pdbb-schrift-headline: 'Roboto Slab', Georgia, 'Times New Roman', serif;

	/* Fliessend zwischen Handy und Desktop, ohne Sprung am Umbruch. */
	--pdbb-gr-klein: 0.875rem;
	--pdbb-gr-text: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--pdbb-gr-gross: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
	--pdbb-gr-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
	--pdbb-gr-h2: clamp(1.6rem, 1.35rem + 1.1vw, 2.2rem);
	--pdbb-gr-h1: clamp(2rem, 1.6rem + 1.9vw, 3.1rem);

	--pdbb-zeilenhoehe: 1.65;
	--pdbb-zeilenhoehe-eng: 1.2;

	/* --- Raster und Abstaende ---------------------------------------- */
	--pdbb-breite: 1080px;              /* Inhaltsbreite, Festlegung */

	/*
	 * Hoehe von Slider und statischem Kopfmotiv. Beide teilen sich
	 * diesen Wert, damit die Startseite und jede Unterseite gleich
	 * hoch anfangen. dvh statt vh, weil auf dem Handy sonst die
	 * ein- und ausfahrende Adresszeile die Hoehe springen laesst.
	 */
	--pdbb-kopfhoehe: 70vh;
	--pdbb-kopfhoehe: 70dvh;
	--pdbb-rand: 1.25rem;               /* Luft zum Bildschirmrand */

	--pdbb-abstand-1: 0.5rem;
	--pdbb-abstand-2: 1rem;
	--pdbb-abstand-3: 1.75rem;
	--pdbb-abstand-4: 3rem;
	--pdbb-abstand-5: clamp(3.5rem, 2.5rem + 4vw, 6rem);

	/* Hoehe der Overlay-Navigation. Sprungmarken halten diesen Abstand,
	   sonst verschwindet das Sprungziel unter der Leiste. */
	--pdbb-navhoehe: 4.5rem;

	/* --- Bewegung ---------------------------------------------------- */
	--pdbb-dauer: 350ms;
	--pdbb-kurve: cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * Systemeinstellung "Bewegung reduzieren": keine Uebergaenge, keine
 * Animation. Die Bedienung bleibt vollstaendig erhalten, es passiert nur
 * sofort statt weich.
 */
@media (prefers-reduced-motion: reduce) {
	:root {
		--pdbb-dauer: 1ms;
	}
}