@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Inter-Thin-BETA.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Thin-BETA.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Inter-ExtraLight-BETA.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-ExtraLight-BETA.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter-Light-BETA.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Light-BETA.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Regular.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Medium.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-SemiBold.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Bold.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Inter-ExtraBold.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-ExtraBold.woff?v=3.11") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Inter-Black.woff2?v=3.11") format("woff2"),
       url("../fonts/Inter-Black.woff?v=3.11") format("woff");
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/Metropolis-Thin.woff2") format("woff2"), url("../fonts/Metropolis-Thin.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/Metropolis-ExtraLight.woff2") format("woff2"), url("../fonts/Metropolis-ExtraLight.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Metropolis-Light.woff2") format("woff2"), url("../fonts/Metropolis-Light.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Metropolis-Regular.woff2") format("woff2"), url("../fonts/Metropolis-Regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Metropolis-Medium.woff2") format("woff2"), url("../fonts/Metropolis-Medium.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Metropolis-SemiBold.woff2") format("woff2"), url("../fonts/Metropolis-SemiBold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Metropolis-Bold.woff2") format("woff2"), url("../fonts/Metropolis-Bold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Metropolis-ExtraBold.woff2") format("woff2"), url("../fonts/Metropolis-ExtraBold.woff") format("woff")
}
@font-face {
    font-display: swap;
    font-family: Metropolis;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/Metropolis-Black.woff2") format("woff2"), url("../fonts/Metropolis-Black.woff") format("woff")
}


body {
  font-family: "Inter", sans-serif;
}

h1, .h1, h1.awesome, .h1.awesome, .carousel .h1 {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
}

h2, .h2, h2.awesome, .h2.awesome, .carousel .h2 {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
}

h3, .h3, h3.awesome, .h3.awesome, .carousel .h3 {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
}

h4, .h4, h4.awesome, .h4.awesome, .carousel .h4 {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
}

/* frame-layout-11 --> Light Font */
.frame-layout-11 h1, .frame-layout-11 .h1,
.frame-layout-11 h2, .frame-layout-11 .h2,
.frame-layout-11 h3, .frame-layout-11 .h3,
.frame-layout-11 h4, .frame-layout-11 .h4 {
  font-weight: 200;
}

/* frame Größen */
.frame.frame-small-frame {
  padding-top: 1em;
  padding-bottom: 1em;
}
.container .frame-has-backgroundimage.frame-small-frame, .container .frame-background-primary.frame-small-frame, .container .frame-background-secondary.frame-small-frame, .container .frame-background-light.frame-small-frame, .container .frame-background-dark.frame-small-frame {
  padding-left:2em;
  padding-right: 2em;
}

.navbar-mainnavigation .navbar-brand-image img {
    max-height: 80%;
}
.navbar-mainnavigation  .navbar-nav {
  font-family: "Metropolis", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.breadcrumb-section ol.breadcrumb li.breadcrumb-item:first-child {
  display: none;
}
.breadcrumb-section ol.breadcrumb li.breadcrumb-item:nth-child(2) {
  padding-left: 0;
}
.breadcrumb-section ol.breadcrumb li.breadcrumb-item:nth-child(2):before {
  display: none;
}

footer {
  font-weight: 200;
  margin-top: 80px;
}

footer .footer-section-content a:not(.btn),
footer .footer-section-content a:not(.btn):hover {
  color: #d93c6a;
}
footer .footer-section-content ul {
  list-style: none;
}

time {
    color: #d11149;
}


@media (max-width: 767px) {

  .navbar-mainnavigation .navbar-brand-image img {
    max-height: 70%;
  }
}


.btn, .cc-btn {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.card {
    border-radius: 0;
}