@font-face{
    font-family:'DINOT';
    src:url('../fonts/DINOT.eot');
    src:url('../fonts/DINOT.eot') format('embedded-opentype'),
    url('../fonts/DINOT.woff2') format('woff2'),
    url('../fonts/DINOT.woff') format('woff'),
    url('../fonts/DINOT.ttf') format('truetype');
    font-weight:normal;
    font-style:normal}

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

@font-face{
    font-family:'DINOT';
    src:url('../fonts/DINOT-Bold.eot');
    src:url('../fonts/DINOT-Bold.eot') format('embedded-opentype'),
    url('../fonts/DINOT-Bold.woff2') format('woff2'),
    url('../fonts/DINOT-Bold.woff') format('woff'),
    url('../fonts/DINOT-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal}


.font-family-bold {
    font-family:'DINOT-Bold'!important;
    font-style: normal;
    font-weight:bold;
}

.font-family-medium  {
    font-family:'DINOT-Medium'!important;
    font-style: normal;
    font-weight:500;
}

.font-family-regular {
    font-family:'DINOT'!important;
    font-style: normal;
}
#offcanvas-toggler > .fa {
  color: #fff !important;
}

.opus-top-search {display: none}
body, .sp-preloader {
  color: #161616!important;
}

body.transparent-header2 #sp-header {
    position: absolute !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #8F8F8F !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #161616 !important;
}

body.transparent-header2 #sp-header::before {
    opacity: 0!important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  display: block !important;
}


body, p, h1, h2, h3, h4, h5, span, a {font-family: 'DINOT', sans-serif !important;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .fa {font-family:"Font Awesome 5 Free" !important;}

.sp-megamenu-parent > li > a {
  color: #fff!important;
}
.sp-megamenu-parent > li > a:hover {
  color: #fff!important;
}

body .transparent-header #sp-header.header-sticky {
    background: #161616 !important;
    background-color: #161616 !important;
    background-image: none !important;
}

#sp-menu > div {
    position: relative;
    top: 55%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Diese Regel überschreibt den Header im normalen UND im klebrigen Zustand */
body.transparent-header #sp-header.header-sticky {
    background-color: #161616 !important;
    background: #161616 !important;
    position: fixed !important; 
}

body #sp-header.header-sticky {
    background-color: #161616 !important;
    background: #161616 !important;
    position: fixed !important; 
}
@media (max-width: 768px) {
    body.transparent-header #sp-header {
        position: relative;
            background-color: #161616!important;
    }
  
}
#sp-header::before {
    background-color: #161616;
  background-image: none !important;

}