/* ==========================================================================
   Vollständig refaktorierte und gruppierte desktop.css (Kompakt-Format)
   ========================================================================== */

/* --- GRUNDLAGEN & RESETS --- */
input[type=submit]:hover { cursor: pointer; }

input[type=checkbox],
input[type=radio] {
    height: 25px;
    width: 25px;
}

input[type=text] { padding: 5px 0; }

select {
    border: 1px #789e04 solid;
    border-radius: 5px;
    padding: 5px;
    font-size: 18px;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

/* --- LAYOUT-GRUPPEN (Breite, Position, etc.) --- */
.img-fluid,
#txtSearch,
#megamenu,
#main_nav,
#ProductPromo,
.TopProductsMainContentView .title,
.TopProductsMainContentView .flex_produktbox,
.product_listing,
.box_index_bottom .box_brands,
.CatTitle,
.CatSiteProducts,
.CatSiteProducts .ProductBoxes,
.CatSiteProducts > form,
.ApothekeMasterContent,
#ProductSiteHeadRight .ProductSiteTitle,
#ProductInfoBlock,
#newsletter,
.CatSiteProducts .pbuy,
.med-info-pos,
.CatNav .nav-item a,
.cat_box_middle:hover .CatBoxContent h2 a::after,
.box_index_bottom .box_brands,
.CartPromoContentView .ProductListingLeft,
#HeaderNav.is-fixed,
#shopping_cart .CartOrderProductsBlock img  {
    width: 100%;
}

.SearchField,
.TopProductsMainContentView .ProductListBoxes,
.CatSiteProducts .ProductBoxes,
.SpecialsMainContentView .ProductListBoxes,
#search_suggest,
#ProductSiteHead,
#MwStNotice,
.med-info-pos,
#manu_label_b2bweb li {position: relative;}

/* --- BILD- & HÖHEN-RESETS --- */
#error_message .product_box img,
#live_search .LiveSearchImg img,
.TopProductsMainContentView .ProductListBoxes img,
.CatSiteProducts .ProductListingLeft img,
#TopAdvertising img { max-width: 100%; }

#live_search .LiveSearchImg img,
.product_listing .CatListProductBlock .pdesc,
#error_message .product_box img,
.boxen_leftside #boxen .boxcontent_specials img,
.CatDescription .CatDescriptionImg img,
.ProductSite #product_images img,
#shopping_cart .CartOrderProductsBlock img,
.img-fluid {height: auto;}

.TopProductsMainContentView .ProductListBoxes img {max-height: 100%;}

/* --- HINTERGRÜNDE & SCHATTEN --- */
.CatDescription,
.CatTitle,
#product_listing_navigation,
#SortField,
#wish_list,
#content,
#newsletter,
.boxen_leftside #boxen .box,
#live_search,
#teaser_content,
.TopProductsMainContentView .ProductListBoxes,
.CatSiteProducts .ProductBoxes,
.SpecialsMainContentView .ProductBoxes,
.navtrail {background-color: var(--BgWhite);}

.box_index_bottom .box,
#manu_label_b2bweb li,
.boxen_leftside #boxen .box {box-shadow: 0 1px 2px rgb(0 0 0 / 25%);}

.box_index_bottom .box {
    background: white;
    margin-bottom: 20px;
}

.boxen_leftside #boxen .box {border-radius: 5px 5px 0 0;}

/* --- TYPOGRAFIE & TEXT-AUSRICHTUNG --- */
.TopStatus,
.carousel,
.boxen_leftside #boxen .boxcontent_specials .pimg,
#product_info #product_images,
.CatSiteProducts .gm_price.price,
#manu_label_b2bweb li,
#hilfe-sidebar-content.open_help {text-align: center;}


.boxen_leftside #boxen .boxcontent_specials .pdesc,
.boxen_leftside #boxen .boxcontent_specials .DisplayPrice,
.boxen_leftside .productOldPriceDiscount,
.CatSiteProducts .plbox,
.CatSiteProducts .CatListingManufacturer,
.SpecialsMainContentView .pdesc,
footer ul,
footer .box-heading {text-align: left;}

h1 { font-size: 24px; }

.Index h1 {
    position: absolute;
    z-index: 2;
    left: 8px;
    background-color: rgb(255 255 255 / 50%);
    padding: 0 20px !important;
}

.title,
.title h3,
#TeaserHead h3,
.ProductPriceBox .price { font-size: 24px; }

.title {
    padding: 5px 0 5px 10px;
    background-image: linear-gradient(#dafaa8, #e6fac6);
}

.title h3 {
    line-height: 36px;
    margin: 0;
}

#TeaserHead h3 {
    margin: 0;
    padding: 3px 0 5px 0;
    font-weight: 200;
}

#header,
#HeaderNav #CatNavPos .CatNav .submenue a,
#main_nav .nav-link,
.TopHelpNavLink a,
.TopStatus,
#checkout_shipping,
#PaQContent,
button.question,
.h3pname,
.SpecialsMainContentView .h3pname,
.CatSiteProducts .h3pname,
.navtrail,
.navtrail a { font-size: 18px; }

