/*
	Theme Name: Semplice 7 Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice7
*/

/* Custom CSS Start */


/*
	Yellow: #FFD00A
	Darker Yellow: #FFD00A
	
*/

/* 1) Grundlegende Schrift‑Styles im InfoWindow */


/* Abstand zwischen Adresse und Öffnungszeiten im InfoWindow */
.gm-style .gm-style-iw ul:first-of-type {
  /* Abstand nach unten */
  margin-bottom: 15px !important;
}

/* Optional: noch etwas Platz vor den Öffnungszeiten selbst */
.gm-style .gm-style-iw ul:nth-of-type(2) {
  margin-top: 15px !important;
}

/* 1) Grundlegende Schrift‑Styles im InfoWindow */
.gm-style .gm-style-iw {
  font-family: 'Roboto-Regular', sans-serif !important;
  font-size: 16px !important;
  color: #333 !important;
  padding: 12px !important;
}

/* 2) Überschrift (der erste Listeneintrag) fetter und größer */
.gm-style .gm-style-iw ul:first-of-type li:first-child {
  font-family: 'Roboto-Bold', sans-serif !important;
  font-size: 16px !important;
 
}

/* 3) Listen‑Offsets entfernen, Abstände anpassen */
.gm-style .gm-style-iw ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 4) Icon‑Labels enger zusammenrücken */
.gm-style .gm-style-iw ul li {
  margin-bottom: 2px !important;
  line-height: 1.1 !important;
  font-size: 16px !important;
  font-family: 'Roboto-Regular', sans-serif !important;
}

/* 5) Optional: Hintergrund und Border absetzen */
.gm-style .gm-style-iw {
  box-shadow: 0 1px 6px rgba(0,0,0,0.3) !important;
  border-radius: 4px !important;
}


/* Weihnachtswelt*/

/* Datums-Bubble */
.date-bubble {
  display: inline-block;
  margin: 0;
  padding: 5px 11px;
  font-size: clamp(12px, 0.75vw + 0.25rem, 14px) !important;
  line-height: 1.2;
  color: #fff;

  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50px;

  /* Glas-/Blurry-Look */
  background: rgba(255,255,255,0.08);        /* Fallback */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);         /* Safari */

}

/*Berni*/

.berni {position: absolute!important; top: 110px!important; width: 140px!important; left: 50px!important;}

/*Navigation*/

/* Column-Slider Container */

/* ================================
   Column-Slider (column-slider)
   Spezifischer CSS-Code für den neuen Slider
   ================================ */

/* Container für den column-slider */
.column-slider {
  width: 100%;
}

/* Überschreibt die allgemeinen .swiper-slide-Regeln nur für den column-slider */
.column-slider .swiper-slide.column-slide {
  display: block !important;           /* Verhindert das Flex-Layout */
  text-align: left !important;           /* Text linksbündig */
  background: #fff;                     /* Weißer Hintergrund */
  border-radius: 5px;                   /* Abgerundete Ecken */
  overflow: hidden;                     /* Verhindert Überlaufen */
  position: relative;                   /* Standard-Positionierung */
  padding: 0;                           /* Kein extra Padding */
  
  /* Feste Höhe für alle Slides, unabhängig vom Inhalt */
  height: 450px;                        /* Hier ggf. anpassen */
}

/* Spezifische Bild-Stile für den column-slider */
.column-slider .column-slide-image {
  display: block !important;
  width: 100% !important;
  height: 165px !important;             /* Feste Bildhöhe */
  object-fit: cover !important;
  position: relative !important;        /* Überschreibt die allgemeine absolute Positionierung */
}

/* Textbereich unter dem Bild */
.column-slider .column-slide-text {
  background: #fff;                     /* Weißer Hintergrund */
  padding: 25px;                        /* Innenabstand */
  text-align: left;                     /* Text linksbündig */
  position: relative;
  z-index: 2;                           /* Sicherstellen, dass er sichtbar ist */
  
  /* Optional: Falls der Inhalt zu lang ist, kannst du ein Überlaufen verhindern */
  overflow: hidden;
}

/* Überschrift im Textbereich */
.column-slider .column-slide-text h3 {
  font-size: 21px!important;
  line-height: 21px!important;
  margin: 10px 0 5px;
  color: #000;
}

/* Absatz im Textbereich */
.column-slider .column-slide-text p {
  font-size: 17px;
  line-height: 25px;
  margin: 0 0 10px;
  color: #000;
}

/* Button im Textbereich */
.column-slider .column-slide-button {
  display: inline-block;
  font-family: "Roboto-Bold"!important; 
  padding: 5px 25px;
  background-color: #FFD00A;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.column-slider .column-slide-button:hover {
  background-color: #000;
  color: #fff;
}

/* Pagination (Punkte) spezifisch für den column-slider */
.column-slider .swiper-pagination {
  position: relative !important;
  margin-top: 30px !important;
  text-align: center;
}

.column-slider .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  opacity: 0.5 !important;
}

.column-slider .swiper-pagination-bullet-active {
  background-color: #000 !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
}


/* ACCORDION STRUKTUR + STYLING */


#content-holder .sections { margin-top: 107px; }

