/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Template: Divi
Author: Your Name
Author URI: http://www.elegantthemes.com/
*/

@import url("../Divi/style.css");

 
/* =Theme customization starts here
------------------------------------------------------- */

body { font-family: Arial,sans-serif; }

h1 { padding-bottom: 0; }

h2 { padding-bottom: 15px!important; }

h1 { font-size: 36px !important; }
h2 { padding-bottom: 25px; }
h4 { font-size: 22px; }

sup { bottom: 0.45em; font-size: 60%; }

.et_pb_row {
    margin: auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
}

/*.nav li ul {
    padding: 10px 0;
    position: absolute;
    left: -20px;
    border-top: none;
}

.nav li li {
    margin: 0;
    padding: 0 !important;
}

#top-menu li li a {
    padding: 6px 20px;
    width: 200px;
}

.et-fixed-header #top-menu li.current-menu-item.weiss > a {
    color: #ffffff !important;
}*/

.et_pb_contact p input, .et_pb_contact p textarea {
    background-color: #ffffff;
    border: medium none;
    border-radius: 15px;
    color: #000;
    font-size: 14px;
    padding: 15px;
    width: 100%;
}

.et_pb_fullwidth_header_subhead, h2 {
	font-size: 24px !important;
}

p {
	font-size: 12px; line-height: 18px;
}

/* macht das Logo größer als die Höhe des Navigationsbalkens */
 #logo {
    height: 160% !important;
    max-height: 160px !important;
    width: auto !important;
}

#logo { margin-bottom: -90px; }


/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) { 

#logo {
    height: 100% !important;
    width: auto !important;
	}
#logo { margin-bottom: -20px; }

}


#top {
    padding-top: 50px;
    padding-bottom: 30px;
}
#Firmenprofil {
    padding-top: 50px;
}

.spalte30 { float: left; width: 33%; padding-right: 3%; }

.margin-o { padding-top: 25px !important; }
.margin-l { padding-left: 30px !important; }

.steg10 { padding-left: 10px; padding-right: 10px; }
.steg40 { padding-left: 40px; padding-right: 40px; }

.padding-top12 { padding-top: 12px; }


