/* Fehler bei der Verkleinerung. Der Inhalt wird unverkleinert zurückgegeben.
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(291,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-dark'
(293,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(311,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(316,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(328,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(330,24): run-time error CSS1039: Token not allowed after unary operator: '-com-color-transparent'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(336,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(338,24): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(344,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(346,32): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(374,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(391,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(396,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(415,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(490,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(502,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(508,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(514,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(581,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(631,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(633,35): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(645,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(650,25): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(663,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(666,35): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(671,39): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(679,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(698,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(704,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(760,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(762,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(787,34): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(808,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(814,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(819,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(821,32): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(838,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(846,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(849,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(851,38): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(856,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(865,32): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(880,24): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(898,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(909,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(911,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(917,32): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(919,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(932,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(934,24): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(954,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-dark'
(963,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-dark'
(966,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(972,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-dark'
(982,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-dark'
(1007,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1036,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1046,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1053,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1055,32): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(1057,35): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(1067,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(1086,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1144,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1203,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1209,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1215,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1249,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1266,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1269,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(1363,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1404,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1406,26): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1408,36): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(1413,25): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1456,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1475,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1487,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1535,34): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1610,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1615,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1625,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1630,25): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1642,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1659,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1716,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(1718,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1749,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1751,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1910,24): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(1915,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(1931,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1942,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1944,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1957,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1959,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(1968,29): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(1973,39): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,34): run-time error CSS1039: Token not allowed after unary operator: '-availability-color'
(2007,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2044,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-red'
(2060,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2065,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(2093,22): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2099,22): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2105,26): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(2170,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(2172,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(2182,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2184,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-white'
(2193,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(2202,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(2291,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2303,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2308,21): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2313,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight'
(2319,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-black'
(2368,25): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(2401,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2530,36): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2535,17): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(2705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2706,34): run-time error CSS1039: Token not allowed after unary operator: '-availability-color'
(2709,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2727,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(2732,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-light'
(2738,28): run-time error CSS1039: Token not allowed after unary operator: '-com-color-llight'
(3093,23): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
(3170,25): run-time error CSS1039: Token not allowed after unary operator: '-com-color-highlight-active'
 */