#column_mhso3tbgh {position: absolute; z-index: 9999;} /*Top-Navigation*/


    .is-frontend .verkaufsstand_old .accordion-content {
            display: flex;
            justify-content: space-between;
            padding-bottom: 3vh;
            border-bottom: 1px solid #dddddd;
        }
        
         .is-frontend .verkaufsstand_old .accordion-content:last-child{
            border-bottom: none;
        }
        
	        
        .is-frontend .verkaufsstand_old .accordion-content ul {
          list-style-type: none;
          padding: 0!important;
		  margin: 0!important;
		  width: 100%; /* Breite der einzelnen Listen */
		}
        
        .is-frontend .verkaufsstand_old  .accordion-content li {
          padding: 0px!important;
          margin-bottom: 0px;
          
        }
      

		.is-frontend .verkaufsstand_old .accordion-content ul:nth-of-type(1) li:first-child,
        .is-frontend .verkaufsstand_old .accordion-content ul:nth-of-type(2) li:first-child {
          font-family: 'Roboto-Bold'!important;
		   color: black;
        }
        
        .is-frontend .verkaufsstand_old .accordion-content ul:last-of-type li:first-of-type:before {
		  font-family: 'fa';
    	  content: "";
		  color: #000;
		  right: 1rem !important;
		  top: 0;
		  left: 0;
		  font-size: 18px;
		  padding-right: 7px;
		}
		
		.is-frontend .verkaufsstand_old .accordion-content ul:last-of-type li:last-of-type::before {
		 content: ""; /* Dein gewünschtes Symbol */
		 font-family: 'fa6s'; /* Stelle sicher, dass 'fa6s' die korrekte Schriftart ist */
		 color: #000;
		 right: 1rem !important;
		 top: 0;
		 left: 0;
		 font-size: 18px;
		 padding-right: 7px;
		}
        
       
        .is-frontend .verkaufsstand_old .expanded {background: #f5f5f5!important; padding-bottom: 30px!important;}
        .is-frontend .verkaufsstand_old ul li,
        .is-frontend .verkaufsstand_old .expanded ul li {list-style: none!important;}
        .is-frontend .verkaufsstand_old .expanded .title-span {color: #FFD00A; text-decoration: underline; text-decoration-color: #000000;}
        .is-frontend .verkaufsstand_old .title-span:hover {color: #FFD00A; text-decoration: underline; text-decoration-color: #000000;}
        .wp-admin .verkaufsstand_old .accordion-text {border: 1px solid #666!important; /* Grauer Hintergrund */ padding-top: 30px;}
       	.wp-admin .verkaufsstand_old .accordion-text:nth-of-type(2n) {background-color: #f5f5f5!important; /* Grauer Hintergrund */}
       	

.is-frontend .verkaufsstand_old .status.in-betrieb {
  color: #28a745;
  font-weight: bold;
}

.is-frontend .verkaufsstand_old .status.ausser-betrieb {
  color: #dc3545;
  font-weight: bold;
}


/* Header-Swiper */

.swiper {
  width: 100% !important;
  /*height: 620px;*/
  position: relative !important;
  }


.header-swiper,
.header-wrapper {
  height: 480px!important; /* Hier die Höhe anpassen */
  }

.swiper-slide {
  position: relative !important;
  text-align: center !important;
  font-size: 18px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  /*overflow: hidden !important;*/
  }

.swiper-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1; /* Bild liegt unterhalb des Textes */
  }

/* Fading Overlay */
.fade-overlay {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Höhe des Fadings */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent) !important; /* Schwarz zu Transparent Fading */
  z-index: 2; /* Überlagert das Bild, aber unterhalb des Textes */
}

/* Inhalt über dem Bild */
.slide-content {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important; /* Zentriert den Inhalt */
  color: #fff !important; /* Weißer Text */
  text-align: center !important;
  z-index: 3; /* Überlagert das Bild und das Fading */
}

.slide-content h2 {
  margin: 0 0 10px 0 !important;
  font-size: 24px !important;
}

.slide-content p {
  margin: 0 0 20px 0 !important;
  font-size: 16px !important;
}

.cta-button {
  display: inline-block !important;
  padding: 10px 20px !important;
  background-color: #FFD00A !important; /* CTA Button Farbe */
  color: #000 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  transition: none!important;
  }
  
.cta-button:hover {
  background-color: #000 !important; /* CTA Button Farbe */
  color: #fff !important;
  text-decoration: underline !important;
  }

/* Angepasste Dots (Pagination) */
.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
  background-color: #fff !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
}


/* Navigationspfeile */
.swiper-button-next,
.swiper-button-prev {
  display: none!important;
}

.header-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  	}
  	
  .header-swiper {
    width: 100%;
    height: 500px; /* Anpassbar */
	}
	
.header-carousel-cell {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white;
    text-align: center;
	}
	
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 5;
	}
	
.headline-wrapper {
    position: absolute;
    z-index: 10;
    padding: 0 40px;
    width: 100%
	}
	
	
.topheadline {
	padding: 5px;
	border-radius: 5px;
	font-family: 'thirsty-script'!important;
	font-size: 24px!important;
	line-height: 28px!important;
	margin-bottom: 15px!important;
}
		
.headline {
  	font-size: 46px!important; 
	font-family: 'panton-rust-black-grunge'!important;
	line-height: 26px!important; 
	word-wrap: break-word!important;
	hyphens: auto!important;
	margin-bottom: 25px!important;
	}
	
.subheadline {
    font-size: 24px;
    line-height: 28px;
    padding-left: 40px;
    padding-right: 40px;
	}

.cta-button {
    padding: 10px 20px;
    font-size: 15px;
    color: black;
    background-color: #FFD00A;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: 700;
  	}

.cta-button:hover {
    background-color: black;
    color: white;
    text-decoration: underline;
	}

.swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
	}
  
/*Content-Slider*/ 

.bg-fade-container {
    width: 100%;
    /*touch-action: pan-y!important; /* Erlaubt nur vertikales Scrollen */
    /*max-width: 1800px;*/
    }

.bg-fade-column {
    position: relative;
    width: calc(25% - 10px); /* Jede Spalte nimmt ein Viertel der Slider-Breite abzüglich der Marge ein */
    height: 450px!important; /* Feste Höhe für alle Spalten */
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: flex-end; /* Text nach unten ausrichten */
    color: white;
    overflow: hidden; /* Verhindert, dass der Hover-Effekt über die Grenzen hinausgeht */
    margin-right: 15px; /* Abstand zwischen den Spalten */
    border-radius: 5px;
    min-height: 450px; /* Falls die Slides keine Höhe haben */
    }