/* --- PADDING & MARGIN GRUPPEN --- */
.B2BContent,
.CatDescription .CatDescriptionContent,
.MarkenHersteller li,
.CheckoutProductsBlock,
.add-content > div,
.FlexBoxCenter,
.bye,
.search-topic .add-content,
.Index .box_index_bottom .deepl,
.Index .box_index_bottom .deepl > div,
.box_index_bottom .box_startseitentext .box_index_content { padding: 20px; }

#order,
#wish_list { padding: 40px; }

.ProductSite #ManufacturersContent,
.ProductSite #PaQContent,
#product_reviews_write,
#checkout_shipping > div { padding: 50px; }

.SubSite .product_listing .preisline .price {border:1px #cccccc solid;}

/* ==========================================================================
   Spezifische Komponenten-Stile
   ========================================================================== */

/* --- Top Search --- */
#logo {
    width: 350px;
    padding-right: 20px;
}

#SearchHead {
    width: 450px;
    align-content: center;
}

.SearchField { width: 80%; }

#txtSearch {
    border-radius: 15px 0 0 15px;
    font-size: 22px;
    margin-right: -2px;
    padding: 9px;
}

.box_index_content.deepl {display: flex}
#SearchHead .btn {
    background-image: linear-gradient(#a2d503, #91bf04 50%, #91bf04 50%, #789e04);
    border: 1px solid #789e04;
    padding: 0;
    border-radius: 0 15px 15px 0;
    margin-left: -3px;
}

#SearchHead .btn > span {
    align-items: center;
    font-size: 22px;
    padding: 5px 10px 5px 5px;
}
#ButtonSearchTitle {padding-right: 8px;}
#search_suggest {
    z-index: 999;
    position: absolute;
}
#live_search {
    border: 1px #cccccc solid;
    padding: 10px;
}
#live_search .btn {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 3px 10px;
}
#live_search .LiveSearchImg {width: 80px;}
#live_search .LiveSearchUrl {
    flex-grow: 1;
    padding: 10px;
}

/* --- Header Navigation --- */
#HeaderNav #CatNavPos .CatNav .submenue a {
    font-weight: 100;
    padding: 5px;
    color: var(--LinkDark);
}

/* #HeaderNav #CatNavPos .CatNav .submenue .heading a {word-break: break-all;} */

#main_nav .catdesc {
    font-size: 16px;
    line-height: 1.2rem;
    margin: 20px 0;
}

#main_nav .nav-link {
    padding: 5px 0;
    letter-spacing: 1px;
}

#main_nav #CatNavPos .nav-link {text-shadow: 1px 1px black;}

#SpecialNavPos {background-color: var(--HighlightBackground);}

#SpecialNavPos a {color: var(--LinkDark);}

#HeaderNav #CatNavPos .CatNav a {color: var(--ColorWhite);}

#HeaderNav .SpecialNav .SpecialNavItem {padding: 5px 15px;}

#HeaderNav .SpecialNav .SpecialNavItem,
.CatNav .nav-item {
    border-right: 1px solid transparent;
    border-image-source: linear-gradient(to top, transparent 0%, var(--ColorWhite) 50%, transparent 100%);
    border-image-slice: 1;
}

.SpecialNavItem:hover { background-color: #fbcf8b; }

.CatNav .nav-item,
.CatNav .nav-item a:hover,
.CatNav .nav-item a {transition: all 0.3s ease-in-out;}

.CatNav .nav-item:hover {
    background: #789e04;
    transition: all 0.3s ease-in-out;
}

.CatNav .nav-item a:hover {
    color: #D7D9D6FF;
    text-decoration: none;
}

.TopNavPos {
    max-width: 1600px;
    margin: 0 auto;
}

.CatNav .nav-item {
    flex-grow: 1;
    padding: 5px 0;
}

.CatNav .nav-item a {display: block;}

#HeaderNav .SpecialNav .SpecialNavItem:last-child,
.CatNav .nav-item:last-child {border-right: 0;}

#main_nav .dropdown::after {display: none !important;}

#HeaderNav .submenue a {color: #191919;}

#main_nav .dropdown .submenue.show {background-color: #f4fbe8;}

#main_nav .dropdown .submenue.show .heading {font-weight: normal;}

#main_nav .SubNav1 {
    border-top: 1px transparent solid;
    border-bottom: 1px transparent solid;
}

#main_nav .SubNav1:hover {
    background-color: #e6fac6;
    border-top: 1px green solid;
    border-bottom: 1px green solid;
}
.item-myaccount a {padding:5px 0; display: block;}
#TopHelpNav {margin-left: 350px;}
.TopHelpNavLink {margin: 3px 15px;}
.TopHelpNavLink a:hover {color: darkred;}

.TopStatus {
    padding: 10px;
    border-radius: 5px;
    line-height: 20px;
    border: 1px green solid;
}

#HelloCustomer { text-decoration: underline; }

/* --- Slider & Teaser --- */
.carousel-caption {
    bottom: 0;
    top: initial;
}

.carousel-caption .sliderh5 {
    display: none !important;
    font-size: 20px;
    color: #1a1a1a;
}

