@charset "UTF-8";
/*
Theme Name: Buena – Stamm Artus CD 2026
Theme URI: https://stamm-artus.de/
Description: Corporate-Design-Erweiterung für „Buena – Stamm Artus Modern“. Ergänzt die neue BdP-Farbwelt, grafische Akzente und Block-Vorlagen, ohne das Eltern-Theme zu überschreiben.
Author: Stamm Artus / Theme-Erweiterung
Template: buena-artus-modern
Version: 1.0.3
Text Domain: buena-artus-cd2026
*/

/* --------------------------------------------------------------------------
   BdP Corporate Design 2026 – Web-Adaption
   Die Grundstruktur des Buena-Artus-Themes bleibt erhalten. Die folgenden
   Stile ergänzen die öffentlich sichtbaren Gestaltungselemente des neuen CDs:
   kräftige Akzentfarben, einfache grafische Zeichen, flache Flächen und
   spielerische Dreiecks-/Kohteformen.
   -------------------------------------------------------------------------- */

:root {
	--artus-cd-pfadiblau: #1d4899;
	--artus-cd-pfadiblau-hell: #a9c7e8;
	--artus-cd-pfadigelb: #ffcb04;
	--artus-cd-waldgruen: #007864;
	--artus-cd-rr-rot: #b3233d;
	--artus-cd-singekreis-lila: #8e6ab4;
	--artus-cd-warmgelb: #fff0a8;
	--artus-cd-papier: #fffaf0;
	--artus-cd-ink: #111111;
}

/* --------------------------------------------------------------------------
   Linke Seitenleiste – Lesetext in Lato statt Georgia kursiv
   Betrifft die weißen Menü-/Widgettexte aus der dunklen Seitenleiste.
   Die gelben Widget-Überschriften bleiben in der BdP/IHS-Schrift.
   -------------------------------------------------------------------------- */
#left > .widgets {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-style: normal;
}

#left > .widgets a {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-style: normal;
}

#left > .widgets .h-widget {
	font-family: IHS, Georgia, serif;
	font-style: normal;
}


/* Ruhigere, flachere Flächen im neuen CD – bewusst nur für neue Blockstile. */
.is-style-bdp-cd-card,
.is-style-bdp-cd-arrow,
.is-style-bdp-cd-important,
.is-style-bdp-cd-kohte,
.bdp-cd-card {
	position: relative;
	box-sizing: border-box;
	padding: clamp(1rem, 2.4vw, 1.6rem);
	margin-top: 0;
	margin-bottom: 1.25rem;
	background: var(--artus-cd-papier);
	color: var(--artus-cd-ink);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}

.is-style-bdp-cd-card {
	border-top: 8px solid var(--artus-cd-pfadigelb);
}

/* Doppelpfeil – angelehnt an das offizielle Waldgrün-Pfeil-Icon. */
.is-style-bdp-cd-arrow {
	padding-right: clamp(5rem, 12vw, 8rem);
	border-left: 8px solid var(--artus-cd-waldgruen);
}
.is-style-bdp-cd-arrow::after {
	content: "››";
	position: absolute;
	right: .55rem;
	top: 50%;
	transform: translateY(-54%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: clamp(4.2rem, 9vw, 7.2rem);
	line-height: .7;
	letter-spacing: -.24em;
	padding-right: .2em;
	color: var(--artus-cd-waldgruen);
	opacity: .95;
	pointer-events: none;
}

/* Ausrufezeichen – angelehnt an das offizielle Singekreislila-Icon. */
.is-style-bdp-cd-important {
	padding-left: clamp(4.7rem, 10vw, 6.8rem);
	border-top: 8px solid var(--artus-cd-singekreis-lila);
}
.is-style-bdp-cd-important::before {
	content: "!";
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-52%) rotate(3deg);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: clamp(3.8rem, 8vw, 6.2rem);
	line-height: 1;
	color: var(--artus-cd-singekreis-lila);
	pointer-events: none;
}

/* Kohte-/Dreiecksmuster – abgeleitet aus dem im neuen CD gezeigten
   gelben Formenmotiv. Es ist absichtlich als CSS-Form gebaut und kein
   eingebettetes Original-Grafikasset. */
.is-style-bdp-cd-kohte {
	padding-top: clamp(3.4rem, 7vw, 4.8rem);
	background: #fff;
}
.is-style-bdp-cd-kohte::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2.8rem;
	background:
		linear-gradient(135deg, transparent 49%, var(--artus-cd-pfadigelb) 50% 74%, transparent 75%) 0 0/64px 44px repeat-x,
		linear-gradient(45deg, transparent 49%, var(--artus-cd-pfadigelb) 50% 74%, transparent 75%) 32px 0/64px 44px repeat-x;
	opacity: .95;
	pointer-events: none;
}

.is-style-bdp-cd-card > :first-child,
.is-style-bdp-cd-arrow > :first-child,
.is-style-bdp-cd-important > :first-child,
.is-style-bdp-cd-kohte > :first-child { margin-top: 0; }
.is-style-bdp-cd-card > :last-child,
.is-style-bdp-cd-arrow > :last-child,
.is-style-bdp-cd-important > :last-child,
.is-style-bdp-cd-kohte > :last-child { margin-bottom: 0; }

