/*
 Theme Name:     Sanotact Marke - avency Divi
 Theme URI:      https://www.avency.de
 Description:    Divi child theme for Sanotact Marke // by avency
 Author:         avency GmbH
 Author URI:     https://www.avency.de
 Template:       Divi
 Version:        1.0.0
*/
 
/*!
Theme Name: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.22.2
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




/*
	Copyright (C) Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
*/

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-XLight_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-XLight_Web.woff) format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-XLightItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-XLightItalic_Web.woff) format('woff');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-Light_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-Light_Web.woff) format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-LightItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-LightItalic_Web.woff) format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-Book_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-Book_Web.woff) format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-BookItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-BookItalic_Web.woff) format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-Medium_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-Medium_Web.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-MediumItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-MediumItalic_Web.woff) format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-Bold_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-Bold_Web.woff) format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-BoldItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-BoldItalic_Web.woff) format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-Black_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-Black_Web.woff) format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url(../../../../../../../fonts/HCo_GothamSSm_Web/woff2/GothamSSm-BlackItalic_Web.woff2) format('woff2'),
		url(../../../../../../../fonts/HCo_GothamSSm_Web/woff/GothamSSm-BlackItalic_Web.woff) format('woff');
	font-weight: 800;
	font-style: italic;
}



/* CSS Variables */

:root {
    --primary: #587eac;
	--primary-lighten-10: #7a98bd;
	--primary-lighten-25: #adc0d6;
	--primary-lighten-35: #cfdae7;
	--primary-lighten-45: #f1f4f8;
	--primary-lighten-48: #f8fafc;
	
	--white: #fff;
    --black: #000;
	
    --darker-gray: #575756;
	--dark-gray: #888888;
    --mid-gray: #cccccc;
    --gray: #ececec;
    --light-gray: #f2f2f2;
	--lighter-gray: #f8f8f8;
	
	--border-radius-sm: 5px;
    --border-radius-md: 10px;
	--border-radius-lg: 15px;
	
	--small-headline-font-weight: bold;
	--small-headline-text-transform: uppercase;
	--small-headline-font-size: 16px;
}


body {
	font-family: 'HCo Gotham SSm';
    font-style: normal;
    font-weight: 400;
	line-height: 1.4;
	font-size: 14px;
	line-height: 1.8;
	color: var(--dark-gray);
}

.et_pb_bg_layout_dark p, .et_pb_bg_layout_dark ol, .et_pb_bg_layout_dark li {
	color: var(--white);
}

sub {
	font-size: 9px;
}
 
.et_pb_bg_layout_dark a {
	color: #fff !important;
}

h1, .h1, .et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1 {
	font-size:  clamp(1.5rem, 1.5rem + 1.5vw, 40px);
	font-weight: bold;
	line-height: 1.2;
	color: var(--primary);
}

h2, .h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2 {
	font-size:  clamp(1.5rem, 1.5rem + 1.5vw, 40px);
	font-weight: bold;
	line-height: 1.3;
	color: var(--primary);
}

h3, .h3, .et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 {
    font-size: clamp(1.25rem, 1.25rem + 1.5vw, 30px);
	font-weight: bold;
	line-height: 1.4;
	color: var(--primary);
}

h4, .h4, .et_pb_column_1_3 h4, .et_pb_column_1_4 h4, .et_pb_column_1_5 h4, .et_pb_column_1_6 h4, .et_pb_column_2_5 h4 {
    font-size: clamp(1.0rem, 1.0rem + 1.5vw, 24px);
	line-height: 1.4;
	color: var(--dark-gray);
	font-weight: 300;
}

h5, .h5, .et_pb_column_1_3 h5, .et_pb_column_1_4 h5, .et_pb_column_1_5 h5, .et_pb_column_1_6 h5, .et_pb_column_2_5 h5 {
    font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: var(--primary);
	text-transform: uppercase;
}

h6, .h6 {
    font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: var(--primary);
	text-transform: uppercase;
}

h1 sub, h2 sub, h3 sub, h4 sub, h5 sub, h6 sub {
	font-size: 50%;
}

/* BUTTONS */

.et_pb_button, .dipl_button_link, .et-db #et-boc .et-l .et_pb_button {
	font-size: 16px;
	border-radius: 0;
	font-weight: normal;
	line-height: 1;
	transition: color 500ms, background-color: 500ms;
	border-radius: var(--border-radius-sm);
}

