body,.sp-preloader{background-color:#efefef;color:#252525}
.sp-preloader>div{background:#0345BF}
.sp-preloader>div:after{background:#FFFFFF}
#sp-top-bar{background:#333333;color:#AAAAAA;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
#sp-top-bar a{color:#AAAAAA;}

#sp-header{
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);-index: 5;}
#sp-header{background:radial-gradient(circle at 50% 85%, rgb(5, 105, 229) 0%, rgb(0, 14, 38) 100%);
}
#sp-title {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 5;
}
#sp-breadcrumb {
	background-color: #efefef;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 5;
}

.breadcrumb {
    background-color: #efefef;
}

#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus{color:#0345BF}
a{color:#0345BF}
a:hover,a:focus,a:active{color:#044CD0}
.tags>li{display:inline-block}
.tags>li a{background:rgba(3, 69, 191, 0.1);color:#0345BF}
.tags>li a:hover{background:#044CD0}
.article-social-share .social-share-icon ul li a{color:#252525}
.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#0345BF}
.pager>li a{border:1px solid #ededed;color:#252525}
.sp-reading-progress-bar{background-color:#0345BF}

#modal-menu.has-bg {
    background-image: url(/images/act/bg_menu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
section#sp-menu{
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);-index: 2;}

#sp-menu {
    background: #00437a;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	z-index: 1;}

.sp-megamenu-parent>li:hover{background-color: #1696ff}
.sp-megamenu-parent>li:hover>a{color:#eee}
.sp-megamenu-parent>li>a{color:#fff}
.sp-megamenu-parent>li.active{background-color: #fff;}
.sp-megamenu-parent>li.active>a{color:#001e50}
.sp-megamenu-parent>li.active:hover>a{color:#0345BF}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#FFFFFF}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#0345BF}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#0345BF}
.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}
#offcanvas-toggler {
    height: 70px;
    line-height: 70px;
}
#offcanvas-toggler>.fa{color:#252525}
#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0345BF}
#offcanvas-toggler>.fas{color:#252525}
#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#0345BF}
#offcanvas-toggler>.far{color:#252525}
#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#0345BF}
.offcanvas-menu{background-color:#FFFFFF;color:#252525}.offcanvas-menu .offcanvas-inner a{color:#252525}
.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#0345BF}
.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#0345BF}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37, 37, 37, 0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgba(37, 37, 37, 0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgba(37, 37, 37, 0.8)}
.btn-primary,.sppb-btn-primary{border-color:#0345BF;background-color:#0345BF}
.btn-primary:hover,.sppb-btn-primary:hover{border-color:#044CD0;background-color:#044CD0}
ul.social-icons>li a:hover{color:#0345BF}

.sp-page-title{background:#1696ff}

.layout-boxed .body-innerwrapper{background:#FFFFFF}
.sp-module ul>li>a{color:#252525}
.sp-module ul>li>a:hover{color:#0345BF}
.sp-module .latestnews>div>a{color:#252525}
.sp-module .latestnews>div>a:hover{color:#0345BF}
.sp-module .tagscloud .tag-name:hover{background:#0345BF}
.search .btn-toolbar button{background:#0345BF}
#sp-bottom{background:#00437a;color:#FFFFFF}
#sp-footer {background:#222222;color:#FFFFFF; text-align: center;}
#sp-footer a,#sp-bottom a{color:#A2A2A2}
#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#FFFFFF}

#sp-footer1 div.act_footer {display: flex;}
#sp-hinweis {background:#222222;color:#FFFFFF;border-top: 1px #efefef solid}


#sp-bottom .sp-module-content .latestnews>li>a>span{color:#FFFFFF}
.sp-comingsoon body{background-color:#0345BF}.pagination>li>a,.pagination>li>span{color:#252525}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}
.pagination>.active>a,.pagination>.active>span{border-color:#0345BF;background-color:#0345BF}
.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#0345BF;background-color:#0345BF}
.error-code,.coming-soon-number{color:#0345BF}

/* eigenes css */
section#sp-logo {background-color: #fff;
	height: 70px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
div.logo {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 70px;
}
.logo-image {
    height: 70px;
}
.logo-image-phone {
    height: 35px;
}

#sp-header-topbar {
	height: 70px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

#sp-header-topbar .container-inner {
    border-bottom: 0px;
}

.burger-icon>span {
    background-color: #aaa;
}
.sp-megamenu-parent>li>a {
    padding: 0px 15px 0px 15px;
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px 0px 15px;
}
#sp-main-body {
    padding: 0;
	background-color: #ffffff;
}
h1, h2, h3, h4 {color: #001e50;}
#sp-main-body > div{
    margin: 0px;
	padding: 0px;
	width: 100%;
}
#sp-main-body > div > div{
    padding: 25px;
	background-color: #fff;
	
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 0px;
}
leaflet-marker-icon leaflet-zoom-animated leaflet-interactive
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive{
    margin-left: -12px;
    margin-top: -41px;
    width: 25px;
    height: 41px;
    transform: translate3d(430px, 300px, 0px);
    z-index: 300;
}
body > div.offcanvas-menu.border-menu.center-alignment.text-center > div.d-flex.align-items-center.p-3.pt-4{
    background-color: #00437a;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
body > div.offcanvas-menu > div.d-flex.align-items-center.p-3.pt-4{
    background-color: #00437a;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}


.marken-logos {
    display: flex;
    gap: 10px;
    align-items: center;
	text-align: end;
}

#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .sp-megamenu-wrapper {
	align-items: flex-start;
}
#modal-menu ul.sp-megamenu-parent>li:not(:last-child) {
     margin-bottom: 1px; 
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>.sp-dropdown {
    top: 0px;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 3px;
}








@media (max-width: 1199px) {
    #sp-header.full-header {
        padding-left:15px;
        padding-right: 15px
    }

    #sp-header.header-with-social #sp-menu .social-wrap {
        padding-left: 0px
    }

    .sp-megamenu-parent>li>a,.sp-megamenu-parent>li span {
        padding: 0 10px
    }
}

@media (min-width: 992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
        display:none !important
    }
}

@media (max-width: 991px) {
    :root {
        --header_height: $header_height_sm
    }

    .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
        line-height: 70px
    }

    #sp-header {
        height: 70px
    }

    #sp-header .logo {
        height: 70px
    }

    #sp-header.header-with-modal-menu #offcanvas-toggler {
        display: flex !important
    }

    #sp-header.header-with-modal-menu #modal-menu-toggler {
        display: none
    }

    #sp-header.full-header-center #offcanvas-toggler.mega,#sp-header.header-with-modal-menu #offcanvas-toggler.mega,#sp-header.full-header-left #offcanvas-toggler.mega,#sp-header.lg-header #offcanvas-toggler.mega,#sp-header.header-with-social #offcanvas-toggler.mega {
        display: flex !important
    }

    #sp-header.lg-header #offcanvas-toggler.mega {
        display: none !important
    }

    #sp-header.lg-header .offcanvas-toggler-left.offcanvas {
        display: flex !important
    }

    #sp-header-topbar .container-inner>.row {
        min-height: 70px
    }

    #modal-menu {
        top: 70px
    }

    #offcanvas-toggler {
        height: 70px;
        line-height: 70px
    }

    #sp-logo.has-border>.sp-column {
        border-right: none;
        padding-right: 0px
    }

    #sp-menu .social-wrap:after,#sp-logo.has-border:after {
        display: none
    }

    #sp-logo.has-border {
        padding-right: 15px
    }

    #sp-menu .social-wrap {
        padding-left: 15px
    }

    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,#sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none
    }

    #sp-header-topbar {
        margin: 10px 0px
    }

    #sp-header-topbar .container-inner {
        padding-bottom: 10px
    }

    .hu-media-modal .modal-content {
        height: 80vh
    }
}

@media (max-width: 767px) {
    #sp-menu .social-wrap {
        padding-left:10px
    }

    #sp-menu .social-wrap:after {
        display: none
    }

    #sp-header .menu-wrap {
        display: none
    }

    .hu-media-modal .modal-content {
        height: 85vh
    }

    .modal-dialog.jviewport-width80 {
        width: auto
    }

    .article.related-article-large.d-flex {
        display: block !important
    }

    .related-article-large .article-image {
        width: auto;
        min-width: auto;
        margin-bottom: 15px
    }

    .related-article-large .article-information {
        border-left: none;
        padding-left: 0;
        margin-left: 0
    }
	#sp-footer1 > div.act_footer {display: flex;justify-content: center;}
	#sp-footer #sp-footer2 {text-align: center;}
	#sp-header-topbar > div {
		height: 70px;
		visibility: hidden;
}
}

