@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-Regular.otf);
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-Italic.otf);
    font-style: italic;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-Bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-BoldItalic.otf);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-Medium.otf);
    font-weight: 600;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-MediumItalic.otf);
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-Light.otf);
    font-weight: 200;
}

@font-face {
    font-family: bliss;
    src: url(BlissPro/BlissPro-LightItalic.otf);
    font-weight: 200;
    font-style: italic;
}

.showmobile {
    display:none!important;
}

body {
    font-family: bliss, sans-serif!important;
    font-weight: 300!important;
}

.et_pb_menu__logo {
    width: 100%;
}

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

    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 15px!important;
    }

    .et_pb_menu .et-menu>li {
        padding: 0 5px!important;
    }

    #sortiment-menu .difl_advancedmenuitem_0_tb_header .df-normal-menu-wrap .df-menu-nav>li.menu-item>a {
        padding: 5px 5px!important;
    }
}

@media only screen and (max-width: 980px) {
    header .et_pb_section_0_tb_header{
        padding: 15px 0!important;
    }
    .hidemobile {
        display: none!important;
    }
    .showmobile {
        display:block!important;
    }
    #sortiment-menu .difl_advancedmenuitem_0_tb_header .df-normal-menu-wrap .df-menu-nav>li.menu-item>a {
        padding: 2px 5px!important;
    }
}

.nav li li {
    padding: 0 10px!important;
    width: 100%!important;
    margin: 0;
}

.et-menu li li a {
    padding: 6px 10px!important;
    width: 100%!important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    content: "\43"!important;
}

.menu-item-1045 span, .menu-item-1046 span, .menu-item-1047 span, .menu-item-1048 span, .menu-item-282536 span {
    display: none;
}

.difl_advancedmenu .menu-item-level-0 .dropdown-arrow {
    display: none!important;
}

.difl_advancedmenu .menu-item-level-0:hover a {
    background-color: #fff;
    border-color: #fff!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.df-menu-nav-level-1 {
    margin-left:-8px;
    width:100vw!important;
}

.difl_advancedmenu .sub-menu .col {
    border-left: 1px solid #ccc;
}

.difl_advancedmenu .sub-menu .col:first-child {
    border-left: 0px solid #ccc;
}

.difl_advancedmenu .sub-menu.df-menu-nav-level-1 a {
    font-weight: bold;
}

.difl_advancedmenu .sub-menu .df-menu-nav-level-2 a {
    font-weight: normal;
}

.difl_advancedmenu .sub-menu .df-menu-nav-level-2 {
    margin-left: 10px;
}

.difl_advancedmenu .df-mega-menu-item .col, .sub-menu .col {
    justify-content: flex-start!important;
}

.cls-menu-inner {
    display: flex;
    width: 1240px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 980px) {
    .cls-menu-inner {
        display: block;
        width: auto;
    }
}

h2.wp-block-heading {
    font-size: 25px!important;
    color: #666;
}

#menu-kategorien {
    flex-wrap: wrap;
}

#menu-kategorien .sub-menu {
    z-index: 100;
    overflow-y: scroll;
}

#menu-kategorien li{
    overflow-y: scroll;
}

@media only screen and (max-width: 980px) {
    #menu-kategorien {
        gap: 5px!important;
        justify-content: center;
    }
    #menu-kategorien .sub-menu .col {
        border:0!important;
    }
    #menu-kategorien .sub-menu .df-menu-nav-level-2 {
        display: none;
    }
    #menu-kategorien .menu-item-level-0>a{
        font-size: 10px!important;
        padding: 2px 5px!important;
        line-height: 20px;
    }
}

/** Search **/

.cls_searchbox, .et_pb_menu__search-input {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin-right: 20px;
    background-color: #f1f1f1!important; /* Light gray background */
    border-radius: 10px; /* Rounded corners */
    overflow: hidden; /* Prevent content from overflowing */
    margin: auto 20px auto 0;
    height: 56px;
}

.et_pb_menu__search-button {
    display: none!important;
}

#main-sortiment .et_pb_column {
    margin-bottom: 4%;
}

#main-sortiment .et_pb_row {
    padding-bottom: 0;
    padding-top: 0;
}

#main-sortiment .imagerow .et_pb_image {
    aspect-ratio: 1.25;
}

@media only screen and (max-width: 1500px) {
    .cls_searchbox {
        display: none;
    }

    .et_pb_menu__search-button {
        display: flex!important;
    }
}

@media only screen and (max-width: 1300px) {
    footer .ba_logo_grid_0_tb_footer {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    footer .et_pb_image_1_tb_footer{
        display: none;
    }

    footer .et_pb_image_2_tb_footer{
        margin-left: auto!important;
    }

    footer .et_pb_image_4_tb_footer {
        display: none;
    }
}

@media only screen and (max-width: 980px) {
    #main-sortiment .et_pb_column {
        margin-left: 2%!important;
        margin-right: 2%!important;
        width: 46%!important;
        margin-bottom: 4%;
    }
    #main-sortiment #mobile_ad .et_pb_column {
        margin-top: 20px;
        width: 100%!important;
    }
    footer .et_pb_image_2_tb_footer {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    #main-sortiment .et_pb_column {
        margin-left: 2%!important;
        margin-right: 2%!important;
        width: 46%!important;
        margin-bottom: 4%;
    }
    footer .et_pb_social_media_follow {
        display: none;
    }
    footer .et_pb_image_3_tb_footer {
        display: none;
    }
    footer .et_pb_text_3_tb_footer {
        display: none;
    }
}

