/*
Theme Name:   Kraftort Child
Theme URI:    https://kraftort-massage.de
Description:  Child Theme für Divi – Kraftort Massage, Mandy Bernarding
Author:       Digi Werks
Template:     Divi
Version:      1.0.0
*/
/* ===== SCHRIFTEN ===== */
@font-face {
	font-family: 'Prata';
	src: url('fonts/prata-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/manrope-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/manrope-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
/* ===== FARBEN – Freigabe Viktoria Burkhardt 17.07.2026 ===== */
:root {
	--k-gold:      #8A642A;               /* Fließtext + Buttons – 4,69:1 */
	--k-gold-hover:#6F5022;
	--k-gold-deko: #AC8B58;               /* NUR Icons – 2,80:1, kein Text */
	--k-gold-hell: #CBA773;               /* Linien, Flächen, Logo – kein Text */
	--k-tuerkis:   #57928E;               /* Headlines ab 24px – 3,13:1 */
	--k-creme:     #F4F0E8;
	--k-creme-20:  rgba(244,240,232,.2);  /* Overlay Anwendungen */
	--k-text:      #2B2B2B;
}
/* ===== TYPOGRAFIE =====
   Nur Familie, Gewicht, Zeilenhöhe.
   KEINE Farben – die sitzen im Modul, weil das Screendesign
   je nach Abschnitt eine andere Headline-Farbe nutzt. */
body,
input, textarea, select, button {
	font-family: 'Manrope', system-ui, -apple-system, sans-serif;
	font-weight: 400;
}
body {
	color: var(--k-text);
	line-height: 1.8;
}
h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3,
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {
	font-family: 'Prata', Georgia, serif;
	font-weight: 400;
	line-height: 1.4;
}
/* "wichtige Infos" – Manrope Bold */
strong, b { font-weight: 700; }
/* Sichtbarer Fokus – WCAG 2.4.7 */
a:focus-visible,
button:focus-visible,
.et_pb_button:focus-visible {
	outline: 2px solid var(--k-tuerkis);
	outline-offset: 3px;
}
/* ===== FARB-KLASSEN – manuell pro Modul zuweisen =====
   Advanced Tab → CSS ID & Classes → CSS Class
   Kein globales h1–h5-Mapping: Screendesign nutzt gleiche Tags
   unterschiedlich je Abschnitt. */
.k-heading {
	color: var(--k-tuerkis);
}
.k-gold-text {
	color: var(--k-gold);
}
.k-btn-fill {
	background-color: var(--k-gold);
	color: #FFFFFF;
}