.textrahmen {
padding-top:4rem;
}

.inhalt2spalten.zimmermodul {
padding-block: var(--padding-block);
padding-top:1rem;
}

.zimmermodul .container .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: stretch;
width: 100%;

}

.zimmermodul .container .bildspalten .bildspalte .bild {
height: clamp(360px, 40vw, 620px);
overflow: hidden;
}


.zimmermodul .container.zimmermodultext {

--gap: 3rem;
--col1: 69%;
--col2: 31%;
display: grid;
grid-template-columns: minmax(0, var(--col1)) minmax(0, var(--col2));
gap: var(--gap);
align-items: stretch;


}

.zimmermodul .zimmermodultext {
margin-top:5rem;

}

.zimmermodul .zimmermodultext .spalte1 {
flex: var(--col1);
justify-content: flex-start;
}

.zimmermodul .zimmermodultext .spalte2 {
flex: var(--col1);
justify-content: flex-end;
align-items: start;
align-content: end;
}

.zimmermodul .zimmermodultext .spalte2 .innerspalte {

justify-content: flex-end;
text-align: right;

}

.zimmermodul strong {
font-family: 'UniversLTStd-LightCn', system-ui, sans-serif;
font-size: clamp(1.4rem, 5vw, 1.7rem);
font-weight: 200;
letter-spacing: 0.1em;
color: var(--c-accent);
text-transform: lowercase;
margin: 0.5rem 0;
font-weight: 200;

}

.zimmermodul#inhalt2spalten102 .container .bildspalten {

--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%;
}



.zimmermodul#inhalt2spalten103 .container .bildspalten {

--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%;
}

.inhalt2spalten:not(.randab) .bildspalte img {


width:100%;

position:relative;
max-width: 100%;
}

.zimmermodul .container .bildspalten .bildspalte .bild {
  height: clamp(360px, 40vw, 620px);
  overflow: hidden;
}

.zimmermodul .bildspalte .bild img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;       /* alternativ: contain */
  object-position: center; /* optional */
}


@media (max-width:1000px) {
.inhalt2spalten .container .bildspalten {

gap: 1rem!important;

}
.zimmermodul .container .bildspalten .bildspalte .bild {
  height: clamp(360px, 40vw, 620px);
  overflow: hidden;
  height: clamp(200px, 15vw, 320px);
object-fit: cover;
}

.zimmermodultext {
display:block!important;
--col1: 100%;
--col2: 100%;
}
.zimmermodultext br {
display:none;
}

.inhalt2spalten.zimmermodul {
padding-bottom:4rem;
}

}