:root {
    /* • Strahlendes Gruen 66CC33 C61M0Y100K0 R102G204B51*/
    --StrahlendesGruen: #66CC33;
    --StrahlendesGruen20: #66CC3320;
    /*• Hellstes Gruen C1E1C1 C25M0Y30K0 R193G225B193*/
    --HellstesGruen: #C1E1C1;
    /*• Helles Gruen 76C58C C55M0Y60K0 R118G197B140*/
    --HellesGruen: #76C58C;
    /*• Dunkels Gruen 007A66 C100M30Y70K10 R0G122B102*/
    --DunkelsGruen: #007A66;
}

@font-face {
    font-family: "FuturaBTW01-ExtraBlack";
    src: url("Fonts/1119903/4dd9aefd-0ca6-4be5-a94d-c0ca3147d644.eot?#iefix");
    src: url("Fonts/1119903/4dd9aefd-0ca6-4be5-a94d-c0ca3147d644.eot?#iefix") format("eot"),
        url("Fonts/1119903/88f7a494-473a-4c88-9755-9d18ab7d6c54.woff2") format("woff2"),
        url("Fonts/1119903/d7331c48-36b5-47b2-94c2-a93dab022bea.woff") format("woff"),
        url("Fonts/1119903/b97c5578-ea02-4f6e-a90f-1696f2815211.ttf") format("truetype");
}

@font-face {
    font-family: "Futura BT W01 Book";
    src: url("Fonts/1119939/17fe4ab4-6e45-4ea2-bb53-2123063911c3.eot?#iefix");
    src: url("Fonts/1119939/17fe4ab4-6e45-4ea2-bb53-2123063911c3.eot?#iefix") format("eot"),
        url("Fonts/1119939/46ce09db-0ca6-4e0c-acea-3ee8c8867f10.woff2") format("woff2"),
        url("Fonts/1119939/142b09e6-c245-4ff7-b01c-325fa824c99e.woff") format("woff"),
        url("Fonts/1119939/e4509cd4-7aa0-4068-89bd-95ffd0bfb6d4.ttf") format("truetype");
}

@font-face {
    font-family: "Futura BT W01 Bold";
    src: url("Fonts/1119948/63107fe9-e6e4-4922-aed4-736f170601c8.eot?#iefix");
    src: url("Fonts/1119948/63107fe9-e6e4-4922-aed4-736f170601c8.eot?#iefix") format("eot"),
        url("Fonts/1119948/70cd4257-15ef-421c-b474-8c9bed8e66b0.woff2") format("woff2"),
        url("Fonts/1119948/970a093d-098a-4d5b-b6f0-c2d682e95d80.woff") format("woff"),
        url("Fonts/1119948/7c099bd1-482c-4c64-a5d3-9b934633ab10.ttf") format("truetype");
}

/* ### Anfang ### MZ und WK ########################### */
div#divNoteDetails div#divNoteImageSub img,
div#divBasketDetails div#divBasketImageSub img {
    background-color: transparent;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 3px;
    cursor: pointer;
}

div#divNoteDetails div#divNoteImageSub img:hover,
div#divBasketDetails div#divBasketImageSub img:hover {
    background-color: rgba(193, 225, 193, 0.3);
    /* Hellstes Grün */
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divNoteDetails div#formMZ {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div#divBasketDetails div#divBasketArticleDesc a#linkWKbez,
div#divNoteDetails div#divNoteDesc a#linkMZbez {
    font-weight: 400;
    font-size: 1.2em;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    text-decoration: none;
    background-color: transparent;
    color: #000000;
    cursor: pointer;
    margin-bottom: 0.75em;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divBasketDetails div#divBasketArticleDesc a#linkWKbez:hover,
div#divNoteDetails div#divNoteDesc a#linkMZbez:hover {
    background-color: rgba(193, 225, 193, 0.3);
    /* Hellstes Grün */
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divNoteButtons,
div#divBasketButtons {
    margin: 0.5em 0;
}

div#divNoteButtons input#cmdMZx[type=submit],
div#divNoteButtons input#cmdWKadd[type=submit],
div#divBasketButtons a#cmdWKx,
div#divBasketButtons a#cmdMZadd {
    border: none;
    background-color: transparent;
    text-decoration: none;
    margin: 0 0 0.1em 0;
    padding: 0.25em 1px;
    cursor: pointer;
    color: var(--DunkelsGruen);
    border-radius: 1px;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
    display: inline-block;
}

div#divNoteButtons input#cmdMZx[type=submit]:hover,
div#divNoteButtons input#cmdWKadd[type=submit]:hover,
div#divBasketButtons a#cmdWKx:hover,
div#divBasketButtons a#cmdMZadd:hover {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

/* ### Ende ###  MZ und WK ########################### */

/* ### Anfang ### Content / Inhalte ########################### */
div.Produkte {
    width: calc(100% / 12 * 12);
}

