/* =========================================================
   ÜBERSICHTLICH NACH SELEKTOREN SORTIERT
   (nach jeder Gruppe ein leeres MQ-Bracket zum Befüllen)
========================================================= */
* {


}

/* =========================================================
   #inhalt2spalten39
========================================================= */

#inhalt2spalten39{
  --col1: 3.2;
  --col2: 2;

  --content-width: 80%;
  --gap: clamp(5rem, 10vw, 10rem);

  --img-min: 230px;
  --img-max: 250px;
  --img-w: clamp(var(--img-min), 18vw, var(--img-max));

  --img-shift-x: clamp(40px, 3vw, 90px);
  --img-shift-y: 0px;

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

#inhalt2spalten39 .spalte2{
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  align-items: center;
}

#inhalt2spalten39 .spalte2 img{
  display: block;
  width: var(--img-w);
  max-width: 100%;
  height: auto;
  transform: none;
}

#inhalt2spalten39 .spalte2 p.rot-img{

     
}
@media (min-width: 1000px){
#inhalt2spalten39 .spalte2 p.rot-img > img{

   transform: rotate(-90deg);
   width:100%;
}
}

/* --- MQ: #inhalt2spalten39 (min-width: 1351px) ---------------- */
@media (min-width: 1351px){
  #inhalt2spalten39 .spalte2 img{
    transform: translate(var(--img-shift-x), var(--img-shift-y));
   
  }
}

/* --- MQ: #inhalt2spalten39 (max-width: 1000px) ---------------- */
@media (max-width: 1000px){

  #inhalt2spalten39 > .container{

	--gap: clamp(2.0rem, 2vw, 3rem);
  }

  #inhalt2spalten39{
    padding-top: clamp(100px, 8vw, 150px);
    padding-bottom: 0rem;
    overflow-x: hidden;
  }

  #inhalt2spalten39 > .container{
    transform: none !important;
  }

  #inhalt2spalten39 .spalte2{
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  #inhalt2spalten39 .spalte2 p.rot-img{
    --shift-r: clamp(30px, 10vw, 100px);

    margin: 0;
    width: 100%;
    max-width: 100vw;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;

    transform:none;
  }

  #inhalt2spalten39 .spalte2 p.rot-img > img{
    width: min(100%, clamp(350px, 65vw, 450px)) !important;

    min-width: 0 !important;
    max-width: none !important;

    height: auto;
    display: block;
    margin: 3rem auto 6rem auto;

    transform: rotate(0deg);
    transform-origin: center;

    object-fit: contain;

  }
}

/* --- MQ: #inhalt2spalten39 (max-width: 700px) ----------------- */
@media (max-width: 700px){
  #inhalt2spalten39 .spalte2 p.rot-img{
    --shift-r: 0px;
    transform: none;
  }
}

/* --- MQ: #inhalt2spalten39 (freies Bracket) ------------------- */
@media (max-width: 99999px){
  /* hier rein, wenn du für #inhalt2spalten39 noch was ergänzen willst */
}



/* =========================================================
   .gridtemplate-1col (Global)
========================================================= */

.gridtemplate-1col{
  display: block;
  position: relative;
  margin-top: 3rem;
}

/* --- MQ: .gridtemplate-1col (freies Bracket) ------------------ */
@media (max-width: 99999px){
  /* Ergänzungen für .gridtemplate-1col */
}



/* =========================================================
   .bildspalten + .bildspalten .slidecontainer
========================================================= */

.bildspalten{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: clip;
  margin-bottom: clamp(40px, 6vw, 90px);
}

.bildspalten .slidecontainer{
  width: min(var(--container), 100%);
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-left: 0;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 2vw, 60px);

  transform: none;
}

/* --- MQ: .bildspalten/.slidecontainer (max-width: 900px) ------ */
@media (max-width: 900px){
  .bildspalten .slidecontainer{
    grid-template-columns: 1fr;
  }
}

/* --- MQ: .bildspalten (freies Bracket) ------------------------ */
@media (max-width: 99999px){
  /* Ergänzungen für .bildspalten/.slidecontainer */
}



/* =========================================================
   .gridtemplate-1col.slideshow#slideshow47 (+ Varianten)
========================================================= */



.gridtemplate-1col.slideshow#slideshow47 .bildspalten{
  --gap: 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#slideshow47 .bildspalten.einzeln{
  --col1: 100%;
  --col2: 0%;
  
}

.gridtemplate-1col.slideshow#slideshow47 .bildspalte .bild{
  height: clamp(360px, 40vw, 620px);
  overflow: hidden;
}

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

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


