@import "Inc/AOS/aos.css";
@import "Inc/Slick/slick.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 18px;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  border: none;
  font: inherit;
  cursor: pointer;
}
button:focus {
  outline: none;
}

b, strong {
  font-weight: bold;
}

p {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

em {
  font-style: italic;
}

small {
  font-size: 0.85rem;
}

html {
  height: 100%;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
  margin-top: 0 !important;
}

html:not(:hover) {
  will-change: scroll-position;
}

/* width */
::-webkit-scrollbar {
  margin-left: 5px;
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  margin-left: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(31, 173, 179, 0.8);
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(31, 173, 179, 0.4);
}

html {
  position: relative;
  background-color: #FFF;
  font-size: 18px;
  font-family: "Libre Baskerville";
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 400;
  background-color: #FFF;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin: 0 auto;
}

div, section {
  box-sizing: border-box;
}

p {
  font-weight: 400;
  font-style: normal;
  font-size: 1.111rem;
  line-height: 2em;
  color: #000;
}
@media screen and (max-width: 1920px) {
  p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  p {
    font-weight: 500;
  }
}

a {
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1920px) {
  a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  a {
    font-size: 0.778rem;
    line-height: 1.8em;
  }
}

h1, h2, h3, h4, h5 {
  font-family: "Effra Trial";
  font-weight: 700;
  line-height: 1.4em;
  font-style: normal;
  color: #000;
}
h1 span, h2 span, h3 span, h4 span, h5 span {
  font-weight: 700;
}

div, section {
  box-sizing: border-box;
}

.fixed {
  position: fixed;
  max-width: 100vw;
}
@media screen and (max-width: 1023px) {
  .fixed {
    position: absolute;
  }
}

.modal_wrapper_steckbrief .tpl--contact-content {
  overflow-y: auto;
}
.modal_wrapper_steckbrief .steckbriefClose {
  position: absolute;
  top: 32px;
  right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: transparent;
  padding: 0;
  min-width: 135px;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .modal_wrapper_steckbrief .steckbriefClose {
    top: 30px;
    right: 40px;
  }
}
.modal_wrapper_steckbrief .steckbriefClose:hover span {
  color: rgba(0, 0, 0, 0.5);
}
.modal_wrapper_steckbrief .steckbriefClose:hover #mainNavBurger #tpl--nav__menu__burger-top {
  background-color: #1fadb3;
}
.modal_wrapper_steckbrief .steckbriefClose:hover #mainNavBurger #tpl--nav__menu__burger-bottom {
  background-color: #cd0d48;
}
.modal_wrapper_steckbrief .steckbriefClose span {
  font-family: "Effra Trial";
  font-size: 0.833rem;
  font-weight: 700;
  color: #FFF;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .modal_wrapper_steckbrief .steckbriefClose span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .modal_wrapper_steckbrief .steckbriefClose span {
    color: #000;
  }
}
.modal_wrapper_steckbrief .steckbriefClose #mainNavBurger {
  position: relative;
  width: 26px;
  height: 17px;
  margin-left: 15px;
}
.modal_wrapper_steckbrief .steckbriefClose #mainNavBurger #tpl--nav__menu__burger-top {
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
  bottom: unset;
  background-color: #cd0d48;
  display: block !important;
  transition: background 0.3s ease-in-out;
}
.modal_wrapper_steckbrief .steckbriefClose #mainNavBurger #tpl--nav__menu__burger-bottom {
  position: absolute;
  width: 100%;
  height: 3px;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  left: -1px;
  bottom: unset;
  display: block !important;
  background-color: #1fadb3;
  transition: background 0.3s ease-in-out;
}
.modal_wrapper_steckbrief .tpl--modal__steckbrief {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  max-width: 100vw;
  width: 100vw !important;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .modal_wrapper_steckbrief .tpl--modal__steckbrief {
    min-height: 100%;
  }
}
.modal_wrapper_steckbrief .tpl--modal__steckbrief--active {
  opacity: 1;
  visibility: visible;
  z-index: 110;
}

