/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2025 | 19:14:25 */
/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 

/* GENERAL */

@font-face {
    font-family: Montserrat;
    src: url(/../assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype") ;
    font-display: swap !important;
}

/* // GENERAL */

/* HEADER */


header {
    background: #000;
}

.ast-primary-header-bar {
    border-bottom: none;
}

div#ast-desktop-header {
    max-width: 1500px;
    margin: auto;
    padding: 0 1rem;
}

.ast-search-item {
    position: relative;
    padding: .8rem .7rem;
    font-size: 1rem;
    color: #000 !important;
}

.search-form .search-field {
    width: 100%;
    padding-left: 1.5em;
}

html body .suki-header-html-1 ul li > a {
    color: #fff !important;
    margin: 2rem 2rem 0 1rem;
}

div#ast-desktop-header li:hover a {
    color: #bf9939;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover a {
    color: #bf9939;
}

ul.header-contact-data-block > li:hover a svg path {
    fill: #bf9939;
}

ul.header-contact-data-block > li:hover a span {
    color: #bf9939;
}

.header-social-media-block li:hover a svg path {
    fill: #bf9939 !important;
}

div#ast-desktop-header .woocommerce-mini-cart-item a {
    color: #bf9939;
}

.slide-search:hover .ast-icon.icon-search svg path {
    fill: #bf9939 !important;
}

ul.header-contact-data-block > li a > svg {
   /*  max-width: 2rem; */
   /*  margin-right: .5rem; */
}

.wc-block-cart-item__wrap a {
    color: #bf9939;
}

.ast-site-header-cart i.astra-icon:after {
    background: #bf9939 !important;
}

.icon-bag.ast-icon svg:not([fill]) {
    fill: #fff;
}

/* .ast-site-header-cart-li.current-menu-item {
    margin-top: -.5rem;
}

.ast-builder-layout-element.site-header-focus-item.ast-header-account {
    margin-top: -.5rem;
}
 */
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 4.25rem;
}

.ast-logo-title-inline .ast-site-identity {
    padding: .5rem 0 0;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 3.5rem;
}

.ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-menu-cart-outline .ast-addon-cart-wrap {
    border-color: transparent;
    border-width: 1px;
}

.main-header-menu > .menu-item:first-child a {
    padding-left: 0;
}

ul.header-social-media-block li {
    display: inline;
    padding: .25rem;
}

.header-social-media-block li a svg {
    width: 2rem;
    height: 2rem;
}


.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, 
.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
    margin-top: 0.25rem;
}

div#ast-desktop-header li:first-child a + button + .sub-menu {
    margin-left: -1rem;
}

.main-header-menu > li:first-child .sub-menu li {
    padding-left: 1.25rem;
}


/* .suki-header-section .menu>.menu-item .sub-menu .suki-toggle:focus, 
.suki-header-section .menu>.menu-item .sub-menu .suki-toggle:hover, 
.suki-header-section .menu>.menu-item .sub-menu a:not(.button):focus, 
.suki-header-section .menu>.menu-item .sub-menu a:not(.button):hover, 
.suki-header-section .suki-toggle:focus, .suki-header-section .suki-toggle:hover, 
.suki-header-section a:not(.button):focus, .suki-header-section a:not(.button):hover {
    color: #bf9939;
} */


.ast-site-title-wrap {
    display: none !important;
}

.ast-logo-title-inline .site-logo-img {
    max-width: 15rem;
}

.ast-above-header-bar {
    background: #000 !important;
    border-bottom: none;
}

/* TEST */
/* .ast-primary-header-bar {
    background: #000;
    border-bottom: none;
} */
/* // TEST */

div#ast-desktop-header a {
    color: #fff;
}

/* .header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
    width: 100%;
} */

.sub-menu a.menu-link {
    color: #000 !important;
}

ul.header-contact-data-block li {
    display: inline;
    margin-right: 1rem;
}

.ast-builder-layout-element .svg-baseline svg path,
.ast-builder-layout-element .svg-baseline svg circle {
    fill: #fff !important;
}

.header-contact-data-block {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row; /* Ensures vertical stacking */
  gap: 0; /* spacing between items */
  margin-top: .5rem !important;
}

.header-contact-data-block li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0; /* spacing between icon and text */
  text-decoration: none;
  color: inherit; /* inherits color from parent */
}

.header-contact-data-block li a span {
    text-transform: uppercase !important;
}

.header-contact-data-block svg {
/*   width: 2rem;
  height: 2rem; */
  flex-shrink: 0;
}