div#divMyData,
div#divOrderCompletedDetails,
div#divDeliveryAddressDetail,
div#divOrderOverviewDetails,
div#divInvoiceAddressDetail,
div#divShipmentDetails,
div#divLoginDetails,
div#divNoteDetails,
div#divBasketDetails,
div.Produkte,
div.Inhalte {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* ### contenteditable ### */
div.Inhalte * div:not([id^='PT_'])>[contenteditable="true"] {
    background-color: rgba(111, 10, 10, 0.1);
}

div.Inhalte div[id^='PT_'] [id*='Head'][contenteditable="true"] {
    background-color: rgba(102, 102, 102, 0.1);
}

div.Inhalte div[id^='PT_'] [id*='_short'][contenteditable="true"] {
    background-color: rgba(102, 102, 102, 0.2);
}

div.Inhalte div[id^='PT_'] [id*='_long'][contenteditable="true"] {
    background-color: rgba(102, 102, 102, 0.3);
}

/* ### Ende contenteditable ### */

/* div.Inhalte~div [contenteditable="false"] {} */
div.Inhalte img {
    border-radius: 5px;
    width: auto;
    height: auto;
    margin: 0;
}

div.Inhalte div[id^='PT_'] img {
    width: calc(100% / 12 * 3);
    padding: 0;
    float: left;
    outline: none;
    margin: 0.25em 0.50em 0.25em 0;
}

div.Inhalte div[id^='PT_'] img[style="float: right;"] {
    margin-left: 0.50em;
    margin-right: 0;
}

div.Inhalte div[id^='PT_'] img.Size4 {
    width: calc(100% / 12 * 4);
}

div.Inhalte div[id^='PT_'] img.Size5 {
    width: calc(100% / 12 * 5);
}

div.Inhalte div[id^='PT_'] img.Size6 {
    width: calc(100% / 12 * 6);
}

div.Inhalte div[id^='PT_'] img.Size12 {
    width: calc(100% / 12 * 12);
    padding: 0;
    float: none;
    clear: both;
    outline: none;
}

div.Inhalte div[id^='PT_'] img.icon {
    border-radius: 0;
    width: 48px;
    height: 48px;
    background-color: transparent;
    color: var(--DunkelsGruen);
    margin: 0;
    padding: 0.25em 0.25em 0.25em 0;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Inhalte div[id^='PT_'] a:hover img.icon {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Produkte h1,
div.Inhalte h1 {
    font-size: 2em;
}

div.Produkte a,
div.Produkte a>div>div>h2 {
    color: #000000;
    text-decoration: none !important;
}

div.Produkte a>div>div>h2 {
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    color: #000000;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Produkte a>div>div>h2:hover,
div.Produkte a>div>div:hover>h2 {
    color: var(--DunkelsGruen);
    background-color: var(--HellstesGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divLoginDetails h2,
div.Produkte h2 {
    font-size: 1.8em;
    margin: 0.5em 0;
}

div.Inhalte h2 {
    font-size: 1.6em;
    margin: 0.5em 0;
}

div.Produkte h3,
div.Inhalte h3 {
    font-size: 1.4em;
    margin: 0.25em 0;
}

div.Produkte h4,
div.Inhalte h4 {
    font-weight: 600;
    font-size: 1.2em;
    margin: 0.25em 0;
}

div.Produkte h5,
div.Inhalte h5 {
    font-size: 1.2em;
    margin: 0.25em 0;
}

/*div.Produkte h6,*/
div.Inhalte h6 {
    font-weight: 600;
    margin: 0.125em 0;
}

div.Produkte b,
div.Inhalte b,
div.Inhalte strong {
    font-weight: 600;
}

div.Inhalte div[id^='PT_'] h6 a {
    font-weight: 600;
    font-size: 1.2em;
    margin: 0.25em 0;
}

div.Inhalte ul {
    padding-left: 1.4em;
}

div#divOrderOverviewDetails span a,
div#divLoginDetails div span a,
div#divCustomerMenu a,
div.Inhalte a {
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    text-decoration: none;
    background-color: transparent;
    color: var(--DunkelsGruen);
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
    border-radius: 0.125em;
}

div.Inhalte h6>a {
    color: #000000;
    font-weight: 500 !important;
}

div#divOrderOverviewDetails span a:hover,
div#divLoginDetails div span a:hover,
div#divCustomerMenu a:hover,
div.Inhalte a:hover {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Inhalte div.pflicht {
    font-size: 1.4rem;
}

div#divCustomerMenu a {
    width: calc(100% / 12 * 12);
    float: none;
    clear: both;
    outline: none;
    display: block;
    padding: 0.125em 0.5em;
}

div#frmCustomerLogin span#frmCustomerLoginDescPwd {
    margin-top: 0.5em;
}

/* ### Ende Content / Inhalte ############################ */

/* ### Anfang ### Artikelkatalog ### */
div.Produkte div[id^='List_'] h6,
div#formListArticle a div#divArticleGrid span,
div[id^='formListArticle_'] a div[id^='divArticleGrid_'] span,
div#formListArticle_3 a div#divArticleGrid_5 span,
div#divHomeSubContentMenu h6,
div#lstArticleCatalogueSuggestions a div#divArticleGrid_2 span {
    border-left: 1px solid #FFFFFF;
    border-radius: 0.125em;
}

div.Produkte div[id^='List_'] h6,
div#lstArticleCatalogueSuggestions a div#divArticleGrid_2 span,
div#formListArticle a div#divArticleGrid span,
div[id^='formListArticle_'] a div[id^='divArticleGrid_'] span,
div#formListArticle_3 a div#divArticleGrid_5 span,
div#divHomeSubContentMenu h6 {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    text-align: center;
    padding: 0.125em 0;
    border-radius: 0.125em;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Produkte div[id^='List_'] a:hover h6,
div.Produkte div[id^='List_'] h6:hover,
div#lstArticleCatalogueSuggestions a:hover div#divArticleGrid_2 span,
div#formListArticle a:hover div#divArticleGrid span,
div[id^='formListArticle_'] a:hover div[id^='divArticleGrid_'] span,
div#formListArticle_3 a:hover div#divArticleGrid_5 span,
div#divHomeSubContentMenu a:hover h6,
div#divHomeSubContentMenu h6:hover {
    color: var(--DunkelsGruen);
    background-color: var(--HellstesGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div.Produkte div[id^='List_'] a,
div#divHomeSubContentMenu a {
    text-decoration: none !important;
}

div.Produkte div[id^='List_'] a,
div#divHomeSubContentMenu a,
div#lstArticleCatalogueSuggestions a div#divArticleGrid_2 div#divImage_3,
div#formListArticle a div#divArticleGrid div#divImage,
div[id^='formListArticle_'] a div[id^='divArticleGrid_'] div[id^='divImage_'],
div#formListArticle_3 a div#divArticleGrid_5 div#divImage_8 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div.Produkte div[id^='List_'] a:hover,
div#divHomeSubContentMenu a:hover,
div#lstArticleCatalogueSuggestions a:hover div#divArticleGrid_2 div#divImage_3,
div#formListArticle a:hover div#divArticleGrid div#divImage,
div[id^='formListArticle_'] a:hover div[id^='divArticleGrid_'] div[id^='divImage_'],
div#formListArticle_3 a:hover div#divArticleGrid_5 div#divImage_8 {
    background-color: rgba(193, 225, 193, 0.3);
    /* Hellstes Grün */
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divSelection_3 select,
div#divSelection select {
    border-color: var(--HellstesGruen);
}

/* ### ImageHoverEffect ### */
div.Produkte div[id^='List_'] img.scale,
div#divArticleDetails div#divArticlePic div#divArticlePicRefresh a#divArticlePicBig_img0 img,
div#lstArticleCatalogueSuggestions a div#divArticleGrid_2 div#divImage_3 img,
div[id^='formListArticle_'] a div[id^='divArticleGrid_'] div[id^='divImage_'] img,
div#formListArticle_3 a div#divArticleGrid_5 div#divImage_8 img,
div#formListArticle a div#divArticleGrid div#divImage img,
div#divHomeSubContentMenu a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

div.Produkte div[id^='List_'] img.scale:hover,
div#divArticleDetails div#divArticlePic div#divArticlePicRefresh a#divArticlePicBig_img0 img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

div.Produkte div[id^='List_']>div,
div#divHomeSubContentMenu>div {
    overflow: hidden;
}

div.Produkte div[id^='List_']>div>a>img,
div#divHomeSubContentMenu>div>a>img {
    z-index: -1;
    border-radius: 3px;
}

div.Produkte div[id^='List_']>div>a>h6,
div#divHomeSubContentMenu>div>a>h6 {
    z-index: 1;
    display: block;
    padding: 0.125em 0;
    position: relative;
}

