/* Feinschliff nach der Abnahme Runde 2 (Axel, 12.10.2026): Vorschläge 1–3 und Startkacheln.
   Wird nach farben.css geladen. Farben nur Orange #FD9800, Blau #45A5F1, Schwarz, Weiß; Rot nur im Krisenhinweis. */

/* ---------- Vorschlag 1: Krisenhinweis im Footer als ruhige Zeile ------------------------------- */

body .pnl-footer .pnl-krise {
	background: transparent; border: 0; border-bottom: 1px solid #dddddd; border-radius: 0;
	padding: 0 0 var(--space-5); box-shadow: none;
}
body .pnl-footer .pnl-krise::before { color: var(--rot); }
body .pnl-footer .pnl-krise a { color: #111111; }
.pnl-footer .pnl-krise__title strong { font-weight: 700; }
body .pnl-krise__list li:last-child a { text-decoration: none; }

/* ---------- Vorschlag 2: Abwechslung im bestehenden Konzept ------------------------------------- */

/* Seitenköpfe: gespiegelt (Bild links) und mit gedrehter Textkarte, Farbblöcke getauscht */
.pnl-pagehead--gedreht .pnl-pagehead__text { transform: rotate(-1.5deg); }
.pnl-pagehead--spiegel .pnl-pagehead__grid::before { background: #fd9800; }
.pnl-pagehead--spiegel .pnl-pagehead__media::before { background: #45a5f1; }
.pnl-pagehead--gedreht:not(.pnl-pagehead--spiegel) .pnl-pagehead__grid::before { top: auto; bottom: -20px; }
@media (min-width: 960px) {
	.pnl-pagehead--spiegel .pnl-pagehead__grid.has-media { grid-template-columns: .9fr 1.1fr; }
	.pnl-pagehead--spiegel .pnl-pagehead__media { order: -1; }
	.pnl-pagehead--spiegel .pnl-pagehead__grid::before { left: auto; right: -60px; }
	.pnl-pagehead--spiegel .pnl-pagehead__media::before { right: auto; left: -60px; }
	.pnl-pagehead--gedreht:not(.pnl-pagehead--spiegel) .pnl-pagehead__grid::before { bottom: -40px; height: 60%; }
}

/* Ein blaues Band pro Seite, schwarze Schrift (Kontrast etwa 7:1) */
:is(.pnl-schritte, .pnl-themen, .pnl-grundsaetze, .pnl-kosten, .pnl-stationen, .pnl-kontaktformular).pnl-section {
	background: #45a5f1; padding-block: var(--space-15) !important;
}
:is(.pnl-schritte, .pnl-themen, .pnl-grundsaetze, .pnl-kosten, .pnl-stationen, .pnl-kontaktformular).pnl-section + .pnl-section { padding-top: var(--space-15); }
.pnl-themen.pnl-section .pnl-topics li:nth-child(even) { border-left-color: #111111; }
/* Karten mit blauer Kante auf dem blauen Band: Kante schwarz */
:is(.pnl-kosten, .pnl-stationen, .pnl-grundsaetze) .pp-card--accent:not(.pp-card--orange) { border-top-color: #111111; }

/* Drei Schritte auf Start: leicht versetzt und gedreht wie die Kacheln */
.pnl-schritte .pnl-steps > li:nth-child(1) { transform: rotate(-1.5deg); }
.pnl-schritte .pnl-steps > li:nth-child(2) { transform: rotate(1deg) translateY(10px); }
.pnl-schritte .pnl-steps > li:nth-child(3) { transform: rotate(-.5deg) translateY(-4px); }

/* Abschluss-Kasten im Wechsel: blau oder weiße Karte mit blauem Versatz */
.pnl-cta--karte .pnl-cta__box {
	background: #ffffff; border: 2px solid #111111; box-shadow: 12px 12px 0 0 #45a5f1; transform: rotate(-1deg);
}

/* ---------- Vorschlag 3: Typografie --------------------------------------------------------------- */

/* „Termin anfragen“ überall orange, Zweitbutton weiß mit schwarzem Rand */
body .pnl-cta__box .wp-block-button__link { background: #fd9800; color: #111111; border: 2px solid #111111; }
body .pnl-cta__box .is-style-pnl-secondary > .wp-block-button__link { background: #ffffff; color: #111111; border-color: #111111; }
body .pnl-cta__box .wp-block-button__link:hover { background: #ffffff; }
body .pnl-cta__box .is-style-pnl-secondary > .wp-block-button__link:hover { background: #fd9800; }

/* Links: fett statt unterstrichen, beim Zeigen wächst ein oranger Strich (Axel: Hover statt Unterstreichung).
   Fett bleibt als Unterscheidung ohne Farbe (WCAG 1.4.1). */
.pnl-main :is(p, li, dd) a:not(.wp-block-button__link),
.pnl-footer a {
	text-decoration: none; font-weight: 600;
	background: linear-gradient(#fd9800, #fd9800) 0 100% / 0 2px no-repeat;
	transition: background-size .2s ease; padding-bottom: 1px;
}
.pnl-main :is(p, li, dd) a:not(.wp-block-button__link):is(:hover, :focus-visible),
.pnl-footer a:is(:hover, :focus-visible) { background-size: 100% 2px; text-decoration: none; }
.pp-link.pnl-more a::after { content: " →"; display: inline-block; transition: transform .2s ease; }
.pp-link.pnl-more a:hover { text-decoration: none; }
.pp-link.pnl-more a:hover::after { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
	.pnl-main :is(p, li, dd) a, .pnl-footer a, .pp-link.pnl-more a::after { transition: none; }
}

/* Notfallnummern nicht mitten in der Nummer umbrechen */
.pnl-notfall__nr a { white-space: nowrap; }

/* Erreichbarkeit: Symbolkachel nicht stauchen */
.pnl-info .pp-icon-tile { flex: 0 0 48px; }

/* Formular sendet noch nicht: Button sichtbar ausgegraut */
.pnl-form button[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }

/* Rechtstexte: Textspalte an der Überschrift ausrichten statt mittig eingerückt */
@media (min-width: 800px) {
	.pnl-main > .pnl-legal > * { margin-left: max(0px, calc((100% - 1160px) / 2)) !important; margin-right: auto !important; }
}

/* ---------- Startseite: Kacheln mit mehr Abstand, ohne eigenen Termin-Button (Axel, 12.10.2026) -- */

.pnl-mosaik__cards { gap: var(--space-8) var(--space-6); }
@media (min-width: 1100px) {
	/* Kacheln unter beiden Fotos auf breiter Fläche statt im schmalen Streifen dazwischen (Axel, 12.10.2026) */
	.pnl-mosaik__cards { gap: 56px 60px; margin: 110px 0 0 15% !important; width: 70%; }
	.pnl-mcard__text { font-size: 15px; line-height: 22px; }
	.pnl-mosaik__d--8 { left: 5%; top: 860px; }
	.pnl-mosaik__d--5 { left: 2.5%; }
	.pnl-mosaik__h1 { font-size: 42px; }
}
/* Neuer Startsatz: gleichmäßige Zeilen, keine Silbentrennung */
.pnl-mosaik__h1 { text-wrap: pretty; hyphens: manual; -webkit-hyphens: manual; }

/* ---------- Abnahme Runde 3 (Urteil „ship“), schnelle Korrekturen ------------------------------ */

/* Lange Wörter in Überschriften trennen statt hart umbrechen („Datenschutzerklärung“ auf dem Handy) */
:is(h1, h2, h3, .pnl-h1, .pnl-display) { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word; }  /* keine Silbentrennung in Überschriften (Axel, 12.10.2026) */

/* Externe Links mit Pfeil kennzeichnen: so auch ohne Hover von fettem Text unterscheidbar */
.pnl-main :is(p, li) a[target="_blank"]::after { content: "\00a0↗"; font-weight: 600; }
/* Haltestellen nicht fett, damit nur Links fett sind */
.pnl-textbild .pnl-checks strong { font-weight: 500; }

/* Pfeil mit geschütztem Leerzeichen */
.pp-link.pnl-more a::after { content: "\00a0→"; }

/* Aktuelles: Kopfkarte im Raster wie auf den anderen Seiten */
.pnl-pagehead > .pnl-pagehead__text { margin-left: max(0px, calc((100% - 1160px) / 2)) !important; max-width: 760px; }

/* Gedrehte Seitenköpfe: Textkarte mit Überschrift nur leicht drehen */
.pnl-pagehead--gedreht .pnl-pagehead__text { transform: rotate(-1deg); }

/* Aufklapp-Gruppen und FAQ bündig an der Inhaltskante, gleiche Breite */
.pnl-section.is-layout-constrained > .pnl-gruppen { margin-left: max(0px, calc((100% - 1160px) / 2)) !important; max-width: 900px; }

/* Ablauf: Mitbringkarte läuft neben den Schritten mit */
@media (min-width: 960px) { .pnl-bring { position: sticky; top: calc(var(--header-h, 80px) + 24px); } }

/* Über mich: Abschluss-Karte nicht über die volle Breite */
.pnl-cta--karte .pnl-cta__box { max-width: 760px; }

/* Werdegang auf Blau: orange Karte bleibt orange (Farbfolge) */
:is(.pnl-kosten, .pnl-stationen, .pnl-grundsaetze) .pp-card--gruen { border-top-color: #fd9800; }

/* Formular: Gruppe im Stil der Felder, Hinweis mit Fläche */
.pnl-form__group { border: 1px solid #dddddd; border-radius: var(--radius-lg); padding: var(--space-4); }
.pnl-form__status { background: #ffffff; border: 2px solid #111111; font-weight: 600; }
/* Rechtsseiten: Titel auf dem Handy so groß, dass „Datenschutzerklärung“ in eine Zeile passt */
@media (max-width: 599px) { .pnl-pagehead--plain .wp-block-post-title { font-size: clamp(24px, 7.2vw, 40px); } }

/* ---------- Kontaktformular sendet (Axel, 12.10.2026) ------------------------------------------- */
.pnl-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pnl-form { position: relative; }
.pnl-form__status--ok { background: var(--blau-tint); }
.pnl-form__status--fehler { background: var(--orange-tint); border-left: 4px solid var(--orange); }
#anfrage { scroll-margin-top: 120px; }

/* Erreichbarkeit: WordPress-Abstand zwischen Gruppenelementen schob Spalte 2 und 3 nach unten (Axel, 12.10.2026) */
.pnl-infos > * { margin-block-start: 0 !important; }
/* Längerer Untertitel „Kinder, Jugendliche und junge Erwachsene“: Schriftzug in der Fußzeile darf umbrechen */
.pnl-footer__brand .pp-wordmark, .pp-wordmark--lg { flex: 0 1 auto; max-width: 100%; white-space: normal; }
/* Kopf: Untertitel zweizeilig, damit das Menü in einer Zeile bleibt */
@media (min-width: 1000px) {
	.pnl-header .pnl-brand .pp-wordmark { white-space: normal; }
	.pnl-header .pnl-brand .pp-wordmark__sub { max-width: 230px; line-height: 13px; }
}