@media (max-width: 1000px){
.gridtemplate-1col.slideshow#slideshow47 .bildspalten{
  --gap: 1.5rem; 
    gap: var(--gap);
  }
 .gridtemplate-1col.slideshow#slideshow47 .bildspalten.einzeln{ 
 	grid-template-columns:1fr;
 }
  .gridtemplate-1col.slideshow#slideshow47 .bildspalte .bild{
  height: clamp(200px, 15vw, 320px);
  overflow: hidden;
}

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

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

/* only >=900 im Original */
@media (min-width: 900px){
  .gridtemplate-1col.slideshow#slideshow47{
    padding-top: 100px;
  }
  
}

/* --- MQ: slideshow47 (freies Bracket) ------------------------- */
@media (max-width: 99999px){
  /* Ergänzungen für slideshow47 */
}



/* =========================================================
   #slideshow73 (Achtung: war im Snippet an slideshow47 angehängt)
========================================================= */

.gridtemplate-1col.slideshow#slideshow73 .bildspalte img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- MQ: #slideshow73 (freies Bracket) ------------------------ */
@media (max-width: 99999px){
  /* Ergänzungen für #slideshow73 */
}



/* =========================================================
   .trennstrich (Global)
========================================================= */

.trennstrich{
  font-size: clamp(12px, 0.9vw, 14px);
  line-height: 2.2;
}

/* --- MQ: .trennstrich (freies Bracket) ------------------------ */
@media (max-width: 99999px){
  /* Ergänzungen für .trennstrich */
}



/* =========================================================
   #inhalt2spalten93
========================================================= */

#inhalt2spalten93{
  position: relative;
  overflow: visible;
  padding-top: clamp(10rem, 15vw, 15rem);

  --gap: 0rem;
  --shift-x: clamp(-10rem, -15vw, -18rem);

  --col1: 1;
  --col2: 0.6;

  --content-width: 65%;

  --img-min: 420px;
  --img-max: 520px;

  --bleed-fix: 7rem;
  --bleed-top: 23rem;

  /* Default (große Screens) */
  --img-col: 420px;
  --text-max: 48.5rem;
}

@media (max-width:1000px) {

#inhalt2spalten93{
	padding-block: 6rem;
}

}


#inhalt2spalten93 > .container{
  align-items: flex-start;
  transform: translateX(var(--shift-x));
}

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

#inhalt2spalten93 .spalte2{
  min-width: 0;
  flex-shrink: 1;
}

#inhalt2spalten93 .spalte1{

  flex-shrink: 0;
  justify-content: flex-end;
}

#inhalt2spalten93 .spalte1 p{
  margin: 0;
}

#inhalt2spalten93 .spalte1 img{
  display: block;
  width: 77%;
  max-width: none;
  height: auto;
}

#inhalt2spalten93 .innerspalte1 .bild-full{
  display: block;
  max-width: none;
  margin-left: calc(50% - 50vw + var(--bleed-fix));
  width: calc(100% + (50vw - 50%) - var(--bleed-fix));
  margin-top: var(--bleed-top);
}





#inhalt2spalten93 h2{
  text-align: left;
}

#inhalt2spalten93 h4,
#inhalt2spalten93 p{
  display: inline;
  margin: 0;
  hyphens: none;
  word-break: normal;
  overflow-wrap: break-word;
}

#inhalt2spalten93 h4::after{
  content: " ";
}

#inhalt2spalten93 p::after{
  content: "\A";
  white-space: pre;
  display: block;
}

#inhalt2spalten93 .innerspalte > :first-child{
  margin-top: 0;
}

#inhalt2spalten93 .innerspalte h4{
  margin-top: clamp(2rem, 4vw, 2.5rem);
}

#inhalt2spalten93 .spalte2 .innerspalte{
  max-width: 48.5rem;
}

#inhalt2spalten93 .menuliste p::after{
  content: none;
  display: none;
}

#inhalt2spalten93 p.trennstrich{
  display: block;
  margin: 0;
}

#inhalt2spalten93 p.spacer{
  padding-top: clamp(1.5rem, 3vw, 2rem);
}

#inhalt2spalten93 p.trennstrich::after{
  content: "\A";
  white-space: pre;
  display: block;
}

/* --- MQ: #inhalt2spalten93 (max-width: 1400px) ---------------- */
@media (max-width: 1400px){
  #inhalt2spalten93{
    --bleed-top: 40rem;
  }
}

/* --- MQ: #inhalt2spalten93 (max-width: 1200px) ---------------- */
@media (max-width: 1200px){
  #inhalt2spalten93{
    --shift-x: -1rem;
    --content-width: 80%;
    --col1: 0.7;
    --col2: 0.8;

    --bleed-top: 50rem;
  }

  #inhalt2spalten93 > .container{
    transform: none;
  }

  #inhalt2spalten93 .spalte2 .innerspalte{
    max-width: min(60rem, var(--content-width));
  }
}

/* --- MQ: #inhalt2spalten93 (max-width: 1100px) ---------------- */
@media (max-width: 1100px){
  #inhalt2spalten93{
    --bleed-top: 60rem;
  }
}

