/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/*fonts*/
@font-face{
    /* font-family:"Futura PT W01 Bold"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 700;
    src:url("fonts/1059692/1a34942e-33ed-43bb-b229-7460d55b49f7.woff2") format("woff2"),url("fonts/1059692/baecea54-cfd3-4578-8717-abf89eba62b6.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-BoldOblique"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 700;
    src:url("fonts/1059695/98311280-30b7-45f8-9d75-0885d44b1f29.woff2") format("woff2"),url("fonts/1059695/77c9f834-2d88-4754-a7fc-6e14ec3412e8.woff") format("woff");
}
@font-face{
    /* font-family:"Futura PT W01 Book"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 400;
    src:url("fonts/1059698/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"),url("fonts/1059698/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-BookOblique"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 400;
    src:url("fonts/1059701/28351402-8fc5-4d21-a3df-e99d2d814bd4.woff2") format("woff2"),url("fonts/1059701/10cee8c3-6e4c-4f57-8121-cf5e361423a7.woff") format("woff");
}
@font-face{
    /* font-family:"Futura PT W01 Demi"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 600;
    src:url("fonts/1059728/848602e3-bda3-4b1c-976b-fe26eecfab31.woff2") format("woff2"),url("fonts/1059728/e4eacf8d-aba1-40d4-9597-1198e91dcf00.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-DemiOblique"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 600;
    src:url("fonts/1059731/2acd9263-c166-4d81-97ca-7318c4753945.woff2") format("woff2"),url("fonts/1059731/bbf607bd-4426-47a9-ae87-c843830b7c4a.woff") format("woff");
}
@font-face{
    /* font-family:"Futura PT W01 ExtraBold"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 800;
    src:url("fonts/1059734/62ef0139-153b-4dc3-a832-323fc185b537.woff2") format("woff2"),url("fonts/1059734/0ae2b3c3-6d75-4392-b0f4-e8a5fead8b5d.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-ExtraBdObli"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 800;
    src:url("fonts/1059737/2513699e-8862-45d1-84cd-f36e8624f930.woff2") format("woff2"),url("fonts/1059737/9230abf3-b2f6-4e6d-ab93-aada01f19bfd.woff") format("woff");
}
@font-face{
    font-family:"Futura PT W01 Heavy";
    src:url("fonts/1059740/6650716f-e079-48f1-861d-00f498c16e8e.woff2") format("woff2"),url("fonts/1059740/21fe5b07-01c8-4b82-8e0b-2bf22f6481fa.woff") format("woff");
}
@font-face{
    font-family:"FuturaPTW01-HeavyObliqu";
    src:url("fonts/1059743/cf12a4d6-3bc0-4ae9-85b5-26fc0fa6b321.woff2") format("woff2"),url("fonts/1059743/38909ddd-1d42-49a0-987a-dcf1aa3ab39e.woff") format("woff");
}
@font-face{
    /* font-family:"Futura PT W01 Light"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 300;
    src:url("fonts/1059746/9ad55860-bbe2-4e51-be58-08b45bdda354.woff2") format("woff2"),url("fonts/1059746/eceb6e13-403b-4d2b-af74-c05bc9c2535e.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-LightObliqu"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 300;
    src:url("fonts/1059749/adde7586-049c-4682-b4ea-763ca90ccf9f.woff2") format("woff2"),url("fonts/1059749/8cb58a58-1da7-4cda-8284-52cf5bf67bf5.woff") format("woff");
}
@font-face{
    /* font-family:"Futura PT W01 Medium"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
    src:url("fonts/1059752/f7552419-a773-41ab-ae4a-b12b1d853f02.woff2") format("woff2"),url("fonts/1059752/83e72918-97c3-41cd-8a7d-4056788a00f0.woff") format("woff");
}
@font-face{
    /* font-family:"FuturaPTW01-MediumObliq"; */
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Futura';
	font-style: italic;
	font-weight: 500;
    src:url("fonts/1059755/e28dd043-42c3-47cb-815e-32648d6a8a2a.woff2") format("woff2"),url("fonts/1059755/97eeb983-cbcb-40c4-b724-919d44b8d4af.woff") format("woff");
}
body{
	font-family:"Futura";
	font-weight:400;
}
h1,h2,h3,h4,h5,h6{
	font-family:"Futura";
	font-weight:600;
}