div.Produkte div[id^='List_']>div.grid_3>a>img {
    margin-top: 1px;
    margin-bottom: -4px;
    padding-left: 1px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

div.Produkte div[id^='List_']>div.grid_3>a:hover>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* ### Ende ImageHoverEffect ### */
/* ### Anfang ImageGalerie ### */
div#divArticlePicBig_galleryDiv {
    display: none;
}



div#divArticleDetails div#divArticlePic div#divArticlePicRefresh {
    display: flex;
    flex-direction: column;
}


body.DEV div#divArticlePicBig_galleryDiv {
    display: flex;
    border-top-style: solid;
    border-width: 0.1em;
    border-color: #C1E1C1;
    padding-bottom: 0.5em;
    padding-top: 0.5em;

}

body.DEV div#divArticlePicBig_galleryDiv a {
    display: flex;
    border-radius: 0.125em;
}



body.DEV div#divArticlePicBig_galleryDiv a img {
    border-radius: 0.125em;
    transform: scale(1);
    transition: all .4s ease-out;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

body.DEV div#divArticlePicBig_galleryDiv a:hover img {
    transform: scale(1.1);
    background-color: var(--StrahlendesGruen20);
}

/* ### Ende ImageGalerie ### */


div#divArticleMainData input#cmdWarenkorbdirekt {
    margin-top: 0.5em;
    cursor: pointer;
    padding: 0.5em;
    padding-left: 2.50em;
    background-position: 0.5em center;
    background-repeat: no-repeat;
    background-size: 1.250em 1.250em;
    border: none;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

div#divArticleMainData input#cmdWarenkorbdirekt:focus {
    outline: none;
}


div#divArticleMainData input#cmdWarenkorbdirekt {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/></svg>");
}

div#divArticleMainData input#cmdWarenkorbdirekt:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/></svg>");
}

div#divArticleMainData input#cmdWarenkorbdirekt {
    font-size: 1.5em;
    text-align: left;
    text-decoration: none;
    width: calc(100% / 12 * 12);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    border-radius: 0.125em;
}

div#divArticleMainData input#cmdWarenkorbdirekt:hover {
    background-color: #C1E1C1;
    color: #007A66;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;

}

div#divArticleMainData input#cmdWarenkorbdirekt {
    background-color: #007A66;
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}


@media all and (min-width: 769px) {
    div#divArticleMainData {
        padding-left: 1em;
    }
}


/* ### StyleProduktDescription ### */
.DescriptionTitel {
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: bold;
}