/* --- MQ: #inhalt2spalten93 (max-width: 1000px) ---------------- */
@media (max-width: 1000px){
  #inhalt2spalten93{
    --bleed-top: 70rem;
  }
}

/* --- MQ: #inhalt2spalten93 (max-width: 900px) ----------------- */
@media (max-width: 1000px){

  #inhalt2spalten93{
    --shift-x: 0rem;
    --mobile-indent: clamp(4rem, 5vw, 10rem);
    padding-bottom:5rem;
  }

  #inhalt2spalten93 > .container{
    transform: none;
  }

  #inhalt2spalten93 .spalte1,
  #inhalt2spalten93 .spalte2{
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
	
	#inhalt2spalten93 .spalte1 p:nth-child(2) {
	display:block;

	
	}
	
  #inhalt2spalten93 .spalte1 p:nth-child(2) img {
    width: 80%;

    margin: 0;
    display: block;
    left:28.5%;
    position:relative;
  }

  #inhalt2spalten93 .spalte2 .innerspalte{
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }

  #inhalt2spalten93 .innerspalte1 .bild-full{
    
  }
  
	#inhalt2spalten93 .spalte2{ order: 1; }
  	#inhalt2spalten93 .spalte1{ order: 2; }
  #inhalt2spalten93 .spalte1 {
  	padding-top:3rem;
  }



}

@media (max-width:1000px) {
#inhalt2spalten93 .innerspalte1 .bild-full{
  display: block;
  max-width: none;
  margin-left: 0;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 4rem;
  order:1;
  left:-10%;
  position:relative;
}

#inhalt2spalten93 .innerspalte1 .bild-full img {
width:80%;
}

}

/* --- MQ: #inhalt2spalten93 (max-width: 700px) ----------------- */
@media (max-width: 1000px){

  #inhalt2spalten93 .spalte2 .innerspalte{


    display:block;
  }

  #inhalt2spalten93 .spalte1,
  #inhalt2spalten93 .spalte2{
    padding-left: 0;
    padding-right: 0;
  }
}

/* --- MQ: #inhalt2spalten93 (max-width: 600px) ----------------- */
@media (max-width: 600px){
  #inhalt2spalten93 .spalte2 .innerspalte{
    width: 100%;
    max-width: 100%;
  }
}

/* --- MQ: #inhalt2spalten93 (freies Bracket) ------------------- */
@media (max-width: 99999px){
  /* Ergänzungen für #inhalt2spalten93 */
}



/* =========================================================
   .menuliste (Global)
========================================================= */

.menuliste .preiszeile{
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 2rem;
  align-items: baseline;
  margin: 0;
}

.menuliste .preis{
  text-align: right;
  white-space: nowrap;
}

/* --- MQ: .menuliste (freies Bracket) -------------------------- */
@media (max-width: 99999px){
  /* Ergänzungen für .menuliste */
}



/* =========================================================
   #inhalt2spalten97
========================================================= */

#inhalt2spalten97{
  position: relative;
  overflow: hidden;

  --gap: clamp(2rem, 3vw, 5rem);
  --col1: 0.85;
  --col2: 1;

  --content-width: 87%;
}

#inhalt2spalten97 > .container{
  align-items: flex-start;
  gap: var(--gap);
}

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

#inhalt2spalten97 .spalte1{
  flex: var(--col1);
  min-width: 0;
}

#inhalt2spalten97 .spalte2{
  flex: var(--col2);
  position: relative;
  margin-right: calc(50% - 50vw);
  align-self: center;
}

#inhalt2spalten97 .spalte2 img{
  padding-top: 5rem;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

#inhalt2spalten97 .spalte2 p:nth-child(1) {
	display:flex;
	width: 100%;
	justify-content: flex-start;
	}
	
  #inhalt2spalten97 .spalte2 p:nth-child(1) img {
    width: 80%;

    
    display: block;
  }
@media (max-width:1000px) {

  #inhalt2spalten97 .spalte2 p:nth-child(1) img {
  	margin-left:-10%;
  }
}

#inhalt2spalten97 h2{
  text-align: left;
}

#inhalt2spalten97 h4,
#inhalt2spalten97 p{
  display: inline;
  margin: 0;
  hyphens: none;
  word-break: normal;
  overflow-wrap: break-word;
}

#inhalt2spalten97 h4::after{
  content: " ";
}

#inhalt2spalten97 p::after{
  content: "\A";
  white-space: pre;
  display: block;
}

#inhalt2spalten97 .innerspalte > :first-child{
  margin-top: 0;
}

#inhalt2spalten97 .innerspalte h4{
  margin-top: clamp(2rem, 4vw, 2.5rem);
}

#inhalt2spalten97 .spalte1 .innerspalte{
  width: var(--content-width);
  width: 90%;
  max-width: 100%;
}