.et_pb_video { border-radius: 30px; padding: 30px; background-image: url(https://ammon.de/ammon/wp-content/themes/Divi_child/images/video-hg.png); background-size: 100% 100%; }


.et_pb_text_align_left { padding-right: 5%; }


.eigenmarken { padding: 30px; background-color: transparent; }
.eigenmarken h5 { height: 260px; }

.eigenmarken .et_pb_toggle_content {color: #ffffff !important;}
.eigenmarken .et_pb_toggle_content h2 {color: #ffffff !important;}

#eigenmarke1 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/logo-ammon-_world.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%; }
#eigenmarke2 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/logo-ammon-nonstop.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%; }
#eigenmarke3 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/logo-ammon-topfix.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%; }
#eigenmarke4 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/Logo_gelbrot_ohne_r-1_mac.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%;}
#eigenmarke5 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/logo-ammon-123.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%; }
#eigenmarke6 { background-image: url(https://www.ammon.de/ammon/wp-content/uploads/Logo_Topcon.png); background-position: center 50px; background-repeat: no-repeat; background-size: 25%; }

#Jobs .et_pb_toggle_title, #Aktuelles .et_pb_toggle_title, #Downloads .et_pb_toggle_title { color: #e30613 !important; font-size: 12px; }

#Jobs .et_pb_toggle_close, #Aktuelles .et_pb_toggle_close, #Downloads .et_pb_toggle_close, #Standorte .et_pb_toggle_close { background-color: #ffffff; padding: 20px 0; }

#Jobs .et_pb_toggle_open, #Aktuelles .et_pb_toggle_open, #Downloads .et_pb_toggle_open, #Standorte .et_pb_toggle_open { padding: 20px 0; }

#Jobs .et_pb_toggle, #Aktuelles .et_pb_toggle, #Downloads .et_pb_toggle, #Eigenmarken .et_pb_toggle, #Standorte .et_pb_toggle { border: 0px solid #ffffff; }

#Jobs .et_pb_toggle_title::before, #Aktuelles .et_pb_toggle_title::before, #Downloads .et_pb_toggle_title::before {
    color: #e30613;
    content: "3";
    font-size: 22px;
    margin-top: -0.5em;
    position: absolute;
    right: 0;
    top: 50%;
}

#Jobs .et_pb_toggle_title, #Aktuelles .et_pb_toggle_title, #Standorte .et_pb_toggle_title, #Downloads .et_pb_toggle_title { color: #000000 !important; font-size: 14px; font-weight: bold; }
#Jobs .et_pb_toggle, #Aktuelles .et_pb_toggle, #Standorte .et_pb_toggle, #Downloads .et_pb_toggle { border-bottom: 1px solid #e30613; }


/* Weiter-Scrollen-Buttons (aktuell nur auf der Startseite):  Abstand vom unteren Rand */

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll { padding-bottom: 60px; }

.et_pb_fullwidth_header_0 .et_pb_fullwidth_header_scroll { padding-bottom: 30px !important; }


.partnerlogos img.alignleft {
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}


.codenegar-ctt-element {
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}


.ansprechpartner {
    float: left; 
    max-width: 30%;
    margin-left: 0;
    margin-right: 3.3%;
    margin-bottom: 3%;
}
.ansprechpartner img { margin-bottom: 10px; }

.ansprechpartner div { min-height: 150px; }



#Kataloganforderung .katalogauswahl {
    float: left; 
    max-width: 30%;
    margin-left: 0;
    margin-right: 3.3%;
    margin-bottom: 3%;
}

.katalogauswahl input[type="checkbox"] {
    float: left;
    margin: 10px 25px 35px 10px;
    cursor: pointer;
    -ms-transform: scale(3); /* IE */
    -moz-transform: scale(3); /* FF */
    -webkit-transform: scale(3); /* Safari and Chrome */
    -o-transform: scale(3); /* Opera */ 
 }
 
.katalogauswahl img { margin-bottom: 10px; }


 
.scan, .scan-1, .scan-2, .scan-3 { padding-left: 70px !important; padding-bottom: 1em; }

.scan-1 { background-image: url(https://www.ammon.de/ammon/wp-content/themes/Divi_child/images/scan-1.png); background-repeat: no-repeat; background-position: left 5px; }
.scan-2 { background-image: url(https://www.ammon.de/ammon/wp-content/themes/Divi_child/images/scan-2.png); background-repeat: no-repeat; background-position: left 5px; }
.scan-3 { background-image: url(https://www.ammon.de/ammon/wp-content/themes/Divi_child/images/scan-3.png); background-repeat: no-repeat; background-position: left 5px; }


.wpcf7-form p input, .wpcf7-form p textarea {
    color: #000000;
    background-color: #ffffff;
    border: medium none;
    border-radius: 15px;
    font-size: 14px;
    padding: 15px;
    width: 100%;
    margin-bottom: 2%;
    
}

.wpcf7-form p input[type="submit"] {
    color: #646363;
    float: right;
    cursor: pointer;
    border-radius: 1px;
    background: transparent none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    padding: 0.3em 1em;
    position: relative;
    transition: all 0.2s ease 0s;
    width: inherit;
    
}

.tab1 { display: inline-block; width: 2em; }
.tab2 { display: inline-block; width: 4.5em; }

textarea { font-family: Arial,sans-serif; }

.unsichtbar { display: none; }

div#footer-bottom div.container.clearfix div.right a{
    margin-left: 15px;
	color:#fff;
	font-size: 14px;
}

.right{
	text-align:center;
}

span#et_search_icon {
    display: none;
}
#main-footer {
    background-color: black;
    min-height: 80px;
}

img.facebook {
    width: 25px;
    height: auto;
	margin-bottom: -7px;
	margin-left:5px;
}

.info_text {
	line-height:35px;
	font-size: 24px;
    margin-bottom: 15px;
}




/* ############################## */
/* ##### AUS DEM CUSTOMIZER ##### */
/* ############################## */

.wpcf7-form p input, .wpcf7-form p textarea {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    padding: 15px;
    width: 100%;
    margin-bottom: 2%;
}

form.wpcf7-form {
    padding: 40px;
} 


body { font-family: Arial,sans-serif; }

h1 { padding-bottom: 0; }

h2 { padding-bottom: 15px!important; }

h1 { font-size: 36px !important; }
h2 { padding-bottom: 25px; }
h4 { font-size: 22px; }

sup { bottom: 0.45em; font-size: 60%; }

.et_pb_row {
    margin: auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
}

.nav li ul {
    padding: 10px 0;
    position: absolute;
    left: -20px;
    border-top: none;
}

.nav li li {
    margin: 0;
    padding: 0 !important;
}

/*menu*/
/*#top-menu a {color: #ffffff !important;}
#top-menu li.current-menu-ancestor>a {color: #ffed00 !important;}

#top-menu li li a {padding: 6px 20px; width: 200px;}



.et-fixed-header #top-menu li.current-menu-item.weiss > a {color: #ffffff !important;}

.et-fixed-header #top-menu a{color: #ffffff !important;}

header #top-menu li.current-menu-item > a {
  color: #feed01 !important;}

.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {color: #feed01 !important;} */




.et_pb_contact p input, .et_pb_contact p textarea {
    background-color: #ffffff;
    border: medium none;
    border-radius: 15px;
    color: #000;
    font-size: 14px;
    padding: 15px;
    width: 100%;
}

.et_pb_fullwidth_header_subhead, h2 {
	font-size: 24px !important;
}

p {
	font-size: 12px; line-height: 18px;
}

/* macht das Logo größer als die Höhe des Navigationsbalkens */
 #logo {
    height: 160% !important;
    max-height: 160px !important;
    width: auto !important;
}

#logo { margin-bottom: -90px; }


/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) { 

#logo {
    height: 100% !important;
    width: auto !important;
	}
#logo { margin-bottom: -20px; }

}


#top {
    padding-top: 50px;
    padding-bottom: 30px;
}
#Firmenprofil {
    padding-top: 50px;
}

