/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/inter-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/inter-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'Inter', sans-serif;
  

}

#header .header-btn-collapse-nav {
    color: var(--primary);
    background: none;
}
#header .header-logo img {
    max-width: 300px;
}

@media (max-width: 991px) {

    #header .header-logo img {
        max-width: 220px;
    }

    #header .header-nav-main nav > ul > li > a {
        text-transform: none;
        font-weight: 300;
        margin-top: 1px;
        margin-bottom: 1px;
        color: #444;
        font-size: 18px;
    }
    #header .header-nav-main nav > ul > li > a:hover,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover  {
        color: var(--primary);
        background: none;

    }
    #header .header-nav-main nav > ul li {
        border-bottom: none;
   
        text-align: center;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: none;
        color: var(--primary) !important;
    }

  
    .underwrap {
        margin: 0 0 0 8px;
    }
}

/* Flexbox-Container */
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* Hauptinhalt: wächst, um Platz zu füllen */
.main {
  flex: 1;
  padding: 20px;
}



p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
}

ul li {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
}

h1,.h1 {
    font-size: 29px;
    line-height: 41px;
    letter-spacing: 3px;
    color: var(--primary);
    font-weight: 200;
}

h2,.h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary);
    margin: 15px 0 15px 0;
}

p+h2 {
    margin-top: 50px;
}


.main ul li:before {
    content: '>';
    font-size: 14px;
    margin: 0 15px 0 -25px;
}

.main ul {
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0;
}


@media (min-width: 992px) and (min-width: 1200px) {
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
        padding: 0 2rem;
    }
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        color: var(--primary);
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        letter-spacing: 1.5px;
        flex-direction: column !important;
    }
}


#mainNav>li>a:hover span, 
#mainNav>li>a.active span {
    display: block;
    width: 15px;
    margin: 5px auto 0 auto;
    border-top: 1px solid var(--primary);
}

#mainNav>li>a span {
    display: block;
    width: 15px;
    margin: 5px auto 0 auto;
    border-top: 1px solid transparent;
}

@media only screen and (min-width: 768px) {
    #mainNav li a:hover, 
    #mainNav li a.active, 
    #mainNav li a:focus {
        color: var(--primary);
    }
}