/* 1. Buttons auf Großbuchstaben & edles Spacing */

.wp-block-button__link, 

button, 

.button, 

input[type="button"], 

input[type="reset"], 

input[type="submit"] {

    text-transform: uppercase !important;

    letter-spacing: 1.5px !important;

    font-weight: 500 !important;

}



/* 2. Menü-Schriftfarbe im Header (Dunkles Anthrazit) */

/* Falls du sie über dem Video WEISS haben willst, ändere #333333 zu #ffffff */

.header-navigation .header-menu-container .menu-primary-container ul li a {

    color: #333333 !important;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 1px;

}

/* 1. ÜBERSCHRIFT IM VIDEO-BEREICH (COVER) */

/* Wir sprechen den Container direkt an, egal wo er steht */

.wp-block-cover h1, 

.wp-block-cover h2, 

.wp-block-cover p,

.kb-row-layout h1, 

.kb-row-layout h2 {

    color: #e0e0e0 !important; /* Silbergrau */

    text-shadow: 2px 2px 15px rgba(0,0,0,0.6) !important; /* Stärkerer Schatten für Lesbarkeit */

}/* JEDEN Button auf der Seite gnadenlos vergolden */

.wp-block-button__link, 

.kb-button-wrapper .kb-button,

button.button,

.kt-button {

    background-color: #c5a368 !important; /* Dein Gold */

    color: #ffffff !important; /* Weißer Text */

    border: none !important;

    text-transform: uppercase !important;

}



/* Hover-Effekt (etwas dunkleres Gold beim Drüberfahren) */

.wp-block-button__link:hover, 

.kb-button-wrapper .kb-button:hover {

    background-color: #a68a58 !important;

}

/* Abstand ZWISCHEN den Listenpunkten (Fakten) */

.entry-content ul li {

    margin-bottom: 25px !important; /* Das ist der Sprung zum nächsten Punkt */

    line-height: 1.6 !important;    /* Das ist der Zeilenabstand im Satz selbst */

}



/* Verhindert, dass der letzte Punkt auch einen Abstand nach unten hat */

.entry-content ul li:last-child {

    margin-bottom: 0 !important;

/* Einheitliche Typografie für den gesamten Blog */



/* 1. Hauptüberschriften im Blog-Gitter und in Beiträgen */

h1, h2, h3, .entry-title a {

    font-family: 'Playfair Display', serif; /* Falls du diese im Customizer geladen hast */

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.02em; /* Macht Überschriften moderner/enger */

    color: #333333;

}



/* 2. Fließtext (Die Vorschautexte und Artikel-Inhalte) */

p, .entry-content, .entry-summary {

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    line-height: 1.8; /* Mehr Zeilenabstand für bessere Lesbarkeit */

    color: #555555;

}



/* 3. Weiterlesen-Link Styling (Gold-Effekt) */

.more-link {

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    font-size: 13px;

    color: #c5a059; /* Dein Gold-Ton */

    transition: all 0.3s ease;

}



.more-link:hover {

    letter-spacing: 0.15em; /* Kleiner cooler Effekt beim Drüberfahren */

}

/* Zentriert den Textinhalt in den Beiträgen für einen High-End Look */

.single-post .entry-content {

    text-align: center;

    max-width: 800px; /* Begrenzt die Breite für bessere Lesbarkeit */

    margin: 0 auto;   /* Zentriert den Textblock als Ganzes */

}



/* Verhindert, dass Text aus dem Container ausbricht */

.entry-content p, 

.entry-content h1, 

.entry-content h2, 

.entry-content h3 {

    max-width: 100% !important;

    overflow-wrap: break-word; /* Bricht zu lange Wörter zur Not um */

    box-sizing: border-box;

}

/* Zentriert den Textblock innerhalb des Containers */

.entry-content {

    display: flex;

    flex-direction: column;

    align-items: center;

/* Erzwingt die Zentrierung im aufgeklappten Antwort-Text des Accordions */

.kt-accordion-panel-inner,

.kt-accordion-panel-inner p {

    text-align: center !important;

}



}@media (max-width: 767px) {

  .nur-desktop {

    display: none !important;

  }

}
}