/* === Eigene Schriften einbinden === */
@font-face {
  font-family: 'Didot';
  src: url('/wp-content/uploads/fonts/Didot_LP_Display.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Didot_LP_Display.woff') format('woff'),
       url('/wp-content/uploads/fonts/Didot_LP_Display.otf') format('opentype'),
       url('/wp-content/uploads/fonts/Didot_LP_Display.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Didot';
  src: url('/wp-content/uploads/fonts/Didot_LP_Regular.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Didot_LP_Regular.woff') format('woff'),
       url('/wp-content/uploads/fonts/Didot_LP_Regular.otf') format('opentype'),
       url('/wp-content/uploads/fonts/Didot_LP_Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* === Schriftarten zuweisen === */

/* Fließtext, Navigation, Footer etc. */
body,
p,
li,
a,
span,
button,
input,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}


/* 1) Frontend */
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6 {
  font-family: 'Didot', Georgia, serif;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.2;
}

/* 2) Editor-Canvas (nur Inhaltsfläche im Block-Editor) */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-family: 'Didot', Georgia, serif;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.2;
}

.editor-styles-wrapper h1, body:not(.wp-admin) h1  {
padding: 0;
  margin: 20px 0 15px 0;
  font-size: 23px;
  font-weight: normal;
  color: #801134;
  text-transform: uppercase;
}
.editor-styles-wrapper h1::first-letter, body:not(.wp-admin) h1::first-letter {
  color: #70623F;
  font-size: 44px;
}

/* Optional: spezielle Zitate oder Cover-Titel auch in Didot */
.wp-block-cover .wp-block-heading,
blockquote {
  font-family: 'Didot', Georgia, serif;
  letter-spacing: 1px;
}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

/* Mobile-Optimierung (etwas engerer Buchstabenabstand) */
@media (max-width: 600px) {
  h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.5px;
  }
}

/* Hauptmenü Hover-Stil */
.wp-block-navigation__container > li > a:hover,
.wp-block-navigation__container > li.current-menu-item > a {
  color: #70623F !important; /* Textfarbe bei Hover */
  letter-spacing: 0.5px; /* leichter typografischer Effekt */
  text-decoration: none; /* unterstreichen deaktivieren */
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid #70623F;
  padding-bottom: 5px;

}

/* Optional: sanfte Übergänge bei normalen Links */
.wp-block-navigation__container > li > a {
  transition: all 0.2s ease-in-out;
}
.wp-block-navigation__container > li > a {
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
}
.wp-block-navigation__container > li > a:hover {
  border-bottom: 2px solid #70623F;
  padding-bottom: 5px;
}

/* Spezieller Stil für den Menüpunkt "START" */
.menu-start > a {
  width: 30px;
  height: 35px;
  display: block;
  padding-top: 0 !important;
  padding-right: 10px;
  text-indent: -3000px; /* Text verstecken */
  background: url('/wp-content/uploads/2025/10/home-icon.jpg') no-repeat top left;
  border: none !important;
  margin-right: 0 !important;
	padding:0 !important;
}

/* Optional: Hover-Effekt für das Home-Icon */
.menu-start > a:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
}


/* === Untermenü-Breite im Twenty Twenty-Five Theme === */
.wp-block-navigation__submenu-container {
  width: 300px !important;          /* feste Breite */
  min-width: 280px !important;      /* Mindestbreite – passt sich an Textlänge an */
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Text-Layout der Unterpunkte */
.wp-block-navigation__submenu-container a {
  display: block;
  white-space: normal;   /* Zeilenumbruch erlauben */
  padding: 10px 16px;
  line-height: 1.4;
}


/* Optional: Breite bei Hover-Übergängen */
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
  width: 280px;
  transition: width 0.2s ease;
}


/* Startseite BEGINN */

/* Container */
.image-text-wrapper {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
	top:-40px;
}

/* Bild */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* Halbtransparenter Textbalken unten links */
.image-text-wrapper .text-band {
  position: absolute;
  left: 0;                /* bündig mit Bildanfang */
  bottom: 16%;            /* im unteren Drittel des Bildes */
  background: rgba(255, 255, 255, 0.72);
  padding: 40px 30px 40px 20px;
  text-align: center;
  width: 60%;             /* Breite des Balkens – anpassen bei Bedarf */
  box-sizing: border-box; /* wichtig, damit Padding korrekt berechnet wird */
}

/* Zitat */
.image-text-wrapper .quote {
  margin: 0 0 10px;
  color: #801134;
  font-size:24px;
  font-family: 'Didot', Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: 1.3;
  font-size: clamp(16px, 1.6vw, 22px);
}

/* Autor */
.image-text-wrapper .author {
  margin: 0;
  color: #801134;
  font-family: 'Didot', Georgia, serif;
  font-style: italic;
  font-size: clamp(15px, 1.3vw, 18px);
}

/* Mobile-Optimierung */
@media (max-width: 640px) {
  .image-text-wrapper .text-band {
    width: 90%;       /* etwas breiter auf kleinen Bildschirmen */
    bottom: 15%;      /* leicht höher, damit er nicht abgeschnitten wird */
    padding: 14px 16px;
  }
}
/* Startseite ENDE */

/* Beispiel: Spaltenbreite über nth-child */
.custom-table-lehren td:nth-child(1),
.custom-table-lehren th:nth-child(1) {
  width: 55px;
}