.bg-fade-column:last-child {
    margin-right: 15px; /* Entfernt die rechte Marge der letzten Spalte */
    }

.bg-fade-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    z-index: 1;
    transition: opacity 0.8s ease;
    }

        /*.bg-fade-column:hover::before {
            opacity: 1;
        }*/

.text-content {
	position: absolute;
	bottom: 40px;
	left: 15px;
	right: 30px;
	z-index: 2;
	text-align: left;
    color: white;
 	}
        
.text-content span {
	background: white;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Roboto-Regular'; 
	font-size: 10px;
	font-weight: 900;
	color: black;
	}
 
.text-content h2 {
	font-size: 26px!important; 
	line-height: 26px!important; 
	padding-top: 5px; 	
	word-wrap: break-word!important;
	hyphens: auto!important;
	}

	
/*.ueber-uns .text-content h2 {font-size: 40px!important; line-height: 40px!important;}*/
.text-content a {font-family: 'Roboto-Regular'; color: #fff!important; text-decoration: underline; letter-spacing: normal!important; }
.text-content a:hover {color: white; text-decoration: none!important;}
	    

.bg-fade-column h2 {
    margin-bottom: 15px!important;
    }

.bg-fade-column h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    }

.bg-fade-column p {
    font-size: 1rem;
    line-height: 1.5rem;
    }
    
.content-slider .swiper-pagination {
  position: relative !important;
  margin-top: 30px!important; /* Abstand zum Swiper */
  text-align: center;
  }
  
/* Angepasste Dots (Pagination) */
.content-slider .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  opacity: 0.5 !important;
  }