#inhalt2spalten97 p.trennstrich{
  display: block;
  margin: 0;
}

#inhalt2spalten97 p.trennstrich::after{
  content: "\A";
  white-space: pre;
  display: block;
}

#inhalt2spalten97 p.spacer{
  padding-top: clamp(1.5rem, 3vw, 2rem);
}

#inhalt2spalten97 p.trennstrich.spacer{
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
}

#inhalt2spalten97 .menuliste p::after{
  content: none;
  display: none;
}

/* --- MQ: #inhalt2spalten97 (max-width: 1250px) ---------------- */
@media (max-width: 1250px){
  #inhalt2spalten97 .spalte2{
    margin-right: calc(50% - 50vw);
  }
}

/* --- MQ: #inhalt2spalten97 (max-width: 900px) ----------------- */
@media (max-width: 1000px){

  #inhalt2spalten97{
    padding-top: clamp(3rem, 6vw, 5rem);
    padding-left: 0;
    padding-right: 0;
    --content-width: 100%;
  }
  
  #inhalt2spalten97{
	padding-block: 3rem;
	padding-top: 0rem;
	padding-bottom: 3rem;
	}

  #inhalt2spalº200ten97 > .container{
    flex-direction: column;
    gap: clamp(2rem, 3vw, 3rem);
  }



  #inhalt2spalten97 .spalte2{
    margin-right: calc(50% - 50vw);
    align-self: stretch;
    padding-top:3rem;
  }

  #inhalt2spalten97 .spalte2 img{
    padding-top: 0;
    width:70%;
  }

  #inhalt2spalten97 .spalte1 .innerspalte{
    width: 100%;
  }
}

/* --- MQ: #inhalt2spalten97 (freies Bracket) ------------------- */
@media (max-width: 99999px){
  /* Ergänzungen für #inhalt2spalten97 */
}



/* =========================================================
   body#article15 .shortcuts-wrapper (+ slideshow47 nth-child(5))
========================================================= */

@media (min-width: 1001px){

  body#article15 .shortcuts-wrapper{
    --module-shift-x: clamp(0px, 2vw, 30px);
    transform: translateX(var(--module-shift-x));
    padding-top: clamp(0px, 15vw, 100px);
  }

  body#article15 .shortcuts-wrapper > .container{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(50px, 15vw, 190px);
    align-items: stretch;
  }

  body#article15 .shortcuts-wrapper .shortcuts-section{
    grid-column: 1;
    grid-row: 1;

    display: grid;
    grid-template-columns: 1fr;
    row-gap: 0;

    align-self: end;
  }

  body#article15 .shortcuts-wrapper .gridinfo{
    grid-column: 2;
    grid-row: 1;

    max-width: 690px;
    margin: 0 !important;
    text-align: left;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding-left: clamp(10px, 1.2vw, 24px);

    --text-drop: 10px;
    transform: translateY(var(--text-drop));
  }

  body#article15 .shortcuts-wrapper .gridinfo p{
    margin: 0;
  }

  body#article15 .shortcuts-wrapper .gridinfo .p1{
    margin-bottom: clamp(10px, 1.4vw, 18px);
  }

  /* war im Snippet innerhalb min-width:1001 */
  .gridtemplate-1col.slideshow#slideshow47 .bildspalten:nth-child(5){
    --gap: 3rem;
    --col1: 31%;
    --col2: 69%;

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

/* --- MQ: article15 (min-width:1001px and max-width:1450px) ---- */
@media (min-width: 1001px) and (max-width: 1450px){
  body#article15 .shortcuts-wrapper > .container{
    gap: clamp(70px, 7vw, 120px);
  }
}

/* --- MQ: article15 (max-width: 1000px) ------------------------ */
@media (max-width: 1000px){
.shortcuts-wrapper {
--container: 86%;
}
  body#article15 .shortcuts-wrapper{
    transform: none;
    padding-bottom: 3rem;
    
  }

  body#article15 .shortcuts-wrapper > .container{
    display: flex;
    flex-direction: column;
  }

  body#article15 .shortcuts-wrapper .shortcuts-section{
    order: 2;
    width:86%;
    margin-left:auto;
    margin-right:auto;
  }

  body#article15 .shortcuts-wrapper .gridinfo{
   text-align:left;
   margin: 0 0 5rem 0;
   width:100%;
   left:0%;
  }

  body#article15 .shortcuts-wrapper .gridinfo p{
    margin: 0;
  }

  body#article15 .shortcuts-wrapper .gridinfo .p1{
    margin-bottom: clamp(12px, 2vw, 20px);
  }
}

/* --- MQ: body#article15 .shortcuts-wrapper (freies Bracket) ---- */
@media (max-width: 99999px){
  /* Ergänzungen für article15/shortcuts-wrapper */
}