div#HinweisInnen div.HinweisInhalt ul,
div#divDescription_1 ul {
    padding-left: 1.4em;
}

div#divDescription_1 p.ArztoderApotheker span {
    background-color: rgba(193, 225, 193, 0.6);
    /* Hellstes Grün */
    /*color:var(--DunkelsGruen);*/
    border-radius: 5px;
    padding: 0.25em 0.5em;
}

/* ### Artikeldetails ### */
div#divCustomerMenuLogoff input#frm1CustomerLogoff,
div#divlogin div#divCustomerLogin div,
div#divButtonContainerNote div#divNote,
div#divButtonContainerBasket div#divBasket,

div#divArticleMainData input#cmdWarenkorb,
div#divArticleMainData input#cmdMerkzettel,
div#divArticleMainData div#formAlternativ,
div#divArticleMainData div#formBeiPack,
div#divArticleMainData div#formAbholschein {
    margin-top: 0.5em;
    cursor: pointer;
    padding: 0.5em;
    padding-left: 2.25em;
    background-position: 0.5em center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    border: none;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divlogin div#divCustomerLogin div,
div#divButtonContainerNote div#divNote,
div#divButtonContainerBasket div#divBasket {
    margin-top: 0;
    cursor: pointer;
}

div#divlogin div#divCustomerLogin div {
    padding-left: 2em;
}

div#divlogin div#divCustomerMenu {
    margin-top: 0.25em;
}


div#divCustomerMenuLogoff input#frm1CustomerLogoff {
    padding: 0.5em;
}

div#divCustomerMenuLogoff input#frm1CustomerLogoff:focus,
div#divArticleMainData input#cmdWarebkorb:focus,
div#divArticleMainData input#cmdMerkzettel:focus {
    outline: none;
}

/* Icons (login/user/merkzettel etc.) */
div#divlogin div#divCustomerLogin div.login:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25'/></svg>");
}

div#divlogin div#divCustomerLogin div.login.on:hover,
div#divlogin div#divCustomerLogin div.login {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25'/></svg>");
}

div#divlogin div#divCustomerLogin div.user.on:hover,
div#divlogin div#divCustomerLogin div.user {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/></svg>");
}

div#divlogin div#divCustomerLogin div.user:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/></svg>");
}

div#divArticleMainData input#cmdMerkzettel {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75'/></svg>");
}

div#divButtonContainerNote div#divNote {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75'/></svg>");
}

div#divArticleMainData input#cmdMerkzettel:hover,
div#divButtonContainerNote div#divNote:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75'/></svg>");
}

div#divArticleMainData input#cmdWarenkorb,
div#divButtonContainerBasket div#divBasket {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/></svg>");
}

div#divArticleMainData input#cmdWarenkorb:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/></svg>");
}

div#divButtonContainerBasket div#divBasket:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z'/></svg>");
}

div#divArticleMainData div#formBeiPack {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z'/></svg>");
}

div#divArticleMainData div#formBeiPack:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z'/></svg>");
}

div#divArticleMainData div#formAbholschein {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z'/></svg>");
}

div#divArticleMainData div#formAbholschein:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z'/></svg>");
}

div#divArticleMainData div#formAlternativ {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122'/></svg>");
}

div#divArticleMainData div#formAlternativ:hover {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122'/></svg>");
}

div#divCustomerMenuLogoff input#frm1CustomerLogoff,
div#divlogin div#divCustomerLogin div,
div#divButtonContainerNote div#divNote a,
div#divButtonContainerBasket div#divBasket a,
div#divArticleMainData input#cmdWarenkorb,
div#divArticleMainData input#cmdMerkzettel,
div#divArticleMainData div#formAlternativ a,
div#divArticleMainData div#formBeiPack a,
div#divArticleMainData div#formAbholschein a {
    /*	text-transform: uppercase; altcss */
    text-transform: unset;
    text-align: left;
    text-decoration: none;
    width: calc(100% / 12 * 12);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divCustomerMenuLogoff input#frm1CustomerLogoff {
    text-align: center;
}

div#divCustomerMenuLogoff input#frm1CustomerLogoff,
div#divlogin div#divCustomerLogin div:hover,
div#divButtonContainerNote div#divNote:hover,
div#divButtonContainerBasket div#divBasket:hover,
div#divArticleMainData input#cmdWarenkorb,
div#divArticleMainData div#formBeiPack,
div#divArticleMainData input#cmdMerkzettel:hover,
div#divArticleMainData div#formAlternativ,
div#divArticleMainData div#formAbholschein:hover {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divButtonContainerNote div#divNote:hover a,
div#divButtonContainerBasket div#divBasket:hover a,
div#divArticleMainData div#formBeiPack a,
div#divArticleMainData div#formAlternativ a,
div#divArticleMainData div#formAbholschein:hover a {
    color: #FFFFFF;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divCustomerMenuLogoff input#frm1CustomerLogoff:hover,
div#divlogin div#divCustomerLogin div,
div#divButtonContainerNote div#divNote,
div#divButtonContainerBasket div#divBasket,
div#divArticleMainData input#cmdMerkzettel,
div#divArticleMainData div#formAbholschein,
div#divArticleMainData div#formAlternativ:hover,
div#divArticleMainData input#cmdWarenkorb:hover,
div#divArticleMainData div#formBeiPack:hover {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divButtonContainerNote div#divNote a,
div#divButtonContainerBasket div#divBasket a,
div#divArticleMainData div#formAbholschein a,
div#divArticleMainData div#formAlternativ:hover a,
div#divArticleMainData div#formBeiPack:hover a {
    color: var(--DunkelsGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divlogin div#divCustomerLogin div.on {
    background-color: #ffffff;
    color: var(--DunkelsGruen);
}

