/* Vorlage „Beyond by RS2“ – Farben/Schriften kommen aus den Einstellungen (CSS-Variablen --sk-*). */
/* Skin: Beyond by RS2 – Übersichtsseite aller Kartenprogramme ([bcc_programs]).
   CI nach beyondbyrs2.com: Blauverlauf, Lexend-Headlines, Roboto-Text, weiße Buttons mit blauer Schrift. */
body.bcc-skin-tpl-beyond {
	--by-blue: var(--sk-primary);
	--by-blue-2: var(--sk-secondary);
	--by-blue-dark: color-mix(in srgb, var(--sk-primary) 80%, black);
	--by-green: var(--sk-accent);
	--by-ink: #141414;
	--by-text: #333333;
	--by-soft: color-mix(in srgb, var(--sk-primary) 5%, white);
	--by-line: color-mix(in srgb, var(--sk-primary) 12%, #e8e8ee);
	/* Footer exakt wie beyondbyrs2.com (Elementor-Globalfarbe 7da3fb7 = #1F1F99, Überschriften 2922f33 = #8CB4FF).
	   Bewusst fest und nicht aus --sk-primary abgeleitet: der Footer ist RS2-CI, nicht Produktfarbe. */
	--by-footer: #1f1f99;
	--by-footer-head: #8cb4ff;
	background: var(--sk-background);
	color: var(--by-text);
	font-family: var(--sk-font-body);
}
body.bcc-skin-tpl-beyond main > .wp-block-group:first-child { padding-top: 0 !important; }
body.bcc-skin-tpl-beyond .entry-content > *,
body.bcc-skin-tpl-beyond .wp-block-post-content > * { max-width: 1120px; }

/* Hero */
body.bcc-skin-tpl-beyond .bcc-hero {
	background: linear-gradient(180deg, var(--sk-primary) 0%, var(--sk-secondary) 100%); color: #fff;
	border-radius: 20px; padding: 3.5rem 3rem; margin: .5rem 0 3rem;
}
body.bcc-skin-tpl-beyond .bcc-hero-eyebrow {
	font-family: var(--sk-font-head); font-weight: 400; font-size: .85rem; letter-spacing: .08em;
	text-transform: uppercase; margin: 0 0 1rem; color: rgba(255,255,255,.9);
}
body.bcc-skin-tpl-beyond .bcc-hero-headline {
	font-family: var(--sk-font-head); font-weight: 400; font-size: clamp(2rem, 4.6vw, 3rem);
	line-height: 1.15; letter-spacing: .01em; margin: 0 0 1.1rem; color: #fff; max-width: 820px;
}
body.bcc-skin-tpl-beyond .bcc-hero-line { display: block; }
body.bcc-skin-tpl-beyond .bcc-hero-lead { font-family: var(--sk-font-head); font-weight: 300; font-size: 1.2rem; line-height: 1.55; max-width: 720px; margin: 0 0 2rem; color: #fff; }
body.bcc-skin-tpl-beyond .bcc-hero-cta {
	display: inline-block; background: #fff; color: var(--by-blue); border-radius: 8px;
	font-family: var(--sk-font-head); font-weight: 400; font-size: 1.1rem; text-decoration: none; padding: .9rem 1.6rem;
}
body.bcc-skin-tpl-beyond .bcc-hero-cta:hover { background: var(--by-soft); }

/* RS2-Rechts-Footer + Overlays */
body.bcc-skin-tpl-beyond .bcc-legal-footer { background: var(--by-footer); color: rgba(255,255,255,.8); }
body.bcc-skin-tpl-beyond .bcc-legal-footer a { color: #fff; }
body.bcc-skin-tpl-beyond .bcc-legal-company { color: #fff; }
body.bcc-skin-tpl-beyond .bcc-legal-head { color: var(--by-footer-head); }
body.bcc-skin-tpl-beyond .bcc-legal-dialog { background: #fff; color: var(--by-text); }
body.bcc-skin-tpl-beyond .bcc-legal-dialog h2 { font-family: var(--sk-font-head); font-weight: 400; color: var(--by-ink); }
body.bcc-skin-tpl-beyond .bcc-legal-dialog h3 { font-family: var(--sk-font-head); color: var(--by-blue); }
body.bcc-skin-tpl-beyond .bcc-legal-dialog a { color: var(--by-blue); }

@media (max-width: 640px) {
	body.bcc-skin-tpl-beyond .bcc-hero { padding: 2.2rem 1.4rem; border-radius: 16px; }
	.bcc-topbar img { height: 44px; }
	.bcc-topbar-cta { font-size: .85rem; padding: .55rem .9rem; }
	.bcc-howto { padding: 1.8rem 1.3rem; }
}

/* Echtes Kartenmotiv statt gezeichneter Vorschau */
.bcc-prog-visual-img { background: none; box-shadow: none; aspect-ratio: auto; }
.bcc-prog-visual-img::after { display: none; }
.bcc-prog-visual-img img { display: block; width: 100%; height: auto; border-radius: 4.5% / 7.1%; box-shadow: 0 12px 28px rgba(0,0,0,.28); }