#slider_galery .carousel-indicators {
    background-color: var(--BgWhite);
    margin: 0;
    height: 76px;
    bottom: -56px;
}

#slider_galery .carousel-indicators > div {
    width: auto;
    height: 100%;
    padding: 0 10px;
    max-width: 150px;
    align-self: center;
    align-items: center;
    align-content: center;
    text-indent: 0;
    border-right: 1px #ccc solid;
}

#slider_galery { margin-bottom: 70px; }

#slider_galery .carousel-indicators .active,
#slider_galery .carousel-indicators div {
    width: auto;
    padding: 0 10px;
    max-width: 200px;
    color: black;
    opacity: 1;
    align-self: center;
    align-items: center;
}

#slider_galery .carousel-indicators .active div { color: green; }

.Index .fs75 { display: none; }

.Highlight > div { margin-bottom: 5px; }

.Index .slick-slider .Highlight { left: 0; }

.Index #categories_list { margin-top: 10px; }

.cat_box .pdesc img {
    width: 107px;
    height: 80px;
    border-radius: 5px;
}

#index_cat_middle {
    background-color: #f0fbde;
    padding: 10px;
}

#index_cat_middle .cat_box_middle {
    width: 33.33%;
    margin: 0;
    padding: 5px 15px;
    background-color: transparent;
}

#index_cat_middle .cat_box { background-color: transparent; }

.cat_box_middle a { font-size: 16px; }

.cat_box_middle .pimg {
    width: 107px;
    height: 80px;
}

.cat_box_middle .CatBoxContent { flex-grow: 1; }

.cat_box_middle .CatBoxContent .cat_descr { display: none; }

.cat_box_middle h2 {
    margin: 0 10px 5px;
    position: relative;
}

#main .cat_box_middle h2 a {
    font-size: 22px;
    color: #2a3c0b;
    text-decoration: none;
}

.cat_box_middle a:hover {
    text-decoration: none;
    color: green;
}

.cat_box_middle .cat_deep_link {
    text-align: left;
    line-height: 20px;
    margin-left: 10px;
}

.cat_box_middle h2 a::after {
    content: '';
    display: block;
    border-bottom: 1px solid black;
    width: 0;
    position: absolute;
    left: 0;
    transition: 1s ease;
}


#prd_push {
    background: #f0fbde;
    margin: 20px 0;
    padding: 10px;
}

#prd_push .cat_box_middle {
    width: 25%;
    margin: 0;
    padding: 10px;
}

#prd_push .cat_box_middle .cat_box { background-color: transparent; }

#prd_push .pdesc {
    padding-left: 10px;
    line-height: 20px;
}

#TeaserIndex { justify-content: center; }

#TeaserIndex > div {
    width: 33.33%;
    margin: 0;
    padding: 20px;
}

#teaser_content {
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

#teaser_content .teaser { border: 1px green solid; }

#TeaserHead {
    background-color: var(--HighlightBackground);
    border-radius: 10px 10px 0 0;
    padding: 10px 0 2px 20px;
}

/* --- Produkt-Promotionen --- */
#ProductPromo { margin-bottom: 20px; }

.carousel-indicators ::marker { content: none; }

#ProductPromo #promo_right {
    width: 35%;
    margin-left: 10px;
    padding: 10px 0 0 20px;
    font-size: 19px;
    border-left: 1px #789e04 solid;
    background-image: url("/images/img/kind.jpg");
    background-position: right bottom;
    background-size: 150px;
    background-repeat: no-repeat;
}

#ProductPromo #promo_right strong {
    font-size: 20px;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

#promo_right #promo_legend {
    font-size: 14px;
    margin-bottom: 5px;
}

#ProductPromo #promo_right a {
    color: #789e04;
    text-decoration: none;
}

#ProductPromo #promo_right a:hover {
    color: #789e04;
    text-decoration: underline;
}

#ProductPromo #promo_right ul {
    margin: 0 0 0 20px;
    padding: 0;
}

#ProductPromo #promo_right li {
    list-style: disc;
    padding-bottom: 5px;
}

#ProductPromo #social_img { padding-right: 5px; }

#ProductPromo #products_promotion {
    width: 65%;
    padding-bottom: 30px;
}

#social {
    align-items: center;
    margin-top: auto;
}

#ProductPromo .carousel-indicators {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 0;
    height: 20px;
    bottom: -6px;
}

#ProductPromo .carousel-indicators .active,
#ProductPromo .carousel-indicators li {
    width: 20px;
    height: 7px;
    border-radius: 3px;
}

#ProductPromo .carousel-indicators li {
    border: 1px solid #789e04;
    background: white;
}

#ProductPromo .carousel-indicators .active { background-color: #789e04; }