div#divlogin div#divCustomerLogin div.on:hover {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
}

div#divAlternativGrid {
    color: #000000;
    padding: 0 0.5em 0.25em;
}

div#formArtikelAlternativ a {
    text-decoration: none;
}

div#divSuchDetail,
div#divArticleWkDetail {
    padding: 0 0.5em 0.25em;
}

div#divSuchDetail * {
    color: #000000;
}

div#divSuchDetail span#SuchEinzelPreis {
    display: none;
}

div#divSuchDetail h4#SuchProduktBez,
div#divAlternativGrid span#AlternaEinzelPreis *,
div#divAlternativGrid h4#AlternaProduktBez,
div#divArticleWkDetail p#EinzelPreis *,
div#divArticleWkDetail h4#ProduktBez {
    font-size: 1.4em;
    line-height: 1.8em;
}

div#divArticleWkDetail p#AzNo {
    font-size: 1.4em;
    line-height: 1.8em;
}

div#divAlternativGrid span#AlternaEinzelPreis,
div#divArticleWkDetail p#EinzelPreis,
div#divArticleWkDetail p#AzNo,
div#divArticleWkDetail p#MwStuVersand {
    text-align: right;
}

div#divAlternativGrid span#AlternaEinzelPreis {
    position: absolute;
    bottom: -2px;
    right: 0.5em;
}

/*
div#divMenuSearch div#divMenuLiveView {
    display:block!important; 
}
*/
div#formMenuLiveView,
div#formArtikelAlternativ {
    background-color: rgba(255, 255, 255, 1);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#formMenuLiveView:hover,
div#formArtikelAlternativ:hover {
    background-color: rgba(193, 225, 193, 0.3);
    /* Hellstes Grün */
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divAlternativGrid,
div#divAlternativartikel {
    position: relative;
}

div#lstArtikelAlternativ {
    width: calc(100% / 12 * 12);
    overflow: hidden;
    position: absolute;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #ffffff;
    z-index: 30;
    display: none;
    flex-direction: column;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

div#lstArtikelAlternativ.aktiv {
    border-left: 2px solid var(--HellstesGruen);
    border-right: 2px solid var(--HellstesGruen);
    border-bottom: 2px solid var(--HellstesGruen);
    display: flex;
    flex-direction: column;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

/* ### Ende Artikeldetails ### */

/* ### HinweisContainer ### */
div#HinweisContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0.5em;
    background: rgba(255, 255, 255, 0.90);
    left: 0;
    top: 0;
    z-index: 400;
}

div#HinweisAussen {
    height: 100%;
    overflow-y: auto;
    padding: 0.5em;
    border-radius: 5px;
}

div#HinweisInnen {
    padding: 0.125em;
    background-color: var(--HellstesGruen);
    border-radius: 5px;
}

div#HinweisInnen>div {
    background: #ffffff;
    padding: 0.5em;
}

div#HinweisInnen div.HinweisInhalt {}

div#HinweisInnen div#btnHinweis,
div#HinweisInnen div#Hinweis_Warenkorb,
div#HinweisInnen div#Hinweis_Merkzettel {
    text-align: center;
}

div#divDescription_1 Button#btnHinweis,
div#HinweisInnen div#btnHinweis Button#btnCloseInfo {
    width: calc(100% / 12 * 3);
    margin: 0.5em 0;
    cursor: pointer;
    padding: 0.5em;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divDescription_1 Button#btnHinweis:focus,
div#HinweisInnen div#btnHinweis Button#btnCloseInfo:focus {
    outline: none;
}

div#divDescription_1 Button#btnHinweis:hover,
div#HinweisInnen div#btnHinweis Button#btnCloseInfo:hover {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
}

@media all and (max-width: 575px) {
    div#divDescription_1 Button#btnHinweis {
        width: calc(100% / 12 * 9);
    }
}

@media all and (max-width: 768px) {
    div#divDescription_1 Button#btnHinweis {
        width: calc(100% / 12 * 4);
    }
}

/* ### Ende HinweisContainer ### */
/* ### Ende StyleProduktDescription ### */
/* ### Ende Artikelkatalog ### */

div#lstArticleCatalogueSuggestions div#form11802_1 {
    overflow: hidden;
    -webkit-transition: max-width 0.5s ease;
    transition: max-width 0.5s ease;
}

div#divSuggest {
    position: relative;
}

div#divSuggest Button {
    position: absolute;
    border: none;
    font-size: 1.8em;
    font-weight: bold;
    max-width: 25px;
    width: 25px;
    top: 0;
    z-index: 200;
    white-space: nowrap;
    outline: none;
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    text-align: center;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divSuggest Button:hover {
    color: var(--DunkelsGruen);
    background-color: var(--HellstesGruen);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

div#divSuggest Button.p {
    left: 0;
}

div#divSuggest Button.n {
    right: 0;
}

h1#ProduktTitel {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.8em;
    font-family: "Futura BT W01 Bold";
    text-shadow: 0.02em 0.02em 0 var(--HellstesGruen);
    padding-left: 10px;
    padding-right: 20px;
    width: 100%;
}

