@charset "UTF-8";
/*
Created on :    19.09.2025, 09:35:00
Author     :    Surfer Dudes Beograd - Aleksandar Strinić
for Network - Michael Balk - balk.de
*/
html {
  height: 100vh;
  overflow: auto;
  scroll-padding-top: calc(83.8837px + 0.0036660097348377vw);
}
@media (min-width: 992px) {
  html {
    scroll-padding-top: 8.45703125vw;
  }
}
@media (min-width: 1920px) {
  html {
    scroll-padding-top: 162.367px;
  }
}
html, body {
  font-family: Akrobat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  background-color: #fff;
  color: #181716;
}
@media (min-width: 576px) {
  html, body {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  html, body {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  html, body {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  html, body {
    font-size: 21px;
  }
}
@media (min-width: 1400px) {
  html, body {
    font-size: 22px;
  }
}
.container {
  padding-right: 25px;
  padding-left: 25px;
}
@media (min-width: 576px) {
  .container {
    max-width: 81%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
}
.red {
  color: #d20000;
}
.circle {
  border-radius: 50%;
}
.stretched-link::after {
  z-index: 3;
}
.lightboxOverlay {
  position: fixed;
  height: 100vw;
  width: 100%;
}
.lightbox {
  position: fixed;
  top: 10px !important;
}
@media (min-width: 576px) {
  .lightbox {
    top: 1vw !important;
  }
}
@media (min-width: 1920px) {
  .lightbox {
    top: 19.2px !important;
  }
}
.tooltip {
  font-size: 16px;
}
.tooltip .bg-white {
  margin-top: 6px;
  padding: 5px;
  border-radius: 5px;
}
a {
  color: #181716;
  transition: color 0.35s ease;
}
a:focus, a:hover {
  color: #d20000;
}
nav {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100vw;
}
@media (min-width: 1920px) {
  nav {
    left: calc(50% - 960px);
    width: 1920px;
  }
}
nav #nav-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: top 0.35s ease, opacity 0.35s ease;
}
nav #nav-bg #nav-bg-padder {
  background-color: #fff;
  height: 54.25px;
  transition: height 0.35s ease;
}
@media (min-width: 992px) {
  nav #nav-bg #nav-bg-padder {
    height: 5.46875vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-bg #nav-bg-padder {
    height: 67.5px;
  }
}
nav #nav-collapse {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  overflow: auto;
  background-color: #555;
}
nav #nav-collapse #nav-collapse-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-collapse-bg {
    min-height: 0;
  }
}
nav #nav-collapse #nav-collapse-bg video {
  width: auto;
  height: 100%;
  background-color: #131312;
  /*width: 280.4%;
				height: 100%;
				@media all and (min-width : 576px) {
				width: 181.6%;
			}
				@media all and (min-width : 768px) {
				width: 155.2%;
			}
				@media all and (min-width : 992px) {
				width: 139%;
			}
				@media all and (min-width : 1200px) {
				width: 130%;
			}
				@media all and (min-width : 1400px) {
				width: 123.8%;
			}
				@media all and (min-width : 1760px) {
				width: 116%;
			}*/
}
nav #nav-collapse #nav-content {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-04.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 80% top;
  border-top: 1px solid #c3a288;
  border-bottom: 1px solid #c3a288;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content {
    min-height: 0;
    background-position: right top;
  }
}
nav #nav-collapse #nav-content .nav .nav-item .nav-link {
  display: inline-block;
  padding: 5.15px 0;
  color: #a2a2a2;
  background-color: transparent;
  border: none;
  transition: color 0.35s ease;
}
@media (min-width: 992px) {
  nav #nav-collapse #nav-content .nav .nav-item .nav-link {
    padding: 0.5208333333vw 0;
  }
}
nav #nav-collapse #nav-content .nav .nav-item .nav-link:focus, nav #nav-collapse #nav-content .nav .nav-item .nav-link:hover, nav #nav-collapse #nav-content .nav .nav-item .nav-link.active {
  color: #d20000;
}
nav #nav-collapse #nav-content #navMain {
  margin-top: 59.5167px;
  margin-bottom: 59.5167px;
  margin-left: 30px;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content #navMain {
    margin-left: 5.8203125vw;
  }
}
@media (min-width: 992px) {
  nav #nav-collapse #nav-content #navMain {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #navMain {
    margin-top: 115.2px;
    margin-bottom: 115.2px;
    margin-left: 111.75px;
  }
}
nav #nav-collapse #nav-content #navMain .nav-item {
  font-size: 14px;
}
nav #nav-collapse #nav-content #navMain .nav-item .nav-link {
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0.5px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  nav #nav-collapse #nav-content #navMain .nav-item .nav-link {
    font-size: 3.125vw;
    letter-spacing: 0.05859375vw;
    line-height: 1.01;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #navMain .nav-item .nav-link {
    font-size: 60px;
    letter-spacing: 1.11667px;
  }
}
nav #nav-collapse #nav-content #navMain .nav-item .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}
nav #nav-collapse #nav-content #nav-1 {
  position: absolute;
  z-index: 1;
  margin-top: 36px;
  margin-left: 29.9px;
}
@media (min-width: 514px) {
  nav #nav-collapse #nav-content #nav-1 {
    margin-top: 6.25vw;
    margin-left: 5.8203125vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-1 {
    margin-top: 120px;
    margin-left: 111.75px;
  }
}
nav #nav-collapse #nav-content #nav-1 .nav-item {
  font-size: 14px;
}
nav #nav-collapse #nav-content #nav-1 .nav-item .nav-link {
  font-size: 29.7px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content #nav-1 .nav-item .nav-link {
    font-size: 5.15625vw;
    letter-spacing: 0.05859375vw;
    line-height: 1.01;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-1 .nav-item .nav-link {
    font-size: 99px;
    letter-spacing: 1.11667px;
  }
}
nav #nav-collapse #nav-content #nav-1 .nav-item .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}
nav #nav-collapse #nav-content #nav-1 #to-nav-2 img {
  margin-top: -0.4296875vw;
  margin-left: 1.4453125vw;
  width: 12.6px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-1 #to-nav-2 img {
    width: 1.640625vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-1 #to-nav-2 img {
    margin-top: -8.25px;
    margin-left: 27.75px;
    width: 31.5px;
  }
}
nav #nav-collapse #nav-content #nav-2 {
  position: absolute;
  z-index: 1;
  margin-top: 33.3px;
  margin-left: 29.9px;
}
@media (min-width: 514px) {
  nav #nav-collapse #nav-content #nav-2 {
    margin-left: 5.8203125vw;
  }
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-2 {
    margin-top: 4.3359375vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 {
    margin-top: 83.25px;
    margin-left: 111.75px;
  }
}
nav #nav-collapse #nav-content #nav-2 .nav-item {
  font-size: 14px;
}
nav #nav-collapse #nav-content #nav-2 .nav-item .nav-link {
  font-size: 21.9px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content #nav-2 .nav-item .nav-link {
    line-height: 1.114;
  }
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-2 .nav-item .nav-link {
    font-size: 2.8515625vw;
    letter-spacing: 0.0390625vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 .nav-item .nav-link {
    font-size: 54.75px;
    letter-spacing: 0.75px;
  }
}
nav #nav-collapse #nav-content #nav-2 .nav-item .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}
nav #nav-collapse #nav-content #nav-2 #to-nav-1 {
  margin-bottom: 2.65625vw;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.566667px;
  line-height: 20px;
  color: #fff;
  background-color: transparent;
  border: none;
  transition: color 0.35s ease;
}
@media (min-width: 1100px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1 {
    line-height: 1.81640625vw;
  }
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1 {
    font-size: 1.2109375vw;
    letter-spacing: 0.03515625vw;
    line-height: 1.5;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1 {
    margin-bottom: 51px;
    font-size: 23.25px;
    letter-spacing: 0.666667px;
  }
}
nav #nav-collapse #nav-content #nav-2 #to-nav-1 img {
  margin-top: -3.21667px;
  margin-left: 0;
  margin-right: 25.8px;
  width: 26.45px;
  vertical-align: middle;
  transform: rotate(180deg);
  transition: margin 0.35s ease;
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1 img {
    margin-top: -0.1953125vw;
    margin-left: 0;
    margin-right: 1.5625vw;
    width: 1.6015625vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1 img {
    margin-top: -3.75px;
    margin-left: 0;
    margin-right: 30px;
    width: 30.75px;
  }
}
nav #nav-collapse #nav-content #nav-2 #to-nav-1:focus, nav #nav-collapse #nav-content #nav-2 #to-nav-1:hover {
  color: #dc0003;
}
nav #nav-collapse #nav-content #nav-2 #to-nav-1:focus img, nav #nav-collapse #nav-content #nav-2 #to-nav-1:hover img {
  margin-left: -13.55px;
  margin-right: 38.7167px;
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1:focus img, nav #nav-collapse #nav-content #nav-2 #to-nav-1:hover img {
    margin-left: -0.78125vw;
    margin-right: 2.34375vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-nav-1:focus img, nav #nav-collapse #nav-content #nav-2 #to-nav-1:hover img {
    margin-left: -15px;
    margin-right: 45px;
  }
}
nav #nav-collapse #nav-content #nav-2 #to-leistungen {
  display: inline-block;
  margin-top: 2.265625vw;
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.566667px;
  line-height: 20px;
  text-decoration: none;
  color: #fff;
  transition: color 0.35s ease;
}
@media (min-width: 1100px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen {
    line-height: 1.81640625vw;
  }
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen {
    font-size: 1.2109375vw;
    letter-spacing: 0.03515625vw;
    line-height: 1.5;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen {
    margin-top: 43.5px;
    font-size: 23.25px;
    letter-spacing: 0.666667px;
  }
}
nav #nav-collapse #nav-content #nav-2 #to-leistungen img {
  margin-top: -3.21667px;
  margin-left: 25.8px;
  width: 26.45px;
  vertical-align: middle;
  transition: margin 0.35s ease;
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen img {
    margin-top: -0.1953125vw;
    margin-left: 1.5625vw;
    width: 1.6015625vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen img {
    margin-top: -3.75px;
    margin-left: 30px;
    width: 30.75px;
  }
}
nav #nav-collapse #nav-content #nav-2 #to-leistungen:focus, nav #nav-collapse #nav-content #nav-2 #to-leistungen:hover {
  color: #dc0003;
}
nav #nav-collapse #nav-content #nav-2 #to-leistungen:focus img, nav #nav-collapse #nav-content #nav-2 #to-leistungen:hover img {
  margin-left: 38.7167px;
}
@media (min-width: 1652px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen:focus img, nav #nav-collapse #nav-content #nav-2 #to-leistungen:hover img {
    margin-left: 2.34375vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-2 #to-leistungen:focus img, nav #nav-collapse #nav-content #nav-2 #to-leistungen:hover img {
    margin-left: 45px;
  }
}
nav #nav-collapse #nav-content #nav-3 {
  margin-top: 258px;
  margin-bottom: 138px;
  margin-right: 23px;
  text-align: right;
  text-transform: uppercase;
  transition: opacity 0.5s ease;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content #nav-3 {
    margin-top: calc(19.2vw + (768px - 100vw) * 0.22);
    margin-bottom: calc(16vw + (768px - 100vw) * 0.2);
  }
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-3 {
    margin-top: calc(17.6vw + (1100px - 100vw) * 0.06);
    margin-bottom: calc(14.2vw + (1100px - 100vw) * 0.08);
  }
}
@media (min-width: 1100px) {
  nav #nav-collapse #nav-content #nav-3 {
    margin-top: 17.2916666667vw;
    margin-bottom: 13.125vw;
  }
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-3 {
    margin-right: 2.890625vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-3 {
    margin-top: 332px;
    margin-bottom: 252px;
    margin-right: 55.5px;
  }
}
nav #nav-collapse #nav-content #nav-3 .nav-item {
  font-size: 14px;
}
nav #nav-collapse #nav-content #nav-3 .nav-item .nav-link {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}
@media (min-width: 576px) {
  nav #nav-collapse #nav-content #nav-3 .nav-item .nav-link {
    line-height: 1.6363636;
  }
}
@media (min-width: 768px) {
  nav #nav-collapse #nav-content #nav-3 .nav-item .nav-link {
    font-size: 3.125vw;
  }
}
@media (min-width: 1920px) {
  nav #nav-collapse #nav-content #nav-3 .nav-item .nav-link {
    font-size: 60px;
  }
}
nav #nav-collapse #nav-content #nav-3 .nav-item .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}
nav #home {
  position: absolute;
  z-index: 2;
  top: 8.25px;
  left: 28.6667px;
  display: inline-block;
  height: 87.8333px;
  width: 95.7833px;
  background-image: url(../img/KILMARX-FRANK-Muenchen-Logo-Denkmalwerkstatt.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  transition: top 0.35s ease, height 0.35s ease, filter 0.35s ease;
}
@media (min-width: 992px) {
  nav #home {
    top: 0.8333333333vw;
    left: 2.890625vw;
    height: 8.8541666667vw;
    width: 9.65625vw;
  }
}
@media (min-width: 1920px) {
  nav #home {
    top: 16px;
    left: 55.5px;
    height: 170px;
    width: 185.4px;
  }
}
nav #home.white {
  background-image: url(../img/KILMARX-FRANK-Muenchen-Logo-Denkmalwerkstatt-White.svg);
}
nav #nav-toggler {
  position: absolute;
  z-index: 3;
  top: 29px;
  right: 30px;
  height: 58px;
  width: 59px;
  background-color: transparent;
  border: none;
  transition: top 0.35s ease;
}
@media (min-width: 1400px) {
  nav #nav-toggler {
    top: calc(33px + (100vw - 1400px) * 0.02);
    right: 37px;
    height: 75px;
    width: 73px;
  }
}
@media (min-width: 1920px) {
  nav #nav-toggler {
    top: 43.4px;
  }
}
nav #nav-toggler .bar {
  position: absolute;
  left: 11px;
  height: 2px;
  width: 37px;
  background-color: #181716;
  transition: top 0.35s ease, left 0.35s ease, background-color 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}
