@charset "UTF-8";
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans SemiBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSans-Semibold-webfont.woff") format("woff"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*  material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 200 !important;
  font-size: 28px !important;
  src: url("../fonts/material/material-icons-v145-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
@font-face {
  font-family: "Material Design Icons Light";
  src: url("/wp-content/themes/heutestadtmorgen/fonts/materialdesignlight/materialdesignicons-light-webfont.woff2") format("woff2"), url("/wp-content/themes/heutestadtmorgen/fonts/materialdesignlight/materialdesignicons-light-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
.mdil {
  font-family: "Material Design Icons Light";
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}

/* Breakpoints */
/* tablet menu sandwich */
/* Colors */
/* Fonts */
/* Font Sizes Desktop */
/* font-family heutestadtmorgen */
/* font-size mobile heutestadtmorgen */
/* font-size desktop heutestadtmorgen */
/* menu - main container */
/* $margin-main: clamp(173px, 5vw, 189px) clamp(120px, 7.29vw, 140px) !important; */
.ea-expand-icon::before {
  font-family: "Material Icons";
  content: "\e5c8";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* mobile */
/***
css site 2026
***/
html {
  min-height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: "Open Sans", sans-serif;
  font-size: clamp(0.8rem, 1vw, 1rem);
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  margin: 8.75rem 0;
  margin-top: clamp(200px, 10.73vw, 248px);
  margin-bottom: 7.8125rem;
}

@media screen and (width <= 799px) {
  main {
    margin: 0;
    margin-bottom: 7.8125rem;
  }
  .wp-block-group {
    padding: 0 !important;
    margin: 0 !important;
  }
  .wp-block-columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [class*=wp-block-column] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (width >= 800px) {
  .hsm-text-logo img {
    margin-top: 10rem !important;
    width: 36.25rem !important;
  }
  .hsm-text-logo-subline {
    /* padding-top: 5.25rem !important; */
    font-size: clamp(45px, 2.34vw, 61px) !important;
    font-family: "open sans semibold", sans-serif !important;
  }
  .hsm-space-left-right {
    margin: 0 clamp(35px, 4.59vw, 140px) !important;
  }
  .hsm-columns-stretch {
    align-items: flex-start !important;
    min-height: 500px !important;
    max-width: 1920px !important;
    margin-top: 35px !important;
  }
}
@media screen and (width <= 799px) {
  .hsm-space-left {
    margin-left: 2.1875rem;
  }
}
@media screen and (width >= 800px) {
  .hsm-space-left {
    margin-left: clamp(35px, 4.59vw, 140px) !important;
  }
}
.hsm-space-right {
  margin-right: clamp(35px, 4.59vw, 140px) !important;
}

@media screen and (width <= 799px) {
  .hsm-m-space-left-right {
    margin: 0 2.1875rem 0 2.1875rem !important;
  }
  .hsm-m-space-left-right h1 {
    font-size: clamp(1.5rem, 2vw, 2.0625rem) !important;
    text-align: left !important;
  }
  .hsm-m-space-left-right p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    text-align: left !important;
  }
  .hsm-space-left {
    margin-left: 2.1875rem;
  }
  .hsm-space-right {
    margin-right: 2.1875rem;
  }
}
.hsm-padding-container {
  padding: 8.75rem 0 !important;
}

.hsm-padding-container-bottom {
  padding-bottom: 8.75rem !important;
}

.hsm-padding-container-first {
  padding: 13.5rem 0 8.75rem 0 !important;
}

@media screen and (width <= 799px) {
  .hsm-padding-container {
    padding: 2rem 0 !important;
  }
  .hsm-padding-container-bottom {
    padding-bottom: 2rem !important;
  }
  .hsm-padding-container-first {
    padding: 2rem 0 2rem 0 !important;
  }
}
strong {
  font-family: "open sans semibold", sans-serif;
}

h1 {
  font-size: clamp(40px, 3vw, 75px);
  font-family: "open sans bold", sans-serif !important;
}

h2 {
  font-size: clamp(45px, 2.34vw, 61px);
  font-family: "open sans semibold", sans-serif !important;
}

h3 {
  font-size: clamp(40px, 3vw, 75px);
  font-family: "open sans semibold", sans-serif !important;
}

h4 {
  font-size: clamp(35px, 1.82vw, 47px) !important;
  font-family: "open sans semibold", sans-serif !important;
  line-height: 1.25 !important;
}

p {
  font-size: clamp(22px, 1.46vw, 38px);
  font-family: "open sans", sans-serif;
}

@media screen and (width <= 799px) {
  h1 {
    font-size: clamp(40px, 3.39vw, 65px);
    font-family: "open sans bold", sans-serif !important;
  }
  h2 {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  h3 {
    font-size: clamp(1.5rem, 2vw, 2.375rem) !important;
  }
  h4 {
    font-size: clamp(1.25rem, 2vw, 1.6875rem) !important;
  }
  p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-text-logo img {
    margin-top: 10rem !important;
    width: 340px !important;
  }
  .hsm-text-logo-subline {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
}
a {
  outline: none;
  border: none;
}

a img {
  outline: none;
  border: none;
}

a:focus {
  outline: none;
}

a:active {
  outline: none;
}

.hsm-subline {
  font-size: clamp(35px, 1.82vw, 47px) !important;
  font-family: "open sans", sans-serif !important;
}

.has-global-padding {
  padding: 0;
}

@media screen and (width <= 799px) {
  .has-global-padding {
    padding: 0 !important;
  }
  .wp-site-blocks {
    padding: 0 !important;
  }
}
.hsm-spacer {
  height: 7.8125rem !important;
}

.hsm-columns-two {
  display: flex;
  gap: 7.625rem !important;
}

.hsm-col-text {
  flex: 1;
}

.hsm-col-image {
  flex: 1;
}

.hsm-col-image img {
  width: 753px; /* Wächst mit Zoom mit */
  height: auto;
  max-width: 100%; /* Passt sich dem Container an */
}

.hsm-image-d-space-full {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
  width: calc(100% + 2rem) !important;
}

.hsm-image-d-radius img {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  /* width: 100% !important; */
}

.hsm-button a,
.hsm-project-previous a,
.hsm-project-next a {
  font-family: "open sans semibold", sans-serif;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border: none !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* margin-top: 1rem; */
  padding: 1.375rem 3.125rem !important;
  font-size: 0.825rem !important;
  font-family: "open sans semibold", sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
}

@media screen and (width <= 799px) {
  .hsm-button a,
  .hsm-project-previous a,
  .hsm-project-next a {
    font-family: "open sans semibold", sans-serif;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: none !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /* margin-top: 1rem; */
    padding: 14px 30px !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    font-family: "open sans semibold", sans-serif;
    font-size: 1.25rem;
    text-decoration: none;
  }
}
.hsm-button a:hover,
.hsm-project-previous a:hover,
.hsm-project-next a:hover {
  background-color: rgb(43, 255, 44);
}

/***
end css site 2026
***/
/* .hsm-start-h1 {
  font-size: 1.625rem !important;
  font-weight: 700;
  padding: 0 1rem;
  margin-bottom: -1.25rem;
}

.hsm-subtitle {
  padding: 0 1rem;
}

.hsm-area-green {
  background-color: #34ff00;
}

.hsm-area-green-skew {
  background-color: #34ff00;
  transform: skewY(-8deg);
  min-height: 100px;
}

.hsm-area-green-skew-end {
  margin-top: -50px !important;
  min-height: 80px;
}

.hsm-area-green-skew-x {
  background-color: #34ff00;
  transform: skewX(-8deg);
  min-width: 10rem;
  margin-right: -5.125rem !important;
}

.hsm-area-green .hsm-slogan {
  font-size: 3rem;
  font-weight: 700;
  font-style: italic;
  padding: 6rem 0 5rem 0;
} */
/* @media (min-width: 1024px) {
  .hsm-area-green-skew {
    font-size: 2rem !important;
    min-height: 270px;
    margin-top: -120px !important;
  }
  .hsm-area-green {

    padding-top: 2rem;
    padding-bottom: 5rem !important;
  }
  .hsm-area-green-skew-end {
    margin-top: -80px !important;
    min-height: 220px;
  }
} */
/* .hsm-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  height: 300px;
}

.hsm-list-bracket {
  padding: 0;
  list-style-type: "> ";
}

p {
  color: #000;
} */
/* .wp-element-button {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
  margin-left: 1rem;
}

.wp-element-button:hover {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.9);
  background-color: #34ff00 !important;
  color: #000;
} */
/* @media (min-width: 1024px) {
  body {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-size: 18px;
    margin: 0;
    padding: 0;
    min-height: 100vh;
  }
  .hms-dividenden-slogan {
    padding: 0 !important;
  }
} */
/* .hms-dividenden-right {
  padding: 0 !important;
} */
/* @media (min-width: 1024px) {
  .hsm-start-h1 {
    font-size: 2rem !important;
  }
  .hsm-subtitle {
    padding-top: 0.375rem !important;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
  }
} */
/* .hsm-header-desktop {
  display: none !important;
}

.hsm-header-menu {
  margin-left: 1rem !important;
  margin-right: 0.5rem !important;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  width: 48px;
  height: 48px;
}

.hsm-header-button-login {
  display: none !important;
}

.hsm-header-button-member {
  margin-right: 1.25rem !important;
}

#wpadminbar {
  display: block;
} */
/* @media (min-width: 1024px) {
  .wp-block-button {
    font-size: 1.125rem !important;
  }
  #wpadminbar {
    display: block;
  }
} */
/*
.wp-block-navigation__submenu-container {
  padding-top: 0.5rem !important;
  background-color: transparent !important;
}

.wp-block-navigation-submenu li {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  background-color: rgba(52, 255, 0, 0.7) !important;
  opacity: 0.8;
  border: none !important;
  margin-bottom: 0 !important;
}
#modal-1 .wp-block-navigation__responsive-container-close {
  position: absolute;
  right: 2rem;

} */
/*** hamburger menu without outline ***/
/*:where(.wp-site-blocks *:focus) {
  outline-width: 0px !important;
  outline-style: none !important;
} */
/*.wp-block-navigation__responsive-container.is-menu-open {
    transform-origin: top center;
  top: 0;
  animation: showMenu 0.5s ease-in forwards; animation: slideInDown;
  animation-duration: 0.75s;
}*/
/* .wp-block-navigation__responsive-container.menu-close {
  transform-origin: top center;
  top: 0;
  animation: closeMenu;
  animation-duration: 0.75s;
}

@keyframes closeMenu {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes showMenu {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
  padding-top: 3.5rem !important;
}

.wp-block-navigation__responsive-container-content {
  padding-top: 300px;
  justify-content: center;
}

.wp-block-navigation-item {
  line-height: 0.25pt;
}

.accordion {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  background-color: #000;
  border: 2px solid #34ff00;
}
.accordion__intro {
  position: relative;
  padding: 20px;
  cursor: pointer;
}
.accordion__content {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.95s ease-out;
  color: #fff;
  opacity: 0;
}
.accordion .card-past {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.accordion h4,
.accordion p {
  margin: 0;
}
.accordion h4 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
.accordion h4::before {
  content: "► ";
  color: #34ff00;
}
.accordion__active .accordion__intro h4:before {
  content: "▼ ";
  color: #34ff00;
}
.accordion__active .accordion__content {
  padding: 0 20px 20px;
  opacity: 1;
}

.blog-loop {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.hsm-blog-static-row2-column {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.hsm-blog-loop-item {
  padding-top: 1rem !important;
  padding-bottom: 0 !important;
}

.hsm-blog-main h1 {
  font-size: 30px;
}

.hsm-blog-main h2 {
  font-size: 24px;
  font-weight: 700;
}

.hsm-blog-green figure {
  background-color: #34ff00;
}

.hsm-blog-slogan {
  font-size: 2rem;
  font-weight: 700;
  font-style: italic;
  padding: 2.5rem 0 5rem 0;
}

.hsm-blog-button {
  text-align: center;
}

.hsm-blog-button a {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.hsm-blog-time a {
  color: #000 !important;
} */
/* @media (min-width: 1024px) {
  .hsm-blog-row-static {
    flex-basis: auto !important;
  }
  .hsm-blog-loop-item {
    padding-bottom: 2rem !important;
    border-bottom: 1px solid gray;
  }
  .hsm-blog-row-1,
  .hsm-blog-row-2 {
    padding: 2rem 4rem !important;
  }
  .hsm-blog-row-1 h1 {
    font-size: 2.5rem !important;
    text-align: left !important;
    margin-left: 0 !important;
    max-width: none !important;
  }
} */
/**** blog single page ****/
/* .hsm-blog-page-detail {
  margin-top: 3.6875rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.hsm-blog-page-detail h1 {
  font-weight: 700 !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.hsm-blog-page-detail-date {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.hsm-blog-page-detail-content {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.hsm-blog-details-link {
  font-size: 1rem;
  width: unset !important;
} */
/* @media (min-width: 1024px) {
  .hsm-blog-page-detail {
    margin-top: 2.1875rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
} */
/* .hsm-infobox-container {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  gap: 0 !important;
}

.hsm-infobox-container .wp-block-columns {
  gap: 0 !important;
}

.hsm-infobox-container h3 {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
  padding: 0 !important;
}

.hsm-infobox-row {
  position: relative !important;
  width: 300px;
  height: 160px;
} */
/*@media (min-width: 1024px) {
  .hsm-infobox-front,
  .hsm-infobox-back {
    width: 400px;
    height: 200px;
  }
  .hsm-infobox-container {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}*/
/* .hsm-infobox-front,
.hsm-infobox-back {
  background-color: #fff;
  border-radius: 8px;
  height: 140px;
  min-height: 140px;
  position: absolute;
  top: 0;
  left: 0;
}
*/
/*
.hsm-infobox-back {
  z-index: 999;
  display: none !important;
}

.hsm-infobox-row:hover > .hsm-infobox-back,
.hsm-infobox-row:active > .hsm-infobox-back {
  display: block !important;
} */
/* .hsm-infobox-first .hsm-infobox-text {
  padding: 10px 20px;
}

.hsm-infobox-front .hsm-infobox-image {
  padding: 20px 20px;
}

.hsm-infobox-front div p {
  margin-top: -2px;
  line-height: 1.125rem !important;
}

.hsm-infobox-back {
  padding: 0.5em 1.375em !important;
  line-height: 1.1875rem !important;
}

.hsm-infobox-back .hsm-infobox-text {
  padding: 0;
}

.hsm-slider-start-member-image {
  margin-top: 0px !important;
} */
/* @media (min-width: 1024px) {
  .gutslider-64bd2773.wp-block-gutsliders-any-content {
    margin-top: 0px;
  }
  .hsm-slider-start-member-image {
    margin-top: 0px !important;
  }
} */
/*  
.hsm-slider-start-member .swiper-container-outer {
  background-color: transparent !important;
}

.hsm-slider-start-member .hsm-slider-start-member-image {
  background-color: #fff !important;
  border: 10px solid #fff !important;
  border-radius: 10px !important;
}

.hsm-slider-start-member .hsm-slider-start-member-quote {
  background-color: #34ff00 !important;
  border-radius: 10px !important;
  margin-bottom: 30px !important;
}

.hsm-slider-start-quote {
  margin-top: 0px !important;
}

.hsm-slider-start-quote .gutslider-content-inner {
  padding: 0 !important;
}

.hsm-slider-start-quote .swiper-container-outer {
  background-color: #34ff00 !important;
}

.hsm-slider-start-quote .hsm-slider-start-quote-quote {
  font-style: italic;
  border-radius: 0px !important;
  padding-left: 3em;
  padding-right: 3em;
}

.hsm-slider-start-quote .swiper-pagination {
  display: none;
}

.gutslider-prev {
  margin-left: 10px;
  background-color: #000 !important;
}

.gutslider-next {
  margin-right: 10px;
  background-color: #000 !important;
}

.gutslider-prev svg,
.gutslider-next svg {
  fill: #34ff00;
}

.hsm-author {
  font-size: 1rem !important;
} */
/* .hsm-blurp {
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
}

.hsm-blurp-green {
  background-color: #34ff00;
  padding: 5rem;
  margin: 0;
  text-align: center;
}

.hsm-area-green {
  background-color: #34ff00 !important;
} */
/*  @media (min-width: 1024px) {
  .hsm-blurp {
    font-size: 3rem !important;
    font-weight: 700 !important;
    line-height: 3rem !important;
  }
  .hsm-blurp-green {
    padding: 5rem;
  }
  .hsm-start-diagonal {
    margin-top: -198px !important;
    position: relative;
    z-index: 999;
  }
  .diagonal-shape.bl-to-tr {
    border-width: 0 0 240px 99vw;
  }
  .diagonal-shape.tr-to-bl {
    border-width: 240px 99vw 0 0;
  }
  .diagonal-shape.tl-to-br {
    border-width: 0 100vw 240px 0;
  }
  .diagonal-shape.br-to-tl {
    border-width: 180px 0 0 100vw;
  }
}*/
/* .hsm-mitglieder-vorteile,
.hsm-mitglieder-bewegung {
  padding-top: 5rem !important;
}

.hsm-mitglieder-vorteile {
  background-color: #34ff00;
}

.hsm-mitgliedschaft-headline-sixsteps figure {
  width: 40px;
}

.hsm-mitgliedschaft-headline-sixsteps h2 {
  font-size: 1rem;
} */
/* @media (min-width: 1024px) {
  .hsm-mitgliedschaft-row-1 {
    gap: 0 !important;
  }
  .hsm-mitgliedschaft-row-1 h1 {
    font-size: 4rem;
    padding-top: 4rem !important;
    text-align: left;
  }
  .hsm-mitgliedschaft-row-1 p {
    font-size: 1.5rem !important;
    text-align: left !important;
  }
  .hsm-mitgliedschaft-row-1 .wp-block-buttons {
    margin-top: 2rem;
    justify-content: left !important;
  }
  .hsm-mitglieder-vorteile h2 {
    margin-left: 5.125rem !important;
  }
  .hsm-mitgliedschaft-headline-sixsteps {
    gap: 2em !important;
    margin-left: 32rem;
  }
  .hsm-mitgliedschaft-headline-sixsteps h2 {
    font-size: 3rem;
  }
  .hsm-mitgliedschaft-headline-sixsteps figure {
    width: 80px;
  }
} */
/* .hsm-aktivkreise-h1 {
  padding-top: 7rem !important;
}

.hsm-aktivkreise-image {
  width: 80%;
  padding-top: 3rem !important;
}

.hsm-aktivkreise-list {
  background-color: #34ff00;
  font-size: 1.5rem;
  margin-block-start: 0 !important;
  padding-bottom: 4rem !important;
}

.hsm-aktivkreise-list figure {
  margin-top: -5px !important;
}

.hsm-slider-aktivkreise .swiper-container-outer {
  margin-top: 3rem !important;
  background-color: transparent !important;
}

.hsm-slider-aktivkreise .gutslider-content-inner {
  background-color: #fff;
  border-radius: 25px;
}

.hsm-slider-aktivkreise-button {
  margin-bottom: 3rem !important;
}

.hsm-slider-aktivkreise .swiper-pagination {
  padding-top: 2rem;
}

.hsm-aktivkreise-infotext {
  margin-bottom: 3rem;
}

.hsm-aktivkreise-geschichte-text {
  padding-left: 2rem;
  padding-right: 2rem;
}

.hsm-aktivkreise-logo-weiss {
  width: 50%;
} */
/* @media (min-width: 1024px) {
  .hsm-aktivkreise-h1 {
    font-size: 4rem;
    padding-top: 4rem !important;
    text-align: left;
  }
  .hsm-aktivkreise-row-1 {
    gap: 0 !important;
  }
  .hsm-aktivkreise-row-1 p {
    font-size: 1.5rem !important;
    text-align: left !important;
  }
  .hsm-aktivkreise-row-1 .wp-block-buttons {
    margin-top: 2rem;
    justify-content: left !important;
  }
  .hsm-aktivkreise-row-1 .hsm-aktivkreise-image img {
    width: 100% !important;
  }
  .hsm-aktivkreise-geschichte-text {
    padding-right: 3.125rem;
  }
  .hsm-aktivkreise-list {
    padding-left: 12rem;
  }
} */
/* .hsm-faq {
  padding-top: 8rem !important;
}

.hsm-faq h1 {
  font-size: 1.5rem;
}

.sp-ea-single {
  background: transparent !important;
  border-bottom: 1px solid #000 !important;
}

.ea-header a {
  padding: 5px !important;
}

.eap-icon-ea-expand-plus:before {
  content: url("../svg/arrow.svg") !important;
}

.eap-icon-ea-expand-minus:before {
  content: url("../svg/arrow.svg") !important;
  transform: rotate(180deg);
  transform-origin: 54% 38%;
} */
/* @media (min-width: 1024px) {
  .hsm-faq {
    padding-top: 6rem !important;
  }
  .hsm-faq h1 {
    font-size: 2.625rem !important;
  }
} */
/* .hsm-ueberuns-h1 {
  padding-top: 8rem !important;
}

.hsm-ueberuns-drawing {
  margin-top: 3rem;
}

.hsm-ueberuns-drawing img {
  width: 500px !important;
}

.hsm-ueberuns-image-bg-green {
  background-color: #34ff00;
}

.hsm-ueberuns-space {
  height: 40px !important;
}

.hsm-ueberuns-space-slider {
  height: 10px !important;
}

.hsm-slider-ueberuns-member .gutslider-content-inner {
  max-width: 77%;
}

.hsm-slider-ueberuns-member-description {
  background-color: #34ff00 !important;
  border: 10px solid #34ff00 !important;
  border-radius: 10px !important;
  padding: 0 !important;
}

.hsm-slider-ueberuns-member .gutslider-prev {
  margin-left: -10px;
  background-color: #000 !important;
}

.hsm-slider-ueberuns-member .gutslider-next {
  margin-right: -10px;
  background-color: #000 !important;
} */
/* @media (min-width: 1024px) {
  .hsm-ueberuns-h1 {
    font-size: 4rem;
    padding-top: 4rem !important;
    text-align: left;
  }
  .hsm-ueberuns-row-1 {
    gap: 0 !important;
  }
  .hsm-ueberuns-row-1 p {
    font-size: 1.5rem !important;
    text-align: left !important;
  }
  .hsm-ueberuns-row-1 .wp-block-buttons {
    margin-top: 2rem;
    justify-content: left !important;
  }
  .hsm-ueberuns-row-1-column-1 {
    padding-left: 12rem !important;
  }
  .hsm-ueberuns-drawing {
    margin-top: 6rem;
  }
  .hsm-ueberuns-space {
    height: 100px !important;
  }
  .hsm-ueberuns-space-slider {
    height: 20px !important;
  }
  .hsm-slider-ueberuns-member-description {
    padding: 2rem !important;
  }
  .hsm-slider-ueberuns-member {
    max-width: 80% !important;
  }
  .hsm-slider-ueberuns-member .gutslider-content-inner {
    max-width: 33%;
  }
  .hsm-slider-ueberuns-member .gutslider-prev {
    margin-left: 10px;
    background-color: #000 !important;
  }
  .hsm-slider-ueberuns-member .gutslider-next {
    margin-right: 10px;
    background-color: #000 !important;
  }
} */
/* .hsm-kontakt-h1 {
  padding-top: 8rem !important;
  font-size: 2rem;
}

.hsm-kontakt-row1-column1 .wpforms-confirmation-container-full {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
}

.hsm-kontakt-adress {
  line-height: 1.125rem;
} */
/* .hsm-kontakt-form-textarea textarea {
  width: 60% !important;
} */
/* .hsm-kontakt-form-button {
  border-radius: 10px !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5) !important;
  margin-left: 1rem !important;
}

.hsm-kontakt-form-button:hover,
.hsm-kontakt-form-button:active {
  background-color: #34ff00 !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.9) !important;
  color: #000 !important;
}
 */
/* @media (min-width: 1024px) {
  .hsm-kontakt-h1 {
    font-size: 4rem;
    padding-top: 4rem !important;
    text-align: left;
  }
  .hsm-kontakt-row1-column1 {
    padding-left: 4rem !important;
  }
} */
/* .hsm-datenschutz {
  padding-top: 8rem !important;
}

.hsm-datenschutz h1 {
  font-size: 1.5rem !important;
} */
/* @media (min-width: 1024px) {
  .hsm-datenschutz {
    padding-top: 6rem !important;
  }
  .hsm-datenschutz h1 {
    font-size: 2.625rem !important;
  }
} */
/* .hsm-impressum {
  padding-top: 8rem !important;
}

.hsm-impressum h1 {
  font-size: 1.5rem;
} */
/* @media (min-width: 1024px) {
  .hsm-impressum {
    padding-top: 6rem !important;
  }
  .hsm-impressum h1 {
    font-size: 2.625rem !important;
  }
}  */ 
#wpadminbar {
  display: none;
}

@media screen and (width <= 799px) {
  header {
    height: 68px !important;
    position: fixed !important;
    z-index: 99999 !important;
    width: 100% !important;
    background-color: rgb(245, 245, 237);
    top: 0;
  }
  .hsm-logo {
    margin-top: 5.35%;
    margin-top: 15px !important;
    height: 39px;
    width: 39px;
  }
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner,
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner::before,
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner::after {
    background-color: rgb(0, 0, 0) !important;
  }
  .admin-bar .rmp-container,
  .admin-bar .rmp_menu_trigger {
    margin-top: 0px !important;
  }
  .rmp-container.rmp-slide-left.rmp-menu-open,
  .rmp-container.rmp-push-left.rmp-menu-open {
    transform: translateX(-5%) !important;
    -ms-transform: translateX(-5%) !important;
    -webkit-transform: translateX(-5%) !important;
    -moz-transform: translateX(-5%) !important;
  }
  .rmp-menu-item-link {
    font-family: "open sans semibold", sans-serif !important;
    font-weight: bold !important;
  }
}
@media screen and (width >= 800px) {
  header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 9999;
    /* 
    logo 88px 88px menu-height 126px
    126px - 88px = 38px
    38px / 2 = 19px 
    padding-top/bottom 1.1875rem 
    */
    padding: 1.1875rem 2rem 1.1875rem 0 !important;
    background-color: rgb(245, 245, 237);
  }
  header :where(.wp-block-columns) {
    margin-bottom: 0 !important;
  }
  .hsm-header-desktop {
    display: flex;
    width: 100% !important;
    background-color: rgb(245, 245, 237);
    justify-content: space-between;
    padding: 1rem 0;
    height: 125px;
  }
  .hsm-logo {
    margin: 0 0 0 clamp(35px, 4.59vw, 140px) !important;
  }
  .hsm-logo img {
    width: auto;
    height: 100%;
  }
  .hsm-header-button-login {
    display: inline-block !important;
  }
}
.hsm-standard h1 {
  margin-bottom: clamp(40px, 3.39vw, 65px);
}

.hsm-standard h2 {
  font-size: clamp(35px, 2.34vw, 45px);
  margin-bottom: clamp(18px, 1vw, 22px);
}

/*Large 1 */
.hsm-standard h3 {
  font-size: clamp(28px, 1.82vw, 35px);
  font-family: "open sans semibold", sans-serif !important;
}

.hsm-standard-h1 {
  font-size: clamp(40px, 3vw, 75px) !important;
  font-family: "open sans bold", sans-serif !important;
}

.hsm-standard-medium1 {
  font-size: clamp(22px, 1.46vw, 38px) !important;
}

.hsm-standard-medium2 {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  font-family: "open sans semibold", sans-serif !important;
}

.hsm-standard-small1 {
  font-size: clamp(18px, 1vw, 27px) !important;
}

.hsm-margin-right-special {
  margin-right: -8.75rem !important;
}

.hsm-standard-text-image {
  display: flex !important;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  gap: clamp(80px, 6.35vw, 122px) !important;
  width: auto !important;
  max-width: none !important;
  /*   padding-top: 1.5625rem !important; */
}

.hsm-standard-text {
  width: clamp(500px, 35.94vw, 690px) !important;
  flex-shrink: 0 !important;
  max-width: none !important;
}

.hsm-standard-text p {
  font-size: clamp(20px, 1.46vw, 28px);
  line-height: 1.4;
  font-family: "open sans", sans-serif;
  padding-bottom: 1.125rem;
}

.hsm-standard-subline {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  margin-bottom: 4.0625rem !important;
}

.hsm-standard-large1 {
  font-size: clamp(35px, 1.82vw, 47px) !important;
}

.hsm-standard-medium1 {
  font-size: clamp(22px, 1.46vw, 38px) !important;
}

@media screen and (width >= 800px) {
  .hsm-standard-text-image {
    gap: clamp(80px, 6.35vw, 122px) !important;
    width: auto !important;
    max-width: none !important;
    align-items: stretch !important;
  }
  .hsm-standard-text {
    width: clamp(500px, 35.94vw, 690px) !important;
    flex-shrink: 0 !important;
    max-width: none !important;
  }
  .hsm-standard-text-image figure {
    width: 100% !important;
    display: flex !important;
    height: 100% !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
  }
  .hsm-standard-text-image img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    display: block;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
  }
  .hsm-background-color-bluelight {
    background-color: rgb(219, 223, 241);
  }
  .hsm-standard-space-left-right {
    padding: 0 5rem !important;
  }
  .hsm-standard-space-top {
    padding-top: 140px !important;
  }
  .hsm-standard-space-headline {
    margin-bottom: 1rem !important;
  }
  .hsm-standard-space-headline-content {
    margin-bottom: 5rem !important;
  }
  .hsm-standard-space-65 {
    margin-bottom: 4.0625rem;
  }
}
@media screen and (width <= 799px) {
  .hsm-image-d-space-full {
    margin-left: 2.1875rem !important;
  }
  .hsm-standard-image img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    display: block;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
  }
  .hsm-standard-text p {
    padding: 0 35px 0 2.1875rem !important;
  }
  .hsm-strong-subline {
    font-size: clamp(1.25rem, 2vw, 1.6875rem) !important;
  }
}
.hsm-header {
  display: none !important;
}

.hsm-header-menu a {
  font-size: clamp(14px, 1vw, 20px);
  font-family: "open sans", sans-serif !important;
  font-weight: 400;
  text-decoration: none;
}

.hsm-header-menu a:hover {
  font-weight: 700;
}

.hsm-header-menu li {
  margin-right: 2.9375rem !important;
}

.wp-block-navigation__responsive-container-content {
  padding: 0 !important;
  justify-content: center;
}

/* .hsm-menu-item-login {
  display: none !important;
} */
/* .hsm-menu-item-mitgliedschaft {
  display: none !important;
} */
@media screen and (width <= 1199px) {
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner,
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner::before,
  #rmp_menu_trigger-12004 .responsive-menu-pro-inner::after {
    background-color: rgb(0, 0, 0) !important;
  }
  #rmp-menu-wrap-12004 .rmp-menu-current-item .rmp-menu-item-link {
    background-color: rgb(247, 249, 236) !important;
  }
}
.hsm-blue-light-rows {
  background-color: rgb(219, 223, 241) !important;
}

