/*
body {
	background-image: url(/images/bg-gtc.jpg);
	background-position: center;
	background-attachment:fixed;
	background-size: cover;
	height: 100%;  
	width: 100%;
}
*/
/* body {
	background-color: #e6e6e6;
	
}
.wd-bg-akiput-1 {
	background-color: yellow;
	
} */
/* Standard-Darstellung (Desktop & Tablet) */
/* gesamten Header kleben */
#astroid-header, .astroid-header-wrapper {
  position: sticky;
  top: 0;
  z-index: 1100;
}
/* Astroid-Klasse nutzen, wenn "is-sticky" gesetzt wird */
.astroid-header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1100;
}
body.has-sticky-header { /* optionaler Platzhalter, um Layout-Shift zu vermeiden */
  padding-top: var(--header-height, 80px);
}
.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;
}
.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;
}

.astroid-mobilemenu {
	width: 350px;   /* oder 80%, je nach Wunsch */
	max-width: 90%; /* optional Begrenzung */
}
.result__taxonomy {
    /* padding: 0; */
    /* list-style: none; */
    display: none;
}	
.nav-title {
    /* background-color: yellowgreen; */
    /* padding: 5px; */
    /* padding-left: 10px; */
    padding-right: 10px;
}

.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 */
  }
}
.com-dpcalendar-event .dp-heading {
    display: none;
}

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




.pt-3 {
	padding-top: 0px !important;
}
.item-title {
	text-align: center;
}

.uk-scope li {
    padding: 0px !important;
}

.banneritem{
	padding-bottom: 10px;
}	


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

/* .megamenu-container, .megamenu-container .nav-submenu .nav-submenu { */
    /* border-top: 4px solid rgba(255, 0, 0, 0.4); */
	/* border-top: 4px solid rgba(255, 0, 255, 0.4); */
	/* border-top: 4px solid blue; */
/* } */
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
	border-top: none;
}
.uk-scope *+.uk-margin {
    margin-top: 2px !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;
  }
}


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

.content-column {
  flex: 1;
  min-width: 200px;
}

/* Bilder auf Smartphones ausblenden */
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
/* Bild immer proportional: */
.wk-slider img,
.wk-slideshow img,
.uk-slider-items img {
  width: 100%;
  height: auto !important;
  object-fit: contain; /* oder 'cover', je nach gewünschtem Zuschnitt */
}

/* Container darf keine feste Höhe erzwingen: */
.wk-slider,
.wk-slideshow,
.uk-slider,
.uk-slider-items {
  height: auto !important;
}

.uk-slider-items > * {
  min-height: 0 !important;
}