/* Abstandsklassen */
.mt50 {
  margin-top: 50px;
}

:root{
  --radius:30px;
}

.mb50 {
  margin-bottom: 50px;
}

.elementcentered {
  position: relative;
  left: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}

.wBG {
  background-color: #fff;
}

.gBG {
  background-color: forestgreen;
}

.bBG {
  background-color: #000;
}

.hgBG {
  background-color: #bbbbbb;
}

.content-gallery.roundCorners figure{
	border-radius:var(--radius);
	overflow: hidden;
}

div.roundCorners:not(.content-image, .content-gallery){
	padding:30px 50px;
	border-radius: var(--radius);
}

div.roundCorners.content-image figure{
	border-radius: var(--radius);
	overflow: hidden;
}

div.roundCorners.content-image figure, div.roundCorners.content-image figure img{
	margin:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:center center;
}

/* Breitenklassen mit direktem Padding */
.w100m100 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.w25m100 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.w25m25 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.w25m50 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.w33m100 {
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
}
.w33m33 {
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
}
.w33m50 {
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
}

.w50m100 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.w50m50 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.w66m100 {
  width: 66.6666%;
  padding-left: 15px;
  padding-right: 15px;
}
.w66m66 {
  width: 66.6666%;
  padding-left: 15px;
  padding-right: 15px;
}

.w75m100 {
  width: 75%;
  padding-left: 15px;
  padding-right: 15px;
}
.w75m75 {
  width: 75%;
  padding-left: 15px;
  padding-right: 15px;
}

/* Responsive Anpassungen für max-width: 990px */
@media (max-width: 990px) {

  div .elementcentered {
    margin-left: unset;
    left: unset;
    transform: unset;
  }

  .w100m100 {
    width: 100%;
  }

  .w25m100 {
    width: 100%;
  }
  .w25m25 {
    width: 25%;
  }
  .w25m50 {
    width: 50%;
  }

  .w33m100 {
    width: 100%;
  }
  .w33m33 {
    width: 33.3333%;
  }
  .w33m50 {
    width: 50%;
  }

  .w50m100 {
    width: 100%;
  }
  .w50m50 {
    width: 50%;
  }

  .w66m100 {
    width: 100%;
  }
  .w66m66 {
    width: 66.6666%;
  }

  .w75m100 {
    width: 100%;
  }
  .w75m75 {
    width: 75%;
  }
}