/* --- Basis-Styling --- */

/*--- Containerschatten entfernen -> kann nicht im Customizer eingestellt werden --- */
[data-prefix="single_page"] [class*="ct-container"] > article[class*="post"] {
	--theme-boxed-content-box-shadow: unset
}

/* --- Referenz-Kacheln --- */
.referenzen {
  column-count: 2;
  column-gap: 2rem;
}

.referenzen > * {
  break-inside: avoid;
  margin-bottom: 2rem;
}

/* 📱 1 Spalte bei kleinen Bildschirmen (Smartphones) */
@media (max-width: 767px) {
  .referenzen {
    column-count: 1;
  }
}

/* 💻 Optional: 3 Spalten bei sehr grossen Bildschirmen */
@media (min-width: 1200px) {
  .referenzen {
    column-count: 3;
  }
}


/* --- Abstand nach Elementen ----  */
/* 📱 Containerbreite bei kleinen Bildschirmen */
@media (max-width: 850px) {
  .abstand-nach {
	  margin-bottom: 3rem;
  }
}
/* 💻 Containerbreite bei grossen Bildschirmen */
@media (min-width: 1200px) {
  .abstand-nach {
    margin-bottom: 6rem !important;
  }
}

/* --- Bild-Text-Elemente --- */
/* 📱 Containerbreite bei kleinen Bildschirmen */
@media (max-width: 850px) {
	.wp-block-media-text.is-stacked-on-mobile {
		display:block;
	}
	.wp-block-media-text.is-stacked-on-mobile img {
  display: block;
  margin-left: 0;
  margin-right: auto;
  max-width: 70%;
	margin-bottom:1.5rem;
	}
	.wp-block-media-text>.wp-block-media-text__content {
		padding:0;
	}	
	
.wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile {
  display: flex;
  flex-direction: column-reverse;
}	
}
@media (max-width: 767px) {
	.wp-block-media-text.is-stacked-on-mobile img {
		max-width:100%;
		margin-bottom:1rem;
	}
}


/* --- Schmale Container für Texte ----  */
/* 📱 Containerbreite bei kleinen Bildschirmen */
@media (max-width: 767px) {
  .is-style-container-narrow {
    width:100%;
	}
}
/* 💻 Containerbreite bei grossen Bildschirmen */
@media (min-width: 1200px) {
  .is-style-container-narrow {
    width: 770px !important;
  }
}


/* --- Standard-Bullet-Points --- */

ul.standard_bullets {
    list-style: none;        /* entfernt Standard-Bullets */
    padding-left: 0;
    margin-left: 0;
}

ul.standard_bullets li {
    position: relative;
    padding-left: 1.5em;     /* Platz für horizontalen Strich */
    margin-bottom: 0.5em;
}

ul.standard_bullets li::before {
    content: "–"; /* oder: "\2014" für langen Gedankenstrich */
    position: absolute;
    left: 0;
    top: 0;
    color: orange;
    font-weight: bold;
}

li a {
	text-decoration: underline;
}


/* --- generelle Ecken-Radien der Bilder --- */
.wp-block-image img, figure img {
    border-radius: clamp(1.25rem, 0.938rem + 1vi, 1.563rem);
}


/* --- Abstände der Headernavigation zum Seitenrand --- */
#header {
	margin-top: 1.2rem;
}

/* Produkt-Kacheln */
.product-category, .product {
	background-color: white;
	padding: 1.5rem;
	border-radius: 1rem
}

/* --- Link mehr anzeigen bei Produkten */
a.link_mehr_anzeigen {
			color: var(--theme-palette-color-1);
	font-size: 16px;
}
a:hover.link_mehr_anzeigen {
	color: var(--theme-palette-color-3);
}

