.position-relative{position:relative;}

.global-frame {
  position: relative;
  z-index: 2;
  padding-inline: var(--gutter);
}


.global-frame-2{
  position: relative;
  z-index: 2;
  padding-inline: var(--gutter-gf2);
}

/* Responsives Gutter über :root definieren */
@media (max-width: 1800px) {
  :root { --gutter: 6rem; }
}

@media (max-width: 1199.98px) {
  :root { --gutter: 4rem; }
  :root { --gutter-gf2: 4rem; }
}
@media (max-width: 767.98px) {
  :root { --gutter: 2rem; }
  :root { --gutter-gf2: 2rem; }
}


/* Cover-Bild-Varianten */
.cover-image-container, .cover-image-container-oversize{position:relative;display:block;width:100%;height:100%;}
.cover-image-container img, .cover-image-container-oversize img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
.cover-image-container-oversize{height:140%;}

@media(max-width: 1199.98px){.cover-image-container, .cover-image-container-oversize{height:30rem;}}



/* Cover Image Default Absolute */
.cover-image-container-absolute{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.cover-image-container-absolute img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}



section{position:relative;padding-top:6rem;padding-bottom:6rem;}
#content{position:relative;z-index:5;}


/* =================================== Roundings =================================== */
.rounded-medium img{border-radius:2rem;}
.rounded-infinit img{border-radius:2rem;border-bottom-left-radius:15rem;}