@font-face {
  font-family: PilatusMedium;
  src: url('../fonts/font_PilatusMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: PilatusRegular;
  src: url('../fonts/font.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Font_PilatusMedium;
  src: url('../fonts/font_PilatusMedium.woff2') format("woff2"), url('../fonts/font_PilatusMedium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font_PilatusRegular;
  src: url('../fonts/font_PilatusRegular.woff2') format("woff2"), url('../fonts/font_PilatusRegular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #f1f1f1;
  --black: black;
  --rosy-brown: #bb7975;
  --color-iab: #e19570;
  --color-mhm: #e6cfab;
  --color-tub: #adb79b;
  --color-beratung: #708185;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--white);
  color: #000;
  flex-direction: column;
  font-family: Font_PilatusRegular, sans-serif;
  font-size: 28px;
  line-height: 36px;
  display: flex;
}

h1 {
  margin-top: 17vh;
  margin-bottom: 100px;
  font-size: 4.2vw;
  font-weight: 400;
  line-height: 1.05;
}

h2 {
  text-align: left;
  letter-spacing: 1.02px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: PilatusRegular, Arial, sans-serif;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 1.1;
}

h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: PilatusMedium, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 24px;
}

p {
  margin-bottom: 0;
  font-size: 26px;
}

a {
  color: var(--black);
  text-decoration: none;
}

.themen-wrapper {
  z-index: 50;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.bereiche {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  margin-left: 0;
  position: absolute;
}

.bereiche.iab {
  left: 25%;
}

.bereiche.tub {
  left: 50%;
}

.bereiche.beratung {
  left: 75%;
}

.headline-wrapper {
  justify-content: center;
  align-items: center;
  position: fixed;
}

.container {
  width: 100%;
  padding-left: 16vw;
  padding-right: 16vw;
}

.container._160px.slider {
  width: 100%;
  padding-left: 16svw;
  padding-right: 0;
}

.container.cta {
  background-image: url('../images/MW_Massivholz.png');
  background-position: 71vw 100%;
  background-repeat: no-repeat;
  background-size: auto 96%;
}

.container.cta.mathias {
  background-color: var(--rosy-brown);
}

.container.cta.color-iab {
  background-color: var(--color-iab);
  background-image: url('../images/MW_Innenausbau.png');
}

.container.cta.color-mhm {
  background-color: var(--color-mhm);
}

.container.cta.color-tub {
  background-color: var(--color-tub);
  background-image: url('../images/MW_Totalumbau.png');
}

.container.cta.color-beratung {
  background-color: var(--color-beratung);
  background-image: url('../images/MW_Beratung.png');
}

.text-span {
  font-family: Font_PilatusMedium, sans-serif;
  font-weight: 500;
}

.h2_titelthema {
  text-align: center;
  margin-top: 57svh;
  font-family: PilatusMedium, Arial, sans-serif;
  font-size: 1.6vw;
  font-weight: 500;
  position: relative;
  inset: 0%;
}

.mhm-img-1 {
  border: 10px solid var(--white);
  object-fit: cover;
  background-image: url('../images/230509_us_1371_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 40%;
  height: 400px;
  margin-top: 15vh;
  margin-left: 10%;
}

.mhm-img-2 {
  border: 10px solid var(--white);
  background-image: url('../images/230509_us_1275_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 410px;
}

.tub-img-3 {
  border: 10px solid var(--white);
  background-image: url('../images/TUB_2_2_230509_us_4910_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 30%;
  height: 42vh;
  margin-top: -12vh;
  margin-left: -21%;
  margin-right: 1%;
}

.image-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.holz-button {
  margin-top: 2%;
  margin-left: -4%;
  position: absolute;
}

.text-wrapper-2colums {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bullet {
  width: 91.5%;
}

.dash {
  background-color: #000;
  width: 80%;
  height: 3px;
  margin-top: 16px;
}

.dash-wrapper {
  width: 8.5%;
}

.bullet-wrapper {
  margin-bottom: 20px;
}

.bullet-wrapper-width {
  width: 90%;
}

.button {
  background-color: var(--white);
  color: #000;
  border: 2px solid #000;
  margin-bottom: 60px;
  margin-right: 75px;
  padding: 10px 50px 12px;
  font-size: 26px;
  position: relative;
}

.medium {
  font-family: PilatusMedium, Arial, sans-serif;
  font-weight: 500;
}

.footer {
  background-color: var(--white);
  border-bottom: 1px solid #e4ebf3;
  margin-top: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-link-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}

.footer-text {
  width: 350px;
  font-family: PilatusMedium, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.footer-link {
  color: #1a1b1f;
  font-size: 20px;
  line-height: 1.3;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.cta {
  padding-top: 60px;
  padding-bottom: 60px;
}

._80 {
  width: 80%;
  position: relative;
}

._60px {
  margin-bottom: 60px;
}

.splide {
  position: relative;
}

.splide__list {
  display: flex;
}

.splide__slide {
  flex-direction: column;
  flex: none;
  width: 50%;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.legende {
  font-size: 22px;
  line-height: 1.3;
}

.arbeitsbeispiel_img {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 650px;
}

.arbeitsbeispiel_img.position-oben {
  object-position: 50% 25%;
}

.arbeitsbeispiel_img.beizentisch {
  object-position: 50% 70%;
}

.arbeitsbeispiel_img.haus_aussen {
  object-position: 50% 26%;
}

.arbeitsbeispiel_img.position-unten {
  object-position: 50% 100%;
}

.section {
  margin-bottom: 160px;
}

.section.overflow {
  position: static;
  overflow: hidden;
}

.section.margin {
  margin-bottom: 0;
}

.section.margin-bottom-120 {
  margin-bottom: 120px;
}

.h3_arbeitsbeispiele {
  margin-top: 30px;
  margin-bottom: 8px;
  font-family: PilatusMedium, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.slider-css {
  height: 0;
  position: fixed;
}

.splide__arrows {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.splide__arrow--prev {
  transform: rotate(-180deg);
}

.splide__arrow--next {
  margin-right: 20px;
}

.track {
  width: 100%;
  height: 100vw;
}

.text-span-2 {
  font-family: PilatusMedium, Arial, sans-serif;
  font-weight: 500;
}

.auszeichnung {
  font-family: PilatusMedium, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.horizontal-scroll {
  width: 100%;
  overflow: hidden;
}

.items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 100px;
  display: flex;
  overflow: auto;
}

.nav {
  z-index: 1000;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-button {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 40px;
  height: 40px;
  margin: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.menu-line {
  background-color: #000;
  height: 3px;
}

.menu-bg {
  z-index: 900;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.menu-sidebar {
  background-color: #f2f2f2;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  display: flex;
}

.nav-link1 {
  font-size: 4.4vw;
  line-height: 1.05;
}

.menu-links-wrapper-65 {
  grid-row-gap: 20px;
  width: 65%;
  padding: 0;
}

.navlink2 {
  padding-top: 0;
  font-size: 3vw;
  line-height: 1.05;
}

.cell {
  justify-content: flex-end;
}

.bg_mask {
  z-index: 10;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-massivholz {
  z-index: 8;
  background-color: var(--color-mhm);
  width: 100%;
  height: 100%;
  margin-left: -75%;
  position: absolute;
  inset: 0%;
}

.bg-innenausbau {
  z-index: 6;
  background-color: var(--color-iab);
  width: 100%;
  height: 100%;
  margin-left: -50%;
  position: absolute;
  inset: 0%;
}

.bg-totalumbau {
  z-index: 4;
  background-color: var(--color-tub);
  width: 100%;
  height: 100%;
  margin-left: -25%;
  position: absolute;
  inset: 0%;
}

.bg-beratung {
  z-index: 2;
  background-color: var(--color-beratung);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mw-wrapper {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.themen-link {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.themen-link.w--current {
  position: absolute;
  inset: 0%;
}

.image-mw {
  opacity: 1;
  object-fit: contain;
  height: 48%;
  max-height: 600px;
  position: fixed;
  inset: auto 0% 0%;
}

.image-mw.iab {
  margin-left: -70px;
  position: fixed;
  bottom: 0%;
  left: 25%;
}

.image-mw.tab {
  margin-left: -70px;
  left: 50%;
}

.image-mw.mhm {
  margin-left: -85px;
}

.image-mw.brt {
  margin-left: -40px;
  left: 75%;
}

.img-mathias {
  object-fit: cover;
  object-position: 50% 10%;
  width: 100%;
  max-height: 900px;
}

._2-columns {
  column-count: 2;
  column-gap: 40px;
}

.link-block {
  width: 240px;
  position: relative;
}

.this-item {
  width: 40vw;
  padding-left: 16vw;
}

.item-text-wrapper {
  width: 300px;
  height: 100%;
  padding-top: 25vh;
}

.item-text-wrapper.ohnepadding {
  padding-right: 0;
}

.next-item {
  padding-left: 40px;
  padding-right: 16vw;
}

.next-item-link {
  width: 100%;
}

.aspect-ratio__hoch {
  width: 100%;
  height: 100%;
  position: relative;
}

.ratio-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.aspect-ratio__quer {
  height: 100%;
  display: flex;
  position: relative;
}

.nav-bg {
  z-index: 0;
  height: 100px;
  position: fixed;
  inset: 0% 0% auto;
}

.h2-20margin {
  margin-bottom: 20px;
}

.back-item-link {
  width: 100%;
  margin-top: 30px;
}

.link-arbeitsbeispiele {
  color: #000;
  text-decoration: none;
}

.iab-img-1 {
  border: 10px solid var(--white);
  object-fit: cover;
  background-image: url('../images/TUB_1_11_ZZ_EFH_wuetrich_14_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 40%;
  height: 49vh;
  margin-left: 10%;
}

.iab-img-2 {
  border: 10px solid var(--white);
  background-image: url('../images/IAB_1_3_230509_us_4252_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 34vh;
  margin-top: 15vh;
}

.iab-img-3 {
  border: 10px solid var(--white);
  background-image: url('../images/IAB_SB_4_230509_us_4711_web.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 43%;
  height: 34vh;
}

.tub-img-1 {
  border: 10px solid var(--white);
  object-fit: cover;
  background-image: url('../images/TUB_2_6_230509_us_4826_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 45%;
  height: 37vh;
  margin-top: 7vh;
  margin-left: 5%;
}

.tub-img-2 {
  border: 10px solid var(--white);
  background-image: url('../images/TUB_SB_230509_us_2009_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 42%;
  height: 56vh;
}

.mhm-img-3 {
  border: 10px solid var(--white);
  background-image: url('../images/230509_us_1015_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 30%;
  height: 420px;
  margin-top: -14vh;
  margin-left: 30%;
}

.beratung-img-1 {
  border: 10px solid var(--white);
  object-fit: cover;
  background-image: url('../images/Beratung_230509_us_2060_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 37vh;
  margin-top: 12vh;
}

.beratung-img-2 {
  border: 10px solid var(--white);
  background-image: url('../images/Beratung_230509_us_2041_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 46%;
  height: 49vh;
  margin-right: 4%;
}

.beratung-img-3 {
  border: 10px solid var(--white);
  background-image: url('../images/Beratung_230509_us_2018_web.jpg');
  background-position: 50%;
  background-size: cover;
  width: 38%;
  height: 42vh;
  margin-left: -4%;
  margin-right: 1%;
}

.menu-wrapper {
  display: flex;
}

.menulinkswrapper-35 {
  width: 35%;
  padding: 0;
}

.spacer {
  width: 80px;
  height: 100%;
  padding-bottom: 10px;
  position: relative;
}

.link-block-2 {
  padding-bottom: .5vh;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-slider {
  width: 100%;
  height: 100vh;
  display: none;
}

.slider-img-wrapper {
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-img {
  height: 35svh;
}

.socialwrapper {
  flex-direction: row;
  display: flex;
}

.socialimg {
  width: 48px;
  height: 48px;
}

.telefonnummer {
  opacity: 0;
  background-color: #f1f1f1;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-left: 25px;
  position: absolute;
  inset: 0%;
}

.telefonnummer:hover {
  opacity: 1;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.image-404 {
  max-width: 20%;
  padding-bottom: 100px;
}

.text-block {
  text-align: left;
}

@media screen and (max-width: 991px) {
  p {
    font-size: 24px;
    line-height: 32px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container._160px.slider {
    padding-left: 30px;
  }

  .container.cta.mathias {
    background-image: url('../images/MW_Massivholz.png');
    background-position: 60vw 100%;
    background-repeat: no-repeat;
    background-size: auto 80%;
  }

  .container.cta.color-iab {
    background-position: 61vw 100%;
    background-size: auto 80%;
  }

  .container.cta.color-mhm {
    background-position: 110% 100%;
    background-size: auto 80%;
  }

  .container.cta.color-tub {
    background-position: 62vw 100%;
    background-size: auto 80%;
  }

  .container.cta.color-beratung {
    background-position: 64vw 100%;
    background-size: auto 80%;
  }

  .h2_titelthema {
    margin-top: 45.2svh;
    font-size: 2.5vw;
  }

  .mhm-img-1 {
    width: 42%;
    height: 360px;
    margin-left: 8%;
  }

  .mhm-img-2 {
    height: 380px;
  }

  .tub-img-3 {
    width: 37%;
    height: 32vh;
    margin-top: -8vh;
    margin-left: -36%;
  }

  .holz-button {
    width: 200px;
    margin-top: 10%;
  }

  .text-wrapper-2colums {
    grid-template-columns: 1fr;
  }

  .bullet-wrapper-width {
    width: 100%;
  }

  .button {
    margin-bottom: 40px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-link-wrapper {
    margin-top: 30px;
  }

  ._80 {
    width: 70%;
  }

  .splide__slide {
    width: 100%;
  }

  .arbeitsbeispiel_img {
    height: 560px;
  }

  .section {
    margin-bottom: 140px;
  }

  .h3_arbeitsbeispiele {
    font-size: 28px;
  }

  .nav {
    height: 80px;
  }

  ._2-columns {
    column-count: 1;
    padding-right: 10vw;
  }

  .link-block {
    width: 200px;
  }

  .this-item {
    width: 50vw;
    padding-left: 20px;
  }

  .next-item {
    width: 50vw;
    padding-left: 10px;
    padding-right: 0;
  }

  .nav-bg {
    height: 80px;
  }

  .h2-20margin {
    font-size: 34px;
  }

  .heading {
    margin-bottom: 60px;
    padding-right: 8vw;
    font-size: 48px;
    line-height: 1.15;
  }

  .heading-2 {
    font-size: 34px;
  }

  .iab-img-1 {
    height: 35vh;
  }

  .iab-img-2 {
    height: 24vh;
    margin-top: 11vh;
  }

  .iab-img-3 {
    height: 30vh;
  }

  .tub-img-1 {
    border-left-width: 0;
    width: 50%;
    height: 26vh;
    margin-top: 6vh;
    margin-left: 0%;
  }

  .tub-img-2 {
    width: 50%;
    height: 40vh;
  }

  .mhm-img-3 {
    width: 32%;
    height: 320px;
    margin-top: -140px;
    margin-left: 32%;
  }

  .beratung-img-1 {
    border-left-width: 0;
    width: 54%;
    height: 28vh;
    margin-top: 8vh;
  }

  .beratung-img-2 {
    height: 36vh;
    margin-right: 0%;
  }

  .beratung-img-3 {
    width: 44%;
    height: 32vh;
  }

  .telefonnummer {
    padding-left: 27px;
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 20px;
    line-height: 30px;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container._160px.slider {
    padding-left: 16px;
    padding-right: 0;
  }

  .container.cta.mathias {
    background-position: 56vw 100%;
    background-size: auto 60%;
  }

  .container.cta.color-iab {
    background-size: auto 60%;
  }

  .container.cta.color-mhm {
    background-position: 112% 100%;
    background-size: auto 65%;
  }

  .container.cta.color-tub, .container.cta.color-beratung {
    background-size: auto 60%;
  }

  .h2_titelthema {
    text-align: center;
    position: absolute;
    inset: auto 0% 0%;
  }

  .mhm-img-1 {
    border-width: 6px;
    height: 180px;
    margin-top: 100px;
  }

  .mhm-img-2 {
    border-width: 6px 0 6px 6px;
    height: 220px;
  }

  .tub-img-3 {
    border-width: 6px;
    height: 300px;
    margin-top: -5vh;
  }

  .holz-button {
    width: 161px;
    margin-top: 0%;
    margin-left: -12%;
  }

  .button {
    margin-bottom: 30px;
    padding: 8px 20px 10px;
    font-size: 26px;
  }

  .footer {
    padding: 20px 10px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-link-wrapper {
    align-self: flex-start;
    align-items: center;
  }

  .footer-text {
    align-self: flex-start;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  ._80 {
    width: 90%;
  }

  .arbeitsbeispiel_img, .arbeitsbeispiel_img.position-oben {
    height: 420px;
  }

  .section {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.margin-bottom-120 {
    margin-bottom: 100px;
  }

  .h3_arbeitsbeispiele {
    font-size: 26px;
  }

  .nav {
    height: 66px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .menu-links-wrapper-65 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-mw.iab, .image-mw.tab, .image-mw.mhm, .image-mw.brt {
    display: none;
  }

  ._2-columns {
    padding-right: 0;
  }

  .link-block {
    width: 160px;
    margin-left: 10px;
  }

  .item-text-wrapper {
    padding-top: 15vh;
  }

  .nav-bg {
    height: 66px;
  }

  .h2-20margin {
    font-size: 30px;
  }

  .heading {
    margin-top: 100px;
    margin-bottom: 40px;
    padding-right: 0;
    font-size: 34px;
  }

  .heading-2 {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .iab-img-1 {
    border-width: 6px;
    height: 300px;
  }

  .iab-img-2 {
    border-width: 6px 0 6px 6px;
    height: 200px;
    margin-top: 100px;
  }

  .iab-img-3 {
    object-fit: cover;
    object-position: 50% 0%;
    border-width: 6px;
    height: 220px;
  }

  .tub-img-1 {
    border-width: 6px 6px 6px 0;
    height: 270px;
  }

  .tub-img-2 {
    border-width: 6px 0 6px 6px;
    width: 44%;
    height: 390px;
    margin-right: 6%;
  }

  .mhm-img-3 {
    border-width: 6px;
    width: 34%;
    height: 240px;
    margin-top: -60px;
    margin-left: 34%;
  }

  .beratung-img-1 {
    border-width: 6px 6px 6px 0;
    height: 230px;
  }

  .beratung-img-2 {
    border-width: 6px 0 6px 6px;
    width: 46%;
    height: 320px;
  }

  .beratung-img-3 {
    border-width: 6px;
    width: 40%;
    height: 280px;
    margin-left: -6%;
  }

  .image {
    padding-bottom: 6px;
  }

  .menulinkswrapper-35 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .socialimg {
    width: 40px;
  }

  .telefonnummer {
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 2px;
  }

  .button-text {
    font-size: 24px;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .container {
    align-self: flex-start;
  }

  .container.cta.mathias {
    background-position: 50vw 100%;
    background-size: auto 380px;
  }

  .container.cta.color-iab {
    background-position: 110% 100%;
    background-size: auto 370px;
  }

  .container.cta.color-mhm {
    background-position: 115% 100%;
    background-size: auto 370px;
  }

  .container.cta.color-tub {
    background-position: 55vw 100%;
    background-size: auto 370px;
  }

  .container.cta.color-beratung {
    background-position: 60vw 100%;
    background-size: auto 380px;
  }

  .h2_titelthema {
    text-align: left;
    margin-top: 57svh;
    margin-bottom: 0;
    font-size: 4.2vw;
    top: auto;
    bottom: auto;
    transform: rotate(-90deg);
  }

  .mhm-img-1 {
    width: 50%;
    height: 170px;
    margin-left: 0%;
  }

  .mhm-img-2 {
    height: 200px;
  }

  .tub-img-3 {
    height: 230px;
    margin-top: -54px;
  }

  .button {
    font-size: 22px;
  }

  .footer-link-wrapper, .footer-text, ._80 {
    width: 100%;
  }

  .arbeitsbeispiel_img {
    height: 380px;
  }

  .section.margin-bottom-120 {
    margin-bottom: 40px;
  }

  .nav-link1 {
    font-size: 30px;
  }

  .menu-links-wrapper-65 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: 100%;
  }

  .navlink2 {
    font-size: 20px;
  }

  .mw-wrapper {
    display: block;
  }

  .image-mw.iab, .image-mw.tab, .image-mw.mhm, .image-mw.brt {
    display: none;
  }

  .this-item {
    width: 100vw;
    margin-right: -76px;
  }

  .item-text-wrapper {
    padding-top: 10vh;
    padding-right: 76px;
  }

  .item-text-wrapper.ohnepadding {
    padding-right: 16px;
  }

  .next-item {
    width: 100vw;
    margin-left: -120px;
    padding-left: 120px;
  }

  .h2-20margin {
    margin-bottom: 10px;
  }

  .heading {
    margin-top: 108px;
    font-size: 30px;
  }

  .tub-img-1 {
    height: 188px;
    margin-top: 40px;
  }

  .tub-img-2 {
    height: 280px;
  }

  .mhm-img-3 {
    height: 220px;
    margin-top: -72px;
  }

  .beratung-img-1 {
    height: 220px;
    margin-top: 80px;
  }

  .beratung-img-2 {
    height: 300px;
  }

  .beratung-img-3 {
    height: 260px;
  }

  .menu-wrapper {
    flex-direction: column;
    margin-top: 18svh;
  }

  .menulinkswrapper-35 {
    grid-row-gap: 14px;
    width: 100%;
    margin-top: 40px;
  }

  .link-block-2 {
    padding-bottom: 0;
  }

  .hero-slider {
    z-index: 40;
    background-color: #fff0;
    width: 100svw;
    height: 100svh;
    display: block;
  }

  .slider-img {
    object-fit: cover;
    height: 70svh;
    margin-bottom: -37svh;
  }

  .slider-img.mhm-slider-img {
    margin-left: -13%;
  }

  .slider-img.tub-slider-img {
    margin-left: 12%;
  }

  .slider-img.beratung-slider-img {
    margin-left: 32%;
  }

  .slide {
    overflow: hidden;
  }

  .socialimg {
    width: 38px;
    height: 38px;
  }

  .telefonnummer {
    padding-left: 5px;
  }

  .button-text {
    font-size: 22px;
  }
}

#w-node-_76f76c98-2478-9cf8-7d82-0cce55fb7e69-5282b952, #w-node-e08799fc-b6df-1c04-aa5b-be86b3508032-5282b952 {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 2.5fr;
}

#w-node-b626e393-3bb1-b487-61ff-b8fc8a3ec765-8a3ec75e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_76f76c98-2478-9cf8-7d82-0cce55fb7e69-5282b952, #w-node-e08799fc-b6df-1c04-aa5b-be86b3508032-5282b952 {
    grid-template-rows: 30px 30px 30px 30px 30px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_76f76c98-2478-9cf8-7d82-0cce55fb7e69-5282b952 {
    grid-template-rows: minmax(auto, 1fr) auto auto auto;
    grid-template-columns: 2.5fr;
  }

  #w-node-e08799fc-b6df-1c04-aa5b-be86b3508032-5282b952 {
    grid-template-rows: 30px 30px 30px 30px;
    grid-template-columns: 2.5fr;
  }
}


@font-face {
  font-family: 'PilatusMedium';
  src: url('../fonts/font_PilatusMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'PilatusRegular';
  src: url('../fonts/font.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Font_PilatusMedium';
  src: url('../fonts/font_PilatusMedium.woff2') format('woff2'), url('../fonts/font_PilatusMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font_PilatusRegular';
  src: url('../fonts/font_PilatusRegular.woff2') format('woff2'), url('../fonts/font_PilatusRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}