.hlgreen.mobileonly,
.mobileonly {
	display: none !important;
}
@media (max-width: 768px) {
  #navbar .wp-block-buttons, .hideonmobile {
    display: none;
  }
	.mobileonly,
	.hlgreen.mobileonly{
		display: inline-block !important;
	}
	.centeronmobile, .centeronmobile * {
		text-align: center !important;
		align-items: center !important;
		list-style: none;
	}
	.centerOnMob,
.centerOnMob *,
	footer nav.has-small-font-size,
	footer *{
	text-align: center !important;
		align-content: center !important;
		justify-content: center !important;
		align-items: center !important;
		
}
	
	
	
}
.round,

.mapp-layout {
	border-radius: 10px;
	overflow: hidden;
	border: none ;
}
body.home #mapp0{
	border-radius: 50% !important;
	border: 4px solid white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 6px 25px rgba(0, 0, 0, 0.25), 0 10px 35px rgba(0, 0, 0, 0.05) !important;
}


/* p strong {
  position: relative;
  z-index: 1; 
	text-decoration: underline;
	text-decoration-style: dashed;
}

p strong::before {
  content: "";
  position: absolute;
  left: -0.8em; 
  right: -0.5em; 
  top: -0.1em;
	height: 110%;
  bottom: 0;
  background-image: url("/wp-content/uploads/2025/03/bg-tape2.png");
  background-size: 100% 120%; 
  background-repeat: no-repeat;
  z-index: -1; 
  display: block;
}


p strong:nth-of-type(odd)::before {
  background-image: url("/wp-content/uploads/2025/03/bg-tape2.png");
}
*/

.wp-site-blocks strong,
.s-root-container strong,
.post-card-slide time,
.opening-hours th
{
  display: inline;
  padding-left: 0.5ch;
  padding-right: 0.5ch;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  position: relative;
  z-index: 1;
margin-left: -1.3ch;
  margin-right: -1.3ch;
  padding-left: 1.3ch;
  padding-right: 1.3ch;
  text-decoration: underline;
  text-decoration-style: dashed;
}

/* Ungerade Elemente → tape2 */
.wp-site-blocks strong:nth-of-type(odd),
.s-root-container strong:nth-of-type(odd),
.post-card-slide time,
.opening-hours tr:nth-of-type(odd) th{
	background-position: center center;
  background-image: url("/wp-content/uploads/2025/03/bg-tape2.png");
}
.opening-hours  td {
	padding-left: 10px !important;
}
/* Gerade Elemente → tape1 */
.wp-site-blocks strong:nth-of-type(even),
.opening-hours tr:nth-of-type(even) th{
  background-image: url("/wp-content/uploads/2025/03/bg-tape1.png");
}

.notape strong {
	background-image: none !important;
}
.wp-block-cb-slide.slick-slide {
padding-top: 50px !important;
}
.wp-block-cb-slide.slick-slide.spread {
padding-top: 0 !important;
}

.wp-block-cb-slide.slick-slide.spread  > div:nth-child(1) {
padding: 0 !important; }
.wp-block-cb-slide.slick-slide.spread  > div:nth-child(1) > div:nth-child(1) {
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
border: none !important;
margin: 0 !important;
}
#sb_instagram {
	position: relative;
}

.swiper-button-prev::after,
.swiper-button-next::after,
#testemonialsldr .slick-prev:before,
#testemonialsldr .slick-next:before,
#sb_instagram .slick-prev:before,
#sb_instagram .slick-next:before{
 color: #9aad5f !important;
font-size: 32px !important;
	font-family: var(--font-fontawesome) !important;
}

.slick-arrow {
/*	border: 1px solid white; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: lime !important;
	border-radius: 50%;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	text-align: center !important;
/*	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.slick-arrow, .slick-arrow:before {
	font-weight: 900 !important;
  font-style: normal !important;
	font-family: "Font Awesome 5 Free" !important;
	font-size: 32px;
}
button.slick-prev::before {
	 content: "\f053"!important;
	font-family: var(--font-fontawesome) !important;
	color: white !important;
}
button.slick-next::before {
	 content: "\f054"!important;
	font-family: var(--font-fontawesome) !important;
	color: #ffffff !important;
}
button.slick-prev,
button.slick-next {
	background-color: rgb(154, 173, 95) !important;
}
#testemonialsldr button.slick-prev::before,
#testemonialsldr button.slick-next::before,
#sbi_images button.slick-prev::before,
#sbi_images button.slick-next::before{
	color: rgb(255, 255, 255) !important;
	
}
#hero button.slick-prev,
#hero button.slick-next {
	background: transparent !important;
}
#hero button.slick-prev::before,
#hero button.slick-next::before {
	/*color: rgb(154, 173, 95) !important;*/
	color: white;
}
#sb_instagram .slick-arrow{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	
}