/*
$com-color-black: hsl(0,0%,7%);                 // schwarz var(--com-color-black);
$com-color-white: hsl(0,0%,100%);               // weiß  var(--com-color-white);
$com-color-dark: hsl(0,0%,46%);                 // dunkel grau  #757575;
$com-color-light: hsl(0,0%,65%);                // hell grau var(--com-color-light);
$com-color-llight: hsl(0,0%,92%);               // hell hell grau var(--com-color-llight);
$com-color-highlight: hsl(88,48%,49%);          // #81b941_;
$com-color-highlight-active: hsl(88,70%,49%);   // #83d425_;
$com-color-transparent: hsl(0,0%,0%,0);         // rgba(0, 0, 0, 0);
*/
:root {
    --com-color-black: hsl(0,0%,7%);
    --com-color-white: hsl(0,0%,100%);
    --com-color-dark: hsl(0,0%,46%);
    --com-color-light: hsl(0,0%,65%);
    --com-color-llight: hsl(0,0%,92%);
    --com-color-highlight: hsl(88,48%,49%);
    --com-color-highlight-active: hsl(88,70%,49%);
    --com-color-transparent: hsl(0,0%,0%,0);
    --com-color-availability: hsl(0,0%,0%);
    --com-color-red: #dc3545;
    --com-color-green: #00B050;
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
    src: url("../../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../webfonts/fa-solid-900.woff2") format("woff2"), url("../../webfonts/fa-solid-900.woff") format("woff"), url("../../webfonts/fa-solid-900.ttf") format("truetype"), url("../../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: FontAwesomeReg;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
    src: url("../../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../webfonts/fa-regular-400.woff2") format("woff2"), url("../../webfonts/fa-regular-400.woff") format("woff"), url("../../webfonts/fa-regular-400.ttf") format("truetype"), url("../../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Thin'), url("../fonts/Roboto-Thin.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Thin'), url("../../fonts/Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Light'), url("../fonts/Roboto-Light.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Light'), url("../../fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url("../fonts/Roboto-Regular.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Regular'), url("../../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Medium'), url("../fonts/Roboto-Medium.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Medium'), url("../../fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Bold'), url("../fonts/Roboto-Bold.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Bold'), url("../../fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Black'), url("../fonts/Roboto-Black.ttf") format("truetype");
    src: local('Roboto'), local('Roboto-Black'), url("../../fonts/Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Jost'), local('Jost-Hairline'), url("../fonts/Jost-100-Hairline.ttf") format("truetype");
    src: local('Jost'), local('Jost-Hairline'), url("../../fonts/Jost-100-Hairline.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Jost'), local('Jost-Thin'), url("../fonts/Jost-200-Thin.ttf") format("truetype");
    src: local('Jost'), local('Jost-Thin'), url("../../fonts/Jost-200-Thin.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Jost'), local('Jost-Light'), url("../fonts/Jost-300-Light.ttf") format("truetype");
    src: local('Jost'), local('Jost-Light'), url("../../fonts/Jost-300-Light.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Jost'), local('Jost-Book'), url("../fonts/Jost-400-Book.ttf") format("truetype");
    src: local('Jost'), local('Jost-Book'), url("../../fonts/Jost-400-Book.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Jost'), local('Jost-Medium'), url("../fonts/Jost-500-Medium.ttf") format("truetype");
    src: local('Jost'), local('Jost-Medium'), url("../../fonts/Jost-500-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Jost'), local('Jost-Semi'), url("../fonts/Jost-600-Semi.ttf") format("truetype");
    src: local('Jost'), local('Jost-Semi'), url("../../fonts/Jost-600-Semi.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Jost'), local('Jost-Bold'), url("../fonts/Jost-700-Bold.ttf") format("truetype");
    src: local('Jost'), local('Jost-Bold'), url("../../fonts/Jost-700-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Jost'), local('Jost-Heavy'), url("../fonts/Jost-800-Heavy.ttf") format("truetype");
    src: local('Jost'), local('Jost-Heavy'), url("../../fonts/Jost-800-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Jost'), local('Jost-Black'), url("../fonts/Jost-900-Black.ttf") format("truetype");
    src: local('Jost'), local('Jost-Black'), url("../../fonts/Jost-900-Black.ttf") format("truetype");
}

@font-face {
    font-family: 'cd-estella';
    src: url('../webfonts/cd-estella.eot?jbqpr7');
    src: url('../../webfonts/cd-estella.eot?jbqpr7');
    src: url('../webfonts/cd-estella.eot?jbqpr7#iefix') format('embedded-opentype'), url('../webfonts/cd-estella.ttf?jbqpr7') format('truetype'), url('../webfonts/cd-estella.woff?jbqpr7') format('woff'), url('../webfonts/cd-estella.svg?jbqpr7#cd-estella') format('svg');
    src: url('../../webfonts/cd-estella.eot?jbqpr7#iefix') format('embedded-opentype'), url('../../webfonts/cd-estella.ttf?jbqpr7') format('truetype'), url('../../webfonts/cd-estella.woff?jbqpr7') format('woff'), url('../../webfonts/cd-estella.svg?jbqpr7#cd-estella') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



.del-lnk-invalid, .del-link-invalid > input[type=checkbox], del-link-invalid > label, .del-lnk-invalid:hover {
    color: red;
    cursor: not-allowed !important;
}

.text-smaller {
    font-size: smaller;
}

.text-upper {
    text-transform: uppercase;
}

html {
    height: 100%;
    min-height: 100%;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    text-size-adjust:100%;
   /* -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;*/
}

body {
    height: 100%;
    font-family: Jost, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: .75em;
    line-height: 1.25em;
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    overflow-y: scroll;
}

.htmlImg {
    height: 100%;
    /*background: url(https://b2b.comeleo.compdata.de/GERKE_WEBDATA/Shop-Daten/Allgemein/LoginBack.jpg) no-repeat center center fixed;*/
   /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(22,121,9,1) 35%, rgba(0,215,255,0.4290091036414566) 100%);*/
   background:white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bodyImg {
    min-height: 100%;
    height: 100%;
    background-color: transparent;
}

form {
    height: inherit;
}


#imgMarkenLogo {
}

.navbar-brand > a > img {
}

#divLogoSvg > svg {
    width: 100%;
    height: 100%;
}

    #divLogoSvg > svg#Ebene_1 {
        fill: blue;
        width: 300px;
        height: 100%;
    }

section {
    margin-bottom: 13em;
}

.all-content {
    height: inherit;
}

.formImg {
    /*margin-top: 5em;*/
    min-height: 100%;
    justify-content: space-between !important;
}

.footer {
    border-top: none;
    margin-top: 1em;
    text-align: initial;
    /* position: absolute;*/
    width: 100%;
    background-color: hsl(0,0%,46%);
    background-color: var(--com-color-dark);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    bottom: 0;
}

.footer-row {
    padding: 1em 0;
}

.bottom {
    position: absolute;
    bottom: 1px;
    overflow: hidden;
    width: 60%;
    margin-left: 20%;
}

a {
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
}

    a:hover {
        color: hsl(88,70%,49%);
        color: var(--com-color-highlight-active);
    }

.form-control {
    border-radius: 0;
}

.form-check-input{
    border:none;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--com-color-transparent);
}
    .com-btn {
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    border-color: hsl(0,0%,7%);
    border-color: var(--com-color-black);
    border-radius: 0;
}

    .com-btn:hover {
        color: hsl(0,0%,100%);
        color: var(--com-color-white);
        background-color: hsl(0,0%,7%);
        background-color: var(--com-color-black);
    }

.com-btn-login {
    background-color: transparent;
    color: inherit;
    border-color: inherit;
}

    .com-btn-login:hover {
        /*placeholder*/
    }

.btn-login-pwd {
    border-radius: 0;
    border-bottom-color: #ced4da;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.com-btn-lang {
    padding-left: 0;
    color: inherit;
}

    .com-btn-lang:hover {
        color: hsl(88,70%,49%);
        color: var(--com-color-highlight-active);
    }

.com-btn-lang-active {
    font-weight: 700;
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
}

.input-group-text {
    border-radius: 0;
}

.btn-link {
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
}

    .btn-link:hover {
        color: hsl(88,70%,49%);
        color: var(--com-color-highlight-active);
        text-decoration: none;
    }

        .btn-link:hover > span {
            color: inherit;
        }

.btn-round {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    border: none;
}

.btn-color {
    width: 1.5em;
    height: 1.5em;
    border: 1px solid hsl(0,0%,65%);
    border: 1px solid var(--com-color-light);
    border-radius: 50%;
}

.btn-color-active {
    border: 1px solid lightgrey !important;
    border-radius: 50%;
}

.div-btn-color {
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}


.alert {
    border-radius: 0;
}

.com-hr {
}

.backtotop {
    position: fixed;
    bottom: 1.25em;
    right: 0;
    text-align: center;
    font-size: 3em;
}

    .backtotop:hover {
        /*placeholder*/
    }

.txtTransp, .btnTransp {
    color: transparent;
    border: none;
    background-color: transparent;
    font-size: 1px;
    line-height: 1px;
}

.price-reduced {
    color: red;
}

.price-old {
    text-decoration: line-through;
}

/*DropDown allgemein*/
.dropdown-toggle::after {
    margin-left: 0;
    vertical-align: 0;
    border: none;
    content: "\f078";
    font-family: FontAwesome;
}

.dropdown-toggle[data-bs-toggle=collapse][aria-expanded=true]::after {
    content: '\f077';
    font-family: FontAwesome;
}

.dropdown-toggle[data-bs-toggle=collapse][aria-expanded=false]::after {
    content: "\f078";
    font-family: FontAwesome;
}
/*DropDown allgemein end*/

.loginPart {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1em;
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    margin-top: 5em;
}

.loginPartBox {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 1rem;
    margin-bottom: 5rem;
}

.loginPartLeft {
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    padding: 2em;
}

.loginPartRight {
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
    padding: 2em;
}

.loginPartFluid {
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    padding: 2em 0;
}

.loginPartTop {
    /*min-height: 6em;*/
    padding-top: 2em;
}

.loginPartTxt {
    min-height: 12em;
}

.loginPartInput {
    /*min-height:7em;*/
}

.loginInput {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    color: inherit;
    padding: 0 0;
}

    .loginInput:focus {
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: inherit;
        /*background-color: rgba(0, 0, 0, 0.2);*/
        box-shadow: none;
        /*color:inherit;*/
    }

input[type="text"].loginInput::-webkit-input-placeholder {
    color: white;
}

input[type="text"].loginInput::-moz-placeholder {
    color: white;
}

input[type="password"].loginInput::-webkit-input-placeholder {
    color: white;
}

input[type="password"].loginInput::-moz-placeholder {
    color: white;
}

/*Login end*/

/*Kundeninfo*/
.kdaten_wrapper {
    /*position: relative;
    margin-top: 0;
    display: inline-block;*/
}

.kdaten_content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translate(0, 10px);
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
    margin-top: 1.3em;
    right: 0;
}

    .kdaten_content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(50% - 1em);
        border-style: solid;
        border-width: 0 1em 1em 1em;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) white rgba(0, 0, 0, 0);
        transition-duration: 0.3s;
        transition-property: transform;
    }

.kdaten_wrapper:hover .kdaten_content {
    z-index: 30;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

/*Kundeninfo end*/

/*Categories - Kacheln*/
.col-category {
    padding-bottom: 1em;
    padding-top: 1em;
    position:relative;
}
/*Categories end*/

/*Pagination*/
.page-link:focus {
    box-shadow: none;
}

.dropdown:focus {
    box-shadow: 0;
}

.com-page-item {
    border: none;
    color: hsl(0,0%,65%);
    color: var(--com-color-light);
    border-bottom: 1px solid hsl(0,0%,65%);
    border-bottom: 1px solid var(--com-color-light);
}

    .com-page-item:hover {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
        background-color: transparent;
        font-weight: 500;
    }

    .com-page-item.disabled, .com-page-item.aspNetDisabled {
        color: hsl(0,0%,100%);
        color: var(--com-color-white);
    }

        .com-page-item.disabled:hover, .com-page-item.aspNetDisabled:hover {
            color: hsl(0,0%,100%);
            color: var(--com-color-white);
        }

.com-page-btn-left {
    border-bottom: none;
}

.com-page-btn-right {
    border-bottom: none;
}

.com-page-active {
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
    font-weight: 500;
    border-bottom: 1px solid hsl(88,48%,49%);
    border-bottom: 1px solid var(--com-color-highlight);
}

    .com-page-active:hover {
        border-bottom: hsl(88,70%,49%);
        border-bottom: 1px solid var(--com-color-highlight-active);
    }

.com-page-dropdown-toggle {
    font-size: small;
    font-weight: 500;
    padding: 0.5em 0.75em;
    border: 1px solid hsl(0,0%,92%);
    border: 1px solid var(--com-color-llight);
    border-radius: 0;
}

    .com-page-dropdown-toggle:after {
        font-family: FontAwesome;
        content: "";
        border: 0;
        vertical-align: baseline;
        margin-left: 0.75em;
    }

.com-page-dropdown-menu {
    border-radius: 0;
    margin-top: -1px;
}

.com-page-dropdown-item {
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    font-size: smaller;
}

    .com-page-dropdown-item:hover {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
        font-weight: bold;
        background-color: transparent;
    }

.com-page-dropdown-item-active {
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
    font-weight: bold;
}
/*Pagination end*/

/*Badge Article*/
.art-badge {
    border-radius: 0;
    padding: 0.5em 1em;
    letter-spacing: 0.02em;
    font-size: smaller;
}

.art-badge-left {
    display: flex !important;
    flex-direction: row !important;
}

.art-badge-right {
    display: flex !important;
    flex-direction: row-reverse !important;
}

.art-badge-top-first {
    display: block;
    position: absolute;
    top: 1.25rem;
}

.art-badge-top-second {
    display: block;
    position: absolute;
    top: 3.25rem;
}

.art-badge-bottom-first {
    display: block;
    position: absolute;
    bottom: 3.25rem;
}

.art-badge-bottom-second {
    display: block;
    position: absolute;
    bottom: 1.25rem;
}

.badge-white {
    border: 1px solid hsl(0,0%,65%);
    border: 1px solid var(--com-color-light);
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
}

.com-badge-imgcolor {
    position: relative;
    max-width: 3em;
    margin-left: auto !important;
    margin-bottom: -3em;
}

.com-badge-imgarticle {
    border-radius: 50% !important;
    vertical-align: middle;
    position: relative !important;
    right: 10px;
    max-width: 2em;
    margin-left: auto !important;
    margin-bottom: -1em;
}

/*Badge Article end*/

/*Dynamisches Menü/Suchfilter*/
.dyn > div:last-child {
    border-right: 1px solid hsl(0,0%,92%);
    border-right: 1px solid var(--com-color-llight);
}

.dyn-justified {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

@media (max-width: 991px) {
    .dyn-justified {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.dyn-dropdown {
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    width: 100%;
}

    .dyn-dropdown:hover {
        border-color: hsl(88,48%,49%);
        border-color: var(--com-color-highlight);
    }

    .dyn-dropdown .show {
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
        background-color: hsl(0,0%,100%);
        background-color: var(--com-color-white);
        margin-top: 0;
        border-radius: 0;
        /*border-top: none;*/
       /* padding: 0;*/
        z-index: 100;
    }

    .dyn-dropdown :last-child {
        /*placeholder*/
    }

.dyn-link {
    font-size: smaller;
    font-weight: 500;
    padding: 0 2em;
    border: 1px solid hsl(0,0%,92%);
    border: 1px solid var(--com-color-llight);
    border-right: none;
    border-radius: 0;
    width: 100%;
}

    .dyn-link:not([href]):hover {
        border-color: hsl(0,0%,7%);
        border-color: var(--com-color-black);
        text-decoration: none;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
        border-right: hsl(0,0%,7%);
        border-right: 1px solid var(--com-color-black);
    }

.dyn-link-inactive {
    color: hsl(0,0%,65%);
    color: var(--com-color-light);
}

.dyn-dropdown-menu .show {
    /*placeholder*/
}

.dyn div :last-child .dyn-dropdown-menu {
    border-top: 1px solid hsl(0,0%,92%);
    border-top: 1px solid var(--com-color-llight);
}

.dyn-dropdown-toggle:after {
    display: inline-block;
    padding: 0.5rem;
    content: "\f078";
    font-family: FontAwesome;
    border: none;
    margin-left: auto;
    vertical-align: baseline;
}

.dyn-dropdown-toggle[aria-expanded=true] {
    border-color: hsl(0,0%,7%);
    border-color: var(--com-color-black);
    border-right: 1px solid #121212 !important;
}

.dyn-card {
    border: none;
}

.dyn-card-body {
    font-size: smaller;
}

.dyn-card-footer {
    /*placeholder*/
}

.dyn-card-btn {
    border: hsl(0,0%,7%);
    border: 1px solid var(--com-color-black);
    border-radius: 0;
    padding: 0.8em 1.5em;
}

.dyn-card-btn-light {
    font-weight: bold;
}

.dyn-card-btn-dark {
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    font-weight: bold;
}

    .dyn-card-btn-dark:hover, .dyn-card-btn-light:hover {
        background-color: hsl(0,0%,7%);
        background-color: var(--com-color-black);
        color: hsl(0,0%,100%);
        color: var(--com-color-white);
    }

.dynLink {
    padding: 0 0.75em;
}

    .dynLink:hover {
        /*placeholder*/
    }

.dynLinkInactive {
    color: hsl(0,0%,92%);
    color: var(--com-color-llight);
    border-color: hsl(0,0%,92%);
    border-color: var(--com-color-llight);
}

    .dynLinkInactive:hover {
        /*placeholder*/
    }

.btn-dyn-sel {
    border: 0;
    text-transform: initial;
    font-weight: 700;
    font-family: inherit;
    font-size: inherit;
}

.btn-reset-dyn {
    font-size: smaller;
    border: none;
    padding: 0 1em;
    color: hsl(0,0%,46%) !important;
    color: var(--com-color-dark) !important;
}

.dyn-result {
    margin-top: 1em;
}

.dyn-result-item {
    color: hsl(0,0%,46%) !important;
    color: var(--com-color-dark) !important;
    border: none;
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
    padding: 0.5em 0.75em;
}

.dyn-result-item-btn {
    color: hsl(0,0%,46%) !important;
    color: var(--com-color-dark) !important;
    border: none;
    padding: 0.5em 0.75em;
}

.dyn-result-btn {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: smaller;
    color: hsl(0,0%,46%);
    color: var(--com-color-dark);
}

    .dyn-result-btn:hover {
        text-decoration: underline;
    }

.dyn-result-header {
    /*line-height: 26px;*/
    padding-right: 5px;
    font-weight: 500;
}

.dyn-result-content {
    /*line-height: 26px;*/
    font-size: smaller;
}
/*Dynamisches Menü/Suchfilter END*/

/*Menu*/

/*MegaMenu*/
.mm-navbar {
    /*overflow: hidden;*/
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    position: static;
    display: flex !important;
    justify-content: center !important;
}

    .mm-navbar a {
        float: left;
        /* color: hsl(0,0%,100%);
        color: var(--com-color-white);*/
        text-align: center;
        padding: 0 0.25em;
        text-decoration: none;
    }

    .mm-navbar > div.dropdown.show {
        position: static;
    }

.mm-dropdown {
    float: left;
    overflow: hidden;
    position: static;
}

    .mm-dropdown .mm-dropbtn {
        border: none;
        outline: none;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
        padding: 0.75em 1em;
        background-color: inherit;
        font: inherit;
        font-weight: 500;
        margin: 0;
    }

    .mm-navbar a:hover, .mm-dropdown:hover .mm-dropbtn {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
    }

.mm-dropdown-content {
    display: none;
    position: absolute;
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    border-top: 1px solid hsl(0,0%,92%);
    border-top: 1px solid var(--com-color-llight);
    border-bottom: 1px solid hsl(0,0%,92%);
    border-bottom: 1px solid var(--com-color-llight);
    width: 100%;
    left: 0;
    z-index: 20;
    padding: unset;
    margin: unset;
}

    .mm-dropdown-content .mm-header {
        color: hsl(0,0%,65%);
        color: var(--com-color-light);
        padding: 1em;
    }

.mm-dropdown:hover .mm-dropdown-content {
    display: block;
    /*margin-top: 2.8em;*/
    border-radius: 0;
    margin-top: -2px;
    z-index: 200;
}

.mm-column {
    float: left;
}

    .mm-column a, .mm-column input {
        float: none;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
        padding: 0.25em 0;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .mm-column a:hover, .mm-column input:hover {
            /*placeholder*/
        }

.mm-colmn-group {
    font-weight: bold;
    padding-bottom: 0.25em;
}

.mm-row:after {
    content: "";
    clear: both;
    display: block;
    z-index: 1002;
}

@media screen and (max-width: 600px) {
    .mm-column {
        width: 100%;
        height: auto;
    }
}

.mm-dropdown-toggle::after {
    margin-left: 0;
    vertical-align: 0;
    border: none;
    content: '';
    font-family: FontAwesome;
}

.mm-dropdown-toggle[data-bs-toggle=collapse][aria-expanded=true]::after {
    content: '\f077';
    font-family: FontAwesome;
}

.mm-dropdown-toggle[data-bs-toggle=collapse][aria-expanded=false]::after {
    content: "\f078";
}
/*MegaMenu end*/

/*mobile menu rotate icon*/
.bar-container {
    display: none;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 2.25em;
    height: 0.25em;
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    margin: 0.5em 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-0.5em, 0.5em);
    transform: rotate(-45deg) translate(-0.5em, 0.5em);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-0.5em, -0.5em);
    transform: rotate(45deg) translate(-0.5em, -0.5em);
}
/*mobile menu icon end*/

/*gradual Menu*/
.mg-main a {
    color: rgba(0,0,0,.5);
    font-weight: 500;
}

    .mg-main a:hover {
        color: rgba(0,0,0,.7);
        text-decoration: none;
    }

.mg-level0 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.mainnav nav, .mg nav {
    /*box-sizing: border-box;
    float: left;
    width: 100%;
    background-color: var(--com-color-white);*/
    z-index: 20;
}

/*.mainnav > nav > ul {
    padding: 0;
    display: flex !important;
    justify-content: flex-start !important;
}*/

.mainnav > nav > ul > li > ul {
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
}

.mainnav > nav > ul > li > a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
}

.mainnav nav a {
    display: block;
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    text-decoration: none;
}

    .mainnav nav a:hover {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
    }

.mainnav nav ul li a {
    padding: 0.75em 1em;
}

.mainnav nav ul li ul li a {
    padding: 0.5em;
}

/*.mainnav nav ul li {
    position: relative;
    float: left;
    list-style: none;
}*/
.submenu, .mg-main, .mg-sub {
    position: relative;
}

    .submenu > .navbar-nav {
        position: absolute;
    }

        .submenu > .navbar-nav > li {
            padding-bottom: .5em;
            padding-top: .5em;
        }

.mainnav nav ul li a {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 2em;
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
}

/*#level1, #level2, #level3{
    position:relative;
     top: -9999px;
    left: -9999px;
    background-color: var(--com-color-white);
    display: block;
    border: 1px solid var(--com-color-llight);
}*/
/*.mainnav nav ul ul, #level1, #level2, #level3 {*/
.mainnav nav ul ul, .mg-level1, .mg-level2, .mg-level3 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    display: block;
    border: 1px solid hsl(0,0%,92%);
    border: 1px solid var(--com-color-llight);
    /*padding: 1.25rem;*/
}

    .mainnav nav ul ul li {
        float: none;
        width: 12.5em;
    }

/*.mg-main:hover > #level1, .mg-sub:hover > #level2, .mg-sub:hover > #level3 {*/
.mg-main:hover > .mg-level1 {
    top: auto;
    left: auto;
    /*margin-top: 1em;*/
    /*padding: 1em;*/
    z-index: 100;
    width: 12em;
}

.mg-sub:hover > .mg-level2, .mg-sub:hover > .mg-level3 {
    top: auto;
    left: auto;
    margin-top: 1em;
    box-sizing: inherit;
    bottom: 0;
    left: 8em;
    margin-top: 0;
    /*padding: 1em;*/
    padding: 0;
    left: 11.9em;
    width: 12em;
}

.mg-sub {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
}

    .mg-sub > .mg-sub {
        display: inline;
    }
/*.mg-level1 {
    padding: 1em;
    z-index: 100;
}

.mg-level2 {
    box-sizing: inherit;
    bottom: 0;
    left: 8em;
    margin-top: 0;
    padding: 1em;
}*/

.mainnav nav ul li:hover > ul {
    top: 100%;
    left: 0;
}

.mainnav nav ul ul li:hover > ul {
    top: 0;
    left: 12.5em;
}

.mainnav nav ul li.submenu > a:after, mg-sub {
    position: relative;
    float: right;
    content: "";
    margin-left: 0.75em;
    margin-top: 0.25em;
}

.mainnav nav ul ul li.submenu a:after {
    margin-left: auto;
    margin-right: 0.75em;
    color: transparent;
    font-family: FontAwesome;
    content: "\f054";
}

.mg-sub-chevron {
    display: flex !important;
    justify-content: space-between !important;
    padding-right: 1em;
}

    .mg-sub-chevron:after {
        font-family: FontAwesome;
        content: "\f054";
    }

.mainnav .navbar li.submenu > a:after {
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
}

.mainnav .navbar li.submenu > a:hover:after {
    /*color: var(--com-color-white);*/
}

.mainnav nav ul ul li:last-child {
    border-bottom: none;
}


/*gradual Menu end*/

/*small menu*/
.site-nav {
    width: 100%;
    float: left;
    /*margin-top: 3.4em;*/
    list-style: none;
    /*border: 1px solid var(--com-color-llight);*/
}

    .site-nav ul {
        padding-left: 0;
    }

    .site-nav li {
        float: left;
        width: 100%;
        position: relative;
        list-style-type: none;
    }

    .site-nav a {
        display: block;
        height: 100%;
        width: 100%;
        padding: 1em;
        text-decoration: none;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
        background: hsl(0,0%,100%);
        background: var(--com-color-white);
        border-top: 1px solid hsl(0,0%,92%);
        border-top: 1px solid var(--com-color-llight);
    }

        .site-nav a:hover {
            color: hsl(88,48%,49%);
            color: var(--com-color-highlight);
        }

        .site-nav a:first-child {
            border-top: none;
        }

/*.js .site-nav {
    display: none;
}*/

.js .sub-menu {
    display: none;
}

.sub-menu li:last-of-type {
    padding-bottom: 0;
}

.sub-menu a {
    padding-left: 2.5em;
    font-weight: initial;
}

.sub-menu .sub-menu a {
    background: rgba(0, 0, 0, 0.6);
}

.sub-menu .sub-menu .sub-menu a {
    background: rgba(0, 0, 0, 0.8);
}

.sub-menu .sub-menu .sub-menu .sub-menu a {
    background: black;
}

.toggle-site-nav {
    background: rgba(0, 0, 0, 0.2);
    display: block;
    position: absolute;
    top: 0;
    padding: 1em;
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    cursor: pointer;
}

    .toggle-site-nav:hover {
        background: rgba(0, 0, 0, 0.4);
    }

.toggle-sub-menu {
    display: none;
}

.js .toggle-sub-menu {
    position: absolute;
    right: 0;
    top: 1px;
    display: block;
    padding: 1em;
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
    cursor: pointer;
    margin-right: 2em;
}

    .js .toggle-sub-menu:before {
        content: "\f054";
        font-family: FontAwesome;
    }

    .js .toggle-sub-menu.active {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
    }

        .js .toggle-sub-menu.active:before {
            content: "\f078";
            font-family: FontAwesome;
        }

.toggle-sub-menu:hover,
.toggle-sub-menu.active:hover {
    /*background-color: red;*/
}
/*small menu end*/

@media screen and (max-width:768px) {
    .bar-container {
        display: block !important;
    }

    .mm-navbar {
        display: none;
    }
}

@media screen and (min-width:900px) {

    .logo {
        width: auto;
        float: left;
    }

    .site-nav {
        float: right;
        width: auto;
        display: block !important;
    }

        .site-nav a {
            border: none;
        }

        .site-nav li {
            width: auto;
            padding: 0;
        }

            .site-nav li:hover {
                color: hsl(0,0%,7%);
                background: var(--com-color-black);
            }

    .has-sub-menu a {
        padding-right: 2em;
    }

    .has-sub-menu:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 1em;
        height: 100%;
    }

    /* sub menu */
    .site-nav li:hover > .sub-menu {
        display: block;
        position: absolute;
        width: 300px;
        padding: 0 25px 25px 25px;
        left: -25px;
        top: 50px;
    }

    .sub-menu {
        display: none;
    }

        .sub-menu li {
            width: 100%;
        }

        .sub-menu > a {
            width: 100%;
            display: block;
        }

    .has-sub-menu .has-sub-menu:after {
        /*background: gold;*/
    }

    .has-sub-menu .has-sub-menu:hover .sub-menu {
        display: block;
        position: absolute;
        width: 300px;
        padding: 0 25px 25px 25px;
        left: 224px;
        top: 0px;
    }

    .toggle-site-nav,
    .toggle-sub-menu {
        display: none !important;
    }

    /* Navigationspunkte, die nach links ausklappen */

    .sub-left > .sub-menu {
        left: auto;
        right: 0;
    }

    .site-nav .sub-menu .sub-left > .sub-menu {
        left: -275px;
    }
}

/*Menu end*/

/*Menu sidebar*/
.com-men-side-main {
    font-weight: 500;
    color: hsl(0,0%,7%);
    color: var(--com-color-black) !important;
}

    .com-men-side-main:hover {
        color: hsl(88,48%,49%) !important;
        color: var(--com-color-highlight) !important;
    }

.com-men-side-items {
    list-style: none;
    padding-left: 1em !important;
}

    .com-men-side-items a {
        color: hsl(0,0%,7%) !important;
        color: var(--com-color-black) !important;
    }

        .com-men-side-items a:hover {
            color: hsl(88,48%,49%) !important;
            color: var(--com-color-highlight) !important;
            text-decoration: none;
        }

.com-men-side-item {
}
/*Menu sidebar end*/

/*WoBinIch*/
.com-breadcrumb {
    border-radius: 0;
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
}

.com-breadcrumb-item {
    font-size: smaller;
}

.com-breadcrumb-itemm:hover {
}

.com-breadcrumb-control {
    background-color: transparent;
    border: 0;
}

    .com-breadcrumb-control:hover {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
    }

.com-breadcrumb-item + .com-breadcrumb-item::before {
    content: '>>';
}
/*WoBinIch end*/

/*menu icons*/
.com-i-dropdown {
    position: static;
    /*background-color: transparent;
    margin:0;
    padding:0;
    border:0;*/
}

.com-i-dropdown-toggle::after {
    border: none;
    content: none;
}

.com-i-dropdown-toggle {
    /*font-size: larger;*/
    padding: .05em;
}

.com-i-dropdown-menu {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: small;
    position: absolute !important;
}

.com-i-card {
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
    width: 100%;
}

.com-i-card-header {
}

.com-i-card-body {
}

.com-i-img-thumbnail {
    border-radius: 0;
}

.com-i-badge {
    background-color: hsl(88,48%,49%);
    background-color: var(--com-color-highlight);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    border-radius: 50%;
    /*font-size: x-small;*/
    margin-left: -.5em;
    top: -.75em !important;
}



/*menu icons end*/



.mainnav, mg {
    display: none;
}

.navbar-nav {
    flex-direction: row;
}

.container-menu{
    padding:0;
}

/*Snackbar*/
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 20;
    left: 60%;
    top: 1rem;
    font-size: 17px;
}

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
/*Snackbar end*/
/*Article*/
.div-art-color {
    line-height: 1.5em;
}

.div-art-color-label {
}

.art-color-label {
}

.div-art-color-button {
    margin:auto;
}

.art-color-button {
}

.div-art-color-text {
}

.art-color-text {
}

/*ShoppingCart*/
.div-wk-color {
    line-height: 1.5em;
}

.div-wk-color-label {
}

.wk-color-label {
    display: none;
}

.div-wk-color-button {
}

.wk-color-button {
}

.div-wk-color-text {
}

.wk-color-text {
}

.wk-sum-div {
    text-align: right;
}
.div-wk-btn-con {
}
.div-wk-btn-con-t {
}
.div-wk-btn-con-b {
    display: none !important;
}
/*ArticleViewItem*/
.com-art-accordeon {
}

.com-art-card {
    border: 0;
    border-radius: 0;
}


.com-art-card-header {
    border: 0;
    padding: 0;
    background-color: white;
    margin-bottom: 0 !important;
}

.com-art-card-link {
    border-bottom: 1px solid;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: initial;
    color: lightgrey;
}

    .com-art-card-link:focus {
        text-decoration: none;
        box-shadow: none;
    }

    .com-art-card-link:after {
        content: "\f077";
        font-family: FontAwesome;
    }

    .com-art-card-link.collapsed:after {
        content: "\f078";
        font-family: FontAwesome;
    }

.com-art-card-link-txt {
    color: initial;
}

.com-art-card-body {
}

.art-color {
    text-align: center;
}

.art-color-active {
}

.art-color-tag-container {
    bottom: 1.3em;
}

.art-color-no {
    color: lightgray;
    font-weight: 700;
}

.art-color-active > .art-color-no {
    color: black;
}

/*ArticleViewItem end*/

/*Article end*/
/*Article-Matrix*/
.sizeGrid {
    display: table;
    text-align: center;
}

.tblMain td {
    border-color: transparent;
    padding: 0;
}

.tblMatrix td {
    border-color: hsl(0,0%,65%);
    border-color: var(--com-color-light);
}

.txtMenge {
    background-color: hsl(0,0%,65%);
    background-color: var(--com-color-light);
    width: 100%;
    border: none;
    text-align: center;
    border-radius: 0;
}

.divArticleHeader {
    /*background-color: var(--com-color-light);*/
    /*padding: 0.5em 0;*/
}

.divArticleHeaderInWk {
    color: hsl(0,0%,65%);
    color: var(--com-color-light);
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    padding: 0.5em 0;
}

.txtArticleHeader {
    font-weight: 700;
    font-size: larger;
}

.invalidWkItem {
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
}

.dispNot {
    display: none;
}

.dispInit {
    display: initial;
}

#pills-tab > li > .nav-link {
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
    border: none;
    border-radius: 0;
    padding: .25em 0;
    margin-right: 2em;
}

    #pills-tab > li > .nav-link:focus {
        outline-color: hsl(0,0%,100%);
        outline-color: var(--com-color-white);
    }

    #pills-tab > li > .nav-link.active {
        border-bottom: 2px solid hsl(0,0%,7%);
        border-bottom: 2px solid var(--com-color-black);
    }

.gridSize {
    font-size: larger;
    font-weight: 900;
}

.gridPack {
    font-size: smaller;
}

.gridPrice {
    font-size: smaller;
    font-weight: 500;
}

.gridEk {
}

.gridEkReduced {
}

.gridUvp {
}

.gridCurrency {
}

.gridAmount {
    --availability-color: hsl(88,48%,49%);
    box-shadow: 2px 3px 3px var(--availability-color);
    margin-bottom: .5em;
    border: 1px solid hsl(0,0%,92%);
    border: 1px solid var(--com-color-llight);
    font-size: larger;
    font-weight: 900;
    line-height: 2em;
    text-align: center;
    width: 100%;
    max-width: 5em;
    -webkit-appearance: none;
}

.gridAmountIE {
    /*box-shadow: 2px 3px 3px var(--availability-color); wird fest im code gesetzt!!!*/
    margin-bottom: .5em;
    border: 1px solid hsl(0,0%,92%);
    font-size: larger;
    font-weight: 900;
    line-height: 2em;
    text-align: center;
    width: 100%;
    max-width: 5em;
    -webkit-appearance: none;
}

.gridAvailTxt {
    font-size: smaller;
}

.gridDelivTxt {
    font-size: smaller;
}

.gridValidTxt {
    color: inherit;
}

.gridInvalidTxt {
    color: #dc3545;
    color: var(--com-color-red);
}

.color-grid-header {
    text-transform: uppercase;
    font-size: smaller;
}

.color-grid {
}

.article-color {
}

.divSizeGrid {
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
}

.divSizeGridUpdate {
    background-color: hsl(0,0%,65%);
    background-color: var(--com-color-light);
    padding: 1em;
    margin-bottom: 1em;
}

.oisize {
}
/*Article-Matrix END*/

/*Custom Scrollbar*/
.com-scrollbar {
    /*margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;*/
}

/* width */
#customscroll::-webkit-scrollbar {
    width: .2em;
}