.content-slider .swiper-pagination-bullet-active {
  background-color: #000 !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  }

/*Ende*/

/*Review-Slider*/
.review-slider {
  width: 100%;
  max-width: 100%;
}




.review-slider .swiper-slide {
  box-sizing: border-box;
  flex-shrink: 0;
  background: #f5f5f5;
  border-radius: 6px;
  border: 1px solid #ededed;
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 320px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  text-align: left;
}



.review-stars {
  font-family: 'fa-solid-900', sans-serif;
  font-size: 18px;
  color: #ffd008;
  margin-bottom: 15px;
  font-size: 18px;
}

.review-text {
  font-family: 'Roboto', sans-serif;

  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #333;
}

.review-user {
  font-size: 0.95rem;
  color: #666;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

@media (max-width: 767px) {
  .review-slider .swiper-slide {
    padding: 20px 15px;
    min-height: 260px;
  }

  .review-text {
    font-size: 1rem;
    line-height: 1.5;
  }

  .review-user {
    font-size: 0.85rem;
  }

  .review-stars {
    font-size: 16px;
    letter-spacing: 1px;
  }
}


/*Ende*/

.is-frontend .liste ul li {
	display: inline-block;
	
	background-color: rgba(0, 0, 0, 0.09); 
	border-radius: 18px;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	line-height: 18px!important;
	font-family: 'Roboto-Regular'!important;
    font-size: 14px;
    color: #000;
     white-space: nowrap; /* Verhindert das Umbruch von Wörtern */
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none!important;
   overflow-x: auto; /* Horizontales Scrollen ermöglichen */
   }
   
   
   

.liste ul {
	margin-left: 0px!important;
	padding-left: 0!important;
	}
	




.not-for-admin {display: none!important;}

/* Custom CSS Start */


.container ul:not(.liste ul, .verkaufsstand_old .accordion-content ul) {
    margin-left: 25px !important;
}

/*Typo Header*/
.font_b7yfmw0n1 /*Header Typo*/,
.font_tohavfbpb {
	color: #fff!important;
	text-shadow: 0 3px 8px rgb(0 0 0 / 0.3);
	text-transform: uppercase!important;
	}
	
/*No Transitions*/
.smp-button *,
.is-frontend a {transition: none!important;}
.is-frontend a:not(header a):hover {text-decoration: underline;}

.is-frontend .liste a {text-decoration: underline;}
.is-frontend .liste a:hover {text-decoration: none;}

.is-frontend .underline_link a {text-decoration: underline;}
.is-frontend .underline_link a:hover {text-decoration: none;}

/*Backend Custmize*/

/*.editor-add,*/
/*.wp-admin .semplice-cover p,*/


/*Google Map Customization*/


.gm-style-iw {padding-top: 10px!important;}
.gm-style-iw-chr {
    display: none !important;
}

.wpgmza_infowindow_title {font-family: 'panton-rust-black-grunge'!important; padding-top: 10px!important margin-bottom: 0px!important}

.wpgmza-infowindow strong {font-family: "Roboto-Bold"!important;}
.wpgmza-infowindow p,
.wpgmza_infowindow_description p {font-size: 15px!important; line-height: 21px!important;}

/*Breadcrumb*/
.fbc-separator {font-family: 'fa'!important; font-size: 12px; color: #FFD00A!important;}

.fbc-wrap a {font-size: 15px!important;font-family: "Roboto-Regular"!important;  letter-spacing: 0px; }
/*.fbc-wrap a:hover {color: #FFD00A!important;}*/

.fbc-wrap ol li {padding: 5px 5px 5px 0px!important;}
.fbc-items:first-child span {color: #000!important;}

.fbc-wrap span,
ol.fbc-items .active.post-page span {color:#FFD00A!important;font-family: "Roboto-Regular"!important;}

/*Carousel*/

* { box-sizing: border-box; }

.carousel-image {
  display: block;
  /* set min-width, allow images to set cell width */
  /*min-width: 150px;
  max-width: 25%!important;*/
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
  /* vertically center */
  }

.carousel.is-fullscreen .carousel-image {
 	height: auto;
 	max-height: 100%;
 	}

.flickity-slider {
  	display: flex;
  	}

.carousel-cell {
 	border-top-left-radius: 5px!important;
 	border-top-right-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    background: #fff;
    margin-right: 15px;
    width: 100%;
    width: calc(25% - 10px); /* Jede Spalte nimmt ein Viertel der Slider-Breite abzüglich der Marge ein */
    min-height: 100%;
    }
 
 .carousel-cell .carousel-content-inner{
	padding: 1.2rem 1.5rem 2.5rem 1.5rem!important; 
	}

.carousel-cell .carousel-content-inner h3 {
	color: #000; 
	margin-bottom: 2vh!important;
	font-family: "panton-rust-black-grunge"!important;
	font-size: 21px!important;
	line-height: 21px!important;
	}
	
.carousel-cell .carousel-content-inner span {
	font-family: "Roboto"!important; 
	font-size: 16px;
   	color: #FFD00A;
	}	
	
.carousel-cell .carousel-content-inner p {
	font-size: 17px;
	line-height: 25px!important;
	}	

.carousel-cell .carousel-content-inner a.carousel-button {
	font-family: "Roboto"!important; 
	font-weight: bold;
	font-size: 16px;
	padding: 8px 30px 8px 30px!important;
	background: #FFD00A;
	border-radius: 5px;
	width: 180px;
	margin-top: 0px;
	}	
	
.carousel-cell .carousel-content-inner a.carousel-button:hover {
	width: 180px;
	color: #fff;
	background: #000;
	}
	
.icon-carousel-cell {
  	margin-right: 50px;
    white-space: nowrap;       /* Verhindert das Umbrechen des Textes */
    overflow: hidden;          /* Verhindert das Überlaufen von Inhalten */
    text-overflow: ellipsis;   /* Fügt bei zu langem Text "..." hinzu */
    font-family: "Roboto-Bold"!important; 

    font-size: 16px;
    line-height: 26px;
    }	
    
.icon-carousel-cell i svg {fill: #FFD00A; height: 30px; }
.icon-carousel-cell i {
	padding-bottom: 1vh;
	display: flex;
	align-items: center;
	justify-content: center;
	}
		
/* smaller, dark, rounded square */
.flickity-prev-next-button {
  width: 30px!important;
  height: 30px!important;
  border-radius: 5px;
  background: #000!important;
  
}
.flickity-prev-next-button:hover {
  background: #000!important;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}


.home-flickity .flickity-page-dots {bottom: -2.5rem!important;}


.standort h3 {font-size: 24px!important; margin: 0!important; padding: 0!important; font-family: 'bagnardregular, serif'!important; font-size: 20px!important; font-weight: normal;}
.standort h4 {font-size: 15px!important; margin: 0px 0 10px 0!important; padding: 0!important; font-family: 'Roboto-Regular'!important;}
.standort p {margin: 0!important; padding: 0!important; font-family: 'Roboto-Regular'!important;font-size: 15px!important; line-height: 18px!important;}


/*Swiper Colum Slider*/
 
 

/*Accordion Start*/

.is-frontend .aktuelles.accordion-section .accordion-button a {
    transition: none !important;
    /*text-decoration: underline;*/
    position: relative !important;
    text-align: left!important;
    border-bottom: 0px solid transparent!important;
    }
    
.is-frontend .aktuelles.accordion-section .accordion-button a div::after {
    font-family: 'fa6s';
	content: ""!important;
    display: inline-block;
    position: absolute;
    color: #000;
    top: 10px;
    right: 3px;
    font-size: 16px;
	}
    
.is-frontend .aktuelles.accordion-section.active {background: #f5f5f5!important;} 
.is-frontend .aktuelles.accordion-section.active .accordion-button a {color: #fff!important;text-decoration: underline;}
.is-frontend .aktuelles.accordion-section.active .accordion-button a:hover {color: #FFD00A!important;}

/*Accordion*/

.is-frontend .accordion-section {
    transition: background .25s ease!important;
 	}

.is-frontend .accordion-section.active {
    background: #FFF !important;
	}

.accordion-section .accordion-button a {
   
    transition: none !important;
    position: relative !important;
    text-align: left!important;
    border-bottom: 1px solid #ddd!important;

    }

.is-frontend .accordion-section.active .accordion-button a {
    /*font-size: 22px!important;*/
    text-decoration: underline;
    border-bottom: 1px solid #f5f5f5!important;
  	}
	
 .accordion-section.active .column {background: #f5f5f5!important;} 


.is-frontend .accordion-section .accordion-button a div::after {
    font-family: 'fa6s';
	content: "+";
    display: inline-block;
    position: absolute;
    color: #000;
    top: 10px;
    right: 3px;
    font-size: 16px;
	}
	
.is-frontend .accordion-section .accordion-button a:hover div::after {
    /*color: #fff!important;*/
	}

.is-frontend .accordion-section.active .accordion-button:not(.aktuelles .accordion-section .accordion-button a::after) a div::after {
    font-family: 'fa6s';
	content: "";
    display: inline-block;
    position: absolute;
    color: #000;
    top: 10px;
    right: 3px;
    font-size: 16px;
	}
	
.is-frontend .accordion-section:not(.active) .row:not(:first-child) .column {
    height: 0px !important;
    overflow: hidden !important;
	}

.is-frontend .accordion-section:not(.active) .row:not(:first-child) {
    opacity: 1;
	}

.is-frontend .accordion-section .row:not(:first-child) {
    opacity: 1;
    transition: opacity .5s ease!important;
	}



h1, h2, h3, h4, h5, h6, p, span {  
  word-break: keep-all;
  -ms-hyphens: auto;
  -webkit-hyphens: none;
  hyphens: auto!important;
  }
  
.bg-fade-wrapper .text-content h2 {
  word-break: normal!important;
  -ms-hyphens: auto!important;
  -webkit-hyphens: auto!important;
  hyphens: auto!important;
  }

#row_cover,
.semplice-cover {max-height: 500px!important; margin-top: 0px!important;} 	
.is-frontend .semplice-cover {max-height: 500px!important; margin-top: 100px!important;}
.is-frontend .semplice-cover a {display: none!important;}

/*No Edit for Admin Hack*/



/*h1 {text-shadow: 3px 3px 0px rgba(70, 45, 30, 0.9);}*/
/*.h3shade h3, .custom_mox63t1hf {text-shadow: 3px 3px 0px rgba(70, 45, 30, 0.5);}*/
.textshadow p {text-shadow: 2px 2px 2px rgba(70, 45, 30, 0.6);}

/*Links*/

.ext-link span:after {
  font-family: 'fa';
  content: ''!important;
  color: #fff;
  padding-left: 3px;
  text-decoration: none!important;
  font-size: 12px;
  }
  

.forward-link a {color: #FFD00A;}
.forward-link a:hover {color: #000;}
.forward-link a:after { 
   font-family: 'fa';
   content: ''!important;
   display: inline-block;
   padding-left: 5px!important;
   font-size: 12px;
   }

.footer .forward-link a:after { 
   font-family: 'fa';
   content: ''!important;
   display: inline-block;
   padding-left: 5px!important;
   }

.footer .link a {
	color: #FFD00A;
	text-decoration: none!important;
	}
	
.footer .link a:hover {
	color: #000;
	text-decoration: underline!important;
	}

.link a {
	color: #FFD00A;
	}
	
.link a:hover {
	color: #000;
	}

.is-frontend .icon-list {display: block;}
/*.icon-list {display: none;}*/

.icon-list li {
	list-style: none;
	}

.icon-list ul {
	margin: 0!important;
}


    
/*Opacity for links on overlay (with effect delayed on overlay fade in*/

.is-frontend #overlay-menu .overlay-menu-inner nav ul li {
    opacity: 1!important;
    line-height: inherit;
	}

.is-frontend #overlay-menu .before-fade {
    transform: translate(0, 0rem)!important;
    -webkit-transform: translate(0, 0rem)!important;;
	}

/*Verkaufsstände*/

.cash_pay p:before{
  font-family: 'fa';
  content: "";
  color: #000;
  right: 1rem!important;
  top: 0px;
  left: 0;
  font-size: 18px;
  padding-right: 7px;
  } 
  
.open_close p:before {
  font-family: 'fa6s';
  content: "";
  color: #000;
  right: 1rem!important;
  top: 0px;
  left: 0;
  font-size: 18px;
  padding-right: 7px;
  }

/*Misc*/

.liste-np ul {margin-left: 20px!important;}

strong {
  font-family: 'Roboto-Bold', sans-serif!important;
  font-weight: 700;
}

.label-open,
.label-new {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.label-new::after {
  content: "NEU";
  padding: 3px 6px;
  font-size: 10px;
  font-weight: bold;
  background-color: #ff0000;
  color: white;
  border-radius: 12px;
  line-height: 1;
}


.label-open::after {
  content: "CLOSED";
  padding: 3px 6px;
  font-size: 10px;
  font-weight: bold;
  background-color: #ff0000;
  color: white;
  border-radius: 12px;
  line-height: 1;
}

.submenu-align-left > .sub-menu {
  left: auto !important;
  right: 0px !important; /* Du kannst mit dem Wert etwas spielen */
  transform: none !important;
}




.acc-custom-arrow .title .title-span:after {
	font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #000;
    font-size: 12px;
    padding-left: 5px;
	}
	
.acc-custom-arrow .accordion-item.expanded .title-span:after {
	font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #000;
    font-size: 12px;
    padding-left: 5px;
	}
	
.acc-custom-arrow .title .title-span {text-decoration: underline;}

.accordion-item a {text-decoration: underline;}
.accordion-item a:hover {text-decoration: none;}

/* Bold */
/*.title-span i {text-decoration: underline;}
	.title-span:hover i {text-decoration: none!important;}
*/


/*Date Icon*/
.date p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

	
/*Sun Icon*/
.sun p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

.smartphone p,
.download p,
.date p,
.euro p,
.request p,
.sun p,
.clock p {
	padding-left: 25px;
	}
	
/*Envelope Icon*/
.request p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }
	
	
/*Euro Icon*/
.euro p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

	
/*Download Icon*/
.download p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }


	
/*Smartphone Icon*/
.smartphone p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

	
/*Clock Icon*/
.clock p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

/*Clock Icon*/
.location p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

.location p {
	padding-left: 25px;
	}	
	
.ticket p::before {
    font-family: 'fa6s';
    content: "";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
	left: 0;
	top
    font-size: 15px;
    }

.ticket p {
	padding-left: 25px;
	}	


/*Liste für Weihnachtsfeier*/

.check-list ul {
  --icon-space: 1.3em;
  list-style: none!important;
  padding-left: 0;
  }

.check-list li {
  padding-left: 0!important;
  list-style: none!important;
  }



.bg-fade .content-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
            z-index: 1;
            border-radius: 5px;
        }

        .column-content {
            position: relative;
            z-index: 2;
        }

.check-list li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #FFD00A;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  }
  
.img-carousel img {border-radius: 5px;}


.crop-s img {width: 100%!important; height: 200px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-m img {width: 100%!important; height: 300px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-l img {width: 100%!important; height: 380px!important; object-fit: cover!important; border-radius: 5px!important;}

.is-content p a {text-decoration: underline!important;}

.is-content p a:hover {text-decoration: none!important;}



/*Contact Form*/

::-webkit-input-placeholder { /* WebKit browsers */
color: #333 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #333 !important;
opacity: 1;
}


.info {
    background-color: #fff!important;
    border: 1px solid transparent;
    color: #333!important;
    width: 100%;
    padding: 28px 0 28px 28px;
    font-size: 15px;
    border-radius: 5px!important;
    }
 
	
/*div.wpcf7 { 
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 .dropdown,
.wpcf7 .telField {
	font-family: 'Roboto-Regular';
	font-size: 16px !important;
 	}


.wpcf7 textarea {
	padding-left: 20px
	} 
 
.emailField,
.telField,
.forenameField,
.nameField {
	display: inline;
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid transparent!important;*/
    color: #333!important;
    width: 49%;
    padding: 20px 0 20px 20px;
    font-size: 15px;
    float: left;
    margin-bottom: 20px;
    border-radius: 5!important;
 	}
 	
.dropdown {
	display: inline;
	background-color: #f5f5f5;
    border: 1px solid transparent!important;
    padding: 28px 0 28px 20px!important;
    font-size: 15px;
    float: left;
    margin-bottom: 20px;
    border-radius: 5px!important;
	width: 100%!important;
 	}
 	
.wpcf7-form select {
    border: 1px solid transparent!important;
    color: #333!important;
	height: 60px;
    padding: 0px 0 0px 15px!important;
    border-radius: 5px!important;
	}
	
 
 .emailField,
 .nameField {
	 float: right!important;
	 }
 	
.forenameField:hover,
.nameField:hover,
.emailField:hover,
.telField:hover,
.info:hover,
.dropdown:hover {
	border: 1px solid #ccc!important;
	}

.forenameField:focus,
.nameField:focus,
.emailField:focus,
.telField:focus,
.info:focus,  
.dropdown:focus {
 	border: 1px solid #ccc;
 	color: #666!important;
   }
  	
.info {
	padding-left: 20px;
	height: 300px; 
	border: 1px solid transparent!important;
	background-color: #f5f5f5!important;}
	
span.label {color: #000; font-size: 15px;margin-top: 100px;}	
.checkRights {color: #FFD00A!important;}
.checkRights:hover {color: #333!important;}


/*Checkbox*/

.acceptance,
.wpcf7-form-control-wrap,
.wpcf7-list-item,
.wpcf7-list-item label {
  padding: 0 !important;
  margin-left: 0 !important;
}

input[type="checkbox"] {
  margin-left: 0 !important;
}

.acceptance {
  padding: 0;
  margin: 0;
}

.wpcf7-list-item label {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}

input[type="checkbox"] {
  border: 1px solid #ccc !important;
  border-radius: 5px;
  background: #f5f5f5;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: 0 !important; /* Kein Abstand links */
  margin-right: 8px !important; /* Abstand rechts zum Text */
  position: relative;
  flex-shrink: 0;

}

input[type="checkbox"]:hover {
  border: 1px solid #999 !important;
}

input[type="checkbox"]:checked {
  background: #FFD00A !important;
  border-color: #ccc !important;
}

input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.wpcf7-list-item-label {
  font-size: 15px !important;
  color: #333333 !important;
  line-height: 1.2; /* Wichtig für perfekte optische Zentrierung */
}



/*Ende Checkbox*/

.submit {
	text-align: center;
	padding: 8px 25px 8px 25px;
	font-size: 18px;
	width: auto;
	font-family: 'Roboto-Regular';
	font-weight: 700;
	background: #FFD00A;	
	color: #000;
	border: none;
	border-radius: 5px;
	transition: none!important;
	}

.submit:hover {
	color: #fff;
	background: #000;
	text-decoration: underline;
	border: none!important;
	}
	
.submit:focus {
	border: none!important;
	}
	
span.wpcf7-not-valid-tip  {
	font-size: 12px!important;
	color: #000;
	}
	
.acceptance span.wpcf7-not-valid-tip:before  {
   content: 'x'!important;
   display: inline-block;
   padding-right: 5px!important;
   color: red;
	}
	
.wpcf7-response-output p,
.wpcf7-display-none p,
.wpcf7-mail-sent-ok p {
	display: none!important;
}
	
.wpcf7-validation-errors,
.wpcf7-response-output {
	padding: 0!important; 
	margin:0!important;
	font-family: 'Roboto-Regular';
	font-weight: 700;
	color: #000!important;}

.wpcf7-response-output:before {
   content: 'x'!important;
   display: inline-block;
   padding-right: 5px!important;
   color: red;
   
	}	
.wpcf7-validation-errors:before {
   content: 'x'!important;
   display: inline-block;
   padding-right: 5px!important;
   color: red;
   }
	
.wpcf7-response-output,
.wpcf7-display-none,
.wpcf7-mail-sent-ok {
	padding: none!important;
	border: none!important;
	color: #000!important;
	}

.invalid .forenameField,
.invalid .nameField,
.invalid .emailField,
.invalid .dropdown,
.invalid .info,
.invalid .cbocks {border: 1px solid #000!important;}

/*Footer*/

/*Cookie-Richtlinien Style*/

/*Button & Link Font*/

.cmplz-btn.cmplz-save-preferences,
.cmplz-btn.cmplz-view-preferences,
.cmplz-btn.cmplz-deny,
.cmplz-btn.cmplz-accept {
  
  font-family: 'Roboto-Bold' !important;
  font-size: 14px !important;
 
}

a.cmplz-link {
  text-transform: none;
  font-family: 'Roboto-Bold' !important;
  font-size: 12px !important;
  color: #000!important;
}

.cmplz-btn.cmplz-save-preferences:hover,
.cmplz-btn.cmplz-view-preferences:hover,
.cmplz-btn.cmplz-deny:hover,
.cmplz-btn.cmplz-accept:hover {
  /*background: #000 !important;*/
  text-decoration: underline!important;

}

.cmplz-icon.cmplz-open {
  transition: none !important;
}

.cmplz-icon.cmplz-open svg {
  display: none !important;
}


#cmplz-document h2 {
  color: #000;
  font-family: 'Roboto-Bold' !important;
  border: none;
}

.cmplz-category-title,
#cmplz-document h3,
#cmplz-document h4,
#cmplz-document h5 {
  color: #000;
  font-family: 'Roboto-Bold' !important;
  border: none;
}

summary.cmplz-service-header {
  color: #FFD00A !important;
  font-family: 'Roboto-Regular' !important;
}

a.cmplz-link {
  font-size: 15px !important;
  line-height: 20px;
  color: #F5F5F5 !important;
  text-decoration: underline !important;
  font-family: 'Roboto-Regular' !important;
  color: #000!important;
  }

a.cmplz-link:hover{
  text-decoration: none !important;
  color: #FFD00A !important;
  }
  
#cmplz-document li {
  font-size: 17px !important;
  line-height: 25px;
  color: #F5F5F5 !important;
  font-family: 'Roboto-Regular' !important;
  color: #000!important;
}


/*
div#cmplz-cookiebanner-container .cmplz-category-title,
a.cmplz-link:hover {
  color: #FFD00A !important;
}

details summary span.cmplz-always-activ {
  color: #FFD00A !important;
  font-family: 'Roboto-Bold' !important;
}*/

#cmplz-document a {
  color: #000 !important;
  font-family: 'Roboto-Regular' !important;
}

#cmplz-document a:hover {
  color: #FFD00A !important;
}

/*Ende*/


.cmplz-document h3 {
	font-family: 'Roboto-Bold' !important;
	font-size: 21px!important;
}

.cmplz-description,
.function,
.retention,
.name,
.function-header,
.retention-header,
.purpose,
.name-header {
  background: #F5F5F5 !important;
  border-left: 0px !important;
  color: #000 !important;
  font-family: 'Roboto-Regular' !important;
}

.page_links {
  background: #FFD00A !important;
}

.cmplz-document h3 {
	font-family: 'Roboto-Bold' !important;
	font-size: 21px!important;
}

/*Mobile Fallbacks*/

@media (min-width: 1199px) {

/*Hidden*/	
.not-for-desktop {display: none;}
		
}




/*Ipad Landscape*/
@media (min-width: 979px) and (max-width: 1199px) {

/*Hidden*/
.not-for-desktop {display: none;}

/*Cover*/
.is-frontend .semplice-cover {max-height: 450px!important;}	

/*Typo Header*/
.font_tohavfbpb {
	font-size: 56px!important;
	color: #fff!important;
	text-shadow: 0 3px 8px rgb(0 0 0 / 0.5);
	text-transform: uppercase!important;
	}	
	
/*Image crop*/
.crop-s img {width: 100%!important; height: 150px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-m img {width: 100%!important; height: 250px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-l img {width: 100%!important; height: 300px!important; object-fit: cover!important; border-radius: 5px!important;}	

/*End*/
}




/*Ipad Portrait-Mode*/
@media (min-width: 768px) and (max-width: 978px) {
	
/*Carousel Headline*/	
.headline {
	font-size: 38px!important; /* Adjust font size for mobile */
    line-height: 42px!important;
    width: 100%!important;
    white-space: normal;       /* Ermöglicht das normale Umfließen von Text */
    word-break: break-word;    /* Bricht das Wort in die nächste Zeile um, anstatt es zu trennen */
    hyphens: none;             /* Deaktiviert die automatische Trennung */
 	}
 
.topheadline {
	padding: 5px;
	border-radius: 5px;
	font-family: 'thirsty-script'!important;
	font-size: 24px!important;
	line-height: 28px!important;
	margin-bottom: 0px!important;
}
	
.header-carousel-cell {
	height: 350px; /* Adjust height for mobile */
	}
	
/*Events & Highlights Section*/	
 .bg-fade-column {
                width: 32%; /* Volle Breite der Spalte */
                margin-right: 15px; /* Kein Abstand zwischen den Spalten */
                height: 400px; /* Feste Höhe für alle Spalten */                
				 }
            
            .bg-fade-column::before {
                background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
				}
            
            .text-content {
                text-align: center; /* Zentriert den Text auf kleinen Bildschirmen */
				}


/*Carousel*/
.carousel-cell  {width: 32%; /* Volle Breite der Spalte */
                margin-right: 15px; /* Kein Abstand zwischen den Spalten */}
	
	
/*Cover*/
.is-frontend .semplice-cover {max-height: 350px!important; margin-top: 75px!important}	

/*Typo Header*/
.font_tohavfbpb {
	font-size: 48px!important;
	color: #fff!important;
	text-shadow: 0 3px 8px rgb(0 0 0 / 0.5);
	text-transform: uppercase!important;
	}	
	
/*Image crop*/
.crop-s img {width: 100%!important; height: 100px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-m img {width: 100%!important; height: 200px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-l img {width: 100%!important; height: 200px!important; object-fit: cover!important; border-radius: 5px!important;}	
	
/*Misc*/

/*Teaser ZoomIn*/

a.image-link {overflow: hidden;}

a.image-link {
	transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   }

a.image-link:hover {transform: scale(1.1);}
/*Ende*/

.topnav {display: none!important;}	
.seitenanfang { text-align: left!important;}

}



@media (min-width: 567px) and (max-width: 767px) {
	
	
/*Carousel Headline*/	
.headline {
	font-size: 38px!important; /* Adjust font size for mobile */
    line-height: 42px!important;
    width: 100%!important;
    white-space: normal;       /* Ermöglicht das normale Umfließen von Text */
    word-break: break-word;    /* Bricht das Wort in die nächste Zeile um, anstatt es zu trennen */
    hyphens: none;             /* Deaktiviert die automatische Trennung */
 	}
	
.header-carousel-cell {
	height: 350px; /* Adjust height for mobile */
	}
	
/*Events & Highlights Section*/	
 .bg-fade-column {
                width: 50%; /* Volle Breite der Spalte */
                margin-right: 15px; /* Kein Abstand zwischen den Spalten */
                 height: 400px; /* Feste Höhe für alle Spalten */                
				 }
            
            .bg-fade-column::before {
                background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
				}
            
            .text-content {
                text-align: center; /* Zentriert den Text auf kleinen Bildschirmen */
				}


/*Carousel*/
.carousel-cell  {width: 50%; /* Volle Breite der Spalte */
                margin-right: 15px; /* Kein Abstand zwischen den Spalten */}
	
/* Crop Images */	
.crop-s img {width: 100%!important; height: 250px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-m img {width: 100%!important; height: 325px!important; object-fit: cover!important; border-radius: 5px!important;}

/*Misc*/	
.topnav {display: none!important;}	
.no-bg-for-mobile {background: none!important;}
.not-for-mobile {display: none!important;}
.is-frontend .semplice-cover {max-height: 400px!important; margin-top: 50px!important;}
.fp-bg { background-position: left!important;}
.seitenanfang { text-align: left!important;}
	

}

@media (max-width: 600px) {
	
.berni {position: absolute!important; top: 150px!important; width: 110px!important; left: 20px!important;}
	
/*Form Fields vertical order*/

.emailField,
.telField,
.forenameField,
.nameField {
    width: 100%;

 	}
	
#content-holder .sections { margin-top: 57px; }


/*Swiper*/

/* Verstecke die Swiper-Navigation-Pfeile */
.swiper-button-next, 
.swiper-button-prev {
  display: none !important;
}

.swiper {
   /*height: 250px!important; /*Header größe für Smartphone anpassen*/
   }
	
	
.cta-button {
    margin-top: 0px; /* Adjust spacing as needed */
    padding: 5px 10px!important;;
    font-size: 13px!important;
  	}
	
	/*Verkaufsstände Accordion*/
.is-frontend .accordion-content {
    flex-direction: column;
    }
    
.is-frontend .accordion-content ul {
    width: 100%; /* Vollständige Breite in der mobilen Ansicht */
    margin-bottom: 20px; /* Abstand zwischen den Listen */
    }

    
.header-carousel-cell button {
	display: none!important:
	}

.header-carousel-cell {
	height: 250px; /* Adjust height for mobile */
	}
	
.headline {
	font-size: 23px!important; /* Adjust font size for mobile */
	letter-spacing: -0.5px;
    line-height: 26px!important;
    width: 100%!important;
    white-space: normal;       /* Ermöglicht das normale Umfließen von Text */
    word-break: break-word;    /* Bricht das Wort in die nächste Zeile um, anstatt es zu trennen */
    hyphens: none;             /* Deaktiviert die automatische Trennung */
 	}

.headline-wrapper {
    position: absolute;
    padding: 0 30px 0 30px!important;
    z-index: 10; /* Ensure the text is above the overlay */
    }
    
.subheadline {
	line-height: 20px!important;
    margin: 5px 0 10px 0!important; /* Adjusted margin to reduce spacing */
    }
    


/*ul li,*/
.liste ul li {
	font-size: 15px!important; 
	line-height: 26px!important;
	}
	
.verkaufsstand .verkaufsstand-inhalt ul li {
	font-size: 15px!important; 
	line-height: 21px!important;
	}
 

/* Carousel Home */
.carousel-cell .carousel-content-inner h3 {font-size: 20px!important; line-height: 26px!important; margin-top: 15px;}
.carousel-cell .carousel-content-inner p {margin-bottom: 15px!important; line-height: 23px!important;}	
	
	
/*Top Navigation*/	
.topnav {display: none!important;}	


/*Image crop*/
.crop-s img {width: 100%!important; height: 200px!important; object-fit: cover!important; border-radius: 5px!important;}
.crop-m img {width: 100%!important; height: 200px!important; object-position: bottom!important; border-radius: 5px!important;}
.crop-l img {width: 100%!important; height: 200px!important; object-fit: cover!important; border-radius: 5px!important;}

/*Custom Accordion*/

.accordion-section .accordion-button a {
    font-size: 15px!important;
    }

.is-frontend .accordion-section .accordion-button a::after {
    content: ">";
    display: inline-block;
    position: absolute;
    color: #FFD00A;
    top: 15px;
    right: -5px;
    font-family: monospace;
    font-size: 12px;
    font-weight: bold;
    transform: rotate(-90deg) scaleY(1.7);
	}

/*Carousel*/
.carousel-image,
.carousel-cell  {
	width: 100%; /* Volle Breite der Spalte */
    margin-right: 15px; /* Kein Abstand zwischen den Spalten */
    }


.carousel-cell .carousel-content-inner {padding: .5rem 1rem 1.5rem 1rem!important;}

	
/*Event-Carousel*/



 /*Misc*/
 

 .bg-fade-column:hover::before {opacity: 1;} /* No Mouseover Effect Slider for Mobile */
 
 /*Header-Swiper*/
.header-swiper,
.header-wrapper {
   width: 100%;
   height: 250px!important; /* Hier die Höhe anpassen */
   }
   
.topheadline {
	font-size: 18px!important;
	line-height: 24px!important;
	margin-bottom: 0px!important;
	}
  
.headline {
   margin-bottom: 10px!important; /*Abstand Text zu Headline*/
   }


 /*Content Swiper*/
 .text-content h2 {font-size: 25px!important; line-height: 29px!important;}
 .text-content p {margin-bottom: 25px!important}

.not-for-mobile {display: none!important;}
  
  .is-frontend .semplice-cover {
	object-fit: cover !important;
    height: 200px !important;
    margin-top: 50px !important;
    height: auto !important;
    overflow: visible !important;
  }


.fp-bg { background-position: left!important;}
.not-for-desktop {display: block;}
.seitenanfang { text-align: left!important;}
.btn a {font-size: 14px!important; 

	
}



/* Custom CSS End */