/*
Theme Name: Fluke Child
Theme URI: http://qodearena.com/
Template: fluke
Author: QodeArena
Author URI: https://themeforest.net/user/qodearena
Description: A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Tags: one-column,two-columns,right-sidebar,custom-menu,post-formats,sticky-post,translation-ready
Version: 1.1.2.1575829049
Updated: 2019-12-08 18:17:29

*/

.forminator-button-submit,
.forminator-button-submit:hover {
	background-color: #745753!important;
}

.wpforms-container-full button[type=submit]:not(:hover):not(:active),
.wpforms-container-full button[type=submit]:hover {
  background-color: #745767!important;
}


ul#menu-sidebar_menu li {
    list-style: none!important;
}

ul li {
    list-style: '- ';
    margin-left: 20px;
}

.wpforms-required-label {
    display: none!important;
}

.wpforms-container .wpforms-field-label {
  font-weight: 400!important;
  color: #745753!important;
}

.ee-mfp-popup * {
    font-family: "Roboto"!important;
    font-weight: 400;
}

.font_white p,
.sidemenu p {
    color:white!important;
}

.font_white a,
.sidemenu a {
    color:white!important;
}

.font_white a:hover,
.sidemenu a:hover {
    color:#e6e5e5!important;
}

p {
  color:#745654;
}

h1, h2 {
	font-size: 45px!important;
}

h1.h_org, h2.h_org , h3.h_org, h4.h_org  {
	color: #745654!important;
}

.leistungen_title h1:after {
    content: "";
    display: table-cell;
    width: 100%;
  }

.banner img {
  height: 400px!important;
  object-fit: cover;
  object-position: 50% 70%;
}

.banner2 img {
  height: 607px!important;
  object-fit: cover;
  object-position: 50% 70%;
}

.inside-grid-column {
    text-align: justify;
    margin: 20px;
}

.inside-grid-column strong {
    font-weight: 600;
}

.leistungen_text_desc p {
  text-align: justify;
}

/*FAQ MODAL OPEN */
.remodal.remodal-is-initialized .remodal-is-opened {
    min-height: 400px;
}

.wpsm_nav {
    width: 100%!important;
}

.wpsm_nav-tabs > li {
	margin: 10px 30px 10px auto!important;	
}

.wpsm_nav-tabs > li > a {
border: solid 2px #fff!important;
background-color: #fff!important;
    border-radius: 50px!important;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.5)!important;
	padding: 8px 35px 8px 35px!important;
	font-family:"Open Sans", sans-serif!important;
font-weight: 400;
color: #555555!important;
	
}

.wpsm_nav-tabs > li > a:hover {
border: solid 2px #d03604!important;
}

.wpsm_nav-tabs > li.active > a {
border: solid 2px #d03604!important;
}

.tab-content {
    padding: 20px;
    border: none!important;
    margin-top: 0px;
    background-color: #ffffff;
}

.tab-content strong {
	color: #d03604!important;
	font-weight: 500!important;
}

.tab-content {
	color: #555555!important;
	font-weight: 300!important;
	text-align: justify!important;
	font-family:"Helvetica", sans-serif!important;
	font-size: 17!important;
	line-height: 25px!important;
}

.column_left {
	float:left;
	width: 48%;
	padding: 10px 20px 10px 20px;
}

.column_right {
	float:left;
	width: 48%;
	padding: 10px 20px 10px 20px;
}

.column2_ul {
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;
column-gap: 6px;
-webkit-column-gap: 6px;
-moz-column-gap: 6px;
background-color: transparent!important;
}

.column2_ul:nth-child(2)  {
	left: -10px;
}

li.menu-item-object-mitarbeiter {
left: 0!important;
background-color:#f4f4f2;
}

.footer_ma .column2_ul {
-webkit-column-count: 1!important; 
-moz-column-count: 1!important;
column-count: 1!important;
}

#content {
	padding:0;
	margin:0;
}

.container {
	padding: 0
}

/* START CSS Variables for Page Mitarbeiter */

	.emp_container_wrapper {
		width: 100%;
		background-color: #e1dddd;
    	margin: 45px 0;
	}
	
	.emp_container {
		width: 100%;
		max-width:1080px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0;
    overflow: hidden;
	}
	
	.c_left{
    	min-width: 300px;
		width: 45%;
		float: left;
    	height: 100%;
	}
	
	.c_right{
		width: 45%;
		float: left;
    padding-left: 20px;
    height: 100%;
    display: table;
	}

  .c_right_container {
    display: table-cell;
    vertical-align: middle;
    height: 600px;
  }
	
	.emp_name {
	  font-size: 15px;
      font-weight: 600;
	  color: #745654;
	}
	
	h2 {
		font-size: 15px;
    	font-weight: 400;
		color: #ba7e1c;
	}
	
	.emp_roles {
    font-size: 1em;;
	}
	
	.emp_skills {
	font-size: 15px;
  margin: 20px 0;
	color: #745654;
  font-style:italic;
	}

  .emp_skills a {
    text-decoration: underline!important;
  }
	
	.emp_photo img { 
  	width: 100%;
    height: 100vh!important;
    object-fit: cover;
    max-height: 600px;
  	/*webkit-filter: grayscale(1);
  	filter: grayscale(1);*/
	}
  
  p {
    margin: 0;
  }
  
  .emp_overview {
    width: 100%;
    margin: 0 auto 0 auto;
  }
  
  .emp_pic {
    height: auto;
    width: 20%;
    margin: 30px auto;
    padding: 0;
    float: left;
    overflow: hidden;
	cursor: pointer;
  }
  
  .emp_namel{
	font-family:"Arial"!important;
    display: block;
    text-align: center;
    font-size: 15px!important;
    width: 80%;
  }
  
  img.emp_oimg,
  .lei_oimg img {
  max-height: 180px!important;
  height: 100%!important;
  width: 100%!important;
  border-radius: 50%!important;
  position: relative;
  object-fit: cover;
  filter: grayscale(0.2);
	  filter: sepia(40%) hue-rotate(323deg) saturate(0.6) brightness(0.8);
    opacity: 0.8;
  }

	.emp_oimg_wrapper {
    border-radius: 50%;
    margin-right: 50px;
	background-position: center;
    background-size: cover;
	position: relative;
	}
  
  img.emp_oimg:hover,
  .lei_oimg img:hover {
  /*filter: grayscale(100%) sepia(0) hue-rotate(0deg);
  -webkit-filter: grayscale(100%) sepia(0) hue-rotate(0deg);*/
    transition: 0.5s;
  }
  
  .emp_link {
    font-size: 15px;
    color: #745654cf;
  }

/* END CSS Variables for Page Mitarbeiter */

@media screen and (min-width: 1026px) {
	.mininav {
		display:none;
	}
}

@media screen and (max-width: 1025px) {
	.mininav {
		display:block;
	}
	
/*	.logo_header {
    width: 92%!important;
}
	
	.menu_toggle_btn {
	width: 5%!important;;
}
	*/
	.circle_container {
    padding-left: 0!important;
}
}

@media screen and (max-width: 500px) {
  img.emp_oimg,
  .lei_oimg img {
  max-height: 360px!important;
  }
	
  .emp_pic {
    width: 100%;
	margin: 30px 25px;
  }
	
	.c_left,
	.c_right {
	width: 100%;	
	}
	
	.c_right_container {
		vertical-align: top;
		padding-top: 10px;
	}
	
	svg#logo {
    height: 280px!important;
    margin-top: -110px!important;
}
}

