/*
 Theme Name:   Divi/Child
 Theme URI:    https://www.understood.biz
 Description:  A Child Theme built for Divi
 Author:       Understood
 Author URI:   https://www.understood.biz
 Template:     Divi
 Version:      3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.et_pb_menu .et-menu>li {
    padding-left: 18px;
    padding-right: 25px;
}

@media screen and (max-width: 1130px) {
.et_pb_menu .et-menu>li {
    padding-left: 10px;
    padding-right: 10px;
}	
	
}


.et_pb_menu__logo img[src$=".svg"] {
	max-width: 300px; 
	width: 200px; 
}

/* MENU */

.et_pb_menu__logo-wrap {
	background: #d1050c; 
    padding: 20px; 
}
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
    margin-right: 0 ; 
}

#menu-stellenangebote {
   margin-left: 20px !important;  
}


.et_mobile_nav_menu {
    margin-right: 20px !important; 
}

.mobile_menu_bar:before {
    font-size: 50px !important;
}

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

.et-l--header ul {
    list-style: none;
}

#mobile_menu1 {
 top: 90px; 
}	
	
	
.et_pb_menu .et_pb_menu__menu {
    display: none;
}
    
    .et_mobile_nav_menu {
        display: block; 
    }
    
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
	
body .et_pb_row_0_tb_header, 
.et_pb_menu_0_tb_header {
    width: 100% !important; 
    max-width: 100% !important; 
}
}


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

.et_pb_menu .et_pb_menu__menu {
    display: none;
}
	
    .et_mobile_nav_menu {
        display: block; 
    }
    
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
    
.et_pb_menu--style-left_aligned .et_pb_menu_inner_container, .et_pb_menu--style-left_aligned .et_pb_row {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
    
}

/* BANNER TOP RIGHT */

.banner-top-right:before {
    content:"";
    background: url(../images/Dreieck-Rechts-Oben.svg);
    display: block; 
    position: absolute; 
    right: 0;  
	z-index: 1000;
} 

@media screen and (min-width: 1498px) {
.banner-top-right:before {
    height: 300px !important; 
    width: 300px !important;    
}   
}

@media screen and (min-width: 1100px) {
.banner-top-right:before {
    height: 250px; 
    width: 250px;    
}   
}


@media screen and (max-width: 1175px) {
.banner-top-right:before {
display: none; 
}   
}



/* OPENINGTIMES CONTAINER */


.openingtimes:before {
content: "";
background: url(../images/Icon-Oeffnungszeiten.svg); 
	height: 25px; 
	width: 25px; 
display: inline-block; 
position: absolute; 
	margin-left: -40px;
	margin-top: 2px; 
}


/* CONTACT FORM */

.job-dropdown-label .et_pb_contact_field_3_tb_footer:before {
    content: "Stellenangebot auswählen*" !important; 
    
color: #D1050C;
    display: block;
    font-size: 18px;
    margin-bottom: 3%;
    position: reltive; 
    text-align: left; 
}





/* STYLES */




body {
	overflow-x: hidden;
}

.main-menu .et_pb_menu__logo {
	background-color: #D1050C;
	border: 1px solid #D1050C;
	padding: 22px 30px;
	margin: 0;
	width: 211px;
}

.main-menu .et_pb_menu__logo img {
	width: 121px !important;
	height: 30px !important;
}

.main-menu .et-menu-nav li {
	background-color: #fff;
	padding: 0 25px;
}

.main-menu .et_mobile_nav_menu {
	margin: 0 20px;
}

.main-menu .mobile-menu-bar {
	width: 40px;
	height: 40px;
}

.mobile_menu_bar:before {
	font-size: 40px;
}

@media (max-width: 980px) {
	.main-menu .et_pb_menu__wrap {
		background-color: #fff !important;
		height: 76px;
	}
	#mobile_menu1 {
		background-color: #fff !important;
	}
}

#et-main-area .et_pb_section--fixed.et_pb_column--with-menu {
	display: none !important;
	visibility: hidden !important;
	left: -100vw !important;
	right: 100vw !important;
}


