:root {
  --gold: #f1c751;
  --white: white;
  --black: black;
}

.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 {
  color: #1a1b1f;
  font-family: New Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.heading-jumbo {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
}

.paragraph-light {
  opacity: .6;
}

.section {
  margin-left: 30px;
  margin-right: 30px;
}

.section.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 9px 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 20px 50px;
  display: flex;
}

.logo-image {
  display: block;
}

.navigation-wrap {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact {
  padding-top: 80px;
  padding-bottom: 90px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-wrap {
  width: 100%;
  height: 100%;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.text-label {
  opacity: .7;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: New Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.button-arrow {
  flex: none;
  margin-left: 20px;
  display: inline-block;
}

.section-3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.paragraph-70 {
  opacity: .7;
  color: #1a1b1f;
  margin-bottom: 10px;
  font-family: New Montserrat, sans-serif;
  font-style: normal;
  display: block;
}

.paragraph-70.white {
  color: #fff;
  font-family: New Montserrat, sans-serif;
  line-height: 20px;
}

.paragraph-70.infotext {
  font-size: 12px;
  line-height: 16px;
}

.paragraph-70.liste {
  margin-bottom: 0;
}

.paragraph-70.oeoeoe {
  margin-top: 20px;
}

.paragraph-70.abstand-klein {
  margin-top: 20px;
  margin-bottom: 40px;
}

.deco-dot {
  width: 12px;
  height: 6px;
  background-color: #0e4194;
  flex: none;
  margin-top: 7px;
  margin-right: 30px;
}

.size1-text {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: New Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
}

.size1-text.size1-top-clear {
  margin-top: 0;
  font-size: 34px;
}

.content16-left-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.content16-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content16-headline-wrap {
  margin-bottom: 36px;
}

.section-4 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 0 36px 60px;
}

.content20-item-wrap {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 20px;
  display: flex;
}

.section-5 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
}

.size3-text {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.content29-qa-item-wrap {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.content29-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content29-qa-item {
  padding-right: 103px;
}

.content35-pictures-feed {
  min-height: 273px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.content35-feed-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .2s;
}

.content35-feed-image:hover {
  opacity: .8;
}

.content35-feed-image.content35-image1 {
  background-image: url('../images/Fensterbau_Sylt_Broder-4.webp');
  background-position: 50%;
  background-size: cover;
}

.content35-feed-image.content35-image4 {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-Terrassentueren-Haustueren-8.webp');
  background-position: 50%;
}

.content35-feed-image.content35-image2 {
  background-image: url('../images/Fenster_Tueren_Tischler_Sylt-8.webp');
  background-position: 50%;
  background-size: cover;
}

.content35-feed-image.content35-image3 {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-4.webp');
  background-position: 50%;
}

.button-label-2 {
  font-family: New Montserrat, sans-serif;
}

.button-label-2.label3 {
  font-size: 18px;
  line-height: 22px;
}

.button-small-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(197, 26, 27, .83);
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-2:hover {
  color: #fff;
  background-color: #c51a1b;
}

.button-small-2.b2 {
  background-color: rgba(78, 111, 133, .91);
  margin-bottom: 7px;
}

.button-small-2.blue {
  background-color: rgba(14, 65, 148, .74);
}

.button-small-2.blue:hover {
  background-color: #0e4194;
}

.button-small-2.abstand {
  margin-bottom: 7px;
  display: none;
}

.button-small-2.telefon {
  justify-content: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 4%;
  font-size: 13px;
}

.hero5-image-wrap {
  min-height: 640px;
  color: #fff;
  background-image: linear-gradient(rgba(24, 24, 29, .5), rgba(24, 24, 29, .5));
  border-bottom: 4px solid #ecb211;
  justify-content: center;
  align-items: center;
  padding: 60px 36px;
  display: flex;
}

.hero5-image-wrap.slide1 {
  background-image: linear-gradient(rgba(24, 24, 29, .5), rgba(24, 24, 29, .5)), url('../images/Fensterbau_Sylt_Broder-2.webp');
  background-position: 0 0, 50% 43%;
  background-size: auto, cover;
  border: 1px solid #000;
  border-bottom: 6px solid #c51a1b;
  padding-top: 150px;
}

.hero5-image-wrap.slide2 {
  background-image: linear-gradient(rgba(24, 24, 29, .5), rgba(24, 24, 29, .5)), url('../images/Broder-Sylt-Fenster-Tueren-3.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border-bottom-color: #1b74a3;
  padding-top: 150px;
}

.hero5-image-wrap.slide3 {
  background-image: linear-gradient(rgba(24, 24, 29, .5), rgba(24, 24, 29, .5)), url('../images/Broder-Sylt-Fenster-Tueren-Terrassentueren-Haustueren-4.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom-color: #1b74a3;
  padding-top: 150px;
}

.hero5-image-wrap.slide4 {
  background-image: linear-gradient(rgba(24, 24, 29, .5), rgba(24, 24, 29, .5)), url('../images/Broder-Sylt-Fenster-Tueren-Terrassentueren-Haustueren-3.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom-color: #9ed7f5;
  padding-top: 150px;
}

.hero5-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.hero5-content {
  max-width: 600px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.size1-text-2 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: New Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 29px;
}

.hero5-text {
  flex: 1;
  margin-bottom: 30px;
}

.product5-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.home-sections-label {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  bottom: 120px;
}

.homepage-layouts-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.product3-content-wrap {
  margin-top: 26px;
}

.section-7 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 60px 36px;
  font-style: normal;
}

.slider {
  height: 640px;
}

.slide-nav {
  color: #fff;
  font-size: 8px;
}

.left-arrow {
  width: 26px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.left-arrow:hover {
  background-color: rgba(43, 157, 217, .23);
}

.right-arrow {
  width: 26px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  line-height: 16px;
}

.right-arrow:hover {
  background-color: rgba(43, 157, 217, .23);
}

.icon, .icon-2 {
  font-size: 22px;
}

.heading {
  font-family: New Montserrat, sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.button-text-2 {
  color: #18181d;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.content33-items-wrap {
  color: #fff;
  background-color: #505057;
  padding: 45px 50px 35px;
}

.content33-content-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.content33-contacts-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content33-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content33-divider {
  height: 1px;
  background-color: #292931;
  margin-top: 30px;
  margin-bottom: 30px;
}

.size1-text-3 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: New Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}

.content33-label-headline {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.column, .column-2 {
  padding-left: 0;
}

.section-8 {
  height: 350px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.section-8.startseite {
  background-image: url('../images/Korbus-Thielking-Hamburg-1.jpg');
  background-position: 0%;
  background-attachment: fixed;
}

.section-9 {
  color: #fff;
  background-color: #505057;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.dropdown-toggle {
  text-transform: uppercase;
  padding: 9px 10px;
  font-weight: 500;
}

.section-10 {
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
}

.section-10.kontakt {
  background-image: none;
  background-position: 50% 78%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.section-10.sanit-rinstallation {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-3.webp');
  background-position: 50% 100%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.section-10.heizungstechnik {
  background-image: url('../images/Heizungsbau-Hamburg-Korbus--Thielking4.jpg');
  background-position: 50% 80%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.section-10.lueftungstechnik {
  background-image: url('../images/Lueftungstechnik-Hamburg-Korbus.jpg');
  background-position: 50% 55%;
  background-size: cover;
}

.section-10.hausanschluss {
  background-image: url('../images/Haus-Sanitaertechnik-Hamburg-Korbus-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-10.karriere {
  background-image: url('../images/Sanitarinstallation-Hamburg-Korbus-Thielking-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-10.terrassentueren {
  background-image: url('../images/Fensterbau-und-Fensterhersteller-Sylt-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-10.fenster_sylt {
  background-image: url('../images/Fenster_Tueren_Tischler_Sylt-11.webp');
  background-position: 50% 91%;
  background-size: cover;
}

.section-10.haustueren_sylt {
  background-image: url('../images/Haustuer-kaufen-Sylt-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-10.sichere-fenster-und-tueren {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-1.webp');
  background-position: 50% 63%;
  background-size: cover;
}

.section-10.broder-sylt {
  background-image: url('../images/Fensterbau_Sylt_Broder-5.webp');
  background-position: 50% 65%;
  background-size: cover;
}

.textlink {
  color: #cf4141;
  display: block;
}

.section-11 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 60px;
  padding-left: 36px;
  padding-right: 36px;
}

.section-11.portfolio {
  margin-top: 0;
  margin-bottom: 0;
}

.content13-grid {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content13-image {
  height: 376px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .2s;
}

.content13-image:hover {
  opacity: .8;
}

.content13-image.allroundhandwerk1 {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-Terrassentueren-Haustueren-4.webp');
}

.content13-image.allroundhandwerk2 {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-1.webp');
  background-position: 100%;
}

.content13-image.allroundhandwerk3 {
  background-image: url('../images/Fenster_Tueren_Tischler_Sylt-8.webp');
}

.content13-image.allroundhandwerk4 {
  background-image: url('../images/Fensterbau_Sylt_Broder-4.webp');
  background-position: 50%;
}

.content13-image.allroundhandwerk5 {
  background-image: url('../images/Broder-Sylt-Fenster-Tueren-2.webp');
  background-position: 50%;
}

.content13-image.allroundhandwerk6 {
  background-image: url('../images/Sanitarinstallation-Hamburg-Korbus-Thielking-1.jpg');
  background-position: 50% 100%;
}

.content13-image.allroundhandwerk7 {
  background-image: url('../images/Haus-Sanitaertechnik-Hamburg-Korbus-2.jpg');
}

.content13-image.allroundhandwerk8 {
  background-image: url('../images/Fussbodenheizung-Hamburg-Korbus-Thielking-2.jpg');
}

.content13-image.allroundhandwerk9 {
  background-image: url('../images/Sanitarinstallation-Hamburg-Korbus-Thielking-5.jpg');
  background-position: 100%;
}

.content13-image.allroundhandwerk10 {
  background-image: url('../images/Heizungsbau-Hamburg-Korbus--Thielking4.jpg');
}

.content13-image.allroundhandwerk11 {
  background-image: url('../images/Heizungsbau-Hamburg-Korbus--Thielking3.jpg');
}

.content13-image.allround-handwerk14 {
  background-image: url('../images/Sanitarinstallation-Hamburg-Korbus-Thielking-4.jpg');
}

.button-label-3 {
  font-family: New Montserrat, sans-serif;
}

.dropdown-link {
  color: #374167;
}

.dropdown-link.w--current {
  color: #1a1b1f;
  font-weight: 600;
}

.dropdown {
  background-color: rgba(255, 255, 255, 0);
}

.dropdown:hover {
  background-color: rgba(209, 209, 209, .78);
}

.dropdown.w--current {
  color: #2b9dd9;
}

.dropdown-list {
  background-color: rgba(221, 221, 221, .07);
}

.dropdown-list.w--open {
  background-color: rgba(255, 255, 255, .77);
}

.cookie-modal {
  z-index: 999;
  background-color: rgba(56, 56, 56, .94);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 5%;
  left: 5%;
  right: auto;
}

.p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: New Montserrat, sans-serif;
  font-size: 12px;
}

.close-btn {
  width: 40px;
  height: 40px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.line {
  width: 15px;
  height: 2px;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
}

.line.rotate-45 {
  transform: rotate(45deg);
}

.line.rotate-min45 {
  transform: rotate(-45deg);
}

.link-3 {
  color: #fff;
  display: inline-block;
}

.link-3:hover {
  color: #fff;
}

.columns {
  font-style: normal;
}

.button-2 {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11px;
}

.button-2:hover {
  color: var(--gold);
}

.social-media {
  z-index: 1000;
  width: 35px;
  height: 60px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 1px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 0;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.social-list-link-2 {
  margin-bottom: 5px;
  margin-left: 9px;
  margin-right: 9px;
  transition: opacity .2s;
}

.social-list-link-2:hover {
  opacity: .5;
}

.navbar-social-icon-2 {
  max-height: 20px;
}

.list-2 {
  color: rgba(78, 111, 133, .85);
  padding-left: 20px;
}

.list-item {
  margin-bottom: 0;
}

.smaller-headline {
  font-size: 26px;
  line-height: 32px;
  display: block;
}

.klimatechnik {
  height: 400px;
  background-image: url('../images/Haus-Sanitaertechnik-Hamburg-Korbus-2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.image {
  margin-top: 51px;
}

.infotext {
  font-size: 12px;
  line-height: 12px;
}

.link-4 {
  display: flex;
}

.link-4.w--current, .link-4.textlink {
  display: inline-block;
}

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

.image-2 {
  margin-right: 11px;
}

.link-5 {
  display: inline-block;
}

.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
  color: #0e4194;
}

.heading-2 {
  text-transform: uppercase;
  font-size: 26px;
  line-height: 32px;
}

.button-small-3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(180, 180, 180, .15);
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-3:hover {
  background-color: #272731;
}

.button-small-3.blackbutton {
  width: auto;
  background-color: rgba(121, 118, 100, .87);
  border-radius: 24px;
  margin-bottom: 5px;
  padding: 12px 32px;
  font-size: 15px;
  position: static;
}

.button-small-3.blackbutton:hover {
  background-color: rgba(84, 122, 43, .91);
}

.button-small-3.blackbutton.w--current {
  padding-left: 20px;
  padding-right: 20px;
}

.button-small-3.blackbutton.anrufen {
  float: left;
  background-color: rgba(211, 130, 46, .81);
  border-radius: 6px;
  justify-content: flex-start;
  margin-right: 12px;
  display: flex;
}

.button-small-3.blackbutton.anrufen:hover {
  background-color: #d3822e;
}

.button-small-3.blackbutton.anrufen.titlebutton {
  background-color: rgba(48, 53, 61, .77);
  border-radius: 6px;
}

.button-small-3.blackbutton.anrufen.titlebutton:hover {
  background-color: #30353d;
}

.button-label-4 {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 300;
}

.button-small-4 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(207, 65, 65, .86);
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small-4:hover {
  background-color: #cf4141;
}

.button-small-4.blackbutton {
  width: auto;
  background-color: rgba(121, 118, 100, .87);
  border-radius: 24px;
  margin-bottom: 5px;
  padding: 12px 32px;
  font-size: 15px;
  position: static;
}

.button-small-4.blackbutton:hover {
  background-color: rgba(84, 122, 43, .91);
}

.button-small-4.blackbutton.w--current {
  padding-left: 20px;
  padding-right: 20px;
}

.button-small-4.blackbutton.anrufen {
  float: left;
  background-color: #e8e8e8;
  border-radius: 6px;
  justify-content: flex-start;
  margin-right: 12px;
  display: flex;
}

.button-small-4.blackbutton.anrufen:hover {
  background-color: #cf4141;
}

.button-small-4.blackbutton.anrufen {
  float: left;
  background-color: rgba(211, 130, 46, .81);
  border-radius: 6px;
  justify-content: flex-start;
  margin-right: 12px;
  display: flex;
}

.button-small-4.blackbutton.anrufen:hover {
  background-color: #d3822e;
}

.button-small-4.blackbutton.anrufen.titlebutton {
  background-color: rgba(14, 65, 148, .84);
  border-radius: 6px;
}

.button-small-4.blackbutton.anrufen.titlebutton:hover {
  color: #fff;
  background-color: #30353d;
}

.image-5 {
  margin-right: 8px;
}

.button-label-5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 300;
}

.button-label-6 {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 300;
}

.untertitel-h2 {
  font-size: 26px;
  line-height: 32px;
}

.slider-titel {
  text-transform: uppercase;
  font-size: 26px;
  line-height: 32px;
}

.content13-grid-2 {
  width: 100%;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  display: grid;
}

.content13-image-2 {
  height: 376px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  transition: opacity .2s;
}

.content13-image-2:hover {
  opacity: .8;
}

.content13-image-2.sicherheitsbeschlag-haustuer {
  background-image: url('../images/Sicherheitsbeschlag-Haustuer-Sylt-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.content13-image-2.massive-verarbeitung-haustuer {
  background-image: url('../images/Sicherheitsbeschlag-Haustuer-Sylt-4.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.content13-image-2.content13-image3 {
  background-image: url('../images/Klassische-Fenster-Sylt-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.content13-image-2.haustuer-produzent-sylt {
  background-image: url('../images/Haustuer-kaufen-Sylt-3.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.content13-image-2.sicherheitsbeschlag-haustuer-sylt {
  background-image: url('../images/Sicherheitsbeschlag-Haustuer-Sylt-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.content13-image-2.haustuer-sylt {
  background-image: url('../images/Klassische-Fenster-Sylt-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.content13-image-2.terrassentuer-sylt {
  background-image: url('../images/Fenster--und-Tuerenbauer-Sylt-5.jpg');
  background-position: 50% 38%;
  background-size: cover;
}

.content13-image-2.terrassentuer-sylt-beschlag {
  background-image: url('../images/Sicherheitsbeschlag-Einbruchhemmend-Fenster-und-Tueren-7.jpg');
  background-position: 50% 34%;
  background-size: cover;
}

.content13-image-2.terrassentuer-kaufen-sylt {
  background-image: url('../images/Klassische-Fenster-Sylt-2.jpg');
  background-size: cover;
}

.content13-image-2.terrassentuer-produzent-sylt {
  background-image: url('../images/Sicherheitsbeschlag-Einbruchhemmend-Fenster-und-Tueren-5.jpg');
  background-position: 50% 78%;
  background-size: cover;
}

.content13-image-2.hochwertige-beschlaege-terrassentuer {
  background-image: url('../images/Fensterbau-und-Fensterhersteller-Sylt-2.jpg');
  background-position: 50% 27%;
  background-size: cover;
}

.heading-3 {
  text-transform: none;
  font-size: 26px;
  line-height: 32px;
}

.text-span {
  color: #0f4194;
}

@media screen and (max-width: 991px) {
  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: #fff;
  }

  .navigation {
    background-color: #fff;
    padding: 25px 30px;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-wrap {
    margin-right: 0;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .section-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content16-left-column {
    margin-bottom: 30px;
  }

  .content16-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-4 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content20-item-wrap {
    margin-top: 0;
  }

  .section-5 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content29-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .content29-qa-item {
    padding-right: 0;
  }

  .content35-pictures-feed {
    min-height: 170px;
  }

  .button-small-2.abstand {
    display: flex;
  }

  .button-small-2.telefon {
    display: none;
  }

  .hero5-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .size1-text-2 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 30px;
  }

  .product5-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .home-sections-label {
    margin-bottom: 30px;
    position: static;
  }

  .homepage-layouts-grid {
    grid-column-gap: 24px;
  }

  .section-7 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .slider {
    margin-top: 50px;
  }

  .content33-content {
    margin-bottom: 20px;
  }

  .content33-content-wrap {
    padding-left: 0;
  }

  .content33-contacts-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    margin-bottom: 30px;
  }

  .content33-grid {
    width: 100%;
    max-width: 738px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .section-11 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content13-grid {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dropdown, .text-block-2, .dropdown-2 {
    text-align: center;
  }

  .social-media {
    width: 30px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .telefonmobil {
    width: 40px;
    height: 40px;
    background-color: #c51a1b;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-4 {
    margin-right: 13px;
  }

  .button-small-3.blackbutton, .button-small-4.blackbutton {
    font-size: 13px;
    line-height: 20px;
  }

  .content13-grid-2 {
    width: 100%;
    max-width: 738px;
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .container {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-contact {
    padding: 15px;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .navigation.mobilenav {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo-image.mobile-logos {
    width: 249px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

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

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .text-label {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 15px;
  }

  .section-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-70 {
    font-size: 14px;
    line-height: 22px;
  }

  .size1-text {
    margin-top: 1px;
    font-size: 25px;
    line-height: 32px;
  }

  .content16-left-column {
    margin-bottom: 20px;
  }

  .content16-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .content16-headline-wrap {
    margin-bottom: 26px;
  }

  .section-4, .section-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content29-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .content29-qa-item {
    padding-right: 0;
  }

  .content35-pictures-feed {
    min-height: 180px;
    grid-template: "."
    / 1fr 1fr 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .button-label-2 {
    font-size: 13px;
    line-height: 18px;
  }

  .button-small-2 {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .hero5-image-wrap {
    min-height: 600px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero5-image-wrap.slide3 {
    min-height: 100%;
  }

  .hero5-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero5-content {
    max-width: none;
    text-align: center;
    align-items: center;
  }

  .size1-text-2 {
    font-size: 22px;
    line-height: 25px;
  }

  .product5-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .home-sections-label {
    margin-bottom: 0;
  }

  .homepage-layouts-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .section-7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    justify-items: end;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .slider {
    height: 600px;
    margin-top: 20px;
  }

  .slide-nav {
    display: none;
  }

  .heading {
    font-size: 25px;
    line-height: 32px;
  }

  .content33-items-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content33-contacts-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .content33-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .size1-text-3 {
    font-size: 34px;
    line-height: 42px;
  }

  .section-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content13-grid {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 18px;
  }

  .cookie-modal {
    margin-right: 30px;
    bottom: 17%;
  }

  .p {
    line-height: 18px;
  }

  .button-2 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
  }

  .social-media {
    width: 30px;
    top: 14%;
    bottom: 14%;
    right: 1%;
  }

  .smaller-headline {
    font-size: 22px;
    line-height: 25px;
  }

  .telefonmobil {
    width: 36px;
    height: 35px;
  }

  .image-3 {
    width: 24px;
  }

  .heading-2 {
    font-size: 22px;
    line-height: 26px;
  }

  .button-small-3 {
    font-size: 12px;
    line-height: 20px;
  }

  .button-small-3.blackbutton {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-small-4 {
    font-size: 12px;
    line-height: 20px;
  }

  .button-small-4.blackbutton {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-label-5 {
    font-size: 14px;
  }

  .untertitel-h2 {
    font-size: 22px;
    line-height: 25px;
  }

  .content13-grid-2 {
    max-width: none;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button {
    flex: none;
    margin-top: 12px;
    margin-left: 27px;
  }

  .menu-button.w--open {
    flex: none;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap {
    flex-direction: column;
  }

  .text-label {
    line-height: 19px;
  }

  .button-arrow {
    margin-left: 10px;
  }

  .section-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-70.white {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
  }

  .size1-text {
    font-size: 25px;
    line-height: 32px;
  }

  .size1-text.size1-top-clear {
    font-size: 22px;
    line-height: 28px;
  }

  .content16-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-5 {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content29-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content35-pictures-feed {
    min-height: 350px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .button-label-2 {
    font-size: 12px;
  }

  .button-label-2.label3 {
    font-size: 16px;
    line-height: 22px;
  }

  .button-small-2 {
    flex: none;
    align-self: stretch;
    padding: 8px 20px;
    line-height: 20px;
  }

  .hero5-image-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero5-image-wrap.slide1 {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Broder-Sylt-Fenster-Tueren-Terrassentueren-Haustueren-7.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    margin-top: 0;
    padding-top: 0;
  }

  .hero5-image-wrap.slide2 {
    padding-top: 0;
  }

  .hero5-image-wrap.slide3 {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .hero5-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero5-text {
    max-width: 100%;
    flex: 1;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .product5-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .homepage-layouts-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr;
  }

  .section-7 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slider {
    height: 450px;
    margin-top: 0;
  }

  .heading {
    width: auto;
    max-width: 100%;
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .content33-items-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 25px 30px 15px;
    display: none;
  }

  .content33-contacts-grid {
    grid-column-gap: 12px;
  }

  .content33-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .size1-text-3 {
    font-size: 25px;
    line-height: 30px;
  }

  .section-11 {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .content13-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content13-image {
    height: 260px;
  }

  .button-label-3 {
    font-size: 11px;
  }

  .dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 22px;
  }

  .cookie-modal {
    bottom: 5%;
  }

  .p {
    line-height: 18px;
  }

  .button-2 {
    width: 100%;
    clear: left;
    flex: 0 auto;
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 14px;
    display: block;
  }

  .smaller-headline {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .telefonmobil {
    width: 29px;
    height: 29px;
  }

  .image-3 {
    width: 20px;
  }

  .image-4 {
    margin-right: 10px;
  }

  .heading-2 {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
  }

  .button-small-3 {
    flex: none;
    align-self: stretch;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 20px;
  }

  .button-small-3.blackbutton {
    text-align: center;
    justify-content: space-between;
    padding: 8px 20px;
    display: flex;
  }

  .button-small-3.blackbutton.anrufen {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-label-4 {
    text-align: left;
    font-size: 15px;
  }

  .button-small-4 {
    flex: none;
    align-self: stretch;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 20px;
  }

  .button-small-4.blackbutton {
    text-align: center;
    justify-content: space-between;
    padding: 8px 20px;
    display: flex;
  }

  .button-small-4.blackbutton.anrufen {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-label-5 {
    text-align: left;
    font-size: 12px;
  }

  .button-label-6 {
    text-align: left;
    font-size: 15px;
  }

  .untertitel-h2 {
    font-size: 20px;
    line-height: 242px;
  }

  .slider-titel {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
  }

  .content13-grid-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content13-image-2 {
    height: 260px;
  }
}

#w-node-_947aaeb2-f358-27a5-a6bf-de9beafbe411-28074da7 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_4a056a2e-3a9e-e438-349d-1fc60133ceae-28074da7, #w-node-cead82ff-58d2-0eb8-c3cf-7c5d89e25374-28074da7, #w-node-a1dee135-b194-39f8-0488-c06136758492-28074da7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_683695f3-90b3-1f9c-a78b-16ed905fbb00-28074da7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: start;
}

#w-node-_7647d62b-901f-1c99-e7d5-1db4c80c831f-28074da7 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_5fa6d4f1-842b-15d9-b741-81b49b23978a-28074da7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_5fa6d4f1-842b-15d9-b741-81b49b239791-28074da7 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_00b1723e-de13-914f-f4e2-8275b1c15050-28074da7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_00b1723e-de13-914f-f4e2-8275b1c1504e-28074da7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: auto;
}

#w-node-_00b1723e-de13-914f-f4e2-8275b1c15052-28074da7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_00b1723e-de13-914f-f4e2-8275b1c15051-28074da7 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_00b1723e-de13-914f-f4e2-8275b1c1504f-28074da7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_33babd9f-def7-23fa-bf92-1c4927d3dcc5-27d3dcc3 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_8e0299ae-d50a-80a2-2309-d2537568a2f6-27d3dcc3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-b7074daf {
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: start;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-b7074daf {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-14074db0 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: start;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-14074db0 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-87074db2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: start;
}

#w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-87074db2 {
  grid-area: 1 / 7 / 2 / 17;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-87074dc1 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_297afe26-77d1-ba80-1377-081f9c4416ae-87074dc1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-166982c7 {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-_33c71860-a398-18d9-813f-6ee1a6d7dc5c-166982c7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_959a035d-8dc1-55c6-c029-58e27ca763b4-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b5-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b8-166982c7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_959a035d-8dc1-55c6-c029-58e27ca763b7-166982c7 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_959a035d-8dc1-55c6-c029-58e27ca763b6-166982c7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-6ce25b5c {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-6ce25b5c {
  grid-area: 1 / 5 / 2 / 13;
}

#w-node-e798a22e-1605-9213-fbef-072c7631d7e6-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e4-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e5-6ce25b5c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e798a22e-1605-9213-fbef-072c7631d7e7-6ce25b5c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-e798a22e-1605-9213-fbef-072c7631d7e8-6ce25b5c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-dcfb4054 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-dcfb4054 {
  grid-area: 1 / 5 / 2 / 13;
}

@media screen and (max-width: 991px) {
  #w-node-_947aaeb2-f358-27a5-a6bf-de9beafbe411-28074da7, #w-node-_4a056a2e-3a9e-e438-349d-1fc60133ceae-28074da7, #w-node-cead82ff-58d2-0eb8-c3cf-7c5d89e25374-28074da7, #w-node-a1dee135-b194-39f8-0488-c06136758492-28074da7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_683695f3-90b3-1f9c-a78b-16ed905fbb00-28074da7 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: start;
  }

  #w-node-_7647d62b-901f-1c99-e7d5-1db4c80c831f-28074da7 {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_5fa6d4f1-842b-15d9-b741-81b49b23978a-28074da7, #w-node-_5fa6d4f1-842b-15d9-b741-81b49b239791-28074da7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_00b1723e-de13-914f-f4e2-8275b1c15050-28074da7 {
    grid-area: 3 / 5 / 4 / 9;
  }

  #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504e-28074da7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: auto;
  }

  #w-node-_00b1723e-de13-914f-f4e2-8275b1c15052-28074da7 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_00b1723e-de13-914f-f4e2-8275b1c15051-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504f-28074da7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_33babd9f-def7-23fa-bf92-1c4927d3dcc5-27d3dcc3 {
    grid-column: 1 / 9;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-b7074daf {
    grid-area: span 1 / span 8 / span 1 / span 8;
    justify-self: start;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-b7074daf {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-14074db0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    justify-self: start;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-14074db0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-87074db2 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    justify-self: start;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-87074db2, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-87074dc1, #w-node-_297afe26-77d1-ba80-1377-081f9c4416ae-87074dc1, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-166982c7, #w-node-_33c71860-a398-18d9-813f-6ee1a6d7dc5c-166982c7 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b4-166982c7 {
    grid-area: 3 / 5 / 4 / 9;
  }

  #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b8-166982c7 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b7-166982c7, #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-6ce25b5c, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-6ce25b5c {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-e798a22e-1605-9213-fbef-072c7631d7e6-6ce25b5c {
    grid-area: 3 / 5 / 4 / 9;
  }

  #w-node-e798a22e-1605-9213-fbef-072c7631d7e7-6ce25b5c {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-e798a22e-1605-9213-fbef-072c7631d7e8-6ce25b5c {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-dcfb4054, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-dcfb4054 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_947aaeb2-f358-27a5-a6bf-de9beafbe411-28074da7, #w-node-_4a056a2e-3a9e-e438-349d-1fc60133ceae-28074da7, #w-node-cead82ff-58d2-0eb8-c3cf-7c5d89e25374-28074da7, #w-node-a1dee135-b194-39f8-0488-c06136758492-28074da7 {
    grid-column: span 6 / span 6;
  }

  #w-node-_683695f3-90b3-1f9c-a78b-16ed905fbb00-28074da7 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: start;
  }

  #w-node-_5fa6d4f1-842b-15d9-b741-81b49b23978a-28074da7, #w-node-_5fa6d4f1-842b-15d9-b741-81b49b239791-28074da7 {
    grid-column: span 6 / span 6;
  }

  #w-node-_00b1723e-de13-914f-f4e2-8275b1c15050-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504e-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c15052-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c15051-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504f-28074da7, #w-node-_33babd9f-def7-23fa-bf92-1c4927d3dcc5-27d3dcc3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-b7074daf, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-b7074daf, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-14074db0, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-14074db0, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-87074db2, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-87074db2, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-87074dc1, #w-node-_297afe26-77d1-ba80-1377-081f9c4416ae-87074dc1, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-166982c7, #w-node-_33c71860-a398-18d9-813f-6ee1a6d7dc5c-166982c7 {
    grid-column: span 6 / span 6;
  }

  #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b4-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b5-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b8-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b7-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b6-166982c7 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-6ce25b5c, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-6ce25b5c {
    grid-column: span 6 / span 6;
  }

  #w-node-e798a22e-1605-9213-fbef-072c7631d7e6-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e4-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e5-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e7-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e8-6ce25b5c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-dcfb4054, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-dcfb4054 {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_947aaeb2-f358-27a5-a6bf-de9beafbe411-28074da7, #w-node-cead82ff-58d2-0eb8-c3cf-7c5d89e25374-28074da7, #w-node-a1dee135-b194-39f8-0488-c06136758492-28074da7 {
    grid-column: span 4 / span 4;
  }

  #w-node-_683695f3-90b3-1f9c-a78b-16ed905fbb00-28074da7 {
    grid-area: span 1 / span 12 / span 1 / span 12;
    justify-self: start;
  }

  #w-node-_5fa6d4f1-842b-15d9-b741-81b49b23978a-28074da7, #w-node-_5fa6d4f1-842b-15d9-b741-81b49b239791-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c15050-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504e-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c15052-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c15051-28074da7, #w-node-_00b1723e-de13-914f-f4e2-8275b1c1504f-28074da7, #w-node-_33babd9f-def7-23fa-bf92-1c4927d3dcc5-27d3dcc3, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-b7074daf, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-b7074daf, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-14074db0, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-14074db0, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e3285a-87074db2, #w-node-_4e110c95-8dad-dce4-e1e7-4fb4d4e32869-87074db2, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-87074dc1, #w-node-_297afe26-77d1-ba80-1377-081f9c4416ae-87074dc1, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-166982c7, #w-node-_33c71860-a398-18d9-813f-6ee1a6d7dc5c-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b4-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b5-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b8-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b7-166982c7, #w-node-_959a035d-8dc1-55c6-c029-58e27ca763b6-166982c7, #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-6ce25b5c, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e6-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e4-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e5-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e7-6ce25b5c, #w-node-e798a22e-1605-9213-fbef-072c7631d7e8-6ce25b5c, #w-node-a45195c1-dfee-c8fb-133d-a46173201fd8-dcfb4054, #w-node-a45195c1-dfee-c8fb-133d-a46173201fdd-dcfb4054 {
    grid-column: span 4 / span 4;
  }
}


@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'New Montserrat';
  src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}