.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  width: 100%;
}





@media (min-width: 992px)
{
  
#sppb-addon-1554116354754 {
  background-color: #f18700;
  height: 400px;
}
#sppb-addon-1554105126656 {
  background-color: #0069b4;
    height: 400px;
}

#sppb-addon-1554116354981 {
  background-color: #00933a;
    height: 400px;
}
#sppb-addon-1554117394388 {
  background-color: #778186;
    height: 400px;
}


#sppb-addon-1600155178426 {
  background-color: #0069b4;
  height: 200px;
}
#sppb-addon-1600155178429 {
  background-color: #0069b4;
    height: 200px;
}
#sppb-addon-1600269387984 {
  background-color: #0069b4;
  height: 215px;
}
#sppb-addon-1600269935318 {
  background-color: #0069b4;
  height: 215px;
}
#sppb-addon-1600269935358 {
  background-color: #0069b4;
    height: 215px;
}
#sppb-addon-1600269935396 {
  background-color: #0069b4;
    height: 215px;
}
#sppb-addon-1600350955269 {
  background-color: #f18700;
  height: 392px;
}
#sppb-addon-1600350955267 {
  background-color: #0069b4;
    height: 392px;
}
#sppb-addon-1600350955271 {
  background-color: #00933a;
    height: 392px;
}
#sppb-addon-1600350955273 {
  background-color: #778186;
    height: 392px;
}}




.sppb-flipbox-panel .flip-box .flip-box-inner {
  position: relative;
  top: -45%;
}


.fa, .fas, [class^="icon-"], [class*=" icon-"] {
  font-family: "Font Awesome 5 Free" !important;
}
.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
}

#sp-menu .sp-module {
  margin-top: 0px !important;
}

#sp-menu .jmm-social.default {
  max-height: 1px !important;
  position: relative;
left: 230px;
top: -25px;
}

#sp-menu .jmm-social.default .jmm-list li {
  max-width: 35px;
}

#sp-menu [class^="icon-"], [class*=" icon-"] {

  position: relative;
}

.jmm-social.default {
  text-align: left!important;
}


@media (max-width: 569px)
{
  #column-wrap-id-1549351849342 {
  max-width: 100%;
  flex-basis: 100%;
  margin-top: 25px;
} 
#sp-menu .jmm-social.default .jmm-list li {
  max-width: 30px!important;
}
  
 
.jmm-social.default .jmm-list li {

  margin: 0px!important;
}



#sp-menu .jmm-social.default .jmm-list li {

    max-width: 32px;

}
#sp-menu .jmm-social.default .jmm-list li {

    max-width: 35px;

}
.jmm-social.default .jmm-list li {

    display: inline-block;
    vertical-align: top;
    margin: 0px;

} 
  
  #sp-menu .jmm-social.default {

left: 80px;
    top:-20px;

}

}

@media (max-width: 991px)
{
  
    .Sprachauswahl {
    margin-top: 0px;
    position: absolute;
    left: 30px;
    top: 0px;
    z-index: 99999;
    }

  #offcanvas-toggler {
  top: 60px;
  position: relative;
  line-height: 0px;
  left: -22px !important;
  margin: 0 !important;
}
  
  
.menu-search-wrapper {
  top: 45px !important;
  left: 53px !important;
}
    
}
.lang-inline > li {
    float: right;
    margin-right: 3px;
}

#offcanvas-toggler {
    float: none;
}

.lang-active {
    float: left !important;
}




.Sprachauswahl {
margin-top: 0px;
position: relative;
left: 0px;
top: 15px;  
width: 65px;
}
.sp-module ul > li {
    border: none !important;
}
#sp-header .logo img {

  width: 183px;
  min-width: 183px;
  max-width: 183px;
}


.sp-megamenu-parent {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 100%;
}