.slick-next,
.slick-prev {
 position: absolute;
top: 50%;
z-index: 9000;
}
.slick-prev:before,
.slick-next:before{
	color: #9aad5f;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	overflow: hidden;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
	align-self: center;
	justify-self: center;
}
.slick-prev,
#testemonials .slick-prev{
	left: -5px !important;
	transition: left 0.8s ease-out  !important;
}
.slick-next,
#testemonials .slick-next{
	right: -5px !important;
	transition: right 0.8s ease-out  !important;
}
#hero .slick-prev {
	left: -5px !important;
	transition: left 0.8s ease-out  !important;
}
#hero .slick-next {
	right: -5px !important;
	transition: right 0.8s ease-out  !important;
}
.menu-open .slick-next {
	right: -100px !important;
	transition: right 0.8s ease-out ;
}
.menu-open .slick-prev {
	left: -100px !important;
	
	transition: left 0.8s ease-out;
}

header.wp-block-template-part.alignfull > div:nth-child(1) {
padding: 0px 0 0px 0 !important;
}
header.wp-block-template-part,
.wp-container-3 { 
 max-width: 100vw !important;
	overflow: hidden;
margin: 0 !important;
box-sizing: border-box;
width: 100vw !important;
}
.slick-track > div {
padding-left: 0  !important;
padding-right: 0 !important;
}
header.wp-block-template-part {
height: 50px !important;
position: fixed !important;
top: 0 !important;
}


.slick-next {
 right: 2rem;
}
.slick-prev {
 left: 0px;
}

header.wp-block-template-part {
z-index: 1000 !important; }
div.aligncenter {
 padding: 0 !important;
}
.bgfix {
background-attachment: fixed !important;
}


.slick-prev::before,
.slick-next::before {
 color: white !important;
	top:0%;
	 position: absolute;
}


.swiper {
  cursor: grab !important;
}
.swiper:active {
  cursor: grabbing !important;
}
#testemonialsldr .slick-slide {
	height: auto !important;
}


.thecta {
	  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  background-color: white;
  padding: 20px;
    width: 100%; /* Fully responsive */
    height: auto; /* Maintain aspect ratio */
    
    /* Background so the shape is visible */
    background: black; 

   
    /* Ensure mask covers the entire element */
    mask-size: contain;
    -webkit-mask-size: contain;
    
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    
    mask-position: center;
    -webkit-mask-position: center;
	}
.apfel {
	 /* SVG Shape Clipping */
    clip-path: url('/wp-content/uploads/2025/03/Zeichnung-2.svg');
    -webkit-clip-path: url('/wp-content/uploads/2025/03/Zeichnung-2.svg');

    /* Masking as Fallback for Safari */
    mask-image: url('/wp-content/uploads/2025/03/Zeichnung-2.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/03/Zeichnung-2.svg');

}
.broccoli {
	 /* SVG Shape Clipping */
    clip-path: url('/wp-content/uploads/2025/03/broccoli.svg');
    -webkit-clip-path: url('/wp-content/uploads/2025/03/broccoli.svg');

    /* Masking as Fallback for Safari */
    mask-image: url('/wp-content/uploads/2025/03/broccoli.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/03/broccoli.svg');

	
}
.zwiebel {
	 /* SVG Shape Clipping */
    clip-path: url('/wp-content/uploads/2025/03/zwiebel.svg');
    -webkit-clip-path: url('/wp-content/uploads/2025/03/zwiebel.svg');

    /* Masking as Fallback for Safari */
    mask-image: url('/wp-content/uploads/2025/03/zwiebel.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/03/zwiebel.svg');

}
.paprika {
	 /* SVG Shape Clipping */
    clip-path: url('/wp-content/uploads/2025/03/paprika.svg');
    -webkit-clip-path: url('/wp-content/uploads/2025/03/paprika.svg');

    /* Masking as Fallback for Safari */
    mask-image: url('/wp-content/uploads/2025/03/paprika.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/03/paprika.svg');

}
.aubergine {
	 /* SVG Shape Clipping */
    clip-path: url('/wp-content/uploads/2025/03/aubergine.svg');
    -webkit-clip-path: url('/wp-content/uploads/2025/03/aubergine.svg');

    /* Masking as Fallback for Safari */
    mask-image: url('/wp-content/uploads/2025/03/aubergine.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/03/aubergine.svg');

}
:root {
    --mask-offset: 0px; /* Standardwert */
}