.spalte30 { float: left; width: 33%; padding-right: 3%; }

.margin-o { padding-top: 25px !important; }
.margin-l { padding-left: 30px !important; }

.steg10 { padding-left: 10px; padding-right: 10px; }
.steg40 { padding-left: 40px; padding-right: 40px; }

.padding-top12 { padding-top: 12px; }


.et_pb_video { border-radius: 30px; padding: 30px; background-image: url(https://ammon.de/ammon/wp-content/themes/Divi_child/images/video-hg.png); background-size: 100% 100%; }


.et_pb_text_align_left { padding-right: 5%; }


.eigenmarken { padding: 30px; background-color: transparent; }
.eigenmarken h5 { height: 260px; }

.eigenmarken .et_pb_toggle_content {color: #ffffff !important;}
.eigenmarken .et_pb_toggle_content h2 {color: #ffffff !important;}

#eigenmarke1 { background-image: url(/wp-content/uploads/Logo_berkel_world.png); background-position: center 50px; background-repeat: no-repeat; }
#eigenmarke2 { background-image: url(/wp-content/uploads/Logo_berkel_nonstop.png); background-position: center 50px; background-repeat: no-repeat; }
#eigenmarke3 { background-image: url(/wp-content/uploads/Logo_berkel_topfix.png); background-position: center 50px; background-repeat: no-repeat; }
#eigenmarke4 { background-image: url(/wp-content/uploads/Logo_gelbrot_ohne_r-1_mac.png); background-position: center 50px; background-repeat: no-repeat; }
#eigenmarke5 { background-image: url(/wp-content/uploads/Logo_berkel_1-2-3.png); background-position: center 50px; background-repeat: no-repeat; }
#eigenmarke6 { background-image: url(/wp-content/uploads/Logo_berkel_topcon.png); background-position: center 50px; background-repeat: no-repeat; }

#Jobs .et_pb_toggle_title, #Aktuelles .et_pb_toggle_title, #Downloads .et_pb_toggle_title { color: #e30613 !important; font-size: 12px; }

#Jobs .et_pb_toggle_close, #Aktuelles .et_pb_toggle_close, #Downloads .et_pb_toggle_close, #Standorte .et_pb_toggle_close { background-color: #ffffff; padding: 20px 0; }

#Jobs .et_pb_toggle_open, #Aktuelles .et_pb_toggle_open, #Downloads .et_pb_toggle_open, #Standorte .et_pb_toggle_open { padding: 20px 0; }

#Jobs .et_pb_toggle, #Aktuelles .et_pb_toggle, #Downloads .et_pb_toggle, #Eigenmarken .et_pb_toggle, #Standorte .et_pb_toggle { border: 0px solid #ffffff; }

#Jobs .et_pb_toggle_title::before, #Aktuelles .et_pb_toggle_title::before, #Downloads .et_pb_toggle_title::before {
    color: #e30613;
    content: "3";
    font-size: 22px;
    margin-top: -0.5em;
    position: absolute;
    right: 0;
    top: 50%;
}

#Jobs .et_pb_toggle_title, #Aktuelles .et_pb_toggle_title, #Standorte .et_pb_toggle_title, #Downloads .et_pb_toggle_title { color: #000000 !important; font-size: 14px; font-weight: bold; }
#Jobs .et_pb_toggle, #Aktuelles .et_pb_toggle, #Standorte .et_pb_toggle, #Downloads .et_pb_toggle { border-bottom: 1px solid #e30613; }


/* Weiter-Scrollen-Buttons (aktuell nur auf der Startseite):  Abstand vom unteren Rand */

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll { padding-bottom: 60px; }

.et_pb_fullwidth_header_0 .et_pb_fullwidth_header_scroll { padding-bottom: 30px !important; }


.partnerlogos img.alignleft {
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}


.codenegar-ctt-element {
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}


.ansprechpartner {
    float: left; 
    max-width: 30%;
    margin-left: 0;
    margin-right: 3.3%;
    margin-bottom: 3%;
}
.ansprechpartner img { margin-bottom: 10px; }

.ansprechpartner div { min-height: 150px; }



#Kataloganforderung .katalogauswahl {
    float: left; 
    max-width: 30%;
    margin-left: 0;
    margin-right: 3.3%;
    margin-bottom: 3%;
}

.katalogauswahl input[type="checkbox"] {
    float: left;
    margin: 10px 25px 35px 10px;
    cursor: pointer;
    -ms-transform: scale(3); /* IE */
    -moz-transform: scale(3); /* FF */
    -webkit-transform: scale(3); /* Safari and Chrome */
    -o-transform: scale(3); /* Opera */ 
 }
 
.katalogauswahl img { margin-bottom: 10px; }


 
.scan, .scan-1, .scan-2, .scan-3 { padding-left: 70px !important; padding-bottom: 1em; }

.scan-1 { background-image: url(/wp-content/themes/Divi_child/images/scan-1.png); background-repeat: no-repeat; background-position: left 5px; }
.scan-2 { background-image: url(/wp-content/themes/Divi_child/images/scan-2.png); background-repeat: no-repeat; background-position: left 5px; }
.scan-3 { background-image: url(/wp-content/themes/Divi_child/images/scan-3.png); background-repeat: no-repeat; background-position: left 5px; }


.wpcf7-form p input, .wpcf7-form p textarea {
    color: #000000;
    background-color: #ffffff;
    border: medium none;
    border-radius: 15px;
    font-size: 14px;
    padding: 15px;
    width: 100%;
    margin-bottom: 2%;
    
}

.wpcf7-form p input[type="submit"] {
    color: #646363;
    float: right;
    cursor: pointer;
    border-radius: 1px;
    background: transparent none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    padding: 0.3em 1em;
    position: relative;
    transition: all 0.2s ease 0s;
    width: inherit;
    
}

.tab1 { display: inline-block; width: 2em; }
.tab2 { display: inline-block; width: 4.5em; }

textarea { font-family: Arial,sans-serif; }

.unsichtbar { display: none; }

div#footer-bottom div.container.clearfix div.right a{
    margin-left: 15px;
	color:#fff;
	font-size: 14px;
}

.right{
	text-align:center;
}

span#et_search_icon {
    display: none;
}
#main-footer {
    background-color: black;
    min-height: 80px;
}