@media (min-width: 981px) and (max-width: 1347px) {
	.section-accent-background {
		background-image: url('../images/Sektion-Akzent-ohne-Logo.jpg');
		background-size: auto 1100px;
    background-position: right -400px center;
	}
}

@media (min-width: 1348px) and (max-width: 1489px) {
	.section-accent-background {
		background-image: url('../images/Reifenwechsel-News-scaled.jpg');
		background-size: auto 996px;
    background-position: right -100px center;
	}
}

@media (min-width: 1490px) {
	.section-accent-background {
		background-image: url('../images/Reifenwechsel-News-scaled.jpg');
		background-size: auto 996px;
    background-position: right 0px center;
	}
}

@media (min-width: 981px) and (max-width: 1347px) {
	.section-accent-background1 {
		background-image: url('../images/JobsBrenner.png');
		background-size: auto 1100px;
    background-position: right -400px center;
	}
}

@media (min-width: 1348px) and (max-width: 1489px) {
	.section-accent-background1 {
		background-image: url('../images/JobsBrenner.png');
		background-size: auto 996px;
    background-position: right -100px center;
	}
}

@media (min-width: 1490px) {
	.section-accent-background1 {
		background-image: url('../images/JobsBrenner.png');
		background-size: auto 996px;
    background-position: right 0px center;
	}
}


.section-accent .links a {
	color: #fff;
}

.section-accent .dimmed a {
	color: #efbdc6;
}

.section-accent .links a:hover,
.section-accent .dimmed a:hover {
	text-decoration: underline;
}

.section-heading h1 {
	background-color: #D1050C;
	color: #fff;
	line-height: 1.2;
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
	padding: 28px 28px 28px 150px;
	margin-left: -150px;
	width: 500px !important;
}

.section-heading-2lines h1 {
	background-color: #D1050C;
	color: #fff;
	line-height: 1.2;
	padding: 28px 28px 28px 150px;
	margin-left: -150px;
}

@media (max-width: 499px) { 
	.section-heading-2lines h1 {
  	background-color: #D1050C;
		width: calc(100% + 150px) !important;
	}
}

@media (min-width: 500x) { 
	.section-heading-2lines h1 {
		clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
		width: 500px !important;
	}
}

.section-accent .section-heading-2lines h1 {
	background-color: #fff;
	color: #D1050C;
	line-height: 1.2;
	clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
	padding: 28px 28px 28px 150px;
	margin-left: -150px;
	width: 500px !important;
}

.shadow-container {
    -webkit-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
    -ms-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
    -o-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
}

.contact-form .et_pb_contact_field_0_tb_footer .et_pb_contact_form_label, 
.contact-form .et_pb_contact_field_1_tb_footer .et_pb_contact_form_label, 
.contact-form .et_pb_contact_field_2_tb_footer .et_pb_contact_form_label {
	color: #D1050C;
  display: block;
	font-size: 18px;
	margin-bottom: 3%;
}

.contact-form input, .contact-form textarea {
	font-size: 20px;
	padding: 32px 54px !important;
	background-image: url('../images/Formular-Akzent.svg');
	background-size: 23px 9px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.contact-form input, .contact-form textarea, .contact-form select.input {
	/*font-size: 20px;*/
	padding: 32px 54px !important;
	background-image: url('../images/Formular-Akzent.svg');
	background-size: 23px 9px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
	font-style: italic;
}

.contact-form .et_pb_contact_field_options_title {
	display: none !important; 
}

.contact-form .et_pb_contact_field_checkbox {
	margin: 40px 0;
}

.contact-form .et_pb_contact_field_3_tb_footer {
	font-size: 18px;
	text-align: right;
}

.et_pb_button {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

footer p {
	overflow-wrap: normal;
}

@media (max-width: 1489px) { 
	.footer-logo-banner {
		display: none;
		visibility: hidden;
	}
	.section-contact {
		padding-bottom: 0 !important;
	}
}

@media (min-width: 1490px) { 
	.footer-logo {
		display: none;
		visibility: hidden;
	}
}