/* --- Accordion --- */
.marker {
  background-image: url('<svg xmlns="http://www.w3.org/2000/svg" width="23" height="10" viewBox="0 0 23 10" fill="none"><path d="M1 1L11.5 9L22 1" stroke="black" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
}


/* Bild-Radius Produktkategorie-Header*/
.category-header img {
	border-radius: clamp(1.25rem, 0.938rem + 1vi, 1.563rem)
}


/* --- Produkte-Eigenschaften --- */

/* Innenabstand Container von Einzelprodukt */
div.product {
	padding:0;
}

.produkt-acf-felder p {
	margin-bottom: 0.3rem;	
}

.produkt-dateifelder a:before {
    content: "";
    display: block;
    background: url('data:image/svg+xml,<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 256.2 256.2"><!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --><g id="Layer_2"><g id="Adobe_Acrobat"><path fill="%23E67B3D" id="icon" d="M23.9,254.8c-6.9-.2-13.1-4.3-16-10.5-5-9.4-4.6-20.7,1-29.8,12-18.6,35.4-34.2,67.7-45.2l1.1-.4.5-1c10.9-21.8,20.4-44.2,28.6-67.2l.5-1.3-.7-1.2c-5.8-8.9-10.4-18.5-13.7-28.5-10.4-34.1-1.6-60.7,12.9-66.7,2.2-.9,4.6-1.4,7-1.4,4.6,0,9.1,1.8,12.5,4.9,3.2,2.9,5.9,6.2,7.9,10,6.3,11.5,3.2,38.3-8.7,75.6-.2.7-.5,1.4-.7,2.1s-.5,1.5-.7,2.2l-.3,1.3.7,1.1.7,1,.6.9c13.2,18.3,27.8,35.6,43.6,51.6l.8.9h10.5c4.6,0,8.7,0,12.3.3,32.5,1.9,53.7,9.7,59.8,22,2.8,6.1,2.3,13.2-1.1,19-4.2,7.9-11.8,13.3-20.7,14.5-1.2.2-2.4.2-3.5.2-10.9,0-24-6.1-36.9-17.1l-.5-.4s-.8-.8-2-1.9c-4-3.6-12.2-11.2-22.7-21.7l-.9-.9h-1.3c-12,.5-24,1.8-35.8,3.9-12.9,2-25.6,4.9-38.1,8.7l-1.2.3-.6,1.1c-5.4,10.8-11.3,21.2-17.5,31-18.1,28.4-33,42.3-45.4,42.3h0l.3.3ZM59.9,190.9c-18.3,8.7-31.6,19.1-39.4,31.2-1.5,2.5-2.3,5.3-2.4,8.1,0,2.2.5,4.4,1.5,6.3,1.3,2.9,2.9,4.3,4.5,4.3h.2c1.8-.2,12.2-3.1,33.6-37.2,1.9-2.9,3.8-5.8,5.5-8.7l4.8-8-8.3,3.9h0ZM198.5,181.4c4,3.7,17.8,14.1,28.5,14.1h1.6c4.4-.8,8.2-3.7,10.2-7.8,1.1-1.8,1.3-4,.6-6-2.6-5.8-18.6-12.6-48.1-14.3h-7.9l8.2,7.7c4.1,3.8,5.8,5.6,7,6.4h-.1ZM114.9,118.3c-5,13-10.8,26.5-17.1,40.1l-2.4,5.3,5.8-1.4c8.7-2.2,17.5-3.9,26.2-5.2,5.8-.9,11.9-1.7,18.2-2.3l5.6-.5-3.8-4.3c-5.1-5.5-11.6-12.9-18.2-20.9l-12.4-15.5-1.8,4.6h-.1ZM109.6,16.8c-5.8,4.8-11.9,22.1-3.7,49,1.1,3.4,2.3,6.8,3.8,10.1l3.2,6.8,2.1-7.2c5.4-18.9,10.8-43.3,5.8-52.1-1.6-2.9-4.8-7.8-8.3-7.8,0,0-1.1,0-1.8.4s-1.2.9-1.2.9h0Z"/></g></g></svg>');
    width: 25px;
    height: 25px;
}

.produkt-dateifelder a:hover:before {
    background: url('data:image/svg+xml,<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 256.2 256.2"><!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --><g id="Layer_2"><g id="Adobe_Acrobat"><path fill="%23%23111518" id="icon" d="M23.9,254.8c-6.9-.2-13.1-4.3-16-10.5-5-9.4-4.6-20.7,1-29.8,12-18.6,35.4-34.2,67.7-45.2l1.1-.4.5-1c10.9-21.8,20.4-44.2,28.6-67.2l.5-1.3-.7-1.2c-5.8-8.9-10.4-18.5-13.7-28.5-10.4-34.1-1.6-60.7,12.9-66.7,2.2-.9,4.6-1.4,7-1.4,4.6,0,9.1,1.8,12.5,4.9,3.2,2.9,5.9,6.2,7.9,10,6.3,11.5,3.2,38.3-8.7,75.6-.2.7-.5,1.4-.7,2.1s-.5,1.5-.7,2.2l-.3,1.3.7,1.1.7,1,.6.9c13.2,18.3,27.8,35.6,43.6,51.6l.8.9h10.5c4.6,0,8.7,0,12.3.3,32.5,1.9,53.7,9.7,59.8,22,2.8,6.1,2.3,13.2-1.1,19-4.2,7.9-11.8,13.3-20.7,14.5-1.2.2-2.4.2-3.5.2-10.9,0-24-6.1-36.9-17.1l-.5-.4s-.8-.8-2-1.9c-4-3.6-12.2-11.2-22.7-21.7l-.9-.9h-1.3c-12,.5-24,1.8-35.8,3.9-12.9,2-25.6,4.9-38.1,8.7l-1.2.3-.6,1.1c-5.4,10.8-11.3,21.2-17.5,31-18.1,28.4-33,42.3-45.4,42.3h0l.3.3ZM59.9,190.9c-18.3,8.7-31.6,19.1-39.4,31.2-1.5,2.5-2.3,5.3-2.4,8.1,0,2.2.5,4.4,1.5,6.3,1.3,2.9,2.9,4.3,4.5,4.3h.2c1.8-.2,12.2-3.1,33.6-37.2,1.9-2.9,3.8-5.8,5.5-8.7l4.8-8-8.3,3.9h0ZM198.5,181.4c4,3.7,17.8,14.1,28.5,14.1h1.6c4.4-.8,8.2-3.7,10.2-7.8,1.1-1.8,1.3-4,.6-6-2.6-5.8-18.6-12.6-48.1-14.3h-7.9l8.2,7.7c4.1,3.8,5.8,5.6,7,6.4h-.1ZM114.9,118.3c-5,13-10.8,26.5-17.1,40.1l-2.4,5.3,5.8-1.4c8.7-2.2,17.5-3.9,26.2-5.2,5.8-.9,11.9-1.7,18.2-2.3l5.6-.5-3.8-4.3c-5.1-5.5-11.6-12.9-18.2-20.9l-12.4-15.5-1.8,4.6h-.1ZM109.6,16.8c-5.8,4.8-11.9,22.1-3.7,49,1.1,3.4,2.3,6.8,3.8,10.1l3.2,6.8,2.1-7.2c5.4-18.9,10.8-43.3,5.8-52.1-1.6-2.9-4.8-7.8-8.3-7.8,0,0-1.1,0-1.8.4s-1.2.9-1.2.9h0Z"/></g></g></svg>');
}

.produkt-dateifelder a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.produkt-dateifelder {
    margin-top: 1.8rem;
    gap: 0.2rem;
    display: flex;
    flex-direction: column;
}

.mobile-menu button.ct-toggle-dropdown-mobile {
    display: flex;
    position: relative;
    margin-left: 0;
    flex: 1 1 auto;
    justify-content: flex-end;
    --toggle-button-margin-end: 0;
}

a.ct-menu-link {
    width: auto;
}


/* --- Datei Button --- */

/* 1) Link als inline-flex-Container für Icon + Text */
.wp-block-file > a {
  font-weight: bold;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
}
.wp-block-file > a::before {
  width: 3rem;
  height: 3rem;
  position:relative;
  margin-left: -8px;
  content: "";
  display: inline-block;       /* notwendig für Breite/Höhe */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'><g clip-path='url(%23clip0_27_40)'><path d='M23.1968 0.207917C23.0318 0.0340578 22.8055 -0.0703125 22.5709 -0.0703125H8.52732C5.93592 -0.0703125 3.79688 2.06022 3.79688 4.65135V31.2078C3.79688 33.7992 5.93592 35.9298 8.52732 35.9298H27.5881C30.1795 35.9298 32.3185 33.7992 32.3185 31.2078V10.1209C32.3185 9.89486 32.2142 9.6776 32.0664 9.51226L23.1968 0.207917ZM23.449 2.99927L29.3882 9.23403H25.5273C24.3795 9.23403 23.449 8.31227 23.449 7.16447V2.99927ZM27.5881 34.1906H8.52732C6.90134 34.1906 5.53601 32.8429 5.53601 31.2078V4.65135C5.53601 3.02537 6.89255 1.66883 8.52732 1.66883H21.7098V7.16447C21.7098 9.27742 23.4144 10.9732 25.5273 10.9732H30.5794V31.2078C30.5794 32.8429 29.2229 34.1906 27.5881 34.1906Z' fill='black'/><path d='M25.2142 28.1907H10.9012C10.423 28.1907 10.0316 28.5818 10.0316 29.0602C10.0316 29.5384 10.423 29.9298 10.9012 29.9298H25.223C25.7012 29.9298 26.0926 29.5384 26.0926 29.0602C26.0926 28.5818 25.7012 28.1907 25.2142 28.1907Z' fill='%23E67B3D'/><path d='M17.4229 25.0689C17.5883 25.2428 17.8143 25.3471 18.0577 25.3471C18.3013 25.3471 18.5273 25.2428 18.6924 25.0689L23.7882 19.5993C24.1186 19.2514 24.0925 18.6949 23.7448 18.3733C23.3968 18.0429 22.8403 18.0687 22.5187 18.4167L18.9273 22.2688V12.7733C18.9273 12.2948 18.5359 11.9037 18.0577 11.9037C17.5795 11.9037 17.1881 12.2948 17.1881 12.7733V22.2688L13.6055 18.4167C13.275 18.069 12.7271 18.0429 12.3794 18.3733C12.0317 18.7037 12.0056 19.2516 12.336 19.5993L17.4229 25.0689Z' fill='%23E67B3D'/></g><defs><clipPath id='clip0_27_40'><rect width='36' height='36' fill='white'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: center;
}


/*--- Standard-Akkordeon --- */
details {
  border: 1px solid var(--theme-border-color);
	border-radius: 50px;
	padding: 1.5rem 2rem;
}

summary {
	margin:0 !important;
  list-style: none;       /* Entfernt ::marker */
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;   /* Platz für eigenen Pfeil */
	
	font-weight:800;
}

details[open] > summary {
	padding-bottom:10px;
}

summary::marker {
  display: none; /* Standard-Pfeil ausblenden*/
}

summary::after { /* Pfeil rechts einbauen zum Öffnen */
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}

.wp-block-details[open] summary::after {
  transform: translateY(-50%) rotate(-135deg);
}



/*** --- Team Section Grid (max. 4 Spalten) --- ***/
.team-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* immer 4 Spalten */
  gap: 1rem;
}
/* 3 Spalten bei Tablets */
@media (max-width: 1024px) {
  .team-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* 2 Spalten bei kleinen Geräten */
@media (max-width: 768px) {
  .team-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 1 Spalte bei sehr kleinen Geräten */
@media (max-width: 480px) {
  .team-container {
    grid-template-columns: 1fr;
  }
}
/* --- Kachel-Styling --- */
.team-card {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
  align-self: stretch;
  height: 100%;
}
.team-card figure {
  margin: 0;
  text-align: center;
}
.team-card img {
  width: 150px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  margin-bottom: 0.75rem;
}
.team-card figcaption {
  margin: 0;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.team-card p {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  text-align: center;
}


/*** --- Produkt-Filter --- ***/

.ct-toggle-filter-panel {
    border-radius: 1.25rem !important;
    background-color: white !important;
    padding: 0.7rem 1.2rem !important;
}
.ct-toggle-filter-panel:hover {
    background-color: var(--theme-palette-color-1) !important;
    color: white !important;
}
.wc-block-product-filter-chips__item, .wc-block-product-filter-removable-chips__item {
    border-radius: 1.25rem !important;
    background-color: white !important;
    padding: 0.5rem 1rem !important;
}

.wc-block-product-filters__overlay-content h3{
    font-size: 1rem;
}


div.oben-ausrichten.is-layout-flex {
    align-items: flex-start;
}

div.oben-ausrichten.is-layout-flex .is-layout-flow.wp-block-column-is-layout-flow .is-vertical {
    gap: 3rem;
}

@media (max-width: 960px) {
  div.oben-ausrichten.is-layout-flex {
      flex-direction: column;
  }
}