/* --- Produkt-Listings (Allgemein) --- */
.TopProductsMainContentView,
.SpecialsMainContentView { background: #f0fbde; }

.TopProductsMainContentView .title {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.TopProductsMainContentView .flex_produktbox {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.TopProductsMainContentView .ProductBoxes .ProductListingLeft { width: 40%; }

.TopProductsMainContentView .ProductBoxes {
    width: 50%;
    margin-bottom: 20px;
}

.TopProductsMainContentView .ProductListBoxes {
    margin: 5px 20px;
    border-radius: 10px;
    min-height: 280px;
}

.TopProductsMainContentView .ProductListBoxes .pimg {
    height: 250px;
    padding: 10px;
}

.TopProductsMainContentView .ProductListBoxes img { width: auto; }

.TopProductsMainContentView .ProductListBoxes form { height: 100%; }

.TopProductsMainContentView .ProductListingRight {
    width: 40%;
    flex-grow: 1;
}

.product_listing { padding-bottom: 20px; }

.product_listing .CatListProductBlock .pdesc { overflow: initial; }

.product_listing .pdesc {
    font-size: 16px;
    height: 95px;
    overflow: hidden;
}

.product_listing .pdesc li {
    position: relative;
    padding-left: 22px;
}

.product_listing .pdesc ul { padding-left: 0; }

.product_listing .pdesc li::before { left: 0; }

.product_listing.TopProductsMainContentView .preisline { flex-direction: column; }

.product_listing .preisline {
    justify-content: end;
    text-align: right;
    align-items: end;
    padding: 5px;
    min-height: 200px;
}
.plbox {min-height: 170px;}

.DisplayPrice,
.gm_products_vpe { text-align: right; }

.DisplayPrice {
    margin-top: 10px;
    font-weight: 600;
}

.product_listing .preisline .price {color: var(--LinkGreen); padding:5px;}

.product_listing .CatSiteProducts .preisline {
    text-align: left;
    font-size: 17px;
}

.product_listing .CatSiteProducts .DisplayPrice { font-size: 20px; }

.Index .preisline { padding-right: 10px; }

.product_listing .CatSiteProducts .preisline .special_info,
.product_listing .CatSiteProducts .preisline .CatMhd {
    font-size: 17px;
    text-align: right;
}

.product_listing .CatSiteProducts .preisline .special_info { margin-bottom: 20px; }

.product_listing .CatSiteProducts .preisline .special_info img { margin: 0 5px; }

/* --- Specials --- */
.SpecialsMainContentView {
    margin: 20px 0;
    background-color: transparent;
}

.SpecialsMainContentView .product-carousel { background-color: transparent; }

.SpecialsMainContentView .ProductBoxes { margin-right: 10px; }

.SpecialsMainContentView form { flex-direction: column; }

.SpecialsMainContentView .pdesc { min-height: 125px; }

#SpecialsAll {
    flex-grow: 1;
    padding-right: 10px;
}

/* --- Boxen unten --- */
.box_index_bottom {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
}

.box_index_bottom .box_safe {
    width: calc(50% - 5px);
    margin-right: 5px;
}

.box_index_bottom .box_payments {
    width: calc(50% - 5px);
    margin-left: 5px;
}



.box_index_bottom .box_payments .box_index_content,
.box_index_bottom .box_safe .box_index_content {
    display: flex;
    justify-content: center;
}

.box_index_bottom .box_payments .box_index_content > div,
.box_index_bottom .box_safe .box_index_content > div {
    flex: 1;
    padding-top: 20px;
}

.SubSite .box_index_bottom .box { margin-top: 10px; }

.Index .box_index_bottom .box-heading {
    max-width: 1600px;
    margin: 0 auto;
}

.box_startseitentext .box_index_content img {
    width: auto;
    height: 150px;
    float: left;
    padding-right: 20px;
}

.footer_sukl,
.footer_sukl a { font-size: 16px; }

.footer_sukl span {
    display: block;
    margin-right: 5px;
}

/* --- Footer --- */
footer .box-heading { font-size: 22px; }

footer .boxcontent_footer_var a { text-decoration: underline; }

footer .box_newsletterbox { padding-right: 15px; }

/* --- Linke Spalte / Boxen --- */
.boxen_leftside {
    padding-left: 0;
    margin-right: 20px;
    width: 460px;
    margin-top: 0;
}

.boxen_leftside #boxen .box:last-child { margin-bottom: 0; }

.boxen_leftside #boxen .box-heading {
    background: #789e04;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px 5px 0 0;
    text-shadow: 1px 1px black;
}

.boxen_leftside #boxen .boxcontent_specials img { max-width: 50%; }

.boxen_leftside #boxen .boxcontent_specials .pimg { text-align: center; }

.boxen_leftside #SubNavi { padding-left: 10px; }

.boxen_leftside li.CatLevel2 { padding-left: 5px; }

.boxen_leftside .boxbuttom { margin-top: 10px; }

.boxcontent_sub_categories .CatLevel1 a::before { left: 0; }

.boxcontent_sub_categories .CatLevel1 a:hover::before { left: 5px; }

.boxcontent_sub_categories .CatLevel1 a::before,
.boxcontent_sub_categories .CatLevel2 a::before {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
}

.boxen_leftside #boxen a {
    font-size: 19px;
    padding: 3px 0 3px 15px;
    color: var(--LinkDark);
}