@media (min-width: 1400px) {
  nav #nav-toggler .bar {
    left: 14px;
    height: 3px;
    width: 45px;
  }
}
nav #nav-toggler .bar-1 {
  top: 11px;
}
@media (min-width: 1400px) {
  nav #nav-toggler .bar-1 {
    top: 14px;
  }
}
nav #nav-toggler .bar-2 {
  top: 28px;
}
@media (min-width: 1400px) {
  nav #nav-toggler .bar-2 {
    top: 36px;
  }
}
nav #nav-toggler .bar-3 {
  top: 45px;
}
@media (min-width: 1400px) {
  nav #nav-toggler .bar-3 {
    top: 58px;
  }
}
nav #nav-toggler:hover .bar-1 {
  top: 14px;
}
@media (min-width: 1400px) {
  nav #nav-toggler:hover .bar-1 {
    top: 18px;
  }
}
nav #nav-toggler:hover .bar-3 {
  top: 42px;
}
@media (min-width: 1400px) {
  nav #nav-toggler:hover .bar-3 {
    top: 54px;
  }
}
nav #nav-toggler[aria-expanded="true"] .bar {
  background-color: #dc0003 !important;
}
nav #nav-toggler[aria-expanded="true"] .bar-1 {
  top: 28px;
  transform: rotate(45deg);
}
@media (min-width: 1400px) {
  nav #nav-toggler[aria-expanded="true"] .bar-1 {
    top: 36px;
  }
}
nav #nav-toggler[aria-expanded="true"] .bar-2 {
  opacity: 0;
}
nav #nav-toggler[aria-expanded="true"] .bar-3 {
  top: 28px;
  transform: rotate(-45deg);
}
@media (min-width: 1400px) {
  nav #nav-toggler[aria-expanded="true"] .bar-3 {
    top: 36px;
  }
}
nav #nav-toggler[aria-expanded="true"]:hover .bar-1 {
  top: 28px;
  transform: rotate(0deg);
}
@media (min-width: 1400px) {
  nav #nav-toggler[aria-expanded="true"]:hover .bar-1 {
    top: 36px;
  }
}
nav #nav-toggler[aria-expanded="true"]:hover .bar-3 {
  top: 28px;
  transform: rotate(0deg);
}
@media (min-width: 1400px) {
  nav #nav-toggler[aria-expanded="true"]:hover .bar-3 {
    top: 36px;
  }
}
nav #nav-toggler.white .bar {
  background-color: #fff;
}
nav.position-fixed #nav-bg {
  top: -35.65px;
  opacity: 1;
}
@media (min-width: 992px) {
  nav.position-fixed #nav-bg {
    top: -3.59375vw;
  }
}
@media (min-width: 1920px) {
  nav.position-fixed #nav-bg {
    top: -69px;
  }
}
nav.position-fixed #nav-bg #nav-bg-padder {
  height: calc(119.5337px - 8.5348506401138vw);
}
@media (min-width: 992px) {
  nav.position-fixed #nav-bg #nav-bg-padder {
    height: 3.515625vw;
  }
}
@media (min-width: 1920px) {
  nav.position-fixed #nav-bg #nav-bg-padder {
    height: 67.5px;
  }
}
nav.position-fixed #home {
  top: 4.11667px;
  height: 60.9667px;
}
@media (min-width: 992px) {
  nav.position-fixed #home {
    top: 0.4166666667vw;
    height: 6.1458333333vw;
  }
}
@media (min-width: 1920px) {
  nav.position-fixed #home {
    top: 8px;
    height: 118px;
  }
}
nav.position-fixed #home.white {
  background-image: url(../img/KILMARX-FRANK-Muenchen-Logo-Denkmalwerkstatt.svg);
}
nav.position-fixed #nav-toggler {
  top: calc(4px + (991px - 100vw) * 0.01);
}
@media (min-width: 992px) {
  nav.position-fixed #nav-toggler {
    top: calc(18px - (1400px - 100vw) * 0.033);
  }
}
@media (min-width: 1400px) {
  nav.position-fixed #nav-toggler {
    top: calc(9px + (100vw - 1400px) * 0.033);
  }
}
@media (min-width: 1920px) {
  nav.position-fixed #nav-toggler {
    top: 26.15px;
  }
}
nav.position-fixed #nav-toggler.white .bar {
  background-color: #000;
}
header {
  position: relative;
  z-index: 1;
}
@media (min-width: 1920px) {
  header {
    width: 1920px;
    margin: 0 auto;
  }
}
header .header-padder {
  height: calc(66px + (991px - 100vw) * 0.018);
}
@media (min-width: 992px) {
  header .header-padder {
    height: 0;
  }
}
header .lines {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
header .bg-img {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 1920px) {
  main {
    width: 1920px;
    margin: 0 auto;
  }
}
main #welcome {
  position: relative;
  margin-top: -6.09375vw;
  padding-top: 85.8px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 235% auto;
  background-position: center 0.078125vw;
}
@media (min-width: 576px) {
  main #welcome {
    padding-top: 11.171875vw;
  }
}
@media (min-width: 768px) {
  main #welcome {
    background-size: 195% auto;
  }
}
@media (min-width: 1920px) {
  main #welcome {
    margin-top: -117px;
    padding-top: 214.5px;
    background-position: center 1.5px;
  }
}
main #welcome #to-content {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 2.8125vw;
  right: 2.890625vw;
  text-align: center;
  background-color: transparent;
  border: none;
}
@media (min-width: 1920px) {
  main #welcome #to-content {
    top: 54px;
    right: 55.5px;
  }
}
main #welcome #to-content img:first-child {
  width: 8.7px;
}
@media (min-width: 1400px) {
  main #welcome #to-content img:first-child {
    width: 0.625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #to-content img:first-child {
    width: 12px;
  }
}
main #welcome #to-content img:last-child {
  width: 12.6px;
  margin-top: 8.1px;
  transition: margin-top 0.35s ease;
}
@media (min-width: 1400px) {
  main #welcome #to-content img:last-child {
    width: 0.8984375vw;
    margin-top: 0.5859375vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #to-content img:last-child {
    width: 17.25px;
    margin-top: 11.25px;
  }
}
main #welcome #to-content:focus img:last-child, main #welcome #to-content:hover img:last-child {
  margin-top: 19.1px;
}
@media (min-width: 1400px) {
  main #welcome #to-content:focus img:last-child, main #welcome #to-content:hover img:last-child {
    margin-top: 1.3671875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #to-content:focus img:last-child, main #welcome #to-content:hover img:last-child {
    margin-top: 26.25px;
  }
}
main #welcome .intro-small {
  padding: 0 0 0 1.558vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #welcome .intro-small {
    font-size: 5.4976851852vw;
    padding: 0 0 0 8.1vw;
  }
}
@media (min-width: 768px) {
  main #welcome .intro-small {
    padding: 0 0 0 1.558vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .intro-small {
    font-size: 105.55px;
    padding: 0 0 0 29.9px;
  }
}
main #welcome .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #welcome .intro-small strong {
    letter-spacing: 0.966667px;
  }
}
main #welcome .intro-medium {
  padding-top: 37.8px;
  padding-bottom: 72.95px;
  padding-left: 0.174vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #welcome .intro-medium {
    padding-top: 4.921875vw;
    padding-bottom: 9.5vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .intro-medium {
    padding-top: 94.5px;
    padding-bottom: 182.4px;
    padding-left: 3.33333px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #welcome .intro-large {
  padding-bottom: 31.3333px;
  padding-left: 5.652vw;
  font-size: 23.1481481481vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.07;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #welcome .intro-large {
    padding-left: 0.581vw;
  }
}
@media (min-width: 768px) {
  main #welcome .intro-large {
    padding-bottom: 4.08vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .intro-large {
    padding-bottom: 78.3333px;
    padding-left: 11.15px;
    font-size: 444.433px;
  }
}
main #welcome .text {
  padding: 0 0.2vw 97.8px 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #welcome .text {
    padding: 0 0.2vw 12.734375vw 0;
  }
}
@media (min-width: 1590px) {
  main #welcome .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .text {
    padding: 0 3.83333px 244.5px 0;
    font-size: 24.4333px;
  }
}
main #welcome .text h1 {
  margin-bottom: 29.8px;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.125;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  main #welcome .text h1 {
    font-size: 2.3148148148vw;
  }
}
@media (min-width: 1440px) {
  main #welcome .text h1 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .text h1 {
    margin-bottom: 39.75px;
    font-size: 44.4333px;
  }
}
main #welcome .text p, main #welcome .text ul, main #welcome .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #welcome .text p, main #welcome .text ul, main #welcome .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome .text p, main #welcome .text ul, main #welcome .text ol {
    margin-bottom: 39.75px;
  }
}
main #welcome .text ul, main #welcome .text ol {
  padding-left: 1em;
}
main #welcome .text strong {
  font-weight: 700;
}
main #welcome .content-separator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
main #welcome .content-separator img {
  width: 100%;
}
main #welcome .content-separator .padder {
  margin-top: -1px;
  height: 0;
  /*height: 0.8203125vw;*/
  background-color: #a3c2c7;
  /*
				@media all and (min-width : 1920px) {
					height: 15.75px;
				}
				*/
}
main #welcome.projects {
  margin-top: -5.9375vw;
  padding-top: 85.8px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-11.svg);
  background-size: 228% auto;
  background-position: center -0.859375vw;
}
@media (min-width: 450px) {
  main #welcome.projects {
    background-size: 180% auto;
  }
}
@media (min-width: 576px) {
  main #welcome.projects {
    background-size: 148% auto;
  }
}
@media (min-width: 768px) {
  main #welcome.projects {
    padding-top: 11.171875vw;
    background-size: 110% auto;
  }
}
@media (min-width: 992px) {
  main #welcome.projects {
    background-size: 101% auto;
  }
}
@media (min-width: 1920px) {
  main #welcome.projects {
    margin-top: -114px;
    padding-top: 214.5px;
    background-position: center -16.5px;
  }
}
main #welcome.projects #to-content {
  top: 2.8125vw;
}
@media (min-width: 1920px) {
  main #welcome.projects #to-content {
    top: 54px;
  }
}
main #welcome.projects .intro-small {
  padding: 0;
  font-size: 31px;
  letter-spacing: -0.0234375vw;
  line-height: 1;
}
@media (min-width: 576px) {
  main #welcome.projects .intro-small {
    font-size: 5.2734375vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.projects .intro-small {
    font-size: 101.25px;
    letter-spacing: -0.45px;
  }
}
main #welcome.projects .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.16796875vw;
}
@media (min-width: 1920px) {
  main #welcome.projects .intro-small strong {
    letter-spacing: 3.21667px;
  }
}
main #welcome.projects .text {
  padding: 0 0 115.5px 0;
}
@media (min-width: 768px) {
  main #welcome.projects .text {
    padding: 0 0 15.0390625vw 0;
  }
}
@media (min-width: 1920px) {
  main #welcome.projects .text {
    padding: 0 0 288.75px 0;
  }
}
main #welcome.project-detail {
  margin-top: -5.9375vw;
  padding-top: 77.7px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-06.webp);
  background-size: 355% auto;
  background-position: center -55.390625vw;
}
@media (min-width: 450px) {
  main #welcome.project-detail {
    background-size: 288% auto;
  }
}
@media (min-width: 576px) {
  main #welcome.project-detail {
    background-size: 270% auto;
  }
}
@media (min-width: 768px) {
  main #welcome.project-detail {
    padding-top: 10.1171875vw;
    background-size: 238% auto;
  }
}
@media (min-width: 992px) {
  main #welcome.project-detail {
    background-size: 243% auto;
  }
}
@media (min-width: 1590px) {
  main #welcome.project-detail {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail {
    margin-top: -114px;
    padding-top: 194.25px;
    font-size: 24.4333px;
    background-position: center -1063.5px;
  }
}
main #welcome.project-detail #to-content {
  top: 2.8125vw;
}
@media (min-width: 1920px) {
  main #welcome.project-detail #to-content {
    top: 54px;
  }
}
main #welcome.project-detail .intro-small {
  padding: 0 0 0 0.2vw;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 576px) {
  main #welcome.project-detail .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail .intro-small {
    padding: 0 0 0 3.83333px;
    font-size: 105.55px;
  }
}
main #welcome.project-detail .intro-small strong {
  font-weight: 900;
  letter-spacing: -0.03515625vw;
}
@media (min-width: 1920px) {
  main #welcome.project-detail .intro-small strong {
    letter-spacing: -0.666667px;
  }
}
main #welcome.project-detail h1 {
  padding-top: 53.7px;
  padding-bottom: 42.85px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
  hyphens: auto;
}
@media (min-width: 768px) {
  main #welcome.project-detail h1 {
    padding-top: 6.9921875vw;
    padding-bottom: 3vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail h1 {
    padding-top: 134.25px;
    padding-bottom: 57.6px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #welcome.project-detail .prev-next-bar {
  margin-top: 3vw;
  padding: 1em 0;
  background-color: #fff;
  border-top: 2px solid #d5af8b;
  border-bottom: 2px solid #d5af8b;
}
@media (min-width: 1920px) {
  main #welcome.project-detail .prev-next-bar {
    margin-top: 57.6px;
  }
}
main #welcome.project-detail .prev-next-bar .btn-arrow-left {
  max-width: 100%;
  padding: 0.375em 1em 0.375em 3em;
  text-align: left;
  color: #181716;
  background-color: #fff;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Navigation-Arrow-Back.png);
  background-repeat: no-repeat;
  background-size: 2em auto;
  background-position: 1.5em center;
  transition: background-position 0.35s ease;
}
@media (min-width: 768px) {
  main #welcome.project-detail .prev-next-bar .btn-arrow-left {
    background-size: 1em auto;
  }
}
main #welcome.project-detail .prev-next-bar .btn-arrow-left:focus, main #welcome.project-detail .prev-next-bar .btn-arrow-left:hover, main #welcome.project-detail .prev-next-bar .btn-arrow-left:active {
  background-color: #181716;
  color: #fff;
  background-position: 1em center;
}
main #welcome.project-detail .prev-next-bar .btn-arrow-right {
  max-width: 100%;
  padding: 0.375em 3em 0.375em 1em;
  text-align: right;
  color: #181716;
  background-color: #fff;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Navigation-Arrow.svg);
  background-repeat: no-repeat;
  background-size: 2em auto;
  background-position: calc(100% - 1.5em) center;
  transition: background-position 0.35s ease;
}
@media (min-width: 768px) {
  main #welcome.project-detail .prev-next-bar .btn-arrow-right {
    background-size: 1em auto;
  }
}
main #welcome.project-detail .prev-next-bar .btn-arrow-right:focus, main #welcome.project-detail .prev-next-bar .btn-arrow-right:hover, main #welcome.project-detail .prev-next-bar .btn-arrow-right:active {
  background-color: #181716;
  color: #fff;
  background-position: calc(100% - 1em) center;
}
main #welcome.project-detail .prev-next-bar .btn-gallery {
  padding: 0.375em 2em 0.375em 2em;
  background-color: #fff;
  background-image: url(../img/projekt-galerie-no-hover.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
}
@media (min-width: 768px) {
  main #welcome.project-detail .prev-next-bar .btn-gallery {
    background-image: url(../img/projekt-galerie.png);
    background-size: auto 200%;
  }
}
main #welcome.project-detail .prev-next-bar .btn-gallery:focus, main #welcome.project-detail .prev-next-bar .btn-gallery:hover, main #welcome.project-detail .prev-next-bar .btn-gallery:active {
  background-color: #181716;
  background-position: center bottom;
}
main #welcome.project-detail .btn-dark {
  margin-top: 18.6px;
  margin-bottom: 55px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #welcome.project-detail .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #welcome.project-detail .btn-dark {
    margin-top: 2.421875vw;
  }
}
@media (min-width: 992px) {
  main #welcome.project-detail .btn-dark {
    margin-bottom: 65px;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1400px) {
  main #welcome.project-detail .btn-dark {
    margin-bottom: 4.6875vw;
  }
}
@media (min-width: 1590px) {
  main #welcome.project-detail .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail .btn-dark {
    margin-top: 18.6px;
    margin-bottom: 65.625px;
    padding: 18.633px 23.602px;
    font-size: 18, 0.403px;
    letter-spacing: 5.521px;
    border-radius: 7.453px;
  }
}
main #welcome.project-detail .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #welcome.project-detail .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail .btn-dark img {
    top: -1.2422px;
    margin-left: 18.012px;
    width: 24.844px;
  }
}
main #welcome.project-detail .btn-dark:focus, main #welcome.project-detail .btn-dark:hover, main #welcome.project-detail .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #welcome.project-detail .btn-dark:focus img, main #welcome.project-detail .btn-dark:hover img, main #welcome.project-detail .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #welcome.project-detail .btn-dark:focus img, main #welcome.project-detail .btn-dark:hover img, main #welcome.project-detail .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.project-detail .btn-dark:focus img, main #welcome.project-detail .btn-dark:hover img, main #welcome.project-detail .btn-dark:active img {
    margin-left: 30.434px;
  }
}
main #welcome.dachgauben {
  margin-top: -5.9375vw;
  padding-top: 77.7px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-06.webp);
  background-size: 355% auto;
  background-position: center -55.390625vw;
}
@media (min-width: 450px) {
  main #welcome.dachgauben {
    background-size: 288% auto;
  }
}
@media (min-width: 576px) {
  main #welcome.dachgauben {
    background-size: 270% auto;
  }
}
@media (min-width: 768px) {
  main #welcome.dachgauben {
    padding-top: 10.1171875vw;
    background-size: 238% auto;
  }
}
@media (min-width: 992px) {
  main #welcome.dachgauben {
    background-size: 243% auto;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben {
    margin-top: -114px;
    padding-top: 194.25px;
    background-position: center -1063.5px;
  }
}
main #welcome.dachgauben #to-content {
  top: 2.8125vw;
}
@media (min-width: 1920px) {
  main #welcome.dachgauben #to-content {
    top: 54px;
  }
}
main #welcome.dachgauben .intro-small {
  padding: 0;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 576px) {
  main #welcome.dachgauben .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .intro-small {
    font-size: 105.55px;
  }
}
main #welcome.dachgauben .intro-small strong {
  letter-spacing: -0.03515625vw;
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .intro-small strong {
    letter-spacing: -0.666667px;
  }
}
main #welcome.dachgauben h1 {
  padding-top: 53.7px;
  padding-bottom: 42.85px;
  padding-left: 0.2vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #welcome.dachgauben h1 {
    padding-top: 6.9921875vw;
    padding-bottom: 5.58vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben h1 {
    padding-top: 134.25px;
    padding-bottom: 107.133px;
    padding-left: 3.83333px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #welcome.dachgauben .text {
  padding: 0 0.3vw 0 0.3vw;
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .text {
    padding: 0 5.75px 0 5.75px;
  }
}
main #welcome.dachgauben .btn-dark {
  margin-top: 18.6px;
  margin-bottom: 55px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #welcome.dachgauben .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #welcome.dachgauben .btn-dark {
    margin-top: 2.421875vw;
  }
}
@media (min-width: 992px) {
  main #welcome.dachgauben .btn-dark {
    margin-bottom: 65px;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1400px) {
  main #welcome.dachgauben .btn-dark {
    margin-bottom: 4.6875vw;
  }
}
@media (min-width: 1590px) {
  main #welcome.dachgauben .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .btn-dark {
    margin-top: 46.5px;
    margin-bottom: 90px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #welcome.dachgauben .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #welcome.dachgauben .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #welcome.dachgauben .btn-dark:focus, main #welcome.dachgauben .btn-dark:hover, main #welcome.dachgauben .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #welcome.dachgauben .btn-dark:focus img, main #welcome.dachgauben .btn-dark:hover img, main #welcome.dachgauben .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #welcome.dachgauben .btn-dark:focus img, main #welcome.dachgauben .btn-dark:hover img, main #welcome.dachgauben .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben .btn-dark:focus img, main #welcome.dachgauben .btn-dark:hover img, main #welcome.dachgauben .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #welcome.dachgauben.services-plus .text {
  padding-bottom: 45px;
}
@media (min-width: 576px) {
  main #welcome.dachgauben.services-plus .text {
    padding-bottom: 55px;
  }
}
@media (min-width: 992px) {
  main #welcome.dachgauben.services-plus .text {
    padding-bottom: 65px;
  }
}
@media (min-width: 1400px) {
  main #welcome.dachgauben.services-plus .text {
    padding-bottom: 4.6875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.services-plus .text {
    padding-bottom: 90px;
  }
}
main #welcome.dachgauben.services-plus .img-1-container {
  padding: 0 0.5045408678vw 0 0.5045408678vw;
}
@media (min-width: 768px) {
  main #welcome.dachgauben.services-plus .img-1-container {
    padding: 0 0.15625vw 0 0.5078125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.services-plus .img-1-container {
    padding: 0 3px 0 9.75px;
  }
}
main #welcome.dachgauben.services-plus .img-2-container {
  padding: 40.5px 0.5045408678vw 0 0.5045408678vw;
}
@media (min-width: 768px) {
  main #welcome.dachgauben.services-plus .img-2-container {
    padding: 5.2734375vw 0.5078125vw 0 0.15625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.services-plus .img-2-container {
    padding: 101.25px 9.75px 0 3px;
  }
}
main #welcome.dachgauben.kontakt .text {
  padding-bottom: 27px;
}
@media (min-width: 576px) {
  main #welcome.dachgauben.kontakt .text {
    padding-bottom: 37px;
  }
}
@media (min-width: 992px) {
  main #welcome.dachgauben.kontakt .text {
    padding-bottom: 50px;
  }
}
main #welcome.dachgauben.kontakt .text h3 {
  margin-bottom: 29.8px;
  font-size: 1.3em;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  main #welcome.dachgauben.kontakt .text h3 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.kontakt .text h3 {
    margin-bottom: 39.75px;
  }
}
main #welcome.dachgauben.kontakt .text .facebook {
  margin-top: 0.6640625vw;
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-facebook-Dark.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.kontakt .text .facebook {
    height: 42px;
    width: 42px;
  }
}
main #welcome.dachgauben.kontakt .text .facebook:focus, main #welcome.dachgauben.kontakt .text .facebook:hover {
  /*background-image: url(../img/FRANK-Icon-facebook-Focus.svg);*/
}
main #welcome.dachgauben.kontakt .text .instagram {
  margin-top: 0.6640625vw;
  margin-left: 14.25px;
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-instagram-Dark.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  main #welcome.dachgauben.kontakt .text .instagram {
    margin-left: 14.25px;
    height: 42px;
    width: 42px;
  }
}
main #welcome.dachgauben.kontakt .text .instagram:focus, main #welcome.dachgauben.kontakt .text .instagram:hover {
  /*background-image: url(../img/FRANK-Icon-instagram-Focus.svg*/
}
main #welcome.company {
  padding-top: 130.2px;
  padding-bottom: 88.8px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-13.svg);
  background-size: 108.1% auto;
  background-position: center 0;
}
@media (min-width: 768px) {
  main #welcome.company {
    padding-top: 16.953125vw;
    padding-bottom: 11.5625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company {
    padding-top: 325.5px;
    padding-bottom: 222px;
  }
}
main #welcome.company h1 {
  padding-top: 7.8px;
  padding-bottom: 29.4px;
  padding-left: 0.46875vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.11328125vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #welcome.company h1 {
    padding-top: 1.015625vw;
    padding-bottom: 3.828125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company h1 {
    padding-top: 19.5px;
    padding-bottom: 73.5px;
    padding-left: 9px;
    font-size: 222px;
    letter-spacing: 2.16667px;
  }
}
main #welcome.company .intro-small {
  padding: 0 0 0 0.46875vw;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 576px) {
  main #welcome.company .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company .intro-small {
    font-size: 105.55px;
  }
}
main #welcome.company .intro-small strong {
  letter-spacing: 0.0859375vw;
}
@media (min-width: 1920px) {
  main #welcome.company .intro-small strong {
    letter-spacing: 1.65px;
  }
}
main #welcome.company .question-mark {
  padding-left: 0.15625vw;
  padding-right: 0.5078125vw;
}
@media (min-width: 1920px) {
  main #welcome.company .question-mark {
    padding-left: 3px;
    padding-right: 9.75px;
  }
}
main #welcome.company .text {
  padding: 65.7px 0.5045408678vw 43.8px 0.5045408678vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #welcome.company .text {
    padding: 8.5546875vw 0.5045408678vw 5.703125vw 0.5045408678vw;
  }
}
@media (min-width: 992px) {
  main #welcome.company .text {
    padding: 8.5546875vw 0.234375vw 5.703125vw 0.234375vw;
  }
}
@media (min-width: 1590px) {
  main #welcome.company .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company .text {
    padding: 164.25px 4.5px 109.5px 4.5px;
    font-size: 24.4333px;
  }
}
main #welcome.company .img-1-container {
  padding: 0 0.5045408678vw 0 0.5045408678vw;
}
@media (min-width: 768px) {
  main #welcome.company .img-1-container {
    padding: 0 0.15625vw 0 0.5078125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company .img-1-container {
    padding: 0 3px 0 9.75px;
  }
}
main #welcome.company .img-2-container {
  padding: 40.5px 0.5045408678vw 0 0.5045408678vw;
}
@media (min-width: 768px) {
  main #welcome.company .img-2-container {
    padding: 5.2734375vw 0.5078125vw 0 0.15625vw;
  }
}
@media (min-width: 1920px) {
  main #welcome.company .img-2-container {
    padding: 101.25px 9.75px 0 3px;
  }
}
main #welcome #dachgauben-slider {
  padding-bottom: 25.5px;
}
@media (min-width: 768px) {
  main #welcome #dachgauben-slider {
    padding-bottom: 3.3203125vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider {
    padding-bottom: 63.75px;
  }
}
main #welcome #dachgauben-slider .slick-slide {
  background-color: #fff;
  overflow: hidden;
}
main #welcome #dachgauben-slider .slick-slide .padder {
  padding: 0 0.4296875vw;
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider .slick-slide .padder {
    padding: 0 8.25px;
  }
}
main #welcome #dachgauben-slider .slick-slide .secondary {
  opacity: 0.3;
}
main #welcome #dachgauben-slider .slick-prev {
  z-index: 1;
  top: calc(50% - 9.68335px);
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #welcome #dachgauben-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 992px) {
  main #welcome #dachgauben-slider .slick-prev {
    top: calc(50% - 0.9765625vw);
    left: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider .slick-prev {
    top: 449.85px;
    left: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #welcome #dachgauben-slider .slick-prev:focus, main #welcome #dachgauben-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #welcome #dachgauben-slider .slick-prev:before {
  content: "";
}
main #welcome #dachgauben-slider .slick-next {
  z-index: 1;
  top: calc(50% - 9.68335px);
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #welcome #dachgauben-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 992px) {
  main #welcome #dachgauben-slider .slick-next {
    top: calc(50% - 0.9765625vw);
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider .slick-next {
    top: 449.85px;
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #welcome #dachgauben-slider .slick-next:focus, main #welcome #dachgauben-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #welcome #dachgauben-slider .slick-next:before {
  content: "";
}
main #welcome #dachgauben-slider-indikator {
  text-align: center;
}
main #welcome #dachgauben-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #welcome #dachgauben-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #welcome #dachgauben-slider-indikator .indikator-container .from, main #welcome #dachgauben-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #welcome #dachgauben-slider-indikator .indikator-container .from, main #welcome #dachgauben-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider-indikator .indikator-container .from, main #welcome #dachgauben-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #welcome #dachgauben-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #welcome #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #welcome #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #welcome #dachgauben-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main #welcome .certificates {
  display: flex;
}
main #welcome .certificates .item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 1vw;
  height: 70px;
  width: 70px;
}
@media (min-width: 576px) {
  main #welcome .certificates .item {
    margin: 5px 1.25vw;
    height: 80px;
    width: 80px;
  }
}
@media (min-width: 768px) {
  main #welcome .certificates .item {
    margin: 5px 1.5vw;
    height: 90px;
    width: 90px;
  }
}
@media (min-width: 992px) {
  main #welcome .certificates .item {
    margin: 5px 1.7578125vw;
    height: 110px;
    width: 110px;
  }
}
@media (min-width: 1920px) {
  main #welcome .certificates .item {
    margin: 5px 33.75px;
  }
}
main #welcome .certificates .item img {
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
  max-height: 70px;
  max-width: 70px;
}
@media (min-width: 576px) {
  main #welcome .certificates .item img {
    max-height: 80px;
    max-width: 80px;
  }
}
@media (min-width: 768px) {
  main #welcome .certificates .item img {
    max-height: 90px;
    max-width: 90px;
  }
}
@media (min-width: 992px) {
  main #welcome .certificates .item img {
    max-height: 110px;
    max-width: 110px;
  }
}
main #welcome .certificates .item a img {
  transition: opacity 0.35s ease;
}
main #welcome .certificates .item a:focus img, main #welcome .certificates .item a:hover img {
  opacity: 0.5;
}
main #welcome.content-separator {
  margin-bottom: 5vw;
  padding-bottom: 5vw;
}
@media (min-width: 1920px) {
  main #welcome.content-separator {
    margin-bottom: 128px;
    padding-bottom: 128px;
  }
}
main #three-time-frank {
  position: relative;
  padding-bottom: 111.3px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-01.webp);
  background-repeat: no-repeat;
  background-size: 390% auto;
  background-position: center top;
  overflow: hidden;
}
@media (min-width: 768px) {
  main #three-time-frank {
    padding-bottom: 14.4921875vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank {
    background-size: 170.5% auto;
    background-position: center -2.421875vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank {
    padding-bottom: 278.25px;
    background-position: center -46.5px;
  }
}
main #three-time-frank .intro-small {
  padding: 60px 0 0 6.7826086957vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #three-time-frank .intro-small {
    padding: 60px 0 0 2.8254288597vw;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #three-time-frank .intro-small {
    padding: 7.8125vw 0 0 2.8254288597vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .intro-small {
    padding: 7.8125vw 0 0 0.152vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .intro-small {
    padding: 150px 0 0 2.91667px;
    font-size: 105.55px;
  }
}
main #three-time-frank .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #three-time-frank .intro-small strong {
    letter-spacing: 0.966667px;
  }
}
main #three-time-frank .intro-large {
  padding-bottom: 43.2px;
  padding-left: 0;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.18;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #three-time-frank .intro-large {
    padding-left: 0.4036326942vw;
  }
}
@media (min-width: 768px) {
  main #three-time-frank .intro-large {
    padding-bottom: 5.625vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .intro-large {
    padding-left: 11.305vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .intro-large {
    padding-bottom: 108px;
    padding-left: 217.05px;
    font-size: 222.217px;
  }
}
main #three-time-frank .tiles .tile {
  margin-left: 25px;
  margin-right: 25px;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .tile {
    margin-left: 0;
    margin-right: 0;
  }
}
main #three-time-frank .tiles .tile .content {
  margin-top: -1px;
  padding: 33.3167px 33.3167px 46.0667px 33.3167px;
}
@media (min-width: 768px) {
  main #three-time-frank .tiles .tile .content {
    padding: 4.3390514632vw 4.3390514632vw 6vw 4.3390514632vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile .content {
    padding: 2.890625vw 2.890625vw 5.859375vw 2.890625vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile .content {
    padding: 55.5px 55.5px 112.5px 55.5px;
  }
}
main #three-time-frank .tiles .tile .content > img {
  margin-bottom: 35.6333px;
  width: 27.8102926337vw;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .tile .content > img {
    width: 21.3925327952vw;
  }
}
@media (min-width: 768px) {
  main #three-time-frank .tiles .tile .content > img {
    margin-bottom: 4.6417759839vw;
    width: 21.3925327952vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile .content > img {
    margin-bottom: 3.125vw;
    width: 14.6484375vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile .content > img {
    margin-bottom: 60px;
    width: 281.25px;
  }
}
main #three-time-frank .tiles .tile.carpentry .content {
  background-color: #a3c2c7;
}
main #three-time-frank .tiles .tile.monument-preservation {
  margin-top: 55.0167px;
}
@media (min-width: 768px) {
  main #three-time-frank .tiles .tile.monument-preservation {
    margin-top: 7.1644803229vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile.monument-preservation {
    margin-top: 10.15625vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile.monument-preservation {
    margin-top: 195px;
  }
}
main #three-time-frank .tiles .tile.monument-preservation .content {
  padding-bottom: 7.8vw;
  background-color: #e1ac43;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .tile.monument-preservation .content {
    padding-bottom: 6vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile.monument-preservation .content {
    padding-bottom: 2.8125vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile.monument-preservation .content {
    padding-bottom: 54px;
  }
}
main #three-time-frank .tiles .tile.private-carpentry {
  margin-top: 55.0167px;
}
@media (min-width: 768px) {
  main #three-time-frank .tiles .tile.private-carpentry {
    margin-top: 7.1644803229vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile.private-carpentry {
    margin-top: 23.046875vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile.private-carpentry {
    margin-top: 442.5px;
  }
}
main #three-time-frank .tiles .tile.private-carpentry .content {
  padding-bottom: 7.8vw;
  background-color: #e1ab43;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .tile.private-carpentry .content {
    padding-bottom: 6vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile.private-carpentry .content {
    padding-bottom: 3.90625vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile.private-carpentry .content {
    padding-bottom: 75px;
  }
}
main #three-time-frank .tiles .tile.private-carpentry .content > img {
  margin-bottom: 24px;
  margin-left: 0.5045408678vw;
  width: 26.78vw;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .tile.private-carpentry .content > img {
    width: 20.6vw;
  }
}
@media (min-width: 768px) {
  main #three-time-frank .tiles .tile.private-carpentry .content > img {
    margin-bottom: 3.125vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .tile.private-carpentry .content > img {
    margin-left: 0;
    width: 13.6328125vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .tile.private-carpentry .content > img {
    margin-bottom: 60px;
    width: 261.75px;
  }
}
main #three-time-frank .tiles h2 {
  margin-bottom: 29.4333px;
  font-size: 4.984863774vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles h2 {
    font-size: 3.8345105954vw;
  }
}
@media (min-width: 768px) {
  main #three-time-frank .tiles h2 {
    margin-bottom: 3.8345105954vw;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles h2 {
    margin-bottom: 2.6171875vw;
    font-size: 2.6041666667vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles h2 {
    margin-bottom: 25.96px;
    font-size: 25.833px;
  }
}
main #three-time-frank .tiles .btn-dark {
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #three-time-frank .tiles .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #three-time-frank .tiles .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #three-time-frank .tiles .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #three-time-frank .tiles .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #three-time-frank .tiles .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #three-time-frank .tiles .btn-dark:focus, main #three-time-frank .tiles .btn-dark:hover, main #three-time-frank .tiles .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #three-time-frank .tiles .btn-dark:focus img, main #three-time-frank .tiles .btn-dark:hover img, main #three-time-frank .tiles .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #three-time-frank .tiles .btn-dark:focus img, main #three-time-frank .tiles .btn-dark:hover img, main #three-time-frank .tiles .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank .tiles .btn-dark:focus img, main #three-time-frank .tiles .btn-dark:hover img, main #three-time-frank .tiles .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #three-time-frank.downloads {
  background-image: none;
}
main #three-time-frank.downloads .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 576px) {
  main #three-time-frank.downloads .container {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
}
main #three-time-frank.downloads .tile {
  margin-bottom: 45.95px;
}
@media (min-width: 768px) {
  main #three-time-frank.downloads .tile {
    margin-bottom: 6vw;
  }
}
@media (min-width: 1200px) {
  main #three-time-frank.downloads .tile {
    margin-bottom: 1rem;
  }
}
main #three-time-frank.downloads .tile .content > img {
  width: 153px;
}
@media (min-width: 1440px) {
  main #three-time-frank.downloads .tile .content > img {
    width: 11vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank.downloads .tile .content > img {
    width: 211.2px;
  }
}
main #three-time-frank.downloads .tile .text {
  padding-bottom: 32.727272px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
  min-height: 0;
}
@media (min-width: 1200px) {
  main #three-time-frank.downloads .tile .text {
    padding-bottom: 0;
    min-height: 163.63636px;
  }
}
@media (min-width: 1590px) {
  main #three-time-frank.downloads .tile .text {
    font-size: 1.2731481481vw;
    min-height: 10.4166664352vw;
  }
}
@media (min-width: 1920px) {
  main #three-time-frank.downloads .tile .text {
    font-size: 24.4333px;
    min-height: 199.983px;
  }
}
main #mia-san-frank {
  position: relative;
  margin-top: -5.15625vw;
}
@media (min-width: 1920px) {
  main #mia-san-frank {
    margin-top: -99px;
  }
}
main #mia-san-frank .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e1ac43;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-07.webp);
  background-repeat: no-repeat;
  background-size: 236.5% auto;
  background-position: center 0.9375vw;
  /*img {
			opacity: 0;
		}*/
}
@media (min-width: 1920px) {
  main #mia-san-frank .top-bg {
    background-position: center 18px;
  }
}
main #mia-san-frank .bg {
  padding-top: 95.3px;
  background-color: #e1ac43;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-07.webp);
  background-repeat: no-repeat;
  background-size: 236.5% auto;
  background-position: center -5.078125vw;
}
@media (min-width: 768px) {
  main #mia-san-frank .bg {
    padding-top: 12.409vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank .bg {
    padding-top: 238.25px;
    background-position: center -97.5px;
  }
}
main #mia-san-frank .intro-small {
  padding: 0 0 0 0.1vw;
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #mia-san-frank .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank .intro-small {
    padding: 0 0 0 1.91667px;
    font-size: 105.55px;
  }
}
main #mia-san-frank h2 {
  padding-bottom: 39.6833px;
  padding-left: 0.3vw;
  font-size: 11.5740740741vw;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1.08;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #mia-san-frank h2 {
    padding-bottom: 5.169vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank h2 {
    padding-bottom: 99.2333px;
    padding-left: 5.75px;
    font-size: 222.217px;
  }
}
main #mia-san-frank h2 strong {
  font-weight: 900;
  letter-spacing: 0.125vw;
}
@media (min-width: 1920px) {
  main #mia-san-frank h2 strong {
    letter-spacing: 2.4px;
  }
}
main #mia-san-frank .text {
  padding: 0 0.625vw 60px 0.3125vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #mia-san-frank .text {
    padding: 0 0.625vw 7.8125vw 0.1vw;
  }
}
@media (min-width: 1590px) {
  main #mia-san-frank .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank .text {
    padding: 0 12px 150px 1.91667px;
    font-size: 24.4333px;
  }
}
main #mia-san-frank .text p, main #mia-san-frank .text ul, main #mia-san-frank .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #mia-san-frank .text p, main #mia-san-frank .text ul, main #mia-san-frank .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank .text p, main #mia-san-frank .text ul, main #mia-san-frank .text ol {
    margin-bottom: 39.75px;
  }
}
main #mia-san-frank .text ul, main #mia-san-frank .text ol {
  padding-left: 1em;
}
main #mia-san-frank .text strong {
  font-weight: 700;
}
main #mia-san-frank #video-slider {
  padding-bottom: 52.3px;
}
@media (min-width: 992px) {
  main #mia-san-frank #video-slider {
    padding-bottom: 5.2734375vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider {
    padding-bottom: 101.25px;
  }
}
main #mia-san-frank #video-slider .prev-video {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  overflow: hidden;
}
main #mia-san-frank #video-slider .prev-video .video-secondary {
  float: right;
}
main #mia-san-frank #video-slider .next-video {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 100%;
  overflow: hidden;
}
main #mia-san-frank #video-slider .video-primary {
  padding-left: 0.46875vw;
  padding-right: 0.46875vw;
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .video-primary {
    padding-left: 12px;
    padding-right: 12px;
  }
}
main #mia-san-frank #video-slider .video-secondary {
  width: 300%;
}
main #mia-san-frank #video-slider .slick-slide .video-container {
  width: 100%;
  margin-left: 0;
  padding: 0;
  transition: padding 0.95s ease-out, margin-left 0.65s ease-out;
}
@media (min-width: 576px) {
  main #mia-san-frank #video-slider .slick-slide .video-container {
    padding: 5.0347222222vw 26.3310185185vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .slick-slide .video-container {
    padding: 96.6667px 505.55px;
  }
}
main #mia-san-frank #video-slider .slick-slide .video-container .content {
  position: relative;
}
main #mia-san-frank #video-slider .slick-slide .video-container .content img:not(.btn-img) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
main #mia-san-frank #video-slider .slick-slide .video-container .videoCookieOverlay {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  font-size: 16px;
}
@media (min-width: 576px) {
  main #mia-san-frank #video-slider .slick-slide .video-container .videoCookieOverlay {
    font-size: inherit;
  }
}
main #mia-san-frank #video-slider .slick-slide.slick-current .video-container {
  margin-left: 0;
  padding: 0;
}
@media (min-width: 576px) {
  main #mia-san-frank #video-slider .slick-slide.slick-current .video-container {
    padding: 0 17.3611111111vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .slick-slide.slick-current .video-container {
    padding: 0 333.317px;
  }
}
main #mia-san-frank #video-slider .slick-slide.slick-current .video-container img:not(.btn-img) {
  display: none;
}
main #mia-san-frank #video-slider .slick-slide.slick-current .videoCookieOverlay {
  opacity: 1;
  transition: opacity 1.5s ease-in;
}
main #mia-san-frank #video-slider .slick-slide.slick-isprev .video-container {
  margin-left: 0;
  padding: 0;
}
@media (min-width: 576px) {
  main #mia-san-frank #video-slider .slick-slide.slick-isprev .video-container {
    margin-left: 42.2453703704vw;
    padding: 5.0347222222vw 26.3310185185vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .slick-slide.slick-isprev .video-container {
    margin-left: 811.1px;
    padding: 96.6667px 505.55px;
  }
}
main #mia-san-frank #video-slider .slick-slide.slick-isprev .video-container img:not(.btn-img) {
  display: block;
}
main #mia-san-frank #video-slider .slick-slide.slick-isnext .video-container {
  margin-left: 0;
  padding: 0;
}
@media (min-width: 576px) {
  main #mia-san-frank #video-slider .slick-slide.slick-isnext .video-container {
    margin-left: -42.2453703704vw;
    padding: 5.0347222222vw 26.3310185185vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .slick-slide.slick-isnext .video-container {
    margin-left: -811.1px;
    padding: 96.6667px 505.55px;
  }
}
main #mia-san-frank #video-slider .slick-slide.slick-isnext .video-container img:not(.btn-img) {
  display: block;
}
main #mia-san-frank #video-slider .slick-prev, main #mia-san-frank #video-slider .slick-next {
  top: auto;
  bottom: 0;
  width: 37.5833px;
  height: 37.5833px;
  transform: none;
  background-color: #181716;
  background-repeat: no-repeat;
  background-size: 16.65px 10.0667px;
  border-radius: 50%;
  transition: background-position 0.35s ease;
}
@media (min-width: 992px) {
  main #mia-san-frank #video-slider .slick-prev, main #mia-san-frank #video-slider .slick-next {
    width: 3.7890625vw;
    height: 3.7890625vw;
    background-size: 1.6796875vw 1.015625vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #video-slider .slick-prev, main #mia-san-frank #video-slider .slick-next {
    width: 72.75px;
    height: 72.75px;
    background-size: 32.25px 19.5px;
  }
}
main #mia-san-frank #video-slider .slick-prev:before, main #mia-san-frank #video-slider .slick-next:before {
  content: "";
}
main #mia-san-frank #video-slider .slick-prev:focus, main #mia-san-frank #video-slider .slick-prev:hover, main #mia-san-frank #video-slider .slick-next:focus, main #mia-san-frank #video-slider .slick-next:hover {
  background-position: 50% center;
}
main #mia-san-frank #video-slider .slick-prev[aria-disabled="true"], main #mia-san-frank #video-slider .slick-next[aria-disabled="true"] {
  opacity: 0;
  cursor: default;
}
main #mia-san-frank #video-slider .slick-prev:focus-visible, main #mia-san-frank #video-slider .slick-next:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
main #mia-san-frank #video-slider .slick-prev {
  left: 17.3%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Arrow-Next.svg);
  background-position: 20% center;
  transform: rotate(180deg);
}
main #mia-san-frank #video-slider .slick-next {
  left: calc(17.3% + 50.8px);
  right: auto;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Arrow-Next.svg);
  background-position: 20% center;
}
@media (min-width: 992px) {
  main #mia-san-frank #video-slider .slick-next {
    left: 22.42%;
  }
}
main #mia-san-frank #want-more .intro-want-more {
  padding: 60.5167px 0.78125vw 30.9px 0.1vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #mia-san-frank #want-more .intro-want-more {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #mia-san-frank #want-more .intro-want-more {
    padding: 7.88vw 0.78125vw 4.0234375vw 1.4vw;
  }
}
@media (min-width: 992px) {
  main #mia-san-frank #want-more .intro-want-more {
    padding: 7.88vw 0.78125vw 4.0234375vw 0.1vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .intro-want-more {
    padding: 151.283px 15px 77.25px 1.91667px;
    font-size: 105.55px;
  }
}
main #mia-san-frank #want-more .intro-want-more strong {
  display: inline-block;
  padding-left: 4.8828125vw;
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .intro-want-more strong {
    padding-left: 93.75px;
    letter-spacing: 0.966667px;
  }
}
main #mia-san-frank #want-more .buttons {
  padding-bottom: 11.6px;
}
@media (min-width: 768px) {
  main #mia-san-frank #want-more .buttons {
    padding-bottom: 8.28125vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .buttons {
    padding-bottom: 159px;
  }
}
main #mia-san-frank #want-more .buttons .btn-dark {
  margin-bottom: 13.5px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #mia-san-frank #want-more .buttons .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #mia-san-frank #want-more .buttons .btn-dark {
    margin-bottom: 1.7578125vw;
  }
}
@media (min-width: 992px) {
  main #mia-san-frank #want-more .buttons .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #mia-san-frank #want-more .buttons .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .buttons .btn-dark {
    margin-bottom: 33.75px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #mia-san-frank #want-more .buttons .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #mia-san-frank #want-more .buttons .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .buttons .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #mia-san-frank #want-more .buttons .btn-dark:focus, main #mia-san-frank #want-more .buttons .btn-dark:hover, main #mia-san-frank #want-more .buttons .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #mia-san-frank #want-more .buttons .btn-dark:focus img, main #mia-san-frank #want-more .buttons .btn-dark:hover img, main #mia-san-frank #want-more .buttons .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #mia-san-frank #want-more .buttons .btn-dark:focus img, main #mia-san-frank #want-more .buttons .btn-dark:hover img, main #mia-san-frank #want-more .buttons .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank #want-more .buttons .btn-dark:focus img, main #mia-san-frank #want-more .buttons .btn-dark:hover img, main #mia-san-frank #want-more .buttons .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #mia-san-frank.mt-5 {
  margin-top: 92px !important;
}
@media (min-width: 768px) {
  main #mia-san-frank.mt-5 {
    margin-top: 12vw !important;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank.mt-5 {
    margin-top: 230.4px !important;
  }
}
main #mia-san-frank.mt-0 {
  margin-bottom: 92px !important;
}
@media (min-width: 768px) {
  main #mia-san-frank.mt-0 {
    margin-bottom: 12vw !important;
  }
}
@media (min-width: 1920px) {
  main #mia-san-frank.mt-0 {
    margin-bottom: 230.4px !important;
  }
}
main #youtube {
  margin-bottom: 92px !important;
}
@media (min-width: 768px) {
  main #youtube {
    margin-bottom: 12vw !important;
  }
}
@media (min-width: 1920px) {
  main #youtube {
    margin-bottom: 230.4px !important;
  }
}
main #youtube h2 {
  padding: 0 0 90.5333px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #youtube h2 {
    padding: 0 0 90.5333px 0;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #youtube h2 {
    padding: 0 0 11.79vw 0;
  }
}
@media (min-width: 1920px) {
  main #youtube h2 {
    padding: 0 0 33px 0;
    font-size: 105.55px;
  }
}
main #youtube h2 strong {
  font-weight: 900;
  letter-spacing: -0.03515625vw;
}
@media (min-width: 1920px) {
  main #youtube h2 strong {
    letter-spacing: -0.666667px;
  }
}
main #our-projects {
  position: relative;
  padding-bottom: 168px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-06.webp);
  background-repeat: no-repeat;
  background-size: 456% auto;
  background-position: center top;
  overflow: hidden;
}
@media (min-width: 576px) {
  main #our-projects {
    background-size: 390% auto;
  }
}
@media (min-width: 768px) {
  main #our-projects {
    padding-bottom: 21.875vw;
  }
}
@media (min-width: 992px) {
  main #our-projects {
    background-size: 235% auto;
    background-position: center -17.7734375vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects {
    padding-bottom: 420px;
    background-position: center -341.25px;
  }
}
main #our-projects .intro-small {
  padding: 94.2px 0 31.5px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #our-projects .intro-small {
    padding: 94.2px 0 31.5px 0.2vw;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #our-projects .intro-small {
    padding: 12.265625vw 0 4.1015625vw 0.2vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .intro-small {
    padding: 235.5px 0 78.75px 3.83333px;
    font-size: 105.55px;
  }
}
main #our-projects .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.0625vw;
}
@media (min-width: 1920px) {
  main #our-projects .intro-small strong {
    letter-spacing: 1.2px;
  }
}
main #our-projects h2 {
  padding-bottom: 79.8833px;
  padding-left: 4vw;
  font-size: 11.5740740741vw;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #our-projects h2 {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  main #our-projects h2 {
    padding-bottom: 10.403vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects h2 {
    padding-bottom: 199.733px;
    font-size: 222.217px;
  }
}
main #our-projects h2 strong {
  font-weight: 900;
  letter-spacing: 0.140625vw;
}
@media (min-width: 1920px) {
  main #our-projects h2 strong {
    letter-spacing: 2.7px;
  }
}
main #our-projects .tiles {
  padding-bottom: 59.7333px;
}
@media (min-width: 768px) {
  main #our-projects .tiles {
    padding-bottom: 7.778vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles {
    padding-bottom: 149.333px;
  }
}
main #our-projects .tiles .tile {
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  main #our-projects .tiles .tile {
    margin-left: 0;
    margin-right: 0;
  }
}
main #our-projects .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #our-projects .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #our-projects .tiles .tile .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 9px 10.2px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
@media (min-width: 768px) {
  main #our-projects .tiles .tile .content {
    padding: 1.5625vw 1.171875vw 1.328125vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile .content {
    padding: 30px 22.5px 25.5px;
    font-size: 15px;
    letter-spacing: 5.91667px;
  }
}
main #our-projects .tiles .tile .date {
  margin-bottom: 0.6px;
}
@media (min-width: 768px) {
  main #our-projects .tiles .tile .date {
    margin-bottom: 0.078125vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile .date {
    margin-bottom: 1.5px;
  }
}
main #our-projects .tiles .tile h3 {
  margin-bottom: 8.1px;
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #our-projects .tiles .tile h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  main #our-projects .tiles .tile h3 {
    margin-bottom: 1.0546875vw;
    font-size: 19.1333px;
  }
}
@media (min-width: 1400px) {
  main #our-projects .tiles .tile h3 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile h3 {
    margin-bottom: 20.25px;
    font-size: 26.65px;
  }
}
main #our-projects .tiles .tile a {
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #our-projects .tiles .tile a img {
  position: relative;
  top: -1.5px;
  margin-left: 12.75px;
  width: 30px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile a img {
    top: -1.5px;
    margin-left: 12.75px;
    width: 30px;
  }
}
main #our-projects .tiles .tile a:focus, main #our-projects .tiles .tile a:hover, main #our-projects .tiles .tile a:active, main #our-projects .tiles .tile a.hover {
  color: #d5af8b;
}
main #our-projects .tiles .tile a:focus img, main #our-projects .tiles .tile a:hover img, main #our-projects .tiles .tile a:active img, main #our-projects .tiles .tile a.hover img {
  margin-left: 27.75px;
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile a:focus img, main #our-projects .tiles .tile a:hover img, main #our-projects .tiles .tile a:active img, main #our-projects .tiles .tile a.hover img {
    margin-left: 27.75px;
  }
}
main #our-projects .tiles .tile a.secondary {
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
}
main #our-projects .tiles .tile.project-1 {
  margin-top: 0;
}
@media (min-width: 992px) {
  main #our-projects .tiles .tile.project-1 {
    margin-top: 9.296875vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile.project-1 {
    margin-top: 178.5px;
  }
}
main #our-projects .tiles .tile.project-2 {
  margin-top: 46.0667px;
}
@media (min-width: 768px) {
  main #our-projects .tiles .tile.project-2 {
    margin-top: 6vw;
  }
}
@media (min-width: 992px) {
  main #our-projects .tiles .tile.project-2 {
    margin-top: 17.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .tiles .tile.project-2 {
    margin-top: 332.25px;
  }
}
main #our-projects .tiles .tile.project-3 {
  margin-top: 46.0667px;
}
@media (min-width: 768px) {
  main #our-projects .tiles .tile.project-3 {
    margin-top: 6vw;
  }
}
@media (min-width: 992px) {
  main #our-projects .tiles .tile.project-3 {
    margin-top: 0;
  }
}
main #our-projects .tiles .tile:hover .bg-img, main #our-projects .tiles .tile:focus-within .bg-img {
  top: -5%;
  left: -5%;
  width: 110%;
}
main #our-projects .btn-dark {
  margin-left: -8.5px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #our-projects .btn-dark {
    margin-left: 1.2108980827vw;
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #our-projects .btn-dark {
    margin-left: 0.2vw;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #our-projects .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #our-projects .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #our-projects .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #our-projects .btn-dark:focus, main #our-projects .btn-dark:hover, main #our-projects .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #our-projects .btn-dark:focus img, main #our-projects .btn-dark:hover img, main #our-projects .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #our-projects .btn-dark:focus img, main #our-projects .btn-dark:hover img, main #our-projects .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #our-projects .btn-dark:focus img, main #our-projects .btn-dark:hover img, main #our-projects .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #our-projects .content-separator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