/* leadz */

/*login*/
.login-form label a{

}
.login-form input{margin-left:3%;}
.login-form input:first-child {margin-left:0;}

.login-form input {
    margin-bottom:16px;
    color:#004A5F;
}
.reset-form input[type=email] {
    line-height:30px;
    font-size:20px;
    width:100%;
    margin-bottom:2.5em;
    color:#004A5F;
    letter-spacing: 0.1px;
    padding:14px 30px;
    border-radius:0px;
}


.login-form input[type=text]:focus {border-color:#F18923}
.login-form-centered{
    text-align: right;
}
.login-form input {
    font-size:20px;
    line-height:30px;
    letter-spacing: 0.1px;
    padding:14px 30px;
    width:calc(50% - 3% - 2.5px);
    border-radius:0px;
	border-color:#fff;
}
.login-form .one-line{
    position:relative;
}
.login-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6B8AA2;
}
.login-form .slider-topline{
	margin-bottom:20px;
	color:#EE720E;
	font-weight:600;
}

.login-form select.triangle {color:#EE720E!important;} 

.login-form select {
    color:#EE720E;
    line-height:30px;
    font-size:20px;
    letter-spacing: 0.1px;
    padding:14px 30px;
    max-width:100%!important;
    overflow:hidden!important;
    border-radius:0px;
    width:calc(50% - 3% - 2.5px);
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	border-color:#fff;
}
.login-form span[data-type=select]{
	position:relative;
}
.login-form input+span[data-type=select],
.login-form input+i+span[data-type=select]{
	margin-left:3%;
}
.login-form span[data-type=select]:after {
    content: url(/wp-content/uploads/pfeil-dropdown.svg);
    width: 17px;
    height: 16px;
    border-top: 0px;
    margin-top: 0px;
    right: 20px;
    position: absolute;
    top: -5px;
    border: 6px solid transparent;
    pointer-events: none;
	margin-left:3%;
}
.login-form input[type=password]{
    width:97%;
}
.login-form span+input[type=password]{
    width:calc(50% - 3% - 2.5px);
}


.login-form button:first-child {margin-right:3%; margin-bottom:3%;}

.login-form button {
    background-color: #EE720E;
    border-radius: 0px;
    padding: 10px 59px;
    color: white;
    font-size:20px;
    cursor: pointer;
    width: fit-content;
    justify-content: center;
    transition: all 300ms ease 0ms;
    border: 0px solid transparent;
    position: relative; float:right;
    margin-right: 3%;
	font-weight:600;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.login-form input[type=checkbox] {
	display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    padding: 1px;
    left: 3px;
    margin-top: 27px;
}
.login-form input[type=checkbox] + label{
	font-size:20px;
	cursor:pointer;color:#fff;
}
.login-form input[type=checkbox] + label a{
	font-weight:600;
}
.login-form input[type=checkbox] + label i{
    border-radius:0px;
    width:40px;
    height:40px;
    background-color: #fff;
    display: block;
    float: left;
    margin-right: 20px;
	margin-bottom:3%;
}
.login-form i.required{position:relative;}
.login-form i.required:after{
    content: "*";
    position: absolute;
    right:4px!important;

    color:#EE720E;
	top: -12px;
	font-style:normal;
}

/*
.login-form .one-line i.required{
    position:absolute;
    top:0;
    right:0;
}*/
.login-form .one-line i.required:after{
    right: -5px!important;
}
.login-form input[type=checkbox]:checked+label i{}
.login-form input[type=checkbox]:checked+label i:before{
    content: url(/wp-content/uploads/haken-checkbox.svg);
    margin: 0 11px;
    line-height: 40px;
}
.login-form button.link-style{
    background:transparent!important;
    color:#fff;
    padding:0px;
    text-align: right;
    margin-top: 10px;
}

@media (max-width:981px) {.login-form button {width:100%;}}

@media(max-width:767px) {
	.login-form input+span[data-type=select]{
		margin-left:0%;
	}
	.login-form input{margin-left:0%;}

	.login-form button{
		margin-right:0!important;
	}
	.login-form input {width:100%!important;}
	.login-form input:first-child{
		margin-right:0px;
	}
	.login-form i.required:after{
		right: -4px!important;
	}
	.login-form select{
		width:100%!important;
	}
	.login-form span[data-type=select]{
		position:relative;
		display:block;
		margin-bottom:3%;
		margin-left:0%;
	}
	.login-form span[data-type=select]:after{
		top: 8px;
    	right: 20px;
	}
.login-form input[type=checkbox] {max-width:30px;}}

.lost-password{
    margin-top:-10px!important;
    margin-bottom:60px;
    font-size:16px;
    text-align: center;
    color:#EE720E;
}
.login-form .one-line input{
    width:100%;
    margin-bottom:16px;
}
.button-center{
    margin-right:auto!important;
    margin-left:auto!important;
    float: none!important;
}
/*lightbox*/
/****** Lightbox Styling *******/
.mfp-bg,.mfp-wrap,#leadz-input.et_pb_section{
    background:rgba(107,138,162,0.9)!important;
}
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}


