/* -----------------------------
   SPECIAL – #inhalt2spalten36
------------------------------ */
#inhalt2spalten36{
  --col1: 1.3;
  --col2: 1.1;

  --content-width: 90%;
  --gap: clamp(1.6rem, 3vw, 4rem);

  /* 🔽 Bild bewusst kleiner */
  --img-min: 350px;
  --img-max: 450px;

  /* 🔽 weiter nach unten */
  --img-shift-y: clamp(90px, 7vw, 140px);
  --img-shift-x: clamp(0px, 2vw, 45px);

  padding-block: clamp(200px, 7vw, 350px);

  /* Mobile */
  --img-mobile-max: 380px;
  --img-mobile-width: 90%;
}

/* Basis: Bild immer rechts */
#inhalt2spalten36 .spalte2{
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

/* ✅ Bildgröße + Position wirklich anwenden */
#inhalt2spalten36 .spalte2 img{
  display: block;
  width: clamp(var(--img-min), 30vw, var(--img-max));
  max-width: 100%;
  height: auto;

  transform: translate(
    var(--img-shift-x),
    var(--img-shift-y)
  );
}

@media (min-width: 1000px) and (max-width: 1500px){

#inhalt2spalten36 br {
display:none;
}
}

@media (max-width: 1000px){

  #inhalt2spalten36 {
    padding-block: clamp(90px, 8vw, 170px);
	  padding-top:6rem;
	  padding-bottom:2.5rem;
  }

  #inhalt2spalten36 .spalte2{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }

  #inhalt2spalten36 .spalte2 img{
    transform: none;

    /* ✅ skaliert immer mit, aber wird nie größer als max */
    width: min(100%, var(--img-mobile-max));
    max-width: 100%;
    height: auto;
    display: block;

    margin-left: auto;
    margin-right: 0;
  }
}


/* ✅ Smartphone: Bild MUSS einfach mitskalieren */
@media (max-width: 1000px){

  /* wichtig: Container darf nicht verschoben sein */
  #inhalt2spalten36 > .container{
    transform: none !important;
  }

  /* Spalten dürfen nicht „breiter denken“ als der Screen */
  #inhalt2spalten36 .spalte2{
    width: 100%;
    min-width: 0;
    justify-content: center; /* oder flex-end wenn du rechts willst */
  }

  /* DAS ist die Hauptregel: immer mit dem Screen mitskalieren */
  #inhalt2spalten36 .spalte2 img{
    transform: none !important;

    width: 90% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    display: block;
    margin-right:auto;
  }
}



/* =========================================================
   GLOBAL – Bildspalten (kompakter / mobiltauglich)
========================================================= */

.bildspalten{
  margin-bottom: clamp(28px, 4vw, 60px);
}

.bildspalten .slidecontainer{
  gap: clamp(14px, 2.6vw, 36px);
}

@media (max-width: 900px){
  .bildspalten .slidecontainer{
    gap: clamp(12px, 3vw, 22px);
  }
}









/* --------------------------------
   SPECIAL – #inhalt2spalten45
-------------------------------- */

#inhalt2spalten45{
  /* Abstand zwischen Bild & Text */
  --gap: clamp(1.2rem, 2.6vw, 3rem);

  /* gesamtes Konstrukt nach links schieben */
  --shift-x: clamp(-7rem, -7vw, -5rem);

  /* Spaltenverhältnis */
  --col1: 1;      /* Bild */
  --col2: 0.95;   /* Text */

  /* Textfluss */
  --content-width: 75%;

  /* Bildgrößen (Spalte 1!) */
  --img-min: 420px;
  --img-max: 520px;

  /* oben KEIN Padding (Desktop + Mobile), unten bleibt */
  padding-top: 0;
  padding-bottom: 0
}

/* --------------------------------
   CONTAINER – oben bündig
-------------------------------- */

#inhalt2spalten45 > .container{
  align-items: flex-start;
}

/* --------------------------------
   SPALTEN – Default-Override
   (gegen align-items:center aus default.css)
-------------------------------- */

#inhalt2spalten45 .spalte{
  align-items: flex-start;
}

/* --------------------------------
   WICHTIG: Versatz/Snap beim Skalieren verhindern
   default.css setzt min-width + flex-shrink:0 auf .spalte2
   → bei dir ist .spalte2 aber TEXT, also zurücksetzen!
-------------------------------- */