.hsm-blue-light-row1 {
  padding: 0;
}

.hsm-blue-light-row2 {
  padding: 1rem 0 0 0;
}

.hsm-image-solar-gruenerfaden {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hsm-green-light-rows {
  background-color: rgb(224, 255, 222) !important;
  margin-left: 6.25rem;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.hsm-green-light-row1 {
  padding: 0rem 0 0rem 5rem;
}

.hsm-green-light-row2 {
  padding: 0rem 0 0rem 5rem;
}

.hsm-green-light-row3 img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 27.8125rem;
  opacity: 0;
}

.hsm-gray-rows {
  background-color: rgb(245, 245, 237) !important;
  margin-left: 6.25rem;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 40px;
}

.hsm-green-gradient-rows {
  /* background: linear-gradient(90deg, #34ff00, #00ff00); */
  background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*  margin-left: 100px; */
  /* border-top-left-radius: 100px;
  border-bottom-left-radius: 100px; */
  padding: 2rem 5rem 2rem 5rem;
}

.hsm-green-gradient-row1 {
  padding: 0rem 0 7rem 2rem;
}

.hsm-green-gradient-row2 {
  padding: 0rem 5rem 0rem 2rem;
}

/* image with green line */
.hsm-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 5rem 0 5rem 10rem;
}