/* Track */
#customscroll::-webkit-scrollbar-track {
    background: hsl(0,0%,92%);
    background: var(--com-color-llight);
}

/* Handle */
#customscroll::-webkit-scrollbar-thumb {
    background: hsl(0,0%,7%);
    background: var(--com-color-black);
}

    /* Handle on hover */
    #customscroll::-webkit-scrollbar-thumb:hover {
        background: hsl(88,48%,49%);
        background: var(--com-color-highlight);
    }
/*Custom Scrollbar end*/

/*Promotion image*/
.img-promo {
    height: 80px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}
/*Promotion image end*/

/*iIcon*/
.iIcon {
    margin-left: .5em;
}

.iText {
    font-size: .75em;
    padding-left: .5em;
}

.iText-bracket::before {
    content: "(";
}

.iText-bracket::after {
    content: ")";
}
.com-custinfo-icon {
    font-family: FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
    .com-custinfo-icon::before {
        content: "\f007"
    }

.com-sc-icon {
    font-family: FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
    .com-sc-icon::before {
        content: "\f290"
    }

/*iIcon end*/

/*button shopping cart*/
.divSticky {
    position: fixed;
    right: 15px;
    background-color: hsl(0,0%,100%);
    background-color: var(--com-color-white);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    z-index: 10;
    bottom: 0;
}
/*Shoppingcart button container*/
.sc-div {
    display:flex !important;
}
.cart-btn {
    background-color: hsl(0,0%,7%);
    background-color: var(--com-color-black);
    color: hsl(0,0%,100%);
    color: var(--com-color-white);
    border-left: 0;
    border-radius: 0;
}
/*button shopping cart end*/

/*Lieferinfo*/
.btn-hub-info {
    color: hsl(88,48%,49%);
    color: var(--com-color-highlight);
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    padding-left: 0;
}

    .btn-hub-info:hover {
        color: hsl(88,48%,49%);
        color: var(--com-color-highlight);
        text-decoration: underline;
    }
/*Lieferinfo end*/
.modalBlur {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

/*mohdal spinner*/
.modal-spinner {
    background-color: rgba(0,0,0,0.4);
}

    .modal-spinner .modal-dialog {
        margin: 25% 0 0 0;
    }
/*modal spinner*/

/*modalPwd*/
.modal-content-pwd, .modal-header-pwd, .modal-body-pwd, .modal-footer-pwd {
    border: 0;
    border-radius: 0;
}

.modal-content-pwd {
}

.modal-header-pwd {
}

.modal-body-pwd {
    text-align: center;
}

.modal-footer-pwd {
    justify-content: center;
}

.modal-iconCheck-pwd {
    margin: 0 auto;
    font-size: 7em;
}

.modal-close-pwd {
}

.modal-btn-pwd {
    padding-left: 7em;
    padding-right: 7em;
}
/*modalPwd end*/
/*slick*/
.carItem {
    /*height: 300px;*/
    text-align: center;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
    display: flex !important;
    align-items: center !important;
}

.slick-slider {
    /*margin-left: 2em;
    margin-right: 2em;
    border: 1px solid red;
    margin-top: 2em;*/
    max-height: inherit;
}

    .slick-slider > .slick-list {
        max-height: inherit;
    }

.slick-prev, .slick-next {
    position: unset;
}

.slick-prev {
    left: 0;
    z-index: 10;
}

    .slick-prev:before {
        content: "\f053";
        font-family: FontAwesome;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
    }

.slick-next {
    right: 0;
    z-index: 10;
}

    .slick-next:before {
        content: "\f054";
        font-family: FontAwesome;
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: hsl(0,0%,7%);
        color: var(--com-color-black);
    }

.slider-nav .slick-current, .slider-nav-modal .slick-current {
    border: 2px solid hsl(88,48%,49%);
    border: 2px solid var(--com-color-highlight);
}

.slider-wrapper > div > button.slick-prev:before, .slider-wrapper > div > button.slick-next:before {
    font-size: 100px;
    color: hsl(0,0%,7%);
    color: var(--com-color-black);
}

.slider-wrapper > div > button.slick-next {
    right: 45px;
}

.slider-wrapper-mod-nav {
    /*max-width: 50%;*/
}

    .slider-wrapper-mod-nav .slick-track {
        /*display: flex !important;
        align-items: center !important;
        margin: 0;*/
    }

    .slider-wrapper-mod-nav .slick-slide {
        /*width: auto;*/
    }

.img-for {
}

    .img-for:hover, .img-mod-for:hover {
        cursor: -moz-zoom-in;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }

.img-nav {
}

.img-mod-for {
    max-height: 500px;
    margin: 0 auto;
}

.img-mod-nav {
    max-height: 150px;
    margin: 0 auto;
}

/*Slider ArtikelView*/
.img-slider-sync-nav > .slick-list > .slick-track  {
    margin-left:initial;
    margin-right:initial;
}
.img-slider-sync-nav > .slick-list > .slick-track > .slick-current > img {
    border: solid var( --com-color-highlight-active);
}

/*Slider modal*/
/*Slider modal current image container */
.img-slider-sync-modal-for > .slick-list > .slick-track > .slick-slide {
    display: flex !important;
    justify-content: space-around !important;
}
/*Slider modal navigation buttons */
.img-slider-sync-modal-nav > .slick-arrow {
    margin:0 auto;
}
/*Slider modal navigation button prev */
.img-slider-sync-modal-nav > .slick-prev:before {
    content: "\f077";
}
/*Slider modal navigation button next */
.img-slider-sync-modal-nav > .slick-next:before {
    content: "\f078";
}
/*Slider modal navigation button next */
.img-slider-sync-modal-nav > .slick-next {
    padding-top: 1rem;
}
/*Slider modal navigation list container */
.img-slider-sync-modal-nav > .slick-list  {
    padding:50px 0;
}

/*slick end*/
.ret-sel-row {
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
}
/*Lightbox*/
/*.mod-gallery-slider-for, .mod-gallery-slider-for > .slick-list, .mod-gallery-slider-for > .slick-list > .slick-track, .mod-gallery-slider-for > .slick-list > .slick-track > .slick-slide {
    
}

    .mod-gallery-slider-for > .slick-list > .slick-track > .slick-slide > img {
        height: 0 auto;
    }

    .mod-gallery-slider-for > .slick-list > .slick-track > .slick-slide {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }*/

.lightbox-modal-close {
    position: absolute;
    right: 0;
    padding: 1em;
    z-index: 10;
}

.lightbox-modal {
    max-height: 100vh;
}

.lightbox-modal-dialog {
    margin: 0;
    min-height: 100vh;
    min-width: 100vw;
}

.lightbox-modal-content {
    border-radius: 0;
    max-height: 100vh;
    border: none;
}

.lightbox-img-h {
    max-height: 100vh;
}

.lightbox-nav-h {
    height: 10vh;
}

.lightbox-mobile-nav-text {
    font-size: large;
}
/*Gallery*/
.gallery-modal {
    min-height: 100vh;
}

.gallery-modal-dialog {
    margin: 0;
    min-height: 100vh;
    min-width: 100vw;
}

.gallery-modal-content {
    border-radius: 0;
    min-height: 100vh;
}

.gallery-modal-header {
    border-bottom: none;
}

.gallery-modal-title {
}

.gallery-modal-close {
}

.gallery-modal-body {
}

.gallery-modal-footer {
}

.gallery-modal-img-for {
    cursor: zoom-in;
    max-height: 100vh;
    margin: 0 auto;
}

.gallery-slider-nav > div > div > div.slick-slide {
}

.imgSliderModal {
}
/*Gallery end*/

/*show/hide menu on scroll*/
.nav-scrollable {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: transform .25s .1s ease-in-out;
    z-index: 30;
}

.down nav.nav-scrollable {
    transform: translate3d(0, -100%, 0);
}
/*show/hide menu on scroll end*/

/*ArticleCount*/
#divArticleCount {
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

    #divArticleCount::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        border-top: 1px solid hsl(0,0%,92%);
        border-top: 1px solid var(--com-color-llight);
    }

.txtArticleCount {
    color: hsl(0,0%,65%);
    color: var(--com-color-light);
    background-color: white;
    padding: 0 2em;
    position: relative;
    z-index: 1;
}

/*
    Tagging
*/
.tag-container {
    position: absolute;
    z-index: 2;
}

.tag-desc-div {
}

.tag-price-div {
}
/*
    Tagging end
*/
.col-cross-item {
    padding-top: 1em;
    padding-bottom: 1em;
}
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Mobile*/
/*#divMenuMain{
    display:none;
}*/
#divMenuSidebar {
    display: none;
}

#divDynSidebar {
    display: none;
}

