/*
Theme Name: K-Orbit – KOKE DIGITAL
Template: k-orbit
Author: KOKE DIGITAL
Author URI: https://koke.digital
Description: Kunden-Theme auf Basis von K-Orbit (K-0000, koke.digital). Farben, Schrift und Logo nach Corporate Design v1.
Version: 1.0.0
Text Domain: orbit-kunde
*/

/* Corporate Design v1: jede Überschrift, jeder Button und jeder Navigationspunkt in Montserrat Black Italic, Versalien. */
h1, h2, h3, h4, h5, h6,
.wp-block-button__link,
.orbit-kopf__nav .wp-block-navigation-item__content {
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
}

/* Magenta ist nur Akzent (< 2 %) und nie Fläche hinter Schrift – Flächen mit Schrift werden schwarz. */
.orbit-mehr a:hover,
.orbit-zeitleiste__punkt,
.orbit-schwebend__mail {
	background: var(--tinte);
	color: var(--grund);
}

/* Auf schwarzem Grund: weißer Balken mit schwarzer Versalschrift (Markenelement aus der Visitenkarte). */
.is-style-dunkel .wp-block-button__link {
	background: var(--grund);
	color: var(--tinte);
}
.is-style-dunkel .wp-block-button__link:hover {
	background: var(--kachel);
	color: var(--tinte);
}

/* Handy: Montserrat Black in Versalien läuft sehr breit – Überschriften kleiner, damit lange Wörter nicht zerbrechen. */
@media (max-width: 781px) {
	h1, .orbit-hero__panel h1 { font-size: clamp(1.6rem, 7.4vw, 2.1rem); }
	h2 { font-size: clamp(1.35rem, 6vw, 1.7rem); }
	h3, .orbit-iconbox h3 { font-size: 1.1rem; }
	.wp-block-button__link { white-space: normal; }
}

/* Kontaktkarte ist immer weiß – Button darin schwarz, auch wenn der Seitenkopf dunkel ist */
.orbit-kontaktkarte .wp-block-button__link { background: var(--tinte); color: var(--grund); }
.orbit-kontaktkarte .wp-block-button__link:hover { background: #1a1a1a; color: var(--grund); }
.orbit-kontaktkarte a:not(.wp-element-button) { color: var(--tinte); }