.hsm-image-background {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  top: 0;
  right: 0px;
  margin-left: 0px !important;
}

.hsm-overlay {
  position: absolute;
  top: 10rem;
  left: 0;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  z-index: 10;
}

.hsm-rows-background {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  top: 0;
  left: 0;
}

.hsm-overlay-vertical {
  position: absolute;
  position: absolute;
  top: 13%;
  left: 34%;
  transform: rotate(46deg);
  transform-origin: center center;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  z-index: 10;
}

.hsm-overlay-vertical img {
  width: 31.25rem !important;
  height: auto;
}

.hsm-green-light-row3 figure {
  margin: 0;
  padding: 0;
}

.hsm-start-wasmachenwir {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}

.hsm-start-wasmachenwir-headline {
  font-size: clamp(40px, 3vw, 75px) !important;
}

@media screen and (width >= 800px) {
  .hsm-m-green-light-rows {
    display: none !important;
  }
  .hsm-start-headline h1 {
    font-size: clamp(45px, 2.34vw, 61px) !important;
  }
  .hsm-start-klimaziele-background {
    background-image: url("/wp-content/uploads/2026/04/hsm-blume-small.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    padding: 35px !important;
  }
}
.hsm-start-klimaziele-h3 h3 {
  font-size: clamp(40px, 3vw, 75px) !important;
  hyphens: auto;
}

.hsm-start-klimaziele-grid {
  align-items: center;
  gap: clamp(2rem, 1vw, 5rem);
}

.hsm-start-logos {
  margin-top: 5.75rem;
  gap: 7rem;
  padding: 0 6rem;
}

.hsm-netzwerk-logos {
  padding: 0 3.125rem !important;
}

.hsm-green-loop {
  margin-top: 5.5rem !important;
}

@media screen and (width <= 799px) {
  .m-start-image {
    margin-right: 0 !important;
  }
  .hsm-wrap {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .hsm-green-light-rows {
    display: none !important;
  }
  .hsm-m-green-light-rows {
    background-color: rgb(224, 255, 222) !important;
    margin-left: 2.1875rem !important;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    padding-top: 62px;
    padding-bottom: 62px;
    /*  padding-right: 35px;
    margin-right: -35px !important; */
  }
  .hsm-green-light-row1 {
    padding: 35px 35px 35px 62px !important;
  }
  .hsm-green-light-row1 h3 {
    font-size: clamp(1.5rem, 2vw, 2.375rem) !important;
  }
  .hsm-start-wasmachenwir {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .hsm-standard-text h3 {
    margin: 0 2.1875rem !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-standard-text h4 {
    margin: 0 2.1875rem !important;
    font-size: clamp(1.5rem, 2vw, 2.0625rem) !important;
  }
  .hsm-m-text-wasmachenwir {
    margin-top: -35px !important;
    flex-basis: auto !important;
  }
  .hsm-image-solar-gruenerfaden {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }
  .hsm-image-solar-gruenerfaden img {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
  }
  .hsm-m-projekte {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
  .hsm-standard-text-image {
    gap: clamp(40px, 6.35vw, 60px) !important;
  }
  .hsm-green-gradient-row1,
  .hsm-green-gradient-row2 {
    padding: 0 !important;
  }
  .hsm-m-button-right {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
    justify-content: flex-end !important;
  }
  .hsm-m-image-einunternehmen {
    padding-left: 35px !important;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
  }
  .hsm-m-image-seidabei {
    margin-top: 140px !important;
    padding-right: 35px !important;
  }
  .hsm-m-image-seidabei img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
  }
  .hsm-m-text-seidabei p {
    text-align: left !important;
  }
  .hsm-m-netzwerk h1 {
    margin: 0 2.1875rem !important;
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
    text-align: left !important;
  }
  .hsm-m-subline {
    margin: 16px 2.1875rem 32px 2.1875rem !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    text-align: left !important;
  }
  .hsm-m-start-logos {
    margin: 16px 2.1875rem 0 2.1875rem !important;
    gap: 1.25rem !important;
  }
  .hsm-green-loop {
    margin-top: 0.5rem !important;
  }
  .hsm-m-wasgeht {
    background-color: rgb(219, 223, 241) !important;
    padding-bottom: 85px !important;
  }
  .hsm-m-wasgeht h1 {
    margin: 0 2.1875rem !important;
    padding-top: 35px !important;
    text-align: left;
  }
  .hsm-m-wasgeht h3 {
    margin: 16px 2.1875rem 0 2.1875rem !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    font-family: "open sans", sans-serif !important;
    text-align: left;
  }
  .hsm-m-wasgeht-swiper {
    padding: 0 2.1875rem !important;
  }
}
.hsm-calendar {
  padding-top: 126px;
  background-color: rgb(219, 223, 241);
  padding-bottom: 0;
  margin-bottom: 0;
}

.mec-wrap {
  font-weight: 400;
  padding: 63px;
  background-color: rgb(219, 223, 241);
  margin-top: 0;
}

.mec-wrap h3 {
  line-height: 1rem;
  margin-bottom: 0.5rem !important;
}

.mec-event-list-standard .mec-col-table-c {
  vertical-align: top;
}

.mec-event-list-standard {
  background-color: rgb(219, 223, 241) !important;
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.mec-event-list-standard .mec-event-content {
  padding: 0 !important;
  margin: 0 !important;
}

.mec-event-content-wrap {
  padding-top: 2.25rem !important;
}

.mec-event-article {
  width: 441px !important;
  height: 292px !important;
  background-color: rgb(247, 249, 236) !important;
}

.mec-event-article {
  padding: 0 !important;
}

.mec-event-image {
  width: 199px !important;
  height: 292px !important;
}

.mec-event-image-wrap img {
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 0;
  margin: 0;
  width: 199px !important;
  height: 292px !important;
}

.mec-month-divider,
.mec-event-footer {
  display: none;
}

#mec_mec_widget-3,
#mec_mec_widget-5 {
  background-color: #f3f3f3 !important;
  padding: 1.25rem 1.5rem !important;
}

.mec-calendar .mec-event-article {
  flex-direction: column;
}

.mec-event-date {
  letter-spacing: 1px !important;
  padding: 0 !important;
}

.mec-start-date-label {
  font-size: clamp(0.625rem, 1vw, 0.825rem) !important;
  font-family: "open sans", sans-serif !important;
  margin-bottom: 0;
}

.mec-start-time,
.mec-end-time {
  font-size: clamp(0.625rem, 1vw, 0.825rem) !important;
  font-family: "open sans", sans-serif !important;
}

.mec-time-details {
  margin-bottom: 0 !important;
}

.event-d {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  color: #454545 !important;
  padding: 0 !important;
}

.event-da {
  display: none;
}

.mec-event-title {
  margin-bottom: 0.25rem !important;
}

.mec-event-title a {
  font-size: clamp(1.25rem, 1vw, 1.75rem);
  font-family: "open sans semibold", sans-serif;
  text-transform: none !important;
  text-decoration: none !important;
}

.mec-event-title a:hover,
.mec-event-title a:focus {
  text-decoration: underline !important;
}

.event-color {
  display: none;
}

.mec-event-loc-place {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  padding: 0 !important;
}

.mec-more-information a {
  text-decoration: none !important;
  color: #df6355 !important;
}

.mec-more-information a:hover,
.mec-more-information a:focus {
  text-decoration: underline !important;
  color: #df6355 !important;
}

.mec-load-more-button {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  border-radius: unset !important;
}

.mec-load-more-button:hover,
.mec-load-more-button:focus {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  background-color: #df6355 !important;
  border-color: #df6355 !important;
  color: #ffffff !important;
}

/* main-page Termine */
#post-74 .mec-event-article,
#post-1868 .mec-event-article {
  padding-bottom: 0 !important;
}

#post-74 h2 a,
#post-74 h4 a,
#post-1868 h2 a,
#post-1868 h4 a {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  color: #df6355 !important;
  text-decoration: none !important;
}

#post-74 h2 a:hover,
#post-74 h2 a:focus,
#post-74 h4 a:hover,
#post-74 h4 a:focus,
#post-1868 h2 a:hover,
#post-1868 h2 a:focus,
#post-1868 h4 a:hover,
#post-1868 h4 a:focus {
  text-decoration: underline !important;
}

.more-infos a {
  color: #df6355 !important;
  text-decoration: none;
}

.more-infos a:hover,
.more-infos a:focus {
  text-decoration: underline;
}

/* single-page Termine */
.mec-container,
.mec-address {
  width: 100%;
  margin-left: unset;
  padding-left: unset;
  line-height: 1.25rem !important;
}

.mec-container .events-title {
  /*   padding: 1.5rem 0 0.875rem 0; */
}

.mec-container div {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
}

.mec-event-date {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  padding-bottom: 0.25rem;
}

.mec-single-event-location {
  background-color: transparent;
  padding: 0;
  display: flex;
  flex-direction: row;
}

.mec-sl-location-pin:before {
  content: unset !important;
  padding: 0;
}

.mec-location {
  display: none;
}

.mec-container .org,
.mec-events-address {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
}

address.mec-events-address {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  line-height: 0.875rem;
}

.mec-single-event-organizer {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 0.875rem !important;
  color: #454545 !important;
  font-weight: bold;
  background-color: transparent;
  padding: 0;
}

.mec-events-single-section-title {
  display: none;
}

.mec-sl-home::before {
  content: unset !important;
}

/* caldendar widget */
.lity-container,
.mec-wrap,
.mec-wrap div:not([class^=elementor-]) {
  font-family: "Ubuntu", sans-serif !important;
  color: #454545;
}

.mec-event-date {
  letter-spacing: 1px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: row !important;
}

.event-day,
.event-month-year,
.event-time {
  text-align: left !important;
  text-transform: none !important;
}

.mec-calendar.mec-event-calendar-classic .mec-selected-day,
.mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover {
  background-color: #df6355 !important;
  color: #ffffff !important;
}

.mec-has-event-a {
  color: #df6355 !important;
}

.mec-has-event-a {
  color: #df6355 !important;
}

.mec-has-event-a:hover {
  color: #ffffff !important;
}

.mec-has-event:hover {
  color: #ffffff;
  background-color: #df6355 !important;
}

.mec-has-event:after {
  content: unset !important;
}

.mec-has-event-a {
  color: #df6355 !important;
}

.mec-selected-day a {
  color: #ffffff !important;
}

.mec-table-side-day:after {
  content: "." !important;
}

.mec-color {
  color: #454545 !important;
}

.mec-sl-angle-left,
.mec-sl-angle-right {
  color: #df6355 !important;
}

.mec-single-event-location {
  display: flex;
  flex-direction: column;
}

.mec-address-space {
  margin-top: 0.375rem;
}

.mec-content {
  margin-bottom: 1rem !important;
}

@media screen and (max-width: 900px) {
  .mec-calendar-side {
    min-width: 320px !important;
    padding: 0 1.714285714rem;
  }
}
#mec_mec_widget-4 {
  margin-bottom: 0;
}

