/* Add here all your CSS customizations */

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact.eot');
    src: url('fonts/Impact.eot?#iefix') format('embedded-opentype'),
        url('fonts/Impact.woff2') format('woff2'),
        url('fonts/Impact.woff') format('woff'),
        url('fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.impact {font-family: 'Impact';}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
    font-size: 1.2rem;
    font-weight: 800;}
}

.titelbild1 {width:500px !important; height: auto !important;}

@media (max-width: 576px) {
.titelbild, .titelbild1 {width:400px !important; height: auto !important;}
}


html #header.header-transparent .header-body::before {
  background-color: #090a0b;
}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
    color: #fff;
  }
}

#header .header-btn-collapse-nav.collapsed .close span {
  opacity:0;
}

#header .header-btn-collapse-nav.collapsed .close span {
	width: 0;
}

html.sticky-header-active #header .header-btn-collapse-nav-light.on-sticky-dark .hamburguer span, 
html.sticky-header-active #header .header-btn-collapse-nav-light.on-sticky-dark .close span {
  background-color: #fff;
}

@media (max-width: 991px) {
  #header .header-nav-main::before {

    background-color: #090a0b;

  }
}