/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

/* merriweather-sans-300 - latin */
/* Merriweather Sans - Gewicht 300 */
@font-face {
  font-family: "Merriweather Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/merriweather/merriweather-sans-v22-latin-300.eot")
      format("embedded-opentype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-300.woff2")
      format("woff2"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-300.woff")
      format("woff"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-300.ttf")
      format("truetype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-300.svg#MerriweatherSans")
      format("svg");
}

/* Merriweather Sans - Gewicht 400 (Regular) */
@font-face {
  font-family: "Merriweather Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/merriweather/merriweather-sans-v22-latin-regular.eot")
      format("embedded-opentype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-regular.woff2")
      format("woff2"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-regular.woff")
      format("woff"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-regular.ttf")
      format("truetype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-regular.svg#MerriweatherSans")
      format("svg");
}

/* Merriweather Sans - Gewicht 500 */
@font-face {
  font-family: "Merriweather Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/merriweather/merriweather-sans-v22-latin-500.eot")
      format("embedded-opentype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-500.woff2")
      format("woff2"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-500.woff")
      format("woff"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-500.ttf")
      format("truetype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-500.svg#MerriweatherSans")
      format("svg");
}

/* Merriweather Sans - Gewicht 600 */
@font-face {
  font-family: "Merriweather Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/merriweather/merriweather-sans-v22-latin-600.eot")
      format("embedded-opentype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-600.woff2")
      format("woff2"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-600.woff")
      format("woff"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-600.ttf")
      format("truetype"),
    url("../fonts/merriweather/merriweather-sans-v22-latin-600.svg#MerriweatherSans")
      format("svg");
}
.bgimg-3 {
  background-image: url("../img/img_parallax3.webp");
  min-height: 400px;
  border-radius: 0.3rem;
  margin-bottom: 3rem;
}
.bgimg-3 {
  position: relative;
  background-position: center;
  background-size: cover;
}
.caption {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  text-align: center;
}
.caption h2 {
  font-size: 2.4rem;
  font-weight: 300;
  color: #ffffff;
}
.district-box {
  border: 1px solid #ccc;
  padding: 1em;
  border-radius: 6px;
  background-color: #f9f9f9;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.5rem;
  font-weight: 600;
  color: #333;
}

.district-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}
.angebot-hinweis {
  border-left: 6px solid #f7c51e;
  padding: 30px 25px; /* 30px oben und unten, 25px links und rechts */
  margin: 25px 0;
  font-size: 18px;
  background-color: #fff9e5;
  color: #333;
  font-style: normal;
  line-height: 1.6;
  border-radius: 4px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
  font-weight: 500;
}
.angebot-hinweis p {
  margin: 0;
}

@media (max-width: 768px) {
  .accordion-content {
    padding: 10px; /* Gebe dem Inhalt etwas Abstand */
  }
}

/* Stil für die Überschrift und den Text */
.custom-heading {
  margin-left: 20px; /* Abstand nach links */
  margin-right: 20px; /* Optional: Abstand nach rechts */
  padding-top: 10px; /* Optional: Abstand nach oben */
  padding-bottom: 10px; /* Optional: Abstand nach unten */
  font-size: 1.2rem; /* Beispielgröße für die Schrift */
  font-weight: bold;
}

/* Stil für den Text */
.accordion-content-inner p,
.accordion-content-inner ul {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 20px; /* Der Text bekommt denselben Abstand wie die Überschrift */
  padding-right: 20px; /* Optional: für konsistente Abstände */
}
.accordion ul li {
  margin-bottom: 15px; /* Fügt Abstand zwischen den Listenelementen innerhalb des Accordions hinzu */
}
.accordion {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 1rem; /* Abstand nach unten */
}
.accordion-content-inner p {
  margin: 0 0 1rem 0;
  line-height: 1.4;
}
.accordion-content {
  padding-bottom: 1rem; /* Abstand nach dem geöffneten Bereich */
}
.accordion-content {
  padding: 0 24px;
  overflow: hidden;
  height: 0;
  transition: height 0.7s ease-in-out;
}
.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px 10px 24px;
  background-color: #f5f5f5;
  cursor: pointer;
}

.accordion-header h2 {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  color: #333;
}
.accordion-header h3 {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
}
.accordion-header span {
  font-size: 1.8rem; /* vorher z. B. 1.4rem */
  transition: transform 0.3s ease;
}
.accordion.active .accordion-header span {
  transform: rotate(90deg);
}
.accordion-content-inner {
  padding: 16px 0;
  margin: 0;
}

/*
  =========================================================================================
                                    accordion dielenboden oder parkett
  =========================================================================================
  */
.bezirke-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
}
.bezirke-grid div {
  padding: 15px 20px;
  font-size: 1.1em;
  text-align: center;
}

.h2,
title {
  font-weight: 400;
  font-size: 1.8rem;
}
.bx {
  font-weight: 400;
}
.bg-gray {
  display: flex;
  flex-direction: column; /* Setzt die Flexbox in den Spaltenmodus */
  flex-wrap: wrap; /* Falls notwendig, Elemente auf mehrere Zeilen umbrechen */
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-right: 1.3rem;
  padding-left: 1.3rem;
  background-color: #f5f5f5;
  border-radius: 0.25rem;
}
.display-2text-shadow {
  text-shadow: 3px 3px 13px rgb(151, 137, 76);
}
img.alignleft,
div.alignleft {
  float: left;
  margin: 7px 20px 5px 0;
  max-width: 100%;
}
.text-shadow {
  text-shadow: 4px 4px 13px rgb(113, 146, 129);
}
.text-g {
  font-weight: 600;
  font-size: 1.2rem;
}
.blockquote-footer-start {
  font-weight: 400;
  color: rgb(0, 0, 0);
  padding-left: 30px;
  padding-top: 0px;
  display: block;
  font-size: 1.6rem;
  line-height: 0.01;
  letter-spacing: 1.18em;
  text-shadow: 5px 5px 10px rgb(65, 65, 65);
}
.blockquote-footer-ph {
  font-weight: 400;
  color: rgb(0, 0, 0);
  padding-left: 23px;
  padding-top: 0px;
  display: block;
  font-size: 1.6rem;
  line-height: 0.04;
  letter-spacing: 0.9em;
  text-shadow: 5px 5px 10px rgb(65, 65, 65);
}
.blockquote-footer-start-d {
  font-weight: 400;
  color: rgb(0, 0, 0);
  padding-left: 26px;
  padding-top: 0px;
  display: block;
  font-size: 1.6rem;
  line-height: 0.01;
  letter-spacing: 0.91em;
  text-shadow: 5px 5px 10px rgb(65, 65, 65);
}
.blockquote-footer-start-ds {
  font-weight: 400;
  color: rgb(0, 0, 0);
  padding-left: 22px;
  padding-top: 0px;
  display: block;
  font-size: 1.6rem;
  line-height: 0.01;
  letter-spacing: 0.72em;
  text-shadow: 5px 5px 10px rgb(65, 65, 65);
}
.fas {
  font-family: "Merriweather Sans";
  font-weight: 400;
}
figure {
  text-align: left;
}
.fwn {
  font-size: 1.7rem;
  font-weight: 500;
}
.elementor-icon-list-icon {
  padding-right: 8px;
  color: var(--e-global-color-accent);
  transition: color 0.3s;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-behavior: normal;
}
.head {
  line-height: 1.3;
}
.head-h1 {
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 300 !important;
}
.head-h2 {
  font-size: 1.6rem;
  font-weight: 500 !important;
  line-height: 1.3;
  color: inherit;
  padding-bottom: 10px;
}
.head-h2-2 {
  font-size: 1.8rem;
  font-weight: 600 !important;
  line-height: 1.3;
  color: #28a745;
  padding-bottom: 10px;
}
.head-h2b {
  font-size: 1.6rem;
  font-weight: 400 !important;
  line-height: 1.6;
  color: inherit;
  padding-bottom: 10px;
}
.head-h3 {
  line-height: 1;
  font-size: 1.16rem;
  font-weight: 300 !important;
  line-height: 1.6;
  font-style: italic;
  color: #000000;
}
.head-h3-g {
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 400 !important;
  color: #28a745;
}
.head-h3-v {
  line-height: 1;
  font-size: 1.1rem;
  font-weight: 400 !important;
  line-height: 1.6;
  color: #28a745;
}
.head-one {
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: 700 !important;
}
.head-two {
  line-height: 1;
  font-size: 2rem;
  font-weight: 500 !important;
}
.head-three {
  font-weight: 400 !important;
  font-size: 1.1rem;
  font-style: italic;
  color: #000000;
}
.head-two-one {
  line-height: 1.2;
  font-size: 1.8rem;
  font-weight: 500 !important;
}
.head-3 {
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: 400 !important;
}
.head-4 {
  line-height: 1;
  font-size: 1.2rem;
  color: #28a745;
  font-weight: 300 !important;
}
.head-footer {
  line-height: 1;
  font-size: 14.4px;
  color: #a3b0bd !important;
  font-weight: 300 !important;
}
.head-title-h2 {
  font-weight: 400 !important;
  font-size: 1.2rem;
  color: #28a745;
}
.head-title-3 {
  font-weight: 300 !important;
  font-size: 1.2rem;
  font-style: italic;
  color: #000000;
}
.head-title {
  font-weight: 300 !important;
  font-size: 1.4rem;
  font-style: italic;
  color: #000000;
}
.head-title-b {
  font-weight: 300 !important;
  font-size: 1.4rem;
  line-height: 0.4;
  font-style: italic;
  color: #000000;
}
.head-title-c {
  font-weight: 300 !important;
  line-height: 0.4;
  font-style: italic;
  font-size: 1.4rem;
  color: #000000;
}
.img-block {
  margin: 5px 30px 13px 30;
  padding-bottom: 10px;
  float: left;
  max-width: 100%;
}
.img-block p {
  margin-bottom: 1rem;
}
.dist {
  line-height: 1.6;
}
.font-title {
  font-size: 1.6rem;
  font-weight: 300 !important;
}
.font-title-a {
  font-size: 1.6rem;
  font-weight: 300 !important;
}
.font200 {
  font-size: 1.1rem;
  font-weight: 400 !important;
}
.font400 {
  font-size: 1.16rem;
  font-weight: 400 !important;
}
.font500 {
  font-size: 1.24rem;
  font-weight: 500 !important;
}
.font550 {
  font-size: 1.45rem;
  font-weight: 500 !important;
}
.font600 {
  font-size: 2rem;
  font-weight: 600 !important;
}
.font700 {
  font-size: 2rem;
  font-weight: 700 !important;
}
.rounded-0 {
  border-radius: 0.3rem !important;
}
.rounded-5 {
  border-radius: 1.5rem !important;
}
.me-3 {
  margin-right: 0.6rem !important;
}
.me-4 {
  margin-right: 0.8rem !important;
}
.me-5 {
  margin-right: 0.9rem !important;
}
.title-red {
  color: #c62b0f;
}
.textwidget ul li::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 1.2em;
  margin: 0 6px 0 -26px;
  color: #28a745;
  position: absolute;
}
.textwidget ul li {
  list-style: none;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  line-height: 2rem;
  padding-left: 12px;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.promo {
  font-size: 1.6em;
  padding: 2rem 4rem;
  margin-top: 1.6rem;
  margin-bottom: 1.4rem;
  border: 1px solid transparent;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  line-height: 2.4rem;
  border-radius: 0.5rem;
}
.text-3 {
  margin-bottom: 0.5rem;
  font-family: "Merriweather Sans";
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

@media (max-width: 428px) {
  .blockquote-footer-start {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 21px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 1.18em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-ph {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 24px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.04;
    letter-spacing: 0.9em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
}
@media (max-width: 410px) {
  .blockquote-footer-start {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 21px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 1.18em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-ph {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 20px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 0.9em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
}
@media (max-width: 375px) {
  .blockquote-footer-start {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 21px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 1.18em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-ph {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 19px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.04;
    letter-spacing: 0.9em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-start-d {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 26px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 0.91em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
}
@media (max-width: 320px) {
  .blockquote-footer-start {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 21px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 1.18em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-ph {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 6px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.04;
    letter-spacing: 1.18em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
  .blockquote-footer-start-d {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding-left: 26px;
    padding-top: 0px;
    display: block;
    font-size: 1.6rem;
    line-height: 0.01;
    letter-spacing: 0.91em;
    text-shadow: 5px 5px 10px rgb(65, 65, 65);
  }
}

.carousel-item {
  height: 50vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-item {
  transition: transform 10s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 10s;
}
.divide5 {
  width: 100%;
  height: 5px;
}
.divide10 {
  width: 100%;
  height: 10px;
}
.divide15 {
  width: 100%;
  height: 15px;
}
.divide-15 {
  width: 100%;
  height: 0px;
  margin-top: -20px;
}
.divide20 {
  width: 100%;
  height: 20px;
}
.divide30 {
  width: 100%;
  height: 30px;
}
.divide40 {
  width: 100%;
  height: 40px;
}
.divide50 {
  width: 100%;
  height: 50px;
}
.divide60 {
  width: 100%;
  height: 60px;
}
.portfolio-item {
  margin-bottom: 30px;
}
.white {
  color: #fff;
  padding-left: 10px;
  font-weight: 300;
}
a.white:hover {
  color: #fff;
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
    padding-top: 10px;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.bd-example {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  border: medium solid #e7eaed;
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

.round-btn {
  display: inline;
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50%;
  float: left;
  margin: 15px 8px;
  box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);
  border: 1px solid; /*border: 1px solid #622657;*/
}
.round-btn a {
  display: block !important;
  padding: 7px 12px;
  font-size: 18px;
  border-radius: 50%;
}
.round-btn .icon {
  padding: 3px;
}
.round-btn .icon img {
  height: 24px;
  width: 32px;
  margin-top: 6px;
}
.btn-facebook a {
  color: #3b5998;
  padding: 8px 13px;
}
.btn-link {
  font-weight: 400;
  color: #000000;
  background-color: transparent;
}
.btn-link:hover {
  color: #28a745;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link.focus,
.btn-link:focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
}
.btn-linkedin a {
  color: #007bb6;
}
.btn-twitter a {
  color: #1c9deb;
}
.btn-instagram a {
  color: #dd3f5c;
}
.btn-whatsapp a {
  color: #155e54;
}
.btn-envelop a {
  color: #d6403a;
  font-size: 15px;
  padding: 9px 12px;
}
.table {
  line-height: 1.8rem;
}
/*
  =========================================================================================
                                    footer
  =========================================================================================
  */

.h3-footer {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.4rem;
  color: #adadad;
}
.h6-footer {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.4rem;
  color: #fff;
}

.d-footer {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.4rem;
}
.g-footer {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.4rem;
  color: #adadad;
}
.p-footer {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1rem;
}
.p-footer a {
  color: #6c757d;
  text-decoration: none;
}
.p-footer a:hover {
  color: #2cb14b;
}
.footer {
  background-size: cover;
  text-decoration: none;
}
.footer p {
  font-size: 0.9rem;
  color: #b3b3b3;
}

.a footer {
  font-size: 0.9rem;
  color: #b3b3b3;
}
.teal.accent-3 {
  background-color: #28a745 !important;
  width: 60px;
}
.text {
  font-weight: 300;
  font-size: 0.9rem;
  color: #b3b3b3;
}
.footer.footer-dark hr {
  border-top-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
hr-top {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px solid #e7e5e5;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px solid rgba(134, 67, 67, 0);
}

.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.text-banner {
  font-size: 1.35rem;
  font-weight: 400;
  color: #28a745;
}

/*--------------------------------------------------------------
# Hero Parkett schleifen Hamburg
----------------------------------------------------------------
*/
.hero_psla {
  margin: 0 0 10px 0;
  background-color: #000000be;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_psla {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-schleifen-lassen-hamburg-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_psla:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_psla .container {
  z-index: 2;
}
#hero_psla h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_psla h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_psla .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_psla .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_psla {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_psla h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_psla h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# vinylboden hamburg
----------------------------------------------------------------
*/
.hero_vbh {
  margin: 0 0 10px 0;
  background-color: #0000009f;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_vbh {
  height: 50vh;
  min-height: 300px;
  background: url("../img/vinylboden-hamburg.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_vbh:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_vbh .container {
  z-index: 2;
}
#hero_vbh h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_vbh h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_vbh .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_vbh .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_vbh {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_vbh h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_vbh h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section teppich entfernen
----------------------------------------------------------------
*/
.hero_paot {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_paot {
  height: 50vh;
  min-height: 300px;
  background: url("../img/teppich-entfernen-hamburg-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_paot:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_paot .container {
  z-index: 2;
}
#hero_paot h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_paot h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_paot .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_paot .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_paot {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_paot h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_paot h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section bodenbelag entfernen
--------------------------------------------------------------
*/
.hero_abef {
  margin: 0 0 10px 0;
  background-color: #0000009f;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_abef {
  height: 50vh;
  min-height: 300px;
  background: url("../img/bodenbelag-entfernen-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_abef:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_abef .container {
  z-index: 2;
}
#hero_abef h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_abef h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_abef .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_abef .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_abef {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_abef h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_abef h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section parkett auffrischen ohne schleifen
--------------------------------------------------------------
*/
.hero_afos {
  margin: 0 0 10px 0;
  background-color: #0000009f;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_afos {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-auffrischen-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_afos:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_afos .container {
  z-index: 2;
}
#hero_afos h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_afos h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_afos .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_afos .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_afos {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_afos h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_afos h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section parkett
--------------------------------------------------------------
*/
.hero_ph {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_ph {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-hamburg-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_ph:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_ph .container {
  z-index: 2;
}
#hero_ph h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_ph h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_ph .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_ph .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_ph {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_ph h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_ph h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section was kostet parkett abschleifen
--------------------------------------------------------------*/
.hero_wk {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_wk {
  height: 50vh;
  min-height: 300px;
  background: url("../img/wkpa-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_wk:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_wk .container {
  z-index: 2;
}
#hero_wk h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_wk h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_wk .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_wk .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_wk .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_wk {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_wk h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #hero_wk h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section dielenboden oder parkett
--------------------------------------------------------------*/
.hero_db {
  margin: 0 0 10px 0;
  background-color: #00000094;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}

.hero_db-inner p {
  margin-top: -15px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 300;
}

#hero_db {
  height: 50vh;
  min-height: 300px;
  background: url("../img/p-d-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_db:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_db .container {
  z-index: 2;
}
#hero_db h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.3;
}
#hero_db h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
#hero_db .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_db .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_db {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_db h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_db h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section wann muß ich mein Parkett abschleifen
--------------------------------------------------------------*/
.hero_wp {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}

#hero_wp {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkettpflege-2.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_wp:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_wp .container {
  z-index: 2;
}
#hero_wp h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_wp h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
#hero_wp .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_wp .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_wp {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_wp h1 {
    font-size: 2rem;
    line-height: 42px;
  }
  #hero_wp h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
/*--------------------------------------------------------------
# Hero Section Parkettverlegung
--------------------------------------------------------------*/
#hero_pl {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkettverlegung.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_pl:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_pl .container {
  z-index: 2;
}
#hero_pl h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  background-color: #0000006e;
  backdrop-filter: blur(10px);
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
}
#hero_pl h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
#hero_pl .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_pl .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_pl {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_pl h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_pl h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section reparieren
--------------------------------------------------------------*/
#hero_r {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-reparieren-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_r:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_r .container {
  z-index: 2;
}
#hero_r h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_r h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
#hero_r .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_r .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_r {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_r h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_r h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section parkett verlegen
--------------------------------------------------------------*/
.hero_hpv {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_hpv {
  height: 50vh;
  min-height: 300px;
  background: url("../img/header-v-min.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_hpv:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_hpv .container {
  z-index: 2;
}
#hero_hpv h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_hpv h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_hpv .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_hpv .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_hpv {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_hpv h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_hpv h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section altbausanierung
--------------------------------------------------------------*/
.hero_a {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_a {
  height: 50vh;
  min-height: 300px;
  background: url("../img/altbausanierung-hamburg-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_a:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_a .container {
  z-index: 2;
}
#hero_a h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_a h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
#hero_a .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_a .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_a {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_a h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_a h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section versicherung
--------------------------------------------------------------*/
#hero_v {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkettschaden.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_v:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_v .container {
  z-index: 2;
}
#hero_v h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  background-color: #0000005e;
  backdrop-filter: blur(10px);
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
}
#hero_v h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_v .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_v .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_v {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_v h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_v .font-title {
    font-size: 1.2rem;
    line-height: 36px;
  }

  #hero_v h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
/*--------------------------------------------------------------
# Hero Section pflege
--------------------------------------------------------------*/
#hero_p {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-pflegen-hamburg.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_p:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_p .container {
  z-index: 2;
}
#hero_p h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
}
#hero_p h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_p .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_p .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_p {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_p h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_p h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section parkett schleifen
--------------------------------------------------------------*/
.hero_s {
  margin: 0 0 10px 0;
  background-color: #00000098;
  backdrop-filter: blur(10px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_s {
  height: 50vh;
  min-height: 300px;
  background: url("../img/head-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_s:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_s .container {
  z-index: 2;
}
#hero_s h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_s h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_s h3 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_s .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_s .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_s {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_s h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_s h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero parkett entfernen hamburg
--------------------------------------------------------------*/
.hero_en {
  margin: 0 0 10px 0;
  background-color: #000000af;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_en {
  height: 50vh;
  min-height: 300px;
  background: url("../img/parkett-entfernen-1.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_en:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_en .container {
  z-index: 2;
}
#hero_en h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_en h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}

#hero_en .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_en .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_en {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_en h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_en h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section Vinyl verlegen
--------------------------------------------------------------*/
#hero_v1 {
  height: 50vh;
  min-height: 300px;
  background: url("../img/vinylboeden-hamburg.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_v1:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_v1 .container {
  z-index: 2;
}
#hero_v1 h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
#hero_v1 h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_v1 .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_v1 .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_v1 .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_v1 {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_v1 h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #hero_v1 h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
/*--------------------------------------------------------------
# Hero Section Vinylboeden verlegen
--------------------------------------------------------------*/
#hero_v3 {
  height: 50vh;
  min-height: 300px;
  background: url("../img/vinyl.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_v3:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_v3 .container {
  z-index: 2;
}
#hero_v3 h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  background-color: #0000005e;
  backdrop-filter: blur(10px);
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
}
#hero_v3 h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_v3 .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_v3 .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_v3 .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_v3 {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_v3 h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #hero_v3 h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
/*--------------------------------------------------------------
# Hero Section Vinyl verlegen
--------------------------------------------------------------*/
#hero_v2 {
  height: 50vh;
  min-height: 300px;
  background: url("../img/vinyl-verlegen-hamburg.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_v2:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_v2 .container {
  z-index: 2;
}
#hero_v2 h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
#hero_v2 h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_v2 .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_v2 .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_v2 .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_v2 {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_v2 h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #hero_v2 h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section Dielenboden abschleifen
--------------------------------------------------------------*/
#hero_da {
  height: 50vh;
  min-height: 300px;
  background: url("../img/dielenboden-abschleifen.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_da:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_da .container {
  z-index: 2;
}
#hero_da h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  background-color: #0000005e;
  backdrop-filter: blur(10px);
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
}
#hero_da h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_da .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_da .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_da .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_da {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_da h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_da h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section Dielen schleifen
--------------------------------------------------------------*/
#hero_ds {
  height: 50vh;
  min-height: 300px;
  background: url("../img/dielen-schleifen.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_ds:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_ds .container {
  z-index: 2;
}
#hero_ds h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  background-color: #0000005e;
  backdrop-filter: blur(10px);
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
}
#hero_ds h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_ds .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_ds .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_ds .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_ds {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_ds h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_ds h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Hero Section Dielen schleifen
--------------------------------------------------------------*/
.hero_d {
  margin: 0 0 10px 0;
  background-color: #0000009f;
  backdrop-filter: blur(6px);
  padding: 20px 0px 0.5px 0px;
  border-radius: 20px;
  width: 100%;
}
#hero_d {
  height: 50vh;
  min-height: 300px;
  background: url("../img/dielen-schleifen-hamburg.webp") center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
#hero_d:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero_d .container {
  z-index: 2;
}
#hero_d h1 {
  margin: 0 0 20px 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
}
#hero_d h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}
#hero_d .x {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
}
#hero_d .btn-get-started {
  font-family: "merriweather sans", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #28a745;
}
#hero_d .btn-get-started:hover {
  background: #4ea5e0;
}
@media (max-width: 992px) {
  #hero_d {
    height: calc(70vh - 50px);
  }
}
@media (max-width: 768px) {
  #hero_d h1 {
    font-size: 2rem;
    line-height: 36px;
  }
  #hero_d h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# divider
--------------------------------------------------------------*/
.divider-fade.divider-dark::before {
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.2) 0,
    rgba(31, 45, 61, 0) 75%
  );
}
.divider-fade::before {
  content: "";
  display: block;
  width: 80%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: radial-gradient(
    ellipse at center,
    #d1dbe7 0,
    rgba(255, 255, 255, 0) 75%
  );
}
.footer-dark hr {
  border-color: rgba(216, 203, 187, 0.1);
}
.divider {
  position: relative;
  border: 0;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  width: 100%;
}