/* Moderne CD-Überschrift als optionale Block-Variante. Die globale
   Überschriftenschrift des Eltern-Themes wird nicht erzwungen geändert. */
.wp-block-heading.is-style-bdp-cd-heading,
h1.is-style-bdp-cd-heading,
h2.is-style-bdp-cd-heading,
h3.is-style-bdp-cd-heading,
h4.is-style-bdp-cd-heading {
	display: block;
	width: fit-content;
	max-width: 100%;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.015em;
	background: transparent;
	color: var(--artus-cd-pfadiblau);
	padding: 0 0 .24em;
	border-bottom: .22em solid var(--artus-cd-pfadigelb);
}

/* Zweite Überschriftenvariante mit farbigem Marker. */
.wp-block-heading.is-style-bdp-cd-marker,
h1.is-style-bdp-cd-marker,
h2.is-style-bdp-cd-marker,
h3.is-style-bdp-cd-marker,
h4.is-style-bdp-cd-marker {
	display: inline;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 800;
	line-height: 1.32;
	color: var(--artus-cd-pfadiblau);
	background: linear-gradient(transparent 55%, var(--artus-cd-warmgelb) 55%);
	padding: 0 .08em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* Buttons: flach, klar und kontrastreich. */
.wp-block-button.is-style-bdp-cd-button .wp-block-button__link {
	background: var(--artus-cd-pfadiblau);
	color: #fff;
	border: 3px solid var(--artus-cd-pfadiblau);
	border-radius: 0;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-decoration: none;
	box-shadow: none;
	transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.wp-block-button.is-style-bdp-cd-button .wp-block-button__link:hover,
.wp-block-button.is-style-bdp-cd-button .wp-block-button__link:focus {
	background: var(--artus-cd-pfadigelb);
	color: var(--artus-cd-pfadiblau);
	transform: translateY(-2px);
}

.wp-block-button.is-style-bdp-cd-button-green .wp-block-button__link {
	background: var(--artus-cd-waldgruen);
	color: #fff;
	border: 3px solid var(--artus-cd-waldgruen);
	border-radius: 0;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-decoration: none;
}
.wp-block-button.is-style-bdp-cd-button-green .wp-block-button__link:hover,
.wp-block-button.is-style-bdp-cd-button-green .wp-block-button__link:focus {
	background: #fff;
	color: var(--artus-cd-waldgruen);
}

/* Girlande – kleines dekoratives Element für Gruppenblöcke. */
.is-style-bdp-cd-girlande {
	position: relative;
	padding-top: 3.4rem !important;
}
.is-style-bdp-cd-girlande::before {
	content: "▽   ▽   ▽";
	position: absolute;
	left: 1rem;
	top: .4rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.35rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	color: var(--artus-cd-pfadiblau-hell);
	transform: rotate(-2deg);
	pointer-events: none;
}

/* Trennlinie mit mehreren CD-Akzentfarben. */
.wp-block-separator.is-style-bdp-cd-colors {
	border: 0;
	height: 8px;
	width: 100%;
	background: linear-gradient(90deg,
		var(--artus-cd-pfadiblau) 0 20%,
		var(--artus-cd-pfadigelb) 20% 40%,
		var(--artus-cd-waldgruen) 40% 60%,
		var(--artus-cd-rr-rot) 60% 80%,
		var(--artus-cd-singekreis-lila) 80% 100%);
	opacity: 1;
}

/* Farbige Inhaltslinks bleiben gut lesbar und erhalten den bekannten
   Artus/BdP-Blaucharakter. */
.content-singular > article:not(.format-gallery) a:not(.wp-block-button__link),
.wp-block-post-content a:not(.wp-block-button__link) {
	color: #002d8c;
	text-decoration-thickness: .08em;
	text-underline-offset: .13em;
}


/* --------------------------------------------------------------------------
   Weiterlesen-Link in Beitragsvorschauen
   Modernere Darstellung statt des WordPress-Standardtexts „(mehr …)“.
   -------------------------------------------------------------------------- */
a.more-link,
.content a.more-link,
article a.more-link {
	display: block;
	width: 100%;
	margin: 1.15rem 0 .25rem;
	text-align: center;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: .95rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	color: #777 !important;
	text-decoration: none !important;
}

a.more-link:hover,
a.more-link:focus {
	color: #555 !important;
	text-decoration: none !important;
}

/* Mobile Feinschliff */
@media (max-width: 720px) {
	.is-style-bdp-cd-arrow {
		padding-right: 4.2rem;
	}
	.is-style-bdp-cd-arrow::after {
		font-size: 4.3rem;
		right: .35rem;
	}
	.is-style-bdp-cd-important {
		padding-left: 4rem;
	}
	.is-style-bdp-cd-important::before {
		left: .8rem;
		font-size: 4rem;
	}
}


/* --------------------------------------------------------------------------
   Fußleiste: Überschrift des Monatsarchivs ausblenden
   Die Monatslinks bleiben vollständig erhalten; nur die automatische
   Widget-Überschrift „Archives“ / „Archiv“ wird nicht mehr angezeigt.
   -------------------------------------------------------------------------- */
#footer .widget_archive > .h-widget,
#footer .widget_archive > .widget-title,
#footer .widget_archive > .widgettitle {
	display: none;
}