body{font-size: 16px;font-family: 'Helvetica, Verdana, sans-serif', sans-serif}/* Google Font laden */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Global setzen */
body {
  font-family: 'Inter', sans-serif;
}

.magicmenu .nav-desktop {text-transform:uppercase;}body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color:#333e48;}body.page-layout-1column a,body.page-layout-2columns-left a,body.page-layout-2columns-right a,.block-collapsible-nav .item a{color:#333333;}body a:hover,body a:focus{color:#000000;}body{ background-color:#ffffff;}.labelnew{color:#ffffff; background-color:#343f49;}.labelsale{color:#ffffff; background-color:#343f49;}button.button, button, .cart .continue, .actions-toolbar .primary a.action,button:focus{color:#333e48; background-color:#efecec; border-color:#efecec;}button.button:hover, button:hover, .cart .continue:hover, .actions-toolbar .primary a.action:hover{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.cart-container .checkout-methods-items .action.primary{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.cart-container .checkout-methods-items .action.primary:hover{color:#ffffff; background-color:#333e48; border-color:#333e48;}.home-slider .slick-slide.slick-active .figcaption .caption1{color:#333e48;}.home-slider .slick-slide.slick-active .figcaption .caption2{color:#333e48;}.home-slider .slick-slide.slick-active .figcaption .caption3,.caption3 strong{color:#333e48;}.home-slider .slick-slide.slick-active .figcaption .text-slide3 .caption3 span{color:#dc1212;}.slick-prev, .slick-next{color:#aaaaaa; background-color:rgba(0, 0, 0, 0);}.home-slider .slick-slide.slick-active .figcaption .caption4 a{color:#333e48; background-color:#ef8d00;}.home-slider .slick-slide.slick-active .figcaption .caption4 a:hover{color:#ffffff; background-color:#000000;}.slick-prev:hover, .slick-next:hover,.slick-prev:hover:before, .slick-next:hover:before{color:#ef8d00; background-color:rgba(0, 0, 0, 0);}.slick-dots li button{ background-color:#bcbcbc;}.slick-dots li.slick-active button,.slick-dots li:hover button{ background-color:#ef8d00;}#popup-newsletter .block-content .block-title label{color:#333333;}#popup-newsletter .block-content .promotions{color:#666666;}.promo-panel-sale span.getsale{color:#ef8d00;}#popup-newsletter .block-content input.input-text{color:#333333; background-color:rgba(0, 0, 0, 0); border-color:#d8d8d8;}#popup-newsletter .block-content button.button{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}#popup-newsletter .block-content button.button:hover{color:#ffffff; background-color:#333e48; border-color:#333e48;}.page-header a{color:#333333;}.page-header a:hover{color:#000000;}.header-top{ background-color:#ffffff; border-color:#efefef;}.header-content{ background-color:rgba(0, 0, 0, 0);}.header-bottom{ background-color:#ffffff;}.customer .top-links li a{color:#334141;}.customer .top-links li a:hover,.customer:hover .icon{color:#ef8d00;}.hot-support p{color:#334141;}.hot-support p .icon,.hot-support .support-icon .icon{color:#ef8d00;}.header-search .form-search{ background-color:#ffffff; border-color:#ef8d00;}.header-search .form-search button.button{color:#ffffff; background-color:#ef8d00;}.header-search .form-search button.button:hover{color:#333e48; background-color:#ef8d00;}.minicart-wrapper .action.showcart .counter.qty{color:#ffffff; background-color:#ef8d00;}.minicart-wrapper .block-minicart{ background-color:#ffffff; border-color:#ef8d00;}.block-minicart .block-content .actions .primary .action.primary.checkout{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.block-minicart .block-content .actions .secondary .viewcart{color:#333e48; background-color:#efecec; border-color:#efecec;}.block-minicart .block-content .actions .secondary .viewcart:hover{color:#ffffff; background-color:#000000; border-color:#000000;}.magicmenu .nav-desktop .level0 .full-width, .magicmenu .nav-desktop .level0 .level-top-mega, .magicmenu .nav-desktop .level0.dropdown .level0, .magicmenu .nav-desktop .level0.dropdown .hasChild ul, .magicmenu .nav-desktop .level0.dropdown .hasChild ul{ background-color:#ffffff; border-color:#ededed;}.magicmenu .nav-desktop .level0 .level-top{color:#333e48;}.magicmenu .nav-desktop .level0.over a,.magicmenu .nav-desktop .level0.active a, .magicmenu .nav-desktop .level0.active a span.icon-text, .magicmenu .nav-desktop .level0 a:hover, .magicmenu .nav-desktop .level0 a.icon-text:hover{color:#ef8d00; background-color:rgba(0, 0, 0, 0);}.magicmenu .nav-desktop .level0 .level-top-mega .children.level1a{color:#333e48;}.magicmenu .nav-desktop .level0 .level-top-mega .children a, .magicmenu .nav-desktop p,.magicmenu .nav-desktop .level0.home .level-top-mega a,.magicmenu .nav-desktop .level0.dropdown .level1 a, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a{color:#333e48;}.magicmenu .nav-desktop .level0 .level-top-mega .children a:hover,.magicmenu .nav-desktop .level0.home .level-top-mega a:hover,.magicmenu .nav-desktop .level0.dropdown .level1 a:hover, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a:hover{color:#ef8d00; background-color:rgba(0, 0, 0, 0);}.magicmenu .nav-desktop .level0 .level-top .cat_label, .magicmenu .nav-desktop .level0 .cat_label, .mean-container .mean-nav ul li a span.cat_label, .vmagicmenu .level0 .cat_label, .vmagicmenu .level0 .level-top-mega .children .cat_label{color:#ef8d00; background-color:rgba(0, 0, 0, 0); border-color:#ededed;}.magicmenu .nav-desktop .level0 .cat_label.Sale, .magicmenu .nav-desktop .level0 .cat_label.sale, .magicmenu .nav-desktop .level0 .level-top-mega .children a .cat_label.sale, .magicmenu .nav-desktop .level0 .level-top-mega .children a .cat_label.Sale, .vmagicmenu .level0 .cat_label.Sale, .vmagicmenu .level0 .cat_label.sale, .vmagicmenu .level0 .level-top-mega .children .cat_label.sale, .vmagicmenu .level0 .level-top-mega .children .cat_label.Sale, .mean-container .mean-nav ul li a span.cat_label.sale, .mean-container .mean-nav ul li a span.cat_label.Sale{color:#00bd33; background-color:rgba(0, 0, 0, 0); border-color:#ededed;}.magicmenu .nav-desktop .level0 .cat_label.Hot, .magicmenu .nav-desktop .level0 .cat_label.hot, .magicmenu .nav-desktop .level0 .cat_label.HOT, .vmagicmenu .level0 .cat_label.Hot, .vmagicmenu .level0 .cat_label.hot, .vmagicmenu .level0 .cat_label.HOT, .vmagicmenu .level0 .level-top-mega .children .cat_label.hot, .vmagicmenu .level0 .level-top-mega .children .cat_label.Hot, .vmagicmenu .level0 .level-top-mega .children .cat_label.HOT, .mean-container .mean-nav ul li a span.cat_label.hot, .mean-container .mean-nav ul li a span.cat_label.Hot, .mean-container .mean-nav ul li a span.cat_label.HOT{color:#ff3d49; background-color:rgba(0, 0, 0, 0); border-color:#ededed;}.filter-options .filter-options-title{color:#000000;}.filter-options .filter-options-content .item a:hover:before{ background-color:#ef8d00; border-color:#ef8d00;}.filter .filter-title:before,.block .block-title::before{ background-color:#ef8d00;}.filter-options .filter-options-title{color:#000000;}.item .add-to-links a{color:#848484;}.item:hover .add-to-links a:hover, .item .add-to-links a:hover .icon{color:#df3737;}.item button.button{color:#ffffff; background-color:#e6e6e6; border-color:#e6e6e6;}.product-item-info:hover button.button{color:#ffffff; background-color:#ef8d00; border-color:#ef8d00;}.stock{color:#df3737;}.actions .stock:after{ background-color:#df3737;}.item .product-name a.product-item-link{color:#0062bd;}.item .product-name a.product-item-link:hover{color:#0062bd;}.magictabs .item .title{color:#343f49;}.magictabs .item .title:hover{color:#ef8d00;}.magictabs .item .title:before{ background-color:#ef8d00;}.magictabs .item .title:after,.magiccategory-product .type-product-title:before{ background-color:#ef8d00;}.section-category-slide .magiccategory-product .magictabs .item .title{color:#343f49; border-color:rgba(0, 0, 0, 0);}.section-category-slide .magiccategory-product .magictabs .item.activated .title{color:#343f49; border-color:#ef8d00;}.section-category-slide .magiccategory-product .magictabs .item:hover .title{color:#df3737;}.timer-product .list .item{ border-color:#ef8d00;}.toolbar .modes-mode{color:#aaaaaa;}.toolbar .modes-mode.active, .toolbar .modes-mode:hover{color:#333333;}.pages .item .page, .pages .item .next, .pages .item .previous{color:#7e7e7e; background-color:#ffffff; border-color:#e4e4e4;}.pages .item .page span, .pages .item .next, .pages .item .previous{color:#7e7e7e;}.pages .item.current .page, .pages .item .page:hover, .pages .item .next:hover, .pages .item .previous:hover{color:#262626; background-color:#ef8d00; border-color:#ef8d00;}.pages .item.current .page span, .pages .item .page:hover span, .pages .item .next:hover, .pages .item .previous:hover{color:#262626;}.policy .policy-wrap{ background-color:#fdfdfd; border-color:#dddddd;}.policy .policy-box .box-content .icons{color:#ef8d00;}.policy .policy-box .box-content .service-content .info-title h3{color:#333e48;}.policy .policy-box .box-content .service-content .sub-title span{color:#333e48;}.vmagicmenu .block-title{ background-color:#ef8d00;}.vmagicmenu .block-title span{color:#ffffff;}.vmagicmenu .block-title span{color:#ffffff;}.vmagicmenu .level0 .level-top,.vmagicmenu .block-vmagicmenu-content .all-cat span{color:#333e48;}.header-container-fixed .vmagicmenu .block-title{ background-color:#ef8d00;}.vmagicmenu .block-vmagicmenu-content .vmagicmenu-narrow{ background-color:#ffffff; border-color:#ececec;}.vmagicmenu .level0 .level-top-mega, .vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0,.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild ul{ background-color:#ffffff; border-color:#ededed;}.vmagicmenu .level0.hasChild .level-top::after{color:#333e48;}.vmagicmenu .level0:hover, .vmagicmenu .level0.active,.vmagicmenu .block-vmagicmenu-content .all-cat span:hover{ background-color:#efefef;}.vmagicmenu .level0 .level-top-mega .children > a{color:#333e48;}.vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a{color:#333e48;}.vmagicmenu .level0 .level-top-mega .children a:hover,.vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a:hover{color:#ef8d00;}.nav-sections .mean-nav .mobi-title{color:#ffffff;}.nav-sections a.meanmenu-reveal,.nav-sections a.meanmenu-reveal:hover{color:#000000;}.nav-sections a.meanmenu-reveal span{ background-color:#000000;}.nav-sections .mean-nav{ background-color:#ffffff;}.nav-sections .mean-nav ul li a{color:#444444; border-color:#eeeeee;}.nav-sections .mean-nav ul li a:hover,.nav-sections .mean-nav ul li .level-top span:hover{color:#000000;}.box-tocart .fieldset .actions .tocart{color:#ffffff; background-color:#ef8d00; border-color:#ef8d00;}.box-tocart .fieldset .actions .tocart:hover{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.review-add .review-form .review-form-actions .actions-primary .action{color:#ffffff; background-color:#ef8d00; border-color:#ef8d00;}.review-add .review-form .review-form-actions .actions-primary .action:hover{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.cms-page-banner .banner-box-content .btn-shop:after{color:#ffffff; background-color:#ef8d00;}.post-read-more{color:#333e48; background-color:#efecec; border-color:#efecec;}.post-read-more:hover{color:#ffffff; background-color:#ef8d00; border-color:#ef8d00;}.contact-content .actions-toolbar .primary{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}.product.info.detailed .product.data.items > .item.title .switch:before{ background-color:#ef8d00;}.product.info.detailed .product.data.items > .item.title .switch:after{ background-color:#ef8d00;}.footer-item .box-content .content .link-list a{color:#333e48;}.footer-item .box-content .content .link-list a:hover{color:#ef8d00;}.footer-item .title{color:#333e48;}.page-bottom{ background-color:#ef8d00;}.page-footer .main-footer{ background-color:#f8f8f8;}.footer-bottom{ background-color:#eaeaea;}.footer-item .box-content .content .link-social .link-list .link-icon a{color:#7c7c7c;}.footer-item .box-content .content .link-social .link-list .link-icon a:hover{color:#333e48;}.block-subscribe .block-title h3,.block-subscribe .form-subscribe-header p{color:#ffffff;}.block-subscribe .block-title h3:before{color:#ffffff;}.block-subscribe .field input.input-text{color:#333333; background-color:#ffffff;}.block-subscribe .actions button.button{color:#ffffff; background-color:#1c4979; border-color:#1c4979;}.block-subscribe .actions button.button:hover{color:#ffffff; background-color:#000000; border-color:#000000;}.footer-item .box-content .icon{color:#ef8d00;}.footer-item .box-content .content .info .question,.footer-item .box-content .content .info .hot-number,.footer-item .box-content .content ul li .sub-title,.footer-item .box-content .content .address{color:#333e48;}.copyright span{color:#333e48;}.footer a.active{color:#fe2740;}#backtotop{color:#ffffff; background-color:#333e48; border-color:#333e48;}#backtotop:hover{color:#333e48; background-color:#ef8d00; border-color:#ef8d00;}/* ===============================
   GLOBAL BRAND COLOR OVERRIDE
   =============================== */

