/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.results {
height: 40vh !important;
	overflow-y: hidden !important;
}
.asp_simplebar-wrapper {
	overflow-y: scroll !important;
}

/*
    Add your custom styles here
*/
@-webkit-keyframes smoothscroll1 {
  from, to { scroll-behavior: smooth; }
}

@keyframes smoothscroll1 {
  from, to { scroll-behavior: smooth; }
}

@-webkit-keyframes smoothscroll2 {
  from, to { scroll-behavior: smooth; }
}

@keyframes smoothscroll2 {
  from, to { scroll-behavior: smooth; }
}

html {
  -webkit-animation: smoothscroll1 1s;
          animation: smoothscroll1 1s;
}

html:focus-within {
  -webkit-animation-name: smoothscroll2;
          animation-name: smoothscroll2;
  scroll-behavior: smooth;
}

/*Hide annoying info banner from wpml - to be removed after go-live*/
.otgs-development-site-front-end{
	display:none;
}

/*Limitation for boxed containers*/

@media only screen and (max-width: 1560px) {
.elementor-section.elementor-section-boxed > .elementor-container{
	max-width: 95vw;
	}
}

/*Simple reusable section classes*/

.padding-3p-topbot{
	padding: 3% 0% 3% 0%;	
}

.padding-5p-topbot{
	padding: 5% 0% 5% 0%;	
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Bold.woff2') format('woff2'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Bold.woff') format('woff'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Regular.woff2') format('woff2'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Regular.woff') format('woff'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-MediumItalic.eot');
    src: url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-MediumItalic.woff2') format('woff2'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-MediumItalic.woff') format('woff'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-MediumItalic.ttf') format('truetype'),
        url('https://zill.seowerk.org/wp-content/uploads/2021/10/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


body{
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	-webkit-hyphens: manual!important;
    -ms-hyphens: manual!important;
    hyphens: manual!important;
	/*min font-size: 18px, max font-size: 20px */
	font-size: calc(18px + (20 - 18) * ((100vw - 568px) / (2560 - 568)));
	color: var( --e-global-color-text );
}

a {
	color: var(--e-global-color-primary);
}
/* AUFZ */
div[data-elementor-type="single-post"] ul,
.essential-produkt ul {
	list-style-type: none;
	padding-left: 0;
}
div[data-elementor-type="single-post"] ul li,
.essential-produkt ul li {
	position: relative;
	padding-left: 30px;
}
div[data-elementor-type="single-post"] ul li:before,
.essential-produkt ul li:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: var(--e-global-color-primary);
	left: 0;
    top: 9px;
    position: absolute;
}

.elementor-button{
	border-radius: 28px;
	background-color: var( --e-global-color-primary );
	color: var(--e-global-color-secondary);
	box-shadow: 0px 5px 10px #090E1840;
	font-weight: 600;
	/*font-style: italic;*/
	/*text-transform: uppercase;*/
}

.elementor-button:hover{
	/*padding-right: 36px;*/
	color: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}

.white .elementor-button {
	background-color: var(--e-global-color-secondary);
	color: var( --e-global-color-primary );
}
.elementor-button,
.elementor-button:hover {
	padding: 12px 24px;
}
.mit-icon .elementor-button,
.mit-icon .elementor-button:hover
.elementor-button[type="submit"], 
.elementor-button[type="submit"]:hover {
	padding: 5px 5px 5px 25px;
}
.mit-icon .elementor-button-content-wrapper,
.elementor-button[type="submit"] {
	display: flex;
    align-items: center;
}
.mit-icon .elementor-button-icon svg,
.elementor-button[type="submit"] svg {
	width: 30px;
	height: auto;
}
.elementor-button[type="submit"] .elementor-button-icon {
    margin-left: 25px;
}

h1, h2, h3, h4, h5, h6{
	color: var(--e-global-color-primary);
	line-height: 1.3em!important;
	font-weight: bold;
}

/*
 * Werte basieren auf den Auflösungen: Min - 568px, Max - 2560px
 * min font-size: 50px, max font-size: 90px */
h1 {
	font-size: calc(40px + (60 - 40) * ((100vw - 568px) / (2560 - 568)));
	color: var( --e-global-color-primary );
}
/*min font-size: 40px, max font-size: 73px */
h2{
	font-size: calc(30px + (45 - 30) * ((100vw - 568px) / (2560 - 568)));

}
/*min font-size: 35px, max font-size: 52px */
h3 {
	font-size: calc(30px + (45 - 30) * ((100vw - 568px) / (2560 - 568)));
}
/*min font-size: 25px, max font-size: 33.5px */
h4 {
    font-size: calc(18px + (30 - 18) * ((100vw - 568px) / (2560 - 568)));
	font-weight: 500;
}
/*min font-size: 25px, max font-size: 40px */
h5 {
	font-size: calc(16px + (18 - 16) * ((100vw - 568px) / (2560 - 568)));
}
/*min font-size: 20px, max font-size: 27px */
h6 {
	font-size: calc(16px + (18 - 16) * ((100vw - 568px) / (2560 - 568)));
}

/*CTA Banner Template*/
.fakeH2, .fakeH2 h1{
	font-size: calc(30px + (45 - 30) * ((100vw - 568px) / (2560 - 568)));
	font-weight: bold;
}

.fakeH3{
	font-weight:bold;
	font-size: calc(30px + (45 - 30) * ((100vw - 568px) / (2560 - 568)));
}

.smallH3{
	font-weight:bold;
	line-height: 1.3em!important;
}

.fakeH5 p{
	font-size: calc(16px + (18 - 16) * ((100vw - 568px) / (2560 - 568)));
	line-height: 1.3em!important;
	font-weight: bold;
}

/*Product Category Boxes - Startseite */
.product-category h3, .product-category .smallH3, .product-category.smallH3 {
	font-size: calc(18px + (30 - 18) * ((100vw - 568px) / (2560 - 568)));
	color: var( --e-global-color-text );
}

/*.product-category span{
	font-style: italic;
	text-transform: uppercase;
}*/

/*Schlagwort Headline*/
.schlagwort span{
	font-size: calc(60px + (80 - 60) * ((100vw - 568px) / (2560 - 568)));
	font-style: italic;
	font-weight: bold;
	color: var( --e-global-color-text );
}

/*Jobs Listing Headline*/
.jobs h4{
	font-weight: 700;
}
.jobs a{
	color: var(--e-global-color-text);
}
/* Slider */
/* forty-sixty-slider = Slider 40/60 – mit Produkt – Störer mittig */
/* full-image-slider = Slider 100 – mit Bild */

section.full-image-slider .titel p {
	color: #ffffff;
    font-weight: 400;
    font-size: 65px;
    width: 40%;
    text-align: center;
}
section.full-image-slider .logo {
	width: 350px !important;
    right: 0;
    bottom: 25px !important;
}
.forty-sixty-slider .subtext p {
	color: var(--e-global-color-primary);
	font-size: 45px;
	font-weight: 500;
}
.forty-sixty-slider .titel p {
	color: #ffffff;
    font-weight: 800;
    /*JE: font-size: 80px;*/
	font-size: 60px;
}
.forty-sixty-slider div.stoerer {
	width: fit-content;
	/*right: -12% !important;*/
}
/*section.forty-sixty-slider .elementor-background-overlay {
	border-left: 25px solid rgba(255,255,255,0.5);
}
.forty-sixty-slider .elementor-column .elementor-background-overlay {
	display: none;
}
section.forty-sixty-slider .elementor-background-overlay {
    background-size: 65vw;
}*/
.forty-sixty-slider div.stoerer {
	bottom: unset;
	top: unset;
	left: unset;
	right: -25% !important;
}

@media (max-width: 1280px) {
	/*section.forty-sixty-slider .elementor-background-overlay {
		display: none;
	}
	section.forty-sixty-slider .product-col .elementor-background-overlay {
		display: block;
		transform: translate(0, 0) !important;
		border-left: 0 solid transparent;
	}*/
	.forty-sixty-slider div.stoerer {
		bottom: -20%;
		top: unset;
		left: unset;
		right: 0 !important;
	}
	.forty-sixty-slider > .elementor-container {
		margin: 0 !important;
		max-width: 100vw !important;
	}
	.forty-sixty-slider .text-col {
		max-width: 85vw;
    	margin: 70px auto 20px auto;
	}
}
@media (max-width: 990px) {
	section.full-image-slider .titel p {
    	width: 60%;
	}
	.forty-sixty-slider div.stoerer {
		right: 10% !important;
		top: 0;
	}
	.forty-sixty-slider div.stoerer img {
		width: 250px !important;
	}
}
@media (max-width: 880px) {
	section.full-image-slider .titel p {
    	font-size: 50px;
	}
	section.full-image-slider .logo {
		width: 300px !important;
	}
	.forty-sixty-slider div.stoerer {
		right: 0 !important;
	}
	.forty-sixty-slider .titel p {
		font-size: 70px;
	}
	.forty-sixty-slider .subtext p {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	section.full-image-slider .titel p {
    	width: 80%;
	}
	.forty-sixty-slider div.stoerer {
		display: none;
	}
}
@media (max-width: 480px) {
	section.full-image-slider .titel p {
    	width: 95%;
		margin: 0 auto;
		margin-top: -30%;
	}
	section.full-image-slider .logo {
	width: 250px !important;
    bottom: 35px !important;
}
	.forty-sixty-slider .titel p {
		font-size: 45px;
	}
	.forty-sixty-slider .subtext p {
		font-size: 28px;
	}
	.forty-sixty-slider .product-col .bild-marke {
		display: none;
	}
}



.elementor-section.elementor-section-height-full>.elementor-container{
	height: unset;
}

/*----------------------------*/
/* MENU */

.elementor-sticky--active{
	z-index:1000;
}
.produkt-menu div[data-elementor-type="section"],
.zill-menu div[data-elementor-type="section"] {
	position: absolute;
    right: 60px;
    top: 60px;
}
.produkt-menu #emm-main-menu-de,
.zill-menu #emm-menue-de-side {
	/*padding: 60px 40% 60px 60px;*/
}

.produkt-menu #emm-main-menu-de,
.zill-menu #emm-menue-de-side {
	/*padding: 60px 40% 60px 60px;*/
}