/** Logos **/
.df_marquee_list .difl_marqueetextitem .df_marquee_text .df_marquee_media img.df_marquee_text_img {
    height: 30px;
    width: auto!important;
}

.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_8  .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_9  .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_10 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_11 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_13 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_23 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_25 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_28 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_33 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_34 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_36 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_41 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_51 .df_marquee_text .df_marquee_media img.df_marquee_text_img,
.df_marquee_list .difl_marqueetextitem.difl_marqueetextitem_52 .df_marquee_text .df_marquee_media img.df_marquee_text_img {
    height: 40px;
}

/* Input field styling */
.search-input {
    flex: 1;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    outline: none;
    border: none!important;
    background-color: transparent!important;
    padding: 0 10px!important;
}

/* Button styling */
.search-button {
background-color: transparent!important;
border: none;
padding: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

.search-button i {
font-size: 16px;
}

/* Hover effect for the button */
.search-button:hover {
background-color: #bbb; /* Darker gray */
}

@media only screen and (min-width: 1500px) {
    header .et_pb_menu__wrap {
        flex-grow: unset!important;
    }
}


/** Kacheln **/
.kachel {
    transition: transform 0.3s ease-in-out;
}

.kachel:hover {
    transform: scale(1.1);
}

.et_pb_column_empty.kachel {
    display: none;
}

/** Forms **/

.cls-form-button {
    background-color: #6b6d72!important;
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0!important;
}

/*Alternating blog layout*/

/*Set the effect for screen sizes 980px and larger*/
@media only screen and (min-width: 980px) {
    .ds-alternating-blog .et_pb_post {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 20px 0;
}

.et_pb_post .entry-featured-image-url {
    margin-bottom: 0!important;
}

/*Add some hidden content to clear the floats and make our posts site on their own row*/
.ds-alternating-blog .et_pb_post:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.ds-alternating-blog .et_pb_post h2 {
    margin-top: 0;
}

/*This sets the odd post images to the left*/
.ds-alternating-blog .et_pb_post img {
    float: left !important;
    overflow: hidden;
    width: calc(40% + 60px);
    height: auto;
    padding-right: 30px;
    margin: 0;
    aspect-ratio: 16/9;
    object-fit: cover;
}

/*This sets the even post images to the right*/
/**
.ds-alternating-blog .et_pb_post:nth-child(even) img {
    float: right;
    overflow: hidden;
    width: calc(40% + 60px);
    height: auto;
    padding-left: 30px;
    margin: -30px -30px -30px 0;
}
**/

/*This sets the background color of the image ready for the hover effect*/
.ds-alternating-blog .et_pb_post img {  
    opacity:1;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

/*This gives us the image opacity on hover*/
.ds-alternating-blog .et_pb_post img:hover {
    opacity: .5;
}     

/*This aligns the post text to the right on even posts*/    
/**
.ds-alternating-blog .et_pb_post:nth-child(even) {
    text-align: right;
}
**/
    
/*This sets the position of read more button on odd posts*/
.ds-alternating-blog .et_pb_post a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% + 30px);
}

/*This sets the position of read more button on even posts*/
/**
    .ds-alternating-blog .et_pb_post:nth-child(even) a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% - 180px);
    }
    **/
}

/*This styles the read more button*/
.ds-alternating-blog a.more-link {
    border: 1px solid #000;
    width: 150px;
    color: #000;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}

/*This styles the readmore button on hover*/
.ds-alternating-blog a.more-link:hover {
    border: 1px solid #000;
    color: #fff !important;
    background: #000;
}

/*This changes the layout to stack posts on smaller screens*/
@media only screen and (max-width: 979px) {
    .ds-alternating-blog .et_pb_post {
    margin-bottom: 30px;
}
   .ds-alternating-blog .et_pb_post a img {
    min-width: 100%;
}
    .ds-alternating-blog .et_pb_post .entry-featured-image-url {
    margin: -30px -30px 30px -30px;
}
    .ds-alternating-blog .et_pb_post {
        padding: 30px;
    }
}

/*This fixes a small margin issue with the post meta on small screens*/
@media only screen and (max-width: 479px) {
    .ds-alternating-blog .et_pb_post .post-meta {
    margin-top: 10px;
    }
}

.irian-16_9 img {
    aspect-ratio: 16/9;
}

/** Image Sizes **/
/*image aspect ratio square 1:1*/
.pa-image-1-1 .et_pb_image_wrap {
    padding-top: 100%;
    display: block;
    width:100%;
}

.pa-image-1-1 .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/*image aspect ratio landscape 16:9*/
.pa-image-ultrawide .et_pb_image_wrap {
    padding-top: 25%;
    display: block;
    width:100%;
}

.pa-image-ultrawide .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/*image aspect ratio landscape 16:9*/
.pa-image-16-9 .et_pb_image_wrap {
    padding-top: 56.25%;
    display: block;
    width:100%;
}

.pa-image-16-9 .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/*image aspect ratio landscape 4:3*/
.pa-image-4-3 .et_pb_image_wrap {
    padding-top: 75%;
    display: block;
    width:100%;
}
.pa-image-4-3 .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.pa-image-3-2 .et_pb_image_wrap, .difl_cptcarousel.pa-image-3-2 .df-cpt-image-wrap a {
    padding-top: 66.66%;
    display: block;
    width:100%;
}
.pa-image-3-2 .et_pb_image_wrap img, .difl_cptcarousel.pa-image-3-2 .df-cpt-image-wrap img {
    position: absolute!important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/* Mobile Menu */
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #000;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/*footer*/
#mehr_popup {
    display: none;
}

footer .et_builder_inner_content {
    z-index:999;
}