/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* Switch to hamburger menu on tablets */

@media only screen and ( max-width:1024px) {
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu-nav {
		display: none;
	}
	.et_header_style_left .mobile_menu_bar {
		padding-bottom: 30px;
	}
}

/* Place the word MENU after the mobile hamburger */
.mobile_menu_bar:after {
    content: 'MENÜ';
    position: relative !important;
    bottom: 10px;
    left: 10%;
    color: #c4c4c4;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/* -------------------------------------------- 
 ------ Blurbs as Tabs Custom Styling ------
 -------------------------------------------- */

/* Style the Blurbs Tabs */
#blurb-tabs .et_pb_column {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
}
#blurb-tabs .tab-title {
 width:14.28%;
}

/* Hover Styles for Blurb Tabs - Titles */
#blurb-tabs .tab-title {
 transition:all .3s ease-in-out;
}
#blurb-tabs .tab-title:hover {
 cursor:pointer; 
 background:#333743; /* Tab hover background color */
}
#blurb-tabs .tab-title.active-tab {
 background:#D1DAE0; /* Active tab background color */
}
#blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a {
 color:#000; /* Active tab title color */
}
#blurb-tabs .tab-title.active-tab .et-pb-icon {
 color:#666!important; /* Active tab icon color */
}

/* Tab Titles Mobile Styles */
@media (max-width: 767px ) {
 #blurb-tabs .tab-title {
 width:50%;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image {
 margin-bottom:10px; /* Reduce icon bottom margin */
 }
}

@media (max-width: 479px ) {
 #blurb-tabs .tab-title {
 width:100%;
 }
 #blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
 display:flex;
 align-items:center;
 justify-content:flex-start;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
 margin-bottom:0;
 margin-right:30px;
 }
}

/* Hide the tabs content/sections */
.tab-content {
 display:none;
}






#top-menu li {
    padding-right: 15px;
}
#top-menu li a {
    font-size: 14px;
}
#top-menu li li a {
    width: 265px;
	font-size: 14px;
}
.nav li ul {
    width: 265px;
	margin: 0;
	padding:8px 0;
}
#top-menu li li {
    padding:0;
}


/*---Slider Left---*/
.ds-slider-left.et_pb_slider .et_pb_container {
    float: left !important; /*move the slider text container to the left*/
	margin-left:15%;
}

.ds-slider-left .et_pb_slide_description  {
	text-align: left !important; /*align the slider text to the left*/
	padding: 0; 
}

.ds-slider-left.et_pb_slider .et_pb_button {
    float: left !important;  /*move the button to the left*/
}



/*---Slider Right---*/
.ds-slider-right.et_pb_slider .et_pb_container {
    float: right !important; /*move the slider text container to the right*/
	margin-right:15%;
}

.ds-slider-right .et_pb_slide_description  {
	text-align: right !important; /*align the slider text to the right*/
	padding: 0; 
}

.ds-slider-right.et_pb_slider .et_pb_button {
    float: right !important;  /*move the button to the right*/
}





.et_pb_contact_field_options_title {
    font-size:16px;
}

.et_pb_text p a {
    text-decoration: underline;
}

h3 {
    line-height: 1.4;
}

#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    font-weight: bold;
}




/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 0px !important;
    float: none !important;
}
}