#inhalt2spalten45 .spalte2{
  min-width: 0;     /* ✅ erlaubt echtes Shrinken */
  flex-shrink: 1;   /* ✅ darf schrumpfen */
}

/* optional: Bildspalte absichern (wenn du willst) */
#inhalt2spalten45 .spalte1{
  min-width: var(--img-min);
  flex-shrink: 0;
}

/* --------------------------------
   SPALTE 1 – BILD
-------------------------------- */

#inhalt2spalten45 .spalte1{
  justify-content: flex-end;
}

/* Wrapper reset */
#inhalt2spalten45 .spalte1 p{
  margin: 0;
}

/* Bildgröße */
#inhalt2spalten45 .spalte1 img{
  width: 77%;
  max-width: none;
  height: auto;
  display: block;
}

/* --------------------------------
   SPALTE 2 – TEXT
-------------------------------- */

#inhalt2spalten45 .spalte2{
  justify-content: flex-start;
}

/* Lesebreite */
#inhalt2spalten45 .spalte2 .innerspalte{
  max-width: 48.5rem;
}

/* erstes Element bündig */
#inhalt2spalten45 .innerspalte > :first-child{
  margin-top: 0;
}

/* Abstand Überschrift */
#inhalt2spalten45 .innerspalte h4{
  margin-top: clamp(2rem, 4vw, 2.5rem);
}



/* Mobile – untereinander */
@media (max-width: 1000px){
  /* oben bleibt 0, unten etwas kompakter */
  #inhalt2spalten45{
    padding-top: 0;
  }

  /* Bild zentrieren + mehr Abstand darunter */
  #inhalt2spalten45 .spalte1{
    justify-content: left;
    text-align: center;
    margin-bottom: clamp(2rem, 6vw, 4rem);
    min-width: 0;         /* sicherheitshalber */
    flex-shrink: 1;       /* sicherheitshalber */
  }

  #inhalt2spalten45 .spalte1 img{
    width: 80%;
    max-width: none;
    margin: 0 auto;
    margin-left:-8.5%;
    position: relative;
    margin-bottom:2rem;
  }

  /* Text volle Breite */
  #inhalt2spalten45 .spalte2 .innerspalte{
    max-width: 100%;
  }

	#inhalt2spalten45 .spalte2 .innerspalte {
max-width: 100%;
display:block;
}

#inhalt46 {
padding-top:2rem;
padding-bottom:2rem;

}

}
/* --------------------------------
-------------------------------- */




/* --------------------------------
   SPECIAL – #inhalt2spalten76
-------------------------------- */

#inhalt2spalten76{
  /* Abstand zwischen Bild & Text */
  --gap: clamp(1.2rem, 2.6vw, 3rem);

  /* gesamtes Konstrukt nach links schieben */
  --shift-x: clamp(-7rem, -7vw, -5rem);

  /* Spaltenverhältnis */
  --col1: 1;      /* Bild */
  --col2: 0.92;   /* Text */

  /* Textfluss */
  --content-width: 75%;

  /* Bildgrößen (Spalte 1!) */
  --img-min: 420px;
  --img-max: 520px;

  /* oben KEIN Padding (Desktop + Mobile), unten bleibt */
  padding-top: 0;
  padding-bottom: clamp(80px, 8vw, 180px);
}

/* --------------------------------
   CONTAINER – oben bündig
-------------------------------- */

#inhalt2spalten76 > .container{
  align-items: flex-start;
}

/* --------------------------------
   SPALTEN – Default-Override
   (gegen align-items:center aus default.css)
-------------------------------- */

#inhalt2spalten76 .spalte{
  align-items: flex-start;
}

/* --------------------------------
   WICHTIG: Versatz/Snap beim Skalieren verhindern
   default.css setzt min-width + flex-shrink:0 auf .spalte2
   → bei dir ist .spalte2 aber TEXT, also zurücksetzen!
-------------------------------- */

#inhalt2spalten76 .spalte2{
  min-width: 0;     /* ✅ erlaubt echtes Shrinken */
  flex-shrink: 1;   /* ✅ darf schrumpfen */
}

/* optional: Bildspalte absichern (wenn du willst) */
#inhalt2spalten76 .spalte1{
  min-width: var(--img-min);
  flex-shrink: 0;
}