.sp-module ul > li > a {

    float: left;
padding-right: 10px;
}
.sp-module ul > li > a::before {
  display: none;
}
.Sprachauswahl a {
    color: #ccc !important;
}
.Sprachauswahl .sp-module-title {
display:none;
}
.lang-active a {
    color: #f18844 !important;
}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a :hover {

    background-color: #f18700!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {

    background-color: #f18700!important;
}


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






#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}

#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}



#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}




body, * {font-family: 'DINOT', sans-serif !important;}

.fa, .far{font: normal normal normal 14px/1 !important;}

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a,
a, a:link, a:active, a:hover { color: #f18700; }
.h3, h3 {margin-top: 15px;}

.breadcrumb {background-color:transparent;margin-bottom:0;}

.link_white a, .link_white a:link, .link_white a:hover, .link_white a:visited {color: #fff;}

.flip-box-inner h2 {margin-top:0 !important;}

.flip-top-right .sppb-flipbox-panel .sppb-flipbox-front .flip-box-inner {
    vertical-align: top;
    text-align: right;
}

.flip-top-left .sppb-flipbox-panel .sppb-flipbox-front .flip-box-inner {
    vertical-align: top;
    text-align: left;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {padding-left:0px;padding-right:25px;line-height: 0px;margin-bottom: -36px;}

body.itemid-253 header#sp-header {position: fixed;box-shadow: 0 10px 10px rgba(0,0,0,0.05) !important;}
.nav-placeholder {height: 0px !important;}
/*body.itemid-253 header#sp-header {position: fixed;transition:background-color 0.8s;background-color: rgba(255,255,255,0);box-shadow: none !important;}
body.itemid-253.affix-active header#sp-header {transition:background-color 0.8s;background-color: rgba(255,255,255,1);}
body.itemid-253 header#sp-header .logo .sp-default-logo.hidden-xs {display: none !important;}
body.itemid-253 header#sp-header .logo .sp-default-logo.visible-xs {display: block !important;-webkit-animation: fadeInFromNone 0.5s ease-out;-moz-animation: fadeInFromNone 0.5s ease-out;-o-animation: fadeInFromNone 0.5s ease-out;animation: fadeInFromNone 0.5s ease-out;}
body.itemid-253.affix-active header#sp-header .logo .sp-default-logo.hidden-xs {display: block !important;-webkit-animation: fadeInFromNone 0.5s ease-out;-moz-animation: fadeInFromNone 0.5s ease-out;-o-animation: fadeInFromNone 0.5s ease-out;animation: fadeInFromNone 0.5s ease-out;}
body.itemid-253.affix-active header#sp-header .logo .sp-default-logo.visible-xs {display: none !important;}

body.itemid-253 header #sp-menu > * {display:none;}
body.itemid-253.com-sppagebuilder #sp-main-body {position: absolute !important;top:0 !important;width:100% !important;}*/

.sp-megamenu-parent {float: left !important;}
#sp-header .logo {float: right !important;}
#offcanvas-toggler {float: left;}

.menu-search-wrapper {float: left;position: absolute;top: 10px;left: 100px;z-index: 100;  max-width:100px!important;}
.menu-search-wrapper form .mod-finder-seachopener {display: inline-block;line-height: 34px;position: relative;
left: -10px;
top: 10px; }
.element-invisible {display: none !important;}
.mod-finder-seachwrapper {
    display: none;
  z-index: 1000;
width: 120px;
float: right;
top: 5px;
position: relative;
}
.mod-finder-seachwrapper input {
    width: -webkit-calc(100% - 20px);
    width:    -moz-calc(100% - 20px);
    width:         calc(100% - 20px);
}

body.com-finder {height: 100%;background-color: #ebebec;}

@media (min-width: 992px)
{
    body.itemid-253 header#sp-header .logo .sp-default-logo.visible-xs {margin-top:90px;}
    .logo {margin-left: 80px !important;}
}

@media (max-width: 767px)
{
    .menu-search-wrapper {
        left: 52px;
        top: 28px;
    }
}




@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}