@charset "UTF-8";
/* START nötige SCSS Abhängigkeiten */
/* grid breakpoints */
/* grid containers */
/* MAS diese Farbe steuert alle Barriere Outlines und Borders */
/* fonts */
/* MAS - Neu für FA 7 */
/* links */
/* navs */
/* Padding nav-link global oben unten */
/* Padding nav-link global links rechts */
/* #shop-nav Links */
/* gilt nicht für die mehrzeilige Dropdown Version START */
/* Padding Main Menu links rechts !! nur in rem angeben */
/* Padding Main Menu oben unten !! nur in rem angeben */
/* Lineheight Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des Menues zusammen */
/* Padding affix Main Menu links rechts !! nur in rem angeben */
/* Padding affix Main Menu oben unten !! nur in rem angeben */
/* Lineheight affix Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des affix Menues zusammen */
/* gilt nicht für die mehrzeilige Dropdown Version END */
/* mehrzeilige Dropdown Version START */
/* Padding Main Dropdown Menu oben unten */
/* Padding Main Dropdown Menu links rechts */
/* Padding affix Main Dropdown Menu oben unten */
/* mehrzeilige Dropdown Version END */
/* Werte für das Logo */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Logohöhe klein */
/* Logohöhe affix klein */
/* Logohöhe ab LG */
/* Logohöhe affix ab LG */
/* grid breakpoints */
/* grid containers */
/* MAS - Für FA 6 */
/* MAS - Neu für FA 7 */
/*$btn-font-weight:                   $font-weight-semibold !default; */ /* MAS als eigene Variable in own_variables */
/* MAS diese Farbe steuert alle Barriere Outlines und Borders */
/* Header Account Dropdown Footer, Header Hover Dropdown item */
/* Header Cart Dropdown Total Item / Versandhinweis */
/* links */
/* Radius */
/* border */
/* cards */
/* progress bar */
/* list group */
/* tables */
/* breadcrumbs */
/* MAS Divider in _own-variables.scss */
/* navs */
/* Padding nav-link global oben unten */
/* Padding nav-link global links rechts */
/* #shop-nav Links */
/* gilt nicht für die mehrzeilige Dropdown Version START */
/* Padding Main Menu links rechts !! nur in rem angeben */
/* Padding Main Menu oben unten !! nur in rem angeben */
/* Lineheight Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des Menues zusammen */
/* Padding affix Main Menu links rechts !! nur in rem angeben */
/* Padding affix Main Menu oben unten !! nur in rem angeben */
/* Lineheight affix Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des affix Menues zusammen */
/* gilt nicht für die mehrzeilige Dropdown Version END */
/* mehrzeilige Dropdown Version START */
/* Padding Main Dropdown Menu oben unten */
/* Padding Main Dropdown Menu links rechts */
/* Padding affix Main Dropdown Menu oben unten */
/* mehrzeilige Dropdown Version END */
/* Werte für das Logo */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Logohöhe klein */
/* Logohöhe affix klein */
/* Logohöhe ab LG */
/* Logohöhe affix ab LG */
/* modals */
/* progress */
/* options */
/* dropdowns */
/* globales */
/* Barrierefrei */
/* nachfolgende Variablen nur bei 'true' funktionstüchtig */
/* Price Farben */
/* Text Farben */
/* Tabs */
/* Formular Dropdown Menu - Typehead */
/* Checkout */
/* Modal */
/* Warenkorb Mini */
/* Echte Bildgroesse ist 10px schmaler */
/* Header */
/* INFO: kein "transparent" als Hintergrundfarbe verwenden */
/* 0 fuer kein Border */ /* in PX */
/* Topbar */
/* WIP Es müssen auch Anpassungen an der JS vorgenommen werden WIP */
/* header zweite Zeile (Die Zeile mit Logo, Warenkorb, Suche etc.) */
/* zusätzlich BG Farbe der möglichen Menu Pfeile */
/* shop-nav */
/* shop-nav Badge */
/* Header dritte Zeile (Die Zeile mit dem Menu, falls es unter dem Logo steht) */
/* zusätzlich BG Farbe der möglichen Menu Pfeile */
/* Navbar */
/* 0 für kein Border */ /* in PX */
/* Breadcrumb */
/* MAS alle anderen Zeichen in der _variables.scss */
/* Megascrollmenu */
/* Megamenu */
/* Dropdown Nav Menu (keine Kategorien) */
/* Kategorie Dropdown Menu */
/* Kategorie Dropdown Menu Padding */
/* Mobile Menu */
/* Footer */
/* Footer Copyright */
/* Footer Social Buttons */
/* Paymentfont Footer */
/* transition */
/* hr-sect */
/* hat nur Auswirkungen, wenn $mas-hr-sect-font-display nicht flex */
/* dicke der Striche up LG */
/* dicke der Striche down MD */
/* Statusfarben */
/* Boxen Sidebar */
/* nur Header */
/* Listenansicht Hauptkategoriebild */
/* Listenansicht Produktbox */
/* Blog / News */
/* Detailseite */
/* Ribbons Ergänzung (Rest in _variables) */
/* Alerts */
/* Badges */
/* Button Forms Inputs Height */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* input Font Size */
/* Buttons */
/*$mas-btn-active-shadow:             $btn-active-box-shadow !default;*/
/* Stepper */
/* Hintergrundfarbe der Leiste - mobile */
/* Zwischenraumfarbe in Pfeilform - Desktop */
/* Die Steps links - vergangen */
/* Textfarbe der vergangenen Steps - Desktop */
/* Hintergrundfarbe der vergangenen Steps - Desktop */
/* Badgehintergrundfarbe der vergangenen Steps */
/* Badgetextfarbe der vergangenen Steps */
/* Der Step in der Mitte - aktiv */
/* Textfarbe der erledigten Steps auf der Bestellabschlusseite */
/* Hintergrundfarbe des aktiven Steps - Desktop // Borderfarbe unten - mobile */
/* Badgehintergrundfarbe des aktiven Steps */
/* Badgetextfarbe des aktiven Steps */
/* Textfarbe des aktiven Steps */
/* Die Steps rechts - inaktiv */
/* Hintergrundfarbe der inaktiven Steps - Desktop */
/* Textfarbe der inaktiven Steps - Desktop */
/* Badgehintergrundfarbe der inaktiven Steps */
/* Badgetextfarbe der inaktiven Steps */
/* Pagination */
/* Gradient Farben */
/* Slider */
/* wenn $mas-sliderboxes-padding 0.5 -> 1,75, wenn 1.0 -> 1,25, wenn 1.5 -> 0,75 */
/* für Iconfont, dieser Code! ' normal 400 1.4375rem/1 "ecticon" ' */
/* Slick Dots */
/* Slick Slider Werte bitte mit der mas.slider.js abgleichen */
/* globae Slider Varianten */
/* Artikeldetailseite Thumbnails */
/* START Detailseite Gallery Thumnails */
/* nachfolgende Variablen nur bei 'true' funktionstüchtig */
/* 46px bei 991,98px */
/* -112px bei 991,98px */
/* 73px bei 991,98px */
/* Wichtig! In der mas.slider.js die Zeilen 32, 33 und 70, 71 anpassen */
/* END Detailseite Gallery Thumnails */
/* Frontpage Kategorien Styles */
/* Paypal Express Schaltflächen */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS zu klein */
/*@import "../../base/fontawesomePro/scss/functions";
@import "../../base/fontawesomePro/scss/variables";*/
/* Nur für Fonta Awesome 6 !! Die Links entkommentieren um FA Variables verwenden zu koennen */
/* Slick Slider Werte bitte mit der mas.slider.js abgleichen */
/* Navbar */
/* 0 für kein Border */ /* in PX */
/* START nötige SCSS Abhängigkeiten */
/* grid breakpoints */
/* grid containers */
/* MAS - Für FA 6 */
/* MAS - Neu für FA 7 */
/*$btn-font-weight:                   $font-weight-semibold !default; */ /* MAS als eigene Variable in own_variables */
/* MAS diese Farbe steuert alle Barriere Outlines und Borders */
/* Header Account Dropdown Footer, Header Hover Dropdown item */
/* Header Cart Dropdown Total Item / Versandhinweis */
/* links */
/* Radius */
/* border */
/* cards */
/* progress bar */
/* list group */
/* tables */
/* breadcrumbs */
/* MAS Divider in _own-variables.scss */
/* navs */
/* Padding nav-link global oben unten */
/* Padding nav-link global links rechts */
/* #shop-nav Links */
/* gilt nicht für die mehrzeilige Dropdown Version START */
/* Padding Main Menu links rechts !! nur in rem angeben */
/* Padding Main Menu oben unten !! nur in rem angeben */
/* Lineheight Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des Menues zusammen */
/* Padding affix Main Menu links rechts !! nur in rem angeben */
/* Padding affix Main Menu oben unten !! nur in rem angeben */
/* Lineheight affix Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des affix Menues zusammen */
/* gilt nicht für die mehrzeilige Dropdown Version END */
/* mehrzeilige Dropdown Version START */
/* Padding Main Dropdown Menu oben unten */
/* Padding Main Dropdown Menu links rechts */
/* Padding affix Main Dropdown Menu oben unten */
/* mehrzeilige Dropdown Version END */
/* Werte für das Logo */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Abstand oberhalb und unterhalb des Logos affix */
/* Logohöhe klein */
/* Logohöhe affix klein */
/* Logohöhe ab LG */
/* Logohöhe affix ab LG */
/* modals */
/* progress */
/* options */
/* dropdowns */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS Barriere */
/* MAS zu klein */
/* globales */
/* Barrierefrei */
/* nachfolgende Variablen nur bei 'true' funktionstüchtig */
/* Price Farben */
/* Text Farben */
/* Tabs */
/* Formular Dropdown Menu - Typehead */
/* Checkout */
/* Modal */
/* Warenkorb Mini */
/* Echte Bildgroesse ist 10px schmaler */
/* Header */
/* INFO: kein "transparent" als Hintergrundfarbe verwenden */
/* 0 fuer kein Border */ /* in PX */
/* Topbar */
/* WIP Es müssen auch Anpassungen an der JS vorgenommen werden WIP */
/* header zweite Zeile (Die Zeile mit Logo, Warenkorb, Suche etc.) */
/* zusätzlich BG Farbe der möglichen Menu Pfeile */
/* shop-nav */
/* shop-nav Badge */
/* Header dritte Zeile (Die Zeile mit dem Menu, falls es unter dem Logo steht) */
/* zusätzlich BG Farbe der möglichen Menu Pfeile */
/* Navbar */
/* 0 für kein Border */ /* in PX */
/* Breadcrumb */
/* MAS alle anderen Zeichen in der _variables.scss */
/* Megascrollmenu */
/* Megamenu */
/* Dropdown Nav Menu (keine Kategorien) */
/* Kategorie Dropdown Menu */
/* Kategorie Dropdown Menu Padding */
/* Mobile Menu */
/* Footer */
/* Footer Copyright */
/* Footer Social Buttons */
/* Paymentfont Footer */
/* transition */
/* hr-sect */
/* hat nur Auswirkungen, wenn $mas-hr-sect-font-display nicht flex */
/* dicke der Striche up LG */
/* dicke der Striche down MD */
/* Statusfarben */
/* Boxen Sidebar */
/* nur Header */
/* Listenansicht Hauptkategoriebild */
/* Listenansicht Produktbox */
/* Blog / News */
/* Detailseite */
/* Ribbons Ergänzung (Rest in _variables) */
/* Alerts */
/* Badges */
/* Button Forms Inputs Height */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* für die WK Form Gruppe auf der Detaisleite */
/* input Font Size */
/* Buttons */
/*$mas-btn-active-shadow:             $btn-active-box-shadow !default;*/
/* Stepper */
/* Hintergrundfarbe der Leiste - mobile */
/* Zwischenraumfarbe in Pfeilform - Desktop */
/* Die Steps links - vergangen */
/* Textfarbe der vergangenen Steps - Desktop */
/* Hintergrundfarbe der vergangenen Steps - Desktop */
/* Badgehintergrundfarbe der vergangenen Steps */
/* Badgetextfarbe der vergangenen Steps */
/* Der Step in der Mitte - aktiv */
/* Textfarbe der erledigten Steps auf der Bestellabschlusseite */
/* Hintergrundfarbe des aktiven Steps - Desktop // Borderfarbe unten - mobile */
/* Badgehintergrundfarbe des aktiven Steps */
/* Badgetextfarbe des aktiven Steps */
/* Textfarbe des aktiven Steps */
/* Die Steps rechts - inaktiv */
/* Hintergrundfarbe der inaktiven Steps - Desktop */
/* Textfarbe der inaktiven Steps - Desktop */
/* Badgehintergrundfarbe der inaktiven Steps */
/* Badgetextfarbe der inaktiven Steps */
/* Pagination */
/* Gradient Farben */
/* Slider */
/* wenn $mas-sliderboxes-padding 0.5 -> 1,75, wenn 1.0 -> 1,25, wenn 1.5 -> 0,75 */
/* für Iconfont, dieser Code! ' normal 400 1.4375rem/1 "ecticon" ' */
/* Slick Dots */
/* Slick Slider Werte bitte mit der mas.slider.js abgleichen */
/* globae Slider Varianten */
/* Artikeldetailseite Thumbnails */
/* START Detailseite Gallery Thumnails */
/* nachfolgende Variablen nur bei 'true' funktionstüchtig */
/* 46px bei 991,98px */
/* -112px bei 991,98px */
/* 73px bei 991,98px */
/* Wichtig! In der mas.slider.js die Zeilen 32, 33 und 70, 71 anpassen */
/* END Detailseite Gallery Thumnails */
/* Frontpage Kategorien Styles */
/* Paypal Express Schaltflächen */
/* Absolute Helper */
/* Pfeile Scrollmenu */
/* Alert Checkout Helper */
/* Textfarben */
/* END nötige SCSS Abhängigkeiten */
header {
  /* Hamburger Menu Button */
}
@media (min-width: 992px) {
  header.mas-header-hamburger.mas-header-megascroll .mas-burger-menu:not(.collapsed) .fa-bars::before {
    content: "\f00d";
  }
  header.mas-header-hamburger.mas-header-megascroll .mas-burger-menu::after {
    display: none;
  }
}
header {
  /* Megascroll Menu */
}
@media (min-width: 992px) {
  header.mas-header-megascroll.mas-backdrop:not(header.mas-header-megascroll.mas-backdrop.mas-backdrop-drop) {
    position: sticky !important;
  }
  header.mas-header-megascroll .mas-navbar-dropdown {
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
  }
  header.mas-header-megascroll .mas-navbar-dropdown > .collapse,
  header.mas-header-megascroll .mas-navbar-dropdown > .collapsing {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-color: var(--mega-menu-bg, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown > .collapse.show {
    transition: all 0.2s ease-in-out;
    box-shadow: var(--megascroll-shadow, 0 0 4.375rem rgba(0, 0, 0, 0.1));
    background-color: var(--mega-menu-bg, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .nav-link,
  header.mas-header-megascroll .mas-navbar-dropdown .card-title {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left {
    background-color: var(--megascroll-left-bg, #ffffff);
    min-width: 17.8125rem;
    max-height: calc(100vh - 188px);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .mas-nav-item-arrow > .nav-link::after {
    content: "\f105" !important;
    font: var(--fa-font-light);
    margin-left: 0.5rem;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    transition: transform 0.2s;
    will-change: transform;
    border-top: 0;
    font-size: 0.75em;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link {
    transition: unset;
    color: var(--megascroll-left-item-color, #22282A);
    background-color: var(--megascroll-left-item-bg, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link:focus, header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link:focus-visible {
    position: relative;
    outline: var(--outline-width-collapse, 2px) solid var(--outline-color, rgba(0, 0, 0, 0.6));
    outline-offset: var(--outline-offset-collapse, -2px);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link:hover {
    color: var(--megascroll-left-item-hover-color, #0296bc);
    background-color: var(--megascroll-left-item-hover-bg, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link.mas-active {
    background-color: var(--megascroll-left-item-active-bg, #EEF1F1);
    color: var(--megascroll-left-item-active-color, #22282A);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link.active {
    background-color: var(--megascroll-left-item-scroll-bg, #0296bc);
    color: var(--megascroll-left-item-scroll-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-mm-dropdown-left .nav .nav-link.active:hover {
    background-color: var(--megascroll-left-item-scroll-bg, #0296bc);
    color: var(--megascroll-left-item-scroll-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu {
    background-color: var(--megascroll-sec-bg, #0296bc);
    position: relative;
    width: 100%;
    max-height: calc(100vh - 188px);
    overflow-y: scroll;
    scroll-behavior: smooth;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .btn.btn-link {
    color: var(--megascroll-sec-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .btn.btn-link:hover, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .btn.btn-link:focus, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .btn.btn-link:active {
    color: var(--megascroll-sec-hover-color, rgb(50.3921568627%, 79.4117647059%, 86.862745098%));
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card.mas-active {
    background-color: var(--megascroll-sec-1st-active-bg, transparent);
    box-shadow: var(--megascroll-sec-1st-active-shadow, 0 0 100px 0 rgba(255, 255, 255, 0.2));
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title {
    color: var(--megascroll-sec-color, #ffffff);
    text-transform: uppercase;
    font-size: 1.9375rem;
    display: flex;
    align-items: center;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title::before {
    content: "\f101";
    font: var(--fa-font-light);
    margin-right: 0.75rem;
    font-size: 0.75em;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title a:not(.btn) {
    color: var(--megascroll-sec-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title a:not(.btn):hover, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title a:not(.btn):focus, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title a:not(.btn):active {
    color: var(--megascroll-sec-hover-color, rgb(50.3921568627%, 79.4117647059%, 86.862745098%));
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .mas-menu-card-title a:not(.btn).mas-active {
    font-weight: 700;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card a:not(.btn).list-group-item {
    color: var(--megascroll-sec-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card a:not(.btn).list-group-item:hover, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card a:not(.btn).list-group-item:focus, header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card a:not(.btn).list-group-item:active {
    color: var(--megascroll-sec-hover-color, rgb(50.3921568627%, 79.4117647059%, 86.862745098%));
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item {
    padding: 0.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item.active {
    background-color: var(--megascroll-sec-active-bg, transparent);
    box-shadow: var(--megascroll-sec-active-shadow, 0 0 50px 0 rgba(255, 255, 255, 0.25));
    color: var(--megascroll-sec-color, #ffffff);
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item > .list-group-item {
    padding-left: 0.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item > .list-group-item:not(.list-group-flush)::before {
    content: "\f101";
    font: var(--fa-font-light);
    margin-right: 0.5rem;
    font-size: 0.75em;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item > .list-group-item > .list-group-item {
    padding-left: 1.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item > .list-group-item > .list-group-item > .list-group-item {
    padding-left: 2.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-menu-card .list-group-item > .list-group-item > .list-group-item > .list-group-item > .list-group-item {
    padding-left: 3.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .mas-card-img-top-wrapper {
    margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .card-img-top {
    height: 9.375rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu .card-img-top.mas-manu-img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 6.25rem;
  }
  header.mas-header-megascroll .mas-navbar-dropdown .mas-sec-menu > div:last-child {
    margin-bottom: calc(100vh - 230px);
  }
}
header {
  /* Header Styles */
}
header .mas-header-row2 {
  background-color: var(--header-row2-bg, rgba(255, 255, 255, 0));
}
header .mas-header-row2 .container-fluid {
  background-color: var(--header-row2-container-bg, rgba(255, 255, 255, 0));
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner {
  background-color: var(--header-row2-inner-bg, rgba(255, 255, 255, 0));
  color: var(--header-row2-color, #22282A);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .search-wrapper .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .search-wrapper .input-group > .input-group-append > .btn {
  border-bottom-right-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right a:not(.btn),
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right button:not(.btn) {
  color: var(--header-row2-link, #22282A);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right a:not(.btn):hover,
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right button:not(.btn):hover {
  color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right .nav-item:not(.dropdown-full) .dropdown-menu a:not(.btn) {
  color: var(--header-dropdown-color, #22282A);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-header-row2-items.nav-right .nav-item:not(.dropdown-full) .dropdown-menu a:not(.btn):hover {
  color: var(--link-hover-color, #0296bc);
}
@media (min-width: 992px) {
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu {
    transition: all 0.2s ease-in-out;
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu > .btn {
    color: var(--header-row2-link, #22282A);
    transition: all 0.2s ease-in-out;
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu > .btn:hover {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu.collapsed,
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu > .btn {
    color: var(--header-row2-link, #22282A);
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial Nova", Calibri, Arial, sans-serif;
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu.collapsed:hover,
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu > .btn:hover {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu:not(.collapsed):not(div) {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu:not(.collapsed) > a {
    color: var(--header-row2-link, #22282A);
    background-color: var(--header-navbar-bg, transparent);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu.show > .btn {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item.show > .nav-link {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item.active > .nav-link {
    color: var(--header-navbar-active-color, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-active-bg, transparent);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item.active.show > .nav-link {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item > .nav-link {
    color: var(--header-row2-link, #22282A);
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial Nova", Calibri, Arial, sans-serif;
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item > .nav-link:hover {
    color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
    background-color: var(--header-navbar-hover-bg, #EEF1F1);
  }
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .tt-menu a {
  color: var(--header-dropdown-color, #22282A);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .tt-menu a:hover {
  color: var(--link-hover-color, #0296bc);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-toggler {
  color: var(--header-row2-link, #22282A);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-toggler:hover {
  color: var(--header-row2-link-hover, rgb(0.6666666667%, 50%, 62.6666666667%));
}
header.mas-backdrop {
  background-color: var(--header-bg, white);
}
header.mas-backdrop .mas-header-row2 {
  background-color: var(--header-row2-bg, rgba(255, 255, 255, 0));
}
header.mas-backdrop .mas-header-row2 .container-fluid {
  background-color: var(--header-row2-container-bg, rgba(255, 255, 255, 0));
}
header.mas-backdrop .mas-header-row2 .container-fluid .mas-header-row2-inner {
  background-color: var(--header-row2-inner-bg, rgba(255, 255, 255, 0));
}

/* END nötige SCSS Abhängigkeiten */
header {
  /* Megascroll Menu */
}
@media (min-width: 992px) {
  header.mas-header-megascroll {
    /* Achtung! Diese Datei wird importiert und hat schon einen header und Klasse:
    header.mas-header-megascroll {
      ...
    }*/
  }
}
header {
  /* Header Styles */
  /* Achtung! Diese Datei wird importiert und hat schon einen header:
  header {
    ...
  }*/
}


/*# sourceMappingURL=header_hamburgermega.css.map */