@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")
}


html * {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.01rem;
}

h1, h2, .h1, .h2,
h1.awesome, .h1.awesome,
h2.awesome, .h2.awesome,
.carousel .h1, .carousel .h2 {
    font-weight: 700;
    font-family: 'Metropolis', sans-serif;
    letter-spacing: -0.05rem;
}
h3, .h3 {
    font-weight: 700;
    font-family: 'Metropolis', sans-serif;
    letter-spacing: -0.05rem;
}


nav .nav-link-text {
  font-family: 'Metropolis', serif;
  font-weight: 500;
  letter-spacing: -0.01rem;
}
.navbar-mainnavigation .navbar-nav > li.active > .nav-link::before {
    opacity: 0.8;
}
/* Animation Sticky Navbar */
.navbar-mainnavigation .navbar-brand {
    transition: height 0.2s ease-out;
}

.carousel .h2 {
  font-weight: 200;
}
.carousel .h3 {
  font-weight: 200;
}

.kunden-carousel .item img {
   height: 120px;
}
.kunden-carousel .owl-dots.disabled {
   display: block;
}

.timeline .timeline-item-date {
  display: none;
}

footer {
  margin-top: 90px;
}
footer ul {
  list-style: none;
  padding-left: 0;
}
footer .footer-section-content a:not(.btn) {
    color: #E16873;
}
footer .footer-section-meta .frame {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    color: #ccc;
}

blockquote {
    border-left: 2px solid #bf1e2e;
}
blockquote footer {
    color: #a9acae;
}

.bg-darkgrey {
    background-color: #4e5155;
}

.icongroup.icongroup-align-center .icongroup-item-text {
    text-align: center;
}

/* page 100: Webhosting */
.page-100 #c231 .frame-backgroundimage,
.page-100 #c787 .frame-backgroundimage {
  	background-repeat: repeat;
    background-size: auto;
}

ul.bullet-list {
  list-style-type: none;
  padding-left: 0px;
}
ul.bullet-list li {
  padding-bottom: 10px;
}
ul.bullet-list li p {
  padding-top: 8px;
  padding-left: 10px;
  overflow-y: hidden;
}
ul.bullet-list .fa-stack {
  color: #bf1e2e;
  float:left;
}

.btn, .cc-btn {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.card, .card > *:first-child, .card > *:last-child {
    border-radius: 0;
}