@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Bold.eot");
  src: url("Fonts/Effra/EffraTrial-Bold.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Bold.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Bold.woff") format("woff"), url("Fonts/Effra/EffraTrial-Bold.svg#EffraTrial-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Italic.eot");
  src: url("Fonts/Effra/EffraTrial-Italic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Italic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Italic.woff") format("woff"), url("Fonts/Effra/EffraTrial-Italic.svg#EffraTrial-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-BoldItalic.eot");
  src: url("Fonts/Effra/EffraTrial-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-BoldItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-BoldItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-BoldItalic.svg#EffraTrial-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Light.eot");
  src: url("Fonts/Effra/EffraTrial-Light.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Light.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Light.woff") format("woff"), url("Fonts/Effra/EffraTrial-Light.svg#EffraTrial-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Medium.eot");
  src: url("Fonts/Effra/EffraTrial-Medium.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Medium.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Medium.woff") format("woff"), url("Fonts/Effra/EffraTrial-Medium.svg#EffraTrial-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-MediumItalic.eot");
  src: url("Fonts/Effra/EffraTrial-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-MediumItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-MediumItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-MediumItalic.svg#EffraTrial-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-LightItalic.eot");
  src: url("Fonts/Effra/EffraTrial-LightItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-LightItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-LightItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-LightItalic.svg#EffraTrial-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-SemiBold.eot");
  src: url("Fonts/Effra/EffraTrial-SemiBold.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-SemiBold.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-SemiBold.woff") format("woff"), url("Fonts/Effra/EffraTrial-SemiBold.svg#EffraTrial-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-SemiBoldItalic.eot");
  src: url("Fonts/Effra/EffraTrial-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-SemiBoldItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-SemiBoldItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-SemiBoldItalic.svg#EffraTrial-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Regular.eot");
  src: url("Fonts/Effra/EffraTrial-Regular.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Regular.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Regular.woff") format("woff"), url("Fonts/Effra/EffraTrial-Regular.svg#EffraTrial-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-Thin.eot");
  src: url("Fonts/Effra/EffraTrial-Thin.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-Thin.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-Thin.woff") format("woff"), url("Fonts/Effra/EffraTrial-Thin.svg#EffraTrial-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial";
  src: url("Fonts/Effra/EffraTrial-ThinItalic.eot");
  src: url("Fonts/Effra/EffraTrial-ThinItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-ThinItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-ThinItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-ThinItalic.svg#EffraTrial-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial XBold";
  src: url("Fonts/Effra/EffraTrial-XBoldItalic.eot");
  src: url("Fonts/Effra/EffraTrial-XBoldItalic.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-XBoldItalic.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-XBoldItalic.woff") format("woff"), url("Fonts/Effra/EffraTrial-XBoldItalic.svg#EffraTrial-XBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Effra Trial XBold";
  src: url("Fonts/Effra/EffraTrial-XBold.eot");
  src: url("Fonts/Effra/EffraTrial-XBold.eot?#iefix") format("embedded-opentype"), url("Fonts/Effra/EffraTrial-XBold.woff2") format("woff2"), url("Fonts/Effra/EffraTrial-XBold.woff") format("woff"), url("Fonts/Effra/EffraTrial-XBold.svg#EffraTrial-XBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Italic.eot");
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Italic.eot?#iefix") format("embedded-opentype"), url("Fonts/LibreBaskerville/LibreBaskerville-Italic.woff2") format("woff2"), url("Fonts/LibreBaskerville/LibreBaskerville-Italic.woff") format("woff"), url("Fonts/LibreBaskerville/LibreBaskerville-Italic.svg#LibreBaskerville-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Bold.eot");
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Bold.eot?#iefix") format("embedded-opentype"), url("Fonts/LibreBaskerville/LibreBaskerville-Bold.woff2") format("woff2"), url("Fonts/LibreBaskerville/LibreBaskerville-Bold.woff") format("woff"), url("Fonts/LibreBaskerville/LibreBaskerville-Bold.svg#LibreBaskerville-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Regular.eot");
  src: url("Fonts/LibreBaskerville/LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"), url("Fonts/LibreBaskerville/LibreBaskerville-Regular.woff2") format("woff2"), url("Fonts/LibreBaskerville/LibreBaskerville-Regular.woff") format("woff"), url("Fonts/LibreBaskerville/LibreBaskerville-Regular.svg#LibreBaskerville-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.tpl--overlay {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 100;
}
.tpl--overlay .tpl--overlay__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px;
  z-index: 1;
  overflow: hidden;
}
.tpl--overlay .logo-type {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: -20px;
  height: 120px;
  width: 12px;
}
.tpl--overlay .logo-type span {
  position: absolute;
  display: block;
  width: 2px;
  height: 19px;
  margin-right: 5px;
}
.tpl--overlay .logo-type span:nth-child(1) {
  background-color: #1fadb3;
  left: 0;
  top: 0;
  animation: drop 2s 3s infinite;
}
.tpl--overlay .logo-type span:nth-child(2) {
  background-color: #FFF;
  left: 5px;
  top: 0;
  animation: drop 2s 3.2s infinite;
}
.tpl--overlay .logo-type span:nth-child(3) {
  background-color: #cd0d48;
  left: 10px;
  top: 0;
  animation: drop 2s 3.4s infinite;
}
@keyframes drop {
  to {
    top: 100%;
  }
}
.tpl--overlay h2 {
  font-family: "Effra Trial";
  font-size: 1rem;
  color: #FFF;
  font-size: 500;
  background-color: #000;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .tpl--overlay h2 {
    font-size: 1rem;
  }
}
.tpl--overlay h2 span {
  margin-right: 2px;
}

.tpl--navigation {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  padding: 25px 40px 0;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .tpl--navigation {
    padding: 30px 15px 0;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .tpl--navigation #logoWrp {
    display: none;
  }
}
.tpl--navigation #logoWrp svg #Rechteck_13 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation #logoWrp svg #Rechteck_14 {
  fill: #000;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation #logoWrp svg #Rechteck_15 {
  fill: #cd0d48;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation #logoWrp span {
  color: #000;
  transition: color 0.3s ease-in-out;
}
.tpl--navigation #logoWrp:hover svg #Rechteck_13 {
  fill: #cd0d48;
}
.tpl--navigation #logoWrp:hover svg #Rechteck_14 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation #logoWrp:hover svg #Rechteck_15 {
  fill: #000;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation #logoWrp:hover span {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--navigation .tpl--navigation__logowrp {
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__logowrp span {
  font-family: "Effra Trial";
  font-size: 0.833rem;
  font-weight: 600;
}
.tpl--navigation .bright span {
  font-family: "Effra Trial";
  font-size: 15px;
  font-weight: 700;
  color: #000;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .tpl--navigation .bright span {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--navigation .bright span {
    color: #FFF !important;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--navigation .bright svg #Rechteck_14 {
    fill: #FFF !important;
  }
}
.tpl--navigation .bright svg #Rechteck_14 #Rechteck_14 {
  fill: #FFF !important;
}
.tpl--navigation .bright:hover svg #Rechteck_15 {
  fill: #1fadb3 !important;
}
.tpl--navigation .hidden {
  opacity: 0;
  visibility: hidden;
  z-index: -10;
}
.tpl--navigation .tpl--navigation__linkwrp {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .tpl--navigation .tpl--navigation__linkwrp {
    width: 100%;
    justify-content: space-between;
  }
  .contact .tpl--navigation .tpl--navigation__linkwrp {
    justify-content: flex-end;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a svg {
  width: 18px;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a svg #message {
  stroke: #cd0d48;
  transition: stroke 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a svg #message-2 {
  stroke: #1fadb3;
  transition: stroke 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span {
  font-family: "Effra Trial";
  font-size: 15px;
  font-weight: 700;
  color: #000;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span {
    font-size: 1rem;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a:hover svg #message {
  stroke: #1fadb3;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a:hover svg #message-2 {
  stroke: #cd0d48;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a:hover span {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  padding: 0;
  min-width: 110px;
}
.contact .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button {
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  .contact .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button {
    min-width: 119px;
    margin-top: 0;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
  font-family: "Effra Trial";
  font-size: 0.833rem;
  font-weight: 700;
  color: #000;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
    font-size: 1rem;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button:hover span {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:first-child {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:first-child {
    margin-right: 40px;
  }
}
.contact .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:first-child {
  margin-right: 0;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:first-child svg {
  width: 22px;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:first-child span {
  margin-left: 15px;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger {
  position: relative;
  width: 26px;
  height: 17px;
  margin-left: 15px;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger span {
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  transition: background 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger span:last-child {
  margin-bottom: 0;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger #tpl--nav__menu__burger-top {
  top: 0;
  background-color: #cd0d48;
  transition: all 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger #tpl--nav__menu__burger-middle {
  top: 7px;
  width: 20px;
  left: unset;
  right: 0;
  background-color: #000;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child .tpl--navigation__burger #tpl--nav__menu__burger-bottom {
  bottom: 0;
  background-color: #1fadb3;
  transition: all 0.3s ease-in-out;
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child:hover .tpl--navigation__burger #tpl--nav__menu__burger-top {
  background-color: #000;
}
@media screen and (max-width: 1200px) {
  .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child:hover .tpl--navigation__burger #tpl--nav__menu__burger-top {
    background-color: #cd0d48;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child:hover .tpl--navigation__burger #tpl--nav__menu__burger-middle {
  background-color: #cd0d48;
}
@media screen and (max-width: 1200px) {
  .tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child:hover .tpl--navigation__burger #tpl--nav__menu__burger-middle {
    background-color: #000;
  }
}
.tpl--navigation .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child:hover .tpl--navigation__burger #tpl--nav__menu__burger-bottom {
  background-color: #1fadb3;
}
.tpl--navigation .tpl--navigation__menu .default {
  display: block;
}
.tpl--navigation .tpl--navigation__menu .active {
  display: none;
}

.tpl--navigation--bright #logoWrp svg #Rechteck_14 {
  fill: #FFF;
}
.tpl--navigation--bright #logoWrp span {
  color: #FFF;
}
.tpl--navigation--bright #logoWrp:hover svg #Rechteck_15 {
  fill: #FFF;
  transition: fill 0.3s ease-in-out;
}
.tpl--navigation--bright #logoWrp:hover span {
  color: rgba(255, 255, 255, 0.5);
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span {
  color: #FFF !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a:hover span {
  color: rgba(255, 255, 255, 0.5) !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
  color: #FFF !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button:hover span {
  color: rgba(255, 255, 255, 0.5) !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child #tpl--nav__menu__burger-middle {
  background-color: #FFF !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover .tpl--navigation__burger #tpl--nav__menu__burger-top {
  background-color: #FFF !important;
}
@media screen and (max-width: 767px) {
  .tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover .tpl--navigation__burger #tpl--nav__menu__burger-top {
    background-color: #FFF !important;
  }
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover .tpl--navigation__burger #tpl--nav__menu__burger-middle {
  background-color: #1fadb3 !important;
}
.tpl--navigation--bright .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover .tpl--navigation__burger #tpl--nav__menu__burger-bottom {
  background-color: #cd0d48 !important;
}

.menu-opened #logoWrp svg #Rechteck_13 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.menu-opened #logoWrp svg #Rechteck_14 {
  fill: #FFF;
  transition: fill 0.3s ease-in-out;
}
.contact .menu-opened #logoWrp svg #Rechteck_14 {
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .contact .menu-opened #logoWrp svg #Rechteck_14 {
    color: #000;
  }
}
.menu-opened #logoWrp svg #Rechteck_15 {
  fill: #cd0d48;
  transition: fill 0.3s ease-in-out;
}
.menu-opened #logoWrp span {
  color: #FFF;
}
.contact .menu-opened #logoWrp span {
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .contact .menu-opened #logoWrp span {
    color: #000;
  }
}
.menu-opened #logoWrp:hover svg #Rechteck_13 {
  fill: #cd0d48;
}
.menu-opened #logoWrp:hover svg #Rechteck_14 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.menu-opened #logoWrp:hover svg #Rechteck_15 {
  fill: #FFF;
  transition: fill 0.3s ease-in-out;
}
.contact .menu-opened #logoWrp:hover svg #Rechteck_15 {
  fill: #000;
}
.menu-opened #logoWrp:hover span {
  color: rgba(255, 255, 255, 0.5);
}
.contact .menu-opened #logoWrp:hover span {
  color: rgba(0, 0, 0, 0.5);
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span, .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
  color: #FFF;
}
.contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
    color: #000;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
    color: #FFF;
  }
}
@media screen and (min-width: 1280px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items button span {
    color: #000;
  }
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child #mainNavBurger #tpl--nav__menu__burger-top {
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
  bottom: unset;
  background-color: #cd0d48;
  display: block !important;
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child #mainNavBurger #tpl--nav__menu__burger-middle {
  opacity: 0;
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:last-child #mainNavBurger #tpl--nav__menu__burger-bottom {
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  left: -1px;
  bottom: unset;
  display: block !important;
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover a span, .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover button span {
  color: rgba(255, 255, 255, 0.5);
}
.contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover button span {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover button span {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (min-width: 1280px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover a span, .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover button span {
    color: rgba(0, 0, 0, 0.5);
  }
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-top {
  background-color: white;
}
@media screen and (max-width: 767px) {
  .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-top {
    background-color: #cd0d48;
  }
}
.contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-top {
  background-color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .contact .menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-top {
    background-color: #FFF;
  }
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-middle {
  background-color: #cd0d48;
}
.menu-opened .tpl--navigation__linkwrp .tpl--navigation__linkwrp-items:hover:last-child #mainNavBurger #tpl--nav__menu__burger-bottom {
  background-color: #1fadb3;
}
.menu-opened .tpl--navigation__menu--active .default {
  display: none;
}
.menu-opened .tpl--navigation__menu--active .active {
  display: block;
}

.tpl--modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  max-width: 100vw;
  width: 100vw !important;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
  overflow: hidden;
}
.tpl--modal .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1470px;
  padding: 120px 140px 50px;
}
@media screen and (max-width: 767px) {
  .tpl--modal .inner {
    display: flex;
    flex-direction: column;
    padding: 30px 40px 50px;
    background-color: transparent;
  }
}
@media screen and (min-width: 481px) and (max-width: 950px) {
  .tpl--modal .inner {
    padding: 50px 40px 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--modal .inner {
    padding: 120px 40px 50px;
  }
}
@media screen and (min-width: 768px) and (max-height: 800px) {
  .tpl--modal .inner {
    padding: 0 100px 0;
  }
}
.tpl--modal .tpl--modal__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("Img/SVG/uebersicht-bg.svg") no-repeat center;
  opacity: 0.7;
}
.tpl--modal .tpl--modal__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 767px) {
  .tpl--modal .tpl--modal__content {
    display: flex;
    flex-direction: column;
    justify-content: unset;
  }
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__content {
    min-height: max-content;
    overflow-y: auto;
    margin-top: 75px;
    height: calc(100% - 75px);
  }
}
.tpl--modal .tpl--modal__content ::-webkit-scrollbar {
  margin-left: 5px;
  width: 3px;
}
.tpl--modal .tpl--modal__content ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8) !important;
  border-radius: 10px;
  margin-left: 5px;
}
.tpl--modal .tpl--modal__content ::-webkit-scrollbar-thumb {
  background: #626262 !important;
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}
.tpl--modal .tpl--modal__content ::-webkit-scrollbar-thumb:hover {
  background: #626262 !important;
}
.tpl--modal h1, .tpl--modal h2, .tpl--modal h3 {
  color: #FFF;
}
.tpl--modal h1 {
  font-size: 2.222rem;
  font-weight: 200;
  margin-bottom: 15px;
}
.tpl--modal h3 {
  font-size: 1.1rem;
  line-height: 1.2em;
  margin-right: 20px;
  margin-bottom: 5px;
}
.tpl--modal h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: hsl(0deg, 0%, 44%);
}
.tpl--modal h4 svg {
  margin-left: 10px;
}
.tpl--modal h3 + h4 {
  margin-top: 5px;
}
@media screen and (max-width: 1079px) {
  .tpl--modal h3 + h4 {
    margin-top: 0;
  }
}
.tpl--modal .tpl--modal__content-container {
  position: relative;
  height: 100%;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .tpl--modal .tpl--modal__content-container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .tpl--modal .tpl--modal__content-container {
    height: calc(100vh - 90px);
    max-height: 685px;
  }
}
.tpl--modal .tpl--modal__content-container:last-child .tpl--modal__cases-listwrp {
  margin-right: 0;
}
.tpl--modal .scrollwrp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -9px;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .tpl--modal .scrollwrp {
    display: none;
  }
}
.tpl--modal .scrollwrp .scrollwrp-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 100px;
  background-color: black;
}
.tpl--modal .scrollwrp .scrollwrp-main {
  transform: rotate(-90deg);
  width: 66px;
}
.tpl--modal .scrollwrp span {
  font-family: "Effra Trial";
  font-size: 1rem;
  font-weight: 400;
  color: #FFF;
  transition: color 0.3s ease-in-out;
}
.tpl--modal .scrollwrp svg {
  width: 20px;
  height: 15px;
  margin-top: 26px;
}
.tpl--modal .scrollwrp svg path {
  stroke: #cd0d48;
  transition: stroke 0.3s ease-in-out;
}
.tpl--modal .gradient {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  max-height: 80px;
  bottom: -15px;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--modal .gradient {
    max-height: 112px;
    bottom: -75px;
  }
}
.tpl--modal .tpl--modal__about {
  height: 100%;
  max-height: 600px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tpl--modal .tpl--modal__about {
    max-height: unset;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about {
    margin-right: 2rem;
  }
}
.tpl--modal .tpl--modal__cases-listwrp {
  display: flex;
  height: 90%;
  max-height: 610px;
  overflow-x: hidden;
  margin-right: 50px;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__cases-listwrp {
    max-height: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tpl--modal .tpl--modal__cases-listwrp {
    overflow-x: unset;
  }
}
.tpl--modal .tpl--modal__cases {
  height: max-content;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tpl--modal .tpl--modal__cases {
    margin-right: 20px;
  }
}
.tpl--modal .tpl--modal__about-item, .tpl--modal .tpl--modal__cases-item {
  color: rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about-item, .tpl--modal .tpl--modal__cases-item {
    padding-right: 0;
  }
}
.tpl--modal .tpl--modal__about-item a, .tpl--modal .tpl--modal__cases-item a {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 20px;
  transition: transform 0.38s ease;
  transform-origin: 50% 50%;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about-item a, .tpl--modal .tpl--modal__cases-item a {
    margin-right: 15px;
  }
}
@media screen and (min-width: 767px) {
  .tpl--modal .tpl--modal__about-item a, .tpl--modal .tpl--modal__cases-item a {
    margin-bottom: 20px;
  }
}
.tpl--modal .tpl--modal__about-item a:hover, .tpl--modal .tpl--modal__cases-item a:hover {
  transform: scale(0.92);
}
.tpl--modal .tpl--modal__about-item h3 {
  line-height: 0.9em;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about-item h3 {
    line-height: 1.2em;
  }
}
.tpl--modal .tpl--modal__about-item h4 {
  margin-bottom: 0;
  line-height: 0.9em;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about-item h4 {
    line-height: 1.2em;
  }
}
.tpl--modal .tpl--modal__about-item .tpl--modal__about__imagewrp img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.tpl--modal .tpl--modal__about__imagewrp {
  overflow: hidden;
  display: block;
  flex-shrink: 0;
  width: 170px;
  height: 105px;
  margin-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about__imagewrp {
    margin-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .tpl--modal .tpl--modal__about__imagewrp {
    width: 33.33%;
    height: auto;
    aspect-ratio: 4/3;
  }
}
.tpl--modal .tpl--modal__about__imagewrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tpl--modal .tpl--modal__about__textwrp {
    flex-grow: 1;
  }
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__about__textwrp {
    padding-left: 15px;
  }
}
.tpl--modal .tpl--home-visuals__visuals {
  overflow: hidden;
  display: block;
  flex-shrink: 0;
  width: 170px;
  height: 105px;
  margin-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--home-visuals__visuals {
    margin-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .tpl--modal .tpl--home-visuals__visuals {
    width: 33.33%;
    height: auto;
    aspect-ratio: 4/3;
  }
}
.tpl--modal .tpl--home-visuals__visuals video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tpl--modal .tpl--modal__cases__textwrp {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 105px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1079px) {
  .tpl--modal .tpl--modal__cases__textwrp {
    height: auto;
    margin-left: 15px;
    padding-bottom: 5px;
  }
}
.tpl--modal .tpl--modal__cases__textwrp span {
  font-family: "Effra Trial";
  font-size: 0.889rem;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  bottom: 9px;
}
.tpl--modal--active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.tpl--footer {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-left: 7px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .tpl--footer {
    position: fixed;
  }
}
.tpl--footer .show {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.tpl--footer--bright .tpl--footer__logo svg {
  width: 100px;
}
.tpl--footer--bright .tpl--footer__logo svg path {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--footer--bright .tpl--footer__logo svg rect {
  transition: fill 0.3s ease-in-out;
}
.tpl--footer--bright .tpl--footer__logo svg #left {
  fill: #1fadb3;
}
.tpl--footer--bright .tpl--footer__logo svg #middle {
  fill: #FFF;
}
.tpl--footer--bright .tpl--footer__logo svg #right {
  fill: #cd0d48;
}
.tpl--footer--bright .tpl--footer__logo:hover path {
  opacity: 0.6;
}
.tpl--footer--bright .tpl--footer__logo:hover svg #left {
  fill: #cd0d48;
}
.tpl--footer--bright .tpl--footer__logo:hover svg #middle {
  fill: #1fadb3;
}
.tpl--footer--bright .tpl--footer__logo:hover svg #right {
  fill: #FFF;
}