img.facebook {
    width: 25px;
    height: auto;
	margin-bottom: -7px;
	margin-left:5px;
}

.info_text {
	line-height:35px;
	font-size: 24px;
    margin-bottom: 15px;
}

#main-header { background-color: #e30613;
}

/*#main-header .nav li ul {
    background-color: #fff !important;
}*/

.codenegar-ctt-element {
    margin-left: 0;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    float: left !important;
}

#footer-info {
    letter-spacing: 0;
    text-transform: none;
    margin-top: 30px !important;
}

.fw-header {
        display: flex;
        align-items: flex-end;
        padding: 0;
        min-height: 50vh;
        height: 50vh;
    }

.fw-header .et_pb_fullwidth_header_container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.fw-header .header-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2% !important;
    margin: 0;
}

#cc-window.cc-type-categories.cc-top .cmplz-categories-wrap, #cc-window.cc-type-categories.cc-bottom .cmplz-categories-wrap {
    line-height: 29px;
    margin-bottom: 20px;
}

#logo {
	margin-bottom: 0px;}

/* ############################## */
/* #### NEUE STYLES ACHTEINS #### */
/* ############################## */



@media (min-width: 981px) {
	.et_fullwidth_nav #main-header .container { max-width: 1920px; }
}

/* ######### hauptmenü ########## */

