html {
  font-size: 10px;
}
@media (min-width: 1920px) {
  html {
    font-size: calc(100vw / 192);
  }
}
body, .fl-builder-content, .fl-page-content {
  background-color: #f4f4f4;
}
.fl-row .fl-row-content-wrap .fl-row-content {
  max-width: calc(100vw - 4.8rem);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .fl-row .fl-row-content-wrap .fl-row-content {
    max-width: calc(100vw - 9.6rem);
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .fl-row .fl-row-content-wrap .fl-row-content {
    max-width: calc(100vw - 19.2rem);
  }
}
@media (min-width: 1801px) {
  .fl-row .fl-row-content-wrap .fl-row-content {
    max-width: 74.6vw;
  }
}
/*
########################################################################################################################
 Fonts  ################################################################################################################
########################################################################################################################
*/
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat Regular"), url(/wp-content/fonts/Montserrat-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat Medium"), url(/wp-content/fonts/Montserrat-Medium.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat Bold"), local("Montserrat Bold"), url(/wp-content/fonts/Montserrat-Bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat Black"), local("Montserrat Black"), url(/wp-content/fonts/Montserrat-Black.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1 {
  font-size: 2.8rem;
  font-weight: 800;
}
@media (min-width: 768px) {
  h1 {
    font-size: 6.4rem;
  }
}
h2 {
  font-size: 2.2rem;
  font-weight: 800;
}
@media (min-width: 768px) {
  h2 {
    font-size: 4.8rem;
  }
}
h3 {
  font-size: 1.6rem;
  font-weight: 800;
}
@media (min-width: 768px) {
  h3 {
    font-size: 3.2rem;
  }
}
h4 {
  font-size: 1.4rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  h4 {
    font-size: 2.8rem;
  }
}
h5 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1.8rem;
  }
}
h6 {
  font-size: 1.2rem;
}
p, li {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #1c1c1c;
}
@media (min-width: 768px) {
  p, li {
    font-size: 1.8rem;
  }
}
a {
  color: #0099BC;
  transition: 0.2s ease-in-out;
}
a:hover, a:active, a:focus {
  color: #007793;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Montserrat", sans-serif;
}
h1 .cd-primary, h2 .cd-primary, h3 .cd-primary, h4 .cd-primary, h5 .cd-primary, h6 .cd-primary, p .cd-primary, a .cd-primary {
  color: #007793;
}
h1 .cd-secondary, h2 .cd-secondary, h3 .cd-secondary, h4 .cd-secondary, h5 .cd-secondary, h6 .cd-secondary, p .cd-secondary, a .cd-secondary {
  color: #0099BC;
}
h1, h2 {
  line-height: 1.2em;
  color: #1c1c1c;
}
h1 .cd-primary, h2 .cd-primary {
  color: #007793;
}
h3, h4, h5, h6 {
  line-height: 1.4em;
  color: #1c1c1c;
}
h3 .cd-primary, h4 .cd-primary, h5 .cd-primary, h6 .cd-primary {
  color: #007793;
}
.cd-dark h1, .cd-dark h2, .cd-dark h3, .cd-dark h4, .cd-dark h5, .cd-dark h6, .cd-dark p, .cd-dark a {
  color: #f4f4f4;
}
.cd-dark h1 .cd-primary, .cd-dark h2 .cd-primary, .cd-dark h3 .cd-primary, .cd-dark h4 .cd-primary, .cd-dark h5 .cd-primary, .cd-dark h6 .cd-primary, .cd-dark p .cd-primary, .cd-dark a .cd-primary {
  color: #0099BC;
}
/*
########################################################################################################################
 Button  ###############################################################################################################
########################################################################################################################
*/
.cd-button {
  width: 100%;
}
@media (min-width: 768px) {
  .cd-button {
    width: fit-content;
  }
}
.cd-button a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
  color: #f4f4f4;
  background: linear-gradient(#0090b2 0%, #007793 75%, #007793 100%);
  border: none;
  border-radius: 0.8rem;
  margin-top: 3.2rem;
  padding: 2rem 2.4rem 1.7rem 2.4rem;
  transition: 0.2s ease-in-out;
  width: 100%;
}
@media (min-width: 768px) {
  .cd-button a {
    font-size: 1.8rem;
    margin-top: 3.2rem;
    padding: 2rem 2.8rem 1.9rem 2.8rem;
  }
}
@media (min-width: 1200px) {
  .cd-button a {
    text-align: left;
    width: auto;
  }
}
.cd-button a .fl-button-text {
  color: #f4f4f4;
  transition: 0.2s ease-in-out;
}
.cd-button a:hover {
  color: #f4f4f4;
  background: linear-gradient(#007793 0%, #007793 75%, #007793 100%);
}
.cd-button a:hover .fl-button-text {
  color: #f4f4f4;
}
.cd-button p.cd-button-zusatz {
  width: 100%;
  margin-block: 0.6rem 0;
  font-size: 1.2rem;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #666666;
}
@media (min-width: 768px) {
  .cd-button p.cd-button-zusatz {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .visible-on-mobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-on-mobile {
    display: none !important;
  }
}
.fl-col-small:not(.fl-col-small-full-width) {
  max-width: 100%;
}