p, span, div, article {
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Standard-Darstellung (Desktop & Tablet) */
.wd-tabelle-1 {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  /*background: green;   optional, leichter Hintergrund */
  /*border-spacing: 10px 2px;  15px horizontal, 8px vertikal */
  /*border-spacing: 10px 0px;  15px horizontal, 8px vertikal */
  width: auto;
  max-width: 100%;
}
.wd-tabelle-1 caption {
  padding: 2px 5px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  /*background: yellow;   optional, leichter Hintergrund */
  text-align: left;          /* linksbündig */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* Gemeinsame Überschrift */
.wd-tabelle-1 th {
  background-color: #f0f0f0;
  font-size: 20px;
  font-weight: bold;
  color:red;
  text-align: center;
  /*padding: 10px;*/
  border: 1px solid #ccc;
}
.wd-tabelle-1 td {
  padding: 2px 5px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  /*background: yellow;   optional, leichter Hintergrund */
  text-align: left;          /* linksbündig */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
.wd-tabelle-1 td:first-child {
  padding-right: 15px;       /* nur 1. Spalte rechts Abstand */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* ✅ Responsive: Auf Smartphones Schriften kleiner und flexibler */
@media (max-width: 600px) {
  .wd-tabelle-1 {
    border-spacing: 8px 5px; /* etwas enger auf Smartphones */
  }

  .wd-tabelle-1 td {
    font-size: 14px;       /* Schrift kleiner */
    word-break: break-word;/* lange Wörter umbrechen */
    max-width: 45vw;       /* jede Zelle max. 45% der Bildschirmbreite */
  }
}

.wd-ubg h4 {
  color: white !important; 
}

/* Standard-Darstellung (Desktop & Tablet) */
.wd-tabelle-2 {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  /*background: green;   optional, leichter Hintergrund */
  /*border-spacing: 10px 2px;  15px horizontal, 8px vertikal */
  /*border-spacing: 10px 0px;  15px horizontal, 8px vertikal */
  width: auto;
  max-width: 100%;
}
.wd-tabelle-2 caption {
  padding: 2px 5px;
  background-color: #f5f5dc;
  
  text-align: left;          /* linksbündig */
  /* border: 1px solid #ccc; */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* Gemeinsame Überschrift */
.wd-tabelle-2 th {
 background-color: #f5f5dc;
  font-size: 20px;
  font-weight: bold;
  color:#127595;
  /* color: #19190f; */
  text-align: center;
  /*padding: 10px;*/
  border: 1px solid #ccc;
}

.wd-tabelle-2 tr:nth-child(even) {
    background-color: #f5f5dc;	/* wd-tr-1 */
    /* zusätzliche Formatierungen für ungerade Zeilen */
}

.wd-tabelle-2 tr:nth-child(odd) {
	background-color: #fcfceb;	/*wd-tr-2 */
    /* zusätzliche Formatierungen für gerade Zeilen */
}

.wd-tabelle-2 td {
  padding: 2px 5px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  /*background: yellow;   optional, leichter Hintergrund */
  text-align: left;          /* linksbündig */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
.wd-tabelle-2 td:first-child {
  padding-right: 15px;       /* nur 1. Spalte rechts Abstand */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* ✅ Responsive: Auf Smartphones Schriften kleiner und flexibler */
@media (max-width: 600px) {
  .wd-tabelle-2 {
    border-spacing: 8px 5px; /* etwas enger auf Smartphones */
  }

  .wd-tabelle-2 td {
    font-size: 14px;       /* Schrift kleiner */
    word-break: break-word;/* lange Wörter umbrechen */
    max-width: 45vw;       /* jede Zelle max. 45% der Bildschirmbreite */
  }
}
/* Standard-Darstellung (Desktop & Tablet) */
.wd-tabelle-v {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* Tabellenüberschrift */
.wd-tabelle-v caption {
  padding: 2px 5px;
  background-color: #f5f5dc;
  text-align: left;
}

/* Tabellenkopf */
.wd-tabelle-v th {
  background-color: #f5f5dc;
  font-size: 20px;
  font-weight: bold;
  color: #127595;
  text-align: center;
  border: 1px solid #ccc;
}

/* Zeilenfarben */
.wd-tabelle-v tr:nth-child(even) {
  background-color: #f5f5dc;
}
.wd-tabelle-v tr:nth-child(odd) {
  background-color: #fcfceb;
}

/* Zellen */
.wd-tabelle-v td {
  padding: 2px 5px;
  text-align: left;
  border: 1px solid #ccc;
}

/* ✅ Drei Spalten mit flexibler Breite */
.wd-tabelle-v td:first-child {
  width: var(--col1, 33%);
  padding-right: 10px;
}

.wd-tabelle-v td:nth-child(2) {
  width: var(--col2, 33%);
  padding-right: 10px;
}

.wd-tabelle-v td:last-child {
  width: calc(100% - (var(--col1, 33%) + var(--col2, 33%)));
}

/* ✅ Responsive: Auf Smartphones kompakter */
@media (max-width: 600px) {
  .wd-tabelle-v td {
    font-size: 14px;
    word-break: break-word;
    max-width: 30vw;
  }
}

.wd-tabelle-4 {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  /*background: green;   optional, leichter Hintergrund */
  /*border-spacing: 10px 2px;  15px horizontal, 8px vertikal */
  /*border-spacing: 10px 0px;  15px horizontal, 8px vertikal */
  width: auto;
  max-width: 100%;
}
.wd-tabelle-4 caption {
  padding: 2px 5px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  /*background: yellow;   optional, leichter Hintergrund */
  text-align: left;          /* linksbündig */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* Gemeinsame Überschrift */
.wd-tabelle-4 th {
 background-color: #dcdcc3;
  font-size: 20px;
  font-weight: bold;
  color:#127595;
  /* color: #19190f; */
  text-align: center;
  /*padding: 10px;*/
  border: 1px solid #ccc;
}
.wd-tabelle-4 td:nth-child(1),
.wd-tabelle-4 td:nth-child(3){
    text-align: right;   /* 1. & 3. Spalte rechtsbündig */
}
.wd-tabelle-4 td:nth-child(2){
    text-align: center;   /* 2. Spalte zentriert */
}
.wd-tabelle-4 td:nth-child(4){
    text-align: left;   /* 4. Spalte linksbündig */
}

.wd-tabelle-4 tr:nth-child(odd) {
    background-color: #f5f5dc;	/* wd-tr-1 */
    /* zusätzliche Formatierungen für ungerade Zeilen */
}

.wd-tabelle-4 tr:nth-child(even) {
	background-color: #fcfceb;	/*wd-tr-2 */
    /* zusätzliche Formatierungen für gerade Zeilen */
}

.wd-tabelle-4 td {
  padding: 2px 5px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  /*background: yellow;   optional, leichter Hintergrund */
  text-align: left;          /* linksbündig */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
.wd-tabelle-4 td:first-child {
  padding-right: 15px;       /* nur 1. Spalte rechts Abstand */
  /*   border-radius: 4px;    optional 
   border-radius: 4px;    optional 
  white-space: normal;   erlaubt Zeilenumbruch in schmalen Displays */
}
/* ✅ Responsive: Auf Smartphones Schriften kleiner und flexibler */
@media (max-width: 600px) {
  .wd-tabelle-4 {
    border-spacing: 8px 5px; /* etwas enger auf Smartphones */
  }

  .wd-tabelle-4 td {
    font-size: 14px;       /* Schrift kleiner */
    word-break: break-word;/* lange Wörter umbrechen */
    max-width: 45vw;       /* jede Zelle max. 45% der Bildschirmbreite */
  }
}
.wd-tr-1{
	background: #f9f9f9; 
}
/* Container: Flexbox erzwingen */
.wd-3cols {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

/* Standard: alle Spalten nebeneinander */
.wd-3cols .col {
  flex: 1 1 auto;
}

/* Bilder: nur so breit wie das Bild */
.wd-3cols .col-img {
  flex: 0 0 auto;
  max-width: fit-content;
}

.wd-3cols .col-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Mittlere Spalte füllt den Rest */
.wd-3cols .col-content {
  flex: 1 1 auto;
}

/* MOBILE: Links und rechts ausblenden */
@media (max-width: 768px) {
  .wd-3cols {
    flex-direction: column !important;
  }
  .wd-3cols .col-img {
    display: none !important;
  }
}


.responsive-besetzungsliste {
  width: auto;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}

.responsive-besetzungsliste th {
  background-color: #f0f0f0;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #ccc;
}

.responsive-besetzungsliste td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
}

/* 👉 Nur die erste Spalte rechts mit Abstand */
.responsive-besetzungsliste td:first-child {
  padding-right: 15px;
}

/* Optional: zweite Spalte ohne Abstand links */
.responsive-besetzungsliste td:nth-child(2) {
  padding-left: 0;
}

.rollen-tabelle {
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
  /*border-spacing: 10px 2px;  15px horizontal, 8px vertikal */
  border-spacing: 10px 0px;  15px horizontal, /*8px vertikal */
  width: auto;
  max-width: 100%;
}

.rollen-tabelle td {
  padding: 0px 10px;
  /*background: #f9f9f9;  optional, leichter Hintergrund */
  
   border-radius: 4px;    optional */
  white-space: normal;  /* erlaubt Zeilenumbruch in schmalen Displays */
}

/* ✅ Responsive: Auf Smartphones Schriften kleiner und flexibler */
@media (max-width: 600px) {
  .rollen-tabelle {
    border-spacing: 8px 5px; /* etwas enger auf Smartphones */
  }

  .rollen-tabelle td {
    font-size: 14px;       /* Schrift kleiner */
    word-break: break-word;/* lange Wörter umbrechen */
    max-width: 45vw;       /* jede Zelle max. 45% der Bildschirmbreite */
  }
}

sp-main-body {
padding: unset !important;
}

#kpm_content_wrapper{
	margin-bottom: 0rem !important;
}
#top-a {
    padding-top: 100px;
}
.custom-flex-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important; /* Umbruch verhindern */
  overflow-x: auto !important;  /* Falls zu breit: Scrollbar */
  white-space: nowrap !important;
}

.custom-flex-item {
  display: inline-block !important;
  white-space: normal !important;
}

.custom-flex-item.left,
.custom-flex-item.right {
  flex: 0 0 auto !important; /* Fixe Breite, kein Schrumpfen */
}

.custom-flex-item.center {
  flex: 1 1 auto !important; /* Mittlere Spalte flexibel */
  min-width: 200px !important;
}

.custom-flex-item img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media (max-width: 768px) {
  .custom-flex-container {
    flex-direction: column !important;
    white-space: normal !important;
  }
}
/* -webkit-transition: all 0.3s ease;   Safari und Chrome 
    -moz-transition: all 0.3s ease;      Firefox 
    -o-transition: all 0.3s ease;       Opera 
     transition: all 0.3s ease;           Moderne Browser */ 
.wd-schatten { 
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); /* Safari und Chrome */
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);    /* Firefox */
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);         /* Moderne Browser */
	/* box-shadow: 10px 10px 15px;  */	
}
.wd-schatten-b { 
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); /* Safari und Chrome */
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);    /* Firefox */
	box-shadow: 10px 10px 15px rgba(0, 0, 255, 0.5);         /* Moderne Browser */
	/* box-shadow: 10px 10px 15px;  */	
}
.wd-schatten-2 {
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 0, 0, 0.3);
}
.wd-r1 {
	border-radius: 15px;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.wd-r1:hover {
	transform: translate(-10px, -10px);
	box-shadow: 5px 5px 0 0 #dcdcc3;
 }

.wd-rounded {
	border-radius: 15px;
}
.wd-grau {
  filter: grayscale(100%);
  /* transition: filter 1.5s ease; */
  
}
/* .wd-grau:hover {
  filter: grayscale(0%);
} */
.wd-links-oben {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wd-links-oben:hover {
  transform: translate(-10px, -10px);
  box-shadow: 6px 6px 0 0 red;
}
.wd-liob-b {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wd-liob-b:hover {
  transform: translate(-10px, -10px);
  box-shadow: 5px 5px 0 0 blue;
}
.wd-liob-dr {
  border-radius: 15px;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wd-liob-dr:hover {
  transform: translate(-10px, -10px);
  box-shadow: 5px 5px 0 0 #dcdcc3;
}
.uk-card-body {
    padding: 5px 5px !important;
}
.wd_tp3_none{
	padding-top: 0px !important;
}
.pt-3 {
	padding-top: 0px !important;
}
.item-title {
	text-align: center;
}

.uk-scope li {
    padding: 0px !important;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{
	padding-bottom: 0px !important;
	padding-top: 0px !important;	
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item span.nav-header {
	padding-bottom: 5px;
	padding-top: 5px;
}
.banneritem{
	padding-bottom: 10px;
}	


.readmore-btn {
    padding-left: 10px;
    padding-right: 10px;
    background-color: whitesmoke;
}

.wd_padding_0{
	padding: 0 0 0 10px !important;
}

.uk-scope *+.uk-margin {
    margin-top: 2px !important; */
}

.wd_header{
	padding: 0px !important;
	padding: 0px !important;
	border: none !important;
	position: fixed;
    background-color: transparent;
	height:110px;	
}
.wd_margin-top5{
	margin-top: 5px !important;
	
}
.uk-scope .uk-margin-remove-bottom {
    margin-top: 5px !important;
	text-align: center;
}

.wd-uk-1 .astroid-article-full-image {
    margin-bottom: 2px !important; */
}

/*  Steuerung der Grid-Anzeige über Klasse wd-uk-1 */
.wd-uk-1 .uk-scope .uk-h5, .uk-scope h5 {
    font-size: 18px;
    line-height: 1.4;
	color: #127595;
	font-weight: 600;
}
.wd-uk-1 .uk-scope .uk-border-rounded {
    border-radius: 15px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;  /* Für weiche Übergänge */
}
.wd-uk-1 .uk-scope .uk-border-rounded:hover {
	transform: translate(-10px, -10px);
	box-shadow: 5px 5px 0 0 #dcdcc3; /* dunkleres beige */
}
.wd-uk-1 .uk-scope .uk-margin {
    margin-bottom: 10px !important;
}
.wd-uk-1 .uk-grid-margin {
    margin-top: 5px !important;
}
.wd-uk-1 .grid-margin {
    margin-top: 0px !important;
}
/* Steuerung der Grid-Anzeige über Klasse wd-uk-2 */
.wd-uk-2 .uk-scope .uk-h5, .uk-scope h5 {
    font-size: 18px;
    line-height: 1.4;
	color: red !important;
	font-weight: 600;	
}
.wd-uk-2 .uk-scope .uk-border-rounded {
    border-radius: 15px;
	transition: transform 0.2s ease, box-shadow 0.3s ease;  /* Für weiche Übergänge */
}
.wd-uk-2 .uk-scope .uk-border-rounded:hover {
	transform: translate(-10px, -10px);
	box-shadow: 5px 5px 0 0 #dcdcc3; /* dunkleres beige */
}
.wd-uk-2 .uk-scope .uk-margin {
    margin-bottom: 5px;
}
/* Steuerung der Grid-Anzeige über Klasse wd-uk-3 */
.wd-uk-3 .uk-scope .uk-h5, .uk-scope h5 {
    font-size: 18px;
    line-height: 1.4;
	color: #127595 !important;
	font-weight: 600;	
}
.wd-uk-3 .uk-scope .uk-border-rounded {
    border-radius: 0px;
	transition: transform 0.2s ease, box-shadow 0.3s ease;  /* Für weiche Übergänge */
}
.wd-uk-3 .uk-scope .uk-border-rounded:hover {
	transform: translate(-10px, -10px);
	box-shadow: 5px 5px 0 0 #E5E5E5; /* Helles grau */
}
.wd-uk-3 .uk-scope .uk-margin {
    margin-bottom: 5px;
}
.wd-einzug-1 {
    padding-left: 50px;
    text-indent: -50px;
}

.wd_logo{
	background-color: rgba (255,255,255, 0.5) !important;
}

.mx-4 {
  margin-right: 0.2rem !important; 
  margin-left: 0.2rem !important; 
}
/* 
.astroid-nav-wraper{
	background-color: rgba(240,240,240);
	color: white;	
	padding-left: 0 px !important;
	padding-right: 0 px !important;
	padding-top: 0 px !important;
	 */}
.article-wraper {
    padding-bottom: 3px !important;
    border: #e5e5e5;
    border-top-style: double;
}
.article-wraper-inner {
    padding: 15px;
}

.uk-article-meta {
    display: none;
}
.uk-panel-box {
    padding: 10px;
}
.uk-margin {
    margin-top: 0px !important;
}

a.accordeonck{
	padding: 2px !important;
}
.nav-link {
    padding: 0.5rem 0.3rem;
    color: black !important;
 } 
.custom-flex-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap; /* verhindert Umbruch */
}

.custom-flex-container .side-column {
  flex: 0 0 auto;
}

.custom-flex-container .side-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.custom-flex-container .middle-column {
  flex: 1 1 auto;
  min-width: 200px;
}

/* Mobile: Seitliche Bilder ausblenden */
@media only screen and (max-width: 1200px) {
  .custom-flex-container .side-column {
    display: none !important; /* höchste Priorität */
    visibility: hidden !important;
  }
  .custom-flex-container {
    flex-wrap: wrap !important;
  }
}
.wd-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}

.wd-flex-column {
  box-sizing: border-box;
}

.side-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content-column {
  flex: 1;
  min-width: 200px;
}
.wd2-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}

.wd2-flex-column {
  box-sizing: border-box;
}

.wd2-side-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.wd2-content-column {
  flex: 1;
  min-width: 200px;
}
/* Bilder auf Smartphones ausblenden */
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }

  .wd-flex-container {
    flex-direction: column;
  }
  .wd2-hide-on-mobile {
    display: none !important;
  }
}
.wd3-container {
      display: flex;
      flex-wrap: wrap; /* Erlaubt das Umfließen bei kleinen Bildschirmen */
      gap: 10px; /* Abstand zwischen den Spalten */
	  justify-content: space-between; /* Verhindert, dass sich die Spalten zusammenziehen */
    }

    /* Gemeinsame Spalten-Stile */
.wd3-column {
      flex-grow: 1; /* Ermöglicht es der Spalte, sich zu dehnen */
      flex-basis: 0; /* Basisbreite der Spalte (0 erlaubt Flexibilität) */
      padding: 5px;
      box-sizing: border-box;
      transition: all 0.3s ease;
    }

    /* Äußere Spalten (mit Bildern) */
.wd3-column img {
      width: 100%;  /* Bild nimmt die gesamte Breite der Spalte ein */
      height: auto; /* Erhält das Seitenverhältnis */
      max-width: 100%; /* Verhindert das Überschreiten der maximalen Breite */
      display: block; /* Entfernt unnötige Abstände */
    }

    /* Mittlere Spalte */
.wd3-column:nth-child(2) {
      /* background-color: #e1e1e1; */
	  flex-grow: 2; /* Die mittlere Spalte wächst und nimmt mehr Platz ein */
    }

    /* Äußere Spalten */
.wd3-column:nth-child(1),
.wd3-column:nth-child(3) {
      /* background-color: #f4f4f4; */
      max-width: 300px; /* Maximalbreite der äußeren Spalten (z.B. Bildgröße) */
    }

    /* Responsive Design für Smartphones */
@media (max-width: 768px) {
      .wd3-column:nth-child(1),
      .wd3-column:nth-child(3) {
        display: none; /* Verstecke die äußeren Spalten bei Bildschirmen kleiner als 768px */
      }

      .wd3-column {
        flex: 100%; /* Jede Spalte nimmt 100% der Breite ein */
      }
    }
	/* Breite des Dropdown-Menüs */
/* .astroid-navbar .dropdown-menu {
  min-width: 550px; /* Oder jede andere gewünschte Breite */
} */
.wd-suche{
	border: 2px;
	border-color:green;
	padding-top: 15px;
}
.js-finder-search-query form-control{
    padding-top; 15px;
}
.mod-finder input[type="search"] {
    margin-top: 15px;
}
.mod-finder {
    margin-top: 20px;
}

