/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

.home-cta .et_pb_button_module_wrapper{flex-grow:1;}
.home-cta .et_pb_button_module_wrapper a{width:100%;}

table{border:none !important;padding:0px;}
td{padding:0px 5px 0px 0px !important;border-top:none !important;min-width:20%;}
tr{display:flex;}

@media (max-width: 980px) {
.sub-head-menu .et_pb_menu__menu, .sub-head-menu .et_pb_menu__menu {display: flex;}
.sub-head-menu .et_mobile_nav_menu, .sub-head-menu .et_mobile_nav_menu {display: none;}
}

/*Kontaktformulare
--------------------------------------------------------------- */
	span.wpcf7-list-item{display:block;}
.two-column-wrapper{display:flex;flex-flow:row wrap;margin-top:1em;}
.two-column-wrapper div{flex:40; flex-grow:1;}
.two-column-wrapper div.first-form-column{padding-right:20px;}
.wpcf7-textarea{width:100% !important;max-width:500px;}

.wpcf7-list-item label:hover{cursor:pointer;}
.form-title{font-weight:bold; font-size:14px;}
.form-wrapper{margin-bottom:50px;}

@media (min-width: 980px) {
.teaser-angebote{display:flex;flex-flow:row wrap;}
}

/*Headlines
--------------------------------------------------------------- */
h1, h2{margin-bottom:10px;}
h1, h2, h3{line-height:1.3 !important;}

/*Passwort Protect
--------------------------------------------------------------- */
.et_pb_de_protect .et_pb_row{width:100% !important;}

/*Main Menü
--------------------------------------------------------------- */
#menu-sub-main li{margin-top:0px;padding:0px;}
#menu-sub-main li a{padding:0px 10px;transition:all 0.3s;}
#menu-sub-main > li > a:hover{background-color:#2284bf;cursor:pointer;}
.sub-menu{padding:0px !important;}
.nav li ul{width:auto;}
.second, .third{padding:0px !important;width: 100%;}
.third a{white-space: nowrap; width: auto !important;}
.et-menu li{font-size:calc(12px + 0.1vw)}
.sub-head-menu .et_pb_menu__search-input{color:#fff;border:1px solid #fff; border-radius:6px;padding:5px;}
#menu-item-461{margin-right:10px;}

.nav li li ul {z-index: 1000;top: 0px;left:100%;}
.nav li ul{border-top:none;}

/* Symbol für das Untermenü erster Ebene
Abstand ändern für Pfeilsymbol = right:20px + padding-right:50px*/
.second.menu-item-has-children>a:first-child:after{content:"\35" !important;font-family: ETmodules;right:20px !important;}
.second>a{white-space: nowrap; width: auto !important;padding-right:50px !important;}

/********* Mobile Menu Collapse ********/

#mobile_menu1{width:80vw;margin:auto;left:auto;right:0;top:60px;}
 
/**** This hides the sub menu items on mobile ****/

#mobile_menu1 li ul.hide{
display: none !important;
}
#mobile_menu1 .second a{margin-left:20px;font-size:12px;color: #2ea3f2 !important;white-space:normal;}
#mobile_menu1 .second a:after{display:none;}
#mobile_menu1 .third a{color:#000 !important;}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu1 .menu-item-has-children {
position: relative;
}
#mobile_menu1 .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu1 .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\35";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}

.et-menu li li.menu-item-has-children>a:first-child:after{top: 6px;right: 8px;font-size: 14px;line-height: 2em;}
 
span.menu-closed.menu-open:before {
content: "\35";
}

/*Footer
--------------------------------------------------------------- */
.et_pb_social_media_follow{display:flex;justify-content:flex-end;}