[class*="lightbox-content-"] .mfp-close {
    background: transparent!important;
    border: 2px solid #fff;
    width:46px;
    height:46px;
    border-radius:100%;
    color:#EE720E!important;
    transform: rotate(90deg);
    transition-duration: 0.5s;
    position:fixed!important;
    top:60px!important;
    right:60px!important;
}

@media(max-width:980px){
	[class*="lightbox-content-"] .mfp-close {
		top:30px!important;
		right:30px!important;
	}
}
@media(max-width:768px){
	[class*="lightbox-content-"] .mfp-close {
		top:10px!important;
		right:10px!important;
	}
}
[class*="lightbox-content-"] .mfp-close:hover {
    border-radius:100%;
    transform: rotate(180deg);
    transition-duration: 0.5s;
}

.lightbox-content .mfp-close, [class*="lightbox-content-"] .mfp-close, .mfp-wrap .mfp-container [class*="lightbox-content-"] button:hover {
    color:#fff!important;
    background:transparent!important;
}

.filter-background.et_pb_row {overflow:visible!important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}

.leadz-dl p {line-height:15px!important; float:left;}
button.leadz-dl-detail  {
    color: #ffffff!important;
    border-width: 2px!important;
    border-color: #ffffff!important;
	background-color: #f18923!important;
    padding-top: 11px!important;
    padding-right: 42px!important;
    padding-bottom: 7px!important;
    padding-left: 42px!important;
    border-radius:0px!important;
    font-size: 16px;
    font-family: 'dinnextltpro-heavy',Helvetica,Arial,Lucida,sans-serif; cursor:pointer;
}