.boxen_leftside #boxen a:hover { color: var(--LinkHoverGreen) !important; }

.boxcontent ul li ul { padding-left: 10px; }

.boxen_leftside .boxcontent_specials img { max-width: 300px; }

.boxen_leftside #boxen div[class*="box_"]:not(.box_sub_categories) .boxcontent { padding: 0 15px 15px; }

.boxen_leftside #boxen div[class*="box_"]:not(.box_sub_categories) a {
    padding-left: 0;
    color: var(--LinkHoverGreen);
}

/* --- Kategorieseite --- */
.CatDescription { padding: 0 20px 20px 20px; }

.CatTitle { padding: 20px 20px 0 20px; }

.CatDescription .CatDescriptionImg { width: 220px; }

.CatDescription .CatDescriptionImg img {
    width: 200px;
    vertical-align: middle;
}
.navtrail {
    padding: 10px;
    margin: 8px 0;
}
#product_listing .container-flex-p15:nth-child(1) .flexfull { padding: 0.3125rem 0.625rem; }
#product_listing h2 {
    font-size: 1.4rem;
    font-family: times;
}
.CatSiteProducts .ProductListBoxes {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin:0 10px;
}

.CatSiteProducts .ProductListingLeft {width: 240px;}
.CatSiteProducts .ProductListingMiddle {flex: 2;}
.CatSiteProducts .ProductListingRight {flex: 1;}

.CatSiteProducts .ProductListingLeft img {
    max-height: 200px;
    width: auto;
    height: 100%;
    vertical-align: middle;
    border-style: none;
}

.CatSiteProducts .euoss-text {
    display: inline-block;
    line-height: 15px;
}

.ProductsButtons {margin: 10px 0;}

.CatSiteProducts .CatListingManufacturer a {
    color: var(--LinkHoverGreen);
    text-decoration: underline;
}

.gm_price.price { font-size: 20px; }

.CatSiteProducts .med_style { font-size: 16px; }

.CatSiteProducts .gm_price.price span { display: block; }

.CatSiteProducts .Highlight span,
.B2BExpiryDate {
    display: inline-block;
    padding: 0;
}
#product_listing_navigation {display: flex;}
.CatSiteProducts .Highlight,
.TopProductsMainContentView .Highlight { width: 100px; }

#product_listing_navigation .page-item {
    border-right: 1px #ccc solid;
    margin-right: 0;
}

#product_listing_navigation .page-item a {
    display: block;
    padding: 10px 20px;
}

#SortField {
    margin: 10px 0;
    padding: 5px;
}

.boxcontent_manufacturers select { margin-top: 10px; }

/* --- Produktseite --- */
#ProductSiteHead .Highlight { top: 10px; }

#product_info #product_images { width: 40%; }

#ProductSiteHeadRight {
    width: 60%;
    align-self: flex-start;
}

#ProductSiteHeadRight #ShortDescr {
    width: 50%;
    padding-right: 20px;
}

#ProductSiteHeadRight #product_details { width: 50%; }

#product_info #ProductSiteHeadRight .med-info-content,
#product_info #ProductSiteHeadRight .med-info-content-little {
    display: none;
    line-height: normal;
}

.sukl_short {
    align-self: flex-end;
    font-size: 90%;
    margin-left: 20px;
}

.sukl_img { margin-top: 15px; }

#product_details .button_print {
    display: block;
    margin-top: 5px;
}

#product_info #short_descr_content { margin-bottom: 20px; }

#product_info #short_descr_content li {
    position: relative;
    padding-left: 25px;
}

#product_info2 { padding: 1rem 0; }

#product_info #short_descr_content li::before,
#product_info .info-pos li::before { left: 0; }

#product_info .prod-thumb-a { align-content: center; }

.med-info:hover > .med-info-content,
.med-info:hover > .med-info-content-left {
    display: block;
    position: absolute;
    z-index: 999;
    width: 500px;
    background: #f0fbde;
    left: 20px;
    color: #484848;
    padding: 20px;
    font-family: 'Exo 2', sans-serif;
    border: 1px #ccc solid;
    border-radius: 3px;
}

.med-info:hover > .med-info-content-left { left: -500px; }

.zielgruppe img {
    width: 20px;
    height: 38px;
}

.darreichungsform img {
    width: 40px;
    height: 40px;
}

.rezept img {
    width: 50px;
    height: 36px;
}
#short_descr_content + .med-info-pos {border-top: 1px #e2e2e2 solid;}
.med-info-pos {
    position: relative;
    border-bottom: 1px #e2e2e2 dashed;
    padding-bottom: 3px;
    padding-top: 3px;
}
.med-info-pos > div:nth-child(1) {width: 20%;}
.med-info-pos > div:nth-child(2) {width: 80%;}
#ProductInfoBlock .prd_info_title {font-weight: bold;}
#ProductInfoBlock {border:1px #e2e2e2 solid; border-right: none}

#ProductSiteHeadRight .b2b-payments {
    text-align: right;
    padding: 10px 10px 0 0;
}