.header-contact-data-block span {
  font-size: 1.25rem;
  font-weight: 500 !important;
}

.ast-site-header-cart .widget_shopping_cart, 
.woocommerce .ast-site-header-cart .widget_shopping_cart {
    width: 26rem;
}

.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong, 
.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong {
    width: 60%;
}

.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount, 
.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount {
    width: 40%;
}

.buttons > a.button.wc-forward:first-child {
    color: #000 !important;
}

.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .ast-site-header-cart .widget_shopping_cart .buttons .button:not(.checkout):hover {
    border-color: #bf9939;
    color: #bf9939;
    background: #bf9939;
    color: #fff !important;
}

.ast-site-header-cart .widget_shopping_cart p.buttons,
.ast-site-header-cart .widget_shopping_cart .product_list_widget {
    padding: 1rem;
}

.header-social-media-block {
    margin-top: 1rem !important;
}

.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart {
    margin-top: 0.25rem;
}

.ast-header-search .astra-search-icon {
    font-size: 1.5rem;
}

.ast-search-menu-icon {
    margin-top: .8rem;
}


.ast-search-menu-icon.slide-search .search-form {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    visibility: visible !important;
    opacity: 1;
    margin-right: 1rem;
}

.ast-header-search form.search-form .search-field, 
.ast-header-search .ast-dropdown-active.ast-search-menu-icon.slide-search input.search-field {
    width: 17rem;
    background: #000;
    font-family: Montserrat;
}

.ast-header-search .slide-search .search-form {
    border-bottom: 1px solid #fff !important;
    border: none;
}

.ast-search-icon {
    margin-right: .5rem;
}

.main-header-menu .sub-menu {
    width: 18rem;
}

.ast-above-header-bar.ast-above-header.site-header-focus-item {
    margin-top: .75rem;
}

.ast-icon-shopping-bag svg {
    height: 2rem;
    width: 2rem;
    margin-top: 0.4rem;
}

.ast-site-header-cart i.astra-icon:after {
    top: -.8rem;
    right: -.5rem;
}

/* .ast-builder-grid-row {
    display: flex;
} */

.site-primary-header-wrap .ast-builder-grid-row {
    display: flex;
}

.site-primary-header-wrap .ast-builder-grid-row .site-header-primary-section-left {
    max-width: 100%;
    width: 100%;
}

.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
    display: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 1.25rem;
}

/* TEST */
/* .ast-primary-header-bar {
    display: flex;
} */
 /* // TEST */

.ast-builder-menu-1.ast-builder-menu.ast-flex.ast-builder-menu-1-focus-item.ast-builder-layout-element.site-header-focus-item {
    width: 100%;
}

.header-main-layout-1 .ast-main-header-bar-alignment {
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item a {
    padding: .5rem;
}

/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
    height: 60px;
    padding: 10px 10px;
    font-size: 1.3rem;
    margin-top: 8px;
}
 */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 20px;
    height: 40px;
    padding: 0.75rem 0 .75rem 0;
    font-size: 1.3rem;
    margin: 1rem 2rem;
    border-bottom: 2px solid transparent;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link {
    border-bottom: 2px solid #bf9939;
}

#mega-menu-wrap-primary #mega-menu-primary {
    background: #000;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #000;
    text-align: center;
    line-height: 3;
    font-weight: 400;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
   /*  background: #bf9939; */
    background: transparent !important;
    color: white;
    font-weight: normal;
    text-decoration: none;
   /*  border-color: white; */
}

/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent !important;
} */

.ast-site-header-cart .widget_shopping_cart_content {
    /* position: absolute;
    z-index: 9999999;
    width: 23rem !important;
    background: #fff;
    left: -18rem; */
    position: absolute;
    z-index: 9999999;
    width: 26rem !important;
    background: #fff;
    left: 0rem;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a {
    border-bottom: 1px solid transparent;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a {
    border-bottom: 1px solid red;
}

span.mega-indicator {
    display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:first-child {
    margin-left: 0;
}

.ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg {
    height: 2rem !important;
    width: 2rem !important;
    margin-top: 6px;
}

.ast-builder-layout-element.site-header-focus-item.ast-header-account {
    margin-right: -1rem;
}



/* div#ast-desktop-header {
    max-width: 1500px;
    margin: auto;
    padding: 0 1rem;
}
 */
/*
.menu-toggle-on 
*/

/* // HEADER */


/* CONTENT */

#page .site-content {
    max-width: 1500px;
    margin: auto;
    width: 100%;
    padding: 0 1rem;
}


/* // CONTENT */