.thecta {
    /* Maskenbewegung über Variable steuern */
    mask-position: calc(50% + var(--mask-offset)) center;
    -webkit-mask-position: calc(50% + var(--mask-offset)) center;

    /* Maske leicht verkleinern, um Überstehen zu verhindern */
    mask-size: 95%;
    -webkit-mask-size: 95%;

    /* Kein Überstehen */
    overflow: hidden;
}

.faicon {
    position: relative; /* Required for absolute positioning of the pseudo-element */
    padding-left: 30px; /* Space for the icon */
	display: block;
	margin-right: 5px;
	text-align: left !important;
	margin-right: 10px;
}
.wp-block-navigation__responsive-container .faicon {
	color: white !important;
}
.wp-block-navigation__responsive-container.is-menu-open .faicon {
	color: black !important;
}
body,html, .mobmenu {
	max-width:100vw;
	min-width: 100vw;
	margin:0;
	padding:0;
	left:0;
	top:0px;
}
.faicon {
	margin: 0 10px !important;
}
.faicon:before {
	text-align: right;
    content: '\f005'; /* Default content */
    position: absolute; /* Position relative to the parent */
    left: -34px !important; /* Align to the left */
	top: -1px !important;
    /* top: 50%; /* Center vertically */
    /*transform: translateY(-50%);  Adjust for vertical centering */
    font-family: 'Font Awesome 5 Free'; /* Change if using a different version */
    font-weight: 600; /* Adjust based on the icon style */
	text-align: right;
border-right: 4px solid none;
	width: 28px;
}
.faicon.about:before {
    content: '\f70e'; /* Schriftrolle icon */
}
.faicon.home:before {
    content: '\f4d8'; /* Home icon */
}

.faicon.blog:before {
    content: '\f0a1'; /* Blog icon */
}

.faicon.laden:before {
    content: '\f54e'; /* Store icon */
}

.faicon.mitgliederbereich:before {
    content: '\f0c0'; /* Users icon */
}

.faicon.profil:before {
    content: '\f007'; /* User icon */
}

.faicon.anmelden:before {
    content: '\f090'; /* Sign-in icon */
}

.faicon.protokolle:before {
    content: '\f15c'; /* File icon */
}

.faicon.downloads:before {
    content: '\f019'; /* Download icon */
}

.faicon.presse:before {
    content: '\f1f4'; /* Newspaper icon */
}

.faicon.idee:before {
    content: '\f0eb'; /* Lightbulb icon */
}

.faicon.sortiment:before {
    content: '\f787'; /* Box icon */
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-open svg{
	color: white !important;
	fill: white !important;
	z-index: 20001 !important;
}
/* MODAL-STYLES (Hauptmenü) */
@media (max-width: 768px) {
/* MODAL-STYLES (Hauptmenü) */

#modal-1 {
    position: fixed;
    top: 0;
    left: 0;
    
}
/* 
Wenn das Menü geöffnet ist */
#modal-1.is-menu-open {
    width: 60vw !important;
    right: 0 !important;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* HAUPTMENÜ STYLING */
#modal-1 .wp-block-navigation.items-justified-right {
    align-items: flex-start !important;
    --navigation-layout-justify: flex-start;
}

#modal-1 ul {
    text-align: left !important;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    white-space: normal;
    word-wrap: break-word;
    align-items: flex-start !important;
    justify-content: flex-start;
    padding-left: 20px;
}

/* EINZELNE MENÜPUNKTE */
#modal-1 li,
#modal-1 button,
#modal-1 .wp-block-navigation-submenu {
    text-shadow: none;
    text-align: left !important;
    margin-left: 0;
}

/* UNTERMENÜ */
#modal-1 .wp-block-navigation__submenu-container {
    display: none;
    opacity: 0;
    transform: translateY(-5px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    padding-left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Wenn das Untermenü geöffnet wird */
#modal-1 .wp-block-navigation-item.has-child.open .wp-block-navigation__submenu-container {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* UNTERMENÜ-ELEMENTE */
#modal-1 .wp-block-navigation__submenu-container li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 15px;
    font-size: 14px;
    color: #4d6b3c;
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
}

/* Hauptmenüpunkte mit Submenü richtig ausrichten */
#modal-2 .wp-block-navigation-item.has-child {
    position: relative;
    width: 100%;
}

/* Pfeil-Icon für Submenü */
#modal-2 .wp-block-navigation-submenu__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: bold;
    padding-right: 10px;
}

/* Pfeil-Icon neben dem Menüpunkt */
#modal-2 .wp-block-navigation-submenu__toggle::after {
    content: "▼";
    font-size: 12px;
    margin-left: auto;
    transition: transform 0.3s ease-out;
}