.et_pb_button.et_pb_bg_layout_light, .dipl_button_link {
	background: var(--primary) !important;
	color: var(--white) !important;
	border-color: var(--primary) !important;
}

.et_pb_button.et_pb_bg_layout_light:hover, .dipl_button_classic .dipl_button_link:hover {
	background: var(--primary-lighten-45) !important;
	border-color: var(--primary) !important;
	color: var(--primary) !important;
}

.et_pb_button.et_pb_bg_layout_dark, .dipl_button_link.button-light, .et-db #et-boc .et-l .et_pb_button.et_pb_bg_layout_dark {
	background: var(--white) !important;
	border-color: var(--primary) !important;
	color: var(--primary) !important;
}

.et_pb_button.et_pb_bg_layout_dark:hover, .et-db #et-boc .et-l .et_pb_button.et_pb_bg_layout_dark:hover {
	border-color: var(--primary) !important;
	background: var(--primary-lighten-45) !important;
}

/* Divi Plus Buttons */
.dipl_button_link {
	margin-right: 15px;
	border: 2px solid var(--primary);
	padding: 0.3em 1em!important;
}

.dipl_button_link .dipl_button_text {
	font-size: 16px !important;
	padding: 0.3em 1em!important;
}


/* mobile Menu */
.et_mobile_menu {
	height: calc(100vh - 80px);
	overflow: scroll;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
	background: none;
}

.et_mobile_menu li a:hover {
	opacity: 1 !important;
}

@media only screen and (max-width: 970px) {
	.et_mobile_menu li a:hover {
		opacity: 0.7;
	}
}

.et_mobile_menu .menu-item-has-children a {
	font-weight: normal !important;
}

.et_mobile_menu {
	width: 100vw !important;
	position: absolute;
	left: -12.5% !important;
	padding: 5% 12.5% !important; 
	list-style: none!important;
	text-align: left;
	top: 100%;
}

.et_mobile_menu li li {
	list-style: none;
}

.et_mobile_menu .menu-item-has-children a, .et_mobile_menu li a {
	color: var(--primary);
	padding-left: 10px;
}


/* menu Icon */
.menu-icon {
	font-family: 'ETMODULES';
}

.et_mobile_nav_menu .wpml-ls-item, .et_mobile_nav_menu .menu-icon {
	width: fit-content;
	float: left;
}

.et_mobile_nav_menu .wpml-ls-item a, .et_mobile_nav_menu .menu-icon a {
border: none;
    padding: 20px;
    background: var(--primary-lighten-45) !important;
    border-radius: 50%;
    height: 50px;
	width: 50px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
    justify-content: center;
}

.et_mobile_nav_menu .wpml-ls-item a:hover, .et_mobile_nav_menu .menu-icon a:hover {
	background: var(--primary) !important;
	color: #fff !important;
}


/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d' !important;
}

/* Submenu */
.sub-menu {
	max-width: 1400px;
	border-top: none !important;
	left: calc(100% - 100%) !important;
	top: calc(100% - -1px) !important;
	transition: none !important;
} 

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
		top: calc(100% - -1px) !important;
}

.mega-menu >.sub-menu {
	display: grid; 
	grid-template-rows: auto;
	grid-template-columns: 33% 33% 33%; 
	grid-gap: 20px 20px;
	gap: 20px 20px;
	align-items: self-start;
	justify-self: start;
}

.mega-menu >.sub-menu .menu-image {
  grid-column-start: 1; 
  grid-column-end: 1; 
  grid-row-start: 1; 
  grid-row-end: 5;
}