#top-menu a { color: #FFF; }

#top-menu li.current-menu-ancestor > a span,
#top-menu li.current-menu-item > a span,
#top-menu li.current_page_item > a span,
.et-fixed-header #top-menu li.current-menu-ancestor > a span,
.et-fixed-header #top-menu li.current-menu-item > a span,
.et-fixed-header #top-menu li.current_page_item > a span { color: #FCED1D !important; }

#top-menu li.currentWhite > a span,
.et-fixed-header #top-menu li.currentWhite > a span { color: #FFF !important; }

ul.sub-menu a:hover span,
.et-fixed-header ul.sub-menu a:hover span { color: #E30613 !important; }

#top-menu ul.sub-menu li.current-menu-ancestor > a span,
#top-menu ul.sub-menu li.current-menu-item > a span,
#top-menu ul.sub-menu li.current_page_item > a span { color: #000 !important; }

#top-menu ul.sub-menu li.current-menu-ancestor > a:hover span,
#top-menu ul.sub-menu li.current-menu-item > a:hover span,
#top-menu ul.sub-menu li.current_page_item > a:hover span { color: #E30613 !important; }

.mobile_menu_bar::before { color: #fff !important; }
.et_mobile_menu {background-color: #E30613; }

@media only screen and (max-width: 1440px) {
	#top-menu li { padding-right: 13px; }
	#top-menu .menu-item-has-children > a:first-child { padding-right: 16px; }
}

/* ############################## */


/* ######### icons menü ######### */

.pa-menu-shop > a:before { font-family: 'ETMODULES'; content: '\e015'; text-align: center; vertical-align: middle; margin-right: 5px; margin-left: -5px; color: #ffffff; font-size: 1.2em; transition: all .3s ease; }

.pa-menu-kataloge > a:before { font-family: 'ETMODULES'; content: '\68'; text-align: center; vertical-align: middle; margin-right: 5px; margin-left: -5px; color: #ffffff; font-size: 1.2em; transition: all .3s ease; }

/* ############################## */