/* Pfeil-Icon dreht sich nach unten, wenn das Menü geöffnet ist */
#modal-2 .wp-block-navigation-item.has-child.open .wp-block-navigation-submenu__toggle::after {
    transform: rotate(180deg);
}
#modal-2-content {
	margin-left: 20px !important;
	padding-top: 20px;
}
.wp-block-navigation__submenu-container li.wp-block-navigation-item {
	text-align: left;
	align-items: flex-start !important;
	padding: 5px !important;
	margin: 0px;
	
	margin-left: 20px !important;
}
/*
#modal-1-content {
	background: url("/wp-content/uploads/2025/03/tomate.png");
background-position: top left;
    background-repeat: no-repeat;
	background-size: 60px;
}*/
#modal-2::after {
	margin-top: 48px;
    content: "";
    display: block;
    width: 100%;
    height: 60px; /* Fixe Höhe des Bildbereichs */
    background-image: url("/wp-content/uploads/2025/03/tomate.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    .navbar .wp-block-avatar {
        display: none; /* Avatar in der Navbar ausblenden */
    }
	#modal-1-content .wp-block-avatar { 
		position: relative;
	left: -165px;
	text-align: left;
	}
	.custom-logo {
		height: 40px !important;
		width: auto !important;
	}
	#navbar > div{
		height: 50px!important;
		max-height: 40px!important;
		min-height: 40px !important;
	}
	li.wp-block-navigation-item::before, .faicon::before {
		text-align: center !important;
		max-width: 20px !important;
		min-width: 20px !important;
		margin-left: 10px !important;
	}
	li .wp-block-navigation-item__label {
		
		padding-left: 10px !important;
	}
	.wp-image-90 {
		max-width: 50vw !important;
	}
	#aufzu, #aufzu  *{
		text-align: center !important;
	}
}
#aufzu * {
	text-align: center !important;
}

#ankerbild img {
	height: 50vh;       /* Höhe auf 50% der Viewport-Höhe setzen */
    width: auto;        /* Dynamische Breite, um Seitenverhältnis zu erhalten */
    max-width: 100vw;   /* Bild darf die Bildschirmbreite nicht überschreiten */
    display: block;     /* Falls nötig, um Ränder zu vermeiden */
    margin: 0 auto;     /* Falls das Bild zentriert sein soll */
}


#hero .slick-track > div {
	margin: 0 !important;
	height: 90vh !important; 
	min-height: 100% !important;
	
	max-height: 100% !important;
}
.theslide {
	height: 100%;
	min-height: 100% !important;
	
	max-height: 100% !important;
}
#testimonials .slick-arrow::before {
	color: #9aad5f !important;
	font-family: "Font Awesome 5 Free" !important;
}
#hero .slick-arrow {
	/*color: #fff !important;*/
	}
	
#hero .slick-list {
	
	min-height: 100% !important;
	max-height: 100% !important;
	height: 100%!important;
	/* min-height: calc( 100vh - 90px) !important;
	max-height: calc( 100vh - 90px) !important;
	height: calc( 100vh - 90px) !important; */
}
#aufzu p, .nomargin,
#aufzu > center:nth-child(1) > p:nth-child(1)	{
	margin: 0 !important;
	padding: 0!important;
}
.nounderline, .nounderline * {
	text-decoration: none;
}


@media (max-width: 767px) {
    .spalten-umkehren {
        display: flex;
        flex-direction: column-reverse;
    }
}
#navbar {
	position: absolute; top: 0; right: 0;
}
	
	#hero .wp-block-cover__background,
	#hero .wp-block-group.alignfull
	#hero .alignfull.has-global-padding {
		border: 4px solid gold;
		padding: 0 !important;
		min-height: 100vh !important;
		display: block;
		max-height: 100% !important;
		height: 100vh !important;
		transform: rotate(-45deg) !important;
	}
	div.wp-block-cb-carousel:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
		min-height: 100% !important;
		box-sizing: border-box !important;
	}
	div.wp-block-cb-carousel:nth-child(1) > div:nth-child(2) > div:nth-child(1) > * {
		align-self: stretch !important;
	}
	
html, body {
    overflow-x: clip !important; /* Verhindert horizontales Scrollen */
    max-width: 100vw !important; /* Verhindert überstehende Elemente */
	background-image: url("/wp-content/uploads/2025/03/pattern-weisz.jpg");
	background-attachment: fixed;
	hyphens: auto;
}
	.is-layout-constrained > .alignwide.max900,.max900 {
	max-width: 1120px !important;
}