/* --------------------------------
   SPALTE 1 – BILD
-------------------------------- */

#inhalt2spalten76 .spalte1{
  justify-content: flex-end;
}

/* Wrapper reset */
#inhalt2spalten76 .spalte1 p{
  margin: 0;
}

/* Bildgröße */
#inhalt2spalten76 .spalte1 img{
  width: 77%;
  max-width: none;
  height: auto;
  display: block;
}

/* --------------------------------
   SPALTE 2 – TEXT
-------------------------------- */

#inhalt2spalten76 .spalte2{
  justify-content: flex-start;
}

/* Lesebreite */
#inhalt2spalten76 .spalte2 .innerspalte{
  max-width: 48.5rem;
}

/* erstes Element bündig */
#inhalt2spalten76 .innerspalte > :first-child{
  margin-top: 0;
}

/* Abstand Überschrift */
#inhalt2spalten76 .innerspalte h4{
  margin-top: clamp(2rem, 4vw, 2.5rem);
}



/* Mobile – untereinander */
@media (max-width: 1000px){
  /* oben bleibt 0, unten etwas kompakter */
  #inhalt2spalten76 {
    padding-top: 0;
    margin-bottom:2rem;
  }

  /* Bild zentrieren + mehr Abstand darunter */
  #inhalt2spalten76 .spalte1{
    justify-content: center;
    text-align: left;
    margin-bottom: clamp(2rem, 6vw, 4rem);
    min-width: 0;         
    flex-shrink: 1;    
  }

  #inhalt2spalten76 .spalte1 img{
    width: 100%;
    max-width: none;
    margin: 0 0;
  }

  /* Text volle Breite */
  #inhalt2spalten76 .spalte2 .innerspalte{
    max-width: 100%;
  }
  
  	#inhalt2spalten76 .spalte2 .innerspalte {
max-width: 100%;
display:block;
}
  
}

/* --------------------------------
   #inhalt2spalten76 – mehrere <p> mit je 1 Button -> als Button-Reihe behandeln
---------------------------------- */
/* --------------------------------
   #inhalt2spalten76 – nur <p> mit Button
---------------------------------- */

/* nur <p>, die DIREKT einen .button enthalten */
#inhalt2spalten76 .innerspalte2 p:has(> a.button){
  display: inline-flex;
  margin-right: 2rem;   /* ⬅️ Gap-Ersatz */
  margin-bottom: 0;     /* sauber */
  margin-top: 1.4rem;
}

/* letztes Button-<p> ohne extra Abstand */
#inhalt2spalten76 .innerspalte2 p:has(> a.button):last-of-type{
  margin-right: 0;
}

/* Button selbst */
#inhalt2spalten76 .innerspalte2 p:has(> a.button) > a.button{
  display: inline-flex;
  width: auto;
  white-space: nowrap;
}

/* Sehr schmal: untereinander, weiterhin linksbündig */
@media (max-width: 1000px){
  #inhalt2spalten76 .innerspalte2 p:has(> a.button){
    display: flex;
    margin-right: 0;

  }
}


/* --------------------------------
-------------------------------- */




/* --------------------------------
   SPECIAL – slideshow
-------------------------------- */

@media (min-width: 1000px){
.gridtemplate-1col.slideshow#slideshow67 {
padding-top:100px;
 position: relative; 
  z-index: 225;          
}
}

.gridtemplate-1col.slideshow#slideshow67 .bildspalten {
--gap: clamp(1.2rem, 2.6vw, 3rem);
--col1: 69%;
--col2: 31%;
display: grid;
grid-template-columns: minmax(0, var(--col1)) minmax(0, var(--col2));
gap: var(--gap);
align-items: stretch;
width: 100%;
}

.gridtemplate-1col.slideshow#slideshow67 .bildspalten.einzeln {
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 100%;
  --col2: 0%;

  display: grid;
  grid-template-columns: minmax(0, var(--col1)) minmax(0, var(--col2));
  gap: var(--gap);
  align-items: stretch; /* 🔑 wichtig */
  width: 100%;
}
.gridtemplate-1col.slideshow#slideshow67 .bildspalten:nth-child(3){
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 31%;
  --col2: 69%;
}
.gridtemplate-1col.slideshow#slideshow67 .bildspalten:nth-child(4){
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 31%;
  --col2: 69%;
}

