/* Logo-Fix für Zwischenansichten (Tablet/kleine Laptops) */
@media (max-width: 1640px) and (min-width: 992px) {
  #sp-header #sp-logo .logo-image {
    height: 50px;         /* genau wie im Inspector */
    width: auto;
    margin: 15px 0 0 20px;
    display: block;
  }
}

/* Optional: gleicher Look wenn der Header sticky wird */
@media (max-width: 1640px) and (min-width: 992px) {
  #sp-header.header-sticky #sp-logo .logo-image {
    height: 50px;
    margin: 15px 0 0 20px; /* ggf. kleinerer top-Abstand im Sticky */
  }
}

/* Offcanvas Toggler nach innen rücken */
#offcanvas-toggler.offcanvas-toggler-right {
    margin: 0px 25px 0px 0px;
}

@media screen and (max-width: 1640px) {
    #offcanvas-toggler {display: block !important;}
    #sp-menu .sp-megamenu-parent {display: none !important;}
}

@media screen and (min-width: 1024px) {
#sp-logo .logo-image {margin: 20% 0px 0px 50%;}
#sp-header .logo {margin: 0px;}  
}

@media screen and (max-width: 1024px) {
#sp-header div.logo {margin: 0px !important;max-width: 100%;}
#sp-header {padding: 0 10px;}
#sp-logo {padding-right: 0 !important;}  
#sp-logo .logo-image-phone {height: auto;} 
.offcanvas-menu {background-color: #232B49; background: #232B49;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a  {font-size: 1.2rem;}
.offcanvas-menu .offcanvas-inner {margin-top: 50px;}
}

.breadcrumb .divider.fas.fa-map-marker-alt {
    display: none;
}

.breadcrumb{
    color: #ccc !important;
  	font-weight: 400;
  font-size: 15pt;
}

.breadcrumb>li>a{
    color: #ccc !important;
  font-weight: 400;
    font-size: 15pt;
}

.breadcrumb>.active {
    color: #ffe200;
  font-weight: 400;
    font-size: 15pt;
}

.breadcrumb-item+.breadcrumb-item::before {
      padding: 0 5px;
    color: #ffe200;
    content: "\25B8";
}

/.myheader {
    border-bottom: solid 0px #3d3d3d;
  	margin: 100px;
	padding: 100px;
  }*/

.burger-icon > span {background-color: black; background: black;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {background: black;}
.offcanvas-menu { background-color: black;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a  {color: white;}

.sppb-addon-feature .sppb-icon .sppb-icon-container { 
    color: #ffe200; 
}

#smartcraft .sppb-row-column {
    padding-left: 0px; padding-right: 0px;
}

#smartcraft1 .sppb-row-column {
    padding-left: 0px; padding-right: 0px;
}




.sp-megamenu-parent li.sp-menu-item li.sp-menu-item > a:before {
    display: none !important;
}


/* Aktiver Submenüpunkt (z. B. „Über uns“) bleibt unterstrichen */
.sp-megamenu-parent li.sp-menu-item li.sp-menu-item.active > a,
.sp-megamenu-parent li.sp-menu-item li.sp-menu-item.current > a {
    border-bottom: 1px solid #ffffff; /* oder deine Menüfarbe */
    padding-bottom: 5px;
    display: inline-block;
}

/* Hover-Effekt für ALLE Submenüpunkte */
.sp-megamenu-parent li.sp-menu-item li.sp-menu-item > a:hover {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    display: inline-block;
}  das ist der code von der oct marine seite  custom css