/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* architects-daughter-regular - latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/architects-daughter-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/architects-daughter-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/architects-daughter-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/architects-daughter-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/architects-daughter-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/architects-daughter-v18-latin-regular.svg#ArchitectsDaughter') format('svg'); /* Legacy iOS */
}
/* Var */
:root {
    --main: #025d8c;
	
	--header: #025D8C;
	
	--white: #ffffff;
	--light: #ebebeb;
	--default: #525252;
    --dark: #242422;
}
body {
	font-family: "Roboto Condensed",sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    font-family: "Roboto Condensed",sans-serif;
    color: #025d8c;
}
h1 {
	font-size: 41px!important;
	line-height: 1;
}

/* obme-default */
@media (min-width: 1300px){
	.container-fluid-xl, .container {
		max-width: 1270px;
		margin: auto;
	}
}
@media (min-width: 992px) {
	header .navbar-nav > .nav-item:nth-child(2) .nav-link{
	margin-left: 0;
	}
	.toggler-logo-wrapper .logo-wrapper {
		padding-left: 0;
	}
}
/* OBME-Top-Bar */
#obme_top_bar {
	background-color: #013049;
}
.topbar-left {
	list-style-type: none;
    margin-left: 16%;
    padding: 10px 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: auto;
	max-width: 1270px;
	font-weight: 500;
	flex-wrap: wrap;
}
.top_link a{
	text-decoration: none;
}
.top_link a:link, .top_link a:visited, .top_link a:hover {
	text-decoration: none;
}
.top_link a:active {
	text-decoration: underline;
}
.top_link a:hover {
	color: #025d8c ;
}
.top_link>.fas {
	color: #025d8c ;
	padding-right: 5px;
}
.top_link {
	color: #fff;
	font-size: 14px;
	font-family: "Roboto Condensed",sans-serif;
}
@media (max-width: 900px) {
	.hide-xs {
		display: none;
	}
}
/* Header */
header span.fa-user, header .fa-shopping-cart, header span.cart-icon-dropdown-price {
	font-size: 17px !important;
	color: var(--header);

}
header span.cart-icon-dropdown-price {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 19px !important;
}
@media (min-width: 768px) {
	header span.fa-user:after {
		content: "Anmelden";
		padding-top: 5px;
		font-weight: 400;
		font-family: "Roboto Condensed",sans-serif;
		color: var(--header);
		font-size: 20px;
		padding-left: 5px;
	}
	header .fa-user2 span.fa-user:after {
		content: "Mein Konto";
	}
}
@media (max-width: 500px) {
	.biosiegel {
		display: none;
	}
}
.biosiegel {
	max-width: 75px;
}
.headerbg {
	background: var(--header);
}
header .navbar-brand img {
    min-height: 60px;
}
@media (max-width: 991.98px) {
	.full-width-mega .toggler-logo-wrapper {
		display: flex;
		align-items: center;
	}
}
header .navbar-nav .nav-item .nav-link{
	color: #fff;
	font-family: "Roboto Condensed",sans-serif;
	/* font-style: italic; */
	font-size: 1.1rem;
}
header .navbar-nav .nav-item:hover .nav-link{
	color: var(--main);
	background: #fff;
}
@media (min-width: 992px) {
	header .navbar-nav > .nav-item > .nav-link:before {
	border-color: #013049;
	bottom: 6px;
	}
}
@media (min-width: 992px) {
	header .submenu-headline-toplevel {
		font-family: "Roboto Condensed",sans-serif;
		font-size: 1rem;
		border-bottom: 1px solid #939393;
		margin-bottom: 1rem;
	}

}
@media (max-width: 992px) {
	header .navbar-nav .nav-item .nav-link{
	color: var(--main);

	}
}
/* Suche */
header .fa-search, ::placeholder {
	color: var(--header)!important;
}
header #search .form-control, header .search-wrapper .form-control {
	border: 1px solid var(--light);
	height: 50px;
}
header #search .form-control:focus, header .search-wrapper .form-control:focus {
	border-color: var(--light);
	box-shadow: unset;
}
header #search .btn-secondary, header .search-wrapper .btn-secondary {
    color: var(--default);
    border-color: var(--light);
	background: #fff;
	border-left-color: #fff;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active {
    border-color: var(--light);
	color: var(--default);
}
.btn-secondary .fa-search {
	font-size: 16px;
}
@media (max-width: 992px) {
	header i.fa-search:before {
		font-size: 24px;
	}
}
.full-width-mega .main-search-wrapper .twitter-typeahead {
		font-family: "Roboto Condensed",sans-serif;
		font-style: italic;
	}
@media (max-width: 768px) {
	.full-width-mega .main-search-wrapper .twitter-typeahead {
		width: unset !important;
	}
	.full-width-mega .main-search-wrapper .twitter-typeahead+.input-group-append {
		width: unset !important;
	}
}