#divDetailsSidebar {
    display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
    .smallMen {
        display: none;
    }

    .mainnav {
        display: initial;
    }

    .mg {
        display: initial;
    }

    body {
        font-size: 1em;
    }

    #divMenuSidebar {
        display: initial;
    }

    #divDynSidebar {
        display: initial;
    }

    #divDetailsSidebar {
        display: initial;
    }

    .img-promo {
        height: 200px;
        width: 100% !important;
        object-fit: cover;
        object-position: top center;
    }

    section {
        margin-bottom: 7em;
    }

    /* .footer {
        position: absolute;
    }*/

    .lightbox-img-h {
        height: 100vh;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media screen and (min-width: 768px) {
    /*.smallMen {
        display: none;
    }*/

    /*.mainnav {
        display: initial;
    }*/

    .lightbox-img-h {
        height: 100vh;
    }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
    /*.smallMen {
        display: none;
    }*/

    /*.mainnav {
        display: initial;
    }*/
    .lightbox-img-h {
        height: 100vh;
    }
}


/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    /*.smallMen {
        display: none;
    }*/

    /*.mainnav {
        display: initial;
    }*/
    .lightbox-img-h {
        height: 100vh;
    }
}

/*input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}*/

.deliveryHeader {
    font-weight: 700;
    font-size: large;
}
/*Test items*/
.com-debug {
    color: blue;
    font-style: italic;
    background-color: white;
    font-size: smaller;
    font-weight: 300;
}

