/* ### Schriften ### */

/* --- Lora */

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: local('Lora Regular'), local('Lora-Regular'),
         url('fonts/lora/Lora-Regular.ttf') format('truetype'),  
         url('fonts/lora/Lora-Regular.woff2') format('woff2'),  
         url('fonts/lora/Lora-Regular.woff') format('woff');  
}
  
@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 400;
    src: local('Lora Italic'), local('Lora-Italic'),
         url('fonts/lora/Lora-Italic.ttf') format('truetype'),  
         url('fonts/lora/Lora-Italic.woff2') format('woff2'),  
         url('fonts/lora/Lora-Italic.woff') format('woff');  
}
  
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    src: local('Lora Bold'), local('Lora-Bold'),
         url('fonts/lora/Lora-Bold.ttf') format('truetype'),  
         url('fonts/lora/Lora-Bold.woff2') format('woff2'),  
         url('fonts/lora/Lora-Bold.woff') format('woff');  
}
  
@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 700;
    src: local('Lora BoldItalic'), local('Lora-BoldItalic'),
         url('fonts/lora/Lora-BoldItalic.ttf') format('truetype'),  
         url('fonts/lora/Lora-BoldItalic.woff2') format('woff2'),  
         url('fonts/lora/Lora-BoldItalic.woff') format('woff');  
}

/* --- Poppins */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'),
         url('fonts/poppins/Poppins-Light.ttf') format('truetype'),  
         url('fonts/poppins/Poppins-Light.woff2') format('woff2'),  
         url('fonts/poppins/Poppins-Light.woff') format('woff');  
}
  
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: local('Poppins LightItalic'), local('Poppins-LightItalic'),
            url('fonts/poppins/Poppins-LightItalic.ttf') format('truetype'),   
            url('fonts/poppins/Poppins-LightItalic.woff2') format('woff2'),   
            url('fonts/poppins/Poppins-LightItalic.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'),
            url('fonts/poppins/Poppins-Regular.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-Regular.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-Regular.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: local('Poppins Italic'), local('Poppins-Italic'),
            url('fonts/poppins/Poppins-Italic.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-Italic.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-Italic.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'),
            url('fonts/poppins/Poppins-Medium.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-Medium.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-Medium.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: local('Poppins MediumItalic'), local('Poppins-MediumItalic'),
            url('fonts/poppins/Poppins-MediumItalic.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-MediumItalic.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
            url('fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-SemiBold.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: local('Poppins SemiBoldItalic'), local('Poppins-SemiBoldItalic'),
            url('fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'),
            url('fonts/poppins/Poppins-Bold.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-Bold.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-Bold.woff') format('woff');  
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: local('Poppins BoldItalic'), local('Poppins-BoldItalic'),
            url('fonts/poppins/Poppins-BoldItalic.ttf') format('truetype'),  
            url('fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'),  
            url('fonts/poppins/Poppins-BoldItalic.woff') format('woff');  
}

/* ### Variablen ### */

:root {
    --primary: #e94737;
    --primary-300: #1e3657;
    --primary--200: #c63d2f;
    --primary-200: #EB5547;
    --primary--100: #c63d2f
}

/* ### Allgemein ### */

header { width: 100%; }

#header .header-nav.header-nav-links nav > ul li:hover > a {
    color: var(--primary) !important;
}

section.section {
    background-color: transparent;
    border-top: unset;
}

/* ### Header ### */

#header {
    position: absolute;
}

#header .header-body {
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a,
#header .header-nav-features .header-nav-top-icon {
    color: #ffffff;
}

html.sticky-header-active #header .header-body {
    box-shadow: unset;
    background-color: rgba(0,0,0,.65) !important;
}

@media only screen and (max-width: 991px) {
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a,
    #header .header-nav-features .header-nav-top-icon {
    color: var(--default) !important;
    }
}

@media only screen and (min-width: 992px) {
    #header .header-nav {
      justify-content: center;
    }

    #header .header-nav-main nav > ul > li > a {
        font-size: 16px;
        letter-spacing: normal;
    }
}

/* ### Subheader ### */

.page-header.page-header-modern.page-header-lg {
    padding: 8.5rem 0px 3rem 0;
}

.page-header.page-header-modern.page-header-xl {
    padding: 11.5rem 0 7rem 0;
}

/* ### Socials ### */

.social-icons li {
    display: flex;
}

.social-icons li a {
    width: unset;
    height: unset;
}

.social-icons li a span {
    display: inline-block;
}

.social-icons li a span:first-child {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    transition: all 0.2s ease;
    background-color: #f4f4f4;
}

.social-icons li a:hover span:first-child {
    color: var(--light) !important;
}

.social-icons li:hover a {
    color: unset !important;
}

.social-icons li:hover.social-icons-twitter a,
.social-icons li:hover.social-icons-instagram a {
    background: unset !important;
    text-decoration: none;
}

.social-icons li.social-icons-instagram a:hover span:first-child {
    background: #7c4a3a !important;
}

.social-icons li.social-icons-twitter a:hover span:first-child {
    background: #000000 !important;
}

.social-icons li:hover.social-icons-twitter a .fa-twitter::before {
    background-image: url(/img/x-logo-white.png);
}

.fa-twitter::before {
    content: '';
    background-image: url(/img/x-logo.png);
    background-size: contain;
    background-position: center;
    width: 10px;
    display: block;
    height: 10px;
}

/* ### Utilities ### */

@media only screen and (min-width: 480px) {
    .w-sm-75 {
        width: 75% !important;
    }
}

@media only screen and (min-width: 768px) {
    .w-md-75 {
        width: 75% !important;
    }
}