@charset "utf-8";
/* Schriften laden*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype");
}
:root {
  --sysw-body-font-family: Montserrat, sans-serif;
  --sysw-headline-font-family: Oswald, sans-serif;
  --sysw-text-grau: #4a545b;
  --sysw-text-hgrau: #dadada;
  --sysw-offcanvas-hg: #DFE4E8;
  --sysw-white: #fff;
  --sysw-gelb: #FFCE00;
  --sysw-border-color: #bcc1c7;
  --sysw-blau: #004F9F;
  --sysw-blau-hover: #003f7f;
  --sysw-red: #e52427;
  --sysw-green: #3cc261;
  --sysw-hinweis: #ffbd5d;
  --sysw-hinweis-blau: #4AA3DF;
}
/* CSS NAVIGATION & OFFCANVAS */
@media (min-width:992px) {
  .emz-main-navigation .main-navigation-link-text {
    height: 50px;
    color: var(--sysw-white);
  }
  .emz-main-navigation .main-navigation-link.active .main-navigation-link-text, .emz-main-navigation .main-navigation-link .main-navigation-link-text, .emz-main-navigation .main-navigation-link:hover > .main-navigation-link-text {
    color: var(--sysw-white);
  }
  .emz-main-navigation .dropdown > .dropdown-menu .main-navigation-link-text, .emz-main-navigation .dropdown > .dropdown-menu .main-navigation-link.active .main-navigation-link-text {
    color: var(--sysw-text-grau);
  }
  .emz-main-navigation .main-navigation-link:after {
    background: var(--sysw-gelb);
    height: 5px;
  }
  .emz-main-navigation .dropdown > .dropdown-menu .main-navigation-link-text {
    padding: 13px 10px;
  }
  .emz-main-navigation .dropdown > .dropdown-menu {
    margin-top: 5px;
  }
  .emz-main-navigation .main-navigation-link.active > .main-navigation-link-text .icon svg, .emz-main-navigation .main-navigation-link.hover > .main-navigation-link-text .icon svg {
    color: var(--sysw-white);
  } 
.emz-main-navigation .dropdown>.dropdown-menu .main-navigation-link-text>span .icon {
    float: right;
  color: var(--sysw-blau);
}   
   
}
.navigation-offcanvas .navigation-offcanvas-headline {
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
}
.navigation-offcanvas-headline {
  font-weight: 700;
  color: var(--sysw-white);
}
.navigation-offcanvas .navigation-offcanvas-list-item {
  background-color: var(--sysw-white);
  border-color: var(--sysw-border-color);
}
.navigation-offcanvas-list-item {
  background-color: var(--sysw-white);
  border-top: 1px solid var(--sysw-border-color);
}
.navigation-offcanvas .navigation-offcanvas-link.is-back-link {
  border-color: var(--sysw-border-color);
  color: var(--sysw-text-grau);
}
.navigation-offcanvas-link.is-back-link {
  border-top: 1px solid var(--sysw-border-color);
  font-weight: 400;
  color: var(--sysw-text-grau);
}
.navigation-offcanvas .navigation-offcanvas-list-item .navigation-offcanvas-link.is-current-category {
  color: var(--sysw-text-grau);
}
.navigation-offcanvas .navigation-offcanvas-list-item .navigation-offcanvas-link {
  color: var(--sysw-text-grau);
}
.navigation-offcanvas-link.is-current-category {
  color: var(--sysw-text-grau);
  font-weight: 400;
}
.navigation-offcanvas-list-item:hover, .navigation-offcanvas .navigation-offcanvas-link.is-back-link:hover, .dropdown-menu .main-navigation-link:hover {
  background-color: var(--sysw-offcanvas-hg);
}
.navigation-offcanvas-link.is-home-link, .navigation-offcanvas-link.is-home-link .icon {
  color: var(--sysw-text-grau);
}
.dropdown .icon-xs {
  width: 22px;
  height: 14px;
  color: var(--sysw-white);
}
.dropdown .icon > svg {}
.dropdown .icon, .dropdown .icon:hover, .dropdown svg:hover, .dropdown .icon > svg:hover, .emz-main-navigation .main-navigation-link:hover > .main-navigation-link-text .icon svg {
  color: var(--sysw-white);
}
.emz-main-navigation .icon > svg {
  top: 0px;
}
.dropdown .icon-avatar, .dropdown .icon-avatar:hover, .dropdown .icon-avatar svg:hover, .dropdown .icon-avatar > svg:hover {
  color: #4a545b;
}
.badge {
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
}
.btn .badge {
  top: 1px;
}
/* CSS NAVIGATION LINKS */
.category-navigation-link.is-active {
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
  font-weight: 700;
  border-bottom: 1px solid #bcc1c7;
}
.category-navigation.level-1 > .category-navigation-entry {
  border-bottom: 1px solid #bcc1c7;
}
.category-navigation.level-1 > .category-navigation-entry:last-child {
  border-bottom: 0px;
}
.category-navigation.level-0 {
  font-size: var(--bs-body-font-size);
}
/* CSS BREADCRUMB */
.breadcrumb {
  margin-bottom: 5px;
  margin-top: 5px;
}
.breadcrumb a.is-active {
  color: var(--bs-body-color);
  font-weight: 400;
}
.breadcrumb, .breadcrumb a {
  color: var(--bs-body-color);
  font-size: 0.75rem;
}
.breadcrumb svg {
  height: 0.75rem;
  width: auto;
  top: 2px;
}
.card .account-aside-header .card-header:first-child {
  display: block;
  padding: 8px 20px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
}

