/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/
/* Eigenes CSS folgt unterhalb dieser Zeile. */

/* Startseiten-Hero: Kadence-Außenabstand der beiden Spalten entfernen */
#post-27 .kb-row-layout-wrap.alignfull > .kt-row-column-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Kleine Hero-Überschrift mit grauem Balken */
.dw-hero-intro {
  position: relative !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-weight: 700 !important;
	font-size: 50px !important;
  line-height: 1.15 !important;
  margin-bottom: 42px !important;
}

/* Grauer Balken unter der Überschrift */
.dw-hero-intro::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 85px !important;
  bottom: -24px !important;
  display: block !important;
  width: 370px !important;
  max-width: 100% !important;
  height: 10px !important;
  background-color: #9b9b9b !important;
}
/* Große Hero-Überschrift */
.dw-hero-main {
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin-top: 0 !important;
  margin-bottom: 50px !important;

}
/* Große Hero-Überschrift */
.dw-hero-main {
  margin-top: 0 !important;
  margin-bottom: 55px !important;
  margin-left: 85px !important;

  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
}
/* Zweiter grauer Balken unter der großen Hero-Überschrift */
.dw-hero-main {
  position: relative !important;
}

.dw-hero-main::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -28px !important;

  width: 370px !important;
  max-width: 100% !important;
  height: 10px !important;

  background-color: #9b9b9b !important;
}
/* Beschreibung unter dem zweiten Balken */
.dw-hero-text {
  margin-top: 48px !important;
  margin-left: 85px !important;
  margin-bottom: 0 !important;

  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  max-width: 450px;
}
/* Hero-Überschriften: Roboto Condensed */
.dw-hero-intro,
.dw-hero-main {
  font-family: "Roboto Condensed", Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Hero-Beschreibung: normale Roboto */
.dw-hero-text {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.dw-hero-intro,
.dw-hero-main {
  font-weight: 700 !important;
}

.dw-hero-text {
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .dw-hero-intro {
    font-size: 30px !important;
    margin-bottom: 38px !important;
  }

  .dw-hero-intro::after {
    left: 0 !important;
    width: 250px !important;
    height: 7px !important;
  }

  .dw-hero-main {
    margin-left: 0 !important;
    font-size: 36px !important;
    margin-bottom: 45px !important;
  }

  .dw-hero-main::after {
    width: 250px !important;
    height: 7px !important;
  }

  .dw-hero-text {
    font-size: 17px !important;
    margin-top: 40px !important;
  }
}
/* =========================================
   DynaWeld Hero: Einfluganimationen
   ========================================= */

/* Elemente zunächst unsichtbar vorbereiten */
.dw-hero-intro,
.dw-hero-main,
.dw-hero-text {
  opacity: 0;
  will-change: opacity, transform;
}

/* 1. Kleine Überschrift kommt von links */
.dw-hero-intro {
  animation: dw-fly-in-left 800ms ease-out 150ms forwards;
}

/* 2. Hauptüberschrift kommt anschließend von links */
.dw-hero-main {
  animation: dw-fly-in-right 1900ms ease-out 1650ms forwards;
}

/* 3. Beschreibung kommt von unten */
.dw-hero-text {
  animation: dw-fly-in-bottom 2250ms ease-out 2600ms forwards;
}

/* Animation: von links einfliegen */
@keyframes dw-fly-in-left {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes dw-fly-in-right {
  from {
    opacity: 0;
    transform: translateX(200px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Animation: von unten einfliegen */
@keyframes dw-fly-in-bottom {
  from {
    opacity: 0;
    transform: translateY(55px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body.page-id-27 .entry-content-wrap {
  padding: 0 !important;
}
/* Sanftes Scrollen bei One-Page-Menülinks */
html {
  scroll-behavior: smooth;
}
/* Abstand beim Anspringen von One-Page-Bereichen */
#home,
#kompetenzen,
#software,
#service,
#aktuell,
#forschung,
#events,
#kontakt {
  scroll-margin-top: 80px;
}
/* Blocksatz für ausgewählte Textblöcke */
.dw-blocksatz {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}
/* Blocksatz: Klasse kann am Absatz oder an einem umgebenden Block sitzen */
.dw-blocksatz,
.dw-blocksatz p,
p.dw-blocksatz {
  text-align: justify !important;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
/* Video innerhalb der rechten Kompetenzen-Spalte etwas kleiner */
.dw-kompetenzen-video video {
  display: block;
  width: 70% !important;
  height: auto !important;
 margin-left: 0;
  margin-right: auto;
}
.dw-branchen-item p {
  margin-top: -24px !important;
}

/* Gemeinsame Ausrichtung der Abschnitts-Buttons */
.dw-section-button {
  display: block;
  width: 100%;
  margin: 0;
  text-align: left;
}

.dw-section-button a {
  display: inline-block;
}

.dw-section-button img {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
}
/* =========================================================
   Software-Kacheln: Container
   ========================================================= */

/* Dunkler Software-Hintergrund über die gesamte Breite */
.dw-software-section {
  width: 100%;
  margin: 0;
  padding: 90px 0;
  background-color: #373737;
  color: #ffffff;
}

/* Inhalt mit begrenzter Breite */
.dw-software-inner {
  box-sizing: border-box;
  width: calc(100% - 40px) !important;
  max-width: 1080px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Überschrift und Einleitung in Weiß */
.dw-software-inner .wp-block-heading,
.dw-software-inner h1,
.dw-software-inner h2,
.dw-software-inner h3,
.dw-software-inner p {
  color: #ffffff;
}

.dw-software-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  max-width: 1060px;
  margin-top: 50px;
}

@media (max-width: 800px) {
  .dw-software-section {
    padding: 50px 0;
  }

  .dw-software-grid {
    grid-template-columns: minmax(0, 520px);
  }
}


.dw-software-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 20px;
  width: 100%;
  max-width: 1060px;
  margin-top: 50px;
}


/* =========================================================
   Software-Kacheln: 3D-Hover-Effekt
   ========================================================= */

.dw-software-grid .dw-software-card {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;

  width: 100%;
  height: 312px;
  min-height: 312px;
  margin: 0;

  color: #ffffff;
  background-color: #07090c;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 20px;
  text-align: left;

  perspective: 50em;
}

.dw-software-grid .dw-software-card *,
.dw-software-grid .dw-software-card *::before,
.dw-software-grid .dw-software-card *::after {
  box-sizing: border-box;
  transition: all 0.6s ease;
}

.dw-software-grid .dw-software-card img {
  display: block;
  width: 100%;
  height: 312px;
  object-fit: cover;
  opacity: 1;
  transform-origin: 50% 100%;
}

.dw-software-grid .dw-software-card figcaption {
  position: absolute;
  inset: 0;
  z-index: 1;

  padding: 20px 30px;
  opacity: 0;

  transform: rotateX(-90deg);
  transform-origin: 50% -50%;
}

.dw-software-grid .dw-software-card:hover img,
.dw-software-grid .dw-software-card:focus-within img {
  opacity: 0;
  transform: rotateX(90deg);
}

.dw-software-grid .dw-software-card:hover figcaption,
.dw-software-grid .dw-software-card:focus-within figcaption {
  opacity: 1;
  transform: rotateX(0deg);
  transition-delay: 0.2s;
}


/* Text im eingeblendeten Bereich */

.dw-software-grid .dw-software-card h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 90%;
  font-weight: 800;
  line-height: 1;
}

.dw-software-grid .dw-software-card p,
.dw-software-grid .dw-software-card ul,
.dw-software-grid .dw-software-card li {
  margin: 0 0 7px;
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.2;
}

.dw-software-grid .dw-software-read-more {
  display: inline-block;
  margin-top: 8px;
  padding: 0.5em 1em;

  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 0.8em;
  text-decoration: none;
}

.dw-software-grid .dw-software-read-more:hover,
.dw-software-grid .dw-software-read-more:focus {
  color: #000000;
  background-color: #ffffff;
}


/* Auf kleineren Bildschirmen eine Kachel pro Zeile */

@media (max-width: 800px) {
  .dw-software-grid {
    grid-template-columns: minmax(0, 520px);
  }

  .dw-software-grid .dw-software-card {
    width: 100%;
    min-height: auto;
  }

  .dw-software-grid .dw-software-card img {
    min-height: auto;
  }
}
/* =========================================================
   Kontaktbereich
   ========================================================= */

/* Kontaktbereich: dunkelgrauer Hintergrund */
.dw-contact-section {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 70px 0;
  background-color: #373737 !important;
  color: #ffffff;
}

/* Die direkten Inhalte innerhalb der Gruppe begrenzen */
/* Kontakt: gleiche Inhaltsbreite wie der Kompetenzen-Bereich */
.dw-contact-section > * {
  box-sizing: border-box;
  width: min(100% - 40px, 1560px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Weiße Schrift */
.dw-contact-section h1,
.dw-contact-section h2,
.dw-contact-section h3,
.dw-contact-section h4,
.dw-contact-section h5,
.dw-contact-section h6,
.dw-contact-section p,
.dw-contact-section li,
.dw-contact-section a {
  color: #ffffff !important;
}

/* Kadence-Innenbereiche transparent halten */
.dw-contact-section .kt-row-layout-inner,
.dw-contact-section .kt-row-column-wrap,
.dw-contact-section .wp-block-kadence-column,
.dw-contact-section .kt-inside-inner-col {
  background-color: transparent !important;
}

/* Globale Grundschrift */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
/* Absätze im Seiteninhalt */
.entry-content p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1em;
}
/* Avada H1 */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
/* Kadence Text (Adv), wenn als H1 verwendet */
.wp-block-kadence-advancedtext h1,
.wp-block-kadence-advancedtext .kt-adv-heading h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.4;
}

/* Kadence Text (Adv), wenn als H2 verwendet */
.wp-block-kadence-advancedtext h2,
.wp-block-kadence-advancedtext .kt-adv-heading h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

/* Kadence Text (Adv), wenn als H3 verwendet */
.wp-block-kadence-advancedtext h3,
.wp-block-kadence-advancedtext .kt-adv-heading h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
/* Avada H2 */
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0;
  margin-top: 1em;
  margin-bottom: 1.1em;
}
p.wp-block-kadence-advancedheading {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 2.1 !important;
  letter-spacing: 0 !important;
}
.wp-block-kadence-advancedheading {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 2.1 !important;
  letter-spacing: 0 !important;
}
/* Contact Form 7: Senden-Button im Kontaktbereich */
.dw-contact-section .wpcf7-submit {
  background-color: #8c8c8c !important;
  border: 1px solid #8c8c8c !important;
  color: #ffffff !important;
  border-radius: 0;
  cursor: pointer;
}

/* Beim Darüberfahren etwas dunkler */
.dw-contact-section .wpcf7-submit:hover,
.dw-contact-section .wpcf7-submit:focus {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
}
/* =========================================================
   Seite Forschung
   ========================================================= */

/* Dunkler, mittig begrenzter Seitenbereich */
.dw-research-page {
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 1030px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 5px 40px 80px;

  background-color: #373737;
  color: #ffffff;
}

/* Schmale Textspalte wie auf der alten Forschungsseite */
.dw-research-content {
  max-width: 520px;
  margin: 0 auto;
}

/* Textfarben */
.dw-research-page h1,
.dw-research-page h2,
.dw-research-page h3,
.dw-research-page h4,
.dw-research-page p,
.dw-research-page li {
  color: #ffffff !important;
}

/* Hauptüberschrift */
.dw-research-page h1 {
  margin-top: 0;
  margin-bottom: 24px;

  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
}

/* Fließtext */
.dw-research-page p,
.dw-research-page li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

/* Abstand zwischen Absätzen */
.dw-research-page p {
  margin-top: 0;
  margin-bottom: 20px;
}

/* Projekttitel */
.dw-research-page .dw-research-intro {
  font-weight: 700;
}

/* Mobil */
@media (max-width: 700px) {
  .dw-research-page {
    width: 100%;
    min-height: auto;
    padding: 55px 25px;
  }

  .dw-research-content {
    max-width: none;
  }
}
.dw-research-page a {
  color: #ffffff;
  text-decoration: none;
}

.dw-research-page a:hover,
.dw-research-page a:focus {
  color: #d8d8d8;
  text-decoration: underline;
}
/* Forschungsseite: Abstand zwischen Header und Inhalt entfernen */
/* Forschungsseite: Standard-Abstand unter dem Header entfernen */
body.page-id-478 #primary,
body.page-id-478 .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-id-478 .site-main,
body.page-id-478 .content-container,
body.page-id-478 .entry-content-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* =========================================================
   DynaWeld Footer
   ========================================================= */

/* Oberer, hellgrauer Trennstreifen vor dem Footer */

/* Footer-Hintergrund */
.site-footer,
.site-footer .site-middle-footer-wrap,
.site-footer .site-footer-row-container-inner {
  background-color: #373737 !important;
}

/* Inhalt des mittleren Footer-Bereichs */
.site-footer .site-middle-footer-wrap {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Kleine graue Footer-Schrift */
.dw-footer-copyright,
.dw-footer-link,
.dw-footer-link a {
  color: #939393 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 2.0 !important;
  text-decoration: none !important;
}

/* Linke Spalte */
.dw-footer-copyright {
  text-align: left;
  /*text-transform: uppercase; */
}

/* Mittlere und rechte Spalte */
.dw-footer-link {
  text-align: center;
}

.dw-footer-link a {
  text-transform: uppercase;
}

/* Dezente Hervorhebung beim Überfahren */
.dw-footer-link a:hover,
.dw-footer-link a:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Auf Mobilgeräten untereinander und mittig */
@media (max-width: 767px) {
  .site-footer .site-middle-footer-wrap {
    padding-top: 35px !important;
    padding-bottom: 45px !important;
  }

  .dw-footer-copyright,
  .dw-footer-link {
    margin-bottom: 18px;
    text-align: center;
  }
}
/* =========================================================
   DynaWeld: lokale Icon-Schrift für das Hauptmenü
   Kein Laden des vollständigen Font-Awesome-Stylesheets:
   daher keine CSS-Konflikte mit Kadence oder Plugins.
   ========================================================= */

@font-face {
  font-family: "DynaWeld Icons";
  src: url("assets/fonts/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

/* Menülink und Icon vertikal ausrichten */
.site-header .menu-item > a {
  display: inline-flex;
  align-items: center;
}

/* Gemeinsame Einstellungen aller Menü-Icons */
.site-header .dw-menu-home > a::before,
.site-header .dw-menu-kompetenzen > a::before,
.site-header .dw-menu-software > a::before,
.site-header .dw-menu-service > a::before,
.site-header .dw-menu-aktuell > a::before,
.site-header .dw-menu-forschung > a::before,
.site-header .dw-menu-events > a::before,
.site-header .dw-menu-kontakt > a::before {
  display: inline-block;
  margin-right: 5px;

  font-family: "DynaWeld Icons" !important;
  font-size: 0.9em;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  speak: never;
}

/* Home */
.site-header .dw-menu-home > a::before {
  content: "\f015";
}

/* Kompetenzen: Stift */
.site-header .dw-menu-kompetenzen > a::before {
  content: "\f044";
}

/* Software: Bildschirm */
.site-header .dw-menu-software > a::before {
  content: "\f108";
}

/* Service: Aktenkoffer */
.site-header .dw-menu-service > a::before {
  content: "\f0b1";
}

/* Aktuell: Information */
.site-header .dw-menu-aktuell > a::before {
  content: "\f05a";
}

/* Forschung: Labor-Kolben */
.site-header .dw-menu-forschung > a::before {
  content: "\f0c3";
}

/* Events: Personengruppe */
.site-header .dw-menu-events > a::before {
  content: "\f0c0";
}

/* Kontakt: Telefon */
.site-header .dw-menu-kontakt > a::before {
  content: "\f095";
}
/* =========================================================
   DynaWeld: Beitragsraster im Bereich Aktuelles
   ========================================================= */

/* Das Beitrags-Template als zweispaltiges Raster ausgeben */
.dw-aktuell-grid .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 30px !important;

  width: 100%;
  max-width: 760px;
  margin: 45px auto 0 !important;
  padding: 0 !important;
}

/* Jede Ausgabe eines Beitrags ist eine weiße Karte */
.dw-aktuell-grid .wp-block-post-template > li,
.dw-aktuell-grid .wp-block-post {
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
  background-color: #ffffff;
}

/* Beitragsbild */
.dw-aktuell-grid .wp-block-post-featured-image {
  margin: 0 !important;
}

.dw-aktuell-grid .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 185px;
  object-fit: cover;
}

/* Karteninhalt */
.dw-aktuell-grid .wp-block-post-title,
.dw-aktuell-grid .wp-block-post-excerpt {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

/* Titel */
.dw-aktuell-grid .wp-block-post-title {
  margin-top: 24px !important;
  margin-bottom: 18px !important;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
}

.dw-aktuell-grid .wp-block-post-title a {
  color: #333333 !important;
  text-decoration: none !important;
}

/* Auszug */
.dw-aktuell-grid .wp-block-post-excerpt {
  margin-bottom: 26px !important;
  padding-top: 18px;
  border-top: 2px solid #8c8c8c;

  color: #777777 !important;
  font-size: 13px;
  line-height: 1.5;
}

.dw-aktuell-grid .wp-block-post-excerpt p,
.dw-aktuell-grid .wp-block-post-excerpt__excerpt {
  color: #777777 !important;
}

/* Mobil: nur eine Karte pro Zeile */
@media (max-width: 767px) {
  .dw-aktuell-grid .wp-block-post-template {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
  }
}
/* =========================================================
   DynaWeld: Bereich „Aktuelles“
   ========================================================= */

/* Dunkelgrauer, vollbreiter News-Bereich */
.dw-news-section {
  box-sizing: border-box;
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 70px 20px 90px;

  background-color: #373737 !important;
}

/* Überschrift „Aktuelles“ */
.dw-news-section > h1,
.dw-news-section .wp-block-heading:first-child {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 0 auto 45px !important;

  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Falls Kadence die Überschrift in einen zusätzlichen Container legt */
.dw-news-section h1 {
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Auf Mobilgeräten kompakter */
@media (max-width: 767px) {
  .dw-news-section {
    padding: 50px 20px 60px;
  }

  .dw-news-section > h1,
  .dw-news-section .wp-block-heading:first-child {
    margin-bottom: 30px !important;
    font-size: 26px !important;
  }
}
/* =========================================================
   DynaWeld: Elemente der Einzelbeiträge ausblenden
   ========================================================= */

/* Vorheriger/nächster Beitrag bzw. „Zurück“-Navigation */
.single-post .post-navigation {
  display: none !important;
}

/* Bereich „Ähnliche Beiträge“ */
.single-post .entry-related,
.single-post .related-posts {
  display: none !important;
}

/* Kommentarformular und vorhandene Kommentare */
.single-post .comments-area,
.single-post #comments {
  display: none !important;
}
/* =========================================================
   DynaWeld: reduzierter Kopf auf Einzelbeiträgen
   ========================================================= */

/* Kategorie-Link, z. B. „AKTUELL“, ausblenden */
.single-post .entry-header .entry-taxonomies,
.single-post .entry-header .category-links,
.single-post .entry-header .posted-in {
  display: none !important;
}

/* Autor und Datum, z. B. „Von jens · 18. August 2026“, ausblenden */
.single-post .entry-header .entry-meta,
.single-post .entry-header .entry-meta-wrap,
.single-post .entry-header .posted-on,
.single-post .entry-header .byline {
  display: none !important;
}


/* =========================================================
   Englische Startseite: Contact-Button im News-Bereich
   ========================================================= */

/* =========================================================
   News-Bereich: unteren CONTACT-Button ausrichten
   ========================================================= */

/*
 * Die Gruppe mit dem CONTACT-Button liegt innerhalb von
 * .dw-news-section und erhält exakt dieselbe Maximalbreite
 * wie das News-Raster.
 */
.dw-news-section .wp-block-group.dw-news-contact-button {
  box-sizing: border-box !important;
  width: min(calc(100% - 40px), 760px) !important;
  max-width: 760px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* Button innerhalb der Gruppe linksbündig halten */
.dw-news-section .wp-block-group.dw-news-contact-button .wp-block-button,
.dw-news-section .wp-block-group.dw-news-contact-button .kt-btn-wrap {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Der eigentliche graue Button soll nicht die ganze Breite einnehmen */
.dw-news-section .wp-block-group.dw-news-contact-button a {
  display: inline-block !important;
}
/* =========================================================
   Sprachwechsel im Header
   ========================================================= */

/* Auf Desktop Abstand zwischen „Kontakt“ und Sprachlink */
@media (min-width: 1025px) {
  .site-header .dw-menu-kontakt {
    margin-right: 58px !important;
  }
}

/* Sprachlink dezent und ohne Menü-Icon darstellen */
.site-header .dw-menu-language > a {
  display: inline-flex !important;
  align-items: center;
  padding-right: 0 !important;
  padding-left: 0 !important;

  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-decoration: none !important;
}

.site-header .dw-menu-language > a:hover,
.site-header .dw-menu-language > a:focus {
  color: #d8d8d8 !important;
}
/* Sprachlink (EN/DE) nach links rücken — ohne vertikales Verschieben */
@media (min-width: 1025px) {
  /* gezielt das A-Element des Sprach-Menuitems ansprechen */
  nav#site-navigation ul#primary-menu li.dw-menu-language > a {
    display: inline-flex !important;
    align-items: center !important;   /* verhindert Vertikalversatz */
    height: 100% !important;
    transform: translateX(-18px) !important; /* Negativ = nach links; anpassen */
    transition: transform 160ms ease !important;
  }

  /* Sicherstellen, dass das Hover-Verhalten nicht verrutscht */
  nav#site-navigation ul#primary-menu li.dw-menu-language > a:hover,
  nav#site-navigation ul#primary-menu li.dw-menu-language > a:focus {
    transform: translateX(-18px) !important;
  }
}

/* Auf kleineren Bildschirmen nichts verändern */
@media (max-width: 1024px) {
  nav#site-navigation ul#primary-menu li.dw-menu-language > a {
    transform: none !important;
  }
}

/* Test: sichtbare Gutenberg-Trenner ausblenden */
.entry-content .wp-block-separator {
  display: none !important;
}
/* =========================================================
   Live-Seite: Hintergrund normaler Inhaltsseiten
   Betrifft nicht Header, Footer und speziell dunkle Bereiche.
   ========================================================= */

/* Allgemeiner Hintergrund unterhalb des Headers */
body.page .content-area,
body.page .site-main,
body.page .content-container,
body.page .content-bg {
  background-color: #ffffff !important;
}

/* Der eigentliche Seiteninhalt bleibt ebenfalls weiß */
body.page .entry-content-wrap,
body.page .entry-content {
  background-color: #ffffff !important;
}
/* Äußerer Kadence-Seitenhintergrund */
body.page #inner-wrap {
  background-color: #ffffff !important;
}