/* Footer */
#footer .productlist-filter-headline, #footer .panel-heading .panel-title, #footer .box a span.text-truncate, .newsletter-footer-heading{
	font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
    margin-bottom: 8px;

}
#footer .nav-link {
    padding: 0;
	color: #000;
}
#footer li {
    margin-bottom: 0.2rem;
	color: #000;
}
#footer .nav-link:hover {
    color: #025d8c;
}
#footer li .fas  {
	color: #025d8c;
    padding-right: 5px;
}
#footer .img-responsive {
	max-height: 45px;
}
#footer #copyright {
    background-color: #013049;
}
#footer .vorteile li {
	width: 100%;
}

/* Kategorie */
.sub-categories {
	border: 1px solid #fff;
    padding: 17px;
    transition: 0.3s;
}
.sub-categories:hover {
	border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: none;
    transition: 0.3s;
	-webkit-box-shadow: 0 1px 2px #dadada;
    box-shadow: 0 1px 2px #dadada;
    border-radius: 4px;
}
.content-cats-small .caption {
    margin-bottom: 0;
}
.content-cats-small .caption a {
    color: var(--main);
	text-decoration: none;
	font-size: 16px;
}
.content-cats-small .caption a:hover {
    color: var(--dark);
	text-decoration: underline;
}
/* Produkt Gallerie */
.product-list .product-wrapper .productbox-title {
	font-size: 1.4em;
	text-align: center;
	margin-top: 20px;
	height: 3em;
}
.product-list .product-wrapper .productbox-title a {
	text-decoration: auto;
}
.product-list .product-wrapper .price_wrapper {
	text-align: center;
}
.product-list .product-wrapper .price_wrapper .price{
	font-size: 26px;
}
.rating-min {
	height: 2em;
    text-align: center;
    padding: 4px;
}
.rating-min a{
	color: #025d8c;
}
.layout-gallery .item-delivery-status {
	text-align: center;
	font-size: small;
}


/* Kein 2tes Bild in übersicht T#8014456 wieder aktiviert*/

/*
.list-gallery:hover img.first {  
	opacity: 1;
}
.list-gallery:hover img.second {  
	opacity: 0;
}
*/

/* Nährwerte und Zusatzinformationen */
.nutrition .col-xs-6, .nutrition .col-sm-6 {
    width: 50%;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	font-size: 16px;
}
.nutrition-title {
	font-size: 2em;
}

.nutrition .col-xs-12 {
	width: 100%
}

@media (min-width: 768px){
	.nutrition.col-md-6 {
		flex: unset;
		max-width: unset;
	}
}
@media (min-width: 1300px){
	.nutrition.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-left: 25%;
	}
}


/* Bestellabschluss */
.checkout-payment-method img {
	max-width: 75px;
}

/* sticker | ribbon */
.ribbon-2 { /* SALE */
    background-color: red;
    color: #f5f7fa;
}
.ribbon-2:before {
    border-right-color: red;
}
.ribbon-7 { /* Ausverkauft */
    background-color: gray;
    color: #f5f7fa;
}
.ribbon-7:before {
    border-right-color: gray;
}
.ribbon-3 { /* Neu */
    background-color: #4cc210;
    color: #f5f7fa;
}
.ribbon-3:before {
    border-right-color: #4cc210;
}

/* Artikeldeteilseite Bilder Fix für volle Größe  */
#image_wrapper .inner img {
	height: 100%;
}

/* a-bericht */
.a-bericht {
	list-style-type: none;
	column-gap: 20px;
}
.a-bericht li {
            margin-bottom: 10px;
        }
.a-bericht a {
	text-decoration: none; 
	color: var(--main);
}

.a-bericht a:hover {
	text-decoration: underline;
}
 /* Für Mobiltelefone */
@media (max-width: 600px) {
	.a-bericht {
		column-count: 1;
	}
}

/* Für Tablets */
@media (min-width: 601px) and (max-width: 1024px) {
	.a-bericht {
		column-count: 2;
	}
}

/* Für Desktops */
@media (min-width: 1025px) {
	.a-bericht {
		column-count: 3;}
	}

/* T#8012653 infos größer */
.info-essential .product-mhd {
	font-size: 18px;
}


@media (max-width: 992px) {
	.zhz_new_bullet {
		display:none !important;
	}
}


/* Warenkorb Text anzeigen bei mobile */
#add-to-cart .btn .btn-basket-check span {
    display: inline-block;
}

.vat_info.zhz {
	align-self: center;
}
.layout-gallery .productbox-inner .price_wrapper .price.productbox-price .footnote-reference {
	display: none;
}





.kategorie-header-row {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 0;
}

.kategorie-teaser {
    flex: 2 1 60%;
    min-width: 300px;
}

.kategorie-bild {
    flex: 1 1 35%;
    min-width: 200px;
}
.kategorie-teaser p {
	margin-bottom: 0;
}

@media (max-width: 768px) {
    .kategorie-header-row {
        flex-direction: column;
    }

    .kategorie-teaser,
    .kategorie-bild {
        flex: 1 1 100%;
    }
}

@media (min-width: 992px) {
	.content-cats-small {
		display: none;
	}
}