/* ### div#cookiehinweis ### */
div.hidden,
#eu_cookiebox.hidden {
    display: none;
}

#eu_cookiebox {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.77);
    text-align: center;
    padding: 0.5em;
    z-index: 999999;
}

#eu_cookiebox>div {
    margin: 0 auto !important;
    color: #fff;
    padding-bottom: 0.5em;
}

#eu_cookiebox .button {
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#eu_cookiebox .button a {
    background: #fff;
    padding: 5px;
    min-width: 80px;
    color: #000;
    display: block;
    float: left;
    text-decoration: none;
    margin: 5px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}

/* ### Ende div#cookiehinweis ### */

/* ### div#divLogoHead ### */
@media all and (min-width: 992px) {
    div#divCenterArea {
        position: relative;
    }

    p#txtClaim {
        display: inline-block;
        position: absolute;
        bottom: 0.5em;
        font-size: 2.2rem;
    }
}

@media all and (min-width: 769px) and (max-width: 991px) {
    div#divCenterArea {
        order: 3;
        width: calc(100% / 12 * 12);
    }

    p#txtClaim {
        font-size: 2rem;
    }

    div#divRightArea {
        order: 2;
        width: calc(100% / 12 * 7);
    }
}

/* ### Ende div#divLogoHead ### */

/* ### div#divMenu ### */
@media all and (max-width: 768px) {
    div#divMobileMenu {
        cursor: pointer;
    }

    p#pMoblieMenu {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        padding: 0.5em;
        margin-left: 0.25em;
        padding-left: 2.5em;
        color: #ffffff;
        text-decoration: none;
    }

    div#divMobileMenu {
        background-color: var(--DunkelsGruen);
        -webkit-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }

    div#divMobileMenu:hover {
        background-color: var(--HellstesGruen);
        -webkit-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }

    div#divMobileMenu:hover>p {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 122, 102, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        color: var(--DunkelsGruen);
    }
}

div#divMenu {
    position: relative;
    width: 100%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

div#divMenu ul#menunavi,
div#divMenu ul#menunavi ul {
    list-style-type: none;
}

div#divMenu ul#menunavi>li,
div#divMenu ul#menunavi>li>ul>li>ul>li,
div#divMenu ul#menunavi>li>ul>li {
    padding: 0.5em;
}

div#divMenu ul#menunavi li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

div#divMenu ul#menunavi>li>ul>li>ul>li>a:hover,
div#divMenu ul#menunavi>li>ul>li>a:hover {
    color: var(--DunkelsGruen);
}

div#divMenu ul#menunavi>li>ul>li>ul>li,
div#divMenu ul#menunavi>li>ul>li {
    background-color: var(--DunkelsGruen);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divMenu ul#menunavi>li>ul>li>ul>li:hover,
div#divMenu ul#menunavi>li>ul>li:hover {
    background-color: var(--HellstesGruen);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divMenu ul#menunavi>li {
    background-color: var(--DunkelsGruen);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divMenu ul#menunavi>li:hover {
    background-color: var(--HellstesGruen);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

div#divMenu ul#menunavi>li:hover>a,
div#divMenu ul#menunavi>li>a:hover {
    color: var(--DunkelsGruen);
}

@media all and (min-width: 769px) {
    div#divMobileMenu {
        display: none;
    }

    div#divMenu>ul#menunavi {
        float: left;
        position: relative;
        display: block;
        padding-left: 0.25em;
    }

    div#divMenu ul#menunavi>li {
        float: left;
        position: relative;
        display: inline-block;
    }

    div#divMenu ul#menunavi>li a {
        white-space: nowrap;
    }

    div#divMenu ul#menunavi>li>ul {
        overflow: hidden;
        position: absolute;
        top: 2.25em;
        left: 0;
        padding-bottom: 0;
        padding-left: 0.5em;
        z-index: 30;
        max-height: 0;
        -webkit-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out;
    }

    div#divMenu ul#menunavi>li:hover>ul {
        padding-bottom: 0.5em;
        max-height: 600px;
        background-color: var(--HellstesGruen);
        -webkit-transition: max-height 0.5s ease-in, background-color 0.5s ease;
        transition: max-height 0.5s ease-in, background-color 0.5s ease;
    }
}

/* ### Ende div#divMenu ### */


div#divMenuLiveView {
    margin-left: auto;
    left: 0;
}


div#divMainHeaderBG div#divCustomerLogin div,
div#divMainHeaderBG div#divBasket,
div#divMainHeaderBG div#divNote,
div#divMainHeaderBG div#divBasket a,
div#divMainHeaderBG div#divNote a {
    background-color: var(--DunkelsGruen) !important;
    color: #FFFFFF !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*