.gridtemplate-1col.slideshow#slideshow67 .bildspalte .bild {
  height: clamp(360px, 40vw, 620px); /* 👈 gemeinsame Höhe */
  overflow: hidden;
}
.gridtemplate-1col.slideshow#slideshow67 .bildspalte img{
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 👈 gleich hoch, sauber beschnitten */
  display: block;
}

.gridtemplate-1col.slideshow#slideshow67 > .bild {
height: clamp(360px, 40vw, 620px);

}
.gridtemplate-1col.slideshow#slideshow67 .bild img {
height: clamp(360px, 40vw, 620px);
object-fit: cover;

}


@media (max-width:1000px){

.gridtemplate-1col.slideshow#slideshow67 .bildspalten {
height: clamp(200px, 15vw, 320px);

}

.gridtemplate-1col.slideshow#slideshow67 > .bild {
height: clamp(200px, 15vw, 320px);

}
.gridtemplate-1col.slideshow#slideshow67 .bild img {
height: clamp(200px, 15vw, 320px);
object-fit: cover;

}

}

/* --------------------------------
-------------------------------- */




/* --------------------------------
   SPECIAL – slideshow
-------------------------------- */
@media (min-width: 1000px){
.gridtemplate-1col.slideshow#slideshow73 {
padding-top:100px;

}
}

.gridtemplate-1col.slideshow#slideshow73 .bildspalten {
--gap: clamp(1.2rem, 2.6vw, 3rem);
--col1: 69%;
--col2: 31%;
display: grid;
grid-template-columns: minmax(0, var(--col1)) minmax(0, var(--col2));
gap: var(--gap);
align-items: start;
width: 100%;
}

.gridtemplate-1col.slideshow#slideshow73 .bildspalten {
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 69%;
  --col2: 31%;

  display: grid;
  grid-template-columns: minmax(0, var(--col1)) minmax(0, var(--col2));
  gap: var(--gap);
  align-items: stretch; /* 🔑 wichtig */
  width: 100%;
}

.gridtemplate-1col.slideshow#slideshow73 .bildspalten:first-child {
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 31%;
  --col2: 69%;
}
.gridtemplate-1col.slideshow#slideshow73 .bildspalten.einzeln {
  --gap: clamp(1.2rem, 2.6vw, 3rem);
  --col1: 100%;
  --col2: 0%;
}
.gridtemplate-1col.slideshow#slideshow73 .bildspalte .bild {
  height: clamp(360px, 40vw, 620px); /* 👈 gemeinsame Höhe */
  overflow: hidden;
}
.gridtemplate-1col.slideshow#slideshow73 .bildspalte img{
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 👈 gleich hoch, sauber beschnitten */
  display: block;
}

@media (max-width:1000px){

.gridtemplate-1col.slideshow#slideshow73 .bildspalten {
height: clamp(200px, 15vw, 320px);

}

.gridtemplate-1col.slideshow#slideshow73 > .bild {
height: clamp(200px, 15vw, 320px);

}
.gridtemplate-1col.slideshow#slideshow73 .bild img {
height: clamp(200px, 15vw, 320px);
object-fit: cover;

}

}



/* --------------------------------
-------------------------------- */




/* --------------------------------
/* --------------------------------
   Girlande 1 – #inhalt2spalten58
---------------------------------- */

/* Bild links „am Rand“, ca. 40% ragt in den Content + gedreht */
#inhalt2spalten80 .spalte.spalte1{
  position: relative;
  overflow: visible;
  margin-top: -32rem;   /* 👈 dein gewünschter Hochzug */
 
  --overlap: 58%;
  --rotate: 17deg;
  --shift-y: 3vw;
}

/* ✅ Absatz-Abstand vollständig entfernen */
#inhalt2spalten80 .spalte.spalte1 .innerspalte1 p{
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* Bild selbst */
#inhalt2spalten80 .spalte.spalte1 img{
  display: block;
  max-width: none;
  width: 80vw;
  height: auto;

  position: relative;
  left: 0;

  transform:
    translateX(calc(-1 * var(--overlap)))
    translateY(var(--shift-y))
    rotate(var(--rotate));

  transform-origin: left center;
}