.et-menu-nav li.mega-menu li>a {
	width: 100% !important;
	border-bottom: none !important;
	font-weight: 400 !important;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a{
	width: 100% !important;
}

.menu-image img {
	object-fit: cover !important;
    font-family: "object-fit: cover;" !important;
	height: 200px;
	width: 100%;
}
.et-menu-nav li.mega-menu>ul>li {
	width: 100% !important;
	padding: 10px;
}

.et-menu-nav li.mega-menu .menu-item-has-children .sub-menu {
	top: 0 !important;
	opacity: 1 !important;
}

.et-menu-nav li.mega-menu .menu-item-has-children .sub-menu li a {
	padding: 0 0 0 30px ;
}

.menu-image {
	display: none;
}

@media (min-width: 980px) {
.menu-image {
	display: inline-block;
	}
}

.menu-image a:hover {
	opacity: 1!important;
}

.menu-image img {
	object-fit: cover !important;
    font-family: "object-fit: cover;" !important;
	height: 200px;
}

/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/* Parent menu item */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable,
.et_pb_module .et_mobile_menu .menu-item-has-children > a {
  	position: relative !important;
	background: transparent !important;
}
/* Parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
	font-family: "ETmodules";
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	font-size: 30px !important;
}
/* Disabled parent menu item icon positioning */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {
  position: absolute;
  top: 13px;
  right: 10px;
}
/* Clickable parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {
  	display: grid;
  	grid-template-rows: 1fr;
  	grid-template-columns: 1fr;
  	align-items: center;
  	position: absolute;
  	width: 46px;
  	height: 46px;
  	right: 0;
  	top: 0;
  	z-index: 9;
	border: none !important;
	color: var(--primary);
}
/* Collapsed submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  content: "\33";
}
/* Expanded submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {
  content: "\32";
}
/* Hide submenu by default */
.et_pb_module .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul {
  display: none !important;
  visibility: hidden !important;
}
/* Show submenu */
.et_pb_module .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
}
/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */

/* Footer Menu */
footer a {
	color: #fff;
	text-decoration: underline;
}

.first-footer-menu ul li a {
	font-weight: bold;
	text-transform: uppercase;
	transition: color 300ms;
}

.first-footer-menu ul li a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.first-footer-menu ul li ul {
	margin-top: 15px;
}

.first-footer-menu ul li ul li {
	margin-left: 0 !important;
}

.first-footer-menu ul li ul li a {
	font-weight: normal;
	text-transform: none;
}

footer .et_pb_widget {
	margin-bottom: 30px !important;
}

footer .et_pb_menu .et_pb_menu__menu {
	display: flex !important;
}

footer .et_pb_menu .et_mobile_nav_menu {
	display: none !important;
}
	
/* Search Results Page */

.search-results .et_pb_section {
	padding-top: 0!important;
}

/* Search Bar */
.search-bar .widget_search {
	margin-bottom: 0 !important;
}

.search-bar .widget_search .wp-block-search__input {
	border-color: var(--gray);
}	

.search-bar .widget_search .wp-block-search__button {
	background: var(--primary-lighten-25);
	border-color: var(--primary-lighten-25);
	color: #fff;
	transition: all 300ms;
}

.search-bar .widget_search .wp-block-search__button:hover {
	background: var(--primary-lighten-10);
	border-color: var(--primary-lighten-10);
}
/* Menu Item */
.wpml-ls-item .sub-menu {
	max-width: 60px;
}

.sub-menu .wpml-ls-item a {
	max-width: 60px;
	padding: 0;
}

.et-menu .wpml-ls-first-item {
	padding-right: 5px !important;
}
	
.et-menu .wpml-ls-last-item {
	padding-left: 5px !important;
	padding-right: 0 !important;
}

.et-menu .wpml-ls-last-item::before {
    content: "";
    position: absolute;
    top: 40%;
    left: -1px;
    height: 20%;
    width: 1px;
    background: #fff;
}

/* Mobile Styles in navigation.css */
/* Blog Grid */
.et_pb_blog_grid .et_pb_post, .et_pb_blog_grid .entry-featured-image-url {
	overflow: visible !important;
}

.et_pb_blog_grid .et_pb_post {
	margin-top: 50px;
}

.et_pb_blog_grid .et_pb_image_container {
	max-height: 200px;
	overflow: hidden;
	background: var(--primary-lighten-45);
	border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}


/* Produkte / Projekte */
.et_pb_blog_grid .projectn .et_pb_image_container, .et_pb_blog_grid .project .et_pb_image_container {
	overflow: visible;
}

.et_pb_blog_grid .project .et_pb_image_container img, .et_pb_blog_grid .project .et_pb_image_container img {
	transition: transform 300ms;
	max-height: 250px !important;
	margin-top: -50px;
	margin-bottom: 25px;
	max-height: 200px;
    object-fit: contain;
	font-family: "object-fit: contain;";
}

.et_pb_blog_grid .project .et_pb_image_container:hover img, .et_pb_blog_grid .project .et_pb_image_container:hover img {
	transform: translateY(-10px);
}