@media (max-width: 575px) {
    :root {
        --header_height: $header_height_xs
    }

    .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
        line-height: 50px
    }

    #sp-header {
        height: 70px
    }

    #sp-header .logo {
        height: 70px
    }

    #sp-header-topbar .container-inner>.row {
        min-height: 70px
    }

    #modal-menu {
        top: 70px
    }

    #offcanvas-toggler {
        height: 70px;
        line-height: 70px
    }

    #sp-header .sp-module {
        margin-left: 10px
    }

    #sp-header .sp-module .sp-sign-in .text {
        display: none
    }

    #sp-menu ul.social-icons>li:not(:last-child) {
        margin-right: 10px
    }

    #sp-header.lg-header .top-part {
        border-bottom: none
    }

    #sp-header.lg-header #sp-contact {
        order: 1
    }

    #sp-header.lg-header #sp-logo {
        order: 3
    }

    #sp-header.lg-header #sp-social {
        order: 2
    }

    #sp-header.lg-header #sp-social .sp-column {
        justify-content: center !important
    }

    #sp-header.lg-header #sp-social .social-icons {
        margin: 0
    }

    #sp-header.lg-header #sp-social .social-icons>li:not(:last-child) {
        margin-right: 10px
    }

    #sp-header.lg-header .sp-contact-info {
        text-align: center;
        margin: 5px 0
    }

    .header-has-modules .container-inner>.row {
        flex-wrap: wrap !important
    }

    .header-has-modules #offcanvas-toggler {
        height: auto;
        line-height: 1.2
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days,html.coming-soon #coming-soon-countdown .coming-soon-hours,html.coming-soon #coming-soon-countdown .coming-soon-minutes,html.coming-soon #coming-soon-countdown .coming-soon-seconds {
        width: 50%;
        margin-bottom: 15px
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
        font-size: 2.5rem
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
        font-size: 14px
    }

    .view-search #search-form .btn-group {
        flex-wrap: wrap
    }

    .view-search #search-form button,.view-search #search-form .btn {
        border-radius: 3px
    }
}


.content-intro < div {
	align-content: center;
}