button.leadz-dl-detail:hover {background:white!important; color:#f18923!important; }

.leadz-menu {float:left!important; margin-right:2.25em}

.l-h-m {
    vertical-align: text-bottom;
	float:none!important;
    margin-left:2em;
    font-size:15px; 
    margin-top: 0.5em!important;
}

.l-h-m .lightbox-trigger-login {margin-right:1em;}

.l-h-m {float:right; margin-right:2em; font-size:15px;}

.l-h-m .lightbox-trigger-login-en {margin-right:1em;}

.leadz-dl {float:left!important;}

.mfp-wrap .mfp-container [class*="lightbox-content-"] button.submit-form:hover{
    background:#ffffff!important;
	color:#EE720E!important;
}

.mfp-wrap .mfp-container [class*="lightbox-content-"] button.lightbox-trigger-login,
.mfp-wrap .mfp-container [class*="lightbox-content-"] button.lightbox-trigger-register{
    text-decoration:underline;
	text-decoration-color:transparent;
	text-decoration-thickness:3px;
	text-underline-offset:5px;
	transition:all .3s;
}

.mfp-wrap .mfp-container [class*="lightbox-content-"] button.lightbox-trigger-login:hover,
.mfp-wrap .mfp-container [class*="lightbox-content-"] button.lightbox-trigger-register:hover{
    text-decoration:underline;
	text-decoration-thickness:3px;
	text-decoration-color:#fff;
	text-underline-offset:5px;
}
/*Navi*/
.lightbox-trigger-login.menu-item a,
.lightbox-trigger-register.menu-item a,
.lightbox-trigger-logout.menu-item a{
    color:#14324D!important;
}
/*Kalkulator*/
.calc-holder{
	width:100%;
	overflow:hidden;
    display:flex;
}
.calc-form{
	background:#004A5F;
	width:66.66%;
	float:left;
	padding: 58px 20px;
    position:relative;
    margin-bottom:30px;
    z-index: 1;
}
/* Chrome, Safari, Edge, Opera */
.calc-form input::-webkit-outer-spin-button,
.calc-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.calc-form input[type=number] {
  -moz-appearance: textfield;
}
.calc-form form{
    max-width: 800px;
    margin: auto;
}
.calc-form table,
.calc-form th,
.calc-form tr,
.calc-form td{
	border:0px!important;
}
#messingpreis{
	background: transparent;
    border: 2px solid #fff;
    padding: 14.5px 28px;
	color:#fff;
}
.calc-form td{
	position:relative;
	padding: 10px 15px!important;
}
.calc-form label{
	font-size:20px;
	line-height:27px;
	color:#fff;
}
.calc-form input{
	background:#fff;
	border:0px;
	color:#004A5F;
	border-radius:0px;
	padding:16.5px 30px;
	float:left;
	width:100%;
	font-size:20px;
}
.calc-form input::placeholder{
	color:#6B8AA2;
}
.calc-form .unit{
	display: inline-block;
    padding-top: 15px;
	color:#A8A9AA;
	font-size:20px;
	letter-spacing: 0.1px;
	line-height:30px;
	position:absolute;
	right: 50px;
}
.calc-result{
	width:33.33%;
	background:#EE720E;
	float:left;
	padding:58px 30px 30px 86px;
	color:#fff;
    margin-bottom:30px;
    transform: translateX(-100%);
    transition: all .3s ease-in-out;
}
.calc-result.open{
    transform: translateX(0);
}
.calc-result h2{
	font-size:45px;
	line-height:45px;
	color:#fff;
}
.calc-result .calc-result-percentage,
.calc-result .calc-result-price{
	font-size:70px;
	line-height:80px;
	color:#004a5f;
}
.calc-result .calc-currency{
	font-size:20px;
	position: relative;
    top: -32px;
}
.calc-result:before{
    content: url(/wp-content/uploads/pfeil-kostenkalkulator.svg);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
}

.calc-result-link a{
    cursor: pointer;
    transition: all .3s ease-in-out;
    display: inline-block;
    float: right;
    border-bottom:3px solid rgba(255, 255, 255, 0)!important;
    color:#fff;
}
.calc-result-link a:hover{
    border-bottom:3px solid #fff!important;
}
.calc-result-table{
    display:none;
}
.et-fb-root-ancestor .calc-result-table{
    display:block;
}
.calc-form td{
	vertical-align:bottom;
}
#start-calc{
    padding:10px 59px!important;
    position: absolute;
    right: 36px;
    bottom:-27px;
    cursor:pointer;
	background-color: #a58f84;
}
#start-calc.active{
	background-color: #EE720E;
}
#start-calc.active:hover{
	background-color: #fff;
	color:#D15F03;
}
#start-calc:after{
    content:none!important;
}
.responsive-table{
	overflow-x:auto;
	max-width:100%;
}
@media(max-width:1290px){
    /*
	.calc-form{
        width:60%;
    }
    .calc-result{
        width:40%;
    }*/
}
@media(max-width:1290px){
    .calc-holder{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .calc-form{
        width:100%;
        margin-bottom: 0px;
        padding-bottom:117px;
    }
    .calc-result{
        width:100%;
        margin-bottom: 0px;
        transform: translate(0,-100%);
    }
    .calc-result:before{
        left: 50%;
        top: 0;
        transform: translate(-50%,0) rotate(90deg);
    }
    #start-calc{
        position: absolute;
        bottom:32px;
    }
}
@media(max-width:820px){
	.calc-form label{
		font-size:16px;
	}
	.calc-form .unit{
		padding-top: 16.5px;
    	right: 20px;
		font-size:16px;
	}
    .calc-form table td{
        display:block;
        padding-bottom:10px!important;
		padding-left:0px!important;
		padding-right:0px!important;
    }
	.calc-form{
		padding:20px 6% 32px 6%;
	}
    .calc-form table td input{
        float:none;
        margin-top:7px;
		padding: 14.5px 30px;
		font-size:16px;
    }
	#messingpreis {
		padding: 12.5px 28px;
		font-size:16px;
	}
	.calc-result{
        padding: 58px 6% 30px;
    }
	#start-calc {
		position: relative;
		margin: auto;
		margin-top: 5px;
		width: 100%;
		right: unset;
		bottom: unset;
		font-size: 16px;
		padding:10px 40px;
	}
}

