.download-item {
    border: 1px solid transparent; /* Fallback für ältere Browser */
    border-radius: 4px;
    padding: 10px; /* Optional, um den Inhalt vom Rand zu trennen */
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E94C32FF' stroke-width='1' stroke-dasharray='16%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.header-search, .search-toggle, .header-wishlist, .account-menu, .header-cart, .top-bar-login-register  {display:none !important;}
/******************* ALLGEMEIN ******************/

.gradient-text, .cms-element-title-paragraph {
  /* Fallback: Set a background color. */
  background-color: #b48f75;
  
  /* Create the gradient. */
   background-image: linear-gradient(
        135deg,
        #b48f75 16.666%, 
        #b48f75 16.666%, 
        #b48f75 33.333%, 
        #56232e 33.333%, 
        #56232e 50%, 
        #b48f75 50%, 
        #b48f75 66.666%, 
        #b48f75 66.666%, 
        #b48f75 83.333%, 
        #b48f75 83.333%);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: #56232e;text-transform:uppercase;}
.notched100 { 
  --notchSize: 5rem; 
  clip-path: 
    polygon(
      0% var(--notchSize), 
      var(--notchSize) 0%, 
      100% 0%,   
      100% calc(100% - var(--notchSize)), 
      calc(100% - var(--notchSize)) 100%,     
      0% 100%
    );
}
.register-guest-control {display:none;}
/* ************** Sliders ********************* */
.cms-element-product-slider .cms-element-title, .cms-element-title {font-weight:500;font-size: 1.5rem;text-align:center;}
.compare-float-button {top: 200px !important;}
.compare-button .btn-compare {max-width: 300px; font-size: 14px;}
.form-text a {color:red !important;}
.filter-range-currency-symbol {background: #f6f7f9;}
.list-group-item {background-color:#ffffff;}
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0, 0, 0, 0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.table td.colorfylight, .table td.colorfylight {background: #FFF6CC;}
.table td.colorfydark {background: #FFF2B2;}
caption {color: #004284;}
.image-slider.has-nav-outside{padding-inline: 0 25px;}
.image-slider-controls-prev{left: -5px !important;}
/* ************** Designecke ********************* */
.designecke {position: relative;display: inline-block;}
.designecke::before,
.designecke::after,
.designecke span::before,
.designecke span::after {content: '';position: absolute;width: 20px;height: 20px;border: 1px solid #b48f75;}
.designecke::before {top: -10px;left: -10px;border-right: none;border-bottom: none;}
.designecke::after {top: -10px;right: -10px;border-left: none;border-bottom: none;}
.designecke span::before {bottom: -10px;left: -10px;border-right: none;border-top: none;}
.designecke span::after {bottom: -10px;right: -10px;border-left: none;border-top: none;}

/******************* ALLGEMEIN END ******************/

/******************* COLORS ******************/
.bg-roxblue {background:#004284; color:#ffffff;}
.roxgold {color:#b48f75; font-weight:700;text-transform:uppercase;}
.roxgold-bg {background:#b48f75;}
.roxorange {color:#e94c32; text-transform:uppercase;}
.roxorang-bg {background:#e94c32;}
.roxdark {color:#2c2c2c; text-transform:uppercase;}
.roxdark-bg {background:#2c2c2c;}
.roxdarkred {color:#56232e; text-transform:uppercase;}
.roxdarkred-bg {background:#56232e;}
.color-warmred {color:#990033;}
img.grayscalehover {filter: grayscale(100%);}
img.grayscalehover:hover {filter:none;}
/*Background Colors*/
.bg-blue {background-color:blue;}
.bg-military-green {background-color:#667C4D;}
.bg-orange {background-color:orange;}
.bg-sand {background-color:#e6d6c1;}
.bg-yellow {background-color:#ffcc00;}
.bg-red {background-color:red;}
.bg-sahara {background-color:#BAB86C;}
.bg-tan {background-color:#e6d6c1;}
.bg-silver {background-color:#c0c0c0;}
.bg-graphite {background-color:#414141;}
.bg-limette {background-color:#b5ea09;}
/******************* COLORS END ******************/

/******************* CSS CORNERS ******************/
		.eckeobenlinks {display:none;}
		/* .eckeuntenrechts {position:fixed; bottom:0; right:0; z-index:1000; } */
		/* .img-eckeuntenrechts {max-width:100%;} */
/******************* CSS CORNERS END ******************/

/******************* ACCOUNT ******************/ 
.account-content-aside .account-aside-item {color:#000;}
/******************* ACCOUNT END ******************/

/******************* SIDEBAR ******************/ 
/* .cms-block-category-navigation {background:#2c2c2c;} */
.cms-element-category-navigation{z-index: 1500;}
.eightworks-accordion.eightworks-own-accordion {border-top: 0;border-right: 0;border-left: 0; text-transform:uppercase;}
.eightworks-accordion.eightworks-own-accordion .category-navigation-entry .category-navigation-link .eightworks-arrow .icon, .eightworks-accordion.eightworks-own-accordion .category-navigation-entry .category-navigation-direct-link .eightworks-arrow .icon {color: #56232e;}
.eightworks-accordion.eightworks-own-accordion .category-navigation-entry .category-navigation.level-1>.category-navigation-entry>.card-header>.category-navigation-link, .eightworks-accordion.eightworks-own-accordion .category-navigation-entry .category-navigation.level-1>.category-navigation-entry>.card-header .category-navigation-direct-link {background-color: #ffffff;}

/* .card-header .category-navigation-link span.eightworks-text {color:#e94c32;} */
.card-header .category-navigation-link span.eightworks-text::after, a.external-link::after {content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23e94c32' d='M13.5 1h-4a.5.5 0 0 0 0 1h3.793L6.854 8.439a.5.5 0 1 0 .707.707l6.439-6.439V6.5a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5zM3 3.5A1.5 1.5 0 0 1 4.5 2h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 0 3 3.5v9A.5.5 0 0 0 3.5 13h9a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 1 0v4A1.5 1.5 0 0 1 12.5 14h-9A1.5 1.5 0 0 1 2 12.5v-9z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle;
}


/* Reveal the first element visually */
.is-act-home .category-navigation.level-0 > .category-navigation-entry:first-child > .collapse {
    display: block !important;  /* instead of display:none */
    height: auto !important;    /* if Bootstrap sets height:0 */
    visibility: visible !important;
    overflow: visible !important;
}

/* Turn the down arrow for the first element */
.is-act-home .category-navigation.level-0 > .category-navigation-entry:first-child > .card-header .category-navigation-link.direct-link-arrow .eightworks-arrow {
    transform: rotate(180deg); /* or rotate(0deg) if the up arrow is the default */
    transition: transform 0.3s;
}

.category-navigation.level-0 
  > .category-navigation-entry.card:nth-of-type(6) 
  > .card-header .category-navigation-link {
  background-color: rgba(180, 143, 117, 0.1);
}
/******************* SIDEBAR END ******************/ 

/******************* ERLEBNISWELTEN ******************/ 
.category-listing-box .category-listing-name {text-transform: uppercase;}
.gallery-slider-thumbnails-item.tns-nav-active .gallery-slider-thumbnails-item-inner {border-color: #e94c32;}
.blur-elysium-slide-content {background:#b48f75 !important; padding:15px !important;}
/******************* ERLEBNISWELTEN END******************/ 

/******************* HEADER  ******************/
.top-bar-marketing {flex: 4;}
.header-logo-col {margin-left: 5px;}
.header-main .header-actions-btn .icon {height: 25px;}
/*.header-main .nav-main-toggle-btn.header-actions-btn .icon {color: #e94c30 !important; width: 100px; height: 100px;}*/
/* .header-main .header-actions-btn:not(.header-cart-btn) {margin-left: 1rem;} */
.header-main.js-sticky .header-inner {background: #ffffff;}
/* .top-bar-login-register {display: none;} */
/* .cms-block-category-navigation .icon {color:#ffffff;} */
.header-top-bar-col .top-bar-nav-item {background: #ffffff;}
/* .category-navigation.level-1, .category-navigation.level-2, .category-navigation.level-3 {font-size: 13px;} */
/*Offcanvas Navigation*/
.offcanvas, .navigation-offcanvas {text-transform: uppercase;}
.offcanvas, .navigation-offcanvas {background:#ffffff;}
.navigation-offcanvas-link {color: #56232e !important;}
/*.navigation-offcanvas-link, navigation-offcanvas-link-icon, .navigation-offcanvas-actions .top-bar-nav-text, .navigation-offcanvas-actions .top-bar-nav-btn.btn .icon {color:#000000;}
.navigation-offcanvas-link:hover, navigation-offcanvas-link-icon:hover, .navigation-offcanvas-actions .top-bar-nav-text:hover, .navigation-offcanvas-actions .top-bar-nav-btn.btn .icon:hover {color: #cccccc;}*/
.main-navigation-link .main-navigation-link-text::after {bottom: 2px; height: 1px;}
.header-top-bar-col .top-bar-nav-item {background:transparent;}
.navigation-flyout-categories:not(.is-level-0) {text-transform: uppercase;}
.is-ctl-navigation .header-main.is-dark:not(.js-sticky) .main-navigation-link .main-navigation-link-text {color:#b48f75;}
.header-main.js-sticky .header-inner {border-top: 1px solid #e94c32;}
.main-navigation-dropdown-item .navigation-dropdown-list-wrapper {text-transform: uppercase;}
.gbmed-accessibility-button {background-color: transparent;}
.header-main .schlagwoerter h1 {text-align: center; color:#fff; outline: none; margin: 0;}
.header-main .schlagwoerter h1 {font-size: clamp(13px, calc(1.9vw + 2.5px), 36px);}
@media screen and (max-width: 576px) {
.header-main .schlagwoerter h1 {margin-bottom: 10px;}
}
/*.header-main .header-search-col {display:none;}*/
.is-srch-default .header-search-col {max-width: 100% !important;}

.icon-gbmed-accessibility {
  color: #b48f75; 
}
.icon-gbmed-accessibility svg path {
  fill: currentColor;
}
/******************* HEADER END ******************/

/******************* BOOTSTRAP TIMELINE ******************/
.timeline {position: relative; padding: 21px 0px 10px; margin-top: 4px; margin-bottom: 30px;}
.timeline .line { position: absolute; width: 4px; display: block; background: #e94c32; top: 0px; bottom: 0px; margin-left: 30px;}
.timeline .separator {border-top: 1px dashed #e94c32; padding: 5px; padding-left: 40px; font-style: italic; font-size: .9em; margin-left: 30px;}
.timeline .line::before { top: -4px; }
.timeline .line::after { bottom: -4px; }
.timeline .line::before,
.timeline .line::after {content: ''; position: absolute; left: -4px; width: 12px; height: 12px; display: block; border-radius: 50%; background: #e94c32;}
.timeline .panel {position: relative; margin: 10px 0px 21px 70px; clear: both;}
.timeline .panel::before {position: absolute; display: block; top: 8px; left: -24px; content: ''; width: 0px; height: 0px; border: inherit; border-width: 12px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent;}
.timeline .panel .panel-heading.icon * { font-size: 20px; vertical-align: middle; line-height: 40px; }
.timeline .panel .panel-heading.icon {position: absolute; left: -40px; display: block; width: 40px; height: 40px; padding: 0px; border-radius: 50%; text-align: center; float: left;}
.timeline .panel-outline { border-color: transparent; background: transparent; box-shadow: none;}
.timeline .panel-outline .panel-body { padding: 10px 0px;}
.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer { display: none;}
/******************* BOOTSTRAP TIMELINE ******************/

/******************* LISTING ******************/
.has-product-actions .product-box:hover .product-image-link {opacity: 1;}
.product-box.card, .cms-element-category-listing-item, .dashed-border {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E94C32FF' stroke-width='1' stroke-dasharray='16%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}
.cms-element-category-listing-item-image-wrapper .cms-element-category-listing-item-image {object-fit: contain !important;}
.cms-element-category-listing-item:hover {background-color:#56232e; clip-path: polygon(100% 0%,100% 79%,83% 100%,0% 100%,0% 0%);}
.compare-button .btn-77compare.is-added-to-compare {color:#000;}
.filter-active {background-color: orange;}
.filter-multi-select-list {min-width: 280px;}
/******************* LISTING END ******************/

/******************* FOOTER ******************/
.payment-method-image, .shipping-method-image {max-height: 60px;}
.footer-columns, .footer-link {text-transform:uppercase;}
.footer-logos .footer-logo-image {height:25px;}
.footer-column-headline {color: #b48f75 !important;}
ul.nodots {padding-left: 0 !important;}
.nodots li {list-style-type:none;}
.nodots a {color: #b48f75 !important;}
.footer-contact-form a:hover {color:#b48f75;}
/******************* FOOTER END ******************/

/******************* PRODUCT DETAIL ******************/
.product-detail-headline {margin-bottom:0.2rem !important;}
.product-detail-features .mb-4, .product-detail-features .mt-4 {margin-top:0.2rem !important;}
.product-detail-configurator .product-detail-configurator-option-input+.product-detail-configurator-option-label.is-display-media {height: 100px !important;}
/******************* PRODUCT DETAIL END ******************/

/******************* MEDIA QUERIES ******************/
/* Kleine Mobilgeräte (z.B. Smartphones im Hochformat) */
@media screen and (max-width: 479px) {
  /* Hier die CSS-Anweisungen für kleine Mobilgeräte */
}
/* Mobilgeräte (z.B. Smartphones im Querformat) */
@media screen and (min-width: 480px) and (max-width: 767px) {
  /* Hier die CSS-Anweisungen für Mobilgeräte */
}
@media screen and (max-width: 576px) {
  /* Hier die CSS-Anweisungen für kleine Mobilgeräte */
  .tns-nav{display: none;}
  .image-slider-controls-container{display: none;}
  .image-slider.has-nav-outside{padding-inline: 0;}
}
/* Tablets (z.B. Tablets im Hochformat) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .cms-section-sidebar-mobile-hidden .cms-section-sidebar-sidebar-content {display: none;}
}
/* Tablets im Querformat / Kleine Laptops */
@media screen and (min-width: 1024px) and (max-width: 1279px) {

}
/* Desktops (z.B. größere Bildschirme) */
@media screen and (min-width: 1280px) {
    .is-srch-default .header-search-col .header-search {max-width: 60%;}
    /*.cms-section-sidebar-sidebar-content.col-lg-4, .cms-section-sidebar-sidebar-content.col-xl-3 {width:16.66666667% !important;}*/
    .header-main .schlagwoerter h1 {display:block; margin: 0;}
    .header-main .header-search-col {display:block; margin: 0 auto;}
}
/* Große Desktops / 4K-Bildschirme */
@media screen and (min-width: 1920px) {
  /* Hier die CSS-Anweisungen für große Desktops und 4K-Bildschirme */
      /*.eckeobenlinks {position:fixed; top:0; left:0; z-index:1300; display:block; width:80%;}*/
}
/******************* MEDIA QUERIES END ******************/