/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
automatische Silbentrennungen, nur bei Absätzen (p)
------------------------------------------------------------------------------------------*/
p {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  overflow-wrap: break-word;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Seitentitel im Backend reduzierter darstellen -> später in MU-Plugin übernehmen
------------------------------------------------------------------------------------------*/
.edit-post-visual-editor__post-title-wrapper .editor-post-title {
  font-size: 24px !important;
  color: rgba(0, 0, 0, 0.436) !important;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Abstand "nach" bei Paragraph
------------------------------------------------------------------------------------------*/
p {
  margin-block-end: 0.7rem !important;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Schmaler Container
------------------------------------------------------------------------------------------*/
.block-editor-block-list__block.is-style-container-narrow, .wp-block-group.is-style-container-narrow {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Ansprechpartner-Kacheln
------------------------------------------------------------------------------------------*/
/*
.ansprechpartner .wp-block-group {
  flex: 1 1 calc((100% - 4rem) / 3);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ansprechpartner img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  max-width: 200px;
}
*/

.team-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.team-tile {

}

.team-tile figure {
  width: auto;
  max-width: 500px;
  margin-bottom: 1rem !important;
}

.team-tile h3 {
  margin-top: 1rem !important;
}

.team-tile p {
  max-width: 500px;
}

@media (max-width: 1240px) {
  .team-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .team-container {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Call to Action
------------------------------------------------------------------------------------------*/
.call-to-action {
  padding: 50px 50px;
  border-radius: 25px;
  background-color: var(--theme-palette-color-1);
  color:white;
  height: 100%;
  align-content: center;
}
.call-to-action p {
  font-size: 1.5rem;
}
.call-to-action a {
  color: white;
  text-decoration: underline;
} 


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Standard-Akkordeon
------------------------------------------------------------------------------------------*/
details {
  border: 1px solid #EBF0E8;
  background-color: #EBF0E8;
	border-radius: 5px;
	padding: 1.5rem 2rem;
}
summary {
	margin:0 !important;
  list-style: none;       /* Entfernt ::marker */
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;   /* Platz für eigenen Pfeil */
	font-weight:800;
}
details[open] > summary {
	padding-bottom:10px;
}
summary::marker {
  display: none; /* Standard-Pfeil ausblenden*/
}
summary::after { /* Pfeil rechts einbauen zum Öffnen */
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 0.75rem;
  height: 0.75rem;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.wp-block-details[open] summary::after {
  transform: translateY(-50%) rotate(-135deg);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Standard-Bullet-Points
------------------------------------------------------------------------------------------*/

ul.wp-block-list {
    list-style: none;
    
}

.list-container {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  width: 41.9375rem;
  background-color: var(--theme-palette-color-7);
}

.list-container h3 {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

ul.wp-block-list li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
  
}
ul.wp-block-list li::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="2" viewBox="0 0 13 2" fill="none"><path d="M12.4098 1.81776H0.339844V0.780762H12.4098V1.81776Z" fill="%23114232"/></svg>');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 14px;
    color: var(--theme-palette-color-1);
    font-weight: bold;
}
li a {
	text-decoration: underline;
}

@media (max-width: 768px) {
  .list-container {
    padding-left: 0.5rem;
    max-width: 100%;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------*/

.header h1 {
  font-size: clamp(2.5rem, 1.9718rem + 2.2535vw, 4rem);
}


.header {
  background-color: #EBF0E8;
  font-size: 7rem;
  height: auto;
  overflow: hidden;
}

.header .wp-block-columns {
  gap: 0;
}

.header .wp-block-column h1 {
  padding-left: 4rem;
  padding-bottom: 6rem;
  padding-right: 4rem;
}

.header .wp-block-column.is-vertically-aligned-center {
  align-self: end;
}

.intro h2 {
  width: 65% !important;
}


@media (max-width: 1490px) {
  .header .wp-block-column h1 {
    padding-left: 2.5rem;
  }
}

@media (max-width: 1240px) {
  .header .wp-block-column h1 {
    padding-bottom: 4rem;
  }
}

@media (max-width: 1024px) {
  .header .wp-block-columns {
    flex-direction: column;
  }
  .header .wp-block-column h1 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

@media (max-width: 768px) {
  .header .wp-block-column h1 {
    padding-left: 1.5rem;
    padding-bottom: 3rem;
    padding-right: 1.5rem;
    padding-top: 3rem;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Header Kontakt
------------------------------------------------------------------------------------------*/

.header-kontakt {
  background-color: #ffff;
  height: auto;
  overflow: hidden;
}

.header-kontakt .wp-block-columns {
  gap: 0;
}

/*.header-kontakt .wp-block-column h1 {
  padding-left: 4rem;
  padding-bottom: 6rem;
  padding-right: 4rem;
}*/

.header-kontakt .wp-block-column.is-vertically-aligned-center {
  align-self: end;
}

.header-kontakt .wp-block-column.is-vertically-aligned-center {
  align-self: center;
}

@media (max-width: 1024px) {
  .header-kontakt .wp-block-columns {
    flex-direction: column;
  }
  .header-kontakt .wp-block-column h1 {
    padding-top: 4.5rem;
  }
  .header-kontakt p {
    padding-bottom: 2rem;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Tabelle
------------------------------------------------------------------------------------------*/

.wpdt-c.wpDataTableContainerSimpleTable.wpDataTables table.wpdtSimpleTable td img {
  height: 50px;
  max-width: unset !important;
	aspect-ratio: unset;
	width: auto;
	min-width: 106px;
}

.wpdt-cell img {
  align-items: start;
}

div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td {
  border: unset;
  border-top: 1.5px solid #ccc;
}

div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, div.wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child {
  border: unset;
  border-top: 1.5px solid #ccc;
}

div.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th {
  border: unset;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  width: 400px !important;
} 

.wpdt-cell-row tr:hover {
  background-color: #f5faff;   /* Hintergrundfarbe beim Hover */
  transition: background-color 0.3s ease;
  cursor: pointer;             /* Mauszeiger auf "Hand" */
}

@media (max-width: 900px) {
  .wpdt-c.wpDataTableContainerSimpleTable.wpDataTables table.wpdtSimpleTable td img {
	  height: 40px;
	  min-width: 82px;
	}
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
benefits-container
------------------------------------------------------------------------------------------*/

.benefits-container {
  background-color: #EBF0E8;
  align-items: start;
  padding-top: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
}

.benefits-container img {
  padding-bottom: 1rem;
}

.grid-benefits-container {
  grid-auto-rows: 1fr;
  gap: 1.5rem;
  width: 65% !important;
}

@media (max-width: 1440px) {
  .grid-benefits-container {
    width: 85% !important;
  }
}

@media (max-width: 1240px) {
  .grid-benefits-container {
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  .wp-block-group .grid-benefits-container {
    width: 100% !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 2rem;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
service-container
------------------------------------------------------------------------------------------*/

.service-container-grid {
  gap: 1rem;
}

.service-container {
  aspect-ratio: 1/1;
  align-items: end;
  padding: 2rem;;
}

.service-container .wp-block-buttons .wp-block-button__link {
  font-size: xx-large;
  font-weight: 500;
  color: #114232;
  padding: 1.5rem 2.75rem 1.5rem 2.75rem;
}

.service-container-button a::after {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="27" viewBox="0 0 32 27" fill="none"><path d="M19.1546 26.6012L32 13.5665L19.1546 0.531856C19.0385 0.378067 18.8912 0.251234 18.7224 0.159946C18.5536 0.0686584 18.3673 0.0150459 18.1762 0.00273759C17.9851 -0.00957067 17.7936 0.0197135 17.6147 0.0886068C17.4358 0.1575 17.2736 0.264394 17.1392 0.402053C17.0048 0.539711 16.9012 0.704921 16.8355 0.886496C16.7699 1.06807 16.7436 1.26177 16.7585 1.45449C16.7734 1.6472 16.8292 1.83443 16.922 2.0035C17.0149 2.17257 17.1426 2.31953 17.2966 2.43443L26.9073 12.2172L1.33668 12.2172C0.982168 12.2172 0.642181 12.3593 0.391505 12.6124C0.14083 12.8654 9.16526e-07 13.2087 9.00883e-07 13.5665C8.8524e-07 13.9244 0.14083 14.2676 0.391505 14.5207C0.642181 14.7737 0.982168 14.9159 1.33668 14.9159L26.9073 14.9159L17.2966 24.6986C17.0466 24.9527 16.9069 25.2966 16.9082 25.6547C16.9094 26.0127 17.0516 26.3556 17.3033 26.6079C17.555 26.8602 17.8956 27.0013 18.2503 27C18.605 26.9987 18.9447 26.8553 19.1947 26.6012L19.1546 26.6012Z" fill="%23114232"/></svg>');
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
  transform: translateY(0.25rem);
  flex-shrink: 0;

}


.wp-block-cover .wp-block-cover__background {
  opacity: 0;
}

@media (max-width: 1240px) {
  .service-container .wp-block-buttons .wp-block-button__link {
  font-size: x-large;
  font-weight: 500;
  color: #114232;
  padding: 1rem 2.25rem 1rem 2.25rem;
  } 
}

@media (max-width: 1024px) {
  .wp-block-group .service-container-grid {
    display: flex;
    flex-direction: column;
    font-size: large;
  } 
}

@media (max-width: 768px) {
  .service-container .wp-block-buttons .wp-block-button__link {
  font-size: medium;
  font-weight: 500;
  color: #114232;
  padding: 1rem 2.25rem 1rem 2.25rem;
  }
  .service-container {
    padding-left: 2rem;
    padding-bottom: 1rem;
  }
  .service-container-button a::after {
     margin-left: 0.5rem;
     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 32 27" fill="none"><path d="M19.1546 26.6012L32 13.5665L19.1546 0.531856C19.0385 0.378067 18.8912 0.251234 18.7224 0.159946C18.5536 0.0686584 18.3673 0.0150459 18.1762 0.00273759C17.9851 -0.00957067 17.7936 0.0197135 17.6147 0.0886068C17.4358 0.1575 17.2736 0.264394 17.1392 0.402053C17.0048 0.539711 16.9012 0.704921 16.8355 0.886496C16.7699 1.06807 16.7436 1.26177 16.7585 1.45449C16.7734 1.6472 16.8292 1.83443 16.922 2.0035C17.0149 2.17257 17.1426 2.31953 17.2966 2.43443L26.9073 12.2172L1.33668 12.2172C0.982168 12.2172 0.642181 12.3593 0.391505 12.6124C0.14083 12.8654 9.16526e-07 13.2087 9.00883e-07 13.5665C8.8524e-07 13.9244 0.14083 14.2676 0.391505 14.5207C0.642181 14.7737 0.982168 14.9159 1.33668 14.9159L26.9073 14.9159L17.2966 24.6986C17.0466 24.9527 16.9069 25.2966 16.9082 25.6547C16.9094 26.0127 17.0516 26.3556 17.3033 26.6079C17.555 26.8602 17.8956 27.0013 18.2503 27C18.605 26.9987 18.9447 26.8553 19.1947 26.6012L19.1546 26.6012Z" fill="%23114232"/></svg>');
  }
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Bild Cover gross
------------------------------------------------------------------------------------------*/

.img-text-large {
  height: 60vh;
  padding: 2rem 2rem 8rem 5rem;
  justify-content: flex-start;
  align-items: end;
}

.wp-block-cover .wp-block-cover__inner-container {
  max-width: 800px;
}

.wp-block-cover .wp-block-cover__background {
  overlay: 0.55;
  background-color: #114232;
}

.wp-block-cover h1 {
  background-color: #114232;
  padding: 0.5rem 1rem 0.5rem 1rem;
  line-height: 1.57;
  display: inline;
  box-decoration-break: clone;
  color: #fff;
}

.img-text-large .wp-block-button {
  padding-top: 2rem;
}

@media (max-width: 1240px) {
  .wp-block-cover .wp-block-cover__inner-container {
    max-width: 600px
  }

  .img-text-large {
    padding: 1rem 1rem 4rem 2.5rem;
  }
}

@media (max-width: 1024px) {
  .wp-block-cover .wp-block-cover__inner-container {
    max-width: 500px
  }
}

@media (max-width: 999px) {
  .wp-block-cover h1 {
    line-height: 1.77;
  }
}

@media (max-width: 768px) {
  .wp-block-cover.img-text-large .wp-block-cover__inner-container {
    max-width: 400px;
    height: 100%;
    flex-direction: column;
    position: relative;
  }
  .wp-block-cover .img-text-large {
    padding-bottom: 1.25rem;
  }

  .img-text-large {
    padding: 1rem 1rem 1.5rem 2rem;
  }
  .wp-block-cover h1 {
    font-size: xx-large;
  }
  .img-text-large .wp-block-button {
    width: 80%;
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 620px) {
  .img-text-large {
    padding: 1rem 1rem 1.5rem 1rem;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Bild-Text
------------------------------------------------------------------------------------------*/

.image-text img {
  max-width: 40vw;
}

.image-text .wp-block-button {
  margin-top: 1.5rem;
}

.wp-block-media-text__content p,h2 {
  max-width: 700px;
}

@media (max-width: 1440px) {
  .wp-block-media-text__content p,h2 {
    max-width: 80vw;
  }

  .wp-block-media-text.image-text {
    gap: 1rem;
  }
}

@media (max-width: 1240px) {
  .wp-block-media-text__content p,h2 {
  max-width: auto;
  }
}

@media (max-width: 1024px) {
  .wp-block-media-text {
  display: flex;
  flex-direction: column;
  }
  .wp-block-media-text>.wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }

  .wp-block-group .image-text {
    gap: 3rem;
  }

  .image-text p {
    justify-content: center;
  }

  .image-text img {
    max-width: 80vw;
  }
}

@media (max-width: 600px) {
  .wp-block-group .image-text {
  gap: 0.75rem;
  }
}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Footer Abstand
------------------------------------------------------------------------------------------*/

.ct-footer {
    margin-top: 10vh;
  }


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Slider
------------------------------------------------------------------------------------------*/

  .slider {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .slider h2 {
    font-size: 6rem;
    color: #114232;
  }

  @media (max-width: 1921px) {
    .slider h2 {
      font-size: 3.5rem;
    }
    .slider {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
  
  }

  @media (max-width: 1024px) {
    .slider h2 {
      font-size: 2.5rem;
    }
  
  }

  @media (max-width: 768px) {
    .slider h2 {
      font-size: 1.5rem;
    }
  
  }


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Geschichte
------------------------------------------------------------------------------------------*/

.history h5 {
  background-color: #114232;
  color: white;
  padding: 0.5rem 1rem 0.5rem 1rem;
  line-height: 1.57;
  display: inline;
  box-decoration-break: clone;
}

.history div {
  align-content: center;
}  

.history h2 {
    margin-block-start: 0px;
    margin-top: 1rem;
  }


  @media (max-width: 1024px) {
    .history {
      grid-template-columns: repeat(1, 1fr) !important;
      margin-bottom: 7rem !important;
    }
  }


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
gloabler Section Abstand
------------------------------------------------------------------------------------------*/

section {
  margin-bottom: 10rem !important;
}

@media (max-width: 1024px) {
 section {
  margin-bottom: 8rem !important;
  }

}

@media (max-width: 768px) {
  section {
   margin-bottom: 5rem !important;
   }
 
 }


 /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
-------------------------------------------------------------------------------------------
Aufzählung zweispaltig (mit Text, Bild etc.)
------------------------------------------------------------------------------------------*/

/* Desktop/Tablet groß: zwei nebeneinander */
.two-up:is(.is-layout-flex, .is-layout-grid) {
  display: flex;
  gap: var(--wp--style--block-gap, 2rem);
  align-items: flex-start;
  flex-wrap: nowrap;
}
.two-up:is(.is-layout-flex, .is-layout-grid) > * {
  flex: 1 1 0;
  min-width: 0;
}

/* ≤ 1024px: untereinander (eine Spalte) */
@media (max-width: 1024px) {
  .two-up:is(.is-layout-flex, .is-layout-grid) {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .two-up:is(.is-layout-flex, .is-layout-grid) > * {
    flex: none !important;
    width: 100% !important;
  }
}

.two-up:is(.is-layout-flex, .is-layout-grid) {
  display: flex;
  gap: var(--wp--style--block-gap, 2rem);
  align-items: center; /* <-- hier: vertikal mittig ausrichten */
  flex-wrap: nowrap;
}