/* Mobile: wieder normal einpassen */
@media (max-width: 1000px){
	
	#inhalt2spalten80 {
	padding-top:0;
	z-index:5;
	width:100%;
	margin-top:2rem;
	}
	#inhalt2spalten80 .container {
	width:95%;
	}
	#inhalt2spalten80 .spalte.spalte1 {
		margin-top:-4rem;
		padding-top:0;
		height:auto;
		margin-bottom:1rem;
	}

  #inhalt2spalten80 .spalte.spalte1 img{
    width: 100%;
    max-width: 100%;
transform: rotate(10deg);
    top:0px;
  }

  #inhalt2spalten80 .spalte.spalte1{
    
  }
  
  #inhalt2spalten80 {

  }
  
}

/* --------------------------------
-------------------------------- */



/* --------------------------------
   Textrahmen – #inhalt70
---------------------------------- */
#inhalt70{
  margin-top: -20rem; /* Desktop: stark nach oben */
}

/* Mobile / Tablet */
@media (max-width: 1000px){
  #inhalt70{
	 margin-top: 0rem;
	  padding-top: 0rem;
	  padding-bottom: 2rem;
  }
}
/* --------------------------------
-------------------------------- */






/* --------------------------------
   SPECIAL – #inhalt2spalten72
---------------------------------- */
#inhalt2spalten72{
  --col1: 1.15;
  --col2: 1;

  --content-width: 88%;
  --gap: clamp(1.8rem, 3.5vw, 5rem);
  --shift-x: -1.5rem;

  --img-min: 380px;
  --img-max: 450px;

  padding-top: 0;
  padding-bottom: clamp(2rem, 3vw, 4rem);
}

/* Container */
#inhalt2spalten72 > .container{
  align-items: flex-end;
}
#inhalt2spalten72 .spalte{
  align-items: flex-end;
}
#inhalt2spalten72 .spalte2 .innerspalte2 p{
  margin: 0;
  padding: 0;
  line-height: 0;
}
/* 🔑 Linke Spalte: rechtsbündig */
#inhalt2spalten72 .spalte1{
  justify-content: flex-end;
  text-align: right;
}

/* Textbreite */
#inhalt2spalten72 .spalte1 .innerspalte{
  width: var(--content-width);
}

/* Rechte Spalte: Bild rechts */
#inhalt2spalten72 .spalte2{
  justify-content: flex-end;
}

/* Bildgröße wie im Entwurf */
#inhalt2spalten72 .spalte2 img{
  width: min(var(--img-max), 100%);
  max-width: var(--img-max);
  min-width: var(--img-min);
  height: auto;
  display: block;
}

/* ------------------------------
   Buttons – Desktop nebeneinander
--------------------------------- */
#inhalt2spalten72 .innerspalte1 p{
  margin: 0;
}

/* Wrapper-Ersatz: nur p mit Button */
#inhalt2spalten72 .innerspalte1 p:has(a.button){
  display: inline-block;
  margin-top: 1rem;
}

/* Abstand zwischen den Buttons */
#inhalt2spalten72 .innerspalte1 p:has(a.button) + p:has(a.button){
  margin-left: clamp(1.5rem, 2.5vw, 3rem);
}

/* --------------------------------
   Mobile / Tablet – #inhalt2spalten72
---------------------------------- */
@media (max-width: 1000px){
  #inhalt2spalten72{
    --content-width: 100%;
  }

  #inhalt2spalten72 .spalte1{
    text-align: left;
    justify-content: center;
  }

  /* Abstand oberhalb vom Bild */
  #inhalt2spalten72 .spalte2{
    justify-content: center;
    margin-top: 1rem;
  }

  /* 📐 Tablet / großes Mobile: ca. 70% */
  #inhalt2spalten72 .spalte2 img{
    width: 70%;
    max-width: 70%;
    min-width: 0;
    height: auto;
    display: block;
  }

  #inhalt2spalten72 .innerspalte1 p:has(a.button){
    display: block;
    margin-top: 1.2rem;
  }

  #inhalt2spalten72 .innerspalte1 p:has(a.button) + p:has(a.button){
    margin-left: 0;
  }
}

/* 📱 Kleines Mobile: volle Breite */
@media (max-width: 1000px){
  #inhalt2spalten72 .spalte2 img{
    width: 80%;
    max-width: 100%;
    position:relative;
    margin-left:28.4%;
    display:block;
    margin-top:4rem;
  }
}
/* --------------------------------
-------------------------------- */