body {overflow-x:hidden;}


:root{
  --brand:#0f3d91;
  --brand-hover:#2f8cff; /* ← HELLER HOVER */
}

.header-top {
    background-color: #f5f5f7;
}

/* ===============================
   BACKGROUNDS
   =============================== */

.alo-magicslider {
  background-image: url('/media/wysiwyg/alothemes/static/cms/Hintergrund.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cms-static-main-slide .slick-slide img {
  object-fit: contain !important; /* oder none */
  min-height: auto !important;
}

/* =========================
   Mobile Search immer sichtbar
   ========================= */

@media (max-width: 768px){

  /* Toggle Icon ausblenden */
  .mobile-search-icon{
    display:none !important;
  }

  /* Suchfeld IMMER anzeigen */
 .content-seach {
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    height:auto !important;
  }

}


.header .form-search .catalogsearch-box {
	display: none;
}

.action.primary,
.btn,
.cart-container .checkout,
.action.tocart,
.minicart-wrapper .action.primary,
.block-minicart .action.primary,
.slick-prev:hover,
.slick-next:hover,
.slick-dots li.slick-active button,
.label-sale,
.label-new,
.badge,
.policy-box i,
.vmagicmenu .block-title,
.box-tocart .action,
.review-add .action,
.post-read-more:hover,
.contact-content .actions .action,
.product.info.detailed .item.title:before,
.product.info.detailed .item.title:after,
.minitabs .item:hover,
.magic-tabs .item:hover,
.pages .current,
.pages .current span,
.page-bottom,
.sell-button,
.minicart-wrapper .action.showcart .counter.qty,
.header-search .form-search button.button
{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}


/* ===============================
   TEXT / LINKS
   =============================== */

a,
.link,
.item-menu,
.nav a,
.icon-support,
.policy-icon
{
  color: var(--brand) !important;
}


/* ===============================
   SVG ICONS
   =============================== */

svg,
svg path{
  fill: currentColor !important;
}


/* ===============================
   HOVER (HELLER)
   =============================== */

button:hover,
.action.primary:hover,
.btn:hover,
.action.tocart:hover,
.sell-button:hover,
.cart-container .checkout:hover,
.block-minicart .action.primary:hover,
.header-search .form-search button.button:hover,
.pages a:hover,
.magic-tabs .item:hover,
.minitabs .item:hover,
.vmagicmenu .block-title:hover
{
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: #fff !important;
}

a:hover,
.footer a:hover,
.header a:hover,
.nav a:hover
{
  color: var(--brand-hover) !important;
}

.magicmenu .nav-desktop .level0.active a span.icon-text {color: var(--brand) !important;}

/* ===============================
   SEARCH BORDER
   =============================== */

.header-search .form-search {
  border-color: var(--brand) !important;
border-width:1px;
}
.header-search .form-search button.button > span {
	height: 38px;
	line-height: 38px;
}


/* ===============================
   SMALL ACCENTS
   =============================== */

.hot-support p .icon,
.hot-support .support-icon .icon {
  color: var(--brand-hover) !important;
}


/* ===============================
   LAYOUT WIDTH
   =============================== */

@media (min-width:1200px){

  .container{
    max-width:1500px;
  }

  [data-content-type="row"][data-appearance="contained"]{
    max-width:1500px !important;
  }
}


/* ===============================
   SMOOTH HOVER ANIMATION (nice UX)
   =============================== */

button,
.action,
.btn,
a{
  transition:all .18s ease;
}

/* ===============================
   SELL BUTTON FIX (Textfarbe beim Hover)
   =============================== */

a.sell-button,
a.sell-button:visited{
  color:#fff !important;
}

a.sell-button:hover,
a.sell-button:focus{
  background-color: var(--brand-hover) !important;

  color:#ffffff !important;   /* ← TEXT WEISS */
}

html.nav-before-open.nav-open body#html-body.no-js.loading_img.widescreen.cms-home.cms-index-index.page-layout-1column.nav-mobile-display div.page-wrapper
 {    position: relative !important;
 }

html.nav-before-open.nav-open .page-wrapper {    position: relative !important;
 }


@media and (max-width: 991px) {
.nav-before-open .page-wrapper {position: relative !important;}
}


.nopad .slick-slider {
  margin-bottom: 0px !important;
}

 form#product_addtocart_form div.product-options-bottom div.box-tocart div.fieldset div.field.qty {display:none;}
 button.action span {color:#fff}