.divMinDelivery {
    --availability-color: hsl(88,48%,49%);
    box-shadow: 2px 3px 3px var(--availability-color);
    margin-bottom: .5em;
    border: 1px solid hsl(0,0%,92%);
    border: 1px solid var(--com-color-llight);
    width: 100%;
    -webkit-appearance: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 20em;
}

/*Change delivery date*/
.lfzDiv {
}

.lfzLink {
}

.lfzCollapse {
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
}

.lfzCollapseTop {
    background-color: hsl(0,0%,65%);
    background-color: var(--com-color-light);
}

.lfzCollapseBottom {
    padding: 1em;
    background-color: hsl(0,0%,92%);
    background-color: var(--com-color-llight);
}

.lfzIcon {
    background-color: transparent;
    border: none;
}

.lfzTxt {
    background-color: transparent;
    border: none;
}

.lfzBtn {
}
/*Change delivery date end*/

/*ModellColors*/
.mod-color-hidden-content {
    position: absolute;
    z-index: 1;
    margin-right: 1em;
}

.mod-color-hidden-card {
    margin-right: 2px;
    border-radius: 0;
    background-color: lightgray;
}

.div-mod-color-btn-visible {
}

.div-mod-color-btn-hidden {
}

.dd-mod-color-hidden {
}

