/*
Theme Name:     Divi Child Theme
Description:    Child Theme for Divi Theme
Author:         Christoph Walter
Author URI:     http://www.pas-solutions.ch/
Template:       Divi
Version:        1.0
*/
@import url(../Divi/style.css);

.et_pb_section_2.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
    top: -1px !important;
}

/*********************
Navigation
*********************/

#main-header .et_mobile_menu {
    background-color: #FFF !important;
}

#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    font-weight: 700;
}

.et_mobile_menu li a {
    color: #666 !important;
}

#top-menu li a {
    font-size: 16px;
    font-weight: 400;
}

.mobile_menu_bar:before {
    font-size: 64px;    
	color: white !important;
}

.nav li ul {
    width: 440px;
}

#top-menu li li a {
    width: 400px;
}

/*********************
Header
*********************/

#main-header {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjEpIiBoZWlnaHQ9IjhweCIgd2lkdGg9IjhweCIgdmlld0JveD0iMCAwIDggOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PC9zdmc+);
    background-size: 3px 3px;
}

#main-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#logo {
    max-height: 70%;
}

/*********************
Inhalt
*********************/

#main-content h1, #main-content h2, #main-content h3 {
	margin-bottom: 10px;
}

.et_pb_top_inside_divider {
    top: -1px !important;
}

/********************************************************
Die Breite des mobilen breakpoint von Divi selber setzen
*********************************************************/

@media only screen and ( max-width: 1540px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

@media all and (min-width: 981px) {}
@media all and (min-width: 361px) and (max-width: 980px) {}
@media all and (max-width: 360px) {}
@media (max-width: 767px) {}
@media (max-width: 980px) {
	    .et_header_style_left #logo {
        max-width: 60%;
    }
}
@media (max-width: 1400px) {}
@media (max-width: 1280px) {}
@media only screen and (min-width: 1350px) {}