/*** Custom CSS Hagemann ***/

/* Anpassungen an der Cookie-Leiste */
.page-wrap--cookie-permission { z-index: 999999999999; }

/* Anpassungen am Footer */
.footer-main .navigation--link { line-height: 24px !important; font-size: 14px !important;}
.footer-main .footer--column.column--security ul li { font-size: 14px !important; line-height: 24px; }
.footer-main .column--headline { margin-top: 20px !important; margin-bottom: 10px !important; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700;}
.footer-main .column--hotline .column--headline { margin-bottom: 10px !important; }
.footer-main .column--headline.column--headline-payment { margin-bottom: 10px !important; }
.footer-main .footer--column p { line-height: 24px !important; font-size: 14px !important;}
.footer-main .column--content a.link-item { padding: 0 5px 0 0; float:left; }
.footer-main .column--content-delivery img.shipping-flag { border: 1px solid #000; margin: 0 .5rem .5rem 0; }
.icon-dpd.icon-shipping.footer-image-item { background-image: url(/media/image/15/98/51/DPD_logo.png); margin-bottom: .5rem; }
.icon-dpd-green.icon-shipping.footer-image-item { background-image: url(/media/image/c6/47/17/dpd-green.png); width: 75px !important; height: 57px !important; margin: 3px 0 .5rem 0; }
.icon-rechnung { background-image: url(/media/image/7a/7b/f7/icon-rechnung.png) !important; width: 82px !important; height: 30px !important; margin: 0 7px 10px 0 !important; }
.icon-sepa { background-image: url(/media/image/e3/22/26/icon-sepa.png); width: 82px !important; height: 30px !important; margin: 0 7px 10px 0 !important; }
.icon-paypal { background-image: url(/media/image/45/df/f4/icon-paypal.png); width: 73px !important; height: 30px !important; margin: 0 7px 10px 0 !important; }
.icon-vorkasse { background-image: url(/media/image/18/8f/42/icon-vorkasse.png); width: 82px !important; height: 30px !important; margin: 0 7px 10px 0 !important; }
.icon-gogreen { background-image: url(/media/image/c6/77/ef/ZustellungDurch_DHL_GoGreen_webshop_logo_ohne_zusatz.png); width: 100px !important; height: 57px !important; margin: 3px 20px 10px 0 !important; background-size: contain;}

/* Spezial */
.badge.is--primary { background-color: #e10000; background-image: none; } /* BG Anzahl Cart-Items */

/* Provisorischer Trustbadge */
#trustbadge-container-98e3dadd90eb493088abdc5597a70810 { z-index: 9999 !important; }
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 { right: 20px !important; left: auto !important; }
.cookie-permission--decline-button.btn, .cookie-permission--accept-button.btn, .cookie-permission--configure-button.btn { font-size: 14px; background-color: #cccccc; color: #000000; border-color: #cccccc; }
.cookie-permission--accept-button.btn { background-color: #009900; color: #ffffff; }

/* Service-Bar im Header */
section#infobar #servicebar .service--hotline { display: none; }
section#infobar #servicebar .service--email { display: none; }
@media screen and (min-width: 48em) { section#infobar #servicebar .entry--search .main-search--form .main-search--field { width: 36em; font-size: 18px; } }

/* Schmalerer Banner unter 768px */
@media screen and (max-width: 767px) {
.header-main .header--navigation .logo-main { height: 70px; background: #d4d3d3 url(/themes/Frontend/Hagemann/frontend/_public/src/img/background-header-small.png) repeat-x 0px -12px; }
.header-main .header--navigation .logo-main .logo--shop .logo--link { max-height: 50px; height: 50px; border-left: 10px solid #d4d3d3; border-right: 10px solid #d4d3d3; }
.header-main .header--navigation .logo-main .logo--shop { height: 70px; padding: 10px 0 0 10px; background: url(/themes/Frontend/Hagemann/frontend/_public/src/img/slogan-picture.png) no-repeat 145px 10px; }
.is--ctl-index .content-main--inner { margin-top: 80px; } }

/* Popup-Banner */
#popper-banner { height: 500px; width: 750px; background: transparent; overflow: hidden; border: solid 1px rgba(0, 0, 0, 0.2); }
#popper-banner a { height: 100%; width: 100%; display: block; position: relative; overflow: hidden; animation: 1s fadein ease-in-out; animation-fill-mode: forwards; }
#popper-target { background-size: cover; margin: 0 auto; position: absolute; width: 750px; height: 500px; }
.popper-transp { background: transparent; }
#popper-button { position: absolute; bottom: 30px; left: 50%; width: auto; color: #fff; padding: 8px 15px 8px 15px; font-family: 'Roboto'; font-weight: 700; font-size: 18px;  background: #2698ad; display: inline-block; margin: 10px 0 0 -120px; border-bottom: 2px solid rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); border-radius: 3px; }

@media (max-width: 48rem) {
#popper-banner { width: 480px; height: 320px; left: 50%; position: relative; margin-left: -240px; }
#popper-target { width: 480px; height: 320px; }
}

@media (max-width: 32rem) {
#popper-banner { width: 360px; height: 240px; left: 50%; position: relative; margin-left: -180px; }
#popper-target { width: 360px; height: 240px; }
}

/* Menu-Anpassungen */
.advanced-menu .menu--level-0 > li > a { font-weight: bold !important; }
.is--ctl-listing .sidebar--categories-wrapper > .sidebar--categories-navigation > .sidebar--navigation > .navigation--entry { display: inherit !important; } /* andere Menupunkte anzeigen */
@media screen and (min-width: 48em) {
.navigation-main .container .navigation--list .navigation--link > span { padding: 0 1rem; padding-left: 1rem; border-left: 1px solid #555; }
}

/* Struktur-Anpassungen */
.panel--paging .paging--link.is--active, .panel--paging .paging--link.is--active:hover { background-color: #57b14c; background-image: none; } /* Farbanpassung Paginierung */
.listing--wrapper.has--sidebar-filter .action--sort { margin-right: 0; } /* Abstand rechts Sortierauswahl */
/* nav.content--breadcrumb.block { display: none; } /* Breadcrumbs ausblenden */
.advanced-menu .button-container .button--close { top: 0; }  /* schliessen-X positionieren */

/* SEO-Styles (ST) */
ol.seo { padding-left: 1.25rem; font-size: 0.875rem; line-height: 1.5rem; margin: 0rem 0rem 1rem 0rem; font-family: 'Roboto', sans-serif; font-weight: 400; color: #525152; }
ol.seo li { padding-left: .5rem; }
ul.seo { padding-left: 1.25rem; font-size: 0.875rem; line-height: 1.5rem; margin: 0rem 0rem 1rem 0rem; font-family: 'Roboto', sans-serif; font-weight: 400; color: #525152; }
a.seo {color: #525152; text-decoration: underline;}
a.seogreen {color: #57b14c; text-decoration: underline !important; font-weight: bold;}

/* Headline Kategorie */
.hero--headline.panel--title { color: #FFFFFF; background: #57b14c; text-align: left; line-height: 40px; font-size: 28px; padding: 10px 20px; margin: 20px 0; }

/* Anpassungen an der Detail-Ansicht */
.is--ctl-detail .content-main--inner .product--detail-upper .image-slider--item .image--element { padding: 0px !important; }

/* SPRITES */
/* Social Media Flags */
.netlinks { justify-content: center; display: flex; }
.footer-main .column--content a.link-item img { width: 40px; height: 40px; background-image: url(/signatur/sprite4-hm.png); background-size: 280px 148px; }
.flag-facebook { background-position: 0px -48px; } .flag-instagram { background-position: -40px -48px; } .flag-pinterest { background-position: -80px -48px; } .flag-youtube { background-position: -120px -48px; } .flag-linkedin { background-position: -160px -48px} .flag-tiktok { background-position: -200px -48px; }

/* Sprites Flags */
.footer-main .column--content-delivery img.shipping-flag { border: 1px solid #000; margin: 0 .2rem .2rem 0; width: 42px; height: 26px; background-image: url(/signatur/sprite4-hm.png); background-size: 280px 148px; }
.flag-de { background-position: 0px 0px; } .flag-at { background-position: -40px 0px; } .flag-ch { background-position: -80px 0px; } .flag-nl { background-position: -120px 0px; } .flag-be { background-position: -160px 0px; } .flag-dk { background-position: 0px -24px; } .flag-fr { background-position: -40px -24px; } .flag-en { background-position: -80px -24px; } .flag-eu { background-position: -120px -24px; } .flag-ro { background-position: -160px -24px; } .flag-lt { background-position: -200px 0px; } .flag-es { background-position: -200px -24px; }

/* Trust Flags */
.flag-trusted.icon-shipping.footer-image-item { background-image: url(/signatur/sprite4-hm.png); background-size: 280px 148px !important; width: 45px !important; height: 45px !important; background-position: 0px -88px !important; }
.flag-ehi.icon-shipping.footer-image-item { background-image: url(/signatur/sprite4-hm.png); background-size: 280px 148px !important; width: 45px !important; height: 45px !important; background-position: -45px -88px !important; }
.flag-ssl.icon-shipping.footer-image-item { background-image: url(/signatur/sprite4-hm.png); background-size: 280px 148px !important; width: 45px !important; height: 45px !important; background-position: -90px -88px !important; }

/* Payment Flags */
.flag-checkout { float: right; margin-top: -30px; } /* Position Checkout */
.flag-rechnung { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 82px !important; height: 30px !important; background-position: 0px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-kredit { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 65px !important; height: 30px !important; background-position: -82px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-sepa { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 82px !important; height: 30px !important; background-position: -147px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-vorkasse { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 82px !important; height: 30px !important; background-position: -229px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-paypal { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 73px !important; height: 30px !important; background-position: -311px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-applepay { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 54px !important; height: 30px !important; background-position: -384px -266px !important; margin: 0 7px 10px 0 !important; }
.flag-giropay { background-image: url(/signatur/sprite4-hm.png); background-size: 560px 296px !important; width: 58px !important; height: 30px !important; background-position: -440px -266px !important; margin: 0 7px 10px 0 !important; }

/* Farbanpassung Lieferdauer */
.product--delivery .delivery--status-more-is-coming { background: #3aaa35; }
.product--delivery .delivery--text-more-is-coming { color: #3aaa35; }