.dd-menu-mod-color-hidden {
}

.btn-mod-color-hidden {
    background-color: white;
    border: none;
}

    .btn-mod-color-hidden::after {
        content: none;
    }
/*ModellColors end*/
/*Modell*/
.mod-container-col {
    margin-bottom: 15px;
    margin-top: 15px;
}

.mod-container {
    border: 1px solid lightgrey;
    padding: 0.5em;
}

.mod-container-img {
}

.mod-container-desc {
}

.mod-desc-art {
}

.mod-desc {
    min-height: 5em;
}

.mod-desc-item {
}

.mod-colors {
}

.mod-btn-article {
}
/*Modell end*/

/*test - menu items custom style - nur mega menu*/
.men-item-header {
    font-weight: 600 !important;
    min-height: 3em !important;
}

.men-item-sale-header {
    color: red !important;
}

.men-item-sale-items {
}

.men-item-test-16, .men-item-test-67, .men-item-test-28, .men-item-test-15, .men-item-test-17, .men-item-test-27, .men-item-test-18, .men-item-test-76 {
    font-weight: 600 !important;
    min-height: 3em !important;
}

.men-item-test-76, .men-item-test-77, .men-item-test-78 {
    color: red !important;
    font-style: italic;
}

.men-item-test-10 {
    color: #3FB9F0;
}
/*test - menu items custom style end*/

