/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: FO-Zürisee
Author URI: https://www.fo-zuerisee.ch
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.17.6.1542722120
Updated: 2018-11-20 13:55:20


*/

#menu-outer {
	height: 20px;
}

.table {
	display: table;   /* Allow the centering to work */
	/*margin: 0 auto;*/
}

ul#horizontal-list {
	list-style: none;
}
ul#horizontal-list li {
	display: inline;
}

#logo {
	max-height: 100%;
}

#main-header {
	margin: 16px 0;
}

/* Animation zum schliessen der Lücke oberhalb Navi beim scrollen */
header#main-header.et-fixed-header {
    margin: 0px 0 16px 0;
    transition: margin 0.75s 0.05s;
}

/* Ausrichtung Mobile Navi */
@media (max-width: 980px) {
.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 8px;
	}
}

/* Icons Horizontal ausrichten */
#et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-home .menu-item-has-children > a:first-child {
    padding-right: 20px;
}	

#et-secondary-nav .menu-item-has-children > a:first-child::after, #top-menu .menu-item-has-children > a:first-child::after {
    padding: 16px 5px !important;
}

/*-----------------Menu Icons---------------- */

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 20px 0;
}
 
.menu-home a,
.menu-beschrieb a,
.menu-angebotsformular a,
.menu-referenzen a,
.menu-portrait a,
.menu-immobilien a,
.et_mobile_menu li a:hover {
	padding: 17px 30px 17px 17px !important;
	background: #709972;
    color: #fff !important;
/*     border: 2px solid #468847; */
	border-radius: 7px;
	margin-right: 15px;
}

.menu-home .sub-menu li a,
.menu-beschrieb .sub-menu li a,
.menu-angebotsformular .sub-menu li a,
.menu-referenzen .sub-menu li a,
.menu-portrait .sub-menu li a,
.menu-immobilien .sub-menu li a{
	color: #709972 !important;
	padding: 10px 30px 10px 17px !important;
	background: #fff;
}
.menu-home .sub-menu li a:hover,
.menu-beschrieb .sub-menu li a:hover,
.menu-angebotsformular .sub-menu li a:hover,
.menu-referenzen .sub-menu li a:hover,
.menu-portrait .sub-menu li a:hover,
.menu-immobilien .sub-menu li a:hover{
	color: #fff !important;
    background-color: #468847 !important;
}
.current-menu-item a,
.sub-menu .current-menu-item a{
	background-color: #3F6841 !important;
}
.sub-menu .current-menu-item li a{
	color: #fff !important;
}

/* .menu-beschrieb a {
	padding: 10px !important;
	background: none repeat scroll 0 0 #709972;
	border-radius: 7px;
	border: 2px solid #468847;
	margin-right: 35px;
}  */

.menu-home a:before,
.menu-immobilien a:before {
    font-family: 'ETmodules';
    content: "\e074";
    margin-right: 10px;
/*     margin-top: -2px; */
    color: #ffffff;
    font-size: 18px;
    float: left;
}

.menu-beschrieb a:before {
    font-family: 'ETmodules';
    content: "\e085";
    margin-right: 10px;
/*    margin-top: -2px; */
    color: #ffffff;
    font-size: 18px;
    float: left;
}
 
.menu-angebotsformular a:before {
    font-family: 'ETmodules';
    content: "\e076";    
    margin-right: 10px;
/*     margin-top: -2px; */
    color: #ffffff;
    font-size: 18px;
    float: left;
}
 
.menu-referenzen a:before {
    font-family: 'ETmodules';
    content: "\e0db";
    margin-right: 10px;
/*     margin-top: -2px; */
    color: #ffffff;
    font-size: 18px;
    float: left;
}
 
.menu-portrait a:before {
    font-family: 'ETmodules';
    content: "\e08a";
    margin-right: 10px;
/*     margin-top: -2px; */
    color: #ffffff;
    font-size: 18px;
    float: left;
}