/*comparetable*/
.comparetable{
    border: 0!important;
    width: 100%!important;
    border-collapse: collapse;
    border-spacing: 0;
}
.bite-jobs-list-table{
	border: 0!important;
    width: 100%!important;
	border-collapse: separate!important;
    border-spacing: 35px 0;
}
.comparetable th:first-child, .comparetable td:first-child {
    text-align: left;
}
.bite-jobs-list-table thead th,
.comparetable thead th{
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 20px;
    height: 20px;
    border-bottom: 3px solid #14324D;
    padding: 12px 3px!important;
    color: #14324D!important;
}
.comparetable tfoot th {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
    height: 20px;
    border-top: 3px solid #14324D;
    padding: 12px 3px 0px 3px!important;
    color: #004A5F!important;
}
.comparetable td {
    border-bottom: 1px solid #14324D;
    padding: 12px 3px!important;
    color: #000!important;
	font-weight: 300;
	font-size:22px;
	line-height:30px;
	letter-spacing:0.11px;
}
.bite-jobs-list-table td{
    border-bottom: 1px solid #14324D;
    padding: 12px 3px!important;
    color: #000!important;
	font-weight: 300;
	font-size:22px;
	line-height:45px;
	letter-spacing:0.11px;
}

.bite-jobs-list-table tr th:first-child,
.bite-jobs-list-table tr td:first-child{
	width:70%;
}
.bite-jobs-list-table tr th:last-child,
.bite-jobs-list-table tr td:last-child{
	width:30%;
}
.comparetable tfoot td{
    border: 0px solid #14324D;
    color: #EE720E!important;
    padding: 0px 3px 12px 3px!important;
	font-weight:300;
}
.comparetable th:nth-child(odd), .comparetable td:nth-child(odd) {
    width: 30%;
}
.comparetable th:nth-child(even), .comparetable td:nth-child(even) {
    border: 0px!important;
    width: 3%;
}

.comparezink th:nth-child(odd), .comparezink td:nth-child(odd) {
    width: 10%;
}
.comparezink th:nth-child(1), .comparezink td:nth-child(1) {
    width: 30%;
}
/*
li{
    list-style-image: url(/wp-content/uploads/bullet-sand.svg);
    line-height: 30px;
}*/
@media(max-width:768px){
	.comparetable td,
	.comparetable thead th,
	.comparetable thead th{
		font-size:18px;
		line-height:24px;
		white-space:nowrap;
	}
}

.videoplaybutton{position:relative!important;}
.videoplaybutton:before{
	content:url(/wp-content/uploads/play-button-video-icon.svg)!important;
	position:absolute!important;
	left:-60px!important;
	
}