/*.mod-gallery-slider-nav > .slick-list {
    height: 100% !important;
}

.mod-gallery-slider-nav > .slick-prev {
    left: 40%;
    z-index: 10;
    top: -4%;
}

    .mod-gallery-slider-nav > .slick-prev:before {
        content: '\f106';
        font-size: 4rem;
    }

.mod-gallery-slider-nav > .slick-next {
    left: 40%;
    z-index: 10;
    top: 100%;
}

    .mod-gallery-slider-nav > .slick-next:before {
        content: '\f107';
        font-size: 4rem;
    }

.mod-gallery-slider-nav > .slick-list > .slick-track > .slick-slide {*/
    /*float:none;*/
/*width: 100% !important;
}

.mod-gallery-slider-nav {
    margin: 2em 1em;
    height: 90vh;
}
*/

/*Cross Selling*/
.cross-group {
    padding-top: 2em;
}

.cross-group-header {
    text-transform: uppercase;
    font-size: larger;
}

.cross-item {
    padding: .5em;
    border: 1px solid lightgray;
    font-size: smaller;
}

.cross-item-img {
    text-align: center;
}

.cross-img {
    margin: 0 auto;
    max-height: 15vh;
}

.cross-desc-art {
    font-weight: 600;
}

.cross-desc {
    min-height: 6em;
}