.produkt-menu nav.emm27,
.zill-menu nav.emm27 {
	padding: 60px 40% 60px 60px;
}

@media (max-width: 1440px){
	.produkt-menu nav.emm27,
	.zill-menu nav.emm27 {
	padding: 60px 30% 60px 60px;
}
}

@media (max-width: 1280px){
	.produkt-menu nav.emm27,
	.zill-menu nav.emm27 {
	padding: 60px 25% 60px 60px;
}
}

@media (max-width: 880px){
	.produkt-menu nav.emm27, {
	padding: 0px 45px 0px 45px;
}
}
.produkt-menu li[data-level="0"] button[aria-label="Toggle submenu"],
.zill-menu li[data-level="0"] button[aria-label="Toggle submenu"] {
	position: absolute;
    right: 10px;
}
.produkt-menu ul ul button.emm10[aria-label="Toggle submenu"],
.zill-menu ul ul button.emm10[aria-label="Toggle submenu"] {
	position: static;
	width: 10px !important;
    height: 10px !important;
	right: unset;
}
.produkt-menu ul ul button.emm10[aria-label="Toggle submenu"] i,
.zill-menu ul ul button.emm10[aria-label="Toggle submenu"] i {
	width: 10px !important;
    height: 10px !important;
}
.produkt-menu ul.emm5,
.zill-menu ul.emm5 {
	 padding-left: 30px;
}
.produkt-menu ul.emm5 li,
.zill-menu ul.emm5 li {
	border-bottom-width: 0 !important;
}
.produkt-menu ul.emm5 a,
.zill-menu ul.emm5 a {
	text-transform: none !important;
}
.zill-menu .emm15 {
	position: absolute;
	left: unset !important;
	right: -10px !important;
	/*width: 770px !important;*/
}
a[aria-label="Zill Passion"] {
	padding-bottom: 20px !important;
}
a[aria-label="Zill Passion"] svg {
	width: 160px !important;
	height: auto !important;
}