/* CSS ---- SYSTEMWORKS EDV */
.sysw-nav-headline {
  display: block;
  padding: 8px 20px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
}
/* CSS HEADER / MAIN */
.header-main .header-row .account-menu-btn .emz--text-wrapper, .header-main .header-row .header-cart-icon .emz--text-wrapper {
  font-weight: 400;
}
@media (min-width:992px) {
  .header-main .header-row .header-logo-col .header-logo-picture {
    min-width: 200px;
  }
  .container-main {
    padding: 1em 0;
  }
}
@media (max-width:991px) {
  .row > .cms-section-sidebar-sidebar-content, .row > .cms-section-sidebar-main-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* CSS PRODUKT */
.product-detail-name {
  text-transform: uppercase;
}
.card-tabs .nav-link {}
.product-detail-description {}


.product-box {
  transition: box-shadow 0.7s;
}
.product-box:hover {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(74, 84, 91, 0.3);
  -moz-box-shadow: 0px 0px 5px 2px rgba(74, 84, 91, 0.3);
  box-shadow: 0px 0px 5px 2px rgba(74, 84, 91, 0.3);
}
.product-cheapest-price .with-list-price {
	color: var(--sysw-red);
}
.product-detail-form-container .col-5, .product-detail-form-container .col-8 {
    width: auto;
}
/* CSS FOOTER */
.footer-main .footer-column-content a:hover, .footer-main .footer-column-content .footer-contact-hotline a:hover, .emz-main-navigation a.main-navigation-link:hover {
  color: #C4EAFA;
  text-decoration: none
}
.footer-column-headline {
  font-size: 1.25rem;
  font-family: "Oswald", sans-serif;
}
.footer-column-toggle .icon {
  color: var(--sysw-white);
}
.footer-column-content-inner .footer-link-item .footer-link:before {
  font-family: 'Font Awesome 6 Free';
  content: "\f105";
  padding-right: 5px;
}
@media (min-width: 768px) {
    .footer-link-item {
        padding: 0.25rem 0;
    }
}
/* CSS ---- SYSTEMWORKS EDV */
.sysw-text-center {
    text-align: center;
}
.sysw-nav-headline {
  display: block;
  padding: 8px 20px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--sysw-white);
  background-color: var(--sysw-blau);
}
.sysw-headline .cms-element-text {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--sysw-blau);
  font-size: calc(1.35rem + 1.2vw);
  text-transform: uppercase;
}
.sysw-headline .product-detail-name:before {
  font-family: 'Font Awesome 6 Free';
  content: "\f044";
}
@media (min-width:1200px) {
  .sysw-headline .cms-element-text {
    font-size: 2.25rem
  }
  .sysw-slides .blur-elysium-slide-content  {
    font-size: 150%;
}
 }
i.fa-bookmark {
  color: var(--sysw-gelb);
}
.sysw-pslider .box-minimal, .sysw-pslider .box-standard {
  margin: 5px;
}

.sysw-slides .blur-elysium-slide-headline, .sysw-slides .blur-elysium-slide-description {
    color: var(--sysw-white);
    text-shadow: 0 0 0.15em #3A3A3A, 0 0 0.15em #3A3A3A, 0 0 0.15em #3A3A3A;
}
.sysw-slides .blur-elysium-slide-headline {
    font-size: 2.5em;
}
.sysw-slides .blur-elysium-slide-description {
    font-size: 1.5em;
}

.btn-sysw {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004F9F;
    --bs-btn-border-color: #004F9F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004387;
    --bs-btn-hover-border-color: #003f7f;
    --bs-btn-focus-shadow-rgb: 38, 105, 173;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003f7f;
    --bs-btn-active-border-color: #003b77;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004F9F;
    --bs-btn-disabled-border-color: #004F9F;
}

.sysw-block, .sysw-cms-block {
    padding: 0px 0px 1.5em 0px;
}
.sysw-cms-block {
    margin-bottom: 1.5em;
}
.sysw-cms-block {
    border-bottom: 4px solid var(--sysw-text-hgrau);
}
.sysw-block-start, .sysw-block-container {
      padding: 1em 0px 1em 0px;  
}
.sysw-cms-block-start {
      padding: 1em 0px 1em 0px;  
}
h3.sysw-red {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
    color: var(--sysw-white);
    background: var(--sysw-red);
    display: inline-block;
}