.contact .tpl--navigation {
  justify-content: flex-end;
}

.tpl--contact-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 0;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page {
    border-left: none;
    padding-top: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--contact-page {
    padding: 0;
  }
}
.tpl--contact-page .tpl--contact-content {
  flex-grow: 1;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-content {
    display: flex;
    flex-direction: row;
  }
}
.tpl--contact-page .tpl--contact-page__contact {
  display: flex;
  flex-direction: row;
  width: 56.6%;
  border-left: none;
  box-sizing: border-box;
  background-color: #F6F6F7;
}
@media screen and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: transparent;
    overflow-x: unset;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__contact {
    width: 65%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact {
    display: flex;
    flex-direction: column;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-background {
  position: relative;
  content: "";
  display: block;
  width: 43%;
  height: auto;
  top: 0;
  left: 0;
  background: url("Img/SVG/end-bg.svg") no-repeat left center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-background {
    width: calc(100% - 30px);
    height: 35.5vh;
    max-height: 550px;
    min-height: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-background {
    width: 100%;
    height: 450px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-background {
    width: 100%;
    height: 100vh;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
  position: absolute;
  top: 190px;
  left: 6vw;
  width: 22.5vw;
  height: 27vw;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    transform: translateY(0) !important;
    width: calc(100% - 30px);
    height: auto;
    top: 50px;
    left: 30px;
    max-width: 430px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    transform: translateY(0) !important;
    width: 100%;
    height: 500px;
    left: 50px;
    top: 90px;
  }
}
@media screen and (min-width: 1481px) and (max-width: 1639px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    left: 1vw;
  }
}
@media screen and (min-width: 1640px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    left: 3.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    position: relative;
    max-width: 300px;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp img {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
}
@media screen and (min-width: 1481px) and (max-width: 1639px) {
  .contact--steckbrief .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    left: 30px;
  }
}
@media screen and (min-width: 1640px) {
  .contact--steckbrief .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__imagewrp {
    left: 7vw;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
  display: flex;
  flex-direction: column;
  padding: 180px 90px 60px 85px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
    padding: 105px 30px 0;
    max-width: 86vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 130px 50px 30px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
    padding: 83px 90px 60px 85px;
    width: 57%;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
    width: max-content;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main {
    display: flex;
    flex-direction: column;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__contact-main-container {
    width: 100%;
    height: auto;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details {
  margin-bottom: 32px;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details h1 {
  font-size: 1.667rem;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details h1 {
    font-size: 1.667rem;
    margin-left: 0;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details p {
  font-size: 0.9rem;
  line-height: 1.6em;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details p {
    font-size: 1rem;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 20px;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li {
  display: flex;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  border: 3px solid #000;
  transition: all 0.3s ease-in-out;
  background-color: #F6F6F7;
  overflow: hidden;
}
@media screen and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a {
    background: transparent;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -101%;
  background-color: #000;
  transition: left 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a svg {
  position: relative;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a svg {
    height: 20px;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a svg path, .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a svg rect, .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li a svg circle {
  fill: #000;
  transition: fill 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li:hover a:before {
  left: 0;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li:hover a svg path, .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li:hover a svg rect, .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-smwrp li:hover a svg circle {
  fill: #FFF;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li {
  display: flex;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 0.9em;
  text-align: center;
  color: #000;
  background-color: #F6F6F7;
  padding: 15px 25px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom: 10px;
  max-width: max-content;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a {
    background: transparent;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a span {
  font-family: "Effra Trial";
  font-size: 1.111rem;
  font-weight: 800;
  line-height: 0.9em;
  color: #000;
  display: block;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a span {
    font-size: 1rem;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  left: -101%;
  transition: left 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a:hover {
  color: #FFF;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a:hover span {
  color: #FFF;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li a:hover:before {
  left: 0;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li:nth-child(2) a {
  border: 3px solid #1fadb3;
  color: #1fadb3;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li:nth-child(2) a span {
  color: #1fadb3;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li:nth-child(2) a:before {
  background-color: #1fadb3;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li:nth-child(2) a:hover {
  color: #FFF;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__details .tpl--contact-page__details-linkwrp li:nth-child(2) a:hover span {
  color: #FFF;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills {
    margin-bottom: 0;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.278rem;
  line-height: 1.5em;
  line-height: 2.625525rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills h2 {
    font-size: 1.333rem;
  }
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills .tpl--contact-page__skills-list {
  display: flex;
  flex-direction: column;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills .tpl--contact-page__skills-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills .tpl--contact-page__skills-list li svg {
  min-width: 10px;
  max-width: 10px;
  margin-right: 10px;
}
.tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__skills .tpl--contact-page__skills-list li p {
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__contact .tpl--contact-page__arrival {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
  }
}
.tpl--contact-page .tpl--contact-page__form {
  display: flex;
  flex-direction: column;
  width: 43.4%;
  padding: 180px 200px 0 60px;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__form {
    width: 100%;
    padding: 20px 30px 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__form {
    width: 100%;
    padding: 90px 30px 50px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__form {
    width: 35%;
    padding: 83px 100px 0 60px;
  }
}
.tpl--contact-page .tpl--contact-page__form h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.444rem;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__form h2 {
    font-size: 1.333rem;
  }
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form {
  display: flex;
  flex-direction: column;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.444rem;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 25px;
  padding: 0;
  color: #000;
  border: none;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .label-text {
  font-family: "Effra Trial";
  font-size: 1.1rem;
  line-height: 1.5em;
  font-weight: 400;
  opacity: 0.6;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .required {
  font-size: 0.9rem;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap input {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  width: 100%;
  color: #000;
  border: 1px solid #C4C4C4;
  transition: border 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap textarea {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  color: #000;
  border: 1px solid #C4C4C4;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap .wpcf7-not-valid {
  border: 1px solid #cd0d48;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #cd0d48;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] .wpcf7-list-item {
  margin-left: 0;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label {
  display: flex;
  flex-direction: row;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  margin-top: 3px;
  cursor: pointer;
  z-index: 2;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  position: relative;
  padding-left: 35px;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #000;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a:hover {
  opacity: 0.6;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: 3px;
  border: 2px solid #000;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:hover + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
  box-shadow: inset 0 0 0 2px #FFF;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form input[type=submit] {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.222rem;
  font-weight: 700;
  line-height: 0.9em;
  color: #000;
  background-color: #FFF;
  padding: 15px 25px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  margin-bottom: 25px;
  transition: all 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form input[type=submit]:hover {
  color: #FFF;
  background-color: #000;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form .wpcf7-spinner {
  display: none;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 form .wpcf7-response-output {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.4em;
  padding: 0.75rem 1rem;
  margin: 0;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 #wpcf7-642e74c845215-wrapper {
  display: none !important;
  visibility: hidden !important;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 .invalid .wpcf7-response-output {
  border-color: #cd0d48;
  color: #cd0d48;
}
.tpl--contact-page .tpl--contact-page__form #wpcf7-f8-o1 .sent .wpcf7-response-output {
  border-color: #1fadb3;
  color: #1fadb3;
}
.tpl--contact-page .tpl--contact-page__arrival-address {
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  margin-bottom: 35px;
}
.tpl--contact-page .tpl--contact-page__arrival-details {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__arrival-details {
    margin-bottom: 25px;
  }
}
.tpl--contact-page .tpl--contact-page__arrival-details li {
  margin-bottom: 15px;
  margin-right: 30px;
}
.tpl--contact-page .tpl--contact-page__arrival-details li:hover a {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #message {
  stroke: #cd0d48;
}
.tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #message-2 {
  stroke: #1fadb3;
}
.tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #Pfad_238, .tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #Pfad_239 {
  stroke: #000;
}
.tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #Pfad_240, .tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #Pfad_241, .tpl--contact-page .tpl--contact-page__arrival-details li:hover a svg #Pfad_242 {
  stroke: #cd0d48;
}
.tpl--contact-page .tpl--contact-page__arrival-details li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Effra Trial";
  font-size: 1.111rem;
  line-height: 1.5em;
  font-weight: 700;
  transition: color 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__arrival-details li a svg {
  height: 25px;
  margin-right: 5px;
}
.tpl--contact-page .tpl--contact-page__arrival-details li a svg #message, .tpl--contact-page .tpl--contact-page__arrival-details li a svg #message-2 {
  transition: stroke 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__arrival-details li a svg #Pfad_238, .tpl--contact-page .tpl--contact-page__arrival-details li a svg #Pfad_239, .tpl--contact-page .tpl--contact-page__arrival-details li a svg #Pfad_240, .tpl--contact-page .tpl--contact-page__arrival-details li a svg #Pfad_241, .tpl--contact-page .tpl--contact-page__arrival-details li a svg #Pfad_242 {
  transition: stroke 0.3s ease-in-out;
}
.tpl--contact-page .tpl--contact-page__infolist {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 180px 40px 90px 58px;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__infolist {
    width: 100%;
    padding: 30px 30px 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--contact-page .tpl--contact-page__infolist {
    width: 100%;
    padding: 30px 50px 120px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
  .tpl--contact-page .tpl--contact-page__infolist {
    width: 35%;
    padding: 83px 100px 60px 60px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--contact-page .tpl--contact-page__infolist {
    width: max-content;
    flex-grow: 1;
    max-width: 43.4%;
  }
}
.tpl--contact-page .tpl--contact-page__infolist .tpl--contact-page__infolist-item {
  margin-bottom: 15px;
}
.tpl--contact-page .tpl--contact-page__infolist .tpl--contact-page__infolist-item:last-child {
  margin-bottom: 0;
}
.tpl--contact-page .tpl--contact-page__infolist .tpl--contact-page__infolist-item h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.278rem;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .tpl--contact-page .tpl--contact-page__infolist .tpl--contact-page__infolist-item h2 {
    font-size: 1.278rem;
  }
}
.tpl--contact-page .tpl--contact-page__infolist .tpl--contact-page__infolist-item p {
  font-size: 0.9rem;
  line-height: 1.6em;
}

.tpl--home {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tpl--home {
    height: 100%;
  }
}
.tpl--home .main-slide {
  width: 100%;
  height: 100%;
}
.tpl--home .main-slide .slick-list, .tpl--home .main-slide .slick-track {
  height: 100vh !important;
  overflow: hidden;
}
.tpl--home .main-slide .slick-track {
  height: max-content;
}
.tpl--home .main-slide .slick-slide {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.tpl--home .main-slide .slick-slide .ctm_animation {
  opacity: 0 !important;
  transition: opacity 1s ease-in-out;
}
.tpl--home .main-slide .slick-slide.slick-active .ctm_animation {
  opacity: 1 !important;
}
.tpl--home .main-slide .slick-initialized {
  display: block;
}
.tpl--home .main-slide-arrows {
  position: fixed;
  width: 45px;
  top: 50%;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .tpl--home .main-slide-arrows {
    top: unset;
    bottom: 0;
    width: 60px;
  }
}
.tpl--home-start .tpl--home .main-slide-arrows {
  top: unset;
  bottom: 0;
  z-index: 10;
}
.tpl--home .main-slide-arrows button {
  display: flex;
  flex-direction: row;
  pointer-events: all;
  justify-content: center;
  align-items: center;
  color: #FFF;
  background-color: #3F3F3F;
  width: 45px;
  height: 45px;
  padding: 0;
  opacity: 0.6;
  border-radius: 0px;
  transition: opacity 0.38s ease, background 0.3s;
}
@media screen and (max-width: 767px) {
  .tpl--home .main-slide-arrows button {
    height: 50px;
    width: 60px;
  }
}
.tpl--home .main-slide-arrows button svg {
  margin: 0;
  transition: margin 0.1s ease-in-out;
}
.tpl--home .main-slide-arrow__prev {
  left: 40px;
}
@media screen and (max-width: 767px) {
  .tpl--home .main-slide-arrow__prev {
    position: fixed;
    left: 0;
  }
}
.tpl--home .main-slide-arrow__prev:hover button {
  opacity: 1;
}
.tpl--home .main-slide-arrow__prev:hover button svg {
  margin-right: 5px;
}
.tpl--home .main-slide-arrow__next {
  right: 40px;
}
@media screen and (max-width: 767px) {
  .tpl--home .main-slide-arrow__next {
    right: 0;
    position: fixed;
  }
}
.tpl--home-start .tpl--home .main-slide-arrow__next {
  top: unset;
  bottom: 0;
  z-index: 10;
}
.tpl--home .main-slide-arrow__next:hover button {
  opacity: 1;
}
.tpl--home .main-slide-arrow__next:hover button svg {
  margin-left: 5px;
}
.tpl--home .slick-disabled {
  display: none !important;
}
.tpl--home .default-slide {
  max-width: 100vw;
  box-sizing: border-box;
}
.tpl--home .default-slide .inner {
  width: 100vw;
}
@media screen and (max-width: 767px) {
  .tpl--home .default-slide .inner {
    padding: 30px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--home .default-slide .inner {
    padding: 120px 40px;
  }
}
@media screen and (min-width: 768px) and (max-height: 900px) {
  .tpl--home .default-slide .inner {
    padding: 50px 110px;
  }
}
@media screen and (min-width: 1280px) {
  .tpl--home .default-slide .inner {
    padding: 120px 140px 0;
  }
}
.tpl--home .inner {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .tpl--home .inner {
    padding: 40px 30px 80px;
    background-color: #F3F3F3;
  }
}
@media screen and (min-width: 768px) {
  .tpl--home .inner {
    padding: 35px 65px 35px;
  }
}
@media screen and (orientation: landscape) and (max-height: 900px) {
  .tpl--home .inner {
    padding: 30px;
  }
}
.tpl--home .slick-dots {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .tpl--home .slick-dots {
    bottom: 60px;
    right: 19px;
    top: unset;
    left: unset;
    transform: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home .slick-dots {
    display: none;
  }
}
.tpl--home .slick-dots li {
  display: none;
}
.tpl--home .slick-dots .slick-active {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: max-content;
}
.tpl--home .slick-dots .slick-active span {
  display: block;
  font-family: "Effra Trial";
  font-size: 0.833rem;
  line-height: 1em;
  font-weight: 700;
}
.tpl--home .slick-dots .slick-active .pages {
  margin-right: 8px;
}
.tpl--home .slick-dots .slick-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .tpl--home .slick-dots .slick-pagination .pages {
    display: none;
  }
}
.tpl--home .slick-dots--bright .slick-active span {
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .tpl--home .slick-dots--bright .slick-active span {
    color: #000;
  }
}

.tpl--home-start .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tpl--home-start .inner {
    background-color: #FFF;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1200px) {
  .tpl--home-start .inner {
    margin-top: 75px;
    height: calc(100% - 75px);
  }
}
.tpl--home-start .tpl--home-start__main {
  flex-grow: 1;
}
@media screen and (max-width: 480px) {
  .tpl--home-start .tpl--home-start__main {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__main {
    margin-bottom: 70px;
  }
}
@media screen and (max-height: 600px) {
  .tpl--home-start .tpl--home-start__main {
    margin-bottom: 100px;
  }
}
.tpl--home-start .tpl--home-start__imgwrp {
  display: block;
  position: relative;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__imgwrp {
    height: max-content;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__imgwrp {
    width: 45%;
    height: max-content;
  }
}
.tpl--home-start .tpl--home-start__background {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 480px) {
  .tpl--home-start .tpl--home-start__background {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: 100vh;
    max-height: 60vh;
    overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__background {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: 100vh;
    max-height: 65vh;
    overflow: hidden;
    min-height: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__background {
    max-height: 70vh;
    max-width: 55vw;
    overflow: hidden;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-start .tpl--home-start__background {
    width: 45.95vw;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--home-start .tpl--home-start__background {
    width: 44.7%;
  }
}
.tpl--home-start .tpl--home-start__background .tpl--home-start__image__background {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tpl--home-start .tpl--home-start__content {
  display: block;
  width: calc(100% - 60px);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  box-sizing: border-box;
  position: absolute;
  max-width: 850px;
  top: 45.5%;
  bottom: inherit;
  left: 51.2%;
  transform: translateY(-50%) !important;
  transform: translateZ(-50%) !important;
  margin-left: -10.5%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__content {
    position: relative;
    width: calc(100% - 36px);
    margin-left: 36px;
    margin-top: -170px;
    min-width: unset;
    bottom: unset;
    top: unset;
    left: 0;
    transform: translateY(0%) !important;
    padding: 30px 70px 30px 30px;
    flex-grow: 1;
    background-color: #FFF;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--home-start .tpl--home-start__content {
    max-width: 650px;
    left: 55%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__content {
    width: 50%;
    left: 50%;
  }
}
.tpl--home-start .tpl--home-start__content .tpl--home-start__content__headline {
  font-family: "Effra Trial XBold";
  font-weight: 800;
  font-size: 4.722rem;
  line-height: 1.05em;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__headline {
    margin: 0 0 20px 0;
    font-size: 1.667rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__headline {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__headline {
    font-size: 3.9rem;
  }
}
.tpl--home-start .tpl--home-start__content .tpl--home-start__content__text {
  margin: 0 0 40px 142px;
  font-size: 1.222rem;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__text {
    font-size: 1rem;
    margin: 0 0 20px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__text {
    margin: 0 0 20px 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__text {
    margin-left: 50px;
    font-size: 1.222rem;
    max-width: 555px;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start__content__text {
    margin-left: 50px;
  }
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next {
  display: flex;
  align-items: flex-end;
  height: 60px;
  width: max-content;
  margin-left: 142px;
}
@media screen and (max-width: 480px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start--next {
    margin-left: 0;
    position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start--next {
    right: unset;
    margin-left: 0;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start--next {
    margin-left: 50px;
  }
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next .tpl--home-start__button {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.222rem;
  font-weight: 700;
  line-height: 0.9em;
  color: #000;
  background-color: #FFF;
  padding: 15px 25px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media screen and (max-width: 480px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start--next .tpl--home-start__button {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-start .tpl--home-start__content .tpl--home-start--next .tpl--home-start__button {
    font-size: 1rem;
  }
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next .tpl--home-start__button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  left: -101%;
  transition: left 0.3s ease-in-out;
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next .tpl--home-start__button span {
  display: block;
  position: relative;
  z-index: 2;
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next:hover .tpl--home-start__button {
  color: #FFF;
}
.tpl--home-start .tpl--home-start__content .tpl--home-start--next:hover .tpl--home-start__button:after {
  left: 0;
}
.tpl--home-start .tpl--home-start__person {
  position: absolute;
  left: 26.9vw;
  bottom: 125px;
  width: max-content;
  max-width: 385px;
  height: max-content;
}
@media screen and (max-width: 1200px) {
  .tpl--home-start .tpl--home-start__person {
    display: none;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1279px) {
  .tpl--home-start .tpl--home-start__person {
    left: 7%;
    bottom: 0;
    width: max-content;
    height: 57vh;
  }
}
.tpl--home-start .tpl--home-start__person .tpl--home-start__person__headline {
  font-family: "Effra Trial";
  font-size: 1.389rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #FFF;
  line-height: 0.9em;
  position: absolute;
  top: 70%;
  right: calc(100% + 10px);
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--home-start .tpl--home-start__person .tpl--home-start__person__headline {
    right: unset;
    left: 0;
  }
}
.tpl--home-start .tpl--home-start__person .tpl--home-start__person__headline span {
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.4em;
  display: inline-block;
  margin-top: 6px;
}
.tpl--home-start .tpl--footer__logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  margin-top: auto;
}
@media screen and (min-width: 1201px) {
  .tpl--home-start .tpl--footer__logo {
    position: absolute;
    bottom: 0;
  }
}
.tpl--home-start .tpl--footer__logo svg {
  display: block;
  width: auto;
  height: 75px;
  margin-left: 10px;
}
.tpl--home-start .tpl--footer__logo svg path {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-start .tpl--footer__logo svg rect {
  transition: fill 0.3s ease-in-out;
}
.tpl--home-start .tpl--footer__logo svg #left {
  fill: #1fadb3;
}
.tpl--home-start .tpl--footer__logo svg #middle {
  fill: #000;
}
.tpl--home-start .tpl--footer__logo svg #right {
  fill: #cd0d48;
}
.tpl--home-start .tpl--footer__logo:hover path {
  opacity: 0.6;
}
.tpl--home-start .tpl--footer__logo:hover svg #left {
  fill: #cd0d48;
}
.tpl--home-start .tpl--footer__logo:hover svg #middle {
  fill: #1fadb3;
}
.tpl--home-start .tpl--footer__logo:hover svg #right {
  fill: #000;
}

.tpl--home-leistungen {
  width: calc(100% - 280px);
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen {
    margin: 75px 15px 90px;
    max-width: calc(100vw - 30px) !important;
    height: calc(100% - 165px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-leistungen {
    margin: 75px 0 0;
    height: calc(100% - 75px);
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .inner {
    max-width: calc(100vw - 30px);
  }
}
.tpl--home-leistungen .tpl--home-leistungen__header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 35px;
  line-height: 1.4em;
  font-family: "Font-Dec", sans-serif;
  font-weight: 800;
  color: hsl(0deg, 0%, 0%);
  margin-bottom: 40px;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .tpl--home-leistungen__header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .tpl--home-leistungen .tpl--home-leistungen__header-wrapper {
    gap: 25px;
  }
}
.tpl--home-leistungen .tpl--home-leistungen__header-wrapper:after {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  transform: translateY(2px);
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .tpl--home-leistungen__header-wrapper:after {
    display: none;
  }
}
.tpl--home-leistungen .tpl--home-leistungen__header-wrapper h2 {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .tpl--home-leistungen__header-wrapper h2 {
    font-size: 1.667rem;
  }
}
.tpl--home-leistungen .tpl--home-leistungen__content p {
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  .tpl--home-leistungen .tpl--home-leistungen__content p {
    font-size: 1.222rem;
  }
}
.tpl--home-leistungen .text-wrap {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .text-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
.tpl--home-leistungen .text-wrap pre {
  width: 100%;
  max-width: 250px;
}
@media screen and (max-width: 767px) {
  .tpl--home-leistungen .text-wrap pre {
    display: none;
  }
}
.tpl--home-leistungen .text-wrap pre img {
  width: 100%;
  max-width: 200px;
  min-width: 100px;
  height: auto;
  margin-left: 30px;
}
.tpl--home-leistungen .awards-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 75px;
  margin-top: 50px;
}
@media screen and (min-width: 1201px) {
  .tpl--home-leistungen .awards-wrap {
    gap: 50px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
  .tpl--home-leistungen .awards-wrap {
    flex-wrap: nowrap;
    gap: 50px;
  }
}
.tpl--home-leistungen .awards-wrap__inner {
  display: flex;
  flex-direction: column;
  width: calc(25% - 75px);
  min-width: 180px;
  align-items: flex-start;
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
  .tpl--home-leistungen .awards-wrap__inner {
    width: calc(25% - 50px);
    min-width: unset;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-leistungen .awards-wrap__inner {
    width: calc(25% - 50px);
    max-width: 300px;
  }
}
.tpl--home-leistungen .awards-wrap__inner .awards-wrap__imagewrp {
  display: block;
  height: 110px;
  width: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-leistungen .awards-wrap__inner .awards-wrap__imagewrp {
    height: 100px;
  }
}
.tpl--home-leistungen .awards-wrap__inner .awards-wrap__imagewrp img {
  display: block;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1201px) {
  .tpl--home-leistungen .awards-wrap__inner .awards-wrap__imagewrp img {
    display: block;
    height: 100%;
    width: auto;
  }
}
.tpl--home-leistungen .awards-wrap__inner h3 {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: 600;
  margin: 10px 0 20px;
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
  .tpl--home-leistungen .awards-wrap__inner h3 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .tpl--home-visuals {
    overflow-y: hidden !important;
  }
}
.tpl--home-visuals .slide-wrap {
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .tpl--home-visuals .slide-wrap {
    margin-top: 75px;
    height: calc(100% - 75px);
    overflow: auto;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .tpl--home-visuals .slide-wrap {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 901px) {
  .tpl--home-visuals .slide-wrap {
    flex-direction: row;
  }
}
.tpl--home-visuals .tpl--home-visuals__left {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .tpl--home-visuals .tpl--home-visuals__left {
    width: 100%;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .tpl--home-visuals .tpl--home-visuals__left {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
@media screen and (min-width: 901px) and (max-width: 1480px) {
  .tpl--home-visuals .tpl--home-visuals__left {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider {
  position: relative;
  height: 50%;
  display: block;
  max-height: 50vh;
}
@media screen and (max-width: 600px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider {
    width: 100%;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider {
    display: flex;
    flex-direction: row;
    width: 50%;
    height: auto;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider {
    max-height: unset;
  }
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-list, .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-track {
  min-height: unset;
  max-height: 100% !important;
  height: 100% !important;
}
@media screen and (min-width: 600px) and (max-width: 900px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-list, .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-track {
    width: 100%;
  }
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .tpl--home-visuals__slider-imagewrp {
  display: block;
  width: 100%;
  height: 100%;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .tpl--home-visuals__slider-imagewrp img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots {
  display: flex !important;
  position: absolute;
  top: unset;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: max-content;
  background-color: transparent;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots button {
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots button {
    background-color: #FFF;
  }
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots li {
  padding: 0;
  display: block;
  overflow: hidden;
  width: 11px;
  height: 11px;
  color: transparent;
  background-color: hsla(0deg, 0%, 95%, 0.95);
  box-shadow: 3px 3px 5px hsla(0deg, 0%, 0%, 0.1);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots li:first-child {
  margin-right: 10px;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__slider .slick-dots .slick-active {
  padding: 0;
  background-color: #1fadb3;
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__visuals {
  display: block;
  height: 50%;
  width: 100%;
}
@media screen and (max-width: 1079px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__visuals {
    width: 100%;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__visuals {
    display: flex;
    flex-direction: row;
    width: 50%;
    height: auto;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1480px) {
  .tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__visuals {
    width: 100%;
    height: 100%;
    max-height: 50vh;
  }
}
.tpl--home-visuals .tpl--home-visuals__left .tpl--home-visuals__visuals video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tpl--home-visuals .tpl--home-visuals__right {
  display: flex;
  flex-direction: row;
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .tpl--home-visuals .tpl--home-visuals__right {
    width: 100%;
    flex-grow: 2;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-visuals .tpl--home-visuals__right {
    width: 50%;
    height: auto;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--home-visuals .tpl--home-visuals__right {
    height: auto;
  }
}
.tpl--home-visuals .tpl--home-visuals__right .tpl--home-visuals__right__slider-imagewrp {
  display: block;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .tpl--home-visuals .tpl--home-visuals__right .tpl--home-visuals__right__slider-imagewrp {
    height: auto;
    width: auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 1480px) {
  .tpl--home-visuals .tpl--home-visuals__right .tpl--home-visuals__right__slider-imagewrp {
    height: 100vh;
  }
}
.tpl--home-visuals .tpl--home-visuals__right .tpl--home-visuals__right__slider-imagewrp img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .tpl--home-services {
    margin: 75px 15px 90px;
    max-width: calc(100vw - 30px) !important;
    height: calc(100% - 165px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-services {
    margin: 75px 0 0;
    height: calc(100% - 75px);
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-services .inner {
    max-width: calc(100vw - 30px);
  }
}
.tpl--home-services .tpl--home-services__header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 35px;
  line-height: 1.4em;
  font-family: "Font-Dec", sans-serif;
  font-weight: 800;
  color: hsl(0deg, 0%, 0%);
  margin-bottom: 40px;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .tpl--home-services .tpl--home-services__header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .tpl--home-services .tpl--home-services__header-wrapper {
    gap: 25px;
  }
}
.tpl--home-services .tpl--home-services__header-wrapper:after {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  transform: translateY(2px);
}
@media screen and (max-width: 767px) {
  .tpl--home-services .tpl--home-services__header-wrapper:after {
    display: none;
  }
}
.tpl--home-services .tpl--home-services__header-wrapper h2 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .tpl--home-services .tpl--home-services__header-wrapper h2 {
    font-size: 1.667rem;
  }
}
.tpl--home-services .tpl--home-services__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 50px;
  gap: 50px;
}
@media screen and (max-width: 1200px) {
  .tpl--home-services .tpl--home-services__list {
    display: flex;
    flex-direction: column;
  }
}
.tpl--home-services .tpl--home-services__list-item {
  display: flex;
  flex-direction: column;
  width: auto;
  align-items: flex-start;
  max-width: calc(25% - 50px);
}
@media screen and (max-width: 1200px) {
  .tpl--home-services .tpl--home-services__list-item {
    display: flex;
    flex-direction: row;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .tpl--home-services .tpl--home-services__list-item {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
}
.tpl--home-services .tpl--home-services__imagewrp {
  display: block;
  height: 100px;
  width: auto;
}
@media screen and (max-width: 1200px) {
  .tpl--home-services .tpl--home-services__imagewrp {
    margin-right: 30px;
  }
}
.tpl--home-services .tpl--home-services__imagewrp img {
  display: block;
  height: 100%;
  width: auto;
}
.tpl--home-services h3 {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .tpl--home-services h3 br {
    display: none;
  }
}
.tpl--home-services p {
  max-width: 100%;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  .tpl--home-services p {
    font-size: 1rem;
  }
}

.tpl--home-references {
  background-color: #000;
  border-style: unset !important;
  border-color: unset !important;
  border-width: 0 !important;
  border: none !important;
  min-height: 100vh;
  overflow: hidden !important;
}
.tpl--home-references .inner {
  background-color: transparent;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .tpl--home-references .inner {
    margin: 75px 0 90px !important;
    height: calc(100vh - 75px);
  }
}
.tpl--home-references .tpl--home-references__header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 35px;
  line-height: 1.4em;
  font-family: "Font-Dec", sans-serif;
  font-weight: 800;
  color: hsl(0deg, 0%, 0%);
  margin-bottom: 40px;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .tpl--home-references .tpl--home-references__header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .tpl--home-references .tpl--home-references__header-wrapper {
    gap: 25px;
  }
}
.tpl--home-references .tpl--home-references__header-wrapper:after {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 1px;
  background: #FFF;
  content: "";
  transform: translateY(2px);
}
@media screen and (max-width: 767px) {
  .tpl--home-references .tpl--home-references__header-wrapper:after {
    display: none;
  }
}
.tpl--home-references .tpl--home-references__header-wrapper h2 {
  font-size: 1.4rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .tpl--home-references .tpl--home-references__header-wrapper h2 {
    font-size: 1.667rem;
  }
}
.tpl--home-references .tpl--home-references__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tpl--home-references .tpl--home-references__list-item {
  position: relative;
  width: calc(20% - 2rem);
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 1rem;
}
@media screen and (max-width: 480px) {
  .tpl--home-references .tpl--home-references__list-item {
    width: calc(50% - 4rem);
    margin: 2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .tpl--home-references .tpl--home-references__list-item {
    width: calc(33.33% - 2rem);
  }
}
@media screen and (min-width: 1080px) and (max-width: 1480px) {
  .tpl--home-references .tpl--home-references__list-item {
    width: calc(25% - 2rem);
  }
}
.tpl--home-references .tpl--home-references__list-item .tpl--home-references__imagewrp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.tpl--home-references .tpl--home-references__list-item .tpl--home-references__imagewrp img {
  display: block;
  height: auto;
  object-fit: fill;
  max-height: 70px;
  max-width: 200px;
  transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  .tpl--home-references .tpl--home-references__list-item .tpl--home-references__imagewrp img {
    object-fit: contain;
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--home-references .tpl--home-references__list-item .tpl--home-references__imagewrp img {
    max-height: 50px;
    max-width: 90%;
  }
}

.intro {
  overflow: hidden;
}

.tpl--home-intro {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-style: unset !important;
  border-color: unset !important;
  border-width: 0 !important;
  border: none !important;
  overflow: hidden !important;
  min-height: 100vh;
}
.tpl--home-intro .inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: transparent;
  max-width: 100%;
  height: 68vh;
  flex-grow: unset;
  padding: 90px 40px 50px !important;
}
@media screen and (min-width: 768px) and (max-height: 900px) {
  .tpl--home-intro .inner {
    padding: 90px 100px 50px !important;
  }
}
@media screen and (max-width: 1200px) {
  .tpl--home-intro .inner {
    padding: 75px 110px 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-intro .inner {
    padding: 75px 30px 50px !important;
  }
}
.tpl--home-intro .tpl--home-intro__background {
  /*display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: rotate(-15deg) translateY(-10vh);
  pointer-events: none;

  :nth-child(1) {
    right: 0;
    top: 0;
  }

  :nth-child(2) {
    right: 100vh;
    top: 100vh;
  }

  .tpl--home-intro__background__form {
    display: block;
    width: 100vh;
    height: 100vh;
    position: absolute;
    overflow: hidden;
    filter: blur(1px);

    &:after {
      content: "";
      display: block;
      width: 150%;
      height: 150%;
      position: absolute;
      left: -25%;
      top: -25%;
      border-radius: 50%;
      background-image: linear-gradient(45deg, hsl(180deg, 70%, 41%) 30%, hsl(342deg, 88%, 43%) 70%);
      filter: brightness(1.3);
    }

    .tpl--home-intro__background__form__inner {
      display: block;
      position: absolute;
      left: 1px;
      top: 1px;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      background-color: $black;
      border-radius: 1px;
      z-index: 1;
    }
  }*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("Img/SVG/background.svg") no-repeat center;
  opacity: 0.5;
}
.tpl--home-intro .tpl--home-intro__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 1450px;
  height: 100vh;
  z-index: 2;
}
.tpl--home-intro .tpl--home-intro__content h2 {
  font-size: 6rem;
  line-height: 0.9em;
  color: #FFF;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .tpl--home-intro .tpl--home-intro__content h2 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--home-intro .tpl--home-intro__content h2 {
    font-size: 5.556rem;
  }
}
.tpl--home-intro .tpl--home-intro__content p {
  font-family: "Effra Trial";
  font-size: 1.444rem;
  color: #FFF;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .tpl--home-intro .tpl--home-intro__content p {
    font-size: 1.111rem;
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--home-intro .tpl--home-intro__content p {
    font-size: 1.333rem;
  }
}

.tpl--home-uebersicht {
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100vw;
  width: 100vw !important;
  background-color: #000;
  box-sizing: border-box;
  min-height: 100vh;
  overflow: hidden;
}
.tpl--home-uebersicht .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1470px;
  padding: 120px 140px 50px;
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .inner {
    display: flex;
    flex-direction: column;
    padding: 30px 40px 50px;
    background-color: transparent;
  }
}
@media screen and (min-width: 481px) and (max-width: 950px) {
  .tpl--home-uebersicht .inner {
    padding: 0 40px 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .tpl--home-uebersicht .inner {
    padding: 120px 40px 50px;
  }
}
@media screen and (min-width: 768px) and (max-height: 800px) {
  .tpl--home-uebersicht .inner {
    padding: 0 100px 0;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("Img/SVG/uebersicht-bg.svg") no-repeat center;
  opacity: 0.7;
}
.tpl--home-uebersicht .tpl--home-uebersicht__background__form {
  display: block;
  width: 100vh;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  transform: rotate(-15deg);
  filter: blur(1px);
  border-radius: 0px;
}
.tpl--home-uebersicht .tpl--home-uebersicht__background__form:after {
  content: "";
  display: block;
  width: 150%;
  height: 150%;
  position: absolute;
  left: -25%;
  top: -25%;
  border-radius: 50%;
  background-image: linear-gradient(45deg, hsl(180deg, 70%, 41%) 30%, hsl(342deg, 88%, 43%) 70%);
  animation: rotate360 10s infinite linear paused 1s;
  filter: brightness(1.3);
}
.tpl--home-uebersicht .tpl--home-uebersicht__background__form:nth-child(1) {
  transform-origin: 50% 100%;
  right: 0;
  bottom: 100vh;
}
.tpl--home-uebersicht .tpl--home-uebersicht__background__form:nth-child(2) {
  transform-origin: 50% 0;
  right: 60vw;
  top: 85vh;
}
.tpl--home-uebersicht .tpl--home-uebersicht__background__form .tpl--home-uebersicht__background__form__inner {
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #000;
  display: block;
  z-index: 1;
  border-radius: 0px;
}
.tpl--home-uebersicht .tpl--home-uebersicht__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__content {
    display: flex;
    flex-direction: column;
    justify-content: unset;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__content {
    min-height: max-content;
    overflow-y: auto;
    margin-top: 75px;
    height: calc(100% - 75px);
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__container {
  position: relative;
  height: 100%;
  width: 50%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__container {
    height: calc(100vh - 90px);
    max-height: 685px;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__container:last-child .tpl--home-uebersicht__cases-listwrp {
  margin-right: 0;
}
.tpl--home-uebersicht .tpl--home-uebersicht__container ::-webkit-scrollbar {
  margin-left: 5px;
  width: 3px;
}
.tpl--home-uebersicht .tpl--home-uebersicht__container ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8) !important;
  border-radius: 10px;
  margin-left: 5px;
}
.tpl--home-uebersicht .tpl--home-uebersicht__container ::-webkit-scrollbar-thumb {
  background: #626262 !important;
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}
.tpl--home-uebersicht .tpl--home-uebersicht__container ::-webkit-scrollbar-thumb:hover {
  background: #626262 !important;
}
.tpl--home-uebersicht h1, .tpl--home-uebersicht h2, .tpl--home-uebersicht h3 {
  color: #FFF;
}
.tpl--home-uebersicht h1 {
  font-size: 2.222rem;
  font-weight: 200;
  margin-bottom: 15px;
}
.tpl--home-uebersicht h3 {
  font-size: 1.1rem;
  line-height: 1.2em;
  margin-right: 20px;
  margin-bottom: 5px;
}
.tpl--home-uebersicht h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: hsl(0deg, 0%, 44%);
}
.tpl--home-uebersicht h4 svg {
  margin-left: 10px;
}
.tpl--home-uebersicht h3 + h4 {
  margin-top: 5px;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht h3 + h4 {
    margin-top: 0;
  }
}
.tpl--home-uebersicht .gradient {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  max-height: 80px;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--home-uebersicht .gradient {
    max-height: 112px;
    bottom: -75px;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about {
  height: 100%;
  max-height: 600px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about {
    max-height: unset;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about {
    margin-right: 2rem;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__cases-listwrp {
  display: flex;
  height: 90%;
  max-height: 610px;
  overflow-x: hidden;
  margin-right: 50px;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__cases-listwrp {
    max-height: 100%;
    height: 100%;
  }
}
.tpl--home-uebersicht .scrollwrp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -9px;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .scrollwrp {
    display: none;
  }
}
.tpl--home-uebersicht .scrollwrp .scrollwrp-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 100px;
  background-color: black;
}
.tpl--home-uebersicht .scrollwrp .scrollwrp-main {
  transform: rotate(-90deg);
  width: 66px;
}
.tpl--home-uebersicht .scrollwrp span {
  font-family: "Effra Trial";
  font-size: 1rem;
  font-weight: 400;
  color: #FFF;
  transition: color 0.3s ease-in-out;
}
.tpl--home-uebersicht .scrollwrp svg {
  width: 20px;
  height: 15px;
  margin-top: 26px;
}
.tpl--home-uebersicht .scrollwrp svg path {
  stroke: #cd0d48;
  transition: stroke 0.3s ease-in-out;
}
.tpl--home-uebersicht .tpl--home-uebersicht__cases {
  height: max-content;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__cases {
    margin-right: 20px;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item {
  color: rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item {
    margin-bottom: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item {
    margin-bottom: 0;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item a, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item a {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 20px;
  transition: transform 0.38s ease;
  transform-origin: 50% 50%;
  cursor: pointer;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item a, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item a {
    /*@include flex-column;
    align-items: flex-start;
    border-bottom: 1px solid $white;*/
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item a, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item a {
    margin-right: 15px;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item a:hover, .tpl--home-uebersicht .tpl--home-uebersicht__cases-item a:hover {
  transform: scale(0.92);
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item h3 {
  line-height: 0.9em;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item h3 {
    line-height: 1.2em;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item h4 {
  margin-bottom: 0;
  line-height: 0.9em;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about-item h4 {
    line-height: 1.2em;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about-item .tpl--home-uebersicht__about__imagewrp img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.tpl--home-uebersicht .tpl--home-uebersicht__about__imagewrp {
  overflow: hidden;
  display: block;
  flex-shrink: 0;
  width: 170px;
  height: 105px;
  margin-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about__imagewrp {
    margin-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about__imagewrp {
    width: 33.33%;
    height: auto;
    aspect-ratio: 4/3;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__about__imagewrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about__textwrp {
    flex-grow: 1;
  }
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__about__textwrp {
    margin-left: 15px;
  }
}
.tpl--home-uebersicht .tpl--home-visuals__visuals {
  position: relative;
  overflow: hidden;
  display: block;
  flex-shrink: 0;
  width: 170px;
  height: 105px;
  margin-right: 15px;
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-visuals__visuals {
    margin-right: 0;
  }
}
@media screen and (max-width: 1279px) {
  .tpl--home-uebersicht .tpl--home-visuals__visuals {
    width: 33.33%;
    height: auto;
    aspect-ratio: 4/3;
  }
}
.tpl--home-uebersicht .tpl--home-visuals__visuals video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tpl--home-uebersicht .tpl--home-uebersicht__cases__textwrp {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 105px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1079px) {
  .tpl--home-uebersicht .tpl--home-uebersicht__cases__textwrp {
    height: auto;
    margin-left: 15px;
    padding-bottom: 5px;
  }
}
.tpl--home-uebersicht .tpl--home-uebersicht__cases__textwrp span {
  font-family: "Effra Trial";
  font-size: 0.889rem;
  line-height: 1em;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  bottom: 9px;
}

.tpl--home-customers {
  position: relative;
  display: flex !important;
  padding: 85px 0 40px;
  background-color: #000;
  min-height: 100vh;
  white-space: normal;
  box-sizing: border-box;
  height: calc(100% - 125px);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers {
    padding: 75px 0 30px;
    height: calc(100% - 105px);
  }
}
.tpl--home-customers .inner {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: auto;
  width: calc(100% - 32px);
  flex-grow: 0;
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers .inner {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-customers .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #FFF;
    justify-content: space-between;
  }
}
.tpl--home-customers .no-scroll {
  overflow-y: hidden;
  height: 100%;
  max-height: 100vh;
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers .no-scroll .tpl--home-customers__info-textcontainer {
    height: auto;
    overflow: hidden !important;
  }
}
.tpl--home-customers .tpl--home-customers__intro-imagewrp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1201px) {
  .tpl--home-customers .tpl--home-customers__intro-imagewrp {
    display: block;
    position: relative;
  }
}
.tpl--home-customers .tpl--home-customers__intro-imagewrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
@media screen and (min-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__intro-imagewrp img {
    height: 100%;
  }
}
.tpl--home-customers .tpl--home-customers__intro-textbox {
  width: 100%;
  height: calc(100% - 200px);
  overflow-y: auto;
  padding: 30px 30px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox {
    padding: 50px 30px 90px;
    height: calc(100% - 140px);
    overflow-y: unset;
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox {
    padding: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox {
    width: 40%;
    height: calc(100% - 70px - 50px);
    max-height: 500px;
    position: absolute;
    right: 10px;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%) !important;
    padding: 45px;
    box-shadow: 10px 10px 10px hsla(0deg, 0%, 0%, 0.2);
    border-radius: 0px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox {
    width: 575px;
    height: auto;
    max-height: calc(100% - 70px - 70px);
    position: absolute;
    right: 90px;
    top: calc(50% + 35px);
    transform: translateY(-50%) !important;
    padding: 65px 85px;
    box-shadow: 10px 10px 10px hsla(0deg, 0%, 0%, 0.2);
    border-radius: 0px;
  }
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-logowrp {
  display: block;
  height: 60px;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 1201px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-logowrp {
    height: 75px;
    max-width: 250px;
    margin-bottom: 35px;
  }
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-logowrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-text p {
  font-size: 0.83rem;
  line-height: 1.6em;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-text a {
  font-size: 0.83rem;
  line-height: 1.6em;
  color: #1fadb3;
  transition: color 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-text a:hover {
  color: #16787c;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-text h2 {
  font-size: 1.22rem;
  line-height: 1.4em;
  margin-bottom: 20px;
  font-weight: 600;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-text h3 {
  font-size: 1rem;
  margin-bottom: 30px;
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-list {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  .tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-list {
    padding-bottom: 50px;
  }
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Effra Trial";
  font-weight: 700;
  line-height: 1.2em;
  padding: 3px 0;
  border-top: 1px solid hsl(0deg, 0%, 90%);
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-list li:last-child {
  border-bottom: 1px solid hsl(0deg, 0%, 90%);
}
.tpl--home-customers .tpl--home-customers__intro-textbox .tpl--home-customers__intro-list li h4 {
  display: block;
  width: 50%;
  min-width: 50%;
  margin-right: 10px;
  font-weight: 400;
}
.tpl--home-customers .tpl--home-customers__info-slider {
  position: relative;
  width: calc(100% - 560px);
  max-height: 100vh;
  opacity: 1 !important;
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-slider {
    width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-customers .tpl--home-customers__info-slider {
    height: 100%;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-slider {
    height: 100%;
  }
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-list, .tpl--home-customers .tpl--home-customers__info-slider .slick-track {
  height: unset !important;
  min-height: unset !important;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-slider .slick-list, .tpl--home-customers .tpl--home-customers__info-slider .slick-track {
    height: 100% !important;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-slider .slick-list, .tpl--home-customers .tpl--home-customers__info-slider .slick-track {
    height: 100% !important;
  }
}
.tpl--home-customers .tpl--home-customers__info-slider .tpl--home-customers__info-slider-item {
  overflow: unset;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-slider .tpl--home-customers__info-slider-item {
    width: calc(100vw - 35px) !important;
  }
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-dots {
  display: flex !important;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: max-content;
  height: max-content;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--home-customers__info-slider .slick-dots {
    bottom: 10px;
  }
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-dots button {
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--home-customers__info-slider .slick-dots button {
    background-color: #FFF;
  }
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-dots li {
  padding: 0;
  display: block;
  overflow: hidden;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  color: transparent;
  background-color: hsla(0deg, 0%, 95%, 0.95);
  box-shadow: 3px 3px 5px hsla(0deg, 0%, 0%, 0.1);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-dots li:last-child {
  margin-right: 10px;
}
.tpl--home-customers .tpl--home-customers__info-slider .slick-dots .slick-active {
  background-color: #1fadb3;
}
.tpl--home-customers .tpl--home-customers__info-slider-video {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpl--home-customers .tpl--home-customers__info-slider-video video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.tpl--home-customers .tpl--home-customers__info-slider-video .tpl--home-customers__intro-placeholder img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer {
  position: relative;
  display: block;
  height: calc(100% - 30vh);
  background-color: #FFF;
  padding: 50px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 900px) {
  .tpl--home-customers .tpl--home-customers__info-textcontainer {
    height: auto;
    flex-grow: 1;
    padding: 50px;
    overflow: unset !important;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .tpl--home-customers .tpl--home-customers__info-textcontainer {
    position: absolute;
    top: 0%;
    transform: none;
    right: 0;
    height: auto;
    flex-grow: 1;
    padding: 45px;
    width: 40%;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .tpl--home-customers .tpl--home-customers__info-textcontainer {
    padding: 65px 85px;
    height: 100%;
    flex-grow: 1;
    max-width: 650px;
    max-height: calc(100vh - 120px);
  }
}
.tpl--home-customers .tpl--home-customers__info-textcontainer h2 {
  font-size: 1.333rem;
  line-height: 1.4em;
  margin-bottom: 20px;
  font-weight: 600;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer h3, .tpl--home-customers .tpl--home-customers__info-textcontainer h4 {
  font-size: 1rem;
  margin-bottom: 30px;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer ul {
  margin-bottom: 45px;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-size: 0.778rem;
  line-height: 1.6em;
  margin-bottom: 10px;
  padding-left: 25px;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer ul li:last-child {
  margin-bottom: 0;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer ul li:after {
  content: "";
  display: block;
  position: absolute;
  background: url("Img/SVG/kreuz.svg") no-repeat center;
  text-rendering: auto;
  line-height: inherit;
  width: 12px;
  height: 12px;
  background-size: contain;
  left: 0;
  top: 4px;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer p {
  font-size: 0.778rem;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer a {
  font-family: "Effra Trial";
  font-size: 0.889rem;
  font-weight: 700;
  line-height: 1.6em;
  color: #000;
  border-bottom: 1px solid #1fadb3;
  transition: all 0.3s ease-in-out;
  margin-bottom: 10px;
}
.tpl--home-customers .tpl--home-customers__info-textcontainer a:hover {
  color: #cd0d48;
  border-bottom: 1px solid #cd0d48;
}
.tpl--home-customers .tpl--page-reference__content__social {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 25px;
  bottom: 10px;
  z-index: 3;
}
@media screen and (max-width: 1200px) {
  .tpl--home-customers .tpl--page-reference__content__social {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: sticky;
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--page-reference__content__social {
    bottom: 50px;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .tpl--home-customers .tpl--page-reference__content__social {
    position: absolute;
  }
}
.tpl--home-customers .tpl--page-reference__content__social__heart {
  display: block;
  border-bottom: 0;
  text-decoration: none;
  height: 16px;
  width: auto;
  margin-bottom: 15px;
  background: transparent;
}
.tpl--home-customers .tpl--page-reference__content__social__heart svg {
  display: block;
  height: 100%;
  width: auto;
}
.tpl--home-customers .tpl--page-reference__content__social__heart svg g path {
  fill: rgba(205, 13, 72, 0);
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--page-reference__content__social__heart:hover svg g path {
  fill: hsl(340deg, 83%, 36%) !important;
}
.tpl--home-customers .tpl--page-reference__content__social .tpl--heart--active {
  transform: scale(1.1);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
.tpl--home-customers .tpl--page-reference__content__social .tpl--heart--active svg g path {
  fill: rgb(205, 13, 72);
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box__wrapper {
  position: absolute;
  bottom: 120%;
  left: calc(100% - 312px);
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--page-reference__content__social .arrow_box__wrapper {
    bottom: 120%;
    left: unset;
    right: 0;
  }
}
.tpl--home-customers .tpl--page-reference__content__social .hideBox {
  display: none;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box {
  position: relative;
  background: #cd0d48;
  padding: 15px 30px 3px 15px;
  width: 315px;
  max-width: 88vw;
  height: auto;
  border-radius: 6px;
  transition: background 0.3s ease-in-out;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box:after {
  top: 99%;
  right: 8px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(205, 13, 73, 0);
  border-top-color: #cd0d48;
  border-width: 10px;
  transition: border 0.3s ease-in-out;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box .close-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 5px;
  background: hsl(340deg, 83%, 36%);
  border-top-right-radius: 3px;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box .close-box svg {
  width: 15px;
  fill: white;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box .close-box:hover {
  background-color: #cd0d48;
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box .close-box:hover svg {
  fill: rgba(255, 255, 255, 0.6);
}
.tpl--home-customers .tpl--page-reference__content__social .arrow_box p {
  color: #FFF;
  font-size: 0.778rem;
  line-height: 1.4;
  font-weight: 400;
}
.tpl--home-customers .tpl--page-reference__content__social .tpl--page-reference__content__social__question {
  display: block;
  border-bottom: 0;
  text-decoration: none;
  height: 16px;
  width: auto;
  margin-bottom: 20px;
}
.tpl--home-customers .tpl--page-reference__content__social .tpl--page-reference__content__social__question svg {
  display: block;
  height: 100%;
  width: auto;
}
.tpl--home-customers .tpl--page-reference__content__social #openQuestion {
  background-color: transparent;
}
.tpl--home-customers .tpl--page-reference__content__social #openQuestion:hover svg rect, .tpl--home-customers .tpl--page-reference__content__social #openQuestion:hover svg path {
  fill: #16787c;
}
.tpl--home-customers .tpl--page-reference__content__social #openQuestion svg rect, .tpl--home-customers .tpl--page-reference__content__social #openQuestion svg path {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -5;
  background-color: rgba(0, 0, 0, 0.95);
  transition: all 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal .tpl--home-customers-modal-content {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1200px;
}
@media screen and (max-height: 900px) {
  .tpl--home-customers .tpl--home-customers-modal .tpl--home-customers-modal-content {
    max-width: 140vh;
  }
}
.tpl--home-customers .tpl--home-customers-modal button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
  background-color: transparent;
  top: 0;
  left: -30px;
}
@media screen and (max-width: 1300px) {
  .tpl--home-customers .tpl--home-customers-modal button {
    top: -30px;
    left: 10px;
  }
}
.tpl--home-customers .tpl--home-customers-modal button svg {
  display: block;
  width: 100%;
  height: 100%;
}
.tpl--home-customers .tpl--home-customers-modal button svg #rect1 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal button svg #rect2 {
  fill: #cd0d48;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal button:hover svg #rect1 {
  fill: #cd0d48;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal button:hover svg #rect2 {
  fill: #1fadb3;
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers-modal--opened {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.8);
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100px;
  height: 100px;
  border: none;
  background-color: transparent;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button svg {
  display: block;
  width: 100%;
  height: 100%;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button svg #kreis {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button svg polygon {
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button:hover svg #kreis {
  opacity: 0.7;
}
.tpl--home-customers .tpl--home-customers__info-slider-video-overlay button:hover svg polygon {
  opacity: 0.8;
}
.tpl--home-customers .tpl--home-customers__mail-popup {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: right 0.2s ease-in-out;
  backdrop-filter: blur(5px);
}
.tpl--home-customers .tpl--home-customers__mail-popup--active {
  right: 0;
  z-index: 20;
}
.tpl--home-customers .tpl--home-customers__mail-popup-container {
  position: relative;
  padding: 100px 65px 80px;
  width: 100%;
  max-width: 530px;
  background-color: #FFF;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--home-customers__mail-popup-container {
    padding: 20px 30px 80px;
  }
}
.tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 115px;
  right: 70px;
  padding: 0;
  border: none;
  background-color: transparent;
  width: max-content;
  min-width: max-content;
  font-family: "Effra Trial";
  font-weight: 700;
  font-size: 0.889rem;
  color: #000;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn {
    top: 32px;
    right: 30px;
  }
}
.tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn svg #Rechteck_5813, .tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn svg #Rechteck_5926 {
  transition: fill 0.3s ease-in-out;
}
.tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn:hover svg #Rechteck_5813 {
  fill: #cd0d48;
}
.tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn:hover svg #Rechteck_5926 {
  fill: #1fadb3;
}
.tpl--home-customers .tpl--home-customers__mail-popup-container .closeQuestionBtn:after {
  display: none;
}
.tpl--home-customers #wpcf7-f623-o1 form {
  display: flex;
  flex-direction: column;
}
.tpl--home-customers #wpcf7-f623-o1 form h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.444rem;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 25px;
  padding: 0;
  color: #000;
  border: none;
}
.tpl--home-customers #wpcf7-f623-o1 form label {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.tpl--home-customers #wpcf7-f623-o1 form label .label-text {
  font-family: "Effra Trial";
  font-size: 1.1rem;
  line-height: 1.5em;
  font-weight: 400;
  opacity: 0.6;
}
.tpl--home-customers #wpcf7-f623-o1 form label .required {
  font-size: 0.9rem;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap input {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  width: 100%;
  color: #000;
  border: 1px solid #C4C4C4;
  transition: border 0.3s ease-in-out;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap textarea {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  color: #000;
  border: 1px solid #C4C4C4;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap .wpcf7-not-valid {
  border: 1px solid #cd0d48;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #cd0d48;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] .wpcf7-acceptance {
  display: inline-block;
  width: 100%;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] .wpcf7-list-item {
  margin-left: 0;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label {
  display: flex;
  flex-direction: row;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  cursor: pointer;
  z-index: 2;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  position: relative;
  padding-left: 35px;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #000;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a:hover {
  opacity: 0.6;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  border: 2px solid #000;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:hover + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
}
.tpl--home-customers #wpcf7-f623-o1 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
  box-shadow: inset 0 0 0 2px #FFF;
}
.tpl--home-customers #wpcf7-f623-o1 form input[type=submit] {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.222rem;
  font-weight: 700;
  line-height: 0.9em;
  color: #000;
  background-color: #FFF;
  padding: 15px 25px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  margin-bottom: 30px;
  width: 250px;
  transition: all 0.3s ease-in-out;
}
.tpl--home-customers #wpcf7-f623-o1 form input[type=submit]:hover {
  color: #FFF;
  background-color: #000;
}
.tpl--home-customers #wpcf7-f623-o1 form .wpcf7-response-output {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.4em;
  padding: 0.75rem 1rem;
  margin: 0;
}
.tpl--home-customers #wpcf7-f623-o1 .invalid .wpcf7-response-output {
  border-color: #cd0d48;
  color: #cd0d48;
}
.tpl--home-customers #wpcf7-f623-o1 .sent .wpcf7-response-output {
  border-color: #1fadb3;
  color: #1fadb3;
}
.tpl--home-customers ::-webkit-scrollbar {
  margin-left: 5px;
  width: 3px;
}
.tpl--home-customers ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8) !important;
  border-radius: 10px;
  margin-left: 5px;
}
.tpl--home-customers ::-webkit-scrollbar-thumb {
  background: rgba(31, 173, 179, 0.8) !important;
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}
.tpl--home-customers ::-webkit-scrollbar-thumb:hover {
  background: rgba(31, 173, 179, 0.4) !important;
}

.tpl--home-end {
  position: relative;
  overflow: hidden;
  display: flex !important;
  border-style: unset !important;
  border-color: unset !important;
  border-width: 0 !important;
  border: none !important;
  min-height: 100vh;
  width: auto !important;
  min-width: 100vw !important;
}
@media screen and (max-width: 1079px) {
  .tpl--home-end {
    margin-top: 90px;
    min-height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1480px) {
  .tpl--home-end {
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .tpl--home-end {
    margin-top: 75px;
    min-height: calc(100vh - 75px);
  }
}
.tpl--home-end .tpl--home-end__background-container {
  position: relative;
  content: "";
  display: block;
  width: 32.6%;
  height: auto;
  top: 0;
  left: 0;
  background: url("Img/SVG/end-bg.svg") no-repeat left center;
  background-size: cover;
}
@media screen and (max-width: 1079px) {
  .tpl--home-end .tpl--home-end__background-container {
    width: 100%;
    max-height: 550px;
    min-height: 380px;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__background-container {
    width: 50%;
  }
}
.tpl--home-end .tpl--home-end__background {
  position: absolute;
  top: 130px;
  left: 6vw;
}
@media screen and (max-width: 1079px) {
  .tpl--home-end .tpl--home-end__background {
    position: relative;
    transform: translateY(0) !important;
    height: 100vh;
    top: 30px;
    left: 30px;
    max-width: 430px;
    display: block;
    width: calc(100% - 30px);
    max-height: 70vh;
    overflow: hidden;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__background {
    width: 100%;
    height: auto;
    top: 100px;
    left: 120px;
    max-width: 83vw;
  }
}
@media screen and (min-width: 1481px) and (max-width: 1639px) {
  .tpl--home-end .tpl--home-end__background {
    left: 1vw;
  }
}
@media screen and (min-width: 1640px) and (max-width: 1920px) {
  .tpl--home-end .tpl--home-end__background {
    left: 9.5vw;
  }
}
@media screen and (min-width: 1921px) {
  .tpl--home-end .tpl--home-end__background {
    left: 13vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__background {
    max-width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-height: 800px) {
  .tpl--home-end .tpl--home-end__background {
    top: 90px;
  }
}
@media screen and (max-width: 1200px) {
  .tpl--home-end .tpl--home-end__background {
    left: 0;
    top: 0;
  }
}
.tpl--home-end .tpl--home-end__background .tpl--home-end__image__background {
  display: block;
  width: 640px;
  height: 690px;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .tpl--home-end .tpl--home-end__background .tpl--home-end__image__background {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1200px) {
  .tpl--home-end .tpl--home-end__background .tpl--home-end__image__background {
    display: block;
    width: 85%;
    height: 100%;
    object-fit: cover;
    margin-top: 95px;
    margin-left: 12vw;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__background .tpl--home-end__image__background {
    margin-left: 0;
    width: 500px;
    height: auto;
  }
}
.tpl--home-end .tpl--home-end__person__imagewrp {
  position: absolute;
  bottom: 0;
  max-height: 70vh;
  max-width: 30vw;
}
@media screen and (max-width: 480px) {
  .tpl--home-end .tpl--home-end__person__imagewrp {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__person__imagewrp {
    max-width: 33vw;
  }
}
.tpl--home-end .tpl--home-end__person__imagewrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tpl--home-end .tpl--home-end__main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  height: 100%;
  padding: 100px 5vw 100px 8vw;
  flex-grow: 1;
}
@media screen and (max-width: 1079px) {
  .tpl--home-end .tpl--home-end__main {
    position: relative;
    width: calc(100% - 36px);
    margin-left: 36px;
    margin-top: -140px;
    min-width: unset;
    bottom: unset;
    top: unset;
    left: 0;
    transform: translateY(0%) !important;
    padding: 30px 30px 100px;
    flex-grow: 1;
    background-color: #FFF;
    z-index: 5;
    overflow-y: auto;
    height: auto;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1200px) {
  .tpl--home-end .tpl--home-end__main {
    position: relative;
    width: 50%;
    min-width: unset;
    bottom: unset;
    top: unset;
    left: 0;
    transform: translateY(0%) !important;
    padding: 90px 70px 90px 70px;
    flex-grow: 1;
    z-index: 5;
    overflow-y: auto;
    height: auto;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__main {
    padding: 90px 70px 90px 150px;
    width: 70%;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__main {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1481px) {
  .tpl--home-end .tpl--home-end__main {
    height: max-content;
    align-self: center;
    z-index: 10;
  }
}
.tpl--home-end .tpl--home-end__textwrp {
  display: block;
  position: relative;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__textwrp {
    align-self: flex-start;
  }
}
.tpl--home-end .tpl--home-end__textwrp h2 {
  font-family: "Effra Trial XBold";
  font-weight: 800;
  font-size: 4.722rem;
  line-height: 1.05em;
  max-width: 1000px;
  margin-bottom: 40px;
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__textwrp h2 {
    font-size: 1.667rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__textwrp h2 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tpl--home-end .tpl--home-end__textwrp h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__textwrp h2 {
    font-size: 3.3rem;
  }
}
.tpl--home-end .tpl--home-end__textwrp p {
  font-size: 1.222rem;
  line-height: 1.5em;
  max-width: 550px;
  margin-left: 7.5vw;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__textwrp p {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__textwrp p {
    margin-left: 0;
  }
}
.tpl--home-end .tpl--home-end__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 7.5vw;
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list {
    margin-left: 0;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list li:nth-child(1) {
    order: 3;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list li:nth-child(2) {
    order: 1;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list li:nth-child(3) {
    order: 2;
    margin-right: 10px;
  }
}
.tpl--home-end .tpl--home-end__list-item {
  display: flex;
  flex-direction: row;
  margin-right: 30px;
  margin-bottom: 20px;
}
.tpl--home-end .tpl--home-end__list-item a, .tpl--home-end .tpl--home-end__list-item button {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.111rem;
  font-weight: 800;
  line-height: 0.9em;
  color: #000;
  text-align: center;
  background-color: #FFF;
  padding: 18px 30px;
  min-width: 265px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list-item a, .tpl--home-end .tpl--home-end__list-item button {
    padding: 20px;
    font-size: 1rem;
    min-width: 200px;
  }
}
.tpl--home-end .tpl--home-end__list-item a span, .tpl--home-end .tpl--home-end__list-item button span {
  font-family: "Effra Trial";
  font-size: 1.111rem;
  font-weight: 800;
  line-height: 0.9em;
  color: #000;
  display: block;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list-item a span, .tpl--home-end .tpl--home-end__list-item button span {
    font-size: 1rem;
  }
}
.tpl--home-end .tpl--home-end__list-item a:after, .tpl--home-end .tpl--home-end__list-item button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  left: -101%;
  transition: left 0.3s ease-in-out;
}
.tpl--home-end .tpl--home-end__list-item a:hover, .tpl--home-end .tpl--home-end__list-item button:hover {
  color: #FFF;
}
.tpl--home-end .tpl--home-end__list-item a:hover span, .tpl--home-end .tpl--home-end__list-item button:hover span {
  color: #FFF;
}
.tpl--home-end .tpl--home-end__list-item a:hover:after, .tpl--home-end .tpl--home-end__list-item button:hover:after {
  left: 0;
}
.tpl--home-end .tpl--home-end__list-item button {
  color: #000;
  text-align: center;
  background-color: #FFF;
  padding: 20px 30px;
  width: 260px;
  box-sizing: border-box;
  border: 3px solid #1fadb3;
  margin-right: 0;
  color: #1fadb3;
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__list-item button {
    font-size: 1rem;
    width: 200px;
    padding: 20px;
    margin-right: 0;
  }
}
.tpl--home-end .tpl--home-end__list-item button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #1fadb3;
  left: -101%;
  transition: left 0.3s ease-in-out;
}
.tpl--home-end .tpl--home-end__list-item button span {
  color: #1fadb3;
  display: block;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease-in-out;
}
.tpl--home-end .tpl--home-end__list-item button:hover {
  color: #FFF;
}
.tpl--home-end .tpl--home-end__list-item button:hover span {
  color: #FFF;
}
.tpl--home-end .tpl--home-end__list-item button:hover:after {
  left: 0;
}
.tpl--home-end .tpl--home-end__signature {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  margin-left: 7.5vw;
}
@media screen and (max-width: 1480px) {
  .tpl--home-end .tpl--home-end__signature {
    margin-left: 0;
  }
}
@keyframes stroke {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.tpl--home-end .tpl--home-end__signature svg {
  position: relative;
  display: block;
  width: 110px;
  height: auto;
  margin-bottom: 20px;
  box-sizing: border-box;
  z-index: 2;
}
.tpl--home-end .tpl--home-end__signature svg path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke: #000;
  animation: stroke linear forwards paused;
}
.tpl--home-end .tpl--home-end__signature svg path:nth-of-type(1) {
  animation-duration: 0.75s;
  animation-delay: 0.5s;
}
.tpl--home-end .tpl--home-end__signature svg path:nth-of-type(2) {
  animation-delay: 1s;
  animation-duration: 1s;
}
.tpl--home-end .start-animation svg path {
  animation-play-state: running;
}
.tpl--home-end .tpl--home-end__signature__name {
  display: flex;
  flex-direction: column;
  font-family: "Effra Trial";
  font-size: 1.222rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.tpl--home-end .tpl--home-end__signature__name span {
  font-size: 0.8rem;
  line-height: 1.4em;
  display: inline-block;
  margin-top: 3px;
}
.tpl--home-end button {
  background-color: transparent;
}
.tpl--home-end button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  left: -101%;
  transition: left 0.3s ease-in-out;
}
.tpl--home-end button span {
  font-size: 1.111rem;
  color: #000;
  display: block;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease-in-out;
}
.tpl--home-end button:hover {
  color: #FFF;
}
.tpl--home-end button:hover span {
  color: #FFF;
}
.tpl--home-end button:hover:after {
  left: 0;
}
.tpl--home-end .tpl--home-end__mail-popup {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: right 0.2s ease-in-out;
  backdrop-filter: blur(5px);
}
.tpl--home-end .tpl--home-end__mail-popup--active {
  right: 0;
  z-index: 20;
}
.tpl--home-end .tpl--home-end__mail-popup-container {
  position: relative;
  padding: 100px 65px 80px;
  width: 100%;
  max-width: 660px;
  background-color: #FFF;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__mail-popup-container {
    padding: 20px 30px 80px;
  }
}
.tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 115px;
  right: 38px;
  padding: 0;
  border: none;
  background-color: transparent;
  width: max-content;
  min-width: max-content;
  font-family: "Effra Trial";
  font-weight: 700;
  font-size: 0.889rem;
  color: #000;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn {
    top: 32px;
    right: 30px;
  }
}
.tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn svg #Rechteck_5813, .tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn svg #Rechteck_5926 {
  transition: fill 0.3s ease-in-out;
}
.tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn:hover svg #Rechteck_5813 {
  fill: #cd0d48;
}
.tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn:hover svg #Rechteck_5926 {
  fill: #1fadb3;
}
.tpl--home-end .tpl--home-end__mail-popup-container .closeMessageBtn:after {
  display: none;
}
.tpl--home-end #wpcf7-f334-o2 form {
  display: flex;
  flex-direction: column;
}
.tpl--home-end #wpcf7-f334-o2 form h2 {
  display: inline-block;
  font-family: "Effra Trial";
  font-size: 1.444rem;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 25px;
  padding: 0;
  color: #000;
  border: none;
}
.tpl--home-end #wpcf7-f334-o2 form label {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.tpl--home-end #wpcf7-f334-o2 form label .label-text {
  font-family: "Effra Trial";
  font-size: 1.1rem;
  line-height: 1.5em;
  font-weight: 400;
  opacity: 0.6;
}
.tpl--home-end #wpcf7-f334-o2 form label .required {
  font-size: 0.9rem;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap input {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  width: 100%;
  color: #000;
  border: 1px solid #C4C4C4;
  transition: border 0.3s ease-in-out;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap textarea {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 0.9em;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  color: #000;
  border: 1px solid #C4C4C4;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap .wpcf7-not-valid {
  border: 1px solid #cd0d48;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #cd0d48;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] .wpcf7-list-item {
  margin-left: 0;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] .wpcf7-acceptance {
  display: inline-block;
  width: 100%;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label {
  display: flex;
  flex-direction: row;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  cursor: pointer;
  z-index: 2;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  position: relative;
  padding-left: 35px;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #000;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label a:hover {
  opacity: 0.6;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label .wpcf7-list-item-label:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  border: 2px solid #000;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:hover + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
}
.tpl--home-end #wpcf7-f334-o2 form label .wpcf7-form-control-wrap[Data-name=acceptance-194] label input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  background-color: #000;
  border: 2px solid #000;
  box-shadow: inset 0 0 0 2px #FFF;
}
.tpl--home-end #wpcf7-f334-o2 form input[type=submit] {
  position: relative;
  font-family: "Effra Trial";
  font-size: 1.222rem;
  font-weight: 700;
  line-height: 0.9em;
  color: #000;
  background-color: #FFF;
  padding: 15px 25px;
  box-sizing: border-box;
  border: 3px solid #000;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out;
  width: 250px;
}
.tpl--home-end #wpcf7-f334-o2 form input[type=submit]:hover {
  color: #FFF;
  background-color: #000;
}
.tpl--home-end #wpcf7-f334-o2 form .wpcf7-response-output {
  font-family: "Effra Trial";
  font-size: 0.9rem;
  line-height: 1.4em;
  padding: 0.75rem 1rem;
  margin: 0;
}
.tpl--home-end #wpcf7-f334-o2 form .wpcf7-spinner {
  display: none;
}
.tpl--home-end #wpcf7-f334-o2 .invalid .wpcf7-response-output {
  border-color: #cd0d48;
  color: #cd0d48;
}
.tpl--home-end #wpcf7-f334-o2 .sent .wpcf7-response-output {
  border-color: #1fadb3;
  color: #1fadb3;
}
.tpl--home-end .home-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  right: 50px;
  bottom: 30px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
  z-index: 25;
}
@media screen and (max-width: 1279px) {
  .tpl--home-end .home-link {
    display: none;
  }
}
.tpl--home-end .home-link:hover {
  opacity: 0.6;
}
.tpl--home-end .home-link a {
  font-family: "Effra Trial";
  font-size: 0.833rem;
  font-weight: 700;
}
.tpl--home-end .home-link svg {
  margin-left: 10px;
}
.tpl--home-end .tpl--footer__logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  margin-top: auto;
}
@media screen and (min-width: 1201px) {
  .tpl--home-end .tpl--footer__logo {
    position: absolute;
    bottom: 0;
  }
}
.tpl--home-end .tpl--footer__logo svg {
  display: block;
  width: auto;
  height: 75px;
  margin-left: 10px;
}
.tpl--home-end .tpl--footer__logo svg path {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.tpl--home-end .tpl--footer__logo svg rect {
  transition: fill 0.3s ease-in-out;
}
.tpl--home-end .tpl--footer__logo svg #left {
  fill: #1fadb3;
}
.tpl--home-end .tpl--footer__logo svg #middle {
  fill: #000;
}
.tpl--home-end .tpl--footer__logo svg #right {
  fill: #cd0d48;
}
.tpl--home-end .tpl--footer__logo:hover path {
  opacity: 0.6;
}
.tpl--home-end .tpl--footer__logo:hover svg #left {
  fill: #cd0d48;
}
.tpl--home-end .tpl--footer__logo:hover svg #middle {
  fill: #1fadb3;
}
.tpl--home-end .tpl--footer__logo:hover svg #right {
  fill: #000;
}

/*# sourceMappingURL=style.css.map */