div#divMainHeaderBG div#divCustomerLogin,
div#divMainHeaderBG div#divBasket,
div#divMainHeaderBG div#divNote {
	border-left: solid 1px var(--DunkelsGruen);
	border-right: solid 1px var(--DunkelsGruen);
}
*/
/*
div#divMainHeaderBG div#divCustomerLogin:hover div,
div#divMainHeaderBG div#divBasket:hover,
div#divMainHeaderBG div#divNote:hover,
div#divMainHeaderBG div#divBasket:hover a,
div#divMainHeaderBG div#divNote:hover a {
    background-color: var(--HellstesGruen) !important;
    color: var(--DunkelsGruen) !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/

.smallFont {
    font-size: 0.75em;
}

@media all and (min-width: 769px) {

    a.color_btn_primary,
    a.color_btn_secondary,
    .inlineblock.color_btn_primary,
    .inlineblock.color_btn_secondary,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        min-width: 254px;
    }

    a.color_btn_primary,
    a.color_btn_secondary,
    .inlineblock.color_btn_primary,
    .inlineblock.color_btn_secondary {
        display: inline-block;
        text-align: center;
    }

    .mW254 {
        min-width: 254px;
    }
}

.padding_right_ssm {
    padding-right: 0.75em;
}

.textbold {
    font-weight: bold;
}

/*
#eu_cookiebox .button {
    width: 500px;
}

#eu_cookiebox .button a {
    width: 110px;
}
*/
/***************************/
/*
@media only screen and (max-width: 1199px) {
    .size_l {
        font-style: italic;
    }
}

@media only screen and (max-width: 991px) {
    .size_m {
        font-style: italic;
    }
}

@media only screen and (max-width: 768px) {
    .size_s {
        font-style: italic;
    }
}

@media only screen and (max-width: 575px) {
    .size_xs {
        font-style: italic;
    }
}
*/
div#divRightArea {
    padding-right: 0;
}

div#divLogoArea {
    padding-left: 0;
}

div#divLogoHead {
    padding-top: 0.25em;
    justify-content: space-between;
}

div#divLogoHead img {
    max-height: 6.667em;
    max-width: 100%;
}


div#divLogoArea a {
    display: inherit;
}

div#divMainHeaderBG {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
}

div#divMainHeaderBG>div {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

/*
div#divMainHeaderBG>div>div>div>div>div.user,
*/
div#divMainHeaderBG>div>div>div>div a {
    position: relative;
    font-size: 0.9em;
    padding-right: 0.75em !important;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

div#divMainHeaderBG>div>div>div {
    margin-left: 0.75em;
}

@media all and (min-width: 769px) {
    div#divMainHeaderBG>div>div>div:div:not([class='login']) {
        min-width: 7.75em;
    }
}


input[type="checkbox"] {
    transform: scale(1.25);
    cursor: pointer;
}

/*
div#divMainHeaderBG>div>div>div>div>div.user {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
*/

div#divMainHeaderBG>div span#fldBasket,
div#divMainHeaderBG>div span#fldNote {
    position: absolute;
    top: -0.75em;
    right: -0.75em;
    background: #FFFFFF;
    color: var(--DunkelsGruen);
    border-radius: 50em;
    padding: 0.0625em 0.375em 0.125em;
    font-size: 0.625em;
    min-width: 1.875em;
    text-align: center;
}

@media only screen and (max-width: 768px) {

    div#divMainHeaderBG div#divCustomerLogin div,
    div#divMainHeaderBG div#divBasket,
    div#divMainHeaderBG div#divNote {
        max-height: 2.125em;
    }
}

@media only screen and (max-width: 575px) {
    div#divMainHeaderBG>div {
        display: flex;
        padding-left: 0.125em;
        padding-right: 0.125em;
    }

    div#divMainHeaderBG div#divCustomerLogin div,
    div#divMainHeaderBG div#divBasket,
    div#divMainHeaderBG div#divNote {
        padding: 0.125em;
        padding-top: 1em;
        background-position: center 0.125em;
        background-repeat: no-repeat;
        background-size: 0.8em;
        border: none;
        max-height: 1.75em;
    }

    div#divMainHeaderBG div#divCustomerLogin div a,
    div#divMainHeaderBG div#divBasket a,
    div#divMainHeaderBG div#divNote a {
        font-size: 0.6em;
        padding-right: 0 !important;
        justify-content: center;
    }

    div#divMainHeaderBG>div span#fldBasket,
    div#divMainHeaderBG>div span#fldNote {
        top: -2.375em;
        right: 0.0125em;
    }

    div#divMainHeaderBG div#divCustomerLogin div.on a {
        justify-content: center;
    }
}

header {
    position: sticky;
    top: -6.5em;
    z-index: 9;
}

h1#ProduktTitel {
    background-color: var(--DunkelsGruen);
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.8em;
    font-family: "Futura BT W01 Bold";
    text-shadow: 0.02em 0.02em 0 #C1E1C1;
    padding-left: 0.625em;
    padding-right: 1.25em;
    width: 100%;
    border-radius: 0.125em;
}

div#LagerInfo {
    margin-left: -0.5em;
}

form#formMenuSearch input[type=submit] {
    /* ursprüngliche alternative Deklarationen auskommentiert belassen */
}

@media all and (max-width: 768px) {
    form#formMenuSearch input[type=submit] {
        /* ursprüngliche alternative Deklarationen auskommentiert belassen */
    }
}