.content-cats-small {
    margin-bottom: 0;
}

.content-cats-small .sub-categories{
    padding: 2px 0px;
}

@media (min-width: 768px) {
    .productlist-page-nav.productlist-page-nav-header-m {
        margin-top: 0.5rem;
    }
}

.zhzborder {
	border: solid 1px black;
    width: fit-content;
    padding-right: 20px;
    padding-top: 10px;
}

.info-essential .product-sku {
	font-size: 12px;
}

#product-offer .product-info ul.info-essential {
    margin: 1rem 0;
}

.product-info-inner .product-title.h2 {
    font-size: 36px !important;
	margin-bottom: 0.2rem;
}

#content-wrapper:not(.has-fluid) {
        padding-top: 1rem;
    }	
@media (min-width: 992px) {
    .breadcrumb-wrapper {
		margin-bottom: 1rem;
	}
}
@media (max-width: 992px) {
	#image_wrapper {
		margin-bottom: 1rem
	}
	.breadcrumb-wrapper {
		margin-bottom: 0;
	}
	.productlist-page-nav.productlist-page-nav-header-m {
		margin-top: 1rem;
	}
}
.tab-content .info-essential strong {
	font-weight: normal;
}

.zhz_trustelemente {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: nowrap;
	padding: 20px 0;
	width: 100%;
	text-align: center;
}

.trust-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	max-width: 30%;
}

.trust-item img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.trust-item p {
	margin-top: 8px;
	font-size: 14px;
	color: #333;
}

.gelber-stern {
	color: #FFD700;
}

.gallery-with-action.fullscreen .zhz_trustelemente {
	display: none;
}

.zhz_verkaeufe {
	font-size: 16px;
	margin-bottom: 5px;
}

@media (max-width: 576px) {
	.checkout-shipping-form-options .custom-control-inline {
		margin-bottom: 1rem;
	}
	.checkout-shipping-form-options .custom-control-inline .title{
		margin-bottom: 0.4rem !important;
	}
}

.product-list .product-wrapper .price_wrapper {
	margin-bottom: .5rem;
	height: 82px;
}
.product-list .product-wrapper .item-delivery-status {
	margin-bottom: 10px;
}

@media (max-width: 992px) {
    header i.fa-search:before {
        font-size: 17px !important;
    }
	#product-list .product-wrapper .special-price span, #product-list .product-wrapper .productbox-price span{
	font-size: 20px !important;
	}
	#product-list .product-wrapper .special-price span.zhzoldprice{
		font-size: .875rem !important;
	}
	.product-list .product-wrapper .price_wrapper {
		height: 69px;
	}
	#sidepanel_left {
		display: none;
	}

}

#footer-boxes {
	row-gap: 10px;
}

.zhzoldprice {
    color: gray !important;
    font-size: 20px !important;
}
.price.special-price{
	color:red;
}
.opc-product-slider .product-wrapper .old-price, .recommendations .product-wrapper .old-price, #product-list .old-price{
	display: none;
}

#add-to-cart-fixed .special-price span, .item-slider-price .special-price span{
	font-size: 20px !important;
}
#add-to-cart-fixed span.zhzoldprice, .item-slider-price .special-price span.zhzoldprice{
	font-size: .875rem !important;
}
.opc-product-slider .product-wrapper .productbox-price, .recommendations .product-wrapper .productbox-price{
    height: 53px;
    display: grid;
}
#product-list .product-wrapper .productbox-price{
    display: grid;
}
.opc-product-slider .item-slider-desc {
	height: 40px;
}

/* Text unterstreichung */
.slick-track .product-wrapper a, .ws5_ozg_container a{
	text-decoration: unset;
}


.ws5_ozg_artikel div {
    justify-items: center;
}


.zhz_T8015723 #add-to-cart-fixed, .zhz_T8015723 .price_on_application {
	display: none;
}

.zhz_verkaeufe { /*T#8015869*/
	display: none;
}

/* ============================================
   ADVENTSKALENDER POPUP STYLES
   Diesen Code in Ihre custom.css einfügen
   ============================================ */

/* === POPUP OVERLAY === */
#advent-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#advent-modal-overlay.show {
    display: flex;
    opacity: 1;
}

/* === POPUP CONTAINER === */
#advent-modal-container {
    position: relative;
    width: 95vw;
    height: 95vh;
    max-width: 1400px;
    max-height: 900px;
    background: transparent;
    border-radius: 12px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

#advent-modal-overlay.show #advent-modal-container {
    transform: scale(1);
    opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
    #advent-modal-container {
        width: 98vw;
        height: 98vh;
    }
}

/* === CLOSE BUTTON === */
#advent-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    z-index: 999999999;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    line-height: 1;
}

#advent-modal-close:hover {
    background: #ff4444;
    color: white;
    transform: rotate(90deg) scale(1.15);
    box-shadow: 0 6px 20px rgba(255, 68, 68, 0.6);
}

/* === IFRAME === */
#advent-modal-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
}