#ProductSiteHeadRight .b2b-payments img {
    width: 88px;
    height: 30px;
    border: 1px #ccc solid;
    border-radius: 4px;
    background-color: #f5f5f3;
    margin: 0 0 1% 1%;
    vertical-align: middle;
}

.ProductSite #product_images img { max-width: 80%; }

#ProductInfoBlock .fs9 { font-size: 16px; }

#product_info #ShortDescr ul:last-child:after {
    content: 'Mehr Infos siehe Detailbeschreibung unten';
    color: #999;
}

#ShortDescr .wishlist { margin-top: 20px; }

#ShortDescr .wishlist a { margin-right: 20px; }

#content {
    padding: 20px 40px 40px 40px;
    margin: 10px;
}

#newsletter {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.SubmenueLeft {
    width: 20%;
    border-right: 1px #ccc solid;
    padding-right: 20px;
}

.SubmenueRight { width: 80%; }

.ProductPriceBox .euoss-text a:hover { color: var(--LinkHoverGreen); }

.ProductPriceBox .euoss-text a {
    display: inline-block;
    padding: 8px 0;
}

.ProductPriceBox .price {
    color: var(--LinkHoverGreen);
    padding: 10px 0;
    border-top: 1px green solid;
    border-bottom: 1px green solid;
    width: 50%;
    text-align: right;
    margin: 10px 0;
    display: inline-block;
}

.produkttext h3 {
    font-size: 22px;
    padding-top: 10px;
}

.produkttext h3 strong {font-weight: 600;}

.produkttext #accordionManufakt,
.produkttext .content,
.produkttext .ManufacturersSecurity { margin: 25px 0; }

.expandClick:hover { cursor: pointer; }

.produkttext .Product_Manufacturers .Product_ManufacturersContent { padding-left: 50px; }

#PaQContent,
#PaQContent .red a { color: black; }

#PaQContent .red.green a,
#PaQContent .red.green { color: #ffffff; }

#PaQContent .accept_box { padding: 5px; }

#PaQContent .accept_box input {
    height: 20px;
    width: 20px;
    padding: 0 10px;
}

#PaQContent .input-element { margin-bottom: 5px; }

#PaQContent input {
    padding: 5px;
    margin-right: 20px;
}

.RelatedProductHead strong {
    font-size: 20px;
    font-weight: 400;
}

.RelatedProduct {
    border: 1px green solid;
    flex: 1;
    margin: 0 20px;
    padding: 20px;
    border-radius: 5px;
}

.ProductNavigator ul {
    display: flex;
    list-style: none;
    justify-content: center;
}

.ProductNavigator li { padding: 0 20px; }

.ProductSite .ProductsReviewsHead strong,
.ProductSite .ManufacturersSpan,
.ProductSite .PaQSpan {
    font-size: 30px;
    font-weight: 400;
}

/* --- Warenkorb & Checkout --- */
.SideCart .Btn { margin: 20px; }

#dropdown_shopping_cart .WkPrdTitle,
#dropdown_shopping_cart .WkPrdPrice {
    align-content: center;
    background-color: var(--AccentColor);
}

#dropdown_shopping_cart .canvas_wk { border: 1px green solid; }

#dropdown_shopping_cart .canvas_wk_summe { margin-top: 35px; }

#shopping_cart .CartOrderProductsBlock .wkliste, #shopping_cart  {padding: 20px; }



#shopping_cart .actionbuttons { margin-top: 20px; }

#shopping_cart .actionbuttons > div { margin: 0 5px; }

#shopping_cart .WkShipment {
    border: 1px #e1e1e1 solid;
    border-radius: 5px;
    padding: 20px;
    margin: 20px;
}

#shopping_cart #cart_shipping_costs_selection {
    margin-top: 20px;
    border-top: 1px #e1e1e1 solid;
    padding-top: 20px;
}

#shopping_cart .WkShipment input { padding: 5px; }

#shopping_cart .ShippingCostsInput { margin-bottom: 10px; }

#shopping_cart .WkShippingBlock > div:first-child { min-width: 150px; }

#shopping_cart .summe { margin-top: 20px; }

#shopping_cart .summe > div { padding: 5px; }

#shopping_cart .title,
#checkout_shipping .title { padding: 0 20px; }

.CartPromoContentView .ProductBoxes { width: 33.33%; }

.CartPromoContentView .ProductBoxes > div {
    position: relative;
    background-color: var(--BgWhite);
}
.product_listing.CartPromoContentView .CatSiteProducts {width: initial}

.CartPromoContentView form {flex-direction: column;}
.CartPromoContentView .pdesc {height: 100px;}
.CartPromoContentView .preisline {height: 100px;}
.CartPromoContentView .plbox {min-height: 250px;}
.CartPromoContentView .gm_price.price {min-height: 120px;}
.CartPromoContentView form .CatListProductBlock {flex-direction: column;}


#wish_list {height: 100%;}
.CheckOutButton .btn {margin: 10px 50px;}
.CheckoutBlock input {margin-right: 5px;}
.button_checkout_module {
    border-bottom: 1px #e2e2e2 solid;
    padding: 10px 0;
}

#module_checkout_confirmation .CheckoutBlock > div { margin-top: 0; }