.mec-single-title {
  padding-top: 0 !important;
}

.mec-events-event-image {
  display: none !important;
}

.mec-frontbox {
  display: none !important;
}

.mec-event-content {
  padding-top: 0 !important;
}

.hsm-event-content {
  float: unset !important;
}

.hsm-single-event-bar {
  display: flex;
  justify-content: end;
  gap: 0.5rem;
  padding-right: 5rem;
}

.mec-single-event-time {
  padding-left: 0 !important;
}

.mec-single-event-time dl {
  margin-left: -50px;
}

.mec-start-date-label,
.mec-events-abbr {
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(14px, 1vw, 20px) !important;
}

.mec-single-modern .mec-single-event-bar {
  background-color: unset !important;
}

.mec-sl-calendar::before,
.mec-sl-clock::before {
  content: "";
}

.mec-single-modal.mec-single-modern .hsm-single-event-bar > div h3 {
  display: none !important;
}

.hsm-event-content ul,
.hsm-event-content p,
.hsm-event-content div {
  font-family: "open sans", sans-serif;
  font-size: clamp(14px, 1vw, 20px);
}

.hsm-ueberuns {
  /* margin: 6.625rem 0 0 0 !important; */
}

.hsm-ueberuns-intro-text {
  margin-bottom: 3.875rem;
}

.hsm-ueberuns-background {
  background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
  background-position: top center !important;
  background-size: cover !important;
  margin-top: 68px !important;
  padding: 157px 0 35px 0 !important;
}

/* .hsm-ueberuns-background {
  background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
  margin-left: -140px;
  margin-right: -140px;
} */
.hsm-ueberuns-wrap {
  padding-left: 0;
}

.hsm-ueberuns-subline {
  padding: 0 11rem;
}

.hsm-ueberuns-subline-space {
  margin-bottom: 4.0625rem;
}

/* Vorstand */
.hsm-ueberuns-vorstand-grid {
  row-gap: 4.625rem;
  -moz-column-gap: 7.625rem;
       column-gap: 7.625rem;
}

.hsm-ueberuns-board-card {
  gap: 1.875rem !important;
  background-color: rgb(245, 245, 237) !important;
  border-top-left-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
  width: 100% !important;
  height: auto !important;
  padding: 2.875rem !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-ueberuns-board-image {
  width: 100% !important;
  height: 100% !important;
}

.hsm-ueberuns-board-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50%;
     object-position: 50%;
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 80px !important;
  border-bottom-left-radius: 80px !important;
}

.hsm-ueberuns-vorstand-intro {
  padding: 0 15.625rem !important;
  font-family: "open sans", sans-serif;
  font-size: clamp(1.25rem, 1vw, 1.75rem) !important;
}

/* Aufsichtsrat */
.hsm-ueberuns-aufsichtsrat {
  background-color: rgb(219, 223, 241) !important;
  padding: 2.625rem 2.8125rem 12rem 2.8125rem !important;
}

.hsm-ueberuns-aufsichtsrat-intro {
  padding: 0 15.625rem 4.5rem 15.625rem !important;
  font-family: "open sans", sans-serif;
  font-size: clamp(1.25rem, 1vw, 1.75rem) !important;
}

.hsm-ueberuns-aufsichtsrat-mitglieder-image img {
  border-top-left-radius: 80px !important;
  border-bottom-left-radius: 80px !important;
}

.hsm-ueberuns-aufsichtsrat-mitglieder-image figcaption {
  padding-top: 1rem;
  text-align: right;
  font-family: "open sans semibold", sans-serif;
  font-size: clamp(14px, 1.04vw, 27px) !important;
}

/* Vollversammlung */
.hsm-ueberuns-vollversammlung-text {
  font-size: clamp(1.25rem, 1vw, 1.75rem) !important;
  font-family: "open sans", sans-serif;
  padding-right: 15.125rem !important;
}

/* Geschichte hSm */
.hsm-ueberuns-geschichte {
  margin-top: 12rem;
  gap: 0.5rem !important;
}

.hsm-ueberuns-geschichte-h3 {
  font-size: clamp(30px, 1.82vw, 35px) !important;
  font-family: "open sans semibold", sans-serif !important;
  margin-bottom: 3.125rem;
}

.hsm-ueberuns-geschichte-entry {
  gap: 1.25rem !important;
}

.hsm-ueberuns-geschichte p {
  font-size: clamp(14px, 1vw, 20px);
  hyphens: auto;
}

.hsm-ueberuns-geschichte-year {
  color: rgb(43, 255, 44) !important;
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(34px, 2.34vw, 61px) !important;
}

/* Gründungsmitglieder */
.hsm-ueberuns-gruendungmitglieder {
  background-color: rgb(219, 223, 241) !important;
  padding-top: 4.0625rem !important;
}

.hsm-ueberuns-gruendungsmitglieder-intro {
  padding-left: 15.625rem;
  padding-right: 15.625rem;
  padding-bottom: 2.625rem;
}

.hsm-ueberuns-gruendungsmitglieder-grid {
  padding: 2.625rem;
  -moz-column-gap: 2.625rem;
       column-gap: 2.625rem;
}

.hsm-ueberuns-gruendungsmitglieder-image {
  width: 100%;
  height: auto;
  padding-bottom: 2.625rem !important;
}

.hsm-ueberuns-gruendungsmitglieder-image img {
  border-top-left-radius: 80px !important;
  border-bottom-left-radius: 80px !important;
  width: 100%;
  height: auto;
}

.hsm-ueberuns-gruendungsmitglieder-image figcaption {
  padding-top: 1rem;
  text-align: right;
  font-family: "open sans semibold", sans-serif;
  font-size: clamp(22px, 1.46vw, 38px) !important;
  width: 100%;
  hyphens: auto;
}

/* Genossenschaftssatzung */
.hsm-ueberuns-genossenschaft-h3 h3 {
  font-size: clamp(40px, 3vw, 75px) !important;
  padding-left: 4.625rem;
}

/* Verein */
.hsm-ueberuns-verein {
  background-color: rgb(224, 255, 222);
  min-height: 18.75rem;
  padding: 7.8125rem;
}

.hsm-ueberuns-verein-h3 {
  font-size: clamp(2rem, 4vw, 2.8125rem) !important;
}