.sysw-block .gallery-slider-single-image.is-cover, .sysw-block .gallery-slider-single-image.is-contain, .sysw-block .gallery-slider-single-image.is-contain img {
    min-height: 450px;
}
.sysw-block .gallery-slider-single-image.is-contain img:hover {
    cursor: zoom-in;
}
.sysw-block .gallery-slider-single-image.is-contain:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f002";
    font-size: 2em;
    color: var(--sysw-text-hgrau);
    position: absolute;
    bottom: 10px;
    right: 10px;
}
  
@media (max-width: 767.98px) {
    .sysw-block .gallery-slider-single-image.is-cover, .sysw-block .gallery-slider-single-image.is-contain, .sysw-block .gallery-slider-single-image.is-contain img {
        min-height: 225px!important
    }
}
@media (max-width: 991.98px) {
    .sysw-block .gallery-slider-single-image.is-cover, .sysw-block .gallery-slider-single-image.is-contain, .sysw-block .gallery-slider-single-image.is-contain img {
        min-height: 300px
    }
}
@media (max-width: 1199.98px) {
    .sysw-block .gallery-slider-single-image.is-cover, .sysw-block .gallery-slider-single-image.is-contain, .sysw-block .gallery-slider-single-image.is-contain img {
        min-height: 400px
    }
}

/* Delivery */

.cms-element-buy-box .delivery-information {
    background: var(--sysw-white);
    border: 1px solid var(--sysw-white);
    line-height: 20px;
    overflow-wrap: break-word;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
}
.cms-element-buy-box .delivery-information:before {
    background: var(--sysw-white);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.cms-element-buy-box .delivery-information:after {
    color: var(--sysw-white);
    font-family: 'Font Awesome 6 Free';
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    left: 10px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    speak: none;
    top: 50%;
}

/* Delivery delivery-shipping-free */
.cms-element-buy-box .delivery-shipping-free, .delivery-shipping-free{
    background: var(--sysw-white);
    border-color: var(--sysw-green);
}
.cms-element-buy-box .delivery-shipping-free:before, .delivery-shipping-free:before {
    background-color: var(--sysw-green);
}
.cms-element-buy-box .delivery-shipping-free:after, .delivery-shipping-free:after {
    content: "\f07a";
    color: var(--sysw-white);
}
/* Delivery delivery-not-available */
.cms-element-buy-box .delivery-not-available, .delivery-not-available{
    background: var(--sysw-white);
    border-color: var(--sysw-red);
}
.cms-element-buy-box .delivery-not-available:before, .delivery-not-available:before {
    background-color: var(--sysw-red);
}
.cms-element-buy-box .delivery-not-available:after, .delivery-not-available:after {
    content: "\f071";
    color: var(--sysw-white);
}
/* Delivery delivery-preorder */
.cms-element-buy-box .delivery-preorder, .delivery-preorder{
    background: var(--sysw-white);
    border-color: var(--sysw-hinweis-blau);
}
.cms-element-buy-box .delivery-preorder:before, .delivery-preorder:before {
    background-color: var(--sysw-hinweis-blau);
}
.cms-element-buy-box .delivery-preorder:after, .delivery-preorder:after {
    content: "\f0d1";
    color: var(--sysw-white);
}
/* Delivery delivery-available */
.cms-element-buy-box .delivery-available, .delivery-available{
    background: var(--sysw-white);
    border-color: var(--sysw-green);
}
.cms-element-buy-box .delivery-available:before, .delivery-available:before {
    background-color: var(--sysw-green);
}
.cms-element-buy-box .delivery-available:after, .delivery-available:after {
    content: "\f164";
    color: var(--sysw-white);
}
/* Delivery delivery-soldout */
.cms-element-buy-box .delivery-soldout, .delivery-soldout{
    background: var(--sysw-white);
    border-color: var(--sysw-hinweis);
}
.cms-element-buy-box .delivery-soldout:before, .delivery-soldout:before {
    background-color: var(--sysw-hinweis);
}
.cms-element-buy-box .delivery-soldout:after, .delivery-soldout:after {
    content: "\f06a";
    color: var(--sysw-white);
}
/* Delivery delivery-restock */
.cms-element-buy-box .delivery-restock, .delivery-restock{
    background: var(--sysw-white);
    border-color: var(--sysw-hinweis-blau);
}
.cms-element-buy-box .delivery-restock:before, .delivery-restock:before {
    background-color: var(--sysw-hinweis-blau);
}
.cms-element-buy-box .delivery-restock:after, .delivery-restock:after {
    content: "\f0d1";
    color: var(--sysw-white);
}

.cms-element-buy-box .delivery-soldout a {
    font-weight: bold;
}