.insta-icon a:before {
    font-family: 'ETmodules';
    content: "\e09a";
    margin-right: 10px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

#insta-icon a:before {
    font-family: 'ETmodules';
    content: "\e09a";
    margin-right: 10px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

.linkedin-icon a:before {
    font-family: 'ETmodules';
    content: "\e09d";
    margin-right: 10px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

#linkedin-icon a:before {
    font-family: 'ETmodules';
    content: "\e09d";
    margin-right: 10px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

#top-menu-nav li li a:before,
#mobile_menu li li a:before {
	display: none;
}

#et-top-navigation #top-menu li {
    font-size: 12px;
    padding-right: 0px;
}

#menu-item-2556 a {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0px;
}
#menu-item-2556 a {
    border-radius: 7px;
}

#footer-links .et_pb_text_inner {
	float: right;
}

#footer-links .et_pb_text_inner ul li {
	padding-right: 15px;
}

#footer-bottom {
    background-color: rgba(0, 0, 0, 0.0);
}

/* Tabellen Styles */
th, td {
    border-bottom: 2px solid #F8F8F8;
    border-right: 2px solid #F8F8F8;
    margin: 4px 0;
    padding: 7px;
    text-align: left;
    vertical-align: top;
}

.entry-content table, body.et-pb-preview #main-content .container table {
	background: #EAEAEA;
}

/* Fix the mobile header */
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, 
	.et_non_fixed_nav.et_transparent_nav #top-header,
	.et_fixed_nav #main-header,
	.et_fixed_nav #top-header {
    	position: fixed;
	}
	.mobile_menu_bar:before {
		top: 13px;
		font-size: 43px;
	}
	.container {
    	width: 91%;
	}
}
.et_header_style_left #main-header #et-top-navigation,
.et_header_style_split #et-top-navigation {
    padding: 5px 0;
}

#main-header #et-top-navigation #et_mobile_nav_menu .et_mobile_menu .menu-item-has-children>a {
    background-color: #709972;
}

#main-header #et-top-navigation #et_mobile_nav_menu .et_mobile_menu .menu-item-has-children > a:after {
    top: 18px;
}

/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
/* Adjust the 80px set in the height calc value to match the height of your mobile menu */
#mobile_menu {
    display: block !important;
    height: calc(100vh - 80px);
  right: 0;
    position: fixed;
  overflow: auto;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
/* Move the mobile menu fully off the screen when closed using translateX(100%) */
.mobile_nav.closed #mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened #mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/* Change spacing in Menu before switch to Mobile nav 
@media only screen and (max-width: 1350px) {
    #et-top-navigation #top-menu-nav #top-menu li {
        padding-right: 0px;
    }
} */
#main-header .container {
    width: 90%;
}
#et-top-navigation #top-menu-nav #top-menu
	.menu-home a,
	.menu-beschrieb a,
	.menu-angebotsformular a,
	.et_mobile_menu li a:hover {
    	padding: 17px 20px 17px 10px !important;
    	margin-right: 5px;
	}
    .menu-referenzen a,
	.menu-portrait a,
	.menu-immobilien a {
    	padding: 17px 10px 17px 10px !important;
    	margin-right: 5px;
	}
.menu-referenzen a,
	.menu-portrait a,
	.menu-immobilien a,
	.et_mobile_menu li a:hover {
    	padding: 17px 10px 17px 10px !important;
    	margin-right: 5px;
	}
/* @media only screen and (max-width: 1250px) {
     #main-header .container  {
        width: 90%;
    } 
	#et-top-navigation #top-menu-nav #top-menu
	.menu-home a,
	.menu-beschrieb a,
	.menu-angebotsformular a,
	.menu-referenzen a,
	.menu-portrait a,
	.menu-immobilien a,
	.et_mobile_menu li a:hover {
    	padding: 17px 23px 17px 13px !important;
    	margin-right: 5px;
	}
} */

.intl-tel-input {
    display: block;
}