@media screen and (width <= 799px) {
  .hsm-ueberuns-background {
    background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 0 !important;
    padding-top: 120px !important;
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
  .hsm-m-ueberuns-intro h1 {
    text-align: left;
    font-size: clamp(2rem, 2vw, 3rem) !important;
    padding: 0 !important;
  }
  .hsm-m-ueberuns-intro h4 {
    text-align: left;
    font-size: clamp(1.5rem, 2vw, 2.0625rem) !important;
    padding: 35px 0 0 !important;
    margin-left: 0 !important;
  }
  .hsm-m-ueberuns-intro p {
    text-align: left;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    padding: 0 !important;
  }
  .hsm-m-ueberuns-button {
    justify-content: end;
  }
  .hsm-m-ueberuns-intro figure {
    margin-left: 0 !important;
    margin-right: -2.1875rem !important;
  }
  .hsm-m-ueberuns-intro img {
    border-top-left-radius: 40px !important;
  }
  .hsm-m-ueberuns-menschen h2 {
    padding: 0 35px !important;
    text-align: left !important;
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  .hsm-m-ueberuns-menschen p {
    padding: 0 35px !important;
    text-align: left !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-vorstand {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-auto-rows: auto;
    gap: 35px;
    padding: 2.1875rem !important;
  }
  .hsm-ueberuns-board-card {
    padding: 23px !important;
    height: auto !important;
  }
  .hsm-ueberuns-board-card img {
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
    height: 240px !important;
  }
  .hsm-ueberuns-board-image {
    flex-basis: 40% !important;
  }
  .hsm-m-ueberuns-board-text {
    align-self: flex-start !important;
    hyphens: auto;
  }
  .hsm-m-ueberuns-board-text .hsm-button a {
    font-size: clamp(0.75rem, 2vw, 1rem) !important;
    align-self: flex-end !important;
  }
  .hsm-m-vorstand h4 {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
  }
  .hsm-m-vorstand p {
    font-size: clamp(0.75rem, 2vw, 1rem) !important;
  }
  .hsm-ueberuns-aufsichtsrat {
    padding: 0 !important;
  }
  .hsm-ueberuns-subline {
    padding: 35px !important;
  }
  .hsm-ueberuns-subline {
    text-align: left !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-ueberuns-subline-space {
    margin-bottom: 0 !important;
  }
  .hsm-ueberuns-aufsichtsrat-mitglieder {
    flex-wrap: wrap !important;
  }
  .hsm-m-ueberuns-aufsichtsrat-mitglieder {
    padding: 0 35px !important;
    gap: 0.625rem;
  }
  .hsm-m-ueberuns-aufsichtsrat-mitglieder figcaption {
    padding-top: 0.5rem !important;
    font-size: clamp(0.75rem, 2vw, 1rem) !important;
    hyphens: auto;
  }
  .hsm-m-ueberuns-image-vollversammlung {
    margin-left: 2.1875rem !important;
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
  }
  .hsm-m-ueberuns-vollversammlung-text p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-ueberuns-geschichte {
    margin: 1.875rem 2.1875rem !important;
    gap: 1.875rem !important;
  }
  #klimaschutzziele {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  .hsm-m-ueberuns-geschichte h3 {
    text-align: left !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-m-ueberuns-geschichte p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-image-d-space-full {
    margin-left: 0 !important;
    width: unset !important;
  }
  .hsm-m-ueberuns-geschichte-image {
    padding: 0 35px 0 0;
    margin: 0;
  }
  .hsm-m-ueberuns-geschichte-image img {
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
  }
  .hsm-m-ueberuns-gutachten {
    margin-top: -1rem !important;
  }
  .hsm-m-ueberuns-gruendung {
    background-color: rgb(219, 223, 241);
    padding: 35px 2.1875rem !important;
  }
  .hsm-ueberuns-gruendungsmitglieder-intro {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px;
  }
  .hsm-m-ueberuns-gruendung p {
    text-align: left !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-ueberuns-gruendungsmitglieder-grid {
    grid-template-columns: repeat(auto-fit, minmax(80px, 3fr));
    grid-gap: 0.625rem;
  }
  .hsm-m-ueberuns-gruendungsmitglieder-grid figcaption {
    font-size: clamp(0.875rem, 2vw, 1.0625rem) !important;
    padding-top: 0 !important;
    hyphens: auto;
  }
  .hsm-ueberuns-gruendungsmitglieder-image {
    padding-bottom: 0 !important;
  }
  .hsm-ueberuns-gruendungsmitglieder-image img {
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
  }
  .hsm-m-ueberuns-satzung {
    margin-left: 2.1875rem !important;
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
  }
  .hsm-m-ueberuns-satzung h3 {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
    padding: 1.875rem 1rem 0 2.25rem !important;
  }
  .hsm-m-ueberuns-satzung .hsm-button a {
    font-size: clamp(0.875rem, 2vw, 1.0625rem) !important;
    text-align: right;
  }
  .hsm-m-ueberuns-satzung .wp-block-buttons {
    justify-content: end !important;
    padding-bottom: 1.875rem !important;
  }
}
@media screen and (width <= 799px) {
  .hsm-projects-background {
    background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 0 !important;
    margin-top: 68px !important;
    padding: 157px 0 35px 0 !important;
  }
  .hsm-m-standard-image-text {
    gap: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .hsm-m-projects-image {
    margin-right: -2.1875rem !important;
  }
  .hsm-m-projects-image img {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
  }
  .hsm-m-standard-text h2 {
    text-align: left !important;
  }
  .hsm-m-standard-text h3 {
    margin: 0 !important;
    font-size: clamp(1.5rem, 2vw, 2.0625rem) !important;
    text-align: left;
  }
  .hsm-m-standard-text p {
    padding: 0 !important;
  }
  .hsm-m-projects-button {
    justify-content: flex-end !important;
  }
  .hsm-m-projects-h2 {
    text-align: left !important;
    padding: 0 2.1875rem;
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-m-projects-items .swiper {
    padding-left: 35px;
  }
  .hsm-m-projects-items .swiper article {
    max-width: none;
  }
  .hsm-m-projects-items .swiper article img {
    height: 236px !important;
  }
}
.hsm-projects-background {
  background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
}

/***
 * swiper gallery styles
 */
.hsm-blog-swiper {
  width: 100%;
  touch-action: pan-x pinch-zoom;
  position: relative;
}

.swiper {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  box-sizing: border-box;
}

.swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  padding-right: 16px !important;
}

.swiper-slide {
  flex-shrink: 0 !important;
  width: calc(100% - 20px) !important;
  height: auto !important;
  margin-right: 22px !important;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.klimarenditeprojekt,
.mitmachprojekt {
  display: block !important;
}

.swiper-slide article {
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  height: clamp(40rem, 2vw, 45.625rem) !important;
  cursor: grab;
  touch-action: none;
  padding-bottom: 2.1875rem;
  -webkit-touch-callout: none;
}

.swiper-slide article:active {
  cursor: grabbing;
}

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

.hsm-blog-swiper .swiper-pagination {
  position: static;
  margin-top: 1.25rem;
}

.hsm-blog-swiper .swiper-pagination-bullet {
  background: #000;
  opacity: 0.5;
  border: 1px solid rgb(0, 0, 0) !important;
  border-radius: 50% !important;
  background-color: rgb(255, 255, 255) !important;
}

.hsm-blog-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: rgb(43, 255, 44) !important;
  border-color: rgb(43, 255, 44) !important;
}

.hsm-blog-swiper .swiper-pagination-bullet-active:focus {
  outline: none !important;
}

.hsm-blog-swiper .swiper-button-disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* project preview */
.hsm-blog-teaser-row {
  background-color: rgb(224, 255, 222) !important;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  /* width: 472px !important; entfernt, da Swiper die Breite setzt */
}

/* .post-preview__thumb img {
  width: 24.1875rem !important;
  height: auto !important;
} */
.hsm-blog-image {
  padding: 0;
  margin: 0;
}

.hsm-blog-image img {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: clamp(1rem, 2.5vw, 2.6875rem) clamp(1rem, 2.5vw, 2.6875rem) clamp(0.75rem, 1.5vw, 1.875rem) clamp(1rem, 2.5vw, 2.6875rem);
}

.post-preview__title {
  margin: 0;
  padding: 0;
  margin-bottom: -0.635rem;
}

.post-preview__title a {
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(18px, 1vw, 27px) !important;
  color: rgb(0, 0, 0);
  text-decoration: none;
  line-height: 1 !important;
  font-weight: 700;
}

.hsm-blog-text {
  padding: 0 clamp(1.5rem, 3vw, 5.3125rem) clamp(0.75rem, 1vw, 1.25rem) clamp(1.5rem, 3vw, 5.3125rem);
}

.hsm-blog-text p {
  font-family: "open sans", sans-serif !important;
  font-size: clamp(0.875rem, 2vw, clamp(30px, 1.82vw, 35px)) !important;
  color: rgb(0, 0, 0);
}

/* project detail page */
/* different styles for mitmachprojekt and renditeprojekt */
.type-mitmachprojekt {
  background-color: rgb(219, 223, 241) !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  max-width: clamp(18rem, 24.58vw, 29.5rem);
  height: 100%;
  padding: clamp(1.25rem, 2vw, 2.125rem);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.type-klimarenditeprojekt {
  background-color: rgb(224, 255, 222) !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  max-width: clamp(18rem, 24.58vw, 29.5rem);
  height: 100%;
  padding: clamp(1.25rem, 2vw, 2.125rem);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.post-preview__image {
  width: 100%;
  height: auto;
  margin-bottom: clamp(0.25rem, 1vw, 1.125rem);
}

.post-preview__image img {
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  width: 400px;
  height: 300px !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* .post-preview__meta {
  font-family: $font-standard !important;
  font-size: $font-size-flipbox !important;
  padding: 0 5.3125rem;
  margin-top: -0.5rem;
} */
.post-preview__content {
  margin: 0 clamp(20px, 2vw, 50px);
}

.post-preview__location {
  color: rgb(0, 0, 0);
  font-size: clamp(14px, 1.04vw, 27px) !important;
  text-transform: uppercase;
  /* margin-bottom: clamp(0.5rem, 1vw, 0.75rem); */
  hyphens: auto;
}

.post-preview__title {
  margin-bottom: clamp(12px, 1vw, 22px);
  hyphens: auto;
  line-height: 0.5 !important;
}

.post-preview__title a {
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(1.125rem, 1.2vw, 2.375rem) !important;
  color: rgb(0, 0, 0);
  text-decoration: none;
  line-height: normal !important;
}

/* .hsm-blog-swiper .post-preview__title a {
  font-family: $font-semibold !important;
  font-size: 28px !important;
  color: $black;
  text-decoration: none;
  line-height: 1.1 !important;
} */
.post-preview__excerpt {
  font-family: "open sans", sans-serif !important;
  font-size: clamp(18px, 1vw, 27px) !important;
  /*  line-height: 1.25rem; */
  color: rgb(0, 0, 0);
  hyphens: auto;
  height: 160px;
}

/* hsm project detail */
.hsm-project-detail .hsm-project-title-row > div {
  margin: 175px 0 0 0 !important;
}

.hsm-project-title-row {
  max-width: 120rem !important;
}

/* .hsm-project-excerpt {
  font-size: $font-size-subline !important;
  max-width: 34.375rem;
  margin: 3.75rem 0 !important;
} */
.hsm-project-main-image {
  width: 51.75rem !important;
  height: auto !important;
}

.hsm-project-content {
  margin: 3.125rem 0 0 0 !important;
}

.hsm-project-data {
  max-width: 120rem !important;
}

.hsm-project-table {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 3.75rem !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0;
}

.hsm-project-table th {
  text-transform: uppercase;
  font-weight: 700;
}

.hsm-project-table thead,
.hsm-project-table tbody,
.hsm-project-table th,
.hsm-project-table tr,
.hsm-project-table td {
  border: none !important;
}

.hsm-project-table th {
  font-size: clamp(14px, 1vw, 20px);
}

.hsm-project-detail th,
.hsm-project-detail td {
  width: 33.33% !important;
  padding-right: 80px !important;
  vertical-align: top !important;
}

.hsm-project-detail td p {
  margin-top: 0 !important;
}

/*
page 'Unsere Projekte
*/
.hsm-ourprojects-headline {
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(1.825rem, 3vw, 2.1875rem) !important;
}

.hsm-projects-aktiv-h3 {
  font-size: clamp(40px, 3vw, 75px) !important;
}

.hsm-projects-h2 {
  font-size: clamp(40px, 3vw, 75px) !important;
}

.taxonomy-category a {
  text-decoration: none;
}

.taxonomy-category a:hover {
  text-decoration: underline;
}

.hsm-project-nav {
  border: none !important;
}

article {
  display: flex;
  flex-wrap: wrap;
  height: 600px;
}

.hsm-project-arrow {
  text-align: right !important;
  display: none;
}

.material-symbols-outlined.material-symbols-outlined {
  font-size: clamp(30px, 1.82vw, 35px);
}

@media screen and (width <= 799px) {
  .swiper-slide article {
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    max-width: 340px;
    height: 450px !important;
  }
  .post-preview__image img {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    height: 180px !important;
    margin-bottom: 1rem !important;
  }
  .post-preview__excerpt {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-wasgeht h3 {
    line-height: unset !important;
  }
}
/* Tablet & Desktop */
@media (min-width: 768px) {
  .swiper-wrapper {
    padding-right: clamp(16px, 1vw, 140px) !important;
  }
  .swiper-slide {
    width: clamp(20rem, 24.58vw, 29.5rem) !important;
    margin-right: clamp(16px, 1vw, 48px) !important;
  }
}
.hsm-project-background {
  background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
}

.hsm-post-navigation {
  border: none;
  margin: 0 8.75rem 4.0625rem 8.75rem !important;
}

.hsm-post-navigation a {
  text-decoration: none;
}

.hsm-post-navigation a:hover {
  font-family: "open sans semibold", sans-serif;
}

.hsm-post-navigation a,
.hsm-post-navigation-previous a,
.hsm-post-navigation-next a {
  font-family: "open sans semibold", sans-serif;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border: none !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* margin-top: 1rem; */
  padding: 1.375rem 3.125rem !important;
  font-size: 0.825rem !important;
  font-family: "open sans semibold", sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
}

.hsm-post-navigation a:hover,
.hsm-post-navigation a:hover,
.hsm-post-navigation a:hover {
  background-color: rgb(43, 255, 44);
}

.hsm-project-padding-container-first {
  padding: 10.9375rem 0 0 0 !important;
}

.hsm-project-detail {
  width: auto !important;
  max-width: none !important;
  margin: clamp(200px, 10.73vw, 206px) clamp(100px, 7.29vw, 140px) !important;
}

.hsm-project-text-image {
  display: flex !important;
  align-items: stretch;
  gap: clamp(80px, 6.35vw, 122px);
  width: auto !important;
  max-width: none !important;
}

.hsm-project-text {
  width: clamp(500px, 35.94vw, 690px) !important;
  flex-shrink: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.hsm-project-text p {
  font-size: clamp(22px, 1.46vw, 38px);
  margin-left: 0 !important;
}

.hsm-project-text .field-ort-ueber-titel {
  font-size: clamp(14px, 1.04vw, 27px);
  font-family: "open sans", sans-serif;
  text-transform: uppercase;
  padding-top: 1.125rem;
  margin-left: 0 !important;
}

.hsm-project-text h1 {
  font-size: clamp(40px, 3vw, 75px);
  font-family: "open sans bold", sans-serif;
  margin-block-start: 0.25rem;
  margin-left: 0 !important;
}

.hsm-project-category {
  margin-block-start: 0.25rem;
  margin-left: 0 !important;
}

.hsm-project-category a {
  margin-block-start: 0;
  font-size: clamp(14px, 1.04vw, 27px);
  font-family: "open sans", sans-serif !important;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 100 !important;
}

.hsm-project-category a:hover {
  font-family: "open sans semibold", sans-serif !important;
}

.field-kontakt-email a:link,
.field-kontakt a:link {
  text-decoration: none;
}

.field-kontakt-email a:hover,
.field-kontakt a:hover {
  font-family: "open sans semibold", sans-serif !important;
}

.hsm-project-image {
  width: 100% !important;
  display: flex !important;
  height: 100%;
  flex-shrink: 0 !important;
  max-width: none !important;
}

.hsm-project-image figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.hsm-project-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.hsm-project-grid-background {
  background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
  margin-block-start: 0 !important;
}

.hsm-project-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  margin: 4.75rem 0 0 0 !important;
  -moz-column-gap: clamp(70px, 5.21vw, 100px) !important;
       column-gap: clamp(70px, 5.21vw, 100px) !important;
  row-gap: 0rem;
}

.hsm-project-grid h4 {
  padding-top: 1rem;
  text-transform: uppercase;
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(18px, 1vw, 27px) !important;
  font-weight: bold;
}

.hsm-project-grid p,
.hsm-project-content p {
  font-family: "open sans", sans-serif;
  font-size: clamp(22px, 1.46vw, 38px);
  hyphens: auto;
}

.hsm-project-grid-dummy {
  visibility: hidden;
}

.hsm-aktuelles-email .wp-element-button,
.hsm-mitmachprojekt-email .wp-element-button {
  background-color: unset;
  color: rgb(0, 0, 0);
  font-family: "open sans", sans-serif;
  font-size: clamp(22px, 1.46vw, 38px);
  padding-left: 0;
}

.hsm-aktuelles-email a:hover,
.hsm-mitmachprojekt-email a:hover {
  text-decoration: underline !important;
}

@media screen and (width <= 799px) {
  .hsm-project-background {
    background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover !important;
  }
  .hsm-project-padding-container-first {
    padding-top: 70px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .hsm-project-background p {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
    hyphens: auto;
    /* margin-top: 1rem !important; */
  }
  .hsm-project-background h1 {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  .hsm-project-background h4 {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
  }
  .hsm-project-text-image {
    gap: 1.5rem !important;
  }
  .hsm-project-image figure {
    margin-bottom: 0.5rem !important;
  }
  .hsm-project-image img {
    border-top-left-radius: 80px !important;
    border-bottom-left-radius: 80px !important;
    height: 21.625rem !important;
  }
  .wp-block-acf-field-blocks-acf-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .hsm-aktuelles-email,
  .hsm-mitmachprojekt-email {
    padding-top: 0 !important;
    padding-bottom: 35px !important;
    margin-top: 0 !important;
  }
  .hsm-aktuelles-email .wp-element-button,
  .hsm-mitmachprojekt-email .wp-element-button {
    background-color: unset;
    color: rgb(0, 0, 0);
    font-family: "open sans", sans-serif;
    font-size: clamp(1rem, 2vw, 1.6875rem);
    padding-left: 0;
  }
}
.aktuelles {
  background-color: rgb(247, 249, 236);
}

.aktuelles .post-preview__image {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
}

@media screen and (width <= 799px) {
  .aktuelles .post-preview__image {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
  .aktuelles .post-preview__content {
    padding-left: 35px;
    padding-right: 35px;
  }
  .hsm-padding-container-first {
    padding-top: 70px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}
.hsm-aktivkreise-background {
  background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
}

@media screen and (width >= 800px) {
  .hsm-aktivkreise-intro-text {
    margin-right: 2.1875rem !important;
  }
  /*   .hsm-aktivkreis-image-intro {
    width: 51.75rem !important;
    height: auto !important;
  } */
  /* .hsm-aktivkreis-image-intro img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 /9;
    object-fit: cover;
  } */
}
.hsm-aktivkreise h1 {
  margin-bottom: 4.375rem !important;
}

.hsm-aktivkreise-image-text {
  align-items: stretch !important;
  margin-top: 4.875rem !important;
}

.hsm-aktivkreise-image-text figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hsm-aktivkreise-image-text img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  display: block !important;
}

/* grid */
.hsm-aktivkreise-overview {
  background-color: rgb(245, 245, 237);
  grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
  padding: 7.8125rem 8.75rem !important;
}

@media screen and (width <= 1199px) {
  .hsm-aktivkreise-overview {
    grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
  }
}
.hsm-aktivkreise-card {
  background-color: rgb(219, 223, 241) !important;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  /* height: clamp(40rem, 3.6vw, 43.25rem); */
  padding: 2.9375rem 0 2.9375rem 0 !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-aktivkreis-card h4 {
  font-size: clamp(1.125rem, 1.2vw, 2.375rem) !important;
  font-family: "open sans semibold", sans-serif !important;
  text-align: left !important;
  margin-top: 1.5rem;
}

.hsm-aktivkreis-card-image {
  padding: 0 2.9375rem;
}

.hsm-aktivkreis-card-image img {
  /* max-width: 180px;
  max-height: 180px; */
}

.hsm-aktivkreise-card h4 {
  padding-left: clamp(2rem, 2vw, 2rem) !important;
  padding-right: clamp(2rem, 2vw, 2rem) !important;
  hyphens: auto;
}

.hsm-aktivkreise-card h4 a {
  text-decoration: none;
}

.hsm-aktivkreise-card h4 a:hover {
  text-decoration: underline;
}

.hsm-aktivkreise-card-description {
  font-size: clamp(18px, 1vw, 27px) !important;
  text-align: left !important;
  padding-left: clamp(2rem, 2vw, 2rem);
  padding-right: clamp(2rem, 2vw, 2rem);
  hyphens: auto;
}

@media screen and (width <= 799px) {
  .hsm-aktivkreise-background {
    background-image: url("/wp-content/uploads/2026/05/hSm-Hintergund-einseitig-scaled.png");
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 0 !important;
    padding-top: 120px !important;
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
  .hsm-aktivkreise-background h1 {
    text-align: left !important;
    /*     padding-left: $m-margin-left; */
  }
  .hsm-m-aktivkreise-intro {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .hsm-m-aktivkreise-intro h4 {
    /* padding: 0 $m-margin-left-right; */
    font-size: clamp(1.5rem, 2vw, 2.0625rem) !important;
  }
  .hsm-aktivkreise-image-text {
    margin-top: 1rem !important;
  }
  .hsm-m-aktivkreise-intro p {
    /* padding: 0 $m-margin-left-right; */
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-aktivkreise-intro figure {
    padding-left: 2.1875rem;
  }
  .hsm-m-aktivkreise-intro img {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
  }
  .hsm-m-aktivkreise-kreise {
    flex-direction: column-reverse;
    gap: 2.5rem;
  }
  .hsm-m-aktivkreise-kreise p {
    padding: 0 2.1875rem;
  }
  .hsm-m-aktivkreise-kreise .hsm-button {
    padding: 0 2.1875rem;
  }
  .hsm-m-aktivkreise-kreise figure {
    padding: 0 2.1875rem;
  }
  .hsm-aktivkreise-overview {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.1875rem;
    padding: 0 2.1875rem 35px 2.1875rem !important;
    background-color: rgb(255, 255, 255);
  }
  .hsm-aktivkreise-card {
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    height: 27.5rem !important;
  }
  .hsm-aktivkreise-card figure {
    width: 8.75rem;
    height: 8.75rem;
    padding-left: 4.5625rem;
  }
}
.hsm-aktivkreis-background {
  background-image: url("/wp-content/uploads/2026/05/VerlaufZoom1920.png");
}

.hsm-aktivkreis-intro {
  margin-bottom: 7rem;
}

.hsm-aktivkreis h1 {
  font-size: clamp(40px, 3vw, 75px) !important;
  font-family: "open sans bold", sans-serif !important;
}

.field-kurztext {
  margin: 1.375rem 0 !important;
}

.field-kurztext .value,
.field-kurztext .suffix {
  font-size: clamp(40px, 3vw, 75px);
  font-family: "open sans bold", sans-serif !important;
}

.hsm-aktivkreis-text-image {
  display: flex !important;
  align-items: stretch;
  gap: clamp(80px, 6.35vw, 122px) !important;
  width: auto !important;
  max-width: none !important;
  margin-bottom: 4.0625rem;
}

.hsm-aktivkreis-shorttext,
.hsm-aktivkreis-longtext {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  font-family: "open sans", sans-serif !important;
}

.hsm-aktivkreis-image img {
  width: 31.375rem !important;
  height: auto !important;
}

.hsm-aktivkreis-content {
  padding: 0 35px !important;
}

.hsm-aktivkreis-longtext {
  margin: 0 !important;
  margin-bottom: 4.0625rem !important;
}

.hsm-aktivkreis-content {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 7rem !important;
}

.hsm-aktivkreis-projekte-headline {
  margin: 0 0 4.0625rem !important;
}

.hsm-aktivkreis-kontakt {
  padding: 65px;
  background-color: rgb(224, 255, 222);
  display: flex !important;
  align-items: stretch;
  gap: clamp(80px, 6.35vw, 122px) !important;
  width: auto !important;
  max-width: none !important;
  margin-bottom: 4.0625rem;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.hsm-aktivkreis-kontakt-grid {
  -moz-column-gap: clamp(80px, 6.35vw, 122px) !important;
       column-gap: clamp(80px, 6.35vw, 122px) !important;
  grid-template-rows: 100px 100px;
}

.hsm-aktivkreis-kontakt-h2,
.hsm-aktivkreis-projekte-h2 {
  font-size: clamp(40px, 3vw, 75px) !important;
  font-family: "open sans bold", sans-serif !important;
  margin-bottom: 1.125rem !important;
  margin-left: 0 !important;
}

.hsm-aktivkreis-kontakt-text p {
  font-size: clamp(18px, 1vw, 27px) !important;
  font-family: "open sans", sans-serif;
  margin-bottom: 1.125rem !important;
}

.field-ansprechpartnerin {
  font-family: "open sans semibold", sans-serif !important;
}

.hsm-aktivkreis-kontakt-image img {
  width: 100% !important;
  height: 350px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  display: block;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.hsm-aktivkreis-kontakt-email {
  margin-top: 0;
  padding-top: 0;
}

.hsm-aktivkreis-kontakt-ansprechpartner {
  font-size: clamp(18px, 1vw, 27px) !important;
  font-family: "open sans semibold", sans-serif !important;
}

.hsm-aktivkreis-kontakt-email {
  font-size: clamp(18px, 1vw, 27px) !important;
  font-family: "open sans semibold", sans-serif !important;
  margin-top: 0;
  padding-top: 0;
}

.hsm-aktivkreis-button-email {
  text-align: right;
}

@media screen and (width >= 800px) {
  .block-visibility-hide-large-screen {
    display: none !important;
  }
}
@media screen and (width <= 799px) {
  .hsm-kontakt-desktop {
    display: none !important;
  }
  .hsm-aktivkreis-background {
    background-image: url("/wp-content/uploads/2026/05/VerlaufZoom1920.png");
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover !important;
    padding: 0 2.1875rem 2.1875rem 2.1875rem !important;
  }
  .hsm-aktivkreis-padding-container-first {
    padding: 108px 2.1875rem 2.1875rem 2.1875rem !important;
  }
  .hsm-aktivkreis-intro {
    margin-bottom: 1rem;
  }
  .hsm-aktivkreis-email {
    margin-top: 0 !important;
  }
  .hsm-aktivkreis-background h1 {
    font-size: clamp(2rem, 2vw, 3rem) !important;
    margin-bottom: 2.1875rem;
  }
  .hsm-aktivkreis-background h4 {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
  }
  .hsm-aktivkreis-text-image {
    gap: 0.5rem !important;
    flex-wrap: wrap-reverse !important;
    padding-top: 6.75rem;
  }
  .hsm-aktivkreis-image {
    text-align: right !important;
  }
  .hsm-aktivkreis-shorttext {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
  }
  .hsm-aktivkreis-content {
    margin-bottom: 2.1875rem !important;
  }
  .hsm-aktivkreis-image figure {
    margin-bottom: 0.5rem !important;
  }
  .hsm-aktivkreis-image img {
    max-width: 14.375rem !important;
    max-height: 14.375rem !important;
  }
  .hsm-aktivkreis-projekte-headline {
    margin-bottom: 0 !important;
  }
  .hsm-aktivkreis-projekte-headline span {
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-aktivkreis-kontakt {
    gap: 2.1875rem !important;
    margin-left: 2.1875rem !important;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 35px 0 35px 35px !important;
  }
  .hsm-aktivkreis-kontakt-image img {
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    height: 200px !important;
  }
  .hsm-aktivkreis-kontakt-text {
    padding-right: 2.1875rem !important;
  }
  .hsm-aktivkreis-kontakt-h2 {
    padding-left: 60px !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
    margin-bottom: -1rem !important;
  }
  .field-kontaktinfos {
    padding-left: 3.75rem !important;
    padding-bottom: 4.375rem !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .field-kontaktinfos span {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .field-ansprechpartnerin {
    /* font-weight: 700; */
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
    padding-bottom: 2.1875rem !important;
  }
  .hsm-aktivkreis-button-email {
    padding-bottom: 2.1875rem !important;
  }
}
.hsm-mitgliedschaft-startbild {
  margin: 0 !important;
  width: 100%;
}

.hsm-mitgliedschaft-startbild img {
  margin-top: 106px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  height: auto !important;
  -o-object-position: 100% 20% !important;
     object-position: 100% 20% !important;
}

.hsm-mitgliedschaft-klimabewusst {
  background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
  background-repeat: no-repeat;
  margin-top: 0;
  padding-top: 4.625rem !important;
}

.hsm-mitgliedschaft-h2 {
  font-size: clamp(40px, 3vw, 75px) !important;
  margin-bottom: clamp(18px, 1vw, 22px);
}

.hsm-mitgliedschaft-subline {
  margin-left: clamp(8rem, 2vw, 30rem);
  margin-right: clamp(8rem, 2vw, 30rem);
  font-size: clamp(22px, 1.46vw, 38px) !important;
}

.hsm-mitgliedschaft-headline h3 {
  font-size: clamp(35px, 1.82vw, 47px);
  font-family: "open sans semibold", sans-serif;
}

.hsm-mitgliedschaft-text {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  font-family: "open sans", sans-serif !important;
}

.hsm-mitgliedschaft-text-bold {
  font-size: clamp(20px, 1.46vw, 38px) !important;
  font-family: "open sans semibold", sans-serif !important;
  hyphens: auto;
}

.hsm-mitgliedschaft-greenline-hands {
  margin-top: -1.25rem;
  transform: rotate(18deg);
}

.hsm-mitgliedschaft-h2-benefits {
  padding-left: 3.25rem;
  font-size: clamp(40px, 3vw, 75px) !important;
}

.hsm-mitgliedschaft-h2 {
  font-size: clamp(40px, 3vw, 75px) !important;
}

.hsm-mitgliedschaft-grid {
  /* column-gap: clamp(80px, 6.35vw, 122px) !important; */
  place-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(35%, 1fr));
}

.hsm-mitgliedschaft-grid-cell p {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  background-color: rgb(247, 249, 236) !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 1.825rem 3.25rem;
  height: 5rem;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

@media screen and (width >= 800px) {
  .hsm-mitgliedschaft-grid-cell p {
    width: 80%;
  }
}
.hsm-mitgliedschaft-wirkung {
  background-color: rgb(224, 255, 222) !important;
  /*   padding: 4.0625rem !important; */
}

.hsm-mitgliedschaft-wirkung-flex {
  gap: clamp(32px, 6.35vw, 50px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2rem 4rem;
}

.hsm-mitgliedschaft-wirkung-card {
  background-color: rgb(247, 249, 236) !important;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 5rem 0.625rem 5rem 2.5rem;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-mitgliedschaft-steps {
  flex: 1 !important;
  align-items: stretch;
  gap: 0 !important;
  background-color: rgb(247, 249, 236);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding-left: 3.0625rem;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  height: auto;
  min-height: 180px;
  hyphens: auto;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-mitgliedschaft-steps-col p {
  padding-top: 0.825rem;
  padding-right: 1rem;
}

.hsm-mitgliedschaft-number-green p {
  color: rgb(43, 255, 44) !important;
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(34px, 2.34vw, 61px) !important;
}

.hsm-mitgliedschaft-kosten {
  background-color: rgb(247, 249, 236);
  /* margin-left: -8.75rem;
  margin-right: -8.75rem; */
  padding: 4.0625rem 8.75rem;
}

.hsm-mitgliedschaft-kosten h2 {
  font-size: clamp(40px, 3vw, 75px) !important;
}

.hsm-mitgliedschaft-kosten h3 {
  font-size: clamp(35px, 1.82vw, 47px) !important;
}

.hsm-mitgliedschaft-kosten-cards {
  gap: clamp(80px, 6.35vw, 122px) !important;
}

.hsm-mitgliedschaft-kosten-card {
  background-color: rgb(219, 223, 241);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 4.0625rem 2rem 4.0625rem 2rem;
  hyphens: auto;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-mitgliedschaft-mitgliedschaft {
  background-color: rgb(224, 255, 222);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 4.0625rem;
  hyphens: auto;
  margin-right: -8.75rem;
}

.hsm-mitgliedschaft-mitgliedschaft-text {
  font-size: clamp(22px, 1.46vw, 38px) !important;
  font-family: "open sans", sans-serif !important;
  max-width: 90% !important;
}

/* .hsm-mitgliedschaft-mitgliedschaft-button {
  padding-right: 25px;
} */
.hsm-mitgliedschaft-verschenken-grid {
  gap: clamp(80px, 6.35vw, 122px) !important;
  grid-template-columns: 1fr 1fr !important;
}

.hsm-mitgliedschaft-verschenken-card {
  background-color: rgb(247, 249, 236);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  hyphens: auto;
  padding: 65px 70px 65px 70px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

/* Jede Spalte im Grid */
.hsm-mitgliedschaft-verschenken-card > .wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* Text-Bereich oben */
.hsm-mitgliedschaft-verschenken-gesamttext {
  /* flex: 0 0 auto !important; */
}

.hsm-mitgliedschaft-col-button {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.hsm-mitgliedschaft-button-gray a {
  background-color: rgb(255, 255, 255) !important;
  margin-top: 1.5rem !important;
}

.hsm-mitgliedschaft-button-gray a:hover {
  background-color: rgb(43, 255, 44) !important;
}

.hsm-mitgliedschaft-verschenken-flex {
  align-items: stretch;
}

@media screen and (width <= 799px) {
  .hsm-m-mitgliedschaft-startbild img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    width: 100%;
    height: 100%;
    margin-top: 70px !important;
  }
  .hsm-m-mitgliedschaft-klimabewusst {
    background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 40px !important;
  }
  .hsm-m-mitgliedschaft-klimabewusst h2 {
    padding: 2.1875rem 2.1875rem 0 2.1875rem !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
    text-align: left !important;
  }
  .hsm-m-mitgliedschaft-subline {
    margin: 0 2.1875rem !important;
  }
  .hsm-m-mitgliedschaft-subline {
    text-align: left !important;
    font-size: clamp(18px, 1vw, 27px) !important;
  }
  .hsm-m-mitgliedschaft-klimabewusst .wp-block-buttons {
    margin: 2.1875rem 2.1875rem 120px 2.1875rem !important;
    justify-content: end !important;
  }
  .hsm-m-mitglieder-warum {
    margin: 0 2.1875rem 70px 2.1875rem !important;
  }
  .hsm-m-mitglieder-warum h3 {
    font-size: clamp(1.5rem, 2vw, 2.375rem) !important;
  }
  .hsm-mitgliedschaft-text {
    max-width: 100% !important;
  }
  .hsm-m-mitglieder-warum p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-mitgliedschaft-greenline-hands {
    padding: 2.1875rem !important;
  }
  .hsm-mitgliedschaft-h2-benefits {
    padding-left: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
  .hsm-m-mitgliedschaft-grid {
    grid-template-columns: repeat(auto-fit, minmax(354px, 1fr));
    grid-gap: 2rem !important;
  }
  .hsm-mitgliedschaft-grid-cell p {
    margin-left: 2.1875rem !important;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    height: auto !important;
  }
  .hsm-mitgliedschaft-wirkung h2 {
    margin: 1.875rem 2.1875rem 0 2.1875rem !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-mitgliedschaft-wirkung p {
    margin: 0 2.1875rem !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-mitgliedschaft-wirkung-flex {
    flex-wrap: wrap !important;
    margin: 0 2.1875rem !important;
    gap: 2rem !important;
  }
  .hsm-mitgliedschaft-wirkung-card {
    flex: 1 1 calc(50% - 1rem) !important;
    min-width: 0 !important;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    padding: 35px !important;
  }
  .hsm-mitgliedschaft-wirkung-card p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-mitgliedschaft-wirkung .wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: wrap !important;
  }
  .hsm-m-mitglieder-mitgliedschaft {
    margin: 0 2.1875rem !important;
  }
  .hsm-mitglieder-mitgliedschaft h2 {
    margin: 0 2.1875rem !important;
    text-align: left !important;
  }
  .hsm-mitgliedschaft-subline {
    margin: 35px 2.1875rem !important;
    text-align: left !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-mitgliedschaft-subline strong {
    font-weight: 400 !important;
    font-family: "open sans", sans-serif !important;
  }
  .hsm-m-mitgliedschaft-funktion-card {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .hsm-m-mitgliedschaft-funktion-card .hsm-mitgliedschaft-steps {
    padding: 35px 0 35px 35px !important;
    height: auto !important;
    border-top-left-radius: 70px !important;
    border-bottom-left-radius: 70px !important;
  }
  .hsm-mitgliedschaft-number-green {
    flex-basis: 20% !important;
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-mitgliedschaft-steps-col p {
    padding-top: 1rem !important;
  }
  .hsm-mitgliedschaft-kosten {
    padding: 35px 2.1875rem 70px 2.1875rem !important;
  }
  .hsm-mitgliedschaft-kosten h2 {
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-mitgliedschaft-kosten p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-mitgliedschaft-kosten-cards {
    gap: 1.5rem !important;
  }
  .hsm-mitgliedschaft-kosten-card {
    border-top-left-radius: 70px !important;
    border-bottom-left-radius: 70px !important;
    padding: 35px 10px 35px 60px !important;
  }
  .hsm-mitgliedschaft-text li {
    margin-left: -1rem !important;
  }
  .hsm-m-mitgliedschaft-kosten-card2 p,
  .hsm-mitgliedschaft-kosten-card li {
    font-size: clamp(1rem, 2vw, 1.6875rem) !important;
    margin-right: 1rem;
  }
  .hsm-mitgliedschaft-genossenschaft h2 {
    text-align: left !important;
    padding: 0 2.1875rem !important;
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  .hsm-m-mitgliedschaft-genossenschaft-text p {
    text-align: left !important;
    padding: 0 2.1875rem !important;
    hyphens: auto;
    margin-bottom: 35px !important;
  }
  .hsm-mitgliedschaft-text strong {
    font-weight: 400 !important;
    font-family: "open sans", sans-serif !important;
  }
  .hsm-mitgliedschaft-mitgliedschaft {
    gap: 0 !important;
    margin-left: 2.1875rem !important;
  }
  .hsm-mitgliedschaft-mitgliedschaft figure {
    padding-top: 35px;
    padding-left: 35px !important;
    margin-right: -35px !important;
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
  }
  .hsm-mitgliedschaft-mitgliedschaft h2 {
    padding-left: 35px !important;
    padding-top: 35px;
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
  .hsm-mitgliedschaft-mitgliedschaft-text {
    padding-left: 35px !important;
    padding-right: 35px !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-m-mitgliedschaft-text {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
  .hsm-mitgliedschaft-mitgliedschaft-button .wp-block-buttons {
    justify-content: flex-end !important;
    padding-top: 1rem !important;
    padding-bottom: 70px !important;
  }
  .hsm-mitgliedschaft-verschenken-grid {
    grid-template-columns: repeat(auto-fit, minmax(354px, 1fr)) !important;
    grid-gap: 2rem !important;
    margin-bottom: 35px !important;
  }
  .hsm-mitgliedschaft-verschenken-card {
    margin: 0 2.1875rem !important;
  }
  .hsm-mitgliedschaft-verschenken-card h3 {
    text-align: left !important;
    padding: 0 35px 0 70px !important;
    font-size: clamp(1.5rem, 2vw, 2.375rem) !important;
  }
  .hsm-mitgliedschaft-verschenken-card p {
    text-align: left !important;
    padding: 0 35px 0 70px !important;
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    margin-bottom: 0 !important;
  }
  .hsm-mitgliedschaft-verschenken-gesamttext {
    height: auto !important;
  }
  .hsm-mitgliedschaft-button-gray {
    margin-top: -1rem !important;
  }
}
.hsm-partner-intro {
  background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
  margin-top: 6.6875rem;
}

.hsm-partner h1 {
  padding-top: 4.75rem;
  margin-bottom: 1.375rem !important;
}

.hsm-partner h4 {
  font-size: clamp(1.875rem, 1vw, 2.1875rem) !important;
}

.hsm-partner-subline {
  padding-right: 574px;
}

.hsm-partner h3 {
  font-family: "open sans semibold", sans-serif !important;
}

/* grid logos */
.hsm-logos-overview {
  gap: 5rem !important;
  padding: 7.8125rem 8.75rem !important;
  background-color: rgb(255, 255, 255) !important;
}

.hsm-logo-card {
  background-color: rgb(224, 255, 222) !important;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 32.875rem;
  padding: 1.875rem !important;
}

.hsm-logo-card-description {
  font-size: clamp(14px, 1vw, 20px) !important;
}

/* grid */
.hsm-partner-overview {
  gap: 5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  padding: 7.8125rem 8.75rem !important;
}

.hsm-partner-card {
  background-color: rgb(224, 255, 222) !important;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 2.9375rem 2.9375rem 2.9375rem 2.9375rem !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.hsm-partner-card-image {
  vertical-align: center;
}

.hsm-partner-card h4 {
  font-size: clamp(1.125rem, 1.2vw, 2.375rem) !important;
  font-family: "open sans semibold", sans-serif !important;
  text-align: left !important;
  padding-left: 0;
  margin-top: 1.5rem;
}

.hsm-partner-card h4 a {
  text-decoration: none;
}

.hsm-partner-card h4 a:hover {
  text-decoration: underline;
}

.hsm-partner-card-description {
  font-size: clamp(18px, 1vw, 27px) !important;
  text-align: left !important;
  padding-left: 0;
  padding-right: 1rem;
  hyphens: auto;
}

@media screen and (width <= 799px) {
  .hsm-partner h4 {
    font-family: "open sans", sans-serif !important;
    font-size: clamp(22px, 1.46vw, 38px) !important;
  }
  .hsm-partner-intro {
    background-image: url("/wp-content/uploads/2026/04/hSm-Hintergrund-beidseitig-scaled.png");
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 68px !important;
    padding: 45px 2.1875rem 35px 2.1875rem !important;
  }
  .hsm-partner-subline {
    padding: 0 !important;
  }
  .hsm-partner-greenloop {
    margin-right: -2.1875rem;
    margin-left: -2.1875rem;
  }
  .hsm-partner-overview {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: max-content;
    gap: 0;
    padding: 2.1875rem !important;
  }
  .hsm-partner-card {
    height: auto !important;
    /* height: auto !important;
    padding: 1.5rem !important; */
  }
  .hsm-partner-card-image {
    height: auto;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    /* width: auto !important;
    height: 60px !important;
    display: inline-block; */
  }
  .hsm-partner-card-image img {
    width: auto !important;
    height: auto !important;
    display: inline-block;
  }
  .hsm-partner-card-description {
    padding-left: 2.25rem !important;
    padding-right: 0 !important;
  }
}
.hsm-faq-background {
  background-image: url("/wp-content/uploads/2026/05/VerlaufZoom1920.png");
  background-repeat: no-repeat;
}

.hsm-faq-padding-container {
  padding: 4.375rem 0 !important;
}

.hsm-faq-heading {
  margin-bottom: 1.375rem;
}

.hsm-faq-subline {
  font-size: clamp(35px, 1.82vw, 47px);
  font-family: "open sans semibold", sans-serif;
}

.wp-block-accordion-item {
  background-color: rgb(224, 255, 222) !important;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 1rem 4.125rem;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}

.wp-block-accordion-heading__toggle {
  font-size: clamp(35px, 1.82vw, 47px);
  font-family: "open sans semibold", sans-serif !important;
  margin-bottom: 0;
}

.wp-block-accordion-panel p {
  font-size: clamp(22px, 1.46vw, 38px);
  font-family: "open sans", sans-serif;
}

/* ==========================================
   1. ANIMATION DES ACCORDION PANELS
   ========================================== */
.wp-block-accordion-panel {
  display: grid !important;
  font-size: clamp(22px, 1.46vw, 38px);
  font-family: "open sans", sans-serif;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.25, 1, 0.5, 1), padding 0.35s ease;
  overflow: hidden;
  visibility: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wp-block-accordion-panel > * {
  min-height: 0;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
  grid-template-rows: 1fr;
  visibility: visible;
  padding-top: 0 !important;
  padding-bottom: 1.5rem !important;
}

/* ==========================================
   2. FIX FÜR DAS ICON (BLEIBT AN SEINEM PLATZ)
   ========================================== */
/* Zwingt den Button zu einem Flex-Layout, damit Text und Icon stabil bleiben */
.wp-block-accordion-heading__toggle {
  display: flex !important;
  justify-content: space-between; /* Schiebt Text nach links, Icon nach rechts */
  align-items: center; /* Zentriert das Icon vertikal zum Text */
  width: 100%;
  text-align: left;
}

/* Stabilisiert das Icon selbst */
.wp-block-accordion-heading__toggle-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 48px; /* Feste Breite verhindert Springen */
  height: 48px; /* Feste Höhe verhindert Springen */
  transform-origin: center center !important; /* Rotation exakt um die eigene Mitte */
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Saubere Drehung im geöffneten Zustand */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
  transform: rotate(45deg);
}

/* Button-Layout stabilisieren */
.wp-block-accordion-heading__toggle {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}

/* ==========================================
   2. REINIGUNG & STRUKTUR FÜR MATERIAL ICON
   ========================================== */
/* Button-Layout stabilisieren */
.wp-block-accordion-heading__toggle {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}

/* Originalen WordPress-Text (+) komplett unsichtbar machen */
.wp-block-accordion-heading__toggle-icon {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 60px; /* Leicht erhöht für bessere Klickfläche */
  height: 60px;
  transform-origin: center center !important; /* Exakter Mittelpunkt für die Drehung */
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Das neue Material Icon über Pseudo-Element generieren */
.wp-block-accordion-heading__toggle-icon::before {
  /* Nutzen Sie hier Ihre genaue Font-Familie (z.B. 'Material Icons' oder 'Material Symbols Outlined') */
  font-family: "Material Icons" !important;
  content: "expand_more" !important;
  font-size: 48px !important;
  /* WICHTIG: Verhindert das Verzerren des Rotationswinkels */
  line-height: 1 !important;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
}

/* ==========================================
   3. EXAKTE DREHUNG BEIM ÖFFNEN (VON UNTEN NACH OBEN)
   ========================================== */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
  transform: rotate(180deg) !important; /* Dreht den Pfeil exakt auf den Kopf */
}

/* mobile version FAQ */
@media screen and (width <= 799px) {
  .hsm-faq-background {
    background-image: url("/wp-content/uploads/2026/05/VerlaufZoom1920.png");
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover !important;
    margin-top: 0 !important;
    padding-top: 120px !important;
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
  /*   .hsm-m-faq {
    padding: 0 35px !important;
  } */
  .hsm-m-faq .hsm-padding-container-first {
    /*  padding: 35px !important; */
  }
  .hsm-m-faq-padding-container {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .wp-block-accordion-heading__toggle {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
    hyphens: auto;
    width: 14rem !important;
  }
  .wp-block-accordion-item {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 1rem 2.1875rem;
  }
  .wp-block-accordion-heading__toggle-icon {
    margin: 0px;
    padding: 0;
    width: 40px;
    height: 40px;
  }
  /*.hsm-faq-heading {
    margin: 0 $m-margin-left-right !important;
    font-size: $m-font-size-h1 !important;
  } 
  .hsm-faq-subline {
    margin: 0 $m-margin-left-right !important;
    font-size: $m-font-size-large1 !important;
  } */
}
.kontakt {
  margin: 260px clamp(35px, 4.59vw, 140px) 35px clamp(35px, 4.59vw, 140px) !important;
  gap: 6rem;
}

.kontakt .wp-block-paragraph {
  max-width: 90% !important;
}

.kontakt p {
  margin-left: 0 !important;
}

.kontakt p a {
  text-decoration: none;
}

.kontakt p a:hover {
  font-family: "open sans semibold", sans-serif;
}

.kontakt .wp-block-buttons {
  margin-left: 0 !important;
}

@media screen and (width <= 799px) {
  .kontakt {
    margin-top: 70px !important;
    flex-wrap: wrap-reverse !important;
    gap: 2rem;
  }
}
@media screen and (width <= 799px) {
  .hsm-impressum {
    padding: 6.75rem 2.1875rem 2.1875rem 2.1875rem !important;
  }
  .hsm-impressum p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
}
@media screen and (width <= 799px) {
  .hsm-datenschutz {
    padding: 6.75rem 2.1875rem 2.1875rem 2.1875rem !important;
  }
  .hsm-datenschutz p {
    font-size: clamp(1rem, 2vw, 1.375rem) !important;
  }
  .hsm-datenschutz h1 {
    font-size: clamp(2rem, 2vw, 3rem) !important;
  }
  .hsm-datenschutz h3 {
    font-size: clamp(1.25rem, 2vw, 1.6875rem) !important;
  }
  .hsm-datenschutz h2 {
    font-size: clamp(1.75rem, 2vw, 2.375rem) !important;
  }
}
footer {
  margin-block-start: 0 !important;
  margin-top: 7.8125rem;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  height: 15.9375rem;
  padding-left: 0 !important;
}

footer .wp-block-group {
  padding-left: 0 !important;
}

.hsm-footer p {
  font-size: 0.625rem !important;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}

.hsm-footer-nav {
  margin-left: clamp(35px, 4.59vw, 140px) !important;
}

.hsm-footer-nav-mobile p {
  font-size: 1.25rem !important;
}

.hsm-footer p a:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.hsm-footer p a:hover,
.hsm-footer p a:active {
  text-decoration: underline;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}

.hsm-footer {
  justify-content: space-between;
}

.hsm-footer p,
.hsm-footer-nav a {
  font-family: "open sans semibold", sans-serif !important;
  font-size: clamp(14px, 1vw, 20px) !important;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}

.hsm-footer-nav-desktop {
  display: flex;
}

.hsm-footer-nav-desktop p a {
  font-size: 1.25rem !important;
  padding: 0 1rem !important;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}

.hsm-socialmedia-text {
  /*  padding-right: 15.9375rem !important; */
  padding-left: 2rem;
}

.hsm-footer-socialmedia-icons {
  gap: 1rem !important;
  padding-left: 2rem !important;
}

.hsm-footer-menu-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 1.4375rem !important;
  margin-bottom: 0 !important;
}

@media screen and (width <= 799px) {
  /*  footer {
    display: none !important;
  } */
  footer {
    margin-top: 0 !important;
    padding: 2.1875rem !important;
    height: auto !important;
  }
  .hsm-m-footer p,
  .hsm-m-footer-nav a {
    font-family: "open sans semibold", sans-serif !important;
    font-size: clamp(0.75rem, 2vw, 1rem) !important;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
  }
  .hsm-m-footer-nav a,
  .hsm-m-footer-row-impressum a {
    text-decoration: none;
  }
  .hsm-m-socialmedia-icons {
    justify-content: flex-end !important;
    gap: 0 !important;
  }
  .hsm-m-socialmedia-icons div {
    flex: 0 0 auto !important;
  }
  .hsm-m-footer-row-copyright {
    margin-top: 0.875rem !important;
    margin-bottom: 0 !important;
  }
}
.test {
  margin: 140px 35px !important;
  align-items: stretch !important;
}

.test figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.test img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}/*# sourceMappingURL=app.css.map */