.check-icon-list ul li {
	list-style: none;
}

.check-icon-list ul {
    padding: 0 40px;
}

.check-icon-list ul li:before {
	content: '\4e';
	font-family: ETmodules!important;
	font-size: 20px;
    speak: none;
	position: absolute;
	left: 0;
}
.bezugsquellen-liste {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 30px;
	align-items: center;
}

.bezugsquellen-liste .bezugsquelle-logo {
	width: 100%;
}

.product-subline h2 {
	font-size: clamp(1.0rem, 1.0rem + 1.5vw, 24px);
	line-height: 1.4;
	font-weight: 300;
}

/* PRODUCT GALLERY */
.product-detail-slider .slick-track, .product-detail-slider .slick-slide >div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-detail-slider-media-wrapper {
	max-width: 400px;
	margin: auto;
}

.product-detail-slider-nav-media-wrapper .video-icon {
	font-size: 39px;
	height: 73px;
	width: 73px;
	display: flex;
	justify-content: center;
    align-items: center;
    background: #fff;
    color: var(--primary);
}


/* PRODUCT GALLERY NAVIGATION */

@media (max-width: 480px) {
	.product-detail-slider-nav {
		display: none;
	}
}

.product-detail-slider-nav {
	margin-left: 5%;
    margin-right: 5%;
	text-align: center;
	margin-top: 30px;
}

.product-detail-slider-nav .product-detail-slider-nav-media-wrapper {
	max-width: 100px;
	margin: auto;
    border: 1px solid var(--gray);
    max-width: 75px;
	background: #fff;
}

.product-detail-slider-nav-media-wrapper {
	cursor: pointer !important;
}

/* Product Properties */
.product-properties {
    display: flex;
    grid-gap: 20px;
    flex-wrap: wrap;
	margin-top: 20px;
}

.product-properties .product-property .product-property-icon-wrapper {
    background: var(--primary);
    border-radius: 50%;
    height: 54px;
    width: 54px;
	padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
	border: 2px solid #fff;
}

.product-properties .product-property {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-property-text {
	color: var(--primary);
}

/* Shopping Buttons */
.shopping-button-wrapper {
	display: flex;
	grid-gap: 15px;
	flex-wrap: wrap;
}

.shopping-button {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--light-gray);
    padding: 10px;
    justify-content: flex-end;
    text-align: center;
    align-items: center;
	border-radius: var(--border-radius-sm);
	font-size: 12px;
	height: 80px;
	color: var(--dark-gray);
	transition: background 300ms;
}

.shopping-button:hover {
	background: var(--primary-lighten-45);
}

.shopping-button-image {
    max-width: 75px;
    max-height: 30px;
	margin-bottom: 5px;
}

/* read more text */
.product-detail-read-more, .product-detail-read-more-two {
	max-height: 300px;
    transition: max-height 1s;
	overflow: hidden;
}

.read-more-button, .read-more-button-two {
	padding-top: 30px;
	position: relative;
	width: 100%;
	text-decoration: none;
	border: none;
	transition: all 300ms;
	transform: translateY(-50px);
    height: 50px;
}

.read-more-button {
	background: linear-gradient(0deg, var(--primary), transparent);
	color: #fff;
}

.read-more-button-two {
	background: linear-gradient(0deg, var(--primary-lighten-48), transparent);
	color: var(--primary);
}

.read-more-button:before, .read-more-button-two:before {
	content: "\3b";
	font-family: "EtModules";
	font-size: 30px;
	position: absolute;
	left: 0;
	height: 30px;
	width: 100%;
	padding-top: 30px;
	transition: all 300ms;
}

.read-more-button:hover:before, .read-more-button-two:hover:before {
	opacity: 0.7;
}

.product-detail-read-more.show-full-text, .product-detail-read-more-two.show-full-text {
	max-height: 3000px;
	transition: max-height 1s;
}

.product-detail-read-more-wrapper.open .read-more-button, .product-detail-read-more-wrapper-two.open .read-more-button-two {
    background: linear-gradient(0deg, transparent, transparent);
}

.product-detail-read-more-wrapper.open .read-more-button:before, .product-detail-read-more-wrapper-two.open .read-more-button-two:before {
	transform: rotate(180deg);
	padding-bottom: 30px;
	padding-top: 0;
}

