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


/* =================================== Circles =================================== */
.circle-blue{position:absolute;display:block;z-index:-2;left:-5vw;bottom:-5vw;width:35vw;height:35vw;background:var(--color-tertiary);border-radius:50%;}
@media(max-width: 1200px){.circle-blue{left:-10vw;bottom:-10vw;width:70vw;height:70vw;background:var(--color-tertiary);}}

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