@charset "UTF-8";
/* START nötige SCSS Abhängigkeiten */
/*$primary-dark:                      mix($black, $primary, 15%);*/
/* grid breakpoints */
/* grid containers */
/* MAS diese Farbe steuert alle Barriere Outlines und Borders */
/* fonts */
/* MAS - Neu für FA 7 */
/* links */
/* navs */
/* nav-links base */
/* Padding nav-link global oben unten */
/* Padding nav-link global links rechts */
/* #shop-nav Links */
/* gilt nicht für die mehrzeilige Dropdown Version START */
/* DEPRECATED:   Padding Main Menu links rechts !! nur in rem angeben */
/* DEFEKT (overwritten @header_dropdown.css..): Padding Main Menu oben unten !! nur in rem angeben */
/* DEPRECATED:   Lineheight Main Menu !! nur in rem angeben */
/* Aus den drei Werten setzt sich die Höhe des Menues zusammen */
/* DEPRECATED:   Padding affix Main Menu links rechts !! nur in rem angeben */
/* DEFEKT (overwritten @header_dropdown.css..): Padding affix Main Menu oben unten !! nur in rem angeben */
/* DEPRECATED:   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 */
/* DEPRECATED:   Padding Main Dropdown Menu links rechts */
/* Padding Main Dropdown Menu oben unten */
/* DEPRECATED:   Padding affix Main Dropdown Menu oben unten */
/* mehrzeilige Dropdown Version END */
/* Werte für das Logo */
/* DEPRECATED (wrong name + setzt Margin):   Abstand oberhalb und unterhalb des Logos */
/* DEPRECATED (wrong name + setzt Margin):   Abstand oberhalb und unterhalb des Logos */
/* DEPRECATED (wrong name + setzt Margin):   Abstand oberhalb und unterhalb des Logos affix */
/* DEPRECATED (wrong name + setzt Margin):   Abstand oberhalb und unterhalb des Logos affix */
/* DEPRECATED (wird $header-height):   Logohöhe klein */
/* DEPRECATED (wird $header-height):   Logohöhe affix klein */
/* DEPRECATED (wird $header-height):   Logohöhe ab LG */
/* DEPRECATED (wird $header-height):   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 */
/* globales */
/* 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 */
/* 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 */
/* Footer */
/* Footer Copyright */
/* Footer Social Buttons */
/* Paymentfont Footer */
/* hr-sect */
/* hat nur Auswirkungen, wenn $mas-hr-sect-font-display nicht flex */
/* dicke der Striche up LG */
/* dicke der Striche down MD */
/* Listenansicht Produktbox */
/* 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 {
  /* Header Styles */
  /* Styles Dropdown Header */
}
@media (min-width: 992px) {
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse {
    height: auto;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item > .nav-link {
    padding: 1rem 1rem;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.btn-group > span.dropdown-toggle {
    position: relative;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.btn-group > span.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #333F48;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.btn-group > span.dropdown-toggle::before {
    transform: none;
    border-width: 0 0 0 1px;
    border-color: #53565A;
    border-style: solid;
    left: 0;
    top: 8px;
    bottom: 8px;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.btn-group > span.dropdown-toggle::after {
    margin: 0;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.btn-group.show > .dropdown-toggle {
    color: #ffffff !important;
    background-color: #333F48;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full).show > .nav-link::before {
    /*width: calc(100% - (1rem * 2));*/
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .nav-link.dropdown-toggle {
    cursor: pointer;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu {
    overflow: visible;
    position: absolute;
    min-width: 15.625rem;
    max-width: 18.75rem;
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.15);
    margin: 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .nav-link {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
    white-space: normal !important;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item {
    padding: 0;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.btn-group > span.dropdown-toggle {
    position: relative;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.btn-group > span.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #333F48;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.btn-group > span.dropdown-toggle::before {
    transform: none;
    border-width: 0 0 0 1px;
    border-color: #53565A;
    border-style: solid;
    left: 0;
    top: 8px;
    bottom: 8px;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.btn-group > span.dropdown-toggle::after {
    margin: 0;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.btn-group.show > .dropdown-toggle {
    color: #ffffff !important;
    background-color: #333F48;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item > .nav-link {
    padding: 0.9rem 1.5rem;
    display: block;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown.show {
    background-color: #f8f8f8;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown.show > .dropdown-toggle {
    color: #84bd00;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown.show > .dropdown-toggle::after {
    transform: rotate(90deg);
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown .dropdown-toggle {
    cursor: pointer;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown .dropdown-toggle::after {
    transform: rotate(270deg);
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown .dropdown-menu {
    left: 97% !important;
    top: 10px !important;
    margin: 0;
  }
  header.mas-header-drop .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item.dropdown:not(.dropdown-full) .dropdown-menu .dropdown-item.dropdown .dropdown-menu.dropdown-menu-right {
    left: auto !important;
    right: 95% !important;
  }
  header.mas-header-drop .mas-navbar-dropdown .dropdown-item.btn-group {
    display: flex;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  header.mas-header-drop:not(.mas-header-hamburgerdropcms):not(.mas-header-hamburgermegacms) .mas-navbar-dropdown .navbar-collapse .navbar-nav {
    /*margin-left: -1rem;
    margin-right: -1rem;*/
  }
}
@media (min-width: 992px) {
  header.affix.mas-header-drop:not(.mas-header-hamburgerdropcms) .mas-navbar-dropdown .navbar-collapse .navbar-nav .nav-item > .nav-link {
    padding: 1rem 1rem;
  }
}
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, #1D252D);
}
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, #1D252D);
}
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, #84bd00);
}
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, rgb(99, 141.75, 0));
}
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, #84bd00);
}
@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, #1D252D);
    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, #84bd00);
  }
  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, #1D252D);
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Figtree", "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, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu:not(.collapsed):not(div) {
    color: var(--header-row2-link-hover, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .mas-burger-menu:not(.collapsed) > a {
    color: var(--header-row2-link, #1D252D);
    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, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item.show > .nav-link {
    color: var(--header-row2-link-hover, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item.active > .nav-link {
    color: var(--header-navbar-active-color, rgb(99, 141.75, 0));
    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, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-nav > .nav-item > .nav-link {
    color: var(--header-row2-link, #1D252D);
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Figtree", "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, #84bd00);
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .tt-menu a {
  color: var(--header-dropdown-color, rgb(99, 141.75, 0));
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .tt-menu a:hover {
  color: var(--link-hover-color, #84bd00);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-toggler {
  color: var(--header-row2-link, #1D252D);
}
header .mas-header-row2 .container-fluid .mas-header-row2-inner .navbar-toggler:hover {
  color: var(--header-row2-link-hover, #84bd00);
}
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));
}
header .mas-header-row3 {
  background-color: var(--header-row3-bg, rgba(83, 86, 90, 0));
}
header .mas-header-row3 .container-fluid {
  background-color: var(--header-row3-container-bg, rgba(255, 255, 255, 0));
}
header .mas-header-row3 .container-fluid .mas-header-row3-inner {
  background-color: var(--header-row3-inner-bg, rgba(255, 255, 255, 0));
}
@media (min-width: 992px) {
  header .mas-header-row3 .container-fluid .mas-header-row3-inner {
    color: var(--header-row3-color, #1D252D);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu > .btn {
    color: var(--header-row3-link, rgb(99, 141.75, 0));
    transition: all 0.2s ease-in-out;
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu > .btn:hover {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu.collapsed, header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu:not(.collapsed),
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu > .btn {
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Figtree", "Helvetica Neue", Helvetica, "Arial Nova", Calibri, Arial, sans-serif;
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu.collapsed,
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu > .btn {
    color: var(--header-row3-link, rgb(99, 141.75, 0));
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu.collapsed:hover,
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu > .btn:hover {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu:not(.collapsed):not(div) {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu:not(.collapsed) > a {
    color: var(--header-row3-link, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-bg, transparent);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .mas-burger-menu.show > .btn {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .navbar-nav > .nav-item.show > .nav-link {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .navbar-nav > .nav-item.active > .nav-link {
    color: var(--header-navbar-active-color, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-active-bg, transparent);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .navbar-nav > .nav-item.active.show > .nav-link {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .navbar-nav > .nav-item > .nav-link {
    color: var(--header-row3-link, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-bg, transparent);
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: none;
    font-family: "Figtree", "Helvetica Neue", Helvetica, "Arial Nova", Calibri, Arial, sans-serif;
  }
  header .mas-header-row3 .container-fluid .mas-header-row3-inner .navbar-nav > .nav-item > .nav-link:hover {
    color: var(--header-row3-link-hover, rgb(99, 141.75, 0));
    background-color: var(--header-navbar-hover-bg, #f8f8f8);
  }
}
header .mas-header-row3 .container-fluid .mas-header-row3-inner .tt-menu a {
  color: var(--header-dropdown-color, rgb(99, 141.75, 0));
}
header .mas-header-row3 .container-fluid .mas-header-row3-inner .tt-menu a:hover {
  color: var(--link-hover-color, #84bd00);
}
header.mas-backdrop .mas-header-row3 {
  background-color: var(--header-row3-bg, rgba(83, 86, 90, 0));
}
header.mas-backdrop .mas-header-row3 .container-fluid {
  background-color: var(--header-row3-container-bg, rgba(255, 255, 255, 0));
}
header.mas-backdrop .mas-header-row3 .container-fluid .mas-header-row3-inner {
  background-color: var(--header-row3-inner-bg, rgba(255, 255, 255, 0));
}

/* END nötige SCSS Abhängigkeiten */
header {
  /* Header Styles */
  /* Achtung! Diese Datei wird importiert und hat schon einen header:
  header {
    ...
  }*/
  /* Achtung! Diese Datei wird importiert und hat schon einen header:
  header {
    ...
  }*/
}
header {
  /* Achtung! Diese Datei wird importiert und hat schon einen header:
  header {
    ...
  }*/
}


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