/* INGREDIENTS TABLE */
.table-zusammensetzung {
    overflow-x: auto !important;
    white-space: nowrap;
	border: 1px solid var(--light-gray);
}

.table-zusammensetzung table {
	width: 100%;
	padding: 20px;
	overflow: scroll;
}	

.table-zusammensetzung table th {
	padding: 16px 20px;
	border-bottom: 1px solid var(--light-gray);
	color: var(--primary);
}

.table-zusammensetzung table td {
    padding: 4px 20px;
	font-size: 12px;
}

.table-zusammensetzung table td::first-child {
	padding-top: 12px;
}

.table-zusammensetzung table td::last-child {
	padding-bottom: 12px;
}

.star-text{
	font-size: 12px;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
.table-zusammensetzung {
	scrollbar-width: auto;
	scrollbar-color: var(--primary) #ffffff;
}

/* Chrome, Edge, and Safari */
.table-zusammensetzung::-webkit-scrollbar {
	width: 4px;
}

.table-zusammensetzung::-webkit-scrollbar-track {
	background: #ffffff;
}

.table-zusammensetzung::-webkit-scrollbar-thumb {
	background-color: var(--primary);
	border-radius: 5px;
	border: 4px solid #ffffff;
}
.zoom-box{
    position: relative;
}
.zoom-box img{
    vertical-align: bottom;
}
.zoom-box .zoom-selector {
    position: absolute;
	border: 1px solid #fff;
    display: none;
    cursor: none;
}

.zoom-box .viewer-box {
    position: absolute;
    display: none;
    overflow: hidden;
	background: #f8fafc;
	left: 0 !important;
}

.zoom-box .viewer-box>img{
    position: absolute;
    left: 0;
    top: 0;
	max-width: none !important;
}
.quality-headline {
	margin-bottom: 30px;
}

.quality-section {
	   background-image: linear-gradient(180deg,#ffffff 10%, var(--primary-lighten-48) 10%,var(--primary-lighten-48) 90%,#ffffff 90%)!important;
}

.quality-box-container {
	border: 1px solid var(--primary);
	background: #fff;
	border-radius: var(--border-radius-sm);
}

.quality-safety-box {
	padding: 20px;
	text-align: center;
	color: var(--primary);
}

.quality-icon {
	height: 60px;
	width: 60px;
	padding: 5px;
	margin-bottom: 10px;
	background: var(--primary);
	border-radius: 50%;
}

.product-listing .et_pb_module_header, .product-filter-listing .et_pb_module_header {
	font-size: 15px !important;
	font-weight: normal;
}

.product-listing .project .et_overlay:before, .product-filter-listing .project .et_overlay:before {
	left: 0 !important;
	top: 0 !important;
}

.product-filter-listing .et_pb_portfolio_filters .clearfix {
	justify-content: flex-start !important;
}

.product-filter-listing .et_pb_portfolio_filters .et_pb_portfolio_filter a {
	border: none;
	color: var(--primary);
	background: transparent;
	border-radius: 0;
	margin: 5px;
}

.product-filter-listing .et_pb_portfolio_filters .et_pb_portfolio_filter a.active, .product-filter-listing .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover {
	background: var(--primary-lighten-45);
	border-radius: 5px;
	color: var(--primary);
}

.kategorien-grid-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

.kategorien-grid-item {
	transition: all 300ms;
	transform: scale(1);
	box-shadow: 0px 0px 0px 0px var(--primary-lighten-45);
	border-radius: var(--border-radius-sm);
	text-align: center;
}

.kategorien-grid-item:hover {
	transform: scale(1.05);
	box-shadow: 10px 10px 0px 0px var(--primary-lighten-45);
}

.kategorien-content {
	min-height: 360px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
    align-items: flex-end;
	border-radius: var(--border-radius-sm);
}

.kategorien-grid-text {
	background: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
	padding: 10px;
	border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
	border: 1px solid var(--gray);
}

/*** Responsive Styles Smartphone Only ***/
@media all and (min-width: 767px) {
	.kategorien-grid-container {
	grid-template-columns: 1fr 1fr;
	}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (min-width: 980px) {
	.kategorien-grid-container {
	grid-template-columns: 1fr 1fr 1fr;
	}
	
	.kategorien-content {
	min-height: 260px;
	}
}


/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1200px) {
	.kategorien-grid-container {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


.nf-field-label label {
	font-size: 14px !important;
}

.nf-form-content {
	max-width: 100% !important;
	padding: 0 !important;
	margin-top: 30px !important;
}

/* All Input fields */
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	background-color: var(--primary-lighten-48) !important;
	border: 2px solid var(--primary-lighten-48) !important;
	font-size: 14px !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div:focus, .nf-form-content input:not([type=button]):focus, .nf-form-content textarea:focus {
	border-color: var(--primary) !important;
}

.nf-form-content select.ninja-forms-field {
	font-size: 14px !important;
}

/* Button */
.nf-form-content input[type=button] {
	background-color: var(--primary) !important;
	float: right;
	padding: 0.3em 1em!important;
	font-size: 16px !important;
	border: 2px solid var(--primary) !important;
	border-radius: 5px !important;
}

.nf-form-content input[type=button]:hover {
	background: var(--primary-lighten-45) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
	cursor: pointer !important;
}


/* Checkboxes */

.list-checkbox-wrap .nf-field-element li label {
	font-size: 14px !important;
}

/* Validation */
.nf-error.field-wrap .nf-field-element:after {
	background: transparent !important;
	color: var(--primary) !important;
	content: "\f06a" !important;
    font-size: 30px !important;
}

.nf-error .nf-error-msg, .nf-error-msg, .ninja-forms-req-symbol, .nf-pass.field-wrap .nf-field-element:after {
	color: var(--primary) !important;
}

.nf-pass.field-wrap .nf-field-element:after {
    transition: all .2s !important;
}

.nf-error-msg.nf-error-field-errors {
	text-align: right !important;
}

#nf-label-field-18 {
	font-weight: normal !important;
}


.main-slider .et_pb_slider_container_inner {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.main-slider .et_pb_slide {
	padding: 0 10% !important;
}

.main-slider .et_pb_slide_title, .main-slider .et_pb_slide_title a {
	font-size:  clamp(1.5rem, 1.5rem + 1.5vw, 40px);
	font-weight: bold;
	line-height: 1;
}

.main-slider .et_pb_slide_image {
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: 0 !important;
	display: block !important;
}

.main-slider .et_pb_slide_image img {
	height: 300px;
	max-height: 300px !important;
}

.et_pb_slide_video {
	position: relative;
	display: block !important;
	max-height: 330px;
	margin-top: 0 !important;
}

.main-slider .et_pb_slide_description {
	margin: 0;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	animation-name: fadeLeft;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.main-slider .et_pb_slides .et_pb_container {
    display: flex;
    align-items: center;
	max-width: 1400px;
}

.main-slider .et_pb_slide_title {
	font-weight: bold;
	font-size: 40px !important;
	text-shadow: none !important;
}

.main-slider .et_pb_slide_content {
	text-shadow: none !important;
}

.main-slider .et_pb_slider .et_pb_slide {
	z-index: 2!important;
}

.main-slider .et_pb_slide_overlay_container {
	width: 100%;
    backdrop-filter: blur(5px);
	margin-top: 250px;
}

.main-slider .et-pb-controllers {
	display: none;
}

.main-slider .et-pb-controllers a {
	background-color: var(--primary);
}

.main-slider .et_pb_slide::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 50px;
    bottom: 0;
    height: 50px;
    transform: rotateX(180deg);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	z-index: 1;
}

@media (min-width: 767px) {
	.main-slider .et_pb_slide::after {
    	background-size: 100% 100px;
    	height: 100px;
	}
}

@media (min-width: 979px) {
	.main-slider .et_pb_slide_overlay_container {
		width: 45%;
		min-width: 530px;
		/*clip-path: polygon(0% 0%, 90% 0%, 99% 10%, 100% 13%, 100% 74%, 99% 76%, 20% 100%, 0% 100%);*/
		margin-top: 0;
	}
	
	.main-slider .et_pb_slide_description {
		width: 35%;
		margin-bottom: 0;
	}
	
	.main-slider .et-pb-controllers {
		display: block;
	}
	
	.main-slider .et_pb_slide_image {
		margin-top: 50px !important;
	}
	
	.main-slider .et_pb_slider_container_inner {
		justify-content: space-between;
	}

	.main-slider .et_pb_slide::after {
    	background-size: 100% 200px;
    	height: 200px;
	}
	
	.main-slider .et_pb_slide_image img {
		height: 500px;
		max-height: 500px !important;
	}
	
	.main-slider .et-pb-slider-arrows .et-pb-arrow-next, .main-slider .et-pb-slider-arrows .et-pb-arrow-prev {
		font-size: 30px;
	}
}





/* Arrows */
.slick-prev:before, .slick-next:before {
	color: var(--primary);
    font-family: ETmodules!important;
	font-size: 30px;
	opacity: 0.5;
}

.slick-prev, .slick-next {
    top: calc(50% - 15px);
}

.slick-prev {
	left: -40px;
}

.slick-prev:before {
	content: "\34";
}

.slick-next {
    right: -25px;
}

.slick-next:before {
	content: "\35";
}

/* Dots */
ul.slick-dots {
	padding: 0;
}

.slick-dots li {
	margin: 0;
}

.slick-dots li button:before {
	font-size: 9px;
}

.slick-dots li button:before, .slick-dots li.slick-active button:before {
	color: var(--primary);
}

/* overflow visible for zoom-box */
.product-detail-slider, .product-detail-slider .slick-list {
	overflow: hidden;
}

.product-detail-slider:hover, .product-detail-slider:hover .slick-list {
	overflow: visible;
}

.product-slider .slick-track {
	display: flex;
}

.product-slider .slick-slide {
	height: inherit !important;
	display: flex;
	justify-content: center;
}

.product-slider .et_pb_module_header {
	text-align: center;
	font-weight: normal;
	font-size: 14px !important;
}

.product-slider .et_portfolio_image {
	max-height: 400px;
    max-width: 200px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	transition: transform 300ms;
}

.product-slider .slick-slide:hover .et_portfolio_image {
	transform: translateY(-10px);
}

.product-slider .et_portfolio_image  img {
	max-height: 400px;
}

.product-slider .et_overlay {
	display: none;
}

.product-slider .slick-prev:before, .product-slider .slick-next:before {
	color: #fff;
}
.bezugsquellen-text {
	margin-bottom: 30px;
}

.bezugsquelle-logo {
    max-width: 120px;
    max-height: 50px;
}

.bezugsquellen-slider .slick-track, .bezugsquellen-logo-wrapper {
	display: flex;
    justify-content: center;
    align-items: center;
	filter: grayscale(1);
	opacity: 0.5;
	transition: all 300ms;
}

.bezugsquellen-slider .slick-track, .bezugsquellen-logo-wrapper:hover {
	filter: grayscale(0);
	opacity: 1;
}
/* Ratgeber Slider */
.ratgeber-slide-content-container {
	display: flex !important;
}

.ratgeber-slide-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ratgeber-slide-buttons {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 10px;
}

.ratgeber-slide-text {
	margin-top: 20px;
	margin-bottom: 20px !important;
}

img.ratgeber-slider-image {
    object-fit: cover;
    font-family: "object-fit: cover;";
	width: 100%;
	height: 350px;
	min-height: 200px;
	border-radius: var(--border-radius-sm);
}

@media screen and (max-width: 980px) {
	.ratgeber-slide-content-container {
	flex-direction: column-reverse !important;
	}
	
	img.ratgeber-slider-image {
		height: 250px;
	}
}

/* Ratgeber Slider Homepage and produktdetai */
.ratgeber-slider-homepage .slick-track, .ratgeber-produktdetail-sektion .slick-track {
	display: flex;
}

.ratgeber-slider-homepage .slick-slide, .ratgeber-produktdetail-sektion .slick-slide {
	height: inherit !important;
}

.ratgeber-startseite-sektion, .ratgeber-produktdetail-sektion {
	background-image: linear-gradient(90deg, var(--primary-lighten-48) 75%,#ffffff 75%)!important;
	padding: 30px 0;
}

@media screen and (max-width: 980px) {
	.ratgeber-startseite-sektion, .ratgeber-produktdetail-sektion {
			background-image: linear-gradient(180deg,#ffffff 25%,var(--primary-lighten-48) 25%)!important;
	}
}

.service-startseite-headline {
	margin-bottom: 20px;
}

.service-slider-homepage .slick-track {
	display: flex;
}

.service-slider-homepage .slick-slide {
	height: inherit !important;
	background: var(--primary);
	border-radius: var(--border-radius-sm);
	transition: all 300ms;
}

.service-slider-homepage .slick-slide:hover {
	background:var(--primary-lighten-10);
	box-shadow: 10px 10px 0px var(--primary-lighten-48);
}

.service-slide-text, .service-slide-text h5, .service-slide-text h6 {
	color: #fff;
}

.service-slide-text {
	padding: 20px;
}

img.service-slider-image {
    object-fit: cover;
    font-family: "object-fit: cover;";
	width: 100%;
	height: 200px;
	min-height: 200px;
	border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}

.service-slider-homepage .slick-slide {
    margin-left:  15px;
    margin-right:  15px;
}

.service-slider-homepage  .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

/* service-startseite-sektion */
.service-startseite-sektion:before {
	content: "";
    height: 66%;
    width: 90%;
    background-color: var(--primary-lighten-48);
    position: absolute;
    bottom: 0;
    left: 5%;
}
	
.kategorien-startseite-headline {
	margin-bottom: 20px;
}

.kategorien-slide-content {
	position: relative;
	display: flex;
    justify-content: center;
	align-items: flex-end;
	color: #fff;
	height: 200px;
	background-size: cover;
	background-color: var(--primary-lighten-45);
	transition: all 300ms;
	transform: scale(0.96);
	border-radius: var(--border-radius-sm);
	margin-top: 10px;
}

.kategorien-slide-text {
    text-align: center;
	background: var(--primary);
	margin: 10px !important;
	padding: 3px 10px;
	color: #fff;
	transition: all 300ms;
	transform: scale(0.9);
	border-radius: var(--border-radius-sm);
}

.kategorien-slider .slick-slide:hover .kategorien-slide-text {
	transform: scale(1.0);
}

.kategorien-title {
	font-weight: bold;
}

.kategorien-slider .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
}

.kategorien-slider  .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

img.kategorien-slider-image {
    object-fit: cover;
    font-family: "object-fit: cover;";
	width: 100%;
	height: 200px;
	min-height: 200px;
}

.kategorien-slider .slick-slide:hover .kategorien-slide-content {
	margin-top: 0;
	box-shadow: 10px 10px 0px var(--primary-lighten-45);
	transform: scale(1.0);
}

.kategorien-slide-buttons {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 10px;
	justify-content: center;
	margin-top: 30px;
}



/* laktose rechner */
.lactoseCalculator__row {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
}

.lactoseCalculator__box--select select {
    border: 5px solid  var(--primary-lighten-48);
	background: var(--primary-lighten-48);
	font-size: 15px;
    color:  var(--dark-gray);
    margin-bottom: 25px;
    padding: 10px 12px 10px 8px;
    width: 80%;
}
.lactoseCalculator__box--input input {
	background: var(--primary-lighten-48);
    border: 0;
    color:  var(--dark-gray);
    font-size: 15px;
    height: 34px;
    margin-right: 15px;
    margin-bottom: 25px;
    padding: 26px 12px;
    width: 80%;
}
.lactoseCalculator__button {
    background-color: transparent;
    border: 0;
    color: #60605f;
    cursor: pointer;
    display: flex;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    align-items: center;
    margin: 30px 0;
}
.lactoseCalculator__row.border__bottom--blue {
    border-bottom: 1px solid var(--light-gray);
    overflow: hidden;
}
.lactoseCalculator__button .et-pb-icon {
    font-size: 30px !important;
	color: var(--primary);
    margin-right: 20px;
}
.f-right {
    float: right;
}
.mb-20 {
    margin-bottom: 20px;
}
.mobile-none {
    display: none;
}
@media screen and (min-width: 1200px) {
    .lactoseCalculator__box {
        float: left;
        width: 25%;
    }
    .lactoseCalculator__box--select select,
    .lactoseCalculator__box--input input {
        margin-bottom: 0;
    }
    .mobile-none {
        display: block;
    }
    .desktop-none {
        display: none;
    }
}


.product-detail-extern-video-placeholder {
	width: 100%;
	height: 400px;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-lighten-45);
	background-image: var(--wpr-bg-e3cc8102-d27f-4b25-ae00-65d411d030a8);
}

.product-detail-extern-video-confirmation {
	background: rgba(255,255,255, 0.9);
    padding: 20px;
    width: 100%;
    text-align: center;
}

.product-detail-extern-video-confirmation .button {
	margin-top: 10px;
}