a[aria-label="Zill Passion"] .emm8{
	display:none;
}
/* ABTRENNSTRICH SUBMENU AUSGEBLENDET */
#emm-main-menu-de ul li .emm5.emm780.emm23 a {
	border-bottom-width: 0;
}
/* LINK-ICON IM MENU 
.icon-link > a >  span {
position: relative !important;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
	margin-right: 30px;
}
.icon-link > a > span:after {
	content: '';
	background-image: url('/wp-content/uploads/2022/02/icon-link.svg');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 18px;
    height: 20px;
    top: -3px;
    right: -25px;
}*/
@media (max-width: 1560px) {
	.zill-menu .emm15 {
		/*width: calc(95vw /2 - 10px ) !important;*/
	}
}
@media (max-width: 900px) {
	.produkt-menu div[data-elementor-type="section"],
	.zill-menu div[data-elementor-type="section"] {
		right: 20px;
	}
	
}

/* BREADCRUMB */
.breadcrumb_last {
	color: var( --e-global-color-primary );
}
#breadcrumbs a {
	color: var( --e-global-color-text );
}



.elementor-232 .elementor-element.elementor-element-8a3f6f3.emm38yes .emm15{
	left: -10px;
}

[type=button]:focus, 
[type=submit]:focus, 
button:focus {
    outline: 0 auto -webkit-focus-ring-color;
}

/* z-index Social Media Icons im Menü */
div[data-elementor-id="1065"] {
    z-index: 10;
}

/*Zill Passion Produkt - Listing USP */
.listing-usp .jet-listing-grid__item{
	padding: 0px;
}

.listing-usp h4{
	font-weight: bold;
	font-size: calc(30px + (45 - 30) * ((100vw - 568px) / (2560 - 568)));
}

.listing-usp p{
	font-size:calc(18px + (20 - 18) * ((100vw - 568px) / (2560 - 568)));
}



/*neu accordion*/

.faq-question{
	font-size: calc(18px + (20 - 18) * ((100vw - 568px) / (2560 - 568)));
	margin:0;
	padding: 0;
}

button.accordion {
    color: #182A74;
	cursor: pointer;
	padding: 18px 30px 18px 1px;
	width: 100%;
	text-align: left;
	outline: none;
	transition: 0.4s;
	border-radius: 0;
	border-width: 0 0 2px 0;
	font-size: 20px;
	border-style: bold;
	font-weight: 700;
	border-color: #182A74;
	white-space: break-spaces;
	position: relative;
}
button.accordion.active, button.accordion:hover {
  color: #182A74;
  background-color: white;
}
button..accordion:active {
  color: #182A74;
  background-color: white;
}
button.accordion:focus{
  color: #182A74;
  background-color: white;
}

button.accordion:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	color: #182A74;
	font-size: 25px;
	font-weight: bold;
  	/*float: right;*/
  	margin-left: auto;
	position: absolute;
	right: 0;
	top: 15px;
}

button.accordion.active:after {
  font-size: 25px;
  content: '\f077';
  font-family: "Font Awesome 5 Free";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.antwort-faq{
	padding:2%;
}