/*Sidebar
--------------------------------------------------------------- */
.sidebar-tel-wrapper{background-color:#0062A7;color:#fff;padding:17px 20px;border-radius:6px 6px 0px 0px;}
.sidebar-tel{font-size:calc(20px + 0.8vw); margin-bottom:20px;padding-bottom:0px}
.sidebar-infos .et_pb_widget:not(#text-4){margin-bottom:30px !important;}
#text-4{margin-bottom:0px;}
#tribe-events-list-widget-2 .widgettitle, #custom_html-2 .widgettitle, #custom_html-4 .widgettitle{background: #0062A7; padding: 10px 20px; border-radius: 6px 6px 0px 0px; color: #fff;margin-bottom:0px;}
#tribe-events-list-widget-2 ol{list-style-type:none;padding:0px;}
#tribe-events-list-widget-2 a:hover{color:#0062A7;}
.tribe-events-list-widget li, #custom_html-2 a{padding:10px 20px !important;background-color:#f5f5f5; border:1px solid #ddd;margin:1px 0px !important;}
.tribe-events-widget-link{margin-left:20px;}
#custom_html-2 .textwidget{display:flex; flex-flow:row wrap;}
#custom_html-2 .textwidget a{flex-grow:1;transition: all .3s}
#custom_html-2 .textwidget a:hover{background-color:#626262;color:#fff;}

.et_pb_button_sidebar{color: #ffffff!important; border-width: 0px!important; border-color: #ddd; border-radius: 6px; font-size: 16px; font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;font-weight: 600!important; padding: 5px 20px; background-color: #575757; flex-grow: 1;}
.et_pb_button_sidebar:hover{border-color: #dddddd!important; background-image: initial!important; background-color: #626262!important; padding: 5px 20px !important; }
.et_pb_button_sidebar:after{content:none !important;}
.et_pb_accordion_sidebar-termine .et_pb_accordion_item{margin-bottom:2px !important;padding:5px 20px !important;}
.et_pb_accordion_sidebar-termine h3{font-size:calc(12px + 0.1vw) !important;}
.et_pb_accordion_sidebar-termine .et_pb_toggle_title{line-height:1.5em;}

#custom_html-4 a{color:#0062a7;margin-top:10px;display:block;font-weight:bold;}
#custom_html-4 a:hover{color:#626262}

.datum{min-width: 89px; display: inline-block;}
#custom_html-2 a{display:flex;font-size:14px;}

/*Sidebar Kontaktperson
--------------------------------------------------------------- */
.et_pb_button_sidebar_contact{color: #ffffff!important; border-width: 0px!important; border-color: #ddd; border-radius: 6px; font-size: 16px; font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;font-weight: 600!important; padding-right: 2em; padding-left: 0.7em; background-color: #575757; flex-grow: 1;}
.et_pb_button_sidebar_contact:hover{border-color: #dddddd!important; background-image: initial!important; background-color: #626262!important;}
.et_pb_button_sidebar_contact:after{content:none !important;}

.sidebar-contact #custom_html-5 a{color: #2ea3f2 !important;}
#custom_html-5 table{margin:0px;}
#custom_html-5, #custom_html-7{margin-bottom:10px;}
#custom_html-6{max-width:200px;}

/* XING for Divi
--------------------------------------------------------------- */
@font-face {
  font-family: 'xing';
  src:  url('fonts/xing.eot?2a5kpv');
  src:  url('fonts/xing.eot?2a5kpv#iefix') format('embedded-opentype'),
    url('fonts/xing.ttf?2a5kpv') format('truetype'),
    url('fonts/xing.woff?2a5kpv') format('woff'),
    url('fonts/xing.svg?2a5kpv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* XING Social Icon
--------------------------------------------------------------- */
.custom-social-icon a {
  display: inline-block;
  position: relative;
  color: #666;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  transition: color 300ms ease 0s;
}
.custom-social-icon a:hover {
  color: #0274be;
  opacity: 0.7;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#top-header .custom-social-icon a {
    font-size: 14px;
    line-height: 1em;
}
.icon-xing, .icon-xing2{
  font-family: 'xing';
}
.icon-xing a.icon:before {
  content: "\ead3";
}
.icon-xing2 a.icon:before {
  content: "\ead4";
}
.et-social-rss a.icon:before {
	font-family: 'xing' !important;
	content: "\ead4";
}