.cross-desc-item {
}

.cross-item-ek {
}

.cross-item-vk {
}

.cross-item-color {
    font-weight: 600;
}

.cross-color-label {
}

.cross-color-text {
}

.cross-btn {
}

.cross-sizes {
}

.modal-cross {
}

.cross-modal-dialog {
}

.cross-modal-content {
    border-radius: 0;
}

.cross-modal-body {
}

.cross-modal-footer {
}
/*Cross Selling end*/

/*Language combo selection*/
.form-control-lang {
    padding-left: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid;
    color: white;
}

.dropdown-toggle-lang {
    border-bottom: 1px solid;
    color: white;
    border-radius: 0;
    margin-top: -1px;
}

.btn-dropdown-lang:hover {
    color: white;
}

.btn-dropdown-lang:focus {
    box-shadow: none;
}

.dropdown-menu-lang {
    width: 100%;
    border-radius: 0;
    top: -4px !important;
    left: -1px !important;
}
/*Language combo selection end*/

/*Download-Nutzungsvereinbarung*/
.userAgree {
}

.userAgree-dialog {
}

.userAgree-content {
}

.userAgree-header {
    font-size: 1.75rem;
    font-weight: 500;
}

.userAgree-title {
}

.userAgree-body {
}

.userAgree-text {
}

.userAgree-text1 {
    font-size: 1.75rem;
    font-weight: 500;
}

.userAgree-text2 {
}

.userAgree-text3 {
}

.userAgree-footer {
}

.userAgree-btn {
}
/*Download-Nutzungsvereinbarung end*/

/*Download-area*/
.down-div-header {
}

.down-header {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.down-nav {
}

.down-breadcrumb {
}

.down-breadcrumb-item {
}

.down-breadcrumb-item-start {
}

.down-breadcrumb-item-btn {
}

.down-breadcrumb-item-last {
}

.down-debug {
    display: none !important;
}

.down-content {
}

.down-pattern {
}

.down-item {
    width: 100% !important;
}

.down-itemheader {
}
/*Download-area end*/

/*Range Filter noUiSlider start */
.com-range-filter-header {
}

.com-range-filter-slider {
    margin: 1em;
}

.noUi-connect {
    background: var( --com-color-highlight-active);
}

.com-range-header
.com-range-from-header {
}

.com-range-to-header {
}

.com-range-input {
}

.com-range-from-input {
}

.com-range-to-input {
}
/*Range Filter noUiSlider end */

/* Modal allgemein */
.com-modal-dialog-big {
    max-width: 80%;
    width: 50%;
}
/* Modal allgemein end */

/* Search */
.com-search-icon {
    font-family: FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

    .com-search-icon::before {
        content: "\f002"
    }
/* Search end*/

.ui-front {
    z-index: 9999;
}

/* HistoryOrder */

.cbItem {
    position: absolute;
    left: 18px;
    top: 30px;
}

    .cbItem > input[type="checkbox"] {
        display: none;
    }

        .cbItem > input[type="checkbox"] + label::before {
            display: block;
            content: "\f111";
            font-family: FontAwesomeReg;
            color: lightgrey;
            font-size: x-large;
            margin-left: -5px;
        }

        .cbItem > input[type="checkbox"]:checked + label::before {
            content: "\f058";
            font-family: FontAwesomeReg;
            color: lightgray;
        }


        .cbItem > input[type="checkbox"] + label:hover, .cbItem > input[type="checkbox"]:checked + label:hover {
            color: var(--com-color-highlight-active);
            cursor: pointer;
        }

.order-history-tag-container {
}

.his-controls {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.his-modal-dialog{

}
.his-controls{
    border:1px solid gray;
    background-color:lightgray;
    padding:1em;
        
}
.his-action {
    margin-bottom: 1em;
    text-wrap: wrap;
    width: 100%;
    word-wrap: break-word;
}
.his-filter-container{
    margin-bottom:1em;
}
/* HistoryOrder end */
/* Toasts */
.com-toast-header, .com-toast-body {
    color: unset;
    border: 1px solid;
}

.com-toast-header-warning {
    background-color: #fff3cd;
}

.com-toast-header-info {
    background-color: #d1ecf1;
}

.com-toast-header-error {
    background-color: #f8d7da;
}

.com-toast-body {
    background-color: none;
    border-top: none;
}
/* Toasts end */

/* Bestellübersicht */
.div-address{
    margin-bottom:1em;
}
.com-mod-addr-table > :not(caption) > * > * {
   
    align-content: center;
    text-align: center;
}
    /* Bestellübersicht */