#module_checkout_confirmation .CheckoutContainer { padding: 20px; }

.CheckoutAddress > div { margin: 10px 20px; }

.CheckoutBlockData svg path,
.CheckoutBlock svg path { stroke: green; }

.CheckoutBlockData svg,
.CheckoutBlock svg { margin-left: 10px; }

.CheckoutProductsBlock:nth-of-type(odd) { background-color: #e2e2e2; }

.CheckoutProductsBlock:nth-of-type(even) { background-color: #ffffff; }

.CheckoutProductsBlock .ProductDescription { padding-left: 20px; }

.CheckoutBlock .TotalPriceBlock { max-width: 500px; }

.CheckoutBlock .ApprovalBlockLeft { min-width: 250px; }
.ApprovalBlockLeft {border-right: 1px #ccc solid;padding-right:10px}

.CheckoutBlock .ApprovalBlockRight { font-weight: bold; }

.CheckoutBuy { margin-top: 15px; }

#checkout_shipping .flex60fix { align-self: center; }

#checkout_shipping .control-label,
#checkout_shipping input { padding: 3px 0; }

#checkout_shipping .control-label {
    display: inline-block;
    width: 300px;
}

#checkout_shipping input[type=text] { min-width: 350px; }

#checkout_shipping input.house-number {
    width: 100px;
    min-width: auto;
}

/* --- Account & Formulare --- */
#account .LastSeen .flex_produktbox { flex: 1; }

.input-element { margin-bottom: 5px; }

.account .input-element:has(> .control-label + input) .control-label,
label[for=street_address], #create_account .account .input-element label[for=country] {
    display: inline-block;
    width: 300px;
}

#create_account input, #create_account_guest input {font-size: 19px}



label[for=house_number],
#address_book_process .account label.control-label[for=city] { padding-left: 5px; }

#house_number { width: 50px; }

#address_book_process .account label.control-label[for=postcode],
#address_book_process .account label.control-label[for=city] { width: 80px; }

label[for=login_email],
label[for=loginpassword],
label[for=loginemail],
label[for=login_password] {
    display: inline-block;
    width: 100px;
}


label[for=password_current],
label[for=password_new],
label[for=password_confirmation] {
    display: inline-block;
    width: 220px;
}
#account_password .input-element-big {margin-bottom: 5px}

.ForStandard { margin: 20px 0; }

.box_index_head,
.box_direkt_links .box-heading { padding: 20px; }
.box_direkt_links .box_index_content li::before {left: 0;}

#payments_site table { width: initial; }

.med-tabelle td {
    border: 1px black solid;
    padding: 5px;
}

#contactus label {
    display: block;
    width: 180px;
}

#contactus label[for=message_body] { width: 200px; }

#contactus .input-element-sicherheitsabfrage { margin: 20px 0; }

#contactus #vvcode_input { margin-left: 10px; }

/* --- Sonstiges --- */
#back-top {
    position: fixed;
    right: 5px;
    bottom: 10px;
}

#back-top a { font-size: 33px; }

.ProductListingRight.preisline > .flex_column { height: 100%; }

#PC .ProductListingRight.preisline > .flex_column .special_info.ar { margin-bottom: auto; }

#content #manu_label_b2bweb img {
    max-width: 90%;
    max-height: 95%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#manu_label_b2bweb li {
    width: 18%;
    list-style: none;
    height: 110px;
    overflow: hidden;
    padding: 5px 5px 10px 5px;
    border: 5px #ddd solid;
    margin: 7px 10px;
}

#manu_label_b2bweb a { display: block; }

#manu_label_b2bweb a:hover div { opacity: 1; }

#manu_label_b2bweb img,
#manu_label_b2bweb a:hover img,
#manu_label_b2bweb a div,
#manu_label_b2bweb a:hover div { transition: all .5s ease-out; }

#manu_label_b2bweb a:hover img,
#manu_label_b2bweb a div { opacity: 0; }

#manu_label_b2bweb a div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

#HeaderNav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
}

.mob-menu-transition { transition: transform 0.3s ease-out; }

/* --- Sidebar Hilfe --- */
#hilfe-sidebar {
    position: fixed;
    right: -45px;
    top: 30%;
    z-index: 1010;
}

#hilfe-sidebar:hover {
    transition: right .3s, transform .5s;
    right: -35px;
}

#hilfe-sidebar:hover #hilfe-sidebar-push {
    cursor: pointer;
    transition: right .3s, background .3s, transform .5s;
    background: #789e04;
}

#hilfe-sidebar-push {
    width: 190px;
    position: absolute;
    z-index: 9999;
    right: -25px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    transform: rotate(270deg);
    background: #a2d503;
    padding: 5px 0 15px 15px;
    font-size: 19px;
    border-radius: 5px 5px 0 0;
    transition: right 0.3s;
    opacity: 1;
}

#hilfe-sidebar-push.close_help_button {
    right: -200px;
    transition: right 0.3s;
}

#font-phone:after {
    content: '\f095';
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 10px;
    transform: rotate(360deg);
    font-size: 20px;
}

