/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 22 2025 | 08:56:16 */
/* === 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;

}
.wp-block-navigation-submenu__toggle {
      margin-top: -0.5em !important;
}

/* Stil Untermenüs */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  padding: .75em 1em !important;
}

/* 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: 25px;
  height: 35px;
  display: block;
  padding-top: 0 !important;
  padding-right:0 !important;
  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: 360px !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;
}

/* menu special */
.menu_special_1 a {
	font-weight:bold;
}
.menu_special_2 a {
	font-size:11px;
}
.menu_special_2 a span.wp-block-navigation-item__label {
	padding-left:20px !important;
}



/* 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 */
}
.image-text-wrapper .text-band-world {
  bottom: 6%;            /* im unteren Drittel des Bildes */
}

/* 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;
}

/* BUTTONS */

/* TT25 – Alle Buttons: Farbe #7D7355, 3D-Touch, 10px Radius + Pfeil rechts */
.wp-block-button__link,
.wp-element-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:.75em 2.75em .75em 1.25em;   /* Platz rechts für Pfeil */
  border-radius:6px;                   /* weniger rund */
  font-weight:600;
  line-height:1.2;
  color:#fff;
  background-color:#7D7355 !important;  /* Wunschfarbe */
  border:1px solid #5f583f;             /* etwas dunkler für Kante */
  background-image:linear-gradient(rgba(255,255,255,.10), rgba(0,0,0,0));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 1.5px 0 rgba(0,0,0,.20), 0 8px 18px rgba(0,0,0,.12);
  text-decoration:none;
  transition:transform .06s ease, box-shadow .2s ease, filter .2s ease;
}

/* Pfeil rechts (färbt sich mit currentColor = weiß) */
.wp-block-button__link::after,
.wp-element-button::after{
  content:"";
  position:absolute;
  top:50%;
  right:1rem;
  width:1.5em;
  height:1.5em;
  transform:translateY(-50%);
  background:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.29 6.71a1 1 0 0 1 1.42 0L16 12l-5.29 5.29a1 1 0 1 1-1.42-1.42L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41z"/></svg>') no-repeat 50% 50%;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.29 6.71a1 1 0 0 1 1.42 0L16 12l-5.29 5.29a1 1 0 1 1-1.42-1.42L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41z"/></svg>') no-repeat 50% 50%;
  transition:right .15s ease;
}

/* Hover/Active/Focus */
.wp-block-button__link:hover,
.wp-element-button:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 2px 0 rgba(0,0,0,.22), 0 12px 22px rgba(0,0,0,.16);
}
.wp-block-button__link:hover::after,
.wp-element-button:hover::after{ right:.8rem; }

.wp-block-button__link:active,
.wp-element-button:active{
  transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.22), 0 4px 10px rgba(0,0,0,.14);
}

.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible{
  outline:3px solid rgba(0,0,0,.8);
  outline-offset:2px;
}


/* PDF-Button-Icon mit automatischer Breite */
.btn-pdf .wp-block-button__link::before {
  content: "";
  display: inline-block;
  height: 20px;               /* feste Höhe */
  aspect-ratio: 1 / 1;        /* sorgt für proportional skalierte Breite */
  margin-right: 8px;
  background-image: url('/wp-content/uploads/2025/10/PDF_file_icon.svg_.png'); /* Pfad anpassen */
  background-repeat: no-repeat;
  background-size: contain;   /* skaliert proportional */
  background-position: center;
  vertical-align: middle;
}

/* BUTTONS ENDE */