div#divlogin div#divCustomerMenu,
button,
div#divmaincenter>div#divcontent>a>img,
.color_btn_secondary,
.color_btn_primary,
div.Produkte div[id^='List_'] h6,
div#lstArticleCatalogueSuggestions a div#divArticleGrid_2 span,
div#formListArticle a div#divArticleGrid span,
div[id^='formListArticle_'] a div[id^='divArticleGrid_'] span,
div#formListArticle_3 a div#divArticleGrid_5 span,
div#divHomeSubContentMenu h6,
div#divMobileMenu,
div#divMenuSearch,
div#divMenu ul#menunavi li,
img#PraedikatPic_IMG,
div#divMenu,
div#LagerInfo svg,
div#divCustomerMenuLogoff input#frm1CustomerLogoff,
div#divArticleMainData input#cmdWarenkorb,
div#divArticleMainData div#formBeiPack,
div#divArticleMainData div#formAlternativ,
div#divlogin div#divCustomerLogin div,
div#divButtonContainerNote div#divNote,
div#divButtonContainerBasket div#divBasket,
div#divArticleMainData input#cmdMerkzettel,
div#divArticleMainData div#formAbholschein,
div#divlogin div#divCustomerLogin div.on,
div[id^='divBrowse_'] {
    border-radius: 0.125em;
}




div#frmVergessen form {
    display: flex;
    flex-direction: column;
}

div#frmVergessen form input {
    max-width: 254px;
}

div#frmVergessen form span,
div#frmVergessen form input {
    margin-bottom: 0.75em;
}


/* ### div#divMenuSearch ### */
div#divMenuSearch {
    overflow: visible;
    overflow-x: hidden;
    padding-right: 0.25em;
    border-radius: 0.125em;
    flex-wrap: initial;
    justify-content: flex-end;
    background-color: var(--DunkelsGruen);
}

div#divMenuSearch form {
    flex-wrap: initial;
    justify-content: flex-end;
}

div#divMenuSearch:hover,
div#divMenuSearch.aktiv {
    background-color: var(--HellstesGruen);
}

form#formMenuSearch input[type=submit] {
    min-width: unset;
    border-radius: 0.125em;

}

form#formMenuSearch input {
    border-width: 0;
    color: #ffffff;
    background-color: var(--DunkelsGruen);
    padding: 0.5em;
    padding-right: 0.25em;
    max-width: 120px;
    border: none;
    border-radius: 0.125em;
}

form#formMenuSearch input[type=text] {
    text-align: right;
    order: 2;
    padding-right: 0.25em;
    padding-left: 0.25em;
}

form#formMenuSearch input[type=submit] {
    order: 1;
    padding: 0.5em;
    padding-left: 2.25em;
    background-position: 1.25em 0.5em;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/></svg>");
}

form#formMenuSearch:hover input::placeholder,
form#formMenuSearch:hover,
form#formMenuSearch:hover input {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
}

form#formMenuSearch:hover input[type=submit] {
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='2' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/></svg>");
}




form#formMenuSearch:hover input:focus~form#formMenuSearch,
form#formMenuSearch input[type=text]:active,
form#formMenuSearch input[type=text]:focus {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
}





/*

form#formMenuSearch input[type=submit]:hover {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/></svg>");
}
*/

form#formMenuSearch input::placeholder {
    color: #ffffff;
}

form#formMenuSearch input:focus::placeholder,
form#formMenuSearch input:active::placeholder {
    color: var(--DunkelsGruen);
}

form#formMenuSearch input {
    outline: none;
    border-color: var(--DunkelsGruen);
}





/*###################################################################*/


form#formMenuSearch input:focus~form#formMenuSearch,
form#formMenuSearch input:focus~input#formMenuSearch,
form#formMenuSearch input[type=text]:active,
form#formMenuSearch input[type=text]:focus {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
}






@media all and (max-width: 768px) {


    div#divMenuSearch {
        width: 100%;
        display: inline-block;
    }

    form#formMenuSearch {
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
    }

    form#formMenuSearch input[type=text] {
        text-align: left;
        order: 1;
        width: calc(100% / 12 * 9);
        padding: 0.5em;
        max-width: calc(100% / 12 * 12);
    }

    form#formMenuSearch input[type=submit] {
        order: 2;
        width: calc(100% / 12 * 2.9);
        padding: 0.5em;
        background-size: 1.250em 1.250em;
    }

    /*

form#formMenuSearch input:focus~form#formMenuSearch,
form#formMenuSearch input:focus~input#formMenuSearch,
form#formMenuSearch input[type=text]:active,
form#formMenuSearch input[type=text]:focus {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
}


form#formMenuSearch input[type=submit]:hover {
    background-color: var(--HellstesGruen);
    color: var(--DunkelsGruen);
    background-image: url("data:image/svg+xml;utf8,<svg data-slot='icon' fill='none' stroke-width='1.5' stroke='%23007A66' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/></svg>");
}
*/
}



/*###################################################################*/























@media screen and (min-width: 1200px) {
    header {
        top: -5.75em;
    }
}

@media only screen and (max-width: 991px) {
    header {
        top: -10.5em;
    }
}

@media only screen and (max-width: 768px) {
    header {
        top: -8.65em;
    }

    div#divMainHeaderBG,
    main {
        overflow: hidden;
    }

    /*
    ul#menunavi {
        order: 2;
    }

    div#divMenuSearch {
        order: 1;
    }
*/
}

@media only screen and (max-width: 575px) {
    * {
        font-size: 2rem;
    }

    div#divMainHeaderBG {
        position: fixed;
        top: unset;
        bottom: 0;
    }

    h1#ProduktTitel {
        font-size: 1em;
    }

    header {
        top: -11em;
    }
}

@media only screen and (max-width: 425px) {
    header {
        top: -12.375em;
    }
}

@media only screen and (min-width:127.5em) {
    html {
        font-size: 0.7vw;
    }
}

@media only screen and (min-width:162.5em) {
    html {
        font-size: 0.75vw;
    }
}