/*
Theme Name: DiviChild by wplo.de
Theme URI: http://elegantthemes.com
Description: A Child Theme built for Divi
Author: Wplo - WordPress für Einsteiger
Author URI: https://www.wplo.de
Template: Divi
Version: 1.0.0
*/

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */

/***** Start Typography *****/


body { color: #333333; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;}
div {display: block;}
li {font-size: 16px; font-weight: normal;}
p{ margin:  0 0 20px 0;}
a { color: #333; text-decoration: none; font-size: inherit; }
a:hover, a:focus {color: #ff0000;text-decoration: none;}
h1, .h1 {font-size: 32px;color: #ff0000;margin: 0;font-weight: 600;}
h2, .h2 {  font-size: 22px; color: #000; margin: 0 0 30px 0; font-weight: 600; }
h3, .h3 { font-size: 20px; margin: 0; font-weight: 600; }
h4, .h4 { font-size: 16px; color: #333;	margin: 0 0 5px 0; font-weight: 600; }
ol, ul {margin: 0;padding: 0;list-style: none;}
strong, label {font-size: inherit;}
img {max-width: 100%; height: auto;}
p strong, li strong {  }

/***** End Typography *****/

/***** start header *****/
header { border-bottom: 1px solid red; }
#et-top-navigation {font-weight: unset;}
.sub-menu li a, .et-fixed-header #top-menu a, .et-fixed-header #et_search_icon::before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field::after, .et-fixed-header #et-top-navigation .et-cart-info {color:#fff !important;}
.sub-menu{background-color:#333 !important;}
.sub-menu a{color:#fff !important;}

#et-secondary-menu{  }
#et-secondary-menu ul{  }
#et-secondary-menu ul li{  }
#et-secondary-menu ul li a{  }
#et-secondary-menu ul li a: hover{  }
#et-secondary-menu ul li a: before{ }
#et-secondary-nav{  }
#et-secondary-nav li {  }
/***** End header *****/

/******Logo section****/
header .logo_container #logo{max-height:100%;}
.et_logo_section{  }
.et_logo_section a{  }
.et_logo_section a img{  }
#logo{  }

/**** end logo section****/
/***** content area ********/
.content-wrap {margin-top: 30px;}
.list-group li {position: relative; padding-left: 20px; margin-bottom: 5px;}
.list-group li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 10px;
}
.entry-content ul {list-style-type: none;}

/*****End  content area ********/


/***** Padding-Margin *****/
.padding-10{ padding: 10px; }
.padding-20{ padding: 20px; }
.padding-30{ padding: 30px; }
.padding-40{ padding: 40px; }
.padding-50{ padding: 50px; }
.padding-60{ padding: 60px; }
.padding-top-10{ padding-top: 10px; }
.padding-top-20{ padding-top: 20px; }
.padding-top-30{ padding-top: 30px; }
.padding-top-40{ padding-top: 40px; }
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-30 {padding-bottom: 30px;}
.padding-bottom-40 {padding-bottom: 40px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-20 {padding-left: 20px;}
.padding-left-30 {padding-left: 30px;}
.padding-left-40 {padding-left: 40px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-20 {padding-right: 20px;}
.padding-right-30 {padding-right: 30px;}
.padding-right-40 {padding-right: 40px;}

.margin-10{margin: 10px;}
.margin-20{margin: 20px;}
.margin-30{margin: 30px;}
.margin-40{margin: 40px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-bottom-10{margin-top: 10px;}
.margin-bottom-20{margin-top: 20px;}
.margin-bottom-30{margin-top: 30px;}
.margin-bottom-40{margin-top: 40px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-40 {margin-left: 40px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-40 {margin-right: 40px;}

.no-padding {padding: 0;}
.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}
.no-padding-bottom {padding-bottom: 0;}
.no-padding-top {padding-top: 0;}
.no-margin {margin: 0;}
.no-margin-left {margin-left: 0;}
.no-margin-right {margin-right: 0;}
.no-margin-bottom {margin-bottom: 0;}
.no-margin-top {margin-top: 0;}
/***** Padding-Margin end *****/

/************ button section  ************/
.et_pb_button {color: #fff !important;border-width: 0px;border-radius: 0px;background: #ff0000 !important; padding: 0.3em 1em !important; font-size: 18px;font-weight: 600;}
.et_pb_bg_layout_light .et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_contact_reset:hover, .et_pb_contact_submit:hover, .et_pb_pricing_table_button:hover{background: linear-gradient(135deg, #ff0000 0%, #b32703 100%) !important;}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover{padding: 0.3em 1em;border:none;}
.et_pb_button:after, .btn-1:after {content: none;}

.et_benefit_section .et_pb_column.et_pb_column_1_2 {padding: 0px 55px;}
.et_benefit_section .et_pb_module_header{font-size: 22px;color: #000;font-weight: 600;}
.et_benefit_section .et_pb_blurb_description{color: #333333;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;}

.et_overlay::before, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_contact_submit, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_member_social_links a:hover, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_pb_sum, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover{color:#ff0000;}

.btn-1 { color: #000 !important; border-width: 0px !important; border-radius: 0px; background-color: #fff !important; border-color: #fff; font-size: 16px; font-weight: 400; line-height: 1.5 !important; min-width: 230px; padding: 20px; display: unset !important;}
.btn-1:hover { padding: 0.3em 1em !important; border: none; background: #ff0000 !important; }
.btn-1:after { content: none; opacity: 1; line-height: 1.5; right: 15px; font-size: 16px !important; top: 6px;}

.btn-2 { color: #0c0c0c !important; border-width: 0px !important; border-radius: 0px; background: #000000 !important; }
.btn-2:hover { padding: 0.3em 1em !important; border: none; background: #0000000 !important; }
.btn-2:after { content: none; opacity: 1; line-height: 1.5; right: 15px; font-size: 16px !important; top: 6px;}
/************End  button section  ************/

/***** start icon  *****/
/*
.et-pb-icon{color: #ffffff !important; background-color: #ff0000 !important; font-size: 40px !important; opacity: 1; animation: fadeTop 1s 1 cubic-bezier(.77,0,.175,1); padding: 25px;	font-family: ETmodules;	font-weight: 400;font-style: normal; font-variant: normal; line-height: 1; text-transform: none; content: attr(data-icon); border-radius: 100px !important; }
*/

.et_pb_image_wrap {background: #ff0000;padding: 25px; border-radius: 50%;}
.et-pb-icon{font-size: 40px !important;height: 40px;width: 40px;color: #fff !important;background: none !important;padding: 0px !important; }


/***** End icon *****/

/***** start Navigation  *****/
ul.sub-menu .sub-menu {
  padding: 5px 0;
  top: -5px;
}
#top-menu ul.sub-menu ul.sub-menu li a {
  font-size: 14px;
}
/***** End Navigation *****/

/***** start call-to-action  *****/
.call-to-action h2 { margin-bottom: 20px; }
.call-to-action p { margin: 0; color: #666; font-size: 18px; }
.call-to-action .call-to-action-button { margin-top: 70px; }
/***** End call-to-action *****/

/***** Team Site  *****/
.et_pb_team_member {
  margin-bottom: 40px !important;
}
.et_pb_team_member_image {
  float: none !important;
  width: auto !important;
  max-width: 220px;
  margin-bottom: 30px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.et_pb_team_member_description {
  display: block !important;
}
/***** End Team Site *****/

/***** start footer *****/
.footer-content h3 { font-size: 20px; margin: 0 0 5px 0; color: #f1f1f1; }
.footer-widget p { margin: 0 0 5px 0; font-size: 15px; color: #f1f1f1; padding:0px; }
.footer-widget title { font-weight:600; }
.footer-widget a { color: #f1f1f1;	font-size: 15px;}
.footer-widget a:hover { color: #ff0000; }
.footer-widget .footer-link { margin-top: 26px; }
.footer-bottom { background: #333; padding: 6px 0;}
.footer-bottom .copyright { font-size: 12px; color: #666; }
#footer-widgets .footer-widget li::before {display: none;}
#footer-widgets .footer-widget li a:hover, #footer-widgets .footer-widget a:hover {color:#ff0000 !important;}
/***** End footer *****/


/***** Start Copyright *****/
.copyright-text {}
/***** End  Copyright *****/

/* START - Divi Ninja Form Styling */
.ninja-forms-form-wrap input, select{
background-color: #eee;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16px;
color: #999 ;
padding: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ninja-forms-form-wrap select{
width: 100% !important;
height: 50px !important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.ninja-forms-required-items {
display: none;
}
textarea.ninja-forms-field{
background-color: #eee;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16px;
color: #999 ;
padding: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* END - Divi Ninja Form Styling */

.et_pb_slide {
  min-height: 400px;
}

/* ============================================= */

@media (max-width:980px){
.mobile_menu_bar::before{ color: #ff0000; }
.et_mobile_menu{ border-top: 1px solid red; padding: 0;}
#main-header .et_mobile_menu li ul{ padding-left: 0px !important; }
.et_mobile_menu li a { color: #fff !important; background-color: #333 !important; font-weight: bold !important; }
.et_mobile_menu li a:hover{ color: #fff !important; background-color: #ff0000 !important; opacity: 9999 !important; }
.sub-menu li{ padding-left: 0 !important; }

.et_mobile_menu .sub-menu li ul li a{padding-left: 15% !important;}
.et_mobile_menu .sub-menu li a {padding-left: 10%!important; color: #fff !important; background-color: #333 !important; font-weight: 400 !important; }
.et_mobile_menu .sub-menu li a:hover  {background: #ff0000 !important; color: #fff !important;}

/*
footer{ padding: 0!important; }
#main-footer .footer-widget{ width: 33.333% !important; margin: 0 !important; }
*/
}


/* responsive */
@media (max-width:991px){
.logo{ text-align: center;}
footer { padding: 15px 0; text-align:center; }
.footer-content .footer-link { margin-top: 0; }
.footer-content { margin: 15px 0;}
.footer-bottom { text-align: center;}
.map iframe{ height:320px;}
}

@media (max-width:767px){

header .col-md-6{ padding:0;}
.logo { text-align: left; }
.logo img { max-width: 160px; height: auto; }
.banner, .banner .slide { min-height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.et_pb_slide {
  min-height: 300px;
}
h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 18px;}
h3, .h3 { font-size: 16px; }

}
