.wp-block-media-text__content ul li::before {
	content: "\2022";
	color: white;
	font-weight: normal;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
 .wp-block-media-text__content ul {
  list-style: none;
}
.wp-block-media-text__content ul li {
	margin: 10px 0;
}
#elementor-popup-modal-362 {
	justify-content: center;
	align-items: center;
	pointer-events: all;
	background-color: rgba(0,0,0,0);
}

.entry-title {
	color: #8d8089;
}
.has-text-align-center strong {
	color: #8d8089;
	font-weight: 100;
}
#post-379 p, #post-379 code, #post-387 p, #post-387 code{
	font-size: 12px;
	color: #181818;
}
#post-379 code, #post-387 code {
	background-color: #8d8089;
	color: #fff;
	padding: 10px;
}
#post-379 .wp-block-code, #post-387 .wp-block-code {
  border: 0;
  padding: 0;
}
#post-379 strong, #post-387 strong {
	color: #8d8089;
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
	max-width: unset;
	width: 102%;
	vertical-align: middle;
}
.wp-image-49.size-full {
	width: 100%;
}
.wp-image-102.size-full {
	width: 100%;
}

#headerbild {
  width: 100vw;
}
.elementor.elementor-503 {
	margin: 0 !important;
	padding: 0;
}
/* --- Styling nur für die Kontaktseite (Page-ID 1791) --- */
.page-id-1791 .sharedaddy { 
  margin: 30px auto;
  text-align: center;
}

.page-id-1791 .sharedaddy .sd-title { 
  display: none;  /* "Teilen mit" ausblenden */
}

.page-id-1791 .sharedaddy .sd-content ul {
  display: flex;
  justify-content: center;  /* Icons zentrieren */
  gap: 12px;
  flex-wrap: wrap;
  padding: 0;
}

.page-id-1791 .sharedaddy .sd-content ul li a {
  background: #5CB8B2;       /* deine Wunschfarbe */
  color: #fff !important;
  border-radius: 50px;       /* runde Buttons */
  padding: 8px 14px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.page-id-1791 .sharedaddy .sd-content ul li a:hover {
  filter: brightness(0.9);
  transform: scale(1.05);
}
/* ==== Jetpack Likes auf der Kontaktseite (ID 1791) sauber zentrieren ==== */
.page-id-1791 #jp-post-flair {            /* gesamter Jetpack-Bereich (Share + Like) */
  text-align: center;                      /* Basiszentrierung */
}

/* Der Like-Container, der das iFrame hält – STANDARDMÄSSIG float:left */
.page-id-1791 #jp-post-flair .sd-like {
  float: none !important;                  /* Float neutralisieren */
  display: inline-flex;                    /* iFrame wie ein Element behandeln */
  justify-content: center;                 
  align-items: center;
  width: auto;                             /* nicht 100% */
  margin: 12px auto 0;                     /* hübscher Abstand nach oben */
  clear: both;                             /* unterhalb der Share-Leiste */
}

/* Falls Jetpack dem iFrame noch Ränder gibt – mittig und kompakter */
.page-id-1791 #jp-post-flair .sd-like iframe {
  margin: 0 auto !important;
  transform: scale(.95);                   /* optional: etwas kleiner */
  transform-origin: center center;
}

/* Die SPALTE mit der Klasse hero-wrap vorbereiten */
.hero-wrap > .elementor-widget-wrap{
  position: relative;     /* Anker für absolute Elemente in der Spalte */
}

/* Karussell auf feste Höhe bringen (alle relevanten Wrapper) */
.hero-wrap .elementor-widget-image-carousel,
.hero-wrap .elementor-image-carousel,
.hero-wrap .elementor-image-carousel .swiper,
.hero-wrap .elementor-image-carousel .swiper-container{
  height: 560px;          /* Wunschhöhe (Desktop) */
}

/* Bilder schön zuschneiden */
.hero-wrap .elementor-image-carousel .swiper-slide{
  display:flex;
}
.hero-wrap .elementor-image-carousel .swiper-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* DIE ÜBERSCHRIFT: den WIDGET-WRAPPER absolut platzieren */
.hero-wrap .elementor-widget-heading{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:10;
  width:100%;
  text-align:center;
  pointer-events:none;      /* optional: keine Klicks abfangen */
}

/* eigentlicher Textstil */
.hero-wrap .elementor-widget-heading .elementor-heading-title{
  margin:0;
  padding:0 16px;
  color:#5CB8B2;            /* deine Farbe */
  font-size:clamp(20px,6vw,32px);
  line-height:1.2;
}

/* Mobilhöhe anpassen */
@media (max-width:767px){
  .hero-wrap .elementor-widget-image-carousel,
  .hero-wrap .elementor-image-carousel,
  .hero-wrap .elementor-image-carousel .swiper,
  .hero-wrap .elementor-image-carousel .swiper-container{
    height:420px;
  }
}


/* Falls andere Regeln „gewinnen“, mit !important durchsetzen */
.hero-wrap > .elementor-widget-wrap { 
  position: relative !important; 
}

.hero-wrap .elementor-widget-heading{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
  z-index: 10 !important;
  width: 100%;
  text-align: center;
  pointer-events: none;
}

.hero-wrap .elementor-widget-heading .elementor-heading-title{
  margin: 0;
  padding: 0 16px;
}

/* --- Variante A: Karussell volle Breite, Höhe automatisch, kein Zoom --- */
.hero-wrap .elementor-image-carousel,
.hero-wrap .elementor-image-carousel .swiper,
.hero-wrap .elementor-image-carousel .swiper-container,
.hero-wrap .elementor-image-carousel .swiper-wrapper,
.hero-wrap .elementor-image-carousel .swiper-slide {
  width: 100%;
}

/* Bilder füllen Breite, Höhe passt sich an – kein Cropping/Zoom */
.hero-wrap .elementor-image-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: contain; /* Bild bleibt vollständig sichtbar */
  display: block;
}

/* Überschrift nicht breiter als Bild */
.hero-wrap .elementor-widget-heading .elementor-heading-title {
  max-width: 90%;
  margin: 0 auto;
}

/* CookieYes immer über allem anzeigen */
.cky-consent-container,
.cky-consent-bar,
.cky-overlay,
.cky-consent-wrapper {
  position: fixed !important;
  z-index: 2147483647 !important;
}

/* Elementor-Popup immer ganz nach vorne holen */
.elementor-popup-modal {
  z-index: 99999 !important;
}