main #our-projects .content-separator img {
  width: 100%;
}
main #our-projects .content-separator .padder {
  margin-top: -1px;
  height: 0;
  /*height: 0.8203125vw;*/
  background-color: #a3c2c7;
  /*
				@media all and (min-width : 1920px) {
					height: 15.75px;
				}
				*/
}
main #how-much {
  padding-top: 54.0333px;
  padding-bottom: 127.783px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-01.webp);
  background-repeat: no-repeat;
  background-size: 270% auto;
  background-position: center -1.71875vw;
}
@media (min-width: 576px) {
  main #how-much {
    background-size: 180% auto;
  }
}
@media (min-width: 768px) {
  main #how-much {
    padding-top: 7.0359375vw;
    padding-bottom: 16.64vw;
    background-size: 118% auto;
  }
}
@media (min-width: 992px) {
  main #how-much {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  main #how-much {
    background-size: 94% auto;
    padding-top: 5.4296875vw;
  }
}
@media (min-width: 1400px) {
  main #how-much {
    background-size: 100% auto;
  }
}
@media (min-width: 1920px) {
  main #how-much {
    padding-top: 104.25px;
    padding-bottom: 319.483px;
    background-position: center -33px;
  }
}
main #how-much h2 {
  padding-top: 36px;
  padding-bottom: 27.85px;
  padding-left: 0.2vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #how-much h2 {
    padding-top: 17.65px;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #how-much h2 {
    padding-top: 2.3vw;
    padding-bottom: 3.628vw;
  }
}
@media (min-width: 1200px) {
  main #how-much h2 {
    padding-top: 3.90625vw;
  }
}
@media (min-width: 1920px) {
  main #how-much h2 {
    padding-top: 75px;
    padding-bottom: 69.65px;
    padding-left: 3.83333px;
    font-size: 105.55px;
  }
}
main #how-much h2 strong {
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #how-much h2 strong {
    letter-spacing: 0.966667px;
  }
}
main #how-much .text {
  padding: 0 0.625vw 7.8px 0.2vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #how-much .text {
    padding: 0 0.625vw 1.015625vw 0.2vw;
  }
}
@media (min-width: 1590px) {
  main #how-much .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .text {
    padding: 0 12px 19.5px 3.83333px;
    font-size: 24.4333px;
  }
}
main #how-much .text p, main #how-much .text ul, main #how-much .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #how-much .text p, main #how-much .text ul, main #how-much .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .text p, main #how-much .text ul, main #how-much .text ol {
    margin-bottom: 39.75px;
  }
}
main #how-much .text ul, main #how-much .text ol {
  padding-left: 1em;
}
main #how-much .text strong {
  font-weight: 700;
}
main #how-much .btn-dark {
  margin-left: 0.2vw;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #how-much .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #how-much .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #how-much .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #how-much .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #how-much .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #how-much .btn-dark:focus, main #how-much .btn-dark:hover, main #how-much .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #how-much .btn-dark:focus img, main #how-much .btn-dark:hover img, main #how-much .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #how-much .btn-dark:focus img, main #how-much .btn-dark:hover img, main #how-much .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .btn-dark:focus img, main #how-much .btn-dark:hover img, main #how-much .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #how-much .question-mark {
  padding: 0;
}
@media (min-width: 576px) {
  main #how-much .question-mark {
    padding: 0 1.9140625vw 0 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #how-much .question-mark {
    padding: 0 36.75px 0 30px;
  }
}
main #at-a-glance {
  position: relative;
  margin-top: -6.0546875vw;
  padding-bottom: 6.0546875vw;
}
@media (min-width: 1920px) {
  main #at-a-glance {
    margin-top: -116.25px;
    padding-bottom: 116.25px;
  }
}
main #at-a-glance .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-05.webp);
  background-repeat: no-repeat;
  background-size: 295% auto;
  background-position: center 4.84375vw;
}
@media (min-width: 1920px) {
  main #at-a-glance .top-bg {
    background-position: center 93px;
  }
}
main #at-a-glance .top-bg img {
  opacity: 0;
}
main #at-a-glance .bg {
  padding-bottom: 66.0333px;
  background-color: #e0dbd5;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-05.webp);
  background-repeat: no-repeat;
  background-size: 295% auto;
  background-position: center -5.078125vw;
  overflow: hidden;
}
@media (min-width: 768px) {
  main #at-a-glance .bg {
    padding-bottom: 8.6vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .bg {
    padding-bottom: 117px;
    background-position: center -97.5px;
  }
}
main #at-a-glance .intro-small {
  padding: 53.1px 0 3px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #at-a-glance .intro-small {
    padding: 53.1px 0 3px 1.5136226034vw;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #at-a-glance .intro-small {
    padding: 6.9140625vw 0 0.390625vw 1.5136226034vw;
  }
}
@media (min-width: 992px) {
  main #at-a-glance .intro-small {
    padding: 7.84vw 0 1.291vw 0.2vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .intro-small {
    padding: 150.517px 0 24.7833px 3.83333px;
    font-size: 105.55px;
  }
}
main #at-a-glance h2 {
  margin-bottom: 90.3px;
  padding-left: 0;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #at-a-glance h2 {
    padding-left: 1.4127144299vw;
  }
}
@media (min-width: 768px) {
  main #at-a-glance h2 {
    margin-bottom: 11.7578125vw;
  }
}
@media (min-width: 992px) {
  main #at-a-glance h2 {
    padding-left: 0.2vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance h2 {
    margin-bottom: 225.75px;
    padding-left: 3.83333px;
    font-size: 222.22px;
  }
}
main #at-a-glance .tiles .tile {
  margin-bottom: 30.9833px;
  margin-left: 25px;
  margin-right: 25px;
}
@media (min-width: 576px) {
  main #at-a-glance .tiles .tile {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile {
    margin-bottom: 4.0363269425vw;
  }
}
@media (min-width: 992px) {
  main #at-a-glance .tiles .tile {
    margin-bottom: 1.2890625vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile {
    margin-bottom: 24.75px;
  }
}
main #at-a-glance .tiles .tile .content {
  padding: 24.6px 21.9px 0;
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile .content {
    padding: 3.203125vw 2.8515625vw 0;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile .content {
    padding: 61.5px 54.75px 0;
  }
}
main #at-a-glance .tiles .tile h3 {
  margin-bottom: 20.4px;
  font-size: 26.7px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #at-a-glance .tiles .tile h3 {
    font-size: 26.7px;
  }
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile h3 {
    margin-bottom: 2.65625vw;
  }
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile h3 {
    font-size: 3.4722222222vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile h3 {
    margin-bottom: 51px;
    font-size: 66.6667px;
  }
}
main #at-a-glance .tiles .tile .text {
  margin-bottom: 21.3px;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.125;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile .text {
    margin-bottom: 2.7734375vw;
  }
}
@media (min-width: 1320px) {
  main #at-a-glance .tiles .tile .text {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile .text {
    margin-bottom: 53.25px;
    font-size: 26.65px;
  }
}
main #at-a-glance .tiles .tile .text ul {
  padding-left: 1em;
}
main #at-a-glance .tiles .tile .btn-dark {
  margin-bottom: 22.2px;
  margin-left: 0;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #at-a-glance .tiles .tile .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #at-a-glance .tiles .tile .btn-dark {
    margin-bottom: 2.890625vw;
  }
}
@media (min-width: 992px) {
  main #at-a-glance .tiles .tile .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #at-a-glance .tiles .tile .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #at-a-glance .tiles .tile .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #at-a-glance .tiles .tile .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #at-a-glance .tiles .tile .btn-dark:focus, main #at-a-glance .tiles .tile .btn-dark:hover, main #at-a-glance .tiles .tile .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #at-a-glance .tiles .tile .btn-dark:focus img, main #at-a-glance .tiles .tile .btn-dark:hover img, main #at-a-glance .tiles .tile .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #at-a-glance .tiles .tile .btn-dark:focus img, main #at-a-glance .tiles .tile .btn-dark:hover img, main #at-a-glance .tiles .tile .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile .btn-dark:focus img, main #at-a-glance .tiles .tile .btn-dark:hover img, main #at-a-glance .tiles .tile .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #at-a-glance .tiles .tile.projects {
  background-color: #fff;
}
main #at-a-glance .tiles .tile.magazine {
  background-color: #fff;
}
main #at-a-glance .tiles .tile.services {
  background-color: #fff;
}
@media (min-width: 992px) {
  main #at-a-glance .tiles .tile.services {
    margin-top: 12.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance .tiles .tile.services {
    margin-top: 236.25px;
  }
}
main #at-a-glance .tiles .tile.brochure {
  background-color: #fff;
}
main #at-a-glance .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
main #at-a-glance .bottom .bottom-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-05.webp);
  background-repeat: no-repeat;
  background-size: 295% auto;
  background-position: center 101.5%;
}
@media (min-width: 992px) {
  main #at-a-glance .bottom .bottom-bg {
    display: block;
  }
}
main #at-a-glance .bottom .bottom-bg img {
  opacity: 0;
}
main #at-a-glance.unternehmen {
  margin-top: -3.8671875vw;
  padding-bottom: 3.9453125vw;
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen {
    margin-top: -74.25px;
    padding-bottom: 75.75px;
  }
}
main #at-a-glance.unternehmen .top-bg {
  background-size: 190% auto;
  background-position: center 2.578125vw;
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen .top-bg {
    background-position: center 49.5px;
  }
}
main #at-a-glance.unternehmen .bg {
  padding-top: 40.8px;
  padding-bottom: 34.2px;
  background-size: 190% auto;
  background-position: center -3.9453125vw;
}
@media (min-width: 768px) {
  main #at-a-glance.unternehmen .bg {
    padding-top: 5.3125vw;
    padding-bottom: 4.453125vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen .bg {
    padding-top: 102px;
    padding-bottom: 85.5px;
    background-position: center -75.75px;
  }
}
main #at-a-glance.unternehmen .intro-large {
  margin-bottom: 31.5px;
  padding-left: 0.46875vw;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #at-a-glance.unternehmen .intro-large {
    margin-bottom: 4.1015625vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen .intro-large {
    margin-bottom: 78.75px;
    padding-left: 9px;
    font-size: 222.217px;
  }
}
main #at-a-glance.unternehmen h2 {
  margin-bottom: 55.5px;
  padding: 0 0 3px 0.5078125vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #at-a-glance.unternehmen h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #at-a-glance.unternehmen h2 {
    margin-bottom: 7.2265625vw;
    padding: 0 0 0.390625vw 0.5078125vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen h2 {
    margin-bottom: 138.75px;
    padding: 0 0 7.5px 9.75px;
    font-size: 105.55px;
  }
}
main #at-a-glance.unternehmen h2 strong {
  font-weight: 900;
}
main #at-a-glance.unternehmen .tile.magazine {
  margin-top: 0;
}
@media (min-width: 992px) {
  main #at-a-glance.unternehmen .tile.magazine {
    margin-top: 12.1484375vw;
  }
}
@media (min-width: 1920px) {
  main #at-a-glance.unternehmen .tile.magazine {
    margin-top: 233.25px;
  }
}
main #at-a-glance.unternehmen .bottom .bottom-bg {
  background-size: 190% auto;
  background-position: center 101.5%;
}
main #news {
  margin-top: -2.9296875vw;
  padding-top: 82.8px;
  padding-bottom: 64.5px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 440% auto;
  background-position: center -28.6956521739vw;
  overflow: hidden;
}
@media (min-width: 576px) {
  main #news {
    background-size: 402% auto;
    background-position: center -21.6952573158vw;
  }
}
@media (min-width: 768px) {
  main #news {
    padding-top: 10.78125vw;
    padding-bottom: 8.4vw;
  }
}
@media (min-width: 992px) {
  main #news {
    background-size: 156% auto;
    background-position: center -3.0859375vw;
  }
}
@media (min-width: 1920px) {
  main #news {
    margin-top: -56.25px;
    padding-top: 207px;
    padding-bottom: 161.267px;
    background-position: center -59.25px;
  }
}
main #news h2 {
  margin-bottom: 0;
  padding-right: 0.546875vw;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  main #news h2 {
    padding-right: 10.5px;
    font-size: 222.217px;
  }
}
main #news .intro-small {
  margin-top: 4.98333px;
  margin-bottom: 13.2px;
  padding-right: 0.2vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #news .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #news .intro-small {
    margin-top: 0.65vw;
    margin-bottom: 1.72vw;
  }
}
@media (min-width: 1920px) {
  main #news .intro-small {
    margin-top: 12.4667px;
    margin-bottom: 33.0167px;
    padding-right: 3.83333px;
    font-size: 105.55px;
  }
}
main #news .tiles {
  padding: 0 0 80.1px;
  overflow: hidden;
}
@media (min-width: 576px) {
  main #news .tiles {
    padding: 0 0.46875vw 80.1px;
  }
}
@media (min-width: 768px) {
  main #news .tiles {
    padding: 0 0.46875vw 10.4296875vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles {
    padding: 0 9px 200.25px;
  }
}
main #news .tiles .tile {
  position: relative;
  margin-bottom: 9.9px;
  margin-left: 25px;
  margin-right: 25px;
}
@media (min-width: 576px) {
  main #news .tiles .tile {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  main #news .tiles .tile {
    margin-bottom: 1.2890625vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile {
    margin-bottom: 24.75px;
  }
}
main #news .tiles .tile .maske {
  position: absolute;
  top: 0;
  left: 0;
}
main #news .tiles .tile .content {
  padding: 11.55px 0.3px 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 5.35px;
  line-height: 1.14;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #news .tiles .tile .content {
    padding: 1.50390625vw 0.0390625vw 0;
  }
}
@media (min-width: 1830px) {
  main #news .tiles .tile .content {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile .content {
    padding: 28.8667px 0.75px 0;
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
main #news .tiles .tile .date {
  margin-bottom: 1.8px;
}
@media (min-width: 768px) {
  main #news .tiles .tile .date {
    margin-bottom: 0.234375vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile .date {
    margin-bottom: 4.5px;
  }
}
main #news .tiles .tile h3 {
  margin-bottom: 11.1px;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #news .tiles .tile h3 {
    margin-bottom: 1.4453125vw;
  }
}
@media (min-width: 1400px) {
  main #news .tiles .tile h3 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile h3 {
    margin-bottom: 27.75px;
    font-size: 26.65px;
  }
}
main #news .tiles .tile .text {
  margin-bottom: 21.3px;
}
@media (min-width: 768px) {
  main #news .tiles .tile .text {
    margin-bottom: 2.7734375vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile .text {
    margin-bottom: 53.25px;
  }
}
main #news .tiles .tile a {
  color: #a3c2c7;
  text-decoration: none;
  transition: color 0.35s ease;
}
main #news .tiles .tile a:focus, main #news .tiles .tile a:hover {
  color: #bd9877;
}
main #news .tiles .tile.news-1 {
  margin-top: 69.3px;
}
@media (min-width: 768px) {
  main #news .tiles .tile.news-1 {
    margin-top: 9.0234375vw;
  }
}
@media (min-width: 992px) {
  main #news .tiles .tile.news-1 {
    margin-top: 0;
  }
}
main #news .tiles .tile.news-2 {
  margin-top: 46.0667px;
}
@media (min-width: 768px) {
  main #news .tiles .tile.news-2 {
    margin-top: 6vw;
  }
}
@media (min-width: 992px) {
  main #news .tiles .tile.news-2 {
    margin-top: 9.0234375vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile.news-2 {
    margin-top: 173.25px;
  }
}
main #news .tiles .tile.news-3 {
  margin-top: 46.0667px;
}
@media (min-width: 768px) {
  main #news .tiles .tile.news-3 {
    margin-top: 6vw;
  }
}
@media (min-width: 992px) {
  main #news .tiles .tile.news-3 {
    margin-top: 18.4765625vw;
  }
}
@media (min-width: 1920px) {
  main #news .tiles .tile.news-3 {
    margin-top: 354.75px;
  }
}
main #news .btn-dark {
  margin-left: 25px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #news .btn-dark {
    margin-left: 0;
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #news .btn-dark {
    margin-left: 0.234375vw;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #news .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #news .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #news .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #news .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #news .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #news .btn-dark:focus, main #news .btn-dark:hover, main #news .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #news .btn-dark:focus img, main #news .btn-dark:hover img, main #news .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #news .btn-dark:focus img, main #news .btn-dark:hover img, main #news .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #news .btn-dark:focus img, main #news .btn-dark:hover img, main #news .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #links {
  padding-top: 83.1px;
  padding-bottom: 121.933px;
}
@media (min-width: 768px) {
  main #links {
    padding-top: 10.8203125vw;
    padding-bottom: 15.877vw;
  }
}
@media (min-width: 1920px) {
  main #links {
    padding-top: 207.75px;
    padding-bottom: 304.833px;
  }
}
main #links h2 {
  margin-bottom: 11.1px;
  padding-left: 0.1vw;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #links h2 {
    margin-bottom: 1.4453125vw;
    font-size: 3.4722222222vw;
  }
}
@media (min-width: 1920px) {
  main #links h2 {
    margin-bottom: 27.75px;
    padding-left: 1.91667px;
    font-size: 66.6667px;
  }
}
main #links h3 {
  margin-bottom: 17.4px;
  padding-left: 0.1vw;
  font-size: 16.4px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.125;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #links h3 {
    margin-bottom: 2.265625vw;
  }
}
@media (min-width: 1200px) {
  main #links h3 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #links h3 {
    margin-bottom: 43.5px;
    font-size: 26.65px;
  }
}
main #links .btn-dark {
  margin-bottom: 79.3px;
  margin-left: 0.1vw;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #links .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #links .btn-dark {
    margin-bottom: 0;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #links .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #links .btn-dark {
    padding: 18.633px 23.602px;
    font-size: 18.403px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #links .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #links .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #links .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #links .btn-dark:focus, main #links .btn-dark:hover, main #links .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #links .btn-dark:focus img, main #links .btn-dark:hover img, main #links .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #links .btn-dark:focus img, main #links .btn-dark:hover img, main #links .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #links .btn-dark:focus img, main #links .btn-dark:hover img, main #links .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #projects {
  position: relative;
  margin-top: -7.3vw;
  font-size: 18px;
  letter-spacing: 0.32px;
  line-height: 1.58;
  overflow: hidden;
}
@media (min-width: 450px) {
  main #projects {
    margin-top: -6.4vw;
  }
}
@media (min-width: 576px) {
  main #projects {
    margin-top: -5.9vw;
  }
}
@media (min-width: 1200px) {
  main #projects {
    margin-top: -12.8vw;
  }
}
@media (min-width: 1536px) {
  main #projects {
    margin-top: -4.921875vw;
    font-size: 1.171875vw;
    letter-spacing: 0.02109375vw;
  }
}
@media (min-width: 1920px) {
  main #projects {
    margin-top: -94.5px;
    font-size: 22.5px;
    letter-spacing: 0.4px;
  }
}
main #projects strong {
  font-weight: 700;
}
main #projects .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-10.webp);
  background-repeat: no-repeat;
  background-size: 320% auto;
  background-position: center top;
}
main #projects .top-bg img {
  opacity: 0;
}
main #projects .bg {
  padding-top: 3rem;
  background-color: #e1ac43;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-10.webp);
  background-repeat: no-repeat;
  background-size: 320% auto;
  background-position: center -7.8125vw;
}
@media (min-width: 1920px) {
  main #projects .bg {
    padding-top: 57.6px;
    background-position: center -150px;
  }
}
main #projects h2 {
  display: none;
  margin-bottom: 14.7px;
  padding-top: 20.7px;
  padding-left: 0.348vw;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.2px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #projects h2 {
    display: block;
  }
}
@media (min-width: 768px) {
  main #projects h2 {
    margin-bottom: 1.9140625vw;
    padding-top: 2.6953125vw;
  }
}
@media (min-width: 1830px) {
  main #projects h2 {
    font-size: 0.8203125vw;
    letter-spacing: 0.28515625vw;
  }
}
@media (min-width: 1920px) {
  main #projects h2 {
    margin-bottom: 36.75px;
    padding-top: 51.75px;
    padding-left: 6.66667px;
    font-size: 15.75px;
    letter-spacing: 5.46667px;
  }
}
main #projects #filter-collapse-toggler {
  display: inline-block;
  margin-top: 20.7px;
  margin-bottom: 14.7px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.2px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #projects #filter-collapse-toggler {
    display: none;
  }
}
@media (min-width: 768px) {
  main #projects #filter-collapse-toggler {
    margin-bottom: 1.9140625vw;
  }
}
@media (min-width: 1830px) {
  main #projects #filter-collapse-toggler {
    font-size: 0.8203125vw;
    letter-spacing: 0.28515625vw;
  }
}
main #projects #filter-collapse-toggler .plus {
  display: inline;
}
main #projects #filter-collapse-toggler .minus {
  display: none;
}
main #projects #filter-collapse-toggler[aria-expanded="true"] .plus {
  display: none;
}
main #projects #filter-collapse-toggler[aria-expanded="true"] .minus {
  display: inline;
}
main #projects .links {
  padding-bottom: 3vw;
  padding-left: 0;
}
@media (min-width: 768px) {
  main #projects .links {
    padding-bottom: 23.0333px;
  }
}
main #projects .links .text-nowrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  main #projects .links .text-nowrap {
    white-space: nowrap !important;
  }
}
main #projects .links a {
  display: block;
  margin: 0.5em 0;
  padding: 0 0.3125vw;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: #181716;
  text-decoration: none;
  transition: color 0.35s ease;
}
@media (min-width: 576px) {
  main #projects .links a {
    display: inline-block;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
  }
}
main #projects .links a:focus, main #projects .links a:hover, main #projects .links a.active {
  color: #d20000;
}
main #projects .links a.active {
  font-weight: 900;
}
main #projects .links a sup {
  font-size: 62%;
}
main #projects .tiles .tile {
  position: relative;
  margin-bottom: 30.7167px;
  margin-left: 25px;
  margin-right: 25px;
  overflow: hidden;
}
@media (min-width: 576px) {
  main #projects .tiles .tile {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  main #projects .tiles .tile {
    margin-bottom: 4vw;
  }
}
@media (min-width: 992px) {
  main #projects .tiles .tile {
    margin-bottom: 1rem;
  }
}
main #projects .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #projects .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #projects .tiles .tile .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 9px 10.2px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
@media (min-width: 768px) {
  main #projects .tiles .tile .content {
    padding: 1.5625vw 1.171875vw 1.328125vw;
  }
}
@media (min-width: 1920px) {
  main #projects .tiles .tile .content {
    padding: 30px 22.5px 25.5px;
    font-size: 15px;
    letter-spacing: 5.91667px;
  }
}
main #projects .tiles .tile .date {
  margin-bottom: 0.6px;
}
@media (min-width: 768px) {
  main #projects .tiles .tile .date {
    margin-bottom: 0.078125vw;
  }
}
@media (min-width: 1920px) {
  main #projects .tiles .tile .date {
    margin-bottom: 1.5px;
  }
}
main #projects .tiles .tile h3 {
  margin-bottom: 8.1px;
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #projects .tiles .tile h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  main #projects .tiles .tile h3 {
    margin-bottom: 1.0546875vw;
    font-size: 19.1333px;
  }
}
@media (min-width: 1400px) {
  main #projects .tiles .tile h3 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #projects .tiles .tile h3 {
    margin-bottom: 20.25px;
    font-size: 26.65px;
  }
}
main #projects .tiles .tile a {
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #projects .tiles .tile a img {
  position: relative;
  top: -1.5px;
  margin-left: 12.75px;
  width: 30px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1920px) {
  main #projects .tiles .tile a img {
    top: -1.5px;
    margin-left: 12.75px;
    width: 30px;
  }
}
main #projects .tiles .tile a:focus, main #projects .tiles .tile a:hover, main #projects .tiles .tile a:active, main #projects .tiles .tile a.hover {
  color: #d5af8b;
}
main #projects .tiles .tile a:focus img, main #projects .tiles .tile a:hover img, main #projects .tiles .tile a:active img, main #projects .tiles .tile a.hover img {
  margin-left: 27.75px;
}
@media (min-width: 1920px) {
  main #projects .tiles .tile a:focus img, main #projects .tiles .tile a:hover img, main #projects .tiles .tile a:active img, main #projects .tiles .tile a.hover img {
    margin-left: 27.75px;
  }
}
main #projects .tiles .tile:hover .bg-img, main #projects .tiles .tile:focus-within .bg-img {
  top: -5%;
  left: -5%;
  width: 110%;
}
main #projects #load-projects {
  padding: 36.7px 0 19.9667px;
  text-align: center;
}
@media (min-width: 768px) {
  main #projects #load-projects {
    padding: 4.78vw 0 2.6vw;
  }
}
@media (min-width: 1920px) {
  main #projects #load-projects {
    padding: 91.7667px 0 49.9167px;
  }
}
main #projects #load-projects #load-projects-ajax {
  padding: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.35px;
  line-height: 1.14;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #projects #load-projects #load-projects-ajax img {
  margin-bottom: 1.875vw;
  width: 42.2px;
}
@media (min-width: 1830px) {
  main #projects #load-projects #load-projects-ajax img {
    width: 2.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #projects #load-projects #load-projects-ajax img {
    margin-bottom: 36px;
    width: 44.25px;
  }
}
main #projects #load-projects #load-projects-ajax:focus, main #projects #load-projects #load-projects-ajax:hover {
  color: #d20000;
}
main #projects #load-projects #load-projects-ajax.loading img {
  animation-name: projectsLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (min-width: 1830px) {
  main #projects #load-projects #load-projects-ajax {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #projects #load-projects #load-projects-ajax {
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
@keyframes projectsLoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
main #projects.services-projects .top-bg {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-11.webp);
  background-repeat: no-repeat;
  background-size: 249.6% auto;
  background-position: center 3.203125vw;
}
@media (min-width: 1920px) {
  main #projects.services-projects .top-bg {
    background-position: center 61.5px;
  }
}
main #projects.services-projects .top-bg img {
  opacity: 0;
}
main #projects.services-projects .bg {
  background-color: #a3c2c7;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-11.webp);
  background-repeat: no-repeat;
  background-size: 249.6% auto;
  background-position: center -6.0546875vw;
}
@media (min-width: 1920px) {
  main #projects.services-projects .bg {
    background-position: center -116.25px;
  }
}
main #projects.services-projects .intro-large {
  padding-top: 43.2px;
  padding-bottom: 31.5px;
  padding-left: 0.25vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #projects.services-projects .intro-large {
    padding-top: 5.625vw;
    padding-bottom: 4.1015625vw;
  }
}
@media (min-width: 1920px) {
  main #projects.services-projects .intro-large {
    padding-top: 108px;
    padding-bottom: 78.75px;
    padding-left: 4.8px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #projects.services-projects h2 {
  padding: 0 0 52.5px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #projects.services-projects h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #projects.services-projects h2 {
    padding: 0 0 6.8359375vw 0;
  }
}
@media (min-width: 1920px) {
  main #projects.services-projects h2 {
    padding: 0 0 131.25px 0;
    font-size: 105.55px;
  }
}
main #projects.services-projects h2 strong {
  font-weight: 900;
  letter-spacing: 0.03125vw;
}
@media (min-width: 1920px) {
  main #projects.services-projects h2 strong {
    letter-spacing: 0.8px;
  }
}
main #projects.services-projects #load-projects {
  padding: 43.5px 0 71.7px;
}
@media (min-width: 768px) {
  main #projects.services-projects #load-projects {
    padding: 5.6640625vw 0 9.3359375vw;
  }
}
@media (min-width: 1920px) {
  main #projects.services-projects #load-projects {
    padding: 108.75px 0 179.25px;
  }
}
main #projects.services-projects #load-projects #load-dachgauben-ajax {
  padding: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.35px;
  line-height: 1.14;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #projects.services-projects #load-projects #load-dachgauben-ajax img {
  margin-bottom: 1.09375vw;
  width: 42.2px;
}
@media (min-width: 1830px) {
  main #projects.services-projects #load-projects #load-dachgauben-ajax img {
    width: 2.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #projects.services-projects #load-projects #load-dachgauben-ajax img {
    margin-bottom: 36px;
    width: 44.25px;
  }
}
main #projects.services-projects #load-projects #load-dachgauben-ajax:focus, main #projects.services-projects #load-projects #load-dachgauben-ajax:hover {
  color: #d20000;
}
main #projects.services-projects #load-projects #load-dachgauben-ajax.loading img {
  animation-name: dachgaubenLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (min-width: 1830px) {
  main #projects.services-projects #load-projects #load-dachgauben-ajax {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #projects.services-projects #load-projects #load-dachgauben-ajax {
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
@keyframes dachgaubenLoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
main #projects.services-projects.services-plus {
  margin-top: 4.921875vw;
}
@media (min-width: 1920px) {
  main #projects.services-projects.services-plus {
    margin-top: 94.5px;
  }
}
main #contact-projects {
  margin-top: -7.8125vw;
  padding-top: 141.6px;
  padding-bottom: 41.4px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-06.webp);
  background-repeat: no-repeat;
  background-size: 235.6% auto;
  background-position: center -54.9609375vw;
}
@media (min-width: 768px) {
  main #contact-projects {
    padding-top: 18.4375vw;
    padding-bottom: 5.390625vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects {
    margin-top: -117px;
    padding-top: 286.5px;
    padding-bottom: 103.5px;
    background-position: center -1055.25px;
  }
}
main #contact-projects .intro-large {
  margin-bottom: 31.8px;
  padding-left: 0.25vw;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #contact-projects .intro-large {
    margin-bottom: 4.140625vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .intro-large {
    margin-bottom: 81.75px;
    padding-left: 4.8px;
    font-size: 222.217px;
  }
}
main #contact-projects .intro-small {
  margin-bottom: 53.4px;
  padding-left: 0.25vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #contact-projects .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #contact-projects .intro-small {
    margin-bottom: 6.953125vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .intro-small {
    margin-bottom: 149.25px;
    font-size: 105.55px;
  }
}
main #contact-projects .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.0703125vw;
}
@media (min-width: 1920px) {
  main #contact-projects .intro-small strong {
    letter-spacing: 1.35px;
  }
}
main #contact-projects .text {
  margin-bottom: 47.7px;
  padding: 0.6px 0 0 0.078125vw;
  font-size: 20px;
  letter-spacing: 0.8px;
  line-height: 1.64;
}
@media (min-width: 768px) {
  main #contact-projects .text {
    margin-bottom: 6.2109375vw;
    padding: 0.078125vw 0 0 0.078125vw;
  }
}
@media (min-width: 1590px) {
  main #contact-projects .text {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .text {
    margin-bottom: 119.25px;
    padding: 1.5px 0 0 1.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
  }
}
main #contact-projects .text .title {
  margin-bottom: 1.7578125vw;
  font-size: 22.35px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.108;
  text-transform: uppercase;
  color: #d20000;
}
@media (min-width: 1590px) {
  main #contact-projects .text .title {
    font-size: 1.40625vw;
  }
}
@media (min-width: 1590px) {
  main #contact-projects .text .title {
    margin-bottom: 33.75px;
    font-size: 27px;
  }
}
main #contact-projects .text p, main #contact-projects .text ul, main #contact-projects .text ol {
  margin-bottom: 27.0167px;
}
@media (min-width: 1590px) {
  main #contact-projects .text p, main #contact-projects .text ul, main #contact-projects .text ol {
    margin-bottom: 1.7vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .text p, main #contact-projects .text ul, main #contact-projects .text ol {
    margin-bottom: 32.6333px;
  }
}
main #contact-projects .text ul, main #contact-projects .text ol {
  padding-left: 1em;
}
main #contact-projects .text a {
  color: #181716;
  text-decoration: none;
  transition: color 0.35s ease;
}
main #contact-projects .text a:focus, main #contact-projects .text a:hover {
  color: #d20000;
}
main #contact-projects .text .facebook {
  margin-top: 0.6640625vw;
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-facebook-Dark.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  main #contact-projects .text .facebook {
    height: 42px;
    width: 42px;
  }
}
main #contact-projects .text .facebook:focus, main #contact-projects .text .facebook:hover {
  /*background-image: url(../img/FRANK-Icon-facebook-Focus.svg);*/
}
main #contact-projects .text .instagram {
  margin-top: 0.6640625vw;
  margin-left: 14.25px;
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-instagram-Dark.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  main #contact-projects .text .instagram {
    margin-left: 0.7421875vw;
    height: 42px;
    width: 42px;
  }
}
main #contact-projects .text .instagram:focus, main #contact-projects .text .instagram:hover {
  /*background-image: url(../img/FRANK-Icon-instagram-Focus.svg);*/
}
main #contact-projects form {
  padding-left: 0.546875vw;
  padding-right: 0.1171875vw;
}
@media (min-width: 1920px) {
  main #contact-projects form {
    padding-left: 10.5px;
    padding-right: 2.25px;
  }
}
main #contact-projects fieldset {
  padding: 0.5rem 1rem 0;
  margin-bottom: 8.7px;
  font-size: 18px;
  letter-spacing: 0.7px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  main #contact-projects fieldset {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1590px) {
  main #contact-projects fieldset {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects fieldset {
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects legend {
  font-size: 1.5em;
}
main #contact-projects .form-control {
  margin-bottom: 8.7px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  main #contact-projects .form-control {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1728px) {
  main #contact-projects .form-control {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-control {
    margin-bottom: 21.75px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects .form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #contact-projects .form-floating .form-control {
  margin-bottom: 8.7px;
  height: 66px;
  min-height: 66px;
  padding: 32.3px 19.25px 29.8px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  main #contact-projects .form-floating .form-control {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1728px) {
  main #contact-projects .form-floating .form-control {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 2.03125vw 1.2109375vw 1.875vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-floating .form-control {
    height: 78px;
    min-height: 78px;
    padding: 39px 23.25px 36px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects .form-floating .form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #contact-projects .form-floating > label {
  padding: 19.87px 19.25px 17.38px;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 0.6px;
  line-height: 1.5;
}
@media (min-width: 1728px) {
  main #contact-projects .form-floating > label {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 1.25vw 1.2109375vw 1.09375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-floating > label {
    height: 78px;
    min-height: 78px;
    padding: 24px 23.25px 21px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects #floatingTextareaNachricht {
  height: 175.8px;
}
@media (min-width: 1728px) {
  main #contact-projects #floatingTextareaNachricht {
    height: 11.0546875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects #floatingTextareaNachricht {
    height: 212.25px;
  }
}
main #contact-projects .form-floating > .form-control-plaintext ~ label, main #contact-projects .form-floating > .form-control:focus ~ label, main #contact-projects .form-floating > .form-control:not(:placeholder-shown) ~ label, main #contact-projects .form-floating > .form-select ~ label {
  padding: 12px 19px;
  transform: scale(0.85) translateY(-9.32px) translateX(4.97px);
}
@media (min-width: 1728px) {
  main #contact-projects .form-floating > .form-control-plaintext ~ label, main #contact-projects .form-floating > .form-control:focus ~ label, main #contact-projects .form-floating > .form-control:not(:placeholder-shown) ~ label, main #contact-projects .form-floating > .form-select ~ label {
    padding: 0.703125vw 1.111vw;
    transform: scale(0.85) translateY(-0.5859375vw) translateX(0.3125vw);
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-floating > .form-control-plaintext ~ label, main #contact-projects .form-floating > .form-control:focus ~ label, main #contact-projects .form-floating > .form-control:not(:placeholder-shown) ~ label, main #contact-projects .form-floating > .form-select ~ label {
    padding: 13.5px 21.3167px;
    transform: scale(0.85) translateY(-11.25px) translateX(6px);
  }
}
main #contact-projects .form-check {
  min-height: 21.4px;
  padding-left: 32.9px;
  margin-bottom: 0;
}
@media (min-width: 1830px) {
  main #contact-projects .form-check {
    min-height: 1.171875vw;
    padding-left: 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-check {
    min-height: 22.5px;
    padding-left: 34.5px;
  }
}
main #contact-projects .form-check .form-check-input {
  width: 21.4px;
  height: 21.4px;
  margin-top: 0;
  margin-left: -32.9px;
  border: 1px solid #181716;
}
@media (min-width: 1830px) {
  main #contact-projects .form-check .form-check-input {
    width: 1.171875vw;
    height: 1.171875vw;
    margin-left: -1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-check .form-check-input {
    width: 22.5px;
    height: 22.5px;
    margin-left: -34.5px;
  }
}
main #contact-projects .form-check .form-check-input[type="checkbox"] {
  border-radius: 4.28333px;
}
@media (min-width: 1830px) {
  main #contact-projects .form-check .form-check-input[type="checkbox"] {
    border-radius: 0.234375vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-check .form-check-input[type="checkbox"] {
    border-radius: 4.5px;
  }
}
main #contact-projects .form-check .form-check-input:checked {
  background-color: #bd9877;
}
main #contact-projects .form-check .form-check-input:focus, main #contact-projects .form-check .form-check-input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #contact-projects .form-check label {
  display: inline-block;
  padding-top: 0.15625vw;
  font-size: 15px;
  letter-spacing: 1.02px;
  line-height: 1.14;
}
@media (min-width: 1830px) {
  main #contact-projects .form-check label {
    font-size: 0.8203125vw;
    letter-spacing: 0.05625vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .form-check label {
    padding-top: 3px;
    font-size: 15.75px;
    letter-spacing: 1.06667px;
  }
}
main #contact-projects .form-check label a {
  color: #181716;
  transition: color 0.35s ease;
}
main #contact-projects .form-check label a:focus, main #contact-projects .form-check label a:hover {
  color: #d20000;
}
main #contact-projects .form-check-input.is-invalid, main #contact-projects .was-validated .form-check-input:invalid {
  background-color: rgba(210, 0, 0, 0.1);
}
main #contact-projects .aufgabe {
  padding: 8.7px 0 0;
  font-size: 18px;
  letter-spacing: 0.7px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  main #contact-projects .aufgabe {
    padding: 1.1328125vw 0 0;
  }
}
@media (min-width: 1590px) {
  main #contact-projects .aufgabe {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .aufgabe {
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
  }
}
main #contact-projects .aufgabe .form-control {
  width: 82px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 1728px) {
  main #contact-projects .aufgabe .form-control {
    width: 92px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .aufgabe .form-control {
    width: 92px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects .btn-dark {
  margin-top: 33.6px;
  margin-bottom: 47.7px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #contact-projects .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #contact-projects .btn-dark {
    margin-top: 4.375vw;
    margin-bottom: 6.2109375vw;
  }
}
@media (min-width: 992px) {
  main #contact-projects .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #contact-projects .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .btn-dark {
    margin-top: 84px;
    margin-bottom: 119.25px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #contact-projects .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #contact-projects .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #contact-projects .btn-dark:focus, main #contact-projects .btn-dark:hover, main #contact-projects .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #contact-projects .btn-dark:focus img, main #contact-projects .btn-dark:hover img, main #contact-projects .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #contact-projects .btn-dark:focus img, main #contact-projects .btn-dark:hover img, main #contact-projects .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects .btn-dark:focus img, main #contact-projects .btn-dark:hover img, main #contact-projects .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #contact-projects.dachgauben {
  margin-top: -6.09375vw;
  padding-top: 114.6px;
  background-image: none;
}
@media (min-width: 768px) {
  main #contact-projects.dachgauben {
    padding-top: 14.921875vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects.dachgauben {
    margin-top: -117px;
    padding-top: 286.5px;
  }
}
main #contact-projects.dachgauben .intro-large {
  margin-bottom: 32.7px;
}
@media (min-width: 768px) {
  main #contact-projects.dachgauben .intro-large {
    margin-bottom: 4.2578125vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects.dachgauben .intro-large {
    margin-bottom: 81.75px;
  }
}
main #contact-projects.dachgauben .intro-small {
  margin-bottom: 59.7px;
  padding-left: 0.5078125vw;
}
@media (min-width: 768px) {
  main #contact-projects.dachgauben .intro-small {
    margin-bottom: 7.7734375vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects.dachgauben .intro-small {
    margin-bottom: 149.25px;
    padding-left: 9.75px;
  }
}
main #contact-projects.dachgauben h2 {
  margin-bottom: 37.8px;
  padding-left: 0.46875vw;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.125;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #contact-projects.dachgauben h2 {
    margin-bottom: 4.921875vw;
    font-size: 2.3148148148vw;
  }
}
@media (min-width: 1920px) {
  main #contact-projects.dachgauben h2 {
    margin-bottom: 94.5px;
    padding-left: 9px;
    font-size: 44.4333px;
  }
}
main #variants {
  position: relative;
  z-index: 1;
  margin-top: 93.3833px;
}
@media (min-width: 768px) {
  main #variants {
    margin-top: 12.16vw;
  }
}
@media (min-width: 1920px) {
  main #variants {
    margin-top: 233.467px;
  }
}
main #variants .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e0dbd5;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-12.svg);
  background-repeat: no-repeat;
  background-size: 180% auto;
  background-position: center 0;
  /*img {
			opacity: 0;
		}*/
}
@media (min-width: 576px) {
  main #variants .top-bg {
    background-size: 175% auto;
  }
}
@media (min-width: 768px) {
  main #variants .top-bg {
    background-size: 170% auto;
  }
}
@media (min-width: 992px) {
  main #variants .top-bg {
    background-size: 138% auto;
  }
}
@media (min-width: 1200px) {
  main #variants .top-bg {
    background-size: 120% auto;
  }
}
@media (min-width: 1400px) {
  main #variants .top-bg {
    background-size: 100% auto;
  }
}
main #variants .bg {
  background-color: #e0dbd5;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-12.svg);
  background-repeat: no-repeat;
  background-size: 180% auto;
  background-position: center -4.453125vw;
}
@media (min-width: 576px) {
  main #variants .bg {
    background-size: 175% auto;
  }
}
@media (min-width: 768px) {
  main #variants .bg {
    background-size: 170% auto;
  }
}
@media (min-width: 992px) {
  main #variants .bg {
    background-size: 138% auto;
  }
}
@media (min-width: 1200px) {
  main #variants .bg {
    background-size: 120% auto;
  }
}
@media (min-width: 1400px) {
  main #variants .bg {
    background-size: 100% auto;
  }
}
@media (min-width: 1920px) {
  main #variants .bg {
    background-position: center -85.5px;
  }
}
main #variants .intro-large {
  padding-top: 101.7px;
  padding-bottom: 25.5px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #variants .intro-large {
    padding-top: 13.2421875vw;
    padding-bottom: 3.3203125vw;
  }
}
@media (min-width: 1920px) {
  main #variants .intro-large {
    padding-top: 254.25px;
    padding-bottom: 63.75px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #variants h2 {
  padding: 0 0 90.5333px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #variants h2 {
    padding: 0 0 90.5333px 0;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #variants h2 {
    padding: 0 0 11.79vw 0;
  }
}
@media (min-width: 1920px) {
  main #variants h2 {
    padding: 0 0 33px 0;
    font-size: 105.55px;
  }
}
main #variants h2 strong {
  font-weight: 900;
  letter-spacing: -0.03515625vw;
}
@media (min-width: 1920px) {
  main #variants h2 strong {
    letter-spacing: -0.666667px;
  }
}
main #variants .text {
  padding: 0 0.3125vw 12.734375vw 0.46875vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 576px) {
  main #variants .text {
    padding: 0 0.3125vw 12.734375vw 0.1953125vw;
  }
}
@media (min-width: 1590px) {
  main #variants .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #variants .text {
    padding: 0 6px 66px 3.75px;
    font-size: 24.4333px;
  }
}
main #variants .text p, main #variants .text ul, main #variants .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #variants .text p, main #variants .text ul, main #variants .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #variants .text p, main #variants .text ul, main #variants .text ol {
    margin-bottom: 39.75px;
  }
}
main #variants .text ul, main #variants .text ol {
  padding-left: 1em;
}
main #variants .text strong {
  font-weight: 700;
}
main #variants .btn-dark {
  margin-top: 33.6px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #variants .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #variants .btn-dark {
    margin-top: 4.375vw;
  }
}
@media (min-width: 992px) {
  main #variants .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #variants .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #variants .btn-dark {
    margin-top: 84px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #variants .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #variants .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1590px) {
  main #variants .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #variants .btn-dark:focus, main #variants .btn-dark:hover, main #variants .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #variants .btn-dark:focus img, main #variants .btn-dark:hover img, main #variants .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #variants .btn-dark:focus img, main #variants .btn-dark:hover img, main #variants .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #variants .btn-dark:focus img, main #variants .btn-dark:hover img, main #variants .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #variants .collapse-container {
  padding: 0 0.27vw 134.1px;
}
@media (min-width: 992px) {
  main #variants .collapse-container {
    padding: 0 0.27vw 17.4609375vw;
  }
}
@media (min-width: 1920px) {
  main #variants .collapse-container {
    padding: 0 5.18333px 335.25px;
  }
}
main #variants .collapse-container .collapse-item {
  margin-bottom: 11.6167px;
}
@media (min-width: 992px) {
  main #variants .collapse-container .collapse-item {
    margin-bottom: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #variants .collapse-container .collapse-item {
    margin-bottom: 22.5px;
  }
}
main #variants .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
  display: block;
  width: 100%;
  padding: 23.7833px 37px 18.8667px 20.5px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2px;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Toggle-open.svg);
  background-repeat: no-repeat;
  background-size: 27.4667px 27.4667px;
  background-position: 98.5% 51%;
  border: none;
  border-radius: 0;
}
@media (min-width: 1050px) {
  main #variants .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
    padding: 2.265625vw 1.953125vw 1.796875vw;
    font-size: 1.71875vw;
    letter-spacing: 0.01953125vw;
    background-size: 2.6171875vw 2.6171875vw;
  }
}
@media (min-width: 1920px) {
  main #variants .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
    padding: 43.5px 37.5px 34.5px;
    font-size: 33px;
    letter-spacing: 0.366667px;
    background-size: 50.25px 50.25px;
  }
}
main #variants .collapse-container .collapse-item button[data-bs-toggle="collapse"][aria-expanded="true"] {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Toggle-close.svg);
}
main #variants .collapse-container .collapse-item .collapse, main #variants .collapse-container .collapse-item .collapsing {
  background-color: #fff;
}
main #variants .collapse-container .collapse-item .collapse .collapse-body, main #variants .collapse-container .collapse-item .collapsing .collapse-body {
  padding: 1.63333px 20.5px 6.55px 20.5px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 1050px) {
  main #variants .collapse-container .collapse-item .collapse .collapse-body, main #variants .collapse-container .collapse-item .collapsing .collapse-body {
    padding: 0.15625vw 13.75vw 0.2vw 1.953125vw;
  }
}
@media (min-width: 1590px) {
  main #variants .collapse-container .collapse-item .collapse .collapse-body, main #variants .collapse-container .collapse-item .collapsing .collapse-body {
    font-size: 1.2731481481vw;
    letter-spacing: 0.01328125vw;
  }
}
@media (min-width: 1920px) {
  main #variants .collapse-container .collapse-item .collapse .collapse-body, main #variants .collapse-container .collapse-item .collapsing .collapse-body {
    padding: 3px 264px 3.83333px 37.5px;
    font-size: 24.4333px;
    letter-spacing: 0.25px;
  }
}
main #variants.karriere {
  margin-bottom: 121.933px;
}
@media (min-width: 768px) {
  main #variants.karriere {
    margin-bottom: 15.877vw;
  }
}
@media (min-width: 1920px) {
  main #variants.karriere {
    margin-bottom: 304.833px;
  }
}
main #variants.denkmalschutz .bg {
  padding-bottom: 6vw;
}
@media (min-width: 1920px) {
  main #variants.denkmalschutz .bg {
    padding-bottom: 115.2px;
  }
}
main #variants #consulting-planning-slider {
  padding-bottom: 25.5px;
}
@media (min-width: 768px) {
  main #variants #consulting-planning-slider {
    padding-bottom: 3.3203125vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider {
    padding-bottom: 63.75px;
  }
}
main #variants #consulting-planning-slider .slick-slide {
  overflow: hidden;
}
main #variants #consulting-planning-slider .slick-slide .padder {
  padding: 0 0.4296875vw;
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider .slick-slide .padder {
    padding: 0 8.25px;
  }
}
main #variants #consulting-planning-slider .slick-slide .secondary {
  opacity: 0.3;
}
main #variants #consulting-planning-slider .slick-slide h3 {
  margin: 30.7167px 0.3125vw 15.35px;
  font-size: 23.0333px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #variants #consulting-planning-slider .slick-slide h3 {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  main #variants #consulting-planning-slider .slick-slide h3 {
    margin: 4vw 0.3125vw 2vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider .slick-slide h3 {
    margin: 76.8px 6px 38.4px;
    font-size: 76.8px;
  }
}
main #variants #consulting-planning-slider .slick-prev {
  z-index: 1;
  top: 18vw;
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #variants #consulting-planning-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 992px) {
  main #variants #consulting-planning-slider .slick-prev {
    left: 15px;
    height: 37.5px;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider .slick-prev {
    left: 0.78125vw;
    height: 1.953125vw;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #variants #consulting-planning-slider .slick-prev:focus, main #variants #consulting-planning-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #variants #consulting-planning-slider .slick-prev:before {
  content: "";
}
main #variants #consulting-planning-slider .slick-next {
  z-index: 1;
  top: 18vw;
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #variants #consulting-planning-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 992px) {
  main #variants #consulting-planning-slider .slick-next {
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider .slick-next {
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #variants #consulting-planning-slider .slick-next:focus, main #variants #consulting-planning-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #variants #consulting-planning-slider .slick-next:before {
  content: "";
}
main #variants #consulting-planning-slider-indikator {
  text-align: center;
}
main #variants #consulting-planning-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #variants #consulting-planning-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #variants #consulting-planning-slider-indikator .indikator-container .from, main #variants #consulting-planning-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #variants #consulting-planning-slider-indikator .indikator-container .from, main #variants #consulting-planning-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider-indikator .indikator-container .from, main #variants #consulting-planning-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #variants #consulting-planning-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #variants #consulting-planning-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #variants #consulting-planning-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #variants #consulting-planning-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main #variants.leistung-detail {
  margin-bottom: 92px;
}
@media (min-width: 768px) {
  main #variants.leistung-detail {
    margin-bottom: 12vw;
  }
}
@media (min-width: 1920px) {
  main #variants.leistung-detail {
    margin-bottom: 230.4px;
  }
}
main #variants.leistung-detail .bg {
  padding: 3rem 0;
}
main #variants.leistung-detail .bordered-items {
  padding-top: 1.015625vw;
}
@media (min-width: 1920px) {
  main #variants.leistung-detail .bordered-items {
    padding-top: 19.5px;
  }
}
main #variants.leistung-detail .bordered-items .bordered-item {
  margin-bottom: 15.1667px;
  font-weight: 700;
  letter-spacing: 0.216667px;
  line-height: 1.22;
}
@media (min-width: 1050px) {
  main #variants.leistung-detail .bordered-items .bordered-item {
    margin-bottom: 1.4453125vw;
  }
}
@media (min-width: 1440px) {
  main #variants.leistung-detail .bordered-items .bordered-item {
    letter-spacing: 0.015234375vw;
  }
}
@media (min-width: 1920px) {
  main #variants.leistung-detail .bordered-items .bordered-item {
    margin-bottom: 27.75px;
    letter-spacing: 0.283333px;
  }
}
main #variants.leistung-detail .bordered-items .bordered-item .bb {
  margin-top: 0.1171875vw;
  width: 81.55px;
  border-bottom: 2px solid #d20000;
}
@media (min-width: 1440px) {
  main #variants.leistung-detail .bordered-items .bordered-item .bb {
    width: 5.6640625vw;
  }
}
@media (min-width: 1920px) {
  main #variants.leistung-detail .bordered-items .bordered-item .bb {
    width: 108.75px;
  }
}
main #planner {
  margin-top: -4.453125vw;
  padding-top: 25.2px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-04.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
}
@media (min-width: 768px) {
  main #planner {
    padding-top: 3.28125vw;
  }
}
@media (min-width: 1920px) {
  main #planner {
    margin-top: -85.5px;
    padding-top: 63px;
  }
}
main #planner .intro-large {
  padding-top: 101.7px;
  padding-bottom: 31.2px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #planner .intro-large {
    padding-top: 13.2421875vw;
    padding-bottom: 4.0625vw;
  }
}
@media (min-width: 1920px) {
  main #planner .intro-large {
    padding-top: 254.25px;
    padding-bottom: 78px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #planner h2 {
  padding: 0 0 62.6667px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #planner h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #planner h2 {
    padding: 0 0 8.16vw 0;
  }
}
@media (min-width: 1920px) {
  main #planner h2 {
    padding: 0 0 156.667px 0;
    font-size: 105.55px;
  }
}
main #planner h2 strong {
  font-weight: 900;
  letter-spacing: 0.0390625vw;
}
@media (min-width: 1920px) {
  main #planner h2 strong {
    letter-spacing: 0.75px;
  }
}
main #planner .text {
  margin-bottom: 9px;
  padding: 0.1171875vw 0 0 0.25vw;
  font-size: 18px;
  letter-spacing: 0.65px;
  line-height: 1.78;
}
@media (min-width: 768px) {
  main #planner .text {
    margin-bottom: 1.171875vw;
  }
}
@media (min-width: 1540px) {
  main #planner .text {
    font-size: 1.171875vw;
    letter-spacing: 0.04296875vw;
  }
}
@media (min-width: 1920px) {
  main #planner .text {
    margin-bottom: 22.5px;
    padding: 2.25px 0 0 4.8px;
    font-size: 22.5px;
    letter-spacing: 0.816667px;
  }
}
main #planner .text strong {
  letter-spacing: 0.044921875vw;
  color: #d20000;
}
@media (min-width: 1590px) {
  main #planner .text strong {
    letter-spacing: 0.044921875vw;
  }
}
@media (min-width: 1920px) {
  main #planner .text strong {
    letter-spacing: 0.85px;
  }
}
main #planner .text ul {
  padding-left: 1em;
}
main #planner .img1-container {
  padding-left: 0;
  padding-right: 0.2vw;
}
@media (min-width: 1920px) {
  main #planner .img1-container {
    padding-right: 3.83333px;
  }
}
main #planner #dachgaubenplaner {
  margin-top: 37.2px;
}
@media (min-width: 768px) {
  main #planner #dachgaubenplaner {
    margin-top: 4.84375vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner {
    margin-top: 93px;
  }
}
main #planner #dachgaubenplaner .title {
  padding-bottom: 21.1167px;
  font-size: 21.4333px;
  font-weight: 900;
  letter-spacing: -0.0833333px;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 808px) {
  main #planner #dachgaubenplaner .title {
    padding-bottom: 2.6171875vw;
    font-size: 2.65625vw;
    letter-spacing: -0.01171875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .title {
    padding-bottom: 50.25px;
    font-size: 51px;
    letter-spacing: -0.216667px;
  }
}
main #planner #dachgaubenplaner .custom-progress {
  margin-bottom: 29.05px;
  height: 13.5833px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Dachgaubenplaner-Schritt-4.webp);
  background-size: 100% 100%;
}
main #planner #dachgaubenplaner .custom-progress.step-1 {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Dachgaubenplaner-Schritt-1.webp);
}
main #planner #dachgaubenplaner .custom-progress.step-2 {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Dachgaubenplaner-Schritt-2.webp);
}
main #planner #dachgaubenplaner .custom-progress.step-3 {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Dachgaubenplaner-Schritt-3.webp);
}
main #planner #dachgaubenplaner .custom-progress.step-4 {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Dachgaubenplaner-Schritt-4.webp);
}
@media (min-width: 992px) {
  main #planner #dachgaubenplaner .custom-progress {
    margin-bottom: 2.9296875vw;
  }
}
@media (min-width: 1200px) {
  main #planner #dachgaubenplaner .custom-progress {
    height: 1.1328125vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .custom-progress {
    margin-bottom: 56.25px;
    height: 21.75px;
  }
}
main #planner #dachgaubenplaner .step {
  display: none;
  padding: 0 0.2vw 48.05px;
}
@media (min-width: 992px) {
  main #planner #dachgaubenplaner .step {
    padding: 0 0.2vw 4.644vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step {
    padding: 0 3.83333px 89.15px;
  }
}
main #planner #dachgaubenplaner .step.show {
  display: block;
}
main #planner #dachgaubenplaner .step .img-option {
  position: relative;
  margin-bottom: 20.15px;
  cursor: pointer;
}
@media (min-width: 992px) {
  main #planner #dachgaubenplaner .step .img-option {
    margin-bottom: 2.03125vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .img-option {
    margin-bottom: 39px;
  }
}
main #planner #dachgaubenplaner .step .img-option .checked-indikator {
  display: none;
  position: absolute;
  bottom: 7.75px;
  right: 7.75px;
  height: 38.75px;
  width: 38.75px;
  background-color: #fff;
  background-image: url(../img/checked.webp);
  background-repeat: no-repeat;
  background-size: 80% 80%;
  background-position: center center;
  border-radius: 50%;
}
@media (min-width: 992px) {
  main #planner #dachgaubenplaner .step .img-option .checked-indikator {
    bottom: 0.78125vw;
    right: 0.78125vw;
    height: 3.90625vw;
    width: 3.90625vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .img-option .checked-indikator {
    bottom: 15px;
    right: 15px;
    height: 75px;
    width: 75px;
  }
}
main #planner #dachgaubenplaner .step .img-option .checked-indikator.checked {
  display: block;
}
main #planner #dachgaubenplaner .step .form-floating .form-control {
  margin-bottom: 8.7px;
  height: 66px;
  min-height: 66px;
  padding: 32.3px 19.25px 29.8px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  main #planner #dachgaubenplaner .step .form-floating .form-control {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1728px) {
  main #planner #dachgaubenplaner .step .form-floating .form-control {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 2.03125vw 1.2109375vw 1.875vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-floating .form-control {
    height: 78px;
    min-height: 78px;
    padding: 39px 23.25px 36px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #planner #dachgaubenplaner .step .form-floating .form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #planner #dachgaubenplaner .step .form-floating > label {
  padding: 19.87px 19.25px 17.38px;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 0.6px;
  line-height: 1.5;
}
@media (min-width: 1728px) {
  main #planner #dachgaubenplaner .step .form-floating > label {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 1.25vw 1.2109375vw 1.09375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-floating > label {
    height: 78px;
    min-height: 78px;
    padding: 24px 23.25px 21px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #planner #dachgaubenplaner .step #floatingTextareaNachricht {
  height: 175.8px;
}
@media (min-width: 1728px) {
  main #planner #dachgaubenplaner .step #floatingTextareaNachricht {
    height: 11.0546875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step #floatingTextareaNachricht {
    height: 212.25px;
  }
}
main #planner #dachgaubenplaner .step .form-floating > .form-control-plaintext ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:focus ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:not(:placeholder-shown) ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-select ~ label {
  padding: 12px 19px;
  transform: scale(0.85) translateY(-9.32px) translateX(4.97px);
}
@media (min-width: 1728px) {
  main #planner #dachgaubenplaner .step .form-floating > .form-control-plaintext ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:focus ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:not(:placeholder-shown) ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-select ~ label {
    padding: 0.703125vw 1.111vw;
    transform: scale(0.85) translateY(-0.5859375vw) translateX(0.3125vw);
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-floating > .form-control-plaintext ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:focus ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-control:not(:placeholder-shown) ~ label, main #planner #dachgaubenplaner .step .form-floating > .form-select ~ label {
    padding: 13.5px 21.3167px;
    transform: scale(0.85) translateY(-11, 0.25px) translateX(6px);
  }
}
main #planner #dachgaubenplaner .step .form-check {
  min-height: 21.4px;
  padding-left: 32.9px;
  margin-bottom: 0;
}
@media (min-width: 1830px) {
  main #planner #dachgaubenplaner .step .form-check {
    min-height: 1.171875vw;
    padding-left: 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-check {
    min-height: 22.5px;
    padding-left: 34.5px;
  }
}
main #planner #dachgaubenplaner .step .form-check .form-check-input {
  width: 21.4px;
  height: 21.4px;
  margin-top: 0;
  margin-left: -32.9px;
  border: 1px solid #181716;
}
@media (min-width: 1830px) {
  main #planner #dachgaubenplaner .step .form-check .form-check-input {
    width: 1.171875vw;
    height: 1.171875vw;
    margin-left: -1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-check .form-check-input {
    width: 22.5px;
    height: 22.5px;
    margin-left: -34.5px;
  }
}
main #planner #dachgaubenplaner .step .form-check .form-check-input[type="checkbox"] {
  border-radius: 4.28333px;
}
@media (min-width: 1830px) {
  main #planner #dachgaubenplaner .step .form-check .form-check-input[type="checkbox"] {
    border-radius: 0.234375vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-check .form-check-input[type="checkbox"] {
    width: 22.5px;
    height: 22.5px;
    margin-left: -34.5px;
    border-radius: 4.5px;
  }
}
main #planner #dachgaubenplaner .step .form-check .form-check-input:checked {
  background-color: #bd9877;
}
main #planner #dachgaubenplaner .step .form-check .form-check-input:focus, main #planner #dachgaubenplaner .step .form-check .form-check-input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #planner #dachgaubenplaner .step .form-check label {
  display: inline-block;
  padding-top: 0;
  font-size: 21.4333px;
  font-weight: 900;
  letter-spacing: 0.85px;
  line-height: 1.14;
  vertical-align: top;
}
@media (min-width: 1830px) {
  main #planner #dachgaubenplaner .step .form-check label {
    font-size: 1.171875vw;
    letter-spacing: 0.046875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-check label {
    font-size: 15.75px;
    letter-spacing: 1.06667px;
    line-height: 1.44;
  }
}
main #planner #dachgaubenplaner .step .form-check label a {
  color: #181716;
  transition: color 0.35s ease;
}
main #planner #dachgaubenplaner .step .form-check label a:focus, main #planner #dachgaubenplaner .step .form-check label a:hover {
  color: #d20000;
}
main #planner #dachgaubenplaner .step .form-check label.privacy {
  padding-top: 0.15625vw;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.02px;
}
@media (min-width: 1830px) {
  main #planner #dachgaubenplaner .step .form-check label.privacy {
    font-size: 0.8203125vw;
    letter-spacing: 0.05625vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .form-check label.privacy {
    font-size: 15.75px;
    letter-spacing: 1.08px;
  }
}
main #planner #dachgaubenplaner .step .form-check-input.is-invalid, main #planner #dachgaubenplaner .step .was-validated .form-check-input:invalid {
  background-color: rgba(210, 0, 0, 0.1);
}
main #planner #dachgaubenplaner .step .aufgabe {
  padding: 8.7px 0 0;
  font-size: 18px;
  letter-spacing: 0.7px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  main #planner #dachgaubenplaner .step .aufgabe {
    padding: 1.1328125vw 0 0;
  }
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .aufgabe {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .aufgabe {
    padding: 21.75px 0 0;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
  }
}
main #planner #dachgaubenplaner .step .aufgabe .form-control {
  width: 82px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 1728px) {
  main #planner #dachgaubenplaner .step .aufgabe .form-control {
    width: 92px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .aufgabe .form-control {
    width: 92px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #planner #dachgaubenplaner .step .btn-dark {
  margin-top: 38.1px;
  margin-bottom: 57.9px;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #planner #dachgaubenplaner .step .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #planner #dachgaubenplaner .step .btn-dark {
    margin-top: 4.9609375vw;
    margin-bottom: 7.5390625vw;
  }
}
@media (min-width: 992px) {
  main #planner #dachgaubenplaner .step .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .btn-dark {
    margin-top: 95.25px;
    margin-bottom: 144.75px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #planner #dachgaubenplaner .step .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-bottom: 0;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #planner #dachgaubenplaner .step .btn-dark:focus, main #planner #dachgaubenplaner .step .btn-dark:hover, main #planner #dachgaubenplaner .step .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #planner #dachgaubenplaner .step .btn-dark:focus img, main #planner #dachgaubenplaner .step .btn-dark:hover img, main #planner #dachgaubenplaner .step .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark:focus img, main #planner #dachgaubenplaner .step .btn-dark:hover img, main #planner #dachgaubenplaner .step .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .btn-dark:focus img, main #planner #dachgaubenplaner .step .btn-dark:hover img, main #planner #dachgaubenplaner .step .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #planner #dachgaubenplaner .step .btn-dark.prev-step img {
  margin-left: 0;
  margin-right: 18px;
  transform: rotate(180deg);
  transition: margin-right 0.35s ease;
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark.prev-step img {
    margin-right: 1.1328125vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .btn-dark.prev-step img {
    margin-right: 21.75px;
  }
}
main #planner #dachgaubenplaner .step .btn-dark.prev-step:focus img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:hover img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:active img {
  margin-right: 30.4px;
}
@media (min-width: 1590px) {
  main #planner #dachgaubenplaner .step .btn-dark.prev-step:focus img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:hover img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:active img {
    margin-right: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #planner #dachgaubenplaner .step .btn-dark.prev-step:focus img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:hover img, main #planner #dachgaubenplaner .step .btn-dark.prev-step:active img {
    margin-right: 36.75px;
  }
}
main #happy-customers {
  margin-top: -6.171875vw;
  padding-top: 141.6px;
  padding-bottom: 62.1px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 302% auto;
  background-position: center 0;
}
@media (min-width: 576px) {
  main #happy-customers {
    background-size: 206.2% auto;
  }
}
@media (min-width: 768px) {
  main #happy-customers {
    padding-top: 18.4375vw;
    padding-bottom: 8.0859375vw;
    background-size: 183.2% auto;
  }
}
@media (min-width: 992px) {
  main #happy-customers {
    background-size: 166.4% auto;
  }
}
@media (min-width: 1200px) {
  main #happy-customers {
    background-size: 164% auto;
  }
}
@media (min-width: 1400px) {
  main #happy-customers {
    background-size: 146.5% auto;
  }
}
@media (min-width: 1920px) {
  main #happy-customers {
    margin-top: -118.5px;
    padding-top: 354px;
    padding-bottom: 155.25px;
  }
}
main #happy-customers .intro-small {
  margin-bottom: 41.4px;
  padding-left: 0.25vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #happy-customers .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #happy-customers .intro-small {
    margin-bottom: 5.390625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers .intro-small {
    margin-bottom: 103.5px;
    padding-left: 4.8px;
    font-size: 105.55px;
  }
}
main #happy-customers .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.046875vw;
}
@media (min-width: 1920px) {
  main #happy-customers .intro-small strong {
    letter-spacing: 0.9px;
  }
}
main #happy-customers h2 {
  padding-bottom: 54.6px;
  padding-left: 0.25vw;
  font-size: 11.5625vw;
  font-weight: 100;
  letter-spacing: 0.0078125vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #happy-customers h2 {
    padding-bottom: 7.109375vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers h2 {
    padding-bottom: 136.5px;
    padding-left: 4.8px;
    font-size: 222px;
    letter-spacing: 0.15px;
  }
}
main #happy-customers h2 strong {
  font-weight: 900;
  letter-spacing: 0.08984375vw;
}
@media (min-width: 1920px) {
  main #happy-customers h2 strong {
    letter-spacing: 1.71667px;
  }
}
main #happy-customers #reviews-slider {
  padding-bottom: 31.2px;
}
@media (min-width: 768px) {
  main #happy-customers #reviews-slider {
    padding-bottom: 4.0625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider {
    padding-bottom: 78px;
  }
}
main #happy-customers #reviews-slider .slick-slide {
  overflow: hidden;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.46;
}
@media (min-width: 1152px) {
  main #happy-customers #reviews-slider .slick-slide {
    font-size: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide {
    font-size: 30px;
  }
}
main #happy-customers #reviews-slider .slick-slide blockquote {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.046875vw;
  min-height: 135px;
  padding: 1.171875vw 7.03125vw 1.3671875vw;
  text-align: center;
}
@media (min-width: 1152px) {
  main #happy-customers #reviews-slider .slick-slide blockquote {
    min-height: 11.6796875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide blockquote {
    margin-bottom: 58.5px;
    min-height: 224.25px;
    padding: 22.5px 135px 26.25px;
  }
}
main #happy-customers #reviews-slider .slick-slide blockquote .quotation-mark-open {
  position: absolute;
  top: 0;
  left: 0.3125vw;
  height: auto;
  width: 2.65625vw;
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide blockquote .quotation-mark-open {
    left: 6px;
    width: 51px;
  }
}
main #happy-customers #reviews-slider .slick-slide blockquote .quotation-mark-close {
  position: absolute;
  bottom: 0;
  right: 0.3125vw;
  height: auto;
  width: 2.65625vw;
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide blockquote .quotation-mark-close {
    right: 6px;
    width: 51px;
  }
}
main #happy-customers #reviews-slider .slick-slide button {
  position: relative;
  display: inline-block;
  padding: 198.3px 26.7px 3px;
  background-color: transparent;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Thumbnail-Kundenaussage.webp);
  background-repeat: no-repeat;
  background-size: 184.05px 184.05px;
  background-position: center 3px;
  border: none;
  text-decoration: none;
  color: #181716;
  font-size: 18px;
}
@media (min-width: 1520px) {
  main #happy-customers #reviews-slider .slick-slide button {
    padding: 13.046875vw 1.7578125vw 0.1953125vw;
    background-size: 12.109375vw 12.109375vw;
    background-position: center 0.1953125vw;
    font-size: 76%;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide button {
    padding: 250.5px 33.75px 3.75px;
    background-size: 232.5px 232.5px;
    background-position: center 3.75px;
    font-size: 22.8px;
  }
}
main #happy-customers #reviews-slider .slick-slide button:focus, main #happy-customers #reviews-slider .slick-slide button:hover {
  color: #d20000;
}
main #happy-customers #reviews-slider .slick-slide button:focus .lupe, main #happy-customers #reviews-slider .slick-slide button:hover .lupe {
  background-position: center bottom;
}
main #happy-customers #reviews-slider .slick-slide button .lupe {
  position: absolute;
  top: 83.1167px;
  left: calc(50% - 11.875px);
  display: inline-block;
  height: 23.75px;
  width: 23.75px;
  background-image: url(../img/FRANK-Icon-Lupe.webp);
  background-size: 100% 200%;
  background-position: center top;
}
@media (min-width: 1520px) {
  main #happy-customers #reviews-slider .slick-slide button .lupe {
    top: 5.46875vw;
    left: calc(50% - 0.78125vw);
    height: 1.5625vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-slide button .lupe {
    top: 105px;
    left: 104.483px;
    height: 30px;
    width: 30px;
  }
}
main #happy-customers #reviews-slider .slick-prev {
  z-index: 1;
  top: 10vw;
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #happy-customers #reviews-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 768px) {
  main #happy-customers #reviews-slider .slick-prev {
    top: 5.625vw;
  }
}
@media (min-width: 992px) {
  main #happy-customers #reviews-slider .slick-prev {
    left: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-prev {
    top: 108px;
    left: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #happy-customers #reviews-slider .slick-prev:focus, main #happy-customers #reviews-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #happy-customers #reviews-slider .slick-prev:before {
  content: "";
}
main #happy-customers #reviews-slider .slick-next {
  z-index: 1;
  top: 10vw;
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #happy-customers #reviews-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 768px) {
  main #happy-customers #reviews-slider .slick-next {
    top: 5.625vw;
  }
}
@media (min-width: 992px) {
  main #happy-customers #reviews-slider .slick-next {
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider .slick-next {
    top: 108px;
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #happy-customers #reviews-slider .slick-next:focus, main #happy-customers #reviews-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #happy-customers #reviews-slider .slick-next:before {
  content: "";
}
main #happy-customers #reviews-slider-indikator {
  text-align: center;
}
main #happy-customers #reviews-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #happy-customers #reviews-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #happy-customers #reviews-slider-indikator .indikator-container .from, main #happy-customers #reviews-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #happy-customers #reviews-slider-indikator .indikator-container .from, main #happy-customers #reviews-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider-indikator .indikator-container .from, main #happy-customers #reviews-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #happy-customers #reviews-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #happy-customers #reviews-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers #reviews-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #happy-customers #reviews-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main #happy-customers.unternehmen {
  padding-top: 114.6px;
  padding-bottom: 124.2px;
}
@media (min-width: 768px) {
  main #happy-customers.unternehmen {
    padding-top: 14.921875vw;
    padding-bottom: 16.171875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-customers.unternehmen {
    padding-top: 286.5px;
    padding-bottom: 310.5px;
  }
}
main #our-values {
  position: relative;
  z-index: 1;
}
main #our-values .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 257.7% auto;
  background-position: center 2.7734375vw;
}
@media (min-width: 1920px) {
  main #our-values .top-bg {
    background-position: center 53.25px;
  }
}
main #our-values .top-bg img {
  opacity: 0;
}
main #our-values .bg {
  background-color: #e0dbd5;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 257.7% auto;
  background-position: center -2.65625vw;
}
@media (min-width: 1920px) {
  main #our-values .bg {
    background-position: center -51px;
  }
}
main #our-values h2 {
  padding: 35.1px 0 35.4px 0.46875vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #our-values h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #our-values h2 {
    padding: 4.5703125vw 0 4.609375vw 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #our-values h2 {
    padding: 87.75px 0 88.5px 9px;
    font-size: 105.55px;
  }
}
main #our-values h2 strong {
  font-weight: 900;
  letter-spacing: 0.109375vw;
}
@media (min-width: 1920px) {
  main #our-values h2 strong {
    letter-spacing: 2.1px;
  }
}
main #our-values .intro-large {
  padding-bottom: 71.7px;
  padding-left: 0.3515625vw;
  font-size: 11.5625vw;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #our-values .intro-large {
    padding-bottom: 9.3359375vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .intro-large {
    padding-bottom: 179.25px;
    padding-left: 6.75px;
    font-size: 222px;
  }
}
main #our-values .intro-large strong {
  font-weight: 900;
  letter-spacing: 0.12890625vw;
}
@media (min-width: 1920px) {
  main #our-values .intro-large strong {
    letter-spacing: 2.46667px;
  }
}
main #our-values .text {
  margin-bottom: 9px;
  padding: 0.9px 0 0 0.546875vw;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.78;
}
@media (min-width: 768px) {
  main #our-values .text {
    margin-bottom: 1.171875vw;
    padding: 0.1171875vw 0 0 0.546875vw;
  }
}
@media (min-width: 1540px) {
  main #our-values .text {
    font-size: 1.171875vw;
    letter-spacing: 0.0390625vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .text {
    margin-bottom: 22.5px;
    padding: 2.25px 0 0 10.5px;
    font-size: 22.5px;
    letter-spacing: 0.75px;
  }
}
main #our-values .text strong {
  letter-spacing: 0.683333px;
  color: #d20000;
}
@media (min-width: 1590px) {
  main #our-values .text strong {
    letter-spacing: 0.04296875vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .text strong {
    letter-spacing: 0.825px;
  }
}
main #our-values .text ul {
  padding-left: 1em;
}
main #our-values .text.text-2 {
  padding: 38.4px 0 60px 0.546875vw;
  letter-spacing: 0.0390625vw;
}
@media (min-width: 768px) {
  main #our-values .text.text-2 {
    padding: 5vw 0 7.8125vw 0.546875vw;
  }
}
@media (min-width: 1400px) {
  main #our-values .text.text-2 {
    padding: 23.828125vw 0.390625vw 7.8125vw 0.15625vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .text.text-2 {
    padding: 457.5px 7.5px 150px 3px;
    letter-spacing: 0.75px;
  }
}
main #our-values .collapse-container {
  padding: 0 0.46875vw 9.0625vw;
}
@media (min-width: 1920px) {
  main #our-values .collapse-container {
    padding: 0 9px 174px;
  }
}
main #our-values .collapse-container .collapse-item {
  margin-bottom: 11.6167px;
}
@media (min-width: 992px) {
  main #our-values .collapse-container .collapse-item {
    margin-bottom: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item {
    margin-bottom: 22.5px;
  }
}
main #our-values .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
  display: block;
  width: 100%;
  padding: 23.7833px 37px 18.8667px 20.5px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2px;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Toggle-open.svg);
  background-repeat: no-repeat;
  background-size: 27.4667px 27.4667px;
  background-position: 98.5% 51%;
  border: none;
  border-radius: 0;
}
@media (min-width: 1050px) {
  main #our-values .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
    padding: 2.265625vw 1.953125vw 1.796875vw;
    font-size: 1.71875vw;
    letter-spacing: 0.01953125vw;
    background-size: 2.6171875vw 2.6171875vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item button[data-bs-toggle="collapse"] {
    padding: 43.5px 37.5px 34.5px;
    font-size: 33px;
    letter-spacing: 0.366667px;
    background-size: 50.25px 50.25px;
  }
}
main #our-values .collapse-container .collapse-item button[data-bs-toggle="collapse"][aria-expanded="true"] {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Toggle-close.svg);
}
main #our-values .collapse-container .collapse-item .collapse, main #our-values .collapse-container .collapse-item .collapsing {
  background-color: #fff;
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body, main #our-values .collapse-container .collapse-item .collapsing .collapse-body {
  padding: 1.63333px 20.5px 18.8667px 20.5px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 1050px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body, main #our-values .collapse-container .collapse-item .collapsing .collapse-body {
    padding: 0.15625vw 1.0546875vw 1.796875vw 1.953125vw;
  }
}
@media (min-width: 1590px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body, main #our-values .collapse-container .collapse-item .collapsing .collapse-body {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body, main #our-values .collapse-container .collapse-item .collapsing .collapse-body {
    padding: 3px 20.25px 34.5px 37.5px;
    font-size: 24.4333px;
  }
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body strong, main #our-values .collapse-container .collapse-item .collapsing .collapse-body strong {
  letter-spacing: 0.2px;
}
@media (min-width: 1440px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body strong, main #our-values .collapse-container .collapse-item .collapsing .collapse-body strong {
    letter-spacing: 0.01484375vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body strong, main #our-values .collapse-container .collapse-item .collapsing .collapse-body strong {
    letter-spacing: 0.283333px;
  }
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body p, main #our-values .collapse-container .collapse-item .collapsing .collapse-body p {
  margin-bottom: 2.1484375vw;
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body p, main #our-values .collapse-container .collapse-item .collapsing .collapse-body p {
    margin-bottom: 41.25px;
  }
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items {
  padding-top: 1.015625vw;
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items {
    padding-top: 19.5px;
  }
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item {
  margin-bottom: 15.1667px;
  font-weight: 700;
  letter-spacing: 0.216667px;
  line-height: 1.22;
}
@media (min-width: 1050px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item {
    margin-bottom: 1.4453125vw;
  }
}
@media (min-width: 1440px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item {
    letter-spacing: 0.015234375vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item {
    margin-bottom: 27.75px;
    letter-spacing: 0.283333px;
  }
}
main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item .bb, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item .bb {
  margin-top: 0.1171875vw;
  width: 81.55px;
  border-bottom: 2px solid #d20000;
}
@media (min-width: 1440px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item .bb, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item .bb {
    width: 5.6640625vw;
  }
}
@media (min-width: 1920px) {
  main #our-values .collapse-container .collapse-item .collapse .collapse-body .bordered-items .bordered-item .bb, main #our-values .collapse-container .collapse-item .collapsing .collapse-body .bordered-items .bordered-item .bb {
    width: 108.75px;
  }
}
main #our-values.umweltrichtlinien {
  margin-bottom: 13vw;
}
@media (min-width: 768px) {
  main #our-values.umweltrichtlinien {
    margin-bottom: 13vw;
  }
}
@media (min-width: 1920px) {
  main #our-values.umweltrichtlinien {
    margin-bottom: 249.6px;
  }
}
main #our-values.umweltrichtlinien .top-bg {
  background-image: none;
}
main #our-values.umweltrichtlinien .top-bg img {
  opacity: 0;
}
main #our-values.umweltrichtlinien .bg {
  background-image: none;
}
main #our-values.umweltrichtlinien .collapse-container {
  padding: 9.0625vw 0.46875vw;
}
@media (min-width: 1920px) {
  main #our-values.umweltrichtlinien .collapse-container {
    padding: 174px 9px;
  }
}
main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body p, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ul, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body p, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ul, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body p, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ul, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ol {
    margin-bottom: 39.75px;
  }
}
main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ul, main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body ol {
  padding-left: 1em;
}
main #our-values.umweltrichtlinien .collapse-container .collapse-item .collapse .collapse-body strong {
  font-weight: 700;
}
main #our-values.company {
  margin-top: 61px;
}
@media (min-width: 768px) {
  main #our-values.company {
    margin-top: 8vw;
  }
}
main #course-for-success {
  margin-top: -5.390625vw;
  padding-top: 114.6px;
  padding-bottom: 104.1px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-12.svg);
  background-repeat: no-repeat;
  background-size: 94.8% auto;
  background-position: center 0;
}
@media (min-width: 768px) {
  main #course-for-success {
    padding-top: 14.921875vw;
    padding-bottom: 13.5546875vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success {
    margin-top: -103.5px;
    padding-top: 286.5px;
    padding-bottom: 260.25px;
  }
}
main #course-for-success .intro-small {
  padding: 0 0 13.8px 0.5078125vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #course-for-success .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #course-for-success .intro-small {
    padding: 0 0 1.796875vw 0.5078125vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success .intro-small {
    padding: 0 0 34.5px 9.75px;
    font-size: 105.55px;
  }
}
main #course-for-success h2 {
  margin-bottom: 49.2px;
  margin-left: 0.46875vw;
  font-size: 11.484375vw;
  font-weight: 900;
  letter-spacing: 0.140625vw;
  line-height: 1.12;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #course-for-success h2 {
    margin-bottom: 6.40625vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success h2 {
    margin-bottom: 123px;
    margin-left: 9px;
    font-size: 220.5px;
    letter-spacing: 2.7px;
  }
}
main #course-for-success .text {
  padding: 0.9px 0 0 0.546875vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #course-for-success .text {
    padding: 0.1171875vw 0 0 0.546875vw;
  }
}
@media (min-width: 1590px) {
  main #course-for-success .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success .text {
    padding: 2.25px 0 0 10.5px;
    font-size: 24.4333px;
  }
}
main #course-for-success .text strong {
  letter-spacing: 0.4px;
}
@media (min-width: 1440px) {
  main #course-for-success .text strong {
    letter-spacing: 0, 15625vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success .text strong {
    letter-spacing: 0.4px;
  }
}
main #course-for-success .text p, main #course-for-success .text ul, main #course-for-success .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #course-for-success .text p, main #course-for-success .text ul, main #course-for-success .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success .text p, main #course-for-success .text ul, main #course-for-success .text ol {
    margin-bottom: 39.75px;
  }
}
main #course-for-success .text ul, main #course-for-success .text ol {
  padding-left: 1em;
}
main #course-for-success .img-container {
  padding-left: 0.078125vw;
  padding-right: 0.5078125vw;
}
@media (min-width: 1920px) {
  main #course-for-success .img-container {
    padding-left: 1.5px;
    padding-right: 9.75px;
  }
}
main #course-for-success .img-container img {
  margin-bottom: 9.9px;
}
@media (min-width: 768px) {
  main #course-for-success .img-container img {
    margin-bottom: 1.2890625vw;
  }
}
@media (min-width: 1920px) {
  main #course-for-success .img-container img {
    margin-bottom: 24.75px;
  }
}
main .separator-04 {
  margin-top: -6.09375vw;
}
@media (min-width: 1920px) {
  main .separator-04 {
    margin-top: -117px;
  }
}
main #strong-team {
  padding-top: 71.4px;
  padding-bottom: 118.8px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 208% auto;
  background-position: center 0;
}
@media (min-width: 768px) {
  main #strong-team {
    padding-top: 9.296875vw;
    padding-bottom: 15.46875vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team {
    padding-top: 178.5px;
    padding-bottom: 297px;
  }
}
main #strong-team h2 {
  margin-bottom: 17.4px;
  margin-right: 0.46875vw;
  font-size: 11.484375vw;
  font-weight: 100;
  letter-spacing: 0.04296875vw;
  line-height: 1.12;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #strong-team h2 {
    margin-bottom: 2.265625vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team h2 {
    margin-bottom: 43.5px;
    margin-right: 9px;
    font-size: 220.5px;
    letter-spacing: 0.816667px;
  }
}
main #strong-team h2 strong {
  font-weight: 900;
  letter-spacing: 0.14453125vw;
}
@media (min-width: 1920px) {
  main #strong-team h2 strong {
    letter-spacing: 2.76667px;
  }
}
main #strong-team .intro-small {
  padding: 0 1.640625vw 54px 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #strong-team .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #strong-team .intro-small {
    padding: 0 1.640625vw 7.03125vw 0;
  }
}
@media (min-width: 1920px) {
  main #strong-team .intro-small {
    padding: 0 31.5px 135px 0;
    font-size: 105.55px;
  }
}
main #strong-team .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.0390625vw;
}
@media (min-width: 1920px) {
  main #strong-team .intro-small strong {
    letter-spacing: 0.75px;
  }
}
main #strong-team .img-1-container {
  padding-bottom: 38.3667px;
  padding-left: 0.46875vw;
  padding-right: 0.5859375vw;
}
@media (min-width: 768px) {
  main #strong-team .img-1-container {
    padding-bottom: 13.359375vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team .img-1-container {
    padding-bottom: 256.5px;
    padding-left: 9px;
    padding-right: 11.25px;
  }
}
main #strong-team .img-2-container {
  padding-left: 0.46875vw;
  padding-right: 0.5859375vw;
  padding-bottom: 38.3667px;
}
@media (min-width: 768px) {
  main #strong-team .img-2-container {
    padding-right: 0.2734375vw;
    padding-bottom: 0;
  }
}
@media (min-width: 1920px) {
  main #strong-team .img-2-container {
    padding-left: 9px;
    padding-right: 5.25px;
  }
}
main #strong-team .btn-dark {
  margin-right: 0.46875vw;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #strong-team .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #strong-team .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #strong-team .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team .btn-dark {
    margin-right: 9px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #strong-team .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #strong-team .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #strong-team .btn-dark:focus, main #strong-team .btn-dark:hover, main #strong-team .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #strong-team .btn-dark:focus img, main #strong-team .btn-dark:hover img, main #strong-team .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #strong-team .btn-dark:focus img, main #strong-team .btn-dark:hover img, main #strong-team .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #strong-team .btn-dark:focus img, main #strong-team .btn-dark:hover img, main #strong-team .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #excellent-quality {
  margin-top: -3.984375vw;
  padding-top: 110.1px;
  padding-bottom: 61.8px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-05.webp);
  background-repeat: no-repeat;
  background-size: 170.5% auto;
  background-position: center 0;
}
@media (min-width: 768px) {
  main #excellent-quality {
    padding-top: 14.3359375vw;
    padding-bottom: 8.046875vw;
  }
}
@media (min-width: 1920px) {
  main #excellent-quality {
    margin-top: -76.5px;
    padding-top: 275.25px;
    padding-bottom: 154.5px;
  }
}
main #excellent-quality .intro-large {
  margin-bottom: 31.5px;
  padding-left: 0;
  font-size: 11.5740740741vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #excellent-quality .intro-large {
    margin-bottom: 4.1015625vw;
  }
}
@media (min-width: 1920px) {
  main #excellent-quality .intro-large {
    margin-bottom: 78.75px;
    font-size: 222.217px;
  }
}
main #excellent-quality h2 {
  margin-bottom: 64.2px;
  padding: 0 0 3px 0.5078125vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #excellent-quality h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #excellent-quality h2 {
    margin-bottom: 8.359375vw;
    padding: 0 0 0.390625vw 0.5078125vw;
  }
}
@media (min-width: 1920px) {
  main #excellent-quality h2 {
    margin-bottom: 160.5px;
    padding: 0 0 7.5px 9.75px;
    font-size: 105.55px;
  }
}
main #excellent-quality h2 strong {
  font-weight: 900;
  letter-spacing: 0.0546875vw;
}
@media (min-width: 1920px) {
  main #excellent-quality h2 strong {
    letter-spacing: 1.05px;
  }
}
main #excellent-quality .tiles {
  padding-left: 0.5078125vw;
  padding-right: 0.5078125vw;
}
@media (min-width: 1920px) {
  main #excellent-quality .tiles {
    padding-left: 9.75px;
    padding-right: 9.75px;
  }
}
main #excellent-quality .tiles .g-3 {
  --bs-gutter-y: 1.5rem;
  --bs-gutter-x: 1.5rem;
}
main #excellent-quality .tiles .tile {
  display: block;
  position: relative;
  overflow: hidden;
}
main #excellent-quality .tiles .tile:focus, main #excellent-quality .tiles .tile:hover {
  color: #d20000;
}
main #excellent-quality .tiles .tile:focus .bg-img, main #excellent-quality .tiles .tile:hover .bg-img {
  top: -10%;
  left: -10%;
  width: 120%;
}
main #excellent-quality .tiles .tile:focus .lupe, main #excellent-quality .tiles .tile:hover .lupe {
  /*height: 28px;
						width: 28px;*/
  background-position: center bottom;
}
@media (min-width: 1520px) {
  main #excellent-quality .tiles .tile:focus .lupe, main #excellent-quality .tiles .tile:hover .lupe {
    /*height: 1.8359375vw;
							width: 1.8359375vw;*/
  }
}
main #excellent-quality .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #excellent-quality .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #excellent-quality .tiles .tile .lupe {
  position: absolute;
  z-index: 2;
  bottom: 22px;
  right: 22px;
  display: inline-block;
  height: 22px;
  width: 22px;
  background-image: url(../img/FRANK-Icon-Lupe.webp);
  background-size: 100% 200%;
  background-position: center top;
  transition: height 0.35s ease, width 0.35s ease;
}
@media (min-width: 1520px) {
  main #excellent-quality .tiles .tile .lupe {
    bottom: 1.4453125vw;
    right: 1.4453125vw;
    height: 1.4453125vw;
    width: 1.4453125vw;
  }
}
@media (min-width: 1920px) {
  main #excellent-quality .tiles .tile .lupe {
    bottom: 27.75px;
    right: 27.75px;
    height: 27.75px;
    width: 27.75px;
  }
}
main #recommended {
  position: relative;
  margin-top: -4.921875vw;
  font-size: 18px;
  letter-spacing: 0.32px;
  line-height: 1.58;
  overflow: hidden;
}
@media (min-width: 1536px) {
  main #recommended {
    font-size: 1.171875vw;
    letter-spacing: 0.02109375vw;
  }
}
@media (min-width: 1920px) {
  main #recommended {
    margin-top: -94.5px;
    font-size: 22.5px;
    letter-spacing: 0.4px;
  }
}
main #recommended .bg {
  background-color: #a3c2c7;
}
main #recommended .intro-large {
  padding-top: 25.2px;
  padding-bottom: 31.5px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #recommended .intro-large {
    padding-top: 3.28125vw;
    padding-bottom: 4.1015625vw;
  }
}
@media (min-width: 1920px) {
  main #recommended .intro-large {
    padding-top: 63px;
    padding-bottom: 78.75px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #recommended .img-container {
  margin-top: -0.0500488281vw;
  padding-left: 0.390625vw;
}
@media (min-width: 1920px) {
  main #recommended .img-container {
    margin-top: -0.95px;
    padding-left: 7.5px;
  }
}
main #recommended .padder {
  padding-left: 0.1171875vw;
}
@media (min-width: 1920px) {
  main #recommended .padder {
    padding-left: 2.25px;
  }
}
main #recommended h2 {
  margin-bottom: 30px;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #recommended h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #recommended h2 {
    margin-bottom: 3.90625vw;
  }
}
@media (min-width: 1920px) {
  main #recommended h2 {
    margin-bottom: 75px;
    font-size: 105.55px;
  }
}
main #recommended h2 strong {
  font-weight: 900;
}
main #recommended .text {
  padding-bottom: 31.5px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  color: #d20000;
}
@media (min-width: 768px) {
  main #recommended .text {
    padding-bottom: 4.1015625vw;
  }
}
@media (min-width: 1320px) {
  main #recommended .text {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  main #recommended .text {
    padding-bottom: 78.75px;
    font-size: 26.65px;
  }
}
main #recommended .text ul {
  padding-left: 1em;
}
main #recommended .btn-dark {
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #recommended .btn-dark {
    margin-bottom: 55px;
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #recommended .btn-dark {
    margin-bottom: 65px;
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1400px) {
  main #recommended .btn-dark {
    margin-bottom: 4.6875vw;
  }
}
@media (min-width: 1590px) {
  main #recommended .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #recommended .btn-dark {
    margin-bottom: 90px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #recommended .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #recommended .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #recommended .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #recommended .btn-dark:focus, main #recommended .btn-dark:hover, main #recommended .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #recommended .btn-dark:focus img, main #recommended .btn-dark:hover img, main #recommended .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #recommended .btn-dark:focus img, main #recommended .btn-dark:hover img, main #recommended .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #recommended .btn-dark:focus img, main #recommended .btn-dark:hover img, main #recommended .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #recommended.reviews {
  margin-bottom: 92.15px;
}
@media (min-width: 768px) {
  main #recommended.reviews {
    margin-bottom: 12vw;
  }
}
@media (min-width: 1920px) {
  main #recommended.reviews {
    margin-bottom: 230.4px;
  }
}
main #recommended.reviews .bg {
  background-color: #e0dbd5;
}
main #recommended.projekt-detail {
  margin-top: 0;
  margin-bottom: -2vw;
}
@media (min-width: 768px) {
  main #recommended.projekt-detail {
    margin-bottom: -2vw;
  }
}
@media (min-width: 1920px) {
  main #recommended.projekt-detail {
    margin-bottom: -38.4px;
  }
}
main #recommended.projekt-detail .bg {
  background-color: #e0dbd5;
}
main #partner {
  padding-top: 107.7px;
  padding-bottom: 73.5px;
}
@media (min-width: 768px) {
  main #partner {
    padding-top: 14.0234375vw;
    padding-bottom: 9.5703125vw;
  }
}
@media (min-width: 1920px) {
  main #partner {
    padding-top: 269.25px;
    padding-bottom: 183.75px;
  }
}
main #partner h2 {
  padding-top: 0;
  padding-bottom: 28.5px;
  padding-left: 0.3515625vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.078125vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #partner h2 {
    padding-bottom: 3.7109375vw;
  }
}
@media (min-width: 1920px) {
  main #partner h2 {
    padding-bottom: 71.25px;
    padding-left: 6.75px;
    font-size: 222px;
    letter-spacing: 1.5px;
  }
}
main #partner .intro-small {
  padding-bottom: 80.1px;
  padding-left: 0.1953125vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #partner .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #partner .intro-small {
    padding-bottom: 10.4296875vw;
  }
}
@media (min-width: 1920px) {
  main #partner .intro-small {
    padding-bottom: 200.25px;
    padding-left: 3.75px;
    font-size: 105.55px;
  }
}
main #partner .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.0390625vw;
}
@media (min-width: 1920px) {
  main #partner .intro-small strong {
    letter-spacing: 0.75px;
  }
}
main #partner .partner-items {
  padding-left: 1.2890625vw;
  padding-right: 1.6796875vw;
}
@media (min-width: 1920px) {
  main #partner .partner-items {
    padding-left: 24.75px;
    padding-right: 32.25px;
  }
}
main #partner .partner-items img {
  margin-bottom: 21.9px;
}
@media (min-width: 768px) {
  main #partner .partner-items img {
    margin-bottom: 2.8515625vw;
  }
}
@media (min-width: 1920px) {
  main #partner .partner-items img {
    margin-bottom: 54.75px;
  }
}
main #orderNewspaperModal .modal-header, main #orderBrochureModal .modal-header {
  align-items: start;
}
main #orderNewspaperModal .modal-title, main #orderBrochureModal .modal-title {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #orderNewspaperModal .modal-title, main #orderBrochureModal .modal-title {
    font-size: 2.734375vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .modal-title, main #orderBrochureModal .modal-title {
    font-size: 52.5px;
  }
}
main #orderNewspaperModal .form-floating .form-control, main #orderBrochureModal .form-floating .form-control {
  margin-bottom: 8.7px;
  height: 66px;
  min-height: 66px;
  padding: 32.3px 19.25px 29.8px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  main #orderNewspaperModal .form-floating .form-control, main #orderBrochureModal .form-floating .form-control {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1728px) {
  main #orderNewspaperModal .form-floating .form-control, main #orderBrochureModal .form-floating .form-control {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 2.03125vw 1.2109375vw 1.875vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-floating .form-control, main #orderBrochureModal .form-floating .form-control {
    margin-bottom: 21.75px;
    height: 79px;
    min-height: 79px;
    padding: 39px 23.25px 36px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
    border-radius: 9px;
  }
}
main #orderNewspaperModal .form-floating .form-control:focus-visible, main #orderBrochureModal .form-floating .form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #orderNewspaperModal .form-floating > label, main #orderBrochureModal .form-floating > label {
  padding: 19.87px 19.25px 17.38px;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 0.6px;
  line-height: 1.5;
}
@media (min-width: 1728px) {
  main #orderNewspaperModal .form-floating > label, main #orderBrochureModal .form-floating > label {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 1.25vw 1.2109375vw 1.09375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-floating > label, main #orderBrochureModal .form-floating > label {
    height: 78px;
    min-height: 78px;
    padding: 24px 23.25px 21px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
    border-radius: 9px;
  }
}
main #orderNewspaperModal .form-floating > .form-control-plaintext ~ label, main #orderNewspaperModal .form-floating > .form-control:focus ~ label, main #orderNewspaperModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderNewspaperModal .form-floating > .form-select ~ label, main #orderBrochureModal .form-floating > .form-control-plaintext ~ label, main #orderBrochureModal .form-floating > .form-control:focus ~ label, main #orderBrochureModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderBrochureModal .form-floating > .form-select ~ label {
  padding: 12px 19px;
  transform: scale(0.85) translateY(-9.32px) translateX(4.97px);
}
@media (min-width: 1728px) {
  main #orderNewspaperModal .form-floating > .form-control-plaintext ~ label, main #orderNewspaperModal .form-floating > .form-control:focus ~ label, main #orderNewspaperModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderNewspaperModal .form-floating > .form-select ~ label, main #orderBrochureModal .form-floating > .form-control-plaintext ~ label, main #orderBrochureModal .form-floating > .form-control:focus ~ label, main #orderBrochureModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderBrochureModal .form-floating > .form-select ~ label {
    padding: 0.703125vw 1.111vw;
    transform: scale(0.85) translateY(-0.5859375vw) translateX(0.3125vw);
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-floating > .form-control-plaintext ~ label, main #orderNewspaperModal .form-floating > .form-control:focus ~ label, main #orderNewspaperModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderNewspaperModal .form-floating > .form-select ~ label, main #orderBrochureModal .form-floating > .form-control-plaintext ~ label, main #orderBrochureModal .form-floating > .form-control:focus ~ label, main #orderBrochureModal .form-floating > .form-control:not(:placeholder-shown) ~ label, main #orderBrochureModal .form-floating > .form-select ~ label {
    padding: 16.5px 23.25px 13.5px;
    transform: scale(0.85) translateY(-11.25px) translateX(6px);
  }
}
main #orderNewspaperModal .form-check, main #orderBrochureModal .form-check {
  min-height: 21.4px;
  padding-left: 32.9px;
  margin-bottom: 0;
}
@media (min-width: 1830px) {
  main #orderNewspaperModal .form-check, main #orderBrochureModal .form-check {
    min-height: 1.171875vw;
    padding-left: 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-check, main #orderBrochureModal .form-check {
    min-height: 22.5px;
    padding-left: 34.5px;
  }
}
main #orderNewspaperModal .form-check .form-check-input, main #orderBrochureModal .form-check .form-check-input {
  width: 21.4px;
  height: 21.4px;
  margin-top: 0;
  margin-left: -32.9px;
  border: 1px solid #181716;
}
@media (min-width: 1830px) {
  main #orderNewspaperModal .form-check .form-check-input, main #orderBrochureModal .form-check .form-check-input {
    width: 1.171875vw;
    height: 1.171875vw;
    margin-left: -1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-check .form-check-input, main #orderBrochureModal .form-check .form-check-input {
    width: 22.5px;
    height: 22.5px;
    margin-left: -34.5px;
  }
}
main #orderNewspaperModal .form-check .form-check-input[type="checkbox"], main #orderBrochureModal .form-check .form-check-input[type="checkbox"] {
  border-radius: 4.28333px;
}
@media (min-width: 1830px) {
  main #orderNewspaperModal .form-check .form-check-input[type="checkbox"], main #orderBrochureModal .form-check .form-check-input[type="checkbox"] {
    border-radius: 0.234375vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-check .form-check-input[type="checkbox"], main #orderBrochureModal .form-check .form-check-input[type="checkbox"] {
    border-radius: 4.5px;
  }
}
main #orderNewspaperModal .form-check .form-check-input:checked, main #orderBrochureModal .form-check .form-check-input:checked {
  background-color: #bd9877;
}
main #orderNewspaperModal .form-check .form-check-input:focus, main #orderNewspaperModal .form-check .form-check-input:focus-visible, main #orderBrochureModal .form-check .form-check-input:focus, main #orderBrochureModal .form-check .form-check-input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
main #orderNewspaperModal .form-check label, main #orderBrochureModal .form-check label {
  display: inline-block;
  padding-top: 0.15625vw;
  font-size: 15px;
  letter-spacing: 1.02px;
  line-height: 1.14;
}
@media (min-width: 1830px) {
  main #orderNewspaperModal .form-check label, main #orderBrochureModal .form-check label {
    font-size: 0.8203125vw;
    letter-spacing: 0.05625vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .form-check label, main #orderBrochureModal .form-check label {
    font-size: 15.75px;
    letter-spacing: 1.06667px;
  }
}
main #orderNewspaperModal .form-check label a, main #orderBrochureModal .form-check label a {
  color: #181716;
  transition: color 0.35s ease;
}
main #orderNewspaperModal .form-check label a:focus, main #orderNewspaperModal .form-check label a:hover, main #orderBrochureModal .form-check label a:focus, main #orderBrochureModal .form-check label a:hover {
  color: #d20000;
}
main #orderNewspaperModal .form-check-input.is-invalid, main #orderNewspaperModal .was-validated .form-check-input:invalid, main #orderBrochureModal .form-check-input.is-invalid, main #orderBrochureModal .was-validated .form-check-input:invalid {
  background-color: rgba(210, 0, 0, 0.1);
}
main #orderNewspaperModal .btn-dark, main #orderBrochureModal .btn-dark {
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #orderNewspaperModal .btn-dark, main #orderBrochureModal .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #orderNewspaperModal .btn-dark, main #orderBrochureModal .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #orderNewspaperModal .btn-dark, main #orderBrochureModal .btn-dark {
    padding: 1.171875vw 28.5px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .btn-dark, main #orderBrochureModal .btn-dark {
    padding: 22.5px 1.484375vw;
    font-size: 21.75px;
    letter-spacing: 0.9px;
    border-radius: 9px;
  }
}
main #orderNewspaperModal .btn-dark img, main #orderBrochureModal .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #orderNewspaperModal .btn-dark img, main #orderBrochureModal .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .btn-dark img, main #orderBrochureModal .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #orderNewspaperModal .btn-dark:focus, main #orderNewspaperModal .btn-dark:hover, main #orderNewspaperModal .btn-dark:active, main #orderBrochureModal .btn-dark:focus, main #orderBrochureModal .btn-dark:hover, main #orderBrochureModal .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #orderNewspaperModal .btn-dark:focus img, main #orderNewspaperModal .btn-dark:hover img, main #orderNewspaperModal .btn-dark:active img, main #orderBrochureModal .btn-dark:focus img, main #orderBrochureModal .btn-dark:hover img, main #orderBrochureModal .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #orderNewspaperModal .btn-dark:focus img, main #orderNewspaperModal .btn-dark:hover img, main #orderNewspaperModal .btn-dark:active img, main #orderBrochureModal .btn-dark:focus img, main #orderBrochureModal .btn-dark:hover img, main #orderBrochureModal .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .btn-dark:focus img, main #orderNewspaperModal .btn-dark:hover img, main #orderNewspaperModal .btn-dark:active img, main #orderBrochureModal .btn-dark:focus img, main #orderBrochureModal .btn-dark:hover img, main #orderBrochureModal .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #orderNewspaperModal .aufgabe, main #orderBrochureModal .aufgabe {
  padding: 8.7px 0 17.4px;
  font-size: 18px;
  letter-spacing: 0.7px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  main #orderNewspaperModal .aufgabe, main #orderBrochureModal .aufgabe {
    padding: 1.1328125vw 0 2.265625vw;
  }
}
@media (min-width: 1590px) {
  main #orderNewspaperModal .aufgabe, main #orderBrochureModal .aufgabe {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .aufgabe, main #orderBrochureModal .aufgabe {
    padding: 21.75px 0 43.5px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
  }
}
main #orderNewspaperModal .aufgabe .form-control, main #orderBrochureModal .aufgabe .form-control {
  width: 82px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 1728px) {
  main #orderNewspaperModal .aufgabe .form-control, main #orderBrochureModal .aufgabe .form-control {
    width: 92px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #orderNewspaperModal .aufgabe .form-control, main #orderBrochureModal .aufgabe .form-control {
    width: 104px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
    border-radius: 9px;
  }
}
main #experts-at-work {
  margin-top: -2.34375vw;
  padding-top: 76.8px;
  padding-bottom: 46.0667px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-01.webp);
  background-repeat: no-repeat;
  background-size: 240% auto;
  background-position: center -1.71875vw;
}
@media (min-width: 576px) {
  main #experts-at-work {
    background-size: 136% auto;
  }
}
@media (min-width: 768px) {
  main #experts-at-work {
    padding-top: 10vw;
    padding-bottom: 6vw;
    background-size: 118% auto;
  }
}
@media (min-width: 992px) {
  main #experts-at-work {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  main #experts-at-work {
    padding-top: 5.4296875vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work {
    margin-top: -45px;
    padding-top: 104.25px;
    padding-bottom: 115.2px;
    background-position: center -33px;
  }
}
main #experts-at-work h2 {
  padding-top: 29.4px;
  padding-bottom: 29.4px;
  padding-left: 0.5078125vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #experts-at-work h2 {
    padding-top: 2.3vw;
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #experts-at-work h2 {
    padding-top: 2.3vw;
    padding-bottom: 3.828125vw;
  }
}
@media (min-width: 1200px) {
  main #experts-at-work h2 {
    padding-top: 3.90625vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work h2 {
    padding-top: 75px;
    padding-bottom: 73.5px;
    padding-left: 9.75px;
    font-size: 105.55px;
  }
}
main #experts-at-work h2 strong {
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #experts-at-work h2 strong {
    letter-spacing: 0.966667px;
  }
}
main #experts-at-work .text {
  padding: 0 0.625vw 1.015625vw 0.546875vw;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 1590px) {
  main #experts-at-work .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .text {
    padding: 0 12px 66px 10.5px;
    font-size: 24.4333px;
  }
}
main #experts-at-work .text p, main #experts-at-work .text ul, main #experts-at-work .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #experts-at-work .text p, main #experts-at-work .text ul, main #experts-at-work .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .text p, main #experts-at-work .text ul, main #experts-at-work .text ol {
    margin-bottom: 39.75px;
  }
}
main #experts-at-work .text ul, main #experts-at-work .text ol {
  padding-left: 1em;
}
main #experts-at-work .text strong {
  font-weight: 700;
}
main #experts-at-work .tiles {
  padding-bottom: 6vw;
  overflow: hidden;
}
@media (min-width: 1920px) {
  main #experts-at-work .tiles {
    padding-bottom: 115.2px;
  }
}
main #experts-at-work .tiles .tile {
  position: relative;
  overflow: hidden;
}
main #experts-at-work .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #experts-at-work .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #experts-at-work .tiles .tile .caption {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.35s ease;
}
main #experts-at-work .tiles .tile .caption .caption-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 20px 20px;
}
@media (min-width: 1708px) {
  main #experts-at-work .tiles .tile .caption .caption-content {
    padding: 0 1.171875vw 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .tiles .tile .caption .caption-content {
    padding: 0 22.5px 22.5px;
  }
}
main #experts-at-work .tiles .tile .caption .caption-content .caption-headline {
  margin-bottom: 13.3333px;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.333333px;
  line-height: 1.08;
  text-transform: uppercase;
  color: #d20000;
  transition: color 0.35s ease;
}
@media (min-width: 1708px) {
  main #experts-at-work .tiles .tile .caption .caption-content .caption-headline {
    margin-bottom: 0.78125vw;
    font-size: 1.953125vw;
    letter-spacing: 0.01953125vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .tiles .tile .caption .caption-content .caption-headline {
    margin-bottom: 15px;
    font-size: 37.5px;
    letter-spacing: 0.366667px;
  }
}
main #experts-at-work .tiles .tile .caption .caption-content .caption-text {
  font-size: 18px;
  letter-spacing: 0.2px;
  line-height: 1.3;
  color: #fff;
  transition: color 0.35s ease;
}
@media (min-width: 1708px) {
  main #experts-at-work .tiles .tile .caption .caption-content .caption-text {
    font-size: 1.0546875vw;
    letter-spacing: 0.01171875vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .tiles .tile .caption .caption-content .caption-text {
    font-size: 20.25px;
    letter-spacing: 0.216667px;
  }
}
main #experts-at-work .tiles .tile .caption:hover {
  background-color: transparent;
}
main #experts-at-work .tiles .tile .caption:hover .caption-headline {
  color: #fff;
}
main #experts-at-work .tiles .tile .caption:hover.schwarz .caption-headline {
  color: #000;
}
main #experts-at-work .tiles .tile .caption:hover.schwarz .caption-text {
  color: #000;
}
main #experts-at-work .tiles .tile:hover .bg-img, main #experts-at-work .tiles .tile:focus-within .bg-img {
  top: -5%;
  left: -5%;
  width: 110%;
}
main #experts-at-work .btn-dark {
  margin-top: 0;
  margin-bottom: 46.0667px;
  margin-left: 0.46875vw;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #experts-at-work .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 768px) {
  main #experts-at-work .btn-dark {
    margin-bottom: 6vw;
  }
}
@media (min-width: 992px) {
  main #experts-at-work .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1200px) {
  main #experts-at-work .btn-dark {
    margin-top: 17.6vw;
  }
}
@media (min-width: 1590px) {
  main #experts-at-work .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .btn-dark {
    margin-top: 337.917px;
    margin-bottom: 115.2px;
    margin-left: 9px;
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #experts-at-work .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #experts-at-work .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #experts-at-work .btn-dark:focus, main #experts-at-work .btn-dark:hover, main #experts-at-work .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #experts-at-work .btn-dark:focus img, main #experts-at-work .btn-dark:hover img, main #experts-at-work .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #experts-at-work .btn-dark:focus img, main #experts-at-work .btn-dark:hover img, main #experts-at-work .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #experts-at-work .btn-dark:focus img, main #experts-at-work .btn-dark:hover img, main #experts-at-work .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #services-tiles .tiles {
  overflow: hidden;
}
main #services-tiles .tiles .tile {
  position: relative;
  overflow: hidden;
}
main #services-tiles .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #services-tiles .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #services-tiles .tiles .tile .caption {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.35s ease;
}
main #services-tiles .tiles .tile .caption .caption-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 25px 25px 0;
}
@media (min-width: 576px) {
  main #services-tiles .tiles .tile .caption .caption-content {
    padding: 40px 40px 0;
  }
}
@media (min-width: 1708px) {
  main #services-tiles .tiles .tile .caption .caption-content {
    padding: 2.34375vw 2.34375vw 0;
  }
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption .caption-content {
    padding: 45px 45px 0;
  }
}
main #services-tiles .tiles .tile .caption .caption-content .caption-headline {
  margin-bottom: 13.3333px;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.333333px;
  line-height: 1.08;
  text-transform: uppercase;
  color: #d5af8b;
  transition: text-shadow 0.35s ease;
}
@media (min-width: 1708px) {
  main #services-tiles .tiles .tile .caption .caption-content .caption-headline {
    margin-bottom: 0.78125vw;
    font-size: 1.953125vw;
    letter-spacing: 0.01953125vw;
  }
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption .caption-content .caption-headline {
    margin-bottom: 15px;
    font-size: 37.5px;
    letter-spacing: 0.366667px;
  }
}
main #services-tiles .tiles .tile .caption .caption-content .caption-text {
  font-size: 18px;
  letter-spacing: 0.2px;
  line-height: 1.3;
  color: #fff;
  transition: text-shadow 0.35s ease;
}
@media (min-width: 1708px) {
  main #services-tiles .tiles .tile .caption .caption-content .caption-text {
    font-size: 1.0546875vw;
    letter-spacing: 0.01171875vw;
  }
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption .caption-content .caption-text {
    font-size: 20.25px;
    letter-spacing: 0.216667px;
  }
}
main #services-tiles .tiles .tile .caption a {
  position: absolute;
  bottom: 40px;
  left: 25px;
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.35s ease, text-shadow 0.35s ease;
}
@media (min-width: 576px) {
  main #services-tiles .tiles .tile .caption a {
    left: 40px;
  }
}
@media (min-width: 1708px) {
  main #services-tiles .tiles .tile .caption a {
    bottom: 2.34375vw;
    left: 2.34375vw;
  }
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption a {
    bottom: 45px;
    left: 45px;
    letter-spacing: 5.91667px;
  }
}
main #services-tiles .tiles .tile .caption a img {
  position: relative;
  top: -1.5px;
  margin-left: 12.75px;
  width: 30px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption a img {
    top: -1.5px;
    margin-left: 12.75px;
    width: 30px;
  }
}
main #services-tiles .tiles .tile .caption a:focus, main #services-tiles .tiles .tile .caption a:hover, main #services-tiles .tiles .tile .caption a:active, main #services-tiles .tiles .tile .caption a.hover {
  color: #d5af8b;
}
main #services-tiles .tiles .tile .caption a:focus img, main #services-tiles .tiles .tile .caption a:hover img, main #services-tiles .tiles .tile .caption a:active img, main #services-tiles .tiles .tile .caption a.hover img {
  margin-left: 27.75px;
}
@media (min-width: 1920px) {
  main #services-tiles .tiles .tile .caption a:focus img, main #services-tiles .tiles .tile .caption a:hover img, main #services-tiles .tiles .tile .caption a:active img, main #services-tiles .tiles .tile .caption a.hover img {
    margin-left: 27.75px;
  }
}
main #services-tiles .tiles .tile:hover .bg-img, main #services-tiles .tiles .tile:focus-within .bg-img {
  top: -5%;
  left: -5%;
  width: 110%;
}
main #services-tiles .tiles .tile:hover .caption, main #services-tiles .tiles .tile:focus-within .caption {
  background-color: rgba(0, 0, 0, 0.3);
}
main #services-tiles .tiles .tile:hover .caption .caption-headline, main #services-tiles .tiles .tile:focus-within .caption .caption-headline {
  text-shadow: 1px 1px 3px #000;
}
main #services-tiles .tiles .tile:hover .caption .caption-text, main #services-tiles .tiles .tile:focus-within .caption .caption-text {
  text-shadow: 1px 1px 3px #000;
}
main #services-tiles .tiles .tile:hover .caption a, main #services-tiles .tiles .tile:focus-within .caption a {
  text-shadow: 1px 1px 3px #000;
}
main #services-tiles .leistungen-lines {
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-01.webp);
  background-repeat: no-repeat;
  background-size: 153% auto;
  background-position: center bottom;
}
@media (min-width: 1200px) {
  main #services-tiles .leistungen-lines {
    background-size: 100% auto;
  }
}
main #jobs {
  padding: 46.0667px 0;
}
@media (min-width: 768px) {
  main #jobs {
    padding: 6vw 0;
  }
}
@media (min-width: 1920px) {
  main #jobs {
    padding: 115.2px 0;
  }
}
main #jobs h2 {
  padding-bottom: 37.8px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #jobs h2 {
    padding-bottom: 4.921875vw;
  }
}
@media (min-width: 1920px) {
  main #jobs h2 {
    padding-bottom: 94.5px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #jobs ul {
  padding-left: 1em;
}
main #education {
  padding: 46.0667px 0;
}
@media (min-width: 768px) {
  main #education {
    padding: 6vw 0;
  }
}
@media (min-width: 1920px) {
  main #education {
    padding: 115.2px 0;
  }
}
main #education .intro-small {
  padding: 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #education .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 1920px) {
  main #education .intro-small {
    font-size: 105.55px;
  }
}
main #education .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.05078125vw;
}
@media (min-width: 1920px) {
  main #education .intro-small strong {
    letter-spacing: 0.966667px;
  }
}
main #education h2 {
  padding-top: 53.7px;
  padding-bottom: 31.3333px;
  padding-left: 0;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #education h2 {
    padding-left: 0.581vw;
  }
}
@media (min-width: 768px) {
  main #education h2 {
    padding-top: 6.9921875vw;
    padding-bottom: 4.08vw;
  }
}
@media (min-width: 1920px) {
  main #education h2 {
    padding-top: 134.25px;
    padding-bottom: 78.3333px;
    padding-left: 11.15px;
    font-size: 222px;
    letter-spacing: 1.71667px;
  }
}
main #education ul {
  padding-left: 1em;
}
main #education .text {
  padding: 0 0.2vw 37.8px 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #education .text {
    padding: 0 0.2vw 4.921875vw 0;
  }
}
@media (min-width: 1590px) {
  main #education .text {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #education .text {
    padding: 0 3.83333px 94.5px 0;
    font-size: 24.4333px;
  }
}
main #education .text h1 {
  margin-bottom: 29.8px;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.125;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  main #education .text h1 {
    font-size: 2.3148148148vw;
  }
}
@media (min-width: 1440px) {
  main #education .text h1 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #education .text h1 {
    margin-bottom: 39.75px;
    font-size: 44.444px;
  }
}
main #education .text p, main #education .text ul, main #education .text ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #education .text p, main #education .text ul, main #education .text ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #education .text p, main #education .text ul, main #education .text ol {
    margin-bottom: 39.75px;
  }
}
main #education .text ul, main #education .text ol {
  padding-left: 1em;
}
main #education .text strong {
  font-weight: 700;
}
main #happy-employees {
  margin-top: -6.171875vw;
  padding-top: 141.6px;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-02.webp);
  background-repeat: no-repeat;
  background-size: 302% auto;
  background-position: center 0;
}
@media (min-width: 576px) {
  main #happy-employees {
    background-size: 206.2% auto;
  }
}
@media (min-width: 768px) {
  main #happy-employees {
    padding-top: 18.4375vw;
    background-size: 183.2% auto;
  }
}
@media (min-width: 992px) {
  main #happy-employees {
    background-size: 166.4% auto;
  }
}
@media (min-width: 1200px) {
  main #happy-employees {
    background-size: 164% auto;
  }
}
@media (min-width: 1400px) {
  main #happy-employees {
    background-size: 146.5% auto;
  }
}
@media (min-width: 1920px) {
  main #happy-employees {
    margin-top: -58.5px;
    padding-top: 354px;
  }
}
main #happy-employees .intro-small {
  margin-bottom: 41.4px;
  padding-left: 0.25vw;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #happy-employees .intro-small {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #happy-employees .intro-small {
    margin-bottom: 5.390625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees .intro-small {
    margin-bottom: 103.5px;
    padding-left: 4.8px;
    font-size: 105.55px;
  }
}
main #happy-employees .intro-small strong {
  font-weight: 900;
  letter-spacing: 0.046875vw;
}
@media (min-width: 1920px) {
  main #happy-employees .intro-small strong {
    letter-spacing: 0.9px;
  }
}
main #happy-employees h2 {
  padding-bottom: 54.6px;
  padding-left: 0.25vw;
  font-size: 11.5625vw;
  font-weight: 100;
  letter-spacing: 0.0078125vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #happy-employees h2 {
    padding-bottom: 7.109375vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees h2 {
    padding-bottom: 136.5px;
    padding-left: 4.8px;
    font-size: 222px;
    letter-spacing: 0.15px;
  }
}
main #happy-employees h2 strong {
  font-weight: 900;
  letter-spacing: 0.08984375vw;
}
@media (min-width: 1920px) {
  main #happy-employees h2 strong {
    letter-spacing: 1.71667px;
  }
}
main #happy-employees .circle {
  height: 150px;
  width: 150px;
}
@media (min-width: 768px) {
  main #happy-employees .circle {
    height: 180px;
    width: 180px;
  }
}
@media (min-width: 992px) {
  main #happy-employees .circle {
    height: 202px;
    width: 202px;
  }
}
@media (min-width: 1200px) {
  main #happy-employees .circle {
    height: 208px;
    width: 208px;
  }
}
@media (min-width: 1590px) {
  main #happy-employees .circle {
    height: 13.0817610063vw;
    width: 13.0817610063vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees .circle {
    height: 251.167px;
    width: 251.167px;
  }
}
main #happy-employees #reviews-slider {
  padding-bottom: 31.2px;
}
@media (min-width: 768px) {
  main #happy-employees #reviews-slider {
    padding-bottom: 4.0625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider {
    padding-bottom: 78px;
  }
}
main #happy-employees #reviews-slider .slick-slide {
  overflow: hidden;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.46;
}
@media (min-width: 1152px) {
  main #happy-employees #reviews-slider .slick-slide {
    font-size: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide {
    font-size: 30px;
  }
}
main #happy-employees #reviews-slider .slick-slide blockquote {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.046875vw;
  min-height: 292px;
  padding: 1.171875vw 7.03125vw 1.3671875vw;
  text-align: center;
}
@media (min-width: 1152px) {
  main #happy-employees #reviews-slider .slick-slide blockquote {
    min-height: 25.3515625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide blockquote {
    margin-bottom: 58.5px;
    min-height: 486.75px;
    padding: 22.5px 135px 26.25px;
  }
}
main #happy-employees #reviews-slider .slick-slide blockquote .quotation-mark-open {
  position: absolute;
  top: 0;
  left: 0.3125vw;
  height: auto;
  width: 2.65625vw;
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide blockquote .quotation-mark-open {
    left: 6px;
    width: 51px;
  }
}
main #happy-employees #reviews-slider .slick-slide blockquote .quotation-mark-close {
  position: absolute;
  bottom: 0;
  right: 0.3125vw;
  height: auto;
  width: 2.65625vw;
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide blockquote .quotation-mark-close {
    right: 6px;
    width: 51px;
  }
}
main #happy-employees #reviews-slider .slick-slide button {
  position: relative;
  display: inline-block;
  padding: 198.3px 26.7px 3px;
  background-color: transparent;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Thumbnail-Kundenaussage.webp);
  background-repeat: no-repeat;
  background-size: 184.05px 184.05px;
  background-position: center 3px;
  border: none;
  text-decoration: none;
  color: #181716;
  font-size: 18px;
}
@media (min-width: 1520px) {
  main #happy-employees #reviews-slider .slick-slide button {
    padding: 13.046875vw 1.7578125vw 0.1953125vw;
    background-size: 12.109375vw 12.109375vw;
    background-position: center 0.1953125vw;
    font-size: 76%;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide button {
    padding: 250.5px 33.75px 3.75px;
    background-size: 232.5px 232.5px;
    background-position: center 3.75px;
    font-size: 22.8px;
  }
}
main #happy-employees #reviews-slider .slick-slide button:focus, main #happy-employees #reviews-slider .slick-slide button:hover {
  color: #d20000;
}
main #happy-employees #reviews-slider .slick-slide button:focus .lupe, main #happy-employees #reviews-slider .slick-slide button:hover .lupe {
  background-position: center bottom;
}
main #happy-employees #reviews-slider .slick-slide button .lupe {
  position: absolute;
  top: 83.1167px;
  left: calc(50% - 11.875px);
  display: inline-block;
  height: 23.75px;
  width: 23.75px;
  background-image: url(../img/FRANK-Icon-Lupe.webp);
  background-size: 100% 200%;
  background-position: center top;
}
@media (min-width: 1520px) {
  main #happy-employees #reviews-slider .slick-slide button .lupe {
    top: 5.46875vw;
    left: calc(50% - 0.78125vw);
    height: 1.5625vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-slide button .lupe {
    top: 105px;
    left: 104.483px;
    height: 30px;
    width: 30px;
  }
}
main #happy-employees #reviews-slider .slick-prev {
  z-index: 1;
  top: 10vw;
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #happy-employees #reviews-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 768px) {
  main #happy-employees #reviews-slider .slick-prev {
    top: 5.625vw;
  }
}
@media (min-width: 992px) {
  main #happy-employees #reviews-slider .slick-prev {
    left: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-prev {
    top: 108px;
    left: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #happy-employees #reviews-slider .slick-prev:focus, main #happy-employees #reviews-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #happy-employees #reviews-slider .slick-prev:before {
  content: "";
}
main #happy-employees #reviews-slider .slick-next {
  z-index: 1;
  top: 10vw;
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #happy-employees #reviews-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 768px) {
  main #happy-employees #reviews-slider .slick-next {
    top: 5.625vw;
  }
}
@media (min-width: 992px) {
  main #happy-employees #reviews-slider .slick-next {
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider .slick-next {
    top: 108px;
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #happy-employees #reviews-slider .slick-next:focus, main #happy-employees #reviews-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #happy-employees #reviews-slider .slick-next:before {
  content: "";
}
main #happy-employees #reviews-slider .team-thumbnail {
  display: inline;
  margin-bottom: 0.5rem;
}
main #happy-employees #reviews-slider-indikator {
  text-align: center;
}
main #happy-employees #reviews-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #happy-employees #reviews-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #happy-employees #reviews-slider-indikator .indikator-container .from, main #happy-employees #reviews-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #happy-employees #reviews-slider-indikator .indikator-container .from, main #happy-employees #reviews-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider-indikator .indikator-container .from, main #happy-employees #reviews-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #happy-employees #reviews-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #happy-employees #reviews-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #happy-employees #reviews-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #happy-employees #reviews-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main #happy-employees.unternehmen {
  padding-top: 14.921875vw;
  padding-bottom: 16.171875vw;
}
@media (min-width: 1920px) {
  main #happy-employees.unternehmen {
    padding-top: 286.5px;
    padding-bottom: 310.5px;
  }
}
main #education-impressions {
  padding-top: 76.8px;
}
@media (min-width: 768px) {
  main #education-impressions {
    padding-top: 10vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions {
    padding-top: 192px;
  }
}
main #education-impressions h2 {
  padding-bottom: 54.6px;
  padding-left: 0.25vw;
  font-size: 11.5625vw;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #education-impressions h2 {
    padding-bottom: 7.109375vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions h2 {
    padding-bottom: 136.5px;
    padding-left: 4.8px;
    font-size: 222px;
  }
}
main #education-impressions #dachgauben-slider {
  padding-bottom: 25.5px;
}
@media (min-width: 768px) {
  main #education-impressions #dachgauben-slider {
    padding-bottom: 3.3203125vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider {
    padding-bottom: 63.75px;
  }
}
main #education-impressions #dachgauben-slider .slick-slide {
  background-color: #fff;
  overflow: hidden;
}
main #education-impressions #dachgauben-slider .slick-slide .padder {
  padding: 0 0.4296875vw;
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider .slick-slide .padder {
    padding: 0 8.25px;
  }
}
main #education-impressions #dachgauben-slider .slick-slide .secondary {
  opacity: 0.3;
}
main #education-impressions #dachgauben-slider .slick-prev {
  z-index: 1;
  top: calc(50% - 9.68335px);
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #education-impressions #dachgauben-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 992px) {
  main #education-impressions #dachgauben-slider .slick-prev {
    top: calc(50% - 0.9765625vw);
    left: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider .slick-prev {
    top: 445.233px;
    left: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #education-impressions #dachgauben-slider .slick-prev:focus, main #education-impressions #dachgauben-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #education-impressions #dachgauben-slider .slick-prev:before {
  content: "";
}
main #education-impressions #dachgauben-slider .slick-next {
  z-index: 1;
  top: calc(50% - 9.68335px);
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #education-impressions #dachgauben-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 992px) {
  main #education-impressions #dachgauben-slider .slick-next {
    top: calc(50% - 0.9765625vw);
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider .slick-next {
    top: 445.233px;
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #education-impressions #dachgauben-slider .slick-next:focus, main #education-impressions #dachgauben-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #education-impressions #dachgauben-slider .slick-next:before {
  content: "";
}
main #education-impressions #dachgauben-slider-indikator {
  text-align: center;
}
main #education-impressions #dachgauben-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #education-impressions #dachgauben-slider-indikator .indikator-container .from, main #education-impressions #dachgauben-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container .from, main #education-impressions #dachgauben-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container .from, main #education-impressions #dachgauben-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #education-impressions #dachgauben-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #education-impressions #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #education-impressions #dachgauben-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main .accordion-karriere {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
  overflow: hidden;
  padding: 5px 0;
}
@media (min-width: 1590px) {
  main .accordion-karriere {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere {
    font-size: 24.4333px;
  }
}
main .accordion-karriere > .card {
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  border: none !important;
}
main .accordion-karriere > .card.opened {
  background-color: #e0dbd5;
}
main .accordion-karriere > .card > .card-header {
  border: none !important;
  background-color: transparent;
  padding: 0;
}
main .accordion-karriere > .card > .card-header button {
  position: relative;
  padding: 45px 30px 43px 0;
  border: none !important;
  box-shadow: none !important;
  font-size: 30px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #181716;
  width: 100%;
  text-align: left;
  transition: color 0.35s ease;
}
@media (min-width: 576px) {
  main .accordion-karriere > .card > .card-header button {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  main .accordion-karriere > .card > .card-header button {
    padding: 45px 185px 43px 0;
  }
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card > .card-header button {
    padding: 2.8301886792vw 11.6352201258vw 2.7044025157vw 0;
    font-size: 2.5462962963vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card > .card-header button {
    padding: 54.3333px 223.383px 51.9167px 0;
    font-size: 48.8833px;
  }
}
main .accordion-karriere > .card > .card-header button:focus, main .accordion-karriere > .card > .card-header button:hover {
  color: #d20000;
}
main .accordion-karriere > .card > .card-header button .stelle-anzeigen-ausblenden {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.5em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.6px;
  text-transform: none;
}
main .accordion-karriere > .card > .card-header button .stelle-open {
  display: inline-block;
  padding: 50px 40px 50px 0;
  background-image: url(../img/frank-zimmerei-muenchen-icon-nav-arrow-down-baige.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: transparent;
}
@media (min-width: 992px) {
  main .accordion-karriere > .card > .card-header button .stelle-open {
    color: inherit;
  }
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card > .card-header button .stelle-open {
    padding: 3.1446540881vw 2.5157232704vw 3.1446540881vw 0;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card > .card-header button .stelle-open {
    padding: 60.3667px 48.3px 60.3667px 0;
  }
}
main .accordion-karriere > .card > .card-header button .stelle-close {
  display: none;
  padding: 50px 40px 50px 0;
  background-image: url(../img/frank-zimmerei-muenchen-icon-nav-arrow-up-baige.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: transparent;
}
@media (min-width: 992px) {
  main .accordion-karriere > .card > .card-header button .stelle-close {
    color: inherit;
  }
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card > .card-header button .stelle-close {
    padding: 3.1446540881vw 2.5157232704vw 3.1446540881vw 0;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card > .card-header button .stelle-close {
    padding: 60.3667px 48.3px 60.3667px 0;
  }
}
main .accordion-karriere > .card > .card-header button span.gueltigkeit {
  display: none;
  margin-top: -4px;
  margin-bottom: 2px;
  font-size: 0.49em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.6px;
  text-transform: none !important;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card > .card-header button span.gueltigkeit {
    margin-top: -2.7672955975vw;
    margin-bottom: 0.1257861635vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card > .card-header button span.gueltigkeit {
    margin-top: -4.81667px;
    margin-bottom: 2.4px;
  }
}
main .accordion-karriere > .card > .card-header button span.font-light {
  font-weight: 100;
}
main .accordion-karriere > .card > .card-header button[aria-expanded="true"] .stelle-open {
  display: none;
}
main .accordion-karriere > .card > .card-header button[aria-expanded="true"] span.gueltigkeit {
  display: block;
}
main .accordion-karriere > .card > .card-header button[aria-expanded="true"] .stelle-close {
  display: inline-block;
}
main .accordion-karriere > .card .card-body {
  padding: 0 0 10px;
}
@media (min-width: 908px) {
  main .accordion-karriere > .card .card-body {
    padding: 0 0 30px;
  }
}
@media (min-width: 992px) {
  main .accordion-karriere > .card .card-body {
    padding: 0 0 55px;
  }
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body {
    padding: 0 0 3.4591194969vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body {
    padding: 0 0 66.4px;
  }
}
main .accordion-karriere > .card .card-body h5 {
  margin-bottom: 35px;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body h5 {
    margin-bottom: 2.2012578616vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body h5 {
    margin-bottom: 42.264px;
  }
}
main .accordion-karriere > .card .card-body h5.big-mt {
  margin-top: 20px;
  margin-bottom: 35px;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body h5.big-mt {
    margin-top: 1.2578616352vw;
    margin-bottom: 2.2012578616vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body h5.big-mt {
    margin-top: 24.15px;
    margin-bottom: 42.25px;
  }
}
main .accordion-karriere > .card .card-body .massnahme {
  margin-bottom: 0;
}
main .accordion-karriere > .card .card-body .massnahme ul {
  margin-bottom: 0;
}
main .accordion-karriere > .card .card-body .h1 {
  margin-top: 66px;
  margin-bottom: 5px;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body .h1 {
    margin-top: 4.1509433962vw;
    margin-bottom: 0.3144654088vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body .h1 {
    margin-top: 79.6833px;
    margin-bottom: 6.03333px;
  }
}
main .accordion-karriere > .card .card-body h3 {
  margin-bottom: 79px;
}
main .accordion-karriere > .card .card-body .header-extrabold {
  font-weight: 800;
  margin-bottom: 30px !important;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body .header-extrabold {
    margin-bottom: 1.8867924528vw !important;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body .header-extrabold {
    margin-bottom: 36.2167px !important;
  }
}
main .accordion-karriere > .card .card-body p {
  margin-bottom: 30px;
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body p {
    margin-bottom: 1.8867924528vw !important;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body p {
    margin-bottom: 36.2167px !important;
  }
}
main .accordion-karriere > .card .card-body .circle {
  height: 150px;
  width: 150px;
}
@media (min-width: 768px) {
  main .accordion-karriere > .card .card-body .circle {
    height: 180px;
    width: 180px;
  }
}
@media (min-width: 992px) {
  main .accordion-karriere > .card .card-body .circle {
    height: 202px;
    width: 202px;
  }
}
@media (min-width: 1200px) {
  main .accordion-karriere > .card .card-body .circle {
    height: 208px;
    width: 208px;
  }
}
@media (min-width: 1590px) {
  main .accordion-karriere > .card .card-body .circle {
    height: 13.0817610063vw;
    width: 13.0817610063vw;
  }
}
@media (min-width: 1920px) {
  main .accordion-karriere > .card .card-body .circle {
    height: 251.167px;
    width: 251.167px;
  }
}
main .accordion-karriere .collapse {
  padding-bottom: 5px;
}
main #management {
  padding: 46.0667px 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #management {
    padding: 6vw 0;
  }
}
@media (min-width: 1590px) {
  main #management {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #management {
    padding: 115.2px 0;
    font-size: 24.4333px;
  }
}
main #management h2 {
  padding-bottom: 37.8px;
  padding-left: 0;
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #management h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #management h2 {
    padding-bottom: 4.921875vw;
  }
}
@media (min-width: 1920px) {
  main #management h2 {
    padding-bottom: 94.5px;
    font-size: 105.55px;
    letter-spacing: 1.71667px;
  }
}
main #management h3 {
  margin-bottom: 29.8px;
  padding-left: 0;
  font-size: 29.75px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #management h3 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 992px) {
  main #management h3 {
    font-size: 3vw;
  }
}
@media (min-width: 1920px) {
  main #management h3 {
    margin-bottom: 39.75px;
    font-size: 57.6px;
  }
}
main #management p, main #management ul, main #management ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #management p, main #management ul, main #management ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #management p, main #management ul, main #management ol {
    margin-bottom: 39.75px;
  }
}
main #management ul, main #management ol {
  padding-left: 1em;
}
main #management strong {
  font-weight: 700;
}
main #management .btn-dark {
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #management .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #management .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #management .btn-dark {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #management .btn-dark {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #management .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #management .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #management .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #management .btn-dark:focus, main #management .btn-dark:hover, main #management .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
main #management .btn-dark:focus img, main #management .btn-dark:hover img, main #management .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #management .btn-dark:focus img, main #management .btn-dark:hover img, main #management .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #management .btn-dark:focus img, main #management .btn-dark:hover img, main #management .btn-dark:active img {
    margin-left: 36.75px;
  }
}
main #management .team-teaser {
  margin-bottom: 15.35px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  main #management .team-teaser {
    margin-bottom: 2vw;
  }
}
@media (min-width: 1920px) {
  main #management .team-teaser {
    margin-bottom: 38.4px;
  }
}
main #management .team-teaser .content {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  transition: left 0.35s ease;
}
@media (min-width: 450px) {
  main #management .team-teaser .content {
    padding: 40px;
    font-size: inherit;
  }
}
@media (min-width: 576px) {
  main #management .team-teaser .content {
    padding: 20px;
    font-size: 18px;
  }
}
@media (min-width: 700px) {
  main #management .team-teaser .content {
    padding: 40px;
    font-size: inherit;
  }
}
@media (min-width: 768px) {
  main #management .team-teaser .content {
    padding: 20px;
  }
}
@media (min-width: 850px) {
  main #management .team-teaser .content {
    padding: 30px;
  }
}
@media (min-width: 920px) {
  main #management .team-teaser .content {
    padding: 30px 40px;
  }
}
@media (min-width: 992px) {
  main #management .team-teaser .content {
    font-size: 19px;
    padding: 20px 40px;
  }
}
@media (min-width: 1100px) {
  main #management .team-teaser .content {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  main #management .team-teaser .content {
    padding: 30px 60px;
    font-size: inherit;
  }
}
@media (min-width: 1400px) {
  main #management .team-teaser .content {
    padding: 30px 100px;
  }
}
@media (min-width: 1590px) {
  main #management .team-teaser .content {
    padding: 1.8867924528vw 6.2893081761vw;
  }
}
@media (min-width: 1920px) {
  main #management .team-teaser .content {
    padding: 36.2167px 120.75px;
  }
}
main #management .team-teaser:hover .content {
  left: 0;
}
main #employees {
  padding: 53.76px 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #employees {
    padding: 7vw 0;
  }
}
@media (min-width: 1590px) {
  main #employees {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #employees {
    padding: 134.4px 0;
    font-size: 24.4333px;
  }
}
main #employees h2 {
  padding-bottom: 37.8px;
  padding-left: 0;
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0.08984375vw;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #employees h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #employees h2 {
    padding-bottom: 4.921875vw;
  }
}
@media (min-width: 1920px) {
  main #employees h2 {
    padding-bottom: 94.5px;
    font-size: 105.55px;
    letter-spacing: 1.71667px;
  }
}
main #employees h3 {
  margin-bottom: 29.8px;
  padding-left: 0;
  font-size: 29.75px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  color: #d5af8b;
}
@media (min-width: 768px) {
  main #employees h3 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 992px) {
  main #employees h3 {
    font-size: 3vw;
  }
}
@media (min-width: 1920px) {
  main #employees h3 {
    margin-bottom: 39.75px;
    font-size: 57.6px;
  }
}
main #employees p, main #employees ul, main #employees ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #employees p, main #employees ul, main #employees ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #employees p, main #employees ul, main #employees ol {
    margin-bottom: 39.75px;
  }
}
main #employees ul, main #employees ol {
  padding-left: 1em;
}
main #employees strong {
  font-weight: 700;
}
main #employees .text {
  padding-bottom: 37.8px;
}
@media (min-width: 768px) {
  main #employees .text {
    padding-bottom: 4.921875vw;
  }
}
@media (min-width: 1920px) {
  main #employees .text {
    padding-bottom: 94.5px;
  }
}
main #employees .btn-light {
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #181716;
  background-color: #fff;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  main #employees .btn-light {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  main #employees .btn-light {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  main #employees .btn-light {
    padding: 1.171875vw 1.484375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  main #employees .btn-light {
    padding: 22.5px 28.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
    border-radius: 9px;
  }
}
main #employees .btn-light img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  main #employees .btn-light img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  main #employees .btn-light img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
main #employees .btn-light:focus, main #employees .btn-light:hover, main #employees .btn-light:active {
  color: #181716;
  background-color: #fff;
  border: none;
}
main #employees .btn-light:focus img, main #employees .btn-light:hover img, main #employees .btn-light:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  main #employees .btn-light:focus img, main #employees .btn-light:hover img, main #employees .btn-light:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  main #employees .btn-light:focus img, main #employees .btn-light:hover img, main #employees .btn-light:active img {
    margin-left: 36.75px;
  }
}
main #employees .team-teaser {
  position: relative;
  overflow: hidden;
}
main #employees .team-teaser .content {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  transition: left 0.35s ease;
}
@media (min-width: 1590px) {
  main #employees .team-teaser .content {
    padding: 1.8867924528vw;
  }
}
@media (min-width: 1920px) {
  main #employees .team-teaser .content {
    padding: 36.2167px;
  }
}
main #employees .team-teaser:hover .content {
  left: 0;
}
main #proud {
  padding: 53.76px 0;
}
@media (min-width: 768px) {
  main #proud {
    padding: 7vw 0;
  }
}
@media (min-width: 1920px) {
  main #proud {
    padding: 134.4px 0;
  }
}
main #proud h2 {
  padding-bottom: 37.8px;
  padding-left: 0;
  font-size: 31px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  main #proud h2 {
    font-size: 5.4976851852vw;
  }
}
@media (min-width: 768px) {
  main #proud h2 {
    padding-bottom: 4.921875vw;
  }
}
@media (min-width: 1920px) {
  main #proud h2 {
    padding-bottom: 94.5px;
    font-size: 105.55px;
  }
}
main #proud h2 strong {
  font-weight: 900;
}
main #news-overview {
  position: relative;
  margin-top: -7.3vw;
  margin-bottom: 121.933px;
  font-size: 18px;
  letter-spacing: 0.32px;
  line-height: 1.58;
  overflow: hidden;
}
@media (min-width: 450px) {
  main #news-overview {
    margin-top: -6.4vw;
  }
}
@media (min-width: 576px) {
  main #news-overview {
    margin-top: -5.9vw;
  }
}
@media (min-width: 768px) {
  main #news-overview {
    margin-bottom: 15.877vw;
  }
}
@media (min-width: 1536px) {
  main #news-overview {
    margin-top: -4.921875vw;
    font-size: 1.171875vw;
    letter-spacing: 0.02109375vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview {
    margin-top: -94.5px;
    margin-bottom: 304.833px;
    font-size: 22.5px;
    letter-spacing: 0.4px;
  }
}
main #news-overview strong {
  font-weight: 700;
}
main #news-overview .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-10.webp);
  background-repeat: no-repeat;
  background-size: 320% auto;
  background-position: center top;
}
main #news-overview .top-bg img {
  opacity: 0;
}
main #news-overview .bg {
  padding-top: 8vw;
  background-color: #e1ac43;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-white-10.webp);
  background-repeat: no-repeat;
  background-size: 320% auto;
  background-position: center -7.8125vw;
}
@media (min-width: 1920px) {
  main #news-overview .bg {
    background-position: center -150px;
  }
}
main #news-overview h2 {
  margin-bottom: 14.7px;
  padding-top: 20.7px;
  padding-left: 0.348vw;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.2px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #news-overview h2 {
    margin-bottom: 1.9140625vw;
    padding-top: 2.6953125vw;
  }
}
@media (min-width: 1830px) {
  main #news-overview h2 {
    font-size: 0.8203125vw;
    letter-spacing: 0.28515625vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview h2 {
    margin-bottom: 36.75px;
    padding-top: 51.75px;
    font-size: 15.75px;
    letter-spacing: 5.475px;
  }
}
main #news-overview .tiles .tile {
  position: relative;
  padding: 20px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.46875vw;
}
@media (min-width: 768px) {
  main #news-overview .tiles .tile {
    padding: 2.6041666667vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile {
    padding: 50px;
    border-radius: 9px;
  }
}
main #news-overview .tiles .tile .placeholder-img {
  display: block;
  width: 100%;
}
main #news-overview .tiles .tile .bg-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 120%;
  transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
}
main #news-overview .tiles .tile .lupe {
  position: absolute;
  z-index: 2;
  bottom: 22px;
  right: 22px;
  display: inline-block;
  height: 22px;
  width: 22px;
  background-image: url(../img/FRANK-Icon-Lupe.webp);
  background-size: 100% 200%;
  background-position: center top;
  transition: height 0.35s ease, width 0.35s ease;
}
@media (min-width: 1520px) {
  main #news-overview .tiles .tile .lupe {
    bottom: 1.4453125vw;
    right: 1.4453125vw;
    height: 1.4453125vw;
    width: 1.4453125vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile .lupe {
    bottom: 27.75px;
    right: 27.75px;
    height: 27.75px;
    width: 27.75px;
  }
}
main #news-overview .tiles .tile img {
  max-width: 100%;
  height: auto;
}
main #news-overview .tiles .tile .date {
  margin-bottom: 0.6px;
  font-size: 0.8em;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #news-overview .tiles .tile .date {
    margin-bottom: 0.078125vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile .date {
    margin-bottom: 1.5px;
  }
}
main #news-overview .tiles .tile h3 {
  margin-bottom: 8.1px;
  font-size: 1.25em;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main #news-overview .tiles .tile h3 {
    margin-bottom: 1.0546875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile h3 {
    margin-bottom: 20.25px;
  }
}
main #news-overview .tiles .tile a {
  font-weight: 700;
  letter-spacing: 0.30859375vw;
  color: #181716;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #news-overview .tiles .tile a img {
  position: relative;
  top: -1.5px;
  margin-left: 12.75px;
  width: 30px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile a img {
    top: -1.5px;
    margin-left: 12.75px;
    width: 30px;
  }
}
main #news-overview .tiles .tile a:focus, main #news-overview .tiles .tile a:hover, main #news-overview .tiles .tile a:active {
  color: #d5af8b;
}
main #news-overview .tiles .tile a:focus img, main #news-overview .tiles .tile a:hover img, main #news-overview .tiles .tile a:active img {
  margin-left: 27.75px;
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile a:focus img, main #news-overview .tiles .tile a:hover img, main #news-overview .tiles .tile a:active img {
    margin-left: 27.75px;
  }
}
main #news-overview .tiles .tile .galerie-link {
  position: absolute;
  top: 30px;
  left: 30px;
  height: 40px;
  width: 40px;
  padding: 0;
  background-image: url(../img/galerie.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #fff;
  border: 1px solid #d5af8b;
  border-radius: 0;
  transition: background-color 0.35s ease;
}
@media (min-width: 768px) {
  main #news-overview .tiles .tile .galerie-link {
    top: 3.90625vw;
    left: 3.90625vw;
  }
}
@media (min-width: 1400px) {
  main #news-overview .tiles .tile .galerie-link {
    height: 2.8571428571vw;
    width: 2.8571428571vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview .tiles .tile .galerie-link {
    top: 75px;
    left: 75px;
    height: 54.85px;
    width: 54.85px;
  }
}
main #news-overview .tiles .tile .galerie-link:focus, main #news-overview .tiles .tile .galerie-link:hover {
  background-color: #d5af8b;
}
main #news-overview .tiles .tile:hover .bg-img, main #news-overview .tiles .tile:focus-within .bg-img {
  position: absolute;
  z-index: 1;
  top: -10%;
  left: -10%;
  width: 120%;
}
main #news-overview .tiles .tile:hover .lupe, main #news-overview .tiles .tile:focus-within .lupe {
  /*height: 28px;
						width: 28px;*/
  background-position: center bottom;
}
@media (min-width: 1520px) {
  main #news-overview .tiles .tile:hover .lupe, main #news-overview .tiles .tile:focus-within .lupe {
    /*height: 1.8359375vw;
							width: 1.8359375vw;*/
  }
}
main #news-overview #load-news {
  padding: 36.7px 0 19.9667px;
  text-align: center;
}
@media (min-width: 768px) {
  main #news-overview #load-news {
    padding: 4.78vw 0 2.6vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-news {
    padding: 91.7667px 0 49.9167px;
  }
}
main #news-overview #load-news #load-news-ajax {
  padding: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.35px;
  line-height: 1.14;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #news-overview #load-news #load-news-ajax img {
  margin-bottom: 1.875vw;
  width: 42.2px;
}
@media (min-width: 1830px) {
  main #news-overview #load-news #load-news-ajax img {
    width: 2.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-news #load-news-ajax img {
    margin-bottom: 36px;
    width: 44.25px;
  }
}
main #news-overview #load-news #load-news-ajax:focus, main #news-overview #load-news #load-news-ajax:hover {
  color: #d20000;
}
main #news-overview #load-news #load-news-ajax.loading img {
  animation-name: projectsLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (min-width: 1830px) {
  main #news-overview #load-news #load-news-ajax {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-news #load-news-ajax {
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
@keyframes projectsLoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
main #news-overview #load-gallery {
  padding: 36.7px 0 19.9667px;
  text-align: center;
}
@media (min-width: 768px) {
  main #news-overview #load-gallery {
    padding: 4.78vw 0 2.6vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-gallery {
    padding: 91.7667px 0 49.9167px;
  }
}
main #news-overview #load-gallery #load-gallery-ajax {
  padding: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.35px;
  line-height: 1.14;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #news-overview #load-gallery #load-gallery-ajax img {
  margin-bottom: 1.875vw;
  width: 42.2px;
}
@media (min-width: 1830px) {
  main #news-overview #load-gallery #load-gallery-ajax img {
    width: 2.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-gallery #load-gallery-ajax img {
    margin-bottom: 36px;
    width: 44.25px;
  }
}
main #news-overview #load-gallery #load-gallery-ajax:focus, main #news-overview #load-gallery #load-gallery-ajax:hover {
  color: #d20000;
}
main #news-overview #load-gallery #load-gallery-ajax.loading img {
  animation-name: projectsLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (min-width: 1830px) {
  main #news-overview #load-gallery #load-gallery-ajax {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-gallery #load-gallery-ajax {
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
@keyframes projectsLoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
main #news-overview #load-reviews {
  padding: 36.7px 0 19.9667px;
  text-align: center;
}
@media (min-width: 768px) {
  main #news-overview #load-reviews {
    padding: 4.78vw 0 2.6vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-reviews {
    padding: 91.7667px 0 49.9167px;
  }
}
main #news-overview #load-reviews #load-reviews-ajax {
  padding: 0;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 5.35px;
  line-height: 1.14;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  transition: color 0.35s ease;
}
main #news-overview #load-reviews #load-reviews-ajax img {
  margin-bottom: 1.875vw;
  width: 42.2px;
}
@media (min-width: 1830px) {
  main #news-overview #load-reviews #load-reviews-ajax img {
    width: 2.3046875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-reviews #load-reviews-ajax img {
    margin-bottom: 36px;
    width: 44.25px;
  }
}
main #news-overview #load-reviews #load-reviews-ajax:focus, main #news-overview #load-reviews #load-reviews-ajax:hover {
  color: #d20000;
}
main #news-overview #load-reviews #load-reviews-ajax.loading img {
  animation-name: projectsLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media (min-width: 1830px) {
  main #news-overview #load-reviews #load-reviews-ajax {
    font-size: 0.8203125vw;
    letter-spacing: 0.29296875vw;
  }
}
@media (min-width: 1920px) {
  main #news-overview #load-reviews #load-reviews-ajax {
    font-size: 15.75px;
    letter-spacing: 5.61667px;
  }
}
@keyframes projectsLoading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
main #news-overview.gallery .tile {
  padding: 0;
  border-radius: 0;
}
main #news-overview.gallery .tile a img {
  top: 0;
  margin-left: 0 !important;
}
main #news-overview.gallery .tile:hover a .bg-img, main #news-overview.gallery .tile:focus-within a .bg-img {
  top: -10%;
}
main #default {
  padding-bottom: 99.8333px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #default {
    padding-bottom: 13vw;
  }
}
@media (min-width: 1590px) {
  main #default {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #default {
    padding-bottom: 249.6px;
    font-size: 24.4333px;
  }
}
main #default p, main #default ul, main #default ol {
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #default p, main #default ul, main #default ol {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #default p, main #default ul, main #default ol {
    margin-bottom: 39.75px;
  }
}
main #default ul, main #default ol {
  padding-left: 1em;
}
main #default strong {
  font-weight: 700;
}
main #default h1, main #default h2, main #default h3, main #default h4, main #default h5, main #default h6 {
  font-weight: 900;
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #default h1, main #default h2, main #default h3, main #default h4, main #default h5, main #default h6 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #default h1, main #default h2, main #default h3, main #default h4, main #default h5, main #default h6 {
    margin-bottom: 39.75px;
  }
}
main #default h1 {
  font-size: calc(1.375em + 1.5vw);
}
main #default h2 {
  font-size: calc(1.325em + .9vw);
}
main #default h3 {
  font-size: calc(1.3em + .6vw);
}
main #default h4 {
  font-size: calc(1.275em + .3vw);
}
main #default h5 {
  font-size: 1.25em;
}
main #default h6 {
  font-size: 1em;
}
main #projekt-detail-jahr-laufzeit-ort {
  padding-top: 3em;
  padding-bottom: 3em;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
  text-align: center;
  hyphens: auto;
  overflow: hidden;
}
@media (min-width: 1590px) {
  main #projekt-detail-jahr-laufzeit-ort {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-jahr-laufzeit-ort {
    padding-top: 73.3px;
    padding-bottom: 73.3px;
    font-size: 24.4333px;
  }
}
main #projekt-detail-jahr-laufzeit-ort .section {
  display: inline-block;
  vertical-align: top;
  width: 25vw;
  text-align: center;
  margin: 0 8px;
}
@media (min-width: 576px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 22vw;
  }
}
@media (min-width: 768px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 19vw;
  }
}
@media (min-width: 992px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 16vw;
  }
}
@media (min-width: 1200px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 14vw;
  }
}
@media (min-width: 1400px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 12vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-jahr-laufzeit-ort .section {
    width: 230.4px;
  }
}
main #projekt-detail-jahr-laufzeit-ort .section-titel {
  font-weight: 900;
  color: #d5af8b;
  margin-bottom: 0.5em;
}
main #projekt-detail-jahr-laufzeit-ort ul {
  display: inline-block;
  text-align: left;
  pading-left: 1em;
}
main #projekt-detail-slider {
  padding: 61.4333px 0 92.15px;
}
@media (min-width: 768px) {
  main #projekt-detail-slider {
    padding: 8vw 0 12vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider {
    padding: 153.6px 0 230.4px;
  }
}
main #projekt-detail-slider #dachgauben-slider {
  padding-bottom: 25.5px;
}
@media (min-width: 768px) {
  main #projekt-detail-slider #dachgauben-slider {
    padding-bottom: 3.3203125vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider {
    padding-bottom: 63.75px;
  }
}
main #projekt-detail-slider #dachgauben-slider .slick-slide {
  background-color: #fff;
  overflow: hidden;
}
main #projekt-detail-slider #dachgauben-slider .slick-slide .padder {
  padding: 0 0.4296875vw;
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider .slick-slide .padder {
    padding: 0 8.25px;
  }
}
main #projekt-detail-slider #dachgauben-slider .slick-slide .secondary {
  opacity: 0.3;
}
main #projekt-detail-slider #dachgauben-slider .slick-prev {
  z-index: 1;
  top: calc(50% - 9.68335px);
  left: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-left.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: right center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #projekt-detail-slider #dachgauben-slider .slick-prev {
    left: 7.75px;
  }
}
@media (min-width: 992px) {
  main #projekt-detail-slider #dachgauben-slider .slick-prev {
    top: calc(50% - 0.9765625vw);
    left: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider .slick-prev {
    top: 449.85px;
    left: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #projekt-detail-slider #dachgauben-slider .slick-prev:focus, main #projekt-detail-slider #dachgauben-slider .slick-prev:hover {
  background-position: left center;
  opacity: 1;
}
main #projekt-detail-slider #dachgauben-slider .slick-prev:before {
  content: "";
}
main #projekt-detail-slider #dachgauben-slider .slick-next {
  z-index: 1;
  top: calc(50% - 9.68335px);
  right: 1vw;
  height: 19.3667px;
  width: 38.75px;
  background-image: url(../img/Frank-Zimmerei-Muenchen-Icon-NAVArrow-right.svg);
  background-size: 28.6667px 17.8167px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.95;
  transition: background-position 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 576px) {
  main #projekt-detail-slider #dachgauben-slider .slick-next {
    right: 7.75px;
  }
}
@media (min-width: 992px) {
  main #projekt-detail-slider #dachgauben-slider .slick-next {
    top: calc(50% - 0.9765625vw);
    right: 0.78125vw;
    height: 1.953125vw;
    width: 3.90625vw;
    background-size: 2.890625vw 1.796875vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider .slick-next {
    top: 449.85px;
    right: 15px;
    height: 37.5px;
    width: 75px;
    background-size: 55.5px 34.5px;
  }
}
main #projekt-detail-slider #dachgauben-slider .slick-next:focus, main #projekt-detail-slider #dachgauben-slider .slick-next:hover {
  background-position: right center;
  opacity: 1;
}
main #projekt-detail-slider #dachgauben-slider .slick-next:before {
  content: "";
}
main #projekt-detail-slider #dachgauben-slider-indikator {
  text-align: center;
}
main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container {
  display: flex;
  width: calc(210px + 90px);
  margin: 0 auto;
}
@media (min-width: 1540px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container {
    width: calc(210px + 5.859375vw);
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container {
    width: 322.5px;
  }
}
main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .from, main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .to {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  width: 45px;
}
@media (min-width: 1540px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .from, main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .to {
    font-size: 1.171875vw;
    width: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .from, main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .to {
    font-size: 22.5px;
    width: 56.25px;
  }
}
main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .indikator-line-container {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 210px;
  height: 18px;
  background-image: url(../img/slider-counter-bg.webp);
  background-position: center center;
  background-repeat: repeat-x;
}
@media (min-width: 1540px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 1.171875vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .indikator-line-container {
    height: 22.5px;
  }
}
main #projekt-detail-slider #dachgauben-slider-indikator .indikator-container .indikator-line-container .indikator-line {
  display: inline-block;
  height: 9px;
  width: 30px;
  background-color: #d20000;
  transition: width 0.35s ease;
}
main #projekt-detail-a-to-z {
  padding: 0 0 76.8px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 768px) {
  main #projekt-detail-a-to-z {
    padding: 0 0 10vw;
  }
}
@media (min-width: 1590px) {
  main #projekt-detail-a-to-z {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-a-to-z {
    padding: 0 0 192px;
    font-size: 24.4333px;
  }
}
main #projekt-detail-a-to-z h3 {
  font-weight: 900;
  font-size: calc(1.3em + .6vw);
  margin-bottom: 14.9px;
}
@media (min-width: 1440px) {
  main #projekt-detail-a-to-z h3 {
    margin-bottom: 1.03515625vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-a-to-z h3 {
    margin-bottom: 19.8667px;
  }
}
main #projekt-detail-a-to-z h5 {
  font-weight: 400;
  font-size: 1.25em;
  margin-bottom: 29.8px;
}
@media (min-width: 1440px) {
  main #projekt-detail-a-to-z h5 {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  main #projekt-detail-a-to-z h5 {
    margin-bottom: 39.75px;
  }
}
main #projekt-detail-a-to-z ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
main #projekt-detail-a-to-z ul li {
  padding: 0.7em 0;
}
main #projekt-detail-a-to-z ul li span.bb {
  display: block;
  width: 40%;
  max-width: 100px;
  border-bottom: 2px solid #d20000;
}
footer {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
footer .logo {
  margin-left: 25px;
  margin-bottom: 4.0234375vw;
  width: 145.3px;
}
@media (min-width: 853px) {
  footer .logo {
    margin-left: 2.890625vw;
  }
}
@media (min-width: 992px) {
  footer .logo {
    width: 14.6484375vw;
  }
}
@media (min-width: 1920px) {
  footer .logo {
    margin-bottom: 77.25px;
    margin-left: 55.5px;
    width: 281.25px;
  }
}
footer #to-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  position: absolute;
  top: 4.4921875vw;
  right: 2.890625vw;
  height: 84px;
  text-align: center;
  background-color: transparent;
  border: none;
  transition: top 0.35s ease;
}
@media (min-width: 1400px) {
  footer #to-top {
    height: 5.9765625vw;
  }
}
@media (min-width: 1920px) {
  footer #to-top {
    top: 99.1333px;
    right: 55.5px;
    height: 114.75px;
  }
}
footer #to-top img:first-child {
  width: 12.57px;
  margin-bottom: 14.75px;
  transition: margin-bottom 0.35s ease;
}
@media (min-width: 1400px) {
  footer #to-top img:first-child {
    width: 0.8984375vw;
    margin-bottom: 1.0546875vw;
  }
}
@media (min-width: 1920px) {
  footer #to-top img:first-child {
    width: 17.25px;
    margin-bottom: 20.25px;
  }
}
footer #to-top img:last-child {
  width: 8.75px;
}
@media (min-width: 1400px) {
  footer #to-top img:last-child {
    width: 0.625vw;
  }
}
@media (min-width: 1920px) {
  footer #to-top img:last-child {
    width: 12px;
  }
}
footer #to-top:focus img:first-child, footer #to-top:hover img:first-child {
  margin-bottom: 25.7px;
}
@media (min-width: 1400px) {
  footer #to-top:focus img:first-child, footer #to-top:hover img:first-child {
    margin-bottom: 1.8359375vw;
  }
}
@media (min-width: 1920px) {
  footer #to-top:focus img:first-child, footer #to-top:hover img:first-child {
    margin-bottom: 35.25px;
  }
}
footer .content-container {
  position: relative;
}
footer .content-container .content-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
footer .content-container .content-bg video {
  height: 100%;
  width: auto;
  background-color: #131312;
  /*height: auto;
				width: 621%;
				@media all and (min-width : 576px) {
				width: 313%;
			}
				@media all and (min-width : 768px) {
				width: 210%;
			}
				@media all and (min-width : 992px) {
				width: 187%;
			}
				@media all and (min-width : 1200px) {
				width: 142%;
			}
				@media all and (min-width : 1400px) {
				width: 137%;
			}
				@media all and (min-width : 1500px) {
				width: 135%;
			}*/
}
footer .content-container .content-bg .footer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
footer .content-container .content {
  padding-top: 11.953125vw;
  position: relative;
  z-index: 2;
  width: 100%;
  font-size: 20px;
  letter-spacing: 0.533333px;
  line-height: 1.65;
  color: #fff;
  background-image: url(../img/KILMARX-FRANK-Zimmerei-Muenchen-Backdrop-06.webp);
  background-repeat: no-repeat;
  background-size: 524% auto;
  background-position: center top;
}
@media (min-width: 576px) {
  footer .content-container .content {
    font-size: 18px;
    background-size: 264% auto;
  }
}
@media (min-width: 768px) {
  footer .content-container .content {
    background-size: 177% auto;
  }
}
@media (min-width: 992px) {
  footer .content-container .content {
    background-size: 158% auto;
  }
}
@media (min-width: 1200px) {
  footer .content-container .content {
    background-size: 120% auto;
  }
}
@media (min-width: 1460px) {
  footer .content-container .content {
    background-size: 113.5% auto;
  }
}
@media (min-width: 1555px) {
  footer .content-container .content {
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content {
    padding-top: 229.5px;
    font-size: 22.2167px;
    letter-spacing: 0.666667px;
  }
}
footer .content-container .content .footer-column {
  display: inline-block;
  padding: 0 25px 35px 25px;
  vertical-align: top;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-column {
    padding: 0 25px 3.4375vw 25px;
  }
}
@media (min-width: 853px) {
  footer .content-container .content .footer-column {
    padding: 0 0 3.4375vw 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column {
    padding: 0 0 66px 56.25px;
  }
}
footer .content-container .content .footer-column.address {
  padding-right: 25px;
}
@media (min-width: 853px) {
  footer .content-container .content .footer-column.address {
    padding-right: 8.7890625vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column.address {
    padding-right: 168.75px;
  }
}
footer .content-container .content .footer-column.opening-hours {
  padding-right: 25px;
}
@media (min-width: 853px) {
  footer .content-container .content .footer-column.opening-hours {
    padding-right: 10.859375vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column.opening-hours {
    padding-right: 208.5px;
  }
}
footer .content-container .content .footer-column.career {
  padding-right: 25px;
}
@media (min-width: 853px) {
  footer .content-container .content .footer-column.career {
    padding-right: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column.career {
    padding-right: 56.25px;
  }
}
footer .content-container .content .footer-column.career a {
  line-height: 2;
}
@media (min-width: 853px) {
  footer .content-container .content .footer-column.career a {
    line-height: inherit;
  }
}
footer .content-container .content .footer-column div.red {
  margin-bottom: 2.109375vw;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 5.9px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-column div.red {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column div.red {
    font-size: 0.78125vw;
    letter-spacing: 0.30859375vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column div.red {
    margin-bottom: 40.5px;
    font-size: 15px;
    letter-spacing: 5.91667px;
  }
}
footer .content-container .content .footer-column p {
  margin-bottom: 1.7578125vw;
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column p {
    margin-bottom: 33.75px;
  }
}
footer .content-container .content .footer-column a {
  text-decoration: none;
  color: #fff;
  transition: color 0.35s ease;
}
footer .content-container .content .footer-column a:focus, footer .content-container .content .footer-column a:hover, footer .content-container .content .footer-column a.active {
  color: #d20000;
}
footer .content-container .content .footer-column .social-media {
  margin-bottom: 2.03125vw;
  padding-top: 1.09375vw;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 5.9px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column .social-media {
    margin-bottom: 39px;
    font-size: 15px;
    letter-spacing: 5.91667px;
  }
}
footer .content-container .content .footer-column .facebook {
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-facebook.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column .facebook {
    height: 42px;
    width: 42px;
  }
}
footer .content-container .content .footer-column .facebook:focus, footer .content-container .content .footer-column .facebook:hover {
  /*background-image: url(../img/FRANK-Icon-facebook-Focus.svg);*/
}
footer .content-container .content .footer-column .instagram {
  margin-left: 14.25px;
  display: inline-block;
  height: 42px;
  width: 42px;
  background-image: url(../img/FRANK-Icon-instagram.svg);
  background-size: 100% 100%;
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-column .instagram {
    margin-left: 14.25px;
    height: 42px;
    width: 42px;
  }
}
footer .content-container .content .footer-column .instagram:focus, footer .content-container .content .footer-column .instagram:hover {
  /*background-image: url(../img/FRANK-Icon-instagram-Focus.svg);*/
}
footer .content-container .content .footer-nav {
  padding-left: 25px;
  padding-bottom: 35px;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-nav {
    padding-bottom: 5.4296875vw;
  }
}
@media (min-width: 853px) {
  footer .content-container .content .footer-nav {
    padding-left: 2.9296875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-nav {
    padding-bottom: 104.25px;
    padding-left: 56.25px;
  }
}
footer .content-container .content .footer-nav a {
  font-size: 20px;
  letter-spacing: 0.97px;
  line-height: 2;
  color: #fff;
  text-decoration: none;
  transition: color 0.35s ease;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-nav a {
    font-size: 15.75px;
    line-height: 1.1;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-nav a {
    font-size: 15.75px;
    letter-spacing: 0.966667px;
  }
}
footer .content-container .content .footer-nav a:focus, footer .content-container .content .footer-nav a:hover, footer .content-container .content .footer-nav a.active {
  color: #d20000;
}
footer .content-container .content .footer-nav span {
  display: block;
  padding: 0 0.234375vw;
  font-size: 16.5px;
  letter-spacing: 0.82px;
  line-height: 1.1;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-nav span {
    display: inline-block;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .footer-nav span {
    font-size: 16.5px;
    letter-spacing: 0.816667px;
  }
}
footer .content-container .content .footer-nav span.bp576 {
  display: none;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-nav span.bp576 {
    display: inline-block;
  }
}
footer .content-container .content .footer-nav span.bp780 {
  display: none;
}
@media (min-width: 780px) {
  footer .content-container .content .footer-nav span.bp780 {
    display: inline-block;
  }
}
footer .content-container .content .footer-nav br.bp576 {
  display: block;
}
@media (min-width: 576px) {
  footer .content-container .content .footer-nav br.bp576 {
    display: none;
  }
}
footer .content-container .content .footer-nav br.bp780 {
  display: block;
}
@media (min-width: 780px) {
  footer .content-container .content .footer-nav br.bp780 {
    display: none;
  }
}
footer .content-container .content .h-divider {
  margin: 0 25px 35px;
  height: 0.8984375vw;
  background-color: #e1ac43;
}
@media (min-width: 576px) {
  footer .content-container .content .h-divider {
    margin: 0 25px 6.0546875vw;
  }
}
@media (min-width: 853px) {
  footer .content-container .content .h-divider {
    margin: 0 2.9296875vw 6.0546875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content .h-divider {
    margin: 0 56.25px 116.25px;
  }
}
footer .content-container .content h2 {
  margin-bottom: 0.2734375vw;
  margin-left: 25px;
  font-size: 27.65px;
  font-weight: 900;
  letter-spacing: 0.18px;
  line-height: 1.12;
  text-transform: uppercase;
}
@media (min-width: 853px) {
  footer .content-container .content h2 {
    margin-left: 2.9296875vw;
  }
}
@media (min-width: 1200px) {
  footer .content-container .content h2 {
    font-size: 2.3046875vw;
    letter-spacing: 0.015625vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content h2 {
    margin-bottom: 5.25px;
    margin-left: 56.25px;
    font-size: 44.25px;
    letter-spacing: 0.3px;
  }
}
footer .content-container .content h3 {
  margin-bottom: 35px;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  footer .content-container .content h3 {
    margin-bottom: 4.6875vw;
    margin-right: 0;
    font-size: 16.4px;
  }
}
@media (min-width: 853px) {
  footer .content-container .content h3 {
    margin-left: 2.9296875vw;
  }
}
@media (min-width: 1200px) {
  footer .content-container .content h3 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .content h3 {
    margin-bottom: 90px;
    margin-left: 56.25px;
    font-size: 26.65px;
  }
}
footer .content-container .certificates {
  padding: 0 18px 4.921875vw;
}
@media (min-width: 853px) {
  footer .content-container .certificates {
    padding: 0 1.171875vw 4.921875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .certificates {
    padding: 0 22.5px 94.5px;
  }
}
footer .content-container .certificates .item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 1.7578125vw;
  height: 80px;
  max-width: 80px;
}
@media (min-width: 576px) {
  footer .content-container .certificates .item {
    height: 9.1743119266vw;
    width: 9.1743119266vw;
  }
}
@media (min-width: 768px) {
  footer .content-container .certificates .item {
    margin: 0.5078125vw 1.7578125vw;
  }
}
@media (min-width: 1200px) {
  footer .content-container .certificates .item {
    height: 4.296875vw;
    width: 4.296875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .certificates .item {
    margin: 9.75px 33.75px;
    height: 82.5px;
    width: 82.5px;
  }
}
footer .content-container .certificates .item img {
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
  max-height: 80px;
  max-width: 80px;
}
@media (min-width: 576px) {
  footer .content-container .certificates .item img {
    max-height: 9.1743119266vw;
    max-width: 9.1743119266vw;
  }
}
@media (min-width: 1200px) {
  footer .content-container .certificates .item img {
    max-height: 4.296875vw;
    max-width: 4.296875vw;
  }
}
@media (min-width: 1920px) {
  footer .content-container .certificates .item img {
    max-height: 82.5px;
    max-width: 82.5px;
  }
}
footer .content-container .certificates .item a img {
  transition: opacity 0.35s ease;
}
footer .content-container .certificates .item a:focus img, footer .content-container .certificates .item a:hover img {
  opacity: 0.5;
}
#cookiesModalMain .modal-header, #cookiesModalSettings .modal-header {
  align-items: start;
}
#cookiesModalMain .modal-title, #cookiesModalSettings .modal-title {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  #cookiesModalMain .modal-title, #cookiesModalSettings .modal-title {
    font-size: 2.734375vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .modal-title, #cookiesModalSettings .modal-title {
    font-size: 52.5px;
  }
}
#cookiesModalMain .collapse-toggler .plus, #cookiesModalSettings .collapse-toggler .plus {
  display: inline;
}
#cookiesModalMain .collapse-toggler .minus, #cookiesModalSettings .collapse-toggler .minus {
  display: none;
}
#cookiesModalMain .collapse-toggler[aria-expanded="true"] .plus, #cookiesModalSettings .collapse-toggler[aria-expanded="true"] .plus {
  display: none;
}
#cookiesModalMain .collapse-toggler[aria-expanded="true"] .minus, #cookiesModalSettings .collapse-toggler[aria-expanded="true"] .minus {
  display: inline;
}
#cookiesModalMain table, #cookiesModalSettings table {
  width: 100%;
}
#cookiesModalMain table td, #cookiesModalSettings table td {
  hyphens: auto;
}
#cookiesModalMain .form-floating .form-control, #cookiesModalSettings .form-floating .form-control {
  margin-bottom: 8.7px;
  height: 66px;
  min-height: 66px;
  padding: 32.3px 19.25px 29.8px;
  font-size: 20px;
  letter-spacing: 0.6px;
  line-height: 1.5;
  border: 1px solid #181716;
  border-radius: 7.45px;
}
@media (min-width: 768px) {
  #cookiesModalMain .form-floating .form-control, #cookiesModalSettings .form-floating .form-control {
    margin-bottom: 1.1328125vw;
  }
}
@media (min-width: 1728px) {
  #cookiesModalMain .form-floating .form-control, #cookiesModalSettings .form-floating .form-control {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 2.03125vw 1.2109375vw 1.875vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-floating .form-control, #cookiesModalSettings .form-floating .form-control {
    margin-bottom: 21.75px;
    height: 79px;
    min-height: 79px;
    padding: 39px 23.25px 36px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
    border-radius: 9px;
  }
}
#cookiesModalMain .form-floating .form-control:focus-visible, #cookiesModalSettings .form-floating .form-control:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
#cookiesModalMain .form-floating > label, #cookiesModalSettings .form-floating > label {
  padding: 19.87px 19.25px 17.38px;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 0.6px;
  line-height: 1.5;
}
@media (min-width: 1728px) {
  #cookiesModalMain .form-floating > label, #cookiesModalSettings .form-floating > label {
    height: 4.0625vw;
    min-height: 4.0625vw;
    padding: 1.25vw 1.2109375vw 1.09375vw;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-floating > label, #cookiesModalSettings .form-floating > label {
    height: 78px;
    min-height: 78px;
    padding: 24px 23.25px 21px;
    font-size: 21.75px;
    letter-spacing: 0.816667px;
    border-radius: 9px;
  }
}
#cookiesModalMain .form-floating > .form-control-plaintext ~ label, #cookiesModalMain .form-floating > .form-control:focus ~ label, #cookiesModalMain .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalMain .form-floating > .form-select ~ label, #cookiesModalSettings .form-floating > .form-control-plaintext ~ label, #cookiesModalSettings .form-floating > .form-control:focus ~ label, #cookiesModalSettings .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalSettings .form-floating > .form-select ~ label {
  padding: 12px 19px;
  transform: scale(0.85) translateY(-9.32px) translateX(4.97px);
}
@media (min-width: 1728px) {
  #cookiesModalMain .form-floating > .form-control-plaintext ~ label, #cookiesModalMain .form-floating > .form-control:focus ~ label, #cookiesModalMain .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalMain .form-floating > .form-select ~ label, #cookiesModalSettings .form-floating > .form-control-plaintext ~ label, #cookiesModalSettings .form-floating > .form-control:focus ~ label, #cookiesModalSettings .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalSettings .form-floating > .form-select ~ label {
    padding: 0.703125vw 1.111vw;
    transform: scale(0.85) translateY(-0.5859375vw) translateX(0.3125vw);
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-floating > .form-control-plaintext ~ label, #cookiesModalMain .form-floating > .form-control:focus ~ label, #cookiesModalMain .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalMain .form-floating > .form-select ~ label, #cookiesModalSettings .form-floating > .form-control-plaintext ~ label, #cookiesModalSettings .form-floating > .form-control:focus ~ label, #cookiesModalSettings .form-floating > .form-control:not(:placeholder-shown) ~ label, #cookiesModalSettings .form-floating > .form-select ~ label {
    padding: 16.5px 23.25px 13.5px;
    transform: scale(0.85) translateY(-11.25px) translateX(6px);
  }
}
#cookiesModalMain .form-check, #cookiesModalSettings .form-check {
  min-height: 21.4px;
  padding-left: 32.9px;
  margin-bottom: 0;
  line-height: 1.4;
}
@media (min-width: 576px) {
  #cookiesModalMain .form-check, #cookiesModalSettings .form-check {
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  #cookiesModalMain .form-check, #cookiesModalSettings .form-check {
    line-height: 1.1;
  }
}
@media (min-width: 1830px) {
  #cookiesModalMain .form-check, #cookiesModalSettings .form-check {
    min-height: 1.171875vw;
    padding-left: 1.796875vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-check, #cookiesModalSettings .form-check {
    min-height: 22.5px;
    padding-left: 34.5px;
  }
}
#cookiesModalMain .form-check .form-check-input, #cookiesModalSettings .form-check .form-check-input {
  width: 21.4px;
  height: 21.4px;
  margin-top: 0;
  margin-left: -32.9px;
  border: 1px solid #181716;
}
@media (min-width: 1830px) {
  #cookiesModalMain .form-check .form-check-input, #cookiesModalSettings .form-check .form-check-input {
    width: 1.171875vw;
    height: 1.171875vw;
    margin-left: -1.796875vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-check .form-check-input, #cookiesModalSettings .form-check .form-check-input {
    width: 22.5px;
    height: 22.5px;
    margin-left: -34.5px;
  }
}
#cookiesModalMain .form-check .form-check-input[type="checkbox"], #cookiesModalSettings .form-check .form-check-input[type="checkbox"] {
  border-radius: 4.28333px;
}
@media (min-width: 1830px) {
  #cookiesModalMain .form-check .form-check-input[type="checkbox"], #cookiesModalSettings .form-check .form-check-input[type="checkbox"] {
    border-radius: 0.234375vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-check .form-check-input[type="checkbox"], #cookiesModalSettings .form-check .form-check-input[type="checkbox"] {
    border-radius: 4.5px;
  }
}
#cookiesModalMain .form-check .form-check-input:checked, #cookiesModalSettings .form-check .form-check-input:checked {
  background-color: #bd9877;
}
#cookiesModalMain .form-check .form-check-input:focus, #cookiesModalMain .form-check .form-check-input:focus-visible, #cookiesModalSettings .form-check .form-check-input:focus, #cookiesModalSettings .form-check .form-check-input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.25);
}
#cookiesModalMain .form-check label, #cookiesModalSettings .form-check label {
  display: inline-block;
  padding-top: 0.15625vw;
  font-size: 15px;
  letter-spacing: 1.02px;
  line-height: 1.14;
}
@media (min-width: 1830px) {
  #cookiesModalMain .form-check label, #cookiesModalSettings .form-check label {
    font-size: 0.8203125vw;
    letter-spacing: 0.05625vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .form-check label, #cookiesModalSettings .form-check label {
    font-size: 15.75px;
    letter-spacing: 1.06667px;
  }
}
#cookiesModalMain .form-check label a, #cookiesModalSettings .form-check label a {
  color: #181716;
  transition: color 0.35s ease;
}
#cookiesModalMain .form-check label a:focus, #cookiesModalMain .form-check label a:hover, #cookiesModalSettings .form-check label a:focus, #cookiesModalSettings .form-check label a:hover {
  color: #d20000;
}
#cookiesModalMain .form-check-input.is-invalid, #cookiesModalMain .was-validated .form-check-input:invalid, #cookiesModalSettings .form-check-input.is-invalid, #cookiesModalSettings .was-validated .form-check-input:invalid {
  background-color: rgba(210, 0, 0, 0.1);
}
#cookiesModalMain .btn-dark, #cookiesModalSettings .btn-dark {
  margin-top: 1em;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #181716;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  #cookiesModalMain .btn-dark, #cookiesModalSettings .btn-dark {
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  #cookiesModalMain .btn-dark, #cookiesModalSettings .btn-dark {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  #cookiesModalMain .btn-dark, #cookiesModalSettings .btn-dark {
    padding: 1.171875vw 28.5px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .btn-dark, #cookiesModalSettings .btn-dark {
    padding: 22.5px 1.484375vw;
    font-size: 21.75px;
    letter-spacing: 0.9px;
    border-radius: 9px;
  }
}
#cookiesModalMain .btn-dark img, #cookiesModalSettings .btn-dark img {
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  #cookiesModalMain .btn-dark img, #cookiesModalSettings .btn-dark img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .btn-dark img, #cookiesModalSettings .btn-dark img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
#cookiesModalMain .btn-dark:focus, #cookiesModalMain .btn-dark:hover, #cookiesModalMain .btn-dark:active, #cookiesModalSettings .btn-dark:focus, #cookiesModalSettings .btn-dark:hover, #cookiesModalSettings .btn-dark:active {
  color: #fff;
  background-color: #181716;
  border: none;
}
#cookiesModalMain .btn-dark:focus img, #cookiesModalMain .btn-dark:hover img, #cookiesModalMain .btn-dark:active img, #cookiesModalSettings .btn-dark:focus img, #cookiesModalSettings .btn-dark:hover img, #cookiesModalSettings .btn-dark:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  #cookiesModalMain .btn-dark:focus img, #cookiesModalMain .btn-dark:hover img, #cookiesModalMain .btn-dark:active img, #cookiesModalSettings .btn-dark:focus img, #cookiesModalSettings .btn-dark:hover img, #cookiesModalSettings .btn-dark:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  #cookiesModalMain .btn-dark:focus img, #cookiesModalMain .btn-dark:hover img, #cookiesModalMain .btn-dark:active img, #cookiesModalSettings .btn-dark:focus img, #cookiesModalSettings .btn-dark:hover img, #cookiesModalSettings .btn-dark:active img {
    margin-left: 36.75px;
  }
}
.videoCookieOverlay {
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6363636;
}
@media (min-width: 576px) {
  .videoCookieOverlay {
    padding: 1.5em;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .videoCookieOverlay {
    padding: 3em;
    font-size: 20px;
  }
}
@media (min-width: 1590px) {
  .videoCookieOverlay {
    font-size: 1.2731481481vw;
  }
}
@media (min-width: 1590px) {
  .videoCookieOverlay {
    font-size: 24.4333px;
  }
}
.videoCookieOverlay p {
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .videoCookieOverlay p {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .videoCookieOverlay p {
    margin-bottom: 29.8px;
  }
}
@media (min-width: 1440px) {
  .videoCookieOverlay p {
    margin-bottom: 2.0703125vw;
  }
}
@media (min-width: 1920px) {
  .videoCookieOverlay p {
    margin-bottom: 39.75px;
  }
}
.videoCookieOverlay .btn-light {
  margin-top: 0;
  padding: 10px 13px;
  font-size: 18px;
  letter-spacing: 0.7px;
  border: none;
  border-radius: 7.5px;
}
@media (min-width: 576px) {
  .videoCookieOverlay .btn-light {
    margin-top: 1em;
    padding: 11.6px 14.8px;
  }
}
@media (min-width: 992px) {
  .videoCookieOverlay .btn-light {
    padding: 1.171875vw 1.484375vw;
  }
}
@media (min-width: 1590px) {
  .videoCookieOverlay .btn-light {
    padding: 1.171875vw 28.5px;
    font-size: 1.1574074074vw;
    letter-spacing: 0.0347222222vw;
    border-radius: 0.46875vw;
  }
}
@media (min-width: 1920px) {
  .videoCookieOverlay .btn-light {
    padding: 22.5px 1.484375vw;
    font-size: 21.75px;
    letter-spacing: 0.9px;
    border-radius: 9px;
  }
}
.videoCookieOverlay .btn-light img {
  display: inline;
  position: relative;
  top: -1.2px;
  margin-left: 18px;
  width: 24.8px;
  transition: margin-left 0.35s ease;
}
@media (min-width: 1590px) {
  .videoCookieOverlay .btn-light img {
    top: -0.078125vw;
    margin-left: 1.1328125vw;
    width: 1.5625vw;
  }
}
@media (min-width: 1920px) {
  .videoCookieOverlay .btn-light img {
    top: -1.5px;
    margin-left: 21.75px;
    width: 30px;
  }
}
.videoCookieOverlay .btn-light:focus, .videoCookieOverlay .btn-light:hover, .videoCookieOverlay .btn-light:active {
  border: none;
}
.videoCookieOverlay .btn-light:focus img, .videoCookieOverlay .btn-light:hover img, .videoCookieOverlay .btn-light:active img {
  margin-left: 30.4px;
}
@media (min-width: 1590px) {
  .videoCookieOverlay .btn-light:focus img, .videoCookieOverlay .btn-light:hover img, .videoCookieOverlay .btn-light:active img {
    margin-left: 1.9140625vw;
  }
}
@media (min-width: 1920px) {
  .videoCookieOverlay .btn-light:focus img, .videoCookieOverlay .btn-light:hover img, .videoCookieOverlay .btn-light:active img {
    margin-left: 36.75px;
  }
}