/* --------------------------------
   Textrahmen – #inhalt74 (rechts, kompakt)
---------------------------------- */
#inhalt74 .container{
  display: block;
}

/* Desktop */
#inhalt74{
  padding-top: 7rem;
  padding-bottom: 4rem;
}

#inhalt74 .textrahmen-inner{
  max-width: 720px;
  margin-left: auto;
  margin-right: clamp(10rem, 13vw, 45.5rem);
  text-align: left;
}

/* Überschrift + Text inline */
#inhalt74 h4{
  display: inline;
  margin: 0;
}
#inhalt74 p{
  display: inline;
  margin: 0;
}
#inhalt74 h4::after{
  content: " ";
}

/* Tablet */
@media (max-width: 1200px){


  #inhalt74 .textrahmen-inner{
    margin-right: clamp(6rem, 10vw, 24rem);
  }
}

/* Mobile / Responsive: zentriert, aber inline */
@media (max-width: 1000px){

  #inhalt74 .textrahmen-inner{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-inline: 0rem;
    text-align: left; /* 👈 zentriert */
  }
	#inhalt74 {
padding-top: 1rem;
padding-bottom: 4rem;
}
  /* ❗ bewusst KEIN display:block hier */
}

/* --------------------------------
-------------------------------- */


/* --------------------------------
   Girlande – #inhalt2spalten82
---------------------------------- */
#inhalt2spalten82.inhalt2spalten {
padding-block: clamp(125px, 7vw, 220px);

}

#inhalt2spalten82 .innerspalte2{
  width: 100%;
  box-sizing: border-box;

  display: flex;
  justify-content: center;

  padding-inline:0px;

  /* Desktop / große Screens */
  margin-top: clamp(-30rem, -30vw, -15rem);
  padding-bottom: 0;
}

/* Bild – Desktop / groß: SO BELASSEN */
#inhalt2spalten82 .innerspalte2 img{
  display: block;
  width: 100%;
  max-width: 1400px;
  height: auto;

  transform: rotate(30deg) translateX(40px);
  transform-origin: center;
}

/* --------------------------------
   RESPONSIVE
---------------------------------- */

/* Tablet & kleiner → Girlande wird GRÖSSER */
@media (max-width: 1200px){
  #inhalt2spalten82 .innerspalte2 img{
    transform: rotate(30deg) translateX(40px) scale(1.2);
  }
}

/* Mobile */
@media (max-width: 1000px){
  #inhalt2spalten82 .innerspalte2{
    padding-inline: 24px;
  }

  #inhalt2spalten82 .innerspalte2 img{
    transform: rotate(10deg) translateY(4rem) translateX(1rem) scale(1.3);
    max-width: 90%;
  }
  
  #inhalt2spalten82 {

  }
  
  #inhalt2spalten82 .spalte2 {
  	display:none;
  }
  #inhalt2spalten82 {
  		  	display:none;
  }
}



p.mehr{
  display: none;
}

/* =========================================================
   MOBILE – konsistente, kleinere Abstände (durchgehend)
========================================================= */
@media (max-width: 1000px){

  /* inhalt2spalten: wenn deine default.css hier große Gaps setzt */
  #inhalt2spalten36 > .container,
  #inhalt2spalten45 > .container,
  #inhalt2spalten76 > .container,
  #inhalt2spalten72 > .container{
    gap: clamp(18px, 4vw, 28px);
  }

  /* Slideshows: mobil enger */
  .gridtemplate-1col.slideshow#slideshow67 .bildspalten,
  .gridtemplate-1col.slideshow#slideshow73 .bildspalten{
    --gap: clamp(12px, 3vw, 22px);
    gap: var(--gap);
  }

  /* Einzeln: auf Mobile 1 Spalte erzwingen */
  .gridtemplate-1col.slideshow#slideshow67 .bildspalten.einzeln,
  .gridtemplate-1col.slideshow#slideshow73 .bildspalten.einzeln{
    grid-template-columns: 1fr;
  }
  
  #slideshow67 {
  padding-top:2rem;
  padding-bottom:2rem;
  
  }
  #slideshow73 {
  padding-top:2rem;
  padding-bottom:4rem;
  }
  
  #inhalt2spalten76 .spalte1 img {
  	position:relative;
  	margin-left:-8.5%;
  	width:80%;
  	display:block;
  	margin-bottom:1.5rem;
  }
  
  
}