.logo-galerie .et_pb_text_inner,
.logo-galerie .et_pb_text_inner p{
	display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.logo-galerie a{
	width: 25%;
    border: 1px solid #E8EDF0;
    position: relative;
    display: flex;
}
.logo-galerie a:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.logo-galerie a img{
	margin: auto;
	display: block;
}
@media(max-width:980px){
	.logo-galerie a{
		width: 33.33333%;
	}
}
@media(max-width:768px){
	.logo-galerie a{
		width: 50%;
	}
}

/*
#top-menu-nav .subnav-right{
    position:inherit!important;
}
#top-menu.nav .subnav-right > ul{
    margin: auto;
    position: absolute;
    top: unset!important;
    width: 1504px!important;
    max-width: 100%!important;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: -1px;
    transition: all .3s;
}
#top-menu.nav .subnav-right li {
    padding: 0px;
    float: left;
}
#top-menu.nav .sub-menu li:hover a{
    color: #ffffffbf!important;
}
#top-menu.nav .subnav-right li a{
    padding:6px 0 6px 15px;
    margin:0 0 0 15px;
}

#top-menu.nav .subnav-right .sub-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9600px;
    right: -1550px;
    box-shadow: none!important;
}*/


.et_pb_menu_hidden #top-menu-nav .subnav-right{
    opacity:0;
}

@media(max-width:1140px){
    #main-header .container{
        max-width:90%!important;
    }
}
@media(max-width:1140px){

}

/**
 * Grillo Table
 */
.mobile-responsive:has(.grillo-table-swipe) {
    position: relative;
    overflow: hidden;
}

.mobile-responsive:has(.grillo-table-swipe.hidden) {
    position: relative;
    overflow-x: auto;
}