.megamenu-container.nav-submenu-container {
    min-width: 500px;
}
.acym__users__creation__fields__title{
  padding-right: 10px;
}
/* --- Grundregeln: Hintergrund und automatische Höhe --- */
/* .wd-slider .uk-slider-items > li,
/* .wd-slider .uk-slideshow-items > li { */
  /* background-size: cover;      /* oder 'contain' wenn nichts beschnitten werden soll */ */
  /* background-position: center; */
  /* aspect-ratio: var(--ratio, 16/9); /* Standard 16:9, per Variable überschreibbar */ */
  /* height: auto !important; */
  /* min-height: 0 !important; */
/* } */ */
.wd-slider .uk-slider-items > li,
.wd-slider .uk-slideshow-items > li {
  background-size: contain;   /* gesamtes Bild anzeigen */
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto; /* Ratio nicht erzwingen, Bild bestimmt selbst */
}
.wd-slider .uk-slider-items > li {
  /* Bild vollständig sichtbar */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  /* Höhe folgt der Breite (Standard 4:3) */
  aspect-ratio: var(--ratio, 4/3);
  height: auto !important;
  min-height: 0 !important;
}

/* Falls Theme/JS irgendwo Höhe erzwingt → neutralisieren */
.wd-slider,
.wd-slider .uk-slider,
.wd-slider .uk-slider-items {
  height: auto !important;
  min-height: 0 !important;
}


/* --- Häufig gesetzte fixe Höhen neutralisieren --- */
.wd-slider,
.wd-slider .uk-slider,
.wd-slider .uk-slideshow,
.wd-slider .uk-slider-items,
.wd-slider .uk-slideshow-items {
  height: auto !important;
  min-height: 0 !important;
}

/* Falls im Theme ein innerer Wrapper genutzt wird (z. B. .uk-panel) */
.wd-slider .uk-slider-items > li > *:first-child,
.wd-slider .uk-slideshow-items > li > *:first-child {
  height: 100%;
}

.wd-slider .uk-slider-items > li .uk-panel { 
  aspect-ratio: var(--ratio, 4/3); 
  background-size: cover; 
  background-position: center; 
}