/* 
 Theme Name:   Divi-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
.et_header_style_left #et-top-navigation{ padding-top: 60px; padding-bottom: 20px; }
.et_header_style_left #et-top-navigation nav>ul>li>a{ padding-bottom: 16px; padding-top: 7px; text-transform: uppercase; }

#main-footer{ background-color: #18486e; padding-top: 80px;}
.footer-top-area .widget_text{ width: calc(100% - 200px); font-size:24px; color: #fff; line-height:32px; margin-top: -5px; }
#text-5 .et_pb_widget .widget_text { width: calc(100% - 200px); font-size:24px; color: #fff; line-height:32px; margin-top: -5px; }
.footer-top-area .widget_media_image{ width: 200px; }
#media_image-6 .et_pb_widget .widget_media_image{ width: 200px; }
#footer-widgets{ padding: 10% 0 0; display: inline-block;}
#main-footer .footer-widget h4{ color: #3C6893 !important; padding-bottom: 30px; font-size:26px;}
#main-footer .footer-widget p{ color: #fff; font-size: 16px;}
#main-footer .footer-widget p .big{ color: #fff; font-size: 22px; font-weight: 500;}
#main-footer .footer-widget a{ border: 1px solid #fff; padding: 8px 10px; margin-top: 20px; display: inline-block;}
#main-footer .footer-widget a:hover{ background-color:#fff; color:#18486e;}
#main-footer .footer-widget a img{ filter: brightness(0) invert(1);  }
#main-footer .footer-widget a:hover img{ filter: inherit;  }

#top-menu li>.sub-menu{ width: 100%; position: fixed; left: 0px; display: none; flex-wrap: wrap; background: #fff !important; padding: 20px; border: 0px;}
#top-menu li:hover>.sub-menu{display: flex;}
#top-menu li>.sub-menu li.menu-item{ flex: 0 0 33.33%; max-width: 33.33%; padding: 0 5px; background-color:transparent !important;}
#top-menu li .sub-menu li.menu-item-has-children>a{ width: 100%; color: #fff !important; background: #cd0529; border:0px; text-transform: uppercase; }
#top-menu li .sub-menu li.menu-item-has-children>a:after{ display:none; }
#top-menu li>.sub-menu li.menu-item-has-children li a{ width: 100%; color:#666 !important; padding-top: 0; padding-bottom: 0; font-weight: normal; line-height:24px; }
#top-menu li>.sub-menu li.menu-item-has-children li a:hover{ background-color:transparent;}
#top-menu li>.sub-menu li.menu-item .sub-menu{ position: relative; right: 0; top:0; left: 0; width: 100%; opacity: 1; visibility: visible; padding: 0px; box-shadow: none; padding: 10px 0 30px; border: 0px; display:flex;}
#top-menu li>.sub-menu li.menu-item .sub-menu li{ flex: 0 0 100%; max-width: 100%; padding: 2px 0; }
#top-menu li>.sub-menu li.menu-item .sub-menu li:before{ font-family: ETmodules;
    content: "5";
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 800;}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after{ top:7px;}
#et_top_search{ margin-top:10px;}
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a{ padding-bottom: 10px;}

#top-menu li .sub-menu li.menu-item-has-children:nth-child(1) ul li a:before{ color: #eaba00;}
#top-menu li .sub-menu li.menu-item-has-children:nth-child(2) ul li a:before{ color: #aeb143;}
#top-menu li .sub-menu li.menu-item-has-children:nth-child(3) ul li a:before{ color: #527e3d;}
#top-menu li .sub-menu li.menu-item-has-children:nth-child(4) ul li a:before{ color: #7eaca9;}
#top-menu li .sub-menu li.menu-item-has-children:nth-child(5) ul li a:before{ color: #00647f;}
#top-menu li .sub-menu li.menu-item-has-children:nth-child(6) ul li a:before{ color: #a3a19d;}

h1, h2, h3, h5, h6{ position:relative;}
h1:before, h2:before, h3:before, h5:before, h6:before{ content:""; width:15px; height:15px; background:#cd062a; position:absolute; left:-15px; top:-15px;}

.slick-arrow{ width: 40px; height: 40px; z-index: 99999; position: absolute; top: 50%; transform: translateY(-50%); cursor:pointer; }
.slick-arrow.slick-prev{left: -8%; }
.slick-arrow.slick-next{right: -8%; }
#slider .et_pb_row_0{overflow: inherit;}
.slick-list.draggable{ overflow: hidden;}

#slider .et_pb_main_blurb_image{ width:60px; }
#slider .et_pb_main_blurb_image img{ height: 80px; object-fit: contain; }
#slider .et_pb_row_1{ height:0px;}

#number{ }
#number .percent:before{ content:""; width:15px; height:15px; background:#cd062a; position:absolute; left:-15px; top:-15px; }
#number h3:before{ display:none; }


@media (min-width: 981px){
	.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul{ -webkit-animation: inherit; animation: inherit; }
	}

.custom-inner-page .entry-content h2{ font-size: 40px; font-weight: 600; color: #18486e; }
.custom-inner-page .entry-content h2:before{ display:none;}
.custom-inner-page .entry-content h4{ font-size: 24px; font-weight: 600; color: #18486e; margin-bottom: 20px; margin-top: 40px;}
.custom-inner-page .entry-content p{ font-size:15px;}
.custom-inner-page .entry-content ul{ list-style:none;}
.custom-inner-page .entry-content ul li{ position:relative; font-size:15px;     line-height: 28px;}
.custom-inner-page .entry-content ul li:before{ content:""; width: 7px; height: 7px; background-color: #aeb143; display: inline-block; margin-right: 10px;}

.custom-inner-page .entry-content ul.design-box{ background-color: #aeb143; padding: 30px; color: #fff; margin-top:30px; }
.custom-inner-page .entry-content ul.design-box li{ font-size: 15px; display: flex; align-items: baseline; }
.custom-inner-page .entry-content ul.design-box li:before{ background-color:#fff; width:8px; height:8px;}

.full-image img{ width:100%;}
.breadcrumb{ color:#fff;}
.breadcrumb a{ color:#fff; text-transform: uppercase;}
.breadcrumb ul{display: flex; align-items: center;}
.breadcrumb ul li:before{ display:none !important;}
.breadcrumb ul li{ padding:0 10px;}
.breadcrumb ul li:first-child{ padding-left:0px;}
.breadcrumb ul li i{ padding-right:10px;}
.breadcrumb ul li img{ width: 38px;filter: brightness(0) invert(1); transform: translateY(0px); vertical-align: bottom; padding-right: 10px;}
.breadcrumb-main .et_pb_widget.widget_text{ display:none;}


#slider .et_pb_main_blurb_image img{ filter: brightness(0) invert(1); }
#slider .slick-slide:hover .et_pb_main_blurb_image img{ filter: inherit; }


/**navigation**/
.et-top-navigation{ display:flex; align-items: center;}
.et_header_style_left #et-top-navigation{ display: flex; display: -ms-flexbox; align-items: center; -ms-flex-pack: justify;
    justify-content: space-between; -ms-flex-align: center; width: 80%; padding-left:0px !important; padding-bottom:0px;}