.grillo-table-swipe {
    background: rgba(255,255,255,.76);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.grillo-table-swipe.hidden {
    pointer-events: none;
    appearance: none;
    opacity: 0;
    display: none;
}

.grillo-table-swipe::after {
    position: absolute;
    content: '';
    height: 80px;
    width: 65px;
    background: url(https://grillo.de/wp-content/uploads/swipe.svg);
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 85%;
    background-position: center;
    background-repeat: no-repeat;
}

@media(min-width: 768px) {
    .grillo-table-swipe{
        display: none;
    }
}

/**
 * Grillo Filter Dropdown
 */
@media (max-width: 768px) {

    .et_pb_portfolio_filters.grillo-filter-dropdown {
        --background: #02203C;
        --shadow: 0px 3px 6px #00000080;;
        --border-color: rgba(255,255,255,.1);
    }

    .grillo-filter-dropdown {
        --background: #fff;
        --shadow: 0px 3px 3px #5252521C;
        --border-color: rgba(0,0,0,.1);

        position: relative;
        z-index: 3;
    }

    .grillo-filter-dropdown .et_pb_portfolio_filter {
        position: relative;
    }

    .grillo-filter-dropdown__trigger {
        display: flex !important;
        cursor: pointer;
        position: relative;
        height: 55px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .grillo-filter-dropdown__trigger::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);

        width: calc(100vw - 15px);
        height: 100%;
        z-index: -1;
        box-shadow: var(--shadow);
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__trigger .grillo-filter-dropdown__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 15px;
        width: 15px;
        color: #EE720E;
        transition: transform 300ms ease-in-out;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__icon.grillo-filter-dropdown__toggle {
        transform: rotate(90deg);
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__trigger .grillo-filter-dropdown__name {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 25px;

        font-size: 18px;
        text-transform: uppercase;
        color: #EE720E;
        font-weight: 600;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__trigger .grillo-filter-dropdown__name .grillo-filter-dropdown__icon {
        display: flex;
        flex-direction: row;
        height: 23px;
        width: 23px;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content {
        position: absolute;
        height: fit-content;
        z-index: 2;
        padding: 25px 0 !important;
        display: flex;
        flex-direction: column;
        gap: 15px;

        transform-origin: top center;
        transform: scaleY(0);
        opacity: 0;

        width: 100%;
        transition: transform 350ms ease-in-out, opacity 100ms ease-in-out 150ms;
        top: 55px;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content li, .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_button_module_wrapper {
        opacity: 0;
        transition: opacity 50ms ease-in-out;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content::after {
        position: absolute;
        content: '';
        width: calc(100vw - 15px);
        height: 100%;
        background-color: var(--background);
        visibility: visible;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: -1;
        box-shadow: var(--shadow);
        border-top: 1px solid var(--border-color);
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_portfolio_filter, .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_button_module_wrapper {
        width: 100% !important;
        margin: 0;
        line-height: 25px;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_portfolio_filter a, .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_button_module_wrapper a {
        border: 0;
        padding: 0px !important;
        padding-left: 30px !important;
        font-size: 15px;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_portfolio_filter a::before, .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_button_module_wrapper a.et_pb_button::before {
        font-size: inherit !important;
        top: -1px !important;
        margin-left: 0px !important;
        left: 3px;
    }

    .grillo-filter-dropdown .grillo-filter-dropdown__content .et_pb_portfolio_filter a:hover::before {
        margin-left: 0px !important;
    }

    .grillo-filter-dropdown.grillo-filter-dropdown--open .grillo-filter-dropdown__icon.grillo-filter-dropdown__toggle {
        transform: rotate(270deg);
    }

    .grillo-filter-dropdown.grillo-filter-dropdown--open .grillo-filter-dropdown__content {
        transform: scaleY(1);
        opacity: 1;
        transition: transform 250ms ease-in-out, opacity 150ms ease-in-out;
    }

    .grillo-filter-dropdown.grillo-filter-dropdown--open .grillo-filter-dropdown__content li, .grillo-filter-dropdown.grillo-filter-dropdown--open .grillo-filter-dropdown__content .et_pb_button_module_wrapper {
        opacity: 1;
        transition: opacity 150ms ease-in-out 50ms;
    }
}

/**
 * Grillo Sidebar
 */
.et_pb_row_19_tb_footer {
    border-bottom-width: 1px !important;
}

body .et_pb_row.grillo-social-media-content {
    --background: #14324D;

    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #fff;
    background-color: var(--background);

    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 100ms ease 0ms, opacity 100ms ease 20ms;

    padding: 0!important;
}

body .et_pb_row.grillo-social-media-content .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-height: 49px;
    transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}

body .et_pb_row.grillo-social-media-content .et_pb_column:hover {
    background: #ee720e;
}

body .grillo-social-media-content .et_pb_column::before {
    content: '';
    display: flex;
    height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    top: 0;
    opacity: .8;
    right: 0;
}

body .grillo-social-media-content .et_pb_column.et-last-child::before {
    content: none;
}

body .et_pb_row.grillo-social-media-content:hover {
    background: var(--background) !important;
}

body .grillo-social-media-content .et_pb_module.et_pb_image {
    background: transparent;
    margin: 0 auto;
}

body .grillo-social-media-trigger--active + .et_pb_row.grillo-social-media-content {
    transform: scaleY(1);
    transition: transform 100ms ease 20ms, opacity 100ms ease 0ms;
}

/**
 * Grillo Social Media Icon Footer
*/

.grillo-footer-icon {
    display: flex;
    height: 21px;
    width: 21px;
    padding: 0 !important;
    margin: 0 30px 0 8px !important;
    transform: translate(0, 4px);
}

.grillo-footer-icon:first-of-type {
    margin: 0 8px !important;
}

@media (max-width: 768px) {
    .grillo-footer-icon {
        margin: 0 8px !important;
    }
}

.grillo-footer-icon a {
    display: flex;
    height: 21px;
    width: 21px;
    overflow: hidden;
    color: transparent;
}

.grillo-footer-icon a::after {
    content: none !important;
}

.grillo-footer-icon a::before {
    content: '';
    display: flex;
    height: 21px;
    width: 21px;
    min-width: 21px;
    background-color: currentColor;
}

.grillo-footer-icon.grillo-footer-icon--linkedin a::before {
    -webkit-mask: url(https://grillo.de/wp-content/uploads/icon-linkedin.svg);
    mask: url(https://grillo.de/wp-content/uploads/icon-linkedin.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
}

.grillo-footer-icon.grillo-footer-icon--youtube {
    width: 26px;
}

.grillo-footer-icon.grillo-footer-icon--youtube a {
    width: 26px;
}

.grillo-footer-icon.grillo-footer-icon--youtube a::before {
    width: 26px;
    min-width: 26px;
    -webkit-mask: url(https://grillo.de/wp-content/uploads/icon-youtube.svg);
    mask: url(https://grillo.de/wp-content/uploads/icon-youtube.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
}