/*
Theme Name: Divi-Child-Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* DAMIT DIE SEITE BEIM LADEN NICHT SPRINGT.
#page-container { padding-top:118px !important; }

*/
/*
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('/wp-content/themes/Divi-Child-Theme/fonts/CaviarDreams-webfont.eot');
    src: url('/wp-content/themes/Divi-Child-Theme/fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/Divi-Child-Theme/fonts/CaviarDreams-webfont.woff') format('woff'),
         url('/wp-content/themes/Divi-Child-Theme/fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('/wp-content/themes/Divi-Child-Theme/fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p { font-family: 'caviar_dreamsregular', Arial, sans-serif; }
body { font-family: 'caviar_dreamsregular', Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'caviar_dreamsregular', Arial, sans-serif; }


*/

header#main-header {
z-index: 99990;
}

#et_pb_text_inner.et_pb_text_5.et_pb_text a {
 color:#ffffff!important
}


.et_fullwidth_nav #main-header .container {

    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}


.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.et_pb_fullscreen .et_pb_fullwidth_header_container {
    height: 10px;
    min-height: 100vh;
    width: 90%;
    max-width: none;
}



#left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
    list-style-type: disc;
    line-height: 38px;
}

#logo{max-width:240px;}

#top-menu .menu-item-has-children > a:first-child::after, .fullwidth-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
display: none;
}



/* ##### DROPDOWN MENU STYLES ##### */

#top-menu .sub-menu {
   background-color: #FFF; /* Background color dropdown */
   border-top: 1px solid #777777; /* Top border color dropdown */
}

#top-menu .sub-menu li a {
   font-size: 18px; /* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}

.sub-menu li:hover {
   background-color: #c6c6c6; /* Hover color menu item */	
}

.sub-menu .current_page_item {
   background-color: #777777; /* Current menu item color dropdown */
}


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



#top-menu .sub-menu li {
   padding-left: 0px;
   padding-right: 0px;
   width: 100%;
}

#top-menu li li a {
   padding-top: 8px;
   padding-bottom: 6px;
}

#top-menu .sub-menu {
   padding-top: 0px;
   padding-bottom: 0px;
}

.nav ul li a:hover {
   opacity: 1;
   background-color: rgba(0,0,0,0);
}

/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   width: 290px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 290px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 250px; /* Make this 40 less then the width of the dropdown menu */
}



.et_mobile_menu li a, .nav li li a {
    font-size: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* style the opened mobile menu hamburger (make it an 'X') */  
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}


/* color both the open and close hamburgers */
div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
    color: #FFFFFF; 
}




/* Hide footer */

#main-footer {
    height: 0 !important;
    overflow: hidden;
}


.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 95%;
    padding-right: 10px;
    padding-left: 10px;
}

/*Distanz von Oben home header text 
.custom_header .header-content {
margin-top: -350px !important;
padding-top: 0;
}
*/

/* Menu Schriftgrösse verkleinert sich bei gewisser Breite*/

/***********bis 3000 ********************/
@media (max-width: 3000px) {  
 #top-menu li, #top-menu li a {
 font-size: 25px !important;
 padding-right: 10px !important;
 }
#logo{max-width:300px;}

#top-menu .sub-menu li a {
   font-size: 18px !important;/* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}

/***********bis 1350 ********************/
	
@media (max-width: 1400px) {  
 #top-menu li, #top-menu li a {
 font-size: 25px !important;
 padding-right: 7px !important;
 }
#logo{max-width:280px;}
#top-menu .sub-menu li a {
   font-size: 16px !important;/* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}
/*Distanz von Oben home header text 
.custom_header .header-content {
margin-top: -300px !important;
padding-top: 0;
}*/
}

	
/*********** bis 1300 ********************/
@media (max-width: 1310px) { 
 #top-menu li, #top-menu li a {
 font-size: 23px !important;
 padding-right: 6px !important;
 }
#logo{max-width:250px;}
#top-menu .sub-menu li a {
   font-size: 14px !important;/* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}
/*Distanz von Oben home header text 
.custom_header .header-content {
margin-top: -250px !important;
padding-top: 0;
}*/
}	

/*********** bis 1200 ********************/
@media (max-width: 1200px) { 
 #top-menu li, #top-menu li a {
 font-size: 20px !important;
 padding-right: 6px !important;
 }
#logo{max-width:220px;}
#top-menu .sub-menu li a {
   font-size: 14px !important;/* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}
}
/*********** bis 1080 ********************/
@media (max-width: 1100px) { 
 #top-menu li, #top-menu li a {
 font-size: 18px !important;
 padding-right: 6px !important;
 }
#logo{max-width:200px;}
#top-menu .sub-menu li a {
   font-size: 14px !important;/* Font size dropdown */
   width: 100%;
   color: #999999;
   border-bottom: 1px solid #000000; /* Border bottom menu item color */
}
}
}