#menu-login-top-menu{ display:flex;}
#menu-login-top-menu li{ margin-bottom:0px;}
#et-top-login-navigation{ display: flex; float: right; padding-bottom: 10px; transform: translateY(-6px);}
.et_header_style_left .logo_container{ z-index:-1;}
#menu-login-top-menu li{ margin: 0 5px; }
#menu-login-top-menu li a{padding:2px 10px; border: 1px solid #fff; color: #fff; font-weight: normal; display: inline-block;}
#menu-login-top-menu li a img{ filter: brightness(0) invert(1);}
#menu-login-top-menu li a:hover img{ filter:inherit;}
#menu-login-top-menu li a:hover{ color:#18486e; background-color:#fff; border:1px solid #fff;}
#menu-login-top-menu li a span{ vertical-align: middle;}
#menu-login-top-menu li a img{ width:30px;}

.et_pb_menu_hidden #et-top-login-navigation{ opacity: 0; -webkit-animation: fadeOutBottom 1s cubic-bezier(.77,0,.175,1) 1;
    animation: fadeOutBottom 1s cubic-bezier(.77,0,.175,1) 1; }
.et_pb_menu_visible #et-top-login-navigation{ z-index: 99; opacity: 1; -webkit-animation: fadeInBottom 1s cubic-bezier(.77,0,.175,1) 1; animation: fadeInBottom 1s cubic-bezier(.77,0,.175,1) 1; }

#top-menu>.menu-item>a{ border-bottom: 6px solid transparent;}
#top-menu>.et-show-dropdown>a{ border-bottom: 6px solid #cd072a;}
.menu-item ._svg{ width: 3em; margin-top: -2px;}
/**navigation**/

@media (min-width: 981px){
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget.custom-login-widget{ margin-top:50%; margin-bottom:0px;}
#main-footer .footer-widget .custom-login-widget a{ border:0px; }
}

#et-footer-nav { background-color: inherit;}
.bottom-nav a{ color: #3C6893;}
.bottom-nav li{ font-size:16px; font-weight: normal;}
.bottom-nav a:hover{ color:#fff; opacity:1;}


.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, #top-menu a, .et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a, #et_search_icon:before, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info{ color:#fff !important; font-weight:normal;}
#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover{ opacity:1;}

.et_pb_button.et_pb_more_button:hover{ background-color: #9f0f21 !important; }

#servicetool{ position:relative;}
#servicetool:before{
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: none;
    background: url(/wp-content/uploads/2020/06/fernwartung_neg.svg) left center no-repeat;
    background-size: 65%;
    left: -140px;
    opacity: 0.05;
}

#top-menu li .sub-menu li.menu-item-has-children.yellow>a{ background-color:#eaba00; }
#top-menu li .sub-menu li.menu-item-has-children.green>a{ background-color:#aeb143;}
#top-menu li .sub-menu li.menu-item-has-children.blue>a{ background-color:#a3a19d;}
#top-menu li .sub-menu li.menu-item-has-children.light-blue>a{ background-color:#7eaca9;}
#top-menu li .sub-menu li.menu-item-has-children.gray>a{ background-color:#007f90; }

#top-menu li>.sub-menu li.menu-item.yellow .sub-menu li:before{ color:#eaba00; }
#top-menu li>.sub-menu li.menu-item.green .sub-menu li:before{ color:#aeb143; }
#top-menu li>.sub-menu li.menu-item.blue .sub-menu li:before{ color:#a3a19d; }
#top-menu li>.sub-menu li.menu-item.light-blue .sub-menu li:before{color:#7eaca9; }
#top-menu li>.sub-menu li.menu-item.gray .sub-menu li:before{ color:#007f90; }

#top-menu li>.sub-menu li.menu-item-has-children li a:hover{ color:#666; text-decoration:underline;}

.custom-inner-page .breadcrumb-main { background-color:#a3a19d; }
.custom-inner-page .green { background-color:#aeb143 !important;}
.custom-inner-page .yellow { background-color:#eaba00 !important;}
.custom-inner-page .blue { background-color:#a3a19d !important;}
.custom-inner-page .light-blue { background-color:#7eaca9 !important;}
.custom-inner-page .gray { background-color:#007f90 !important;}

.et_pb_blurb_position_left .et_pb_blurb_content{ margin-right:15px;}
.custom-inner-page .breadcrumb-main .et_pb_row{ padding: 15px 0; }

#login-page{}
.icon-size img{ }
#login-page .et_pb_newsletter_description{ width:100%; }
#login-page .et_pb_newsletter_description h2{ color: #21486e !important; font-size: 26px; }
#login-page .et_pb_newsletter_description p{ color: #21486e; }
#login-page .et_pb_login_form{ width:100%; max-width: 40%; padding-left:0px; }
#login-page .et_pb_forgot_password a{ color: #21486e; }
#login-page .et_pb_login_form .et_pb_newsletter_button{ background: #cd0529; border-color: #cd0529; width: 80%;}
#login-page .et_pb_login_form .et_pb_newsletter_button:hover{ background:#9f1e21;}

.custom-inner-page .entry-content .support{ padding: 0px; display: flex;}
.custom-inner-page .entry-content .support li{position: relative; font-size: 15px; background-color: #8d9daf; margin-right:15%; text-align: center; color: #Fff; padding:20px;}
.custom-inner-page .entry-content .support li:before{ display:none; }
.custom-inner-page .entry-content li h4{ margin-top:20px; padding-bottom:0px; color:#fff;}
.custom-inner-page .entry-content .support li:hover{ cursor:pointer;}
.support li:hover h4{ color: #18486e;}

#login h3{ color: #21486e; font-weight: 600; }
#login h3:before{ display:none;}
#login p{ color: #21486e; }
#login .et_pb_widget_area_left{ border-right:0px; }
form#login label{ display: block; color: #21486e;}
form#login input{ padding: 7px 12px;}
form#login input.submit_button{ background-color: #cd0529; color: #fff; border: 1px solid #ce2928; display: block; padding-left: 25px; padding-right: 25px; margin-top: 20px;  margin-bottom: 20px; font-size: 14px; }
form#login input.submit_button:hover{ background-color: #9f1e21; border: 1px solid #9f1e21; }
form#login a.lost{ font-weight:600;}

.custom-inner-page .breadcrumb-main.board{ background-color: #8d9daf!important; }
.custom-inner-page .breadcrumb-main.board .login-logout-wrapper{ display: flex; justify-content: space-between;
    color: #21486e; font-weight: 600;     align-items: center; }
.custom-inner-page .breadcrumb-main.board .login-logout-wrapper li:before{ content:">"; background-color:transparent;}
.custom-inner-page .breadcrumb-main.board .logout-button a{ padding: 5px 25px; border: 1px solid #21486e; display:inline-block;}
.custom-inner-page .breadcrumb-main.board .logout-button a:hover{ border: 1px solid #21486e; color:#fff; background-color:#21486e; }

/**/
.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  font-weight: 600;
  transition: 0.4s;
  border-bottom:1px solid #c6c6c6;
}
 
.active, .accordion:hover {
  color: #00b7bc;
}

.accordion:after {
  content: '\002B';
  font-weight: bold;
  float:right;
  font-size: 22px;
  line-height: 1;

    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    background-color: #be2526;
    border-radius: 50%;
}

.active:after {
  content: "\2212";
  color:#fff;
}

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

.custom-inner-page .breadcrumb-main.board .logout-button a:before{     content: "x";
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: #21486e;
    margin-right: 10px;
    float: left;
    transform: translateY(2px);  }

.custom-inner-page .breadcrumb-main.board .logout-button a:hover:before{ background-color: #fff; color: #21486e; }
.sub-menu li a img._svg{ width: 28px;}
.custom-inner-page .entry-content h2 super{ font-size: 50%; vertical-align: super;}

body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:hover{ background-color:#00647f
; color:#fff !important;}

.sup {
	bottom: .7em !important;
	font-size: .5em !important;
	}