#hilfe-sidebar-content {
    display: none;
    max-height: 0;
    border-radius: 5px 0 0 5px;
}

#hilfe-sidebar-content.open_help {
    width: 400px;
    right: 0px;
    top: 20%;
    display: block;
    max-height: 5000px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    color: white;
    padding: 10px;
}

#hilfe-sidebar-content a { color: white; }

.tel_link:before {
    content: '\f095';
    font-family: FontAwesome;
    margin-right: 10px;
}

.mail_link:before {
    content: '\f0e0';
    font-family: FontAwesome;
    margin-right: 10px;
}

#close_content_help {
    border: 1px white solid;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 800;
    padding: 0 3px 0 3px;
}

#close_content_help:hover { cursor: pointer; }

#hilfe-sidebar-content .sidebar-content {
    border-bottom: 1px #ccc dashed;
    padding: 10px 0 10px 0;
}

#hilfe-sidebar-content .sidebar-content strong {
    font-weight: 300;
    font-size: 18px;
}

#hilfe-sidebar-content #social_network a:hover img {
    transform: rotate(360deg);
    transition: transform 0.3s;
}

#PC .showpassword {
    right: -28px;
    top: 0;
}

.add-content > div {padding: 40px;}

.add-content-img-left .add-content-img {margin-right: 20px;}
.add-content-img-right .add-content-img {
    order: 2;
    margin-left: 20px;
}

.add-content-img-right .questions-answers {order: 1;}
strong.questions {font-size: 20px;}
#dropdown_wishlist_inner > div.canvas_wk:nth-of-type(even) {background-color: var(--AccentColor);}
#dropdown_wishlist_inner > div {padding: 5px;}
.WkPrdTitle {padding-left: 5px;}
.erweiterte_suche .input-element-big {margin-bottom: 5px;}
.erweiterte_suche .input-element-big label {
    display: inline-block;
    width: 100px;
}
.erweiterte_suche .input-element-big select {min-width: 600px;}
#error_message .product_box img {max-height: 300px}
.CatDescriptionImg .img-fluid {width: initial}
.CatSiteProducts .ProductBoxes {margin-bottom:10px}
.ProductSiteTitle {margin-top:10px}
.special_info .age {
    font-size: 12px;
    margin-left: -6px;
}
.nocheineadresse {margin-bottom: 10px}
.CheckoutBlock > div {margin:40px; padding:10px 20px;}
.CheckoutBlock .ConfirmBox.P0 {margin:0 40px;}
#contactus {padding:20px;}
#contactus input,#contactus textarea {padding:3px;}
.answere_questions_support {
    text-align: center;
    border:1px green solid;
}
#payments_site div { border: 1px #ccc solid; padding: 10px; margin: 10px; }
#content table tr td:nth-child(1) { width: 20%; }
#content table td { border: 1px #ccc solid; padding: 10px; }
td { vertical-align: top; }
#payments_site img {
    width: 200px;
    float: left;
    margin-right: 10px;
}
#contactus input,#contactus textarea {font-size: 18px}
.sidebar-content #mail_kontakt:before {
    content: '\f0e0';
    font-family: FontAwesome;
    font-size: 80px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0px;
}
.sidebar-content #mail_kontakt, .sidebar-content #questions_answere {
    display: block;
    position: relative;
    padding-top: 100px;
}
.sidebar-content #questions_answere:before {
    content: '\f29c ';
    font-family: FontAwesome;
    font-size: 80px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0px;
}
#password_double_opt_in .input-element-big label, .input-element-sicherheitsabfrage label,.input-element-sicherheitsabfrage b{display: block}
.StepPassword_double_opt_in {border:1px green solid; padding:20px; margin:10px;}
.StepPassword_double_opt_in div {width: 100%}
.StepPassword_double_opt_in input {width: 50%}
.StepPassword_double_opt_in #vvcode {margin-left:0;}
.StepPassword_double_opt_in .action_submit {margin-top:20px}
#answere_questions .question:after {
    content: 'Antwort anzeigen';
    position: absolute;
    right: 10px;
}
#answere_questions .question.open:after {
    content: 'Antwort verbergen';
    position: absolute;
    right: 10px;
}
.ablauf_pass_lost > div:nth-child(1):after, .ablauf_pass_lost > div:nth-child(2):after {
    right: -27px;
    top: 40%;
}
#new_find {margin-bottom: 10px}
.SuggestSearch .product_box {margin: 0 10px 1.25rem 0; font-size:18px}
#shopping_cart .gratisartikel .actionbuttons  {margin-top: 0}
#shopping_cart .gratisartikel img {max-width: 150px}
#shopping_cart .gratisartikel {border:1px green solid; margin-top:20px}
.CartPromoContentView .ProductBoxes {background: transparent}
.AccountOrdersListDetailBlockItem {width: 25%;border:1px green solid; margin:20px; padding:20px}
.StandardButtonBlock .StandardButton:first-child {margin-right: 20px}
.carousel-item a {display: block; height: 100%}
.carousel-caption.d-md-block {display:none!important;}
.modal-body .input-element-big label > div {width: 130px}