 /** * 2025-07-29 19:55:25 */         body {  font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;   font-weight: 400;  font-size: 14px; }  /* Class for elements in custom content */ .headings-font, .main-font,  /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .filter .block-subtitle, /* Generic */ .feature .heading, .uaccordion .heading, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page tabs */ .product.data.items > .item.title > .switch, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading {  font-family: 'Roboto';    font-weight: 700;  }   body {  background-color: #fff;   color: #222;  } a {  color: #222;  } a:hover, .sideacco li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover {  color: #e30613;  }   .page-wrapper a.pagebuilder-button-primary, .page-wrapper button.pagebuilder-button-primary, .page-wrapper div.pagebuilder-button-primary, .page-wrapper .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary, .page-wrapper .action-gift.pagebuilder-button-primary { background-color: #222; color: #fff; } .page-wrapper a.pagebuilder-button-primary:hover, .page-wrapper button.pagebuilder-button-primary:hover, .page-wrapper div.pagebuilder-button-primary:hover, .page-wrapper .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:hover, .page-wrapper .action-gift.pagebuilder-button-primar:hover, .page-wrapper a.pagebuilder-button-primary:focus, .page-wrapper button.pagebuilder-button-primary:focus, .page-wrapper div.pagebuilder-button-primary:focus, .page-wrapper .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:focus, .page-wrapper .action-gift.pagebuilder-button-primar:focus { background-color: #444; color: #fff; }  .action.primary { background-color: #222; color: #fff; } .action.primary:hover, .action.primary:focus { background-color: #444; color: #fff; }  .product-view .action.primary, .action.primary.checkout { background-color: #222; color: #fff; } .product-view .action.primary:hover, .action.primary.checkout:hover { background-color: #444; color: #fff; }  .links > li > a:hover {  background-color: #e30613;   color: #fff !important;  }  .sticker.new { background-color: #ed1c17; color: #fff; } .sticker.sale { background-color: #a5db00; color: #fff; } .sticker.custom { background-color: #a5db00; color: #fff; }  .opc-progress-bar-item._active:before, .opc-progress-bar-item._active > span:before, .opc-wrapper .shipping-address-item.selected-item:after, .filter-title strong[data-count]:after, .main-color--bg { background-color: #5bd2ec; } .opc-wrapper .shipping-address-item.selected-item, .main-color--border { border-color: #5bd2ec; } .fotorama__thumb-border { border-color: #333; } .swatch-option.selected, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline-color: #333; }      .price-box .price { color: #e30613; }  .special-price .price, .special-price .price-label { color: #F70046; }  .page-product-configurable .product-info-price .special-price .price { color: #e30613; }  .old-price .price, .old-price .price-label, .old-price,  .old.price { color: #ccc; }  .rating-summary .rating-result > span:before, .review-control-vote label:before { color: #222; }  .additional-bg-color, .cart-summary, .opc-block-summary, .opc-estimated-wrapper, .bundle-options-container .block-bundle-summary, .block-collapsible-nav .content,  /* Legacy styles selectors, may be deprecated (review it later): */ .checkout-agreements li { background-color: #f3f3f3; }  .minicart-wrapper .action.showcart .counter:not(.ib),  .header-container .skip-link .counter,  .dropdown-block .dropdown-heading .counter, .dropdown-block .action.compare .counter, .header-container .skip-compare .compare-link-mobile .counter {  background-color: #ed1c17;  }  .minicart-wrapper .action.showcart .counter:not(.ib),  .dropdown-block .dropdown-heading .counter {  }       .modes-mode, .sorter-action, .pages .page, .pages .action, .pages .action.previous, .pages .action.next { background-color: #f3f3f3; color: #222; } .modes-mode:before, .sorter-action:before, .pages .action:before, .pages .action.previous:before, .pages .action.next:before { color: #222; }  .modes-mode:hover, .sorter-action:hover, .pages .page:hover, .pages .action:hover { background-color: #222; color: #fff; } .modes-mode:hover:before, .sorter-action:hover:before, .pages .action:hover:before, .pages .action.previous:hover:before, .pages .action.next:hover:before { color: #fff; }  .modes-mode.active, .pages .current .page { background-color: #c9c9c9; color: #222; } .modes-mode.active:before { color: #222; }   /* Add-to links */ .addto-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener, .collapsible .opener, /* Quantity button */ .qty-button, /* Scroll to top */ #scroll-to-top { background-color: #f3f3f3; color: #222; }  /* Add-to links */ .addto-links .ic:hover, .addto-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener:hover, .collapsible .opener:hover, /* Quantity button */ .qty-button:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #222; color: #fff; }  /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #c9c9c9; color: #222; }    .ib { background-color: #a5db00; color: #fff; }  .ib-hover:hover, .feature-icon-hover:hover .ib { background-color: #e30613; color: #fff; }   .ib-ef-1:hover, .feature-icon-hover:hover .ib-ef-1 { background-color: #e30613; color: #fff; } .ib-ef-1:after { box-shadow: 0 0 0 4px #e30613; }  .ib-ef-2 { box-shadow: 0 0 0 4px #a5db00; } .ib-ef-2:after { background-color: #a5db00; }  .ib-ef-2a:hover, .feature-icon-hover:hover .ib-ef-2a { color: #fff; }  .ib-ef-2b:hover, .feature-icon-hover:hover .ib-ef-2b { color: #a5db00; }  .ib-ef-3 { box-shadow: 0 0 0 4px #a5db00; } .ib-ef-3:after { background-color: #a5db00; }  .ib-ef-3a:hover, .feature-icon-hover:hover .ib-ef-3a { color: #a5db00; }  .ib-ef-3b { color: #a5db00; } .ib-ef-3b:hover, .feature-icon-hover:hover .ib-ef-3b { color: #fff; }  .ib.icon-color-productview { background-color: #222;  color: #fff;  } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview { background-color: #e30613 !important;  color: #fff !important;  }    .cap { background-color: #ed1c17; }               .footer-container { background-image: url(https://shop.diagonal.de/media/wysiwyg/infortis/_bg/default/footer-bg-white_1.svg); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }     .page-wrapper {  border-top-color: #e30613; border-top-style: solid; border-top-width: 5px;  }   .inner-container { padding-left: 15px; padding-right: 15px; }                  .header-container {  } .header.container {  }  .header-container3 {   }      .header-regular .block-search.expanding._active  { width: 185px; }    .header-regular .block-search .aa-Input, .header-regular .block-search .input-text, .header-regular .block-search .action.search .icon, .header-regular .block-search.expanding .input-text  {  background-color: #fff;   color: #bbb;  }  .header-regular .block-search .aa-Input:hover, .header-regular .block-search .aa-Input:focus, .header-regular .block-search .input-text:hover, .header-regular .block-search .input-text:focus, .header-regular .block-search .action.search:hover .icon, .header-regular .block-search .action.search:focus .icon, .header-regular .block-search.expanding._active .input-text  {  background-color: #fff;   color: #333;  }  .header-regular .block-search.expanding._active .action.search .icon {  color: #333;  }  .block-search .action.search .icon { background-color: transparent !important;   color: #bbb;  }     .header-container .block-search .aa-Input, .header-container .block-search .input-text { border-color: #ddd; }   .header-container .block-search .aa-Input:hover, .header-container .block-search .aa-Input:focus, .header-container .block-search .input-text:hover, .header-container .block-search .input-text:focus { border-color: #eee; }         .header-regular .block-search .action.search,  .header-regular .block-search .action.search:before,  .header-regular .block-search .input-text::-webkit-input-placeholder, .header-regular .block-search .input-text:-moz-placeholder, .header-regular .block-search .input-text::-moz-placeholder, .header-regular .block-search .input-text:-ms-input-placeholder, .header-regular .block-search .input-text::placeholder, .header-regular .block-search .aa-Input::-webkit-input-placeholder, .header-regular .block-search .aa-Input:-moz-placeholder, .header-regular .block-search .aa-Input::-moz-placeholder, .header-regular .block-search .aa-Input:-ms-input-placeholder, .header-regular .block-search .aa-Input::placeholder { color: #bbb; }   .header-regular .block-search .action.search:hover,  .header-regular .block-search .action.search:focus,  .header-regular .block-search .action.search:hover:before,  .header-regular .block-search .action.search:focus:before,  .header-regular .block-search .input-text:hover::-webkit-input-placeholder, .header-regular .block-search .input-text:focus::-webkit-input-placeholder, .header-regular .block-search .input-text:hover:-moz-placeholder, .header-regular .block-search .input-text:focus:-moz-placeholder, .header-regular .block-search .input-text:hover::-moz-placeholder, .header-regular .block-search .input-text:focus::-moz-placeholder, .header-regular .block-search .input-text:hover:-ms-input-placeholder, .header-regular .block-search .input-text:focus:-ms-input-placeholder, .header-regular .block-search .input-text:hover::placeholder, .header-regular .block-search .input-text:focus::placeholder, .header-regular .block-search .aa-Input:hover::-webkit-input-placeholder, .header-regular .block-search .aa-Input:focus::-webkit-input-placeholder, .header-regular .block-search .aa-Input:hover:-moz-placeholder, .header-regular .block-search .aa-Input:focus:-moz-placeholder, .header-regular .block-search .aa-Input:hover::-moz-placeholder, .header-regular .block-search .aa-Input:focus::-moz-placeholder, .header-regular .block-search .aa-Input:hover:-ms-input-placeholder, .header-regular .block-search .aa-Input:focus:-ms-input-placeholder, .header-regular .block-search .aa-Input:hover::placeholder, .header-regular .block-search .aa-Input:focus::placeholder { color: #333; }      .header-container .block-search .input-text, .header-container .block-search .aa-Input { box-shadow: none; }    .header-container .block-search .input-text:focus, .header-container .block-search .aa-Input:focus { box-shadow: 0 0 5px rgba(81,167,232,0.5), inset 0 1px 2px rgba(0,0,0,0.075); }      .header-container .dropdown-block .dropdown-content,  .header-container .dropdown-block.filled-heading.open .dropdown-heading .inner-heading, .header-container .dropdown-block.open .dropdown-heading.cover .inner-heading,   .header-container .block-search .search-autocomplete ul li {  background-color: #fff;   color: #333;   }  .header-container .dropdown-block.filled-heading.open .dropdown-heading .icon:not(.ib), .header-container .dropdown-block.open .dropdown-heading.cover .icon:not(.ib)  {  color: #333;   }   .header-container .dropdown-block .dropdown-content a, .header-container .dropdown-block .dropdown-content .action:before,  .header-container .dropdown-block.filled-heading.open .dropdown-heading a, .header-container .dropdown-block.open .dropdown-heading.cover a  {  color: #333;  } .header-container .dropdown-block .dropdown-content a:hover, .header-container .dropdown-block .dropdown-content .action:hover:before, .header-container .dropdown-block.filled-heading.open .dropdown-heading a:hover, .header-container .dropdown-block.open .dropdown-heading.cover a:hover,   .header-container .block-search .search-autocomplete ul li:hover, .header-container .block-search .search-autocomplete ul li.selected  {  color: #aaa;  }  .dropdown-block.show-pointer .dropdown-content:before { border-bottom-color: #fff; } .dropdown-block.show-border .dropdown-content:after { border-bottom-color: ; } .dropdown-block.show-border .dropdown-content, .dropdown-block.show-border.filled-heading.open .dropdown-heading { border-color: ; }   .dropdown-block .dropdown-heading .icon {  color: #333;  }  .dropdown-block .dropdown-heading .icon.ib {  background-color: #f55856;  }  .header-top-container {    } .header-top {     } .header-top a {  } .header-top a:hover {  }   .header-top .local-font, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * {      } .header-top .local-height, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * {  line-height: 40px;  }  .header-top .dropdown-block .dropdown-heading {  max-height: 40px; }  .header-top { line-height: 40px;  }   .header-primary-container {   padding-top: 30px;   padding-bottom: 30px;  } .header-primary {     } .header-primary a {  } .header-primary a:hover {  }   .header-primary .local-font, .header-primary .dropdown-block .dropdown-heading, .header-primary .links > li > * {       line-height: 40px;  }  .header-primary .dropdown-block .dropdown-heading {  max-height: 40px; }     .cat-label-label1 {  background-color: #a5db00;   color: #fff;  } .cat-label-label2 {  background-color: #d52462;   color: #fff;  }  li.level0 > a > span > .cat-label-label1.pin-bottom:before {  border-top-color: #a5db00;  } li.level0 > a > span > .cat-label-label2.pin-bottom:before {  border-top-color: #d52462;  }  li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ {  background-color: #ff7214;   color: #fff;  } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before {  border-top-color: #ff7214;  }  .navi .nav-panel--dropdown {  background-color: #fff;   color: #222;  }  .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {  background-color: #fff !important;  }   .nav-regular .nav-panel--dropdown .nav-item > a:hover { background-color: #e30613; }   .navi .nav-panel--dropdown a {  color: #222;  } .navi .nav-panel--dropdown a:hover {  color: #fff;  }      .nav-regular .nav-panel--dropdown { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); }    .nav-mobile div.nav-panel--dropdown,  .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15);  z-index: 1; position: relative; }  .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }     .nav-container {    }  .nav.container {    padding-top: 12px;   padding-bottom: 12px;  }            .sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a, .sticky-header .nav-regular .nav-item--homeicon a,  .sticky-header .nav-regular .nav-item--homeicon.active a, .sticky-header .nav-holder .dropdown-block .dropdown-heading,  .sticky-header .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib),  .sticky-header .nav-holder .dropdown-block .dropdown-heading a,  .sticky-header .nav-holder .block-search.expanding:not(._active) .action.search .icon  { color: #222; }    .sticky-header .nav-border-bottom { border-bottom: none; }     .nav-mobile .nav-item > a, .header-mobile .skip-content .links > li > a { line-height: 50px; }    .navi-wrapper, .nav-regular { background-color: ; } .nav-regular:not(.nav-vert) .nav-item.level0 > a,  .nav-holder .dropdown-block .dropdown-heading,  .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib),  .nav-holder .dropdown-block .dropdown-heading a,  .nav-holder .block-search.expanding .action.search .icon  { color: #222; }  .navi .nav-item--homeicon a { color: #222 !important; }   .nav-mobile .nav-item.level0 > a, .header-mobile .skip-content .links > li > a  { background-color: #222; color: #fff; padding: 0 10px; } .nav-mobile .nav-item.level0 > .opener { color: #fff; }   .navi.nav-mobile ul.level0 .nav-item > a { background-color: #222; color: #fff; } .nav-mobile ul.level0 .nav-item > .opener { color: #fff; }    .nav-regular:not(.nav-vert) .nav-item.level0.active > a { background-color: #e30613; color: #fff; }   .nav-mobile .nav-item.level0.current > a, .header-mobile .skip-content .links > li.current > a  { background-color: #222; color: #fff; } .nav-mobile .nav-item.level0.current > .opener { color: #fff; }   .navi.nav-mobile ul.level0 .nav-item.current > a { background-color: #222; color: #fff; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #fff; }    .nav-regular:not(.nav-vert) .nav-item.level0:hover > a { background-color: #222; color: #fff; }   .nav-mobile .nav-item.level0 > a:hover, .header-mobile .skip-content .links > li > a:hover  { background-color: #e30613; color: #fff; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #fff; }   .navi.nav-mobile ul.level0 .nav-item > a:hover { background-color: #e30613; color: #fff; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #fff; }    .nav-vert .nav-item.level0 > a { background-color: #ddd; color: #333; }  .sideacco .nav-item > a { background-color: #ddd; color: #333; } .sideacco .nav-item > .opener { color: #333; }  .nav-vert .nav-item.level0.active > a { background-color: #333; color: #f5f5f5; }  .sideacco .nav-item.current > a { background-color: #333; color: #f5f5f5; } .sideacco .nav-item.current > .opener { color: #f5f5f5; }  .nav-vert .nav-item.level0:hover > a { background-color: #ed1c17; color: #fff; }   .sideacco .nav-item > a:hover { background-color: #ed1c17; color: #fff; } .sideacco .nav-item > a:hover + .opener { color: #fff; }    .navi.nav-vert-triggerable { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }     .navi-wrapper .menu-trigger, .nav-regular .nav-item.level0 > a { line-height: 44px; }  .navi-wrapper .navi.nav-vert-triggerable { top: 44px; }  .nav-holder > * { line-height: 44px; max-height: 44px; } .nav-holder .dropdown-block .dropdown-heading { line-height: 44px; max-height: 44px; }    .menu-trigger, .nav-vert .nav-item.level0 > a { line-height: 36px; }  .vertnav-trigger + .navi.nav-vert-triggerable { top: 36px; }  .sideacco .nav-item > a { line-height: 36px; } .sideacco .nav-item.parent > a {  padding-right: 36px; } .sideacco .nav-item > .opener { width: 36px; height: 36px; line-height: 36px; }         .nav-mobile .nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #eee; }     .menu-trigger .menu-trigger-inner { background-color: ; color: #222; }  .menu-trigger .menu-trigger-inner:hover { background-color: #222; color: #fff; }  .menu-trigger.active .menu-trigger-inner { background-color: #222; color: #fff; }  .menu-trigger .menu-trigger-inner .trigger-icon .line { background-color: #222; } .menu-trigger .menu-trigger-inner:hover .trigger-icon .line { background-color: #fff; } .menu-trigger.active .menu-trigger-inner .trigger-icon .line { background-color: #fff; }    .vertnav-trigger .menu-trigger-inner {  background-color: #f7f7f7;   color: #333;  }   .vertnav-trigger .menu-trigger-inner .trigger-icon .line { background-color: #333; }          .vertnav-trigger, .nav-regular .nav-item.level0 > a, .nav-holder .dropdown-block .dropdown-heading  {  font-family: 'Roboto';   font-size:18px;   font-weight: 700;   text-transform: none;  }  .nav-regular .nav-item > a {  font-family: 'Roboto';   font-size:16px;     }   .nav-regular .nav-submenu--mega .nav-item > a {  font-size:14px;   text-transform: none;  }  .nav-regular .nav-submenu--mega > .nav-item > a {  font-family: 'Roboto';   font-size:16px;    text-transform: none;  }    .nav-mobile li.nav-item > a { font-size:16px; }   .nav-mobile .nav-item > a, .header-mobile .skip-content .links > li > a  {  font-family: 'Roboto';  }  .mobnav-trigger, .nav-mobile .nav-item.level0 > a, .header-mobile .skip-content .links > li > a  {  font-size:18px;    text-transform: none;  }  .nav-mobile .nav-item.level1 > a {  font-size:18px;   text-transform: none;  }   @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 16px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 16px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 15px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 3px; } }   .header-container-micro { background-color: rgba(0,0,0, 0.02); }     .header-mobile.header-container,  .header-mobile .header-m-container, .header-mobile .nav-container {  padding-top: 0; padding-bottom: 0; }   .header-mobile .header-m-top, .header-mobile .header-m-primary, .header-mobile .nav {  }  .header-mobile .header-container3 {   }    .header-mobile .skip-link {  background-color: #fafafa;   color: #333;  } .header-mobile .skip-link.skip-active {  background-color: #f5f5f5;   color: #3ec2df;  } .header-mobile .skip-link:hover {  background-color: #5bd2ec;   color: #fff;  }  .header-mobile .skip-content--style {  background-color: #f5f5f5;   color: #333;  } .header-mobile .skip-content--style a {  color: #333;  } .header-mobile .skip-content--style a:hover {  color: #3ec2df;  }  .main-container {    } .main.container {  background-color: #fff;   padding-top: 32px;   padding-bottom: 32px;  }  .truncated .item-options { background-color: #fff; }             /* Slider arrows */ .slideshow-wrapper .owl-controls .owl-buttons div, /* Slider pagination */ .slideshow-wrapper.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .slideshow-wrapper.slider-pagination2 .owl-controls .owl-page span, .slideshow-wrapper.slider-pagination2 .owl-controls .owl-page.active span, .slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #fff; color: #333; }  /* Slider arrows */ .slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000; color: #fff; }  .slideshow-wrapper.slider-pagination1 .owl-controls .owl-page.active span, .slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #a5db00;   }  .footer-container {  background-color: #e30613;  } .footer {   }  .footer a {  } .footer a:hover {  }  .footer .button { background-color: #e5e5e5; color: #555; } .footer .button:hover, .footer .button:focus { background-color: #a5db00; color: #fff; }  .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #a5db00; color: #fff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #444 !important; color: #fff !important; }   /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener, .footer .collapsible .opener { background-color: #f5f5f5; color: #222; }  /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #e30613; color: #fff; }  .footer-top-container {  background-color: #e30613;   padding-top: 20px;   padding-bottom: 10px;  } .footer-top {   color: #fff;    } .footer-top a {  } .footer-top a:hover {  }  .footer-primary-container {   padding-top: 32px;   padding-bottom: 32px;  } .footer-primary {   color: #fff;   padding-top: 20px;   padding-bottom: 20px;  } .footer-primary a {  color: #fff;  } .footer-primary a:hover {  color: #f8c3c6;  }  .footer-bottom-container {  } .footer-bottom {   color: #fff;   padding-top: 20px;   padding-bottom: 20px;  } .footer-bottom a {  color: #fff;  } .footer-bottom a:hover {  color: #f8c3c6;  }   .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #bbb; color: #fff; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #ed1c17 !important; color: #fff !important; }     /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown-block.filled-heading.open .dropdown-heading, .dropdown-block.open .dropdown-heading.filled, .dropdown-block.open .dropdown-heading.cover,  .dropdown-block.open .dropdown-content, /* Search autocomplete */ .search-autocomplete { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }   .fotorama__spinner { background-image: url(https://shop.diagonal.de/static/version1753812638/frontend/Synoa/ultimo/en_US/images/loader-1.gif) !important; background-size: 64px; animation: none !important; } .loading-mask { background: rgba(255, 255, 255, 0.8) !important; } .minicart-wrapper .loading-mask { background: rgba(255, 255, 255, 0.8) !important; }     .message.success > *:first-child:before {   } .message.success {      } .message.success a {  } .message.success a:hover {  }  .message.notice > *:first-child:before {   } .message.notice {      } .message.notice a {  } .message.notice a:hover {  }  .message.warning > *:first-child:before {   } .message.warning {      } .message.warning a {  } .message.warning a:hover {  }  .message.error > *:first-child:before {   } .message.error {      } .message.error a {  } .message.error a:hover {  }   /** * 2025-07-29 19:55:25 */ /* w:1440, b:1440*/      .lte-ie8 .container { max-width:1380px; }             @media only screen and (min-width: 1440px)  {   .container { max-width: 1380px; }   /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:18%; clear:none !important; }
.itemgrid > li:nth-of-type(5n+1) { clear:left !important; }
 /* Item grid - adaptive -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }  /* Hide */ .hide-below-1440 { display:inherit !important; } .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } }    @media only screen and (min-width: 1200px) and (max-width: 1439px)  {   .container { max-width: 1170px; }   /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:23%; clear:none !important; }
.itemgrid > li:nth-of-type(4n+1) { clear:left !important; }
 /* Item grid - adaptive -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }  /* Hide */ .hide-below-1280 { display:inherit !important; } }   @media only screen and (max-width: 1199px) { }   @media only screen and (min-width: 992px) and (max-width: 1199px)  {   .container { max-width: 970px; }   /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
 /* Item grid - adaptive -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:48%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(2n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(7n+1) { clear:left !important; } }   @media only screen and (max-width: 991px) { }   @media only screen and (min-width: 768px) and (max-width: 991px)  {   .container { max-width: 750px; }   /* 2 columns - left -------------------------------------------------------------- */ .page-layout-2columns-left .column.main { width: 75%; } .page-layout-2columns-left .sidebar-main { width: 25%; } .page-layout-2columns-left .sidebar-additional { width: 25%; } /* 2 columns - right -------------------------------------------------------------- */ .page-layout-2columns-right .column.main { width: 75%; } .page-layout-2columns-right .sidebar-main { width: 25%; } .page-layout-2columns-right .sidebar-additional { width: 25%; } /* 3 columns -------------------------------------------------------------- */ .page-layout-3columns .column.main { width: 75%; float: right; } .page-layout-3columns .sidebar-main { width: 25%; float: left; } .page-layout-3columns .sidebar-additional { width: 25%; padding-right: 2%; padding-left: 0; clear: left; float: left; } /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
 /* Item grid - adaptive Between breakpoints S and M decrease number of columns if default number of columns is 4 or higher. -------------------------------------------------------------- */ /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 8 columns */ .itemgrid-adaptive.itemgrid-8col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) { clear:left !important; } }   @media only screen and (max-width: 767px) {  .container { max-width: none !important; width: 100%; }  .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full { width:100% !important;  margin-left:0; margin-right:0; }  .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional { width: 100%; margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; }  .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } }  @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
 }  @media only screen and (max-width: 639px) {   }  @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
 }  @media only screen and (max-width: 479px) {   
        .category-products-grid.hover-effect .item .addto-links,
        .category-products-grid .item .addto-links {
            display: none !important;
        }
          }  @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ 
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
 }  @media only screen and (max-width: 319px) {  
        /* Disable hover effect */
        .category-products-grid.hover-effect .item:hover {
            margin-left:0;
            margin-right:0;
            padding-left:1%;
            padding-right:1%;
            box-shadow: none !important;
            border-color: #f5f5f5;
        }
        .category-products-grid.hover-effect .item .display-onhover { display:block !important; }
        .category-products-grid.hover-effect.single-line-name .item .product-name { overflow: visible; white-space: normal; }
           /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } }  @media only screen and (max-width: 1023px) { .hide-below-1024 { display:none !important; } } @media only screen and (max-width: 959px) { .hide-below-960 { display:none !important; } } @media only screen and (max-width: 767px) { .hide-below-768 { display:none !important; } } @media only screen and (max-width: 479px) { .hide-below-480 { display:none !important; } } @media only screen and (max-width: 319px) { .hide-below-320 { display:none !important; } } 