h4.seg{
	font-size:16px !important;
	line-height:22px !important;
	margin-bottom:15px !important;
}
h4.foptions{
	font-size:16px !important;
	line-height:22px !important;
	color: #628798 !important;
	margin-bottom:40px !important;
}
h4.cnt{
	font-size:16px !important;
	line-height:22px !important;
	margin-bottom:15px !important;
	color: #fff !important;
}
.icon_haushalt{
	width:51px !important;
	margin-bottom:20px;
}	
.icon_gewindu{
	width:51px !important;
	margin-bottom:20px;
}
.icon_sys{
	width:54px !important;
	margin-bottom:20px;
}
.filters{
	padding-left:30px;
	padding-right:30px;
}
.filters hr{
	height:1px;
	background-color:#fff;
	border: none;
	margin-bottom:15px;
}
.filterblock{
	max-height:30px;
	-webkit-mask-image: -webkit-gradient(linear, left top, 
    left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));
	margin-bottom:60px;
}
.opener{
	display:inline-block;
	padding:12px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:100px;
	border: 1px solid #aec2ce;
	color: #16194b !important;
	background: #fff;
	margin-right:10px;
	width:37px;
	text-align:center;
	cursor:pointer;
}
.openerlabel{
	display:inline-block;
}
.grid-sizer,.grid-item{
	width:300px;
	background-color: #F1F3F5 !important;
	border:none !important;
	color: #435D69 !important;
}
.memberlogo{
	width:100%;
	margin-bottom: 20px;
}
.ui-group{
	float:none;
	clear:left;
	display:block;
	margin-bottom: 10px;
}


/* ---- button ---- */

.ui-group .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #fff;
  border: 1px solid #aec2ce;
  border-radius: 7px;
  color: #000;
  font-family: sans-serif;
  font-size: 16px !important;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.ui-group .button:hover {
  background-color: #16194B !important;
  color: #fff;
}

.ui-group .button:active,
.ui-group .button.is-checked {
  background-color: #16194B;
}

.ui-group .button.is-checked {
  color: white;
}

.ui-group .button:active {

}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0px;
}

.button-group .button:first-child { border-radius: 50px 0 0 50px; }
.button-group .button:last-child { border-radius: 0 50px 50px 0; }

/* ---- isotope ---- */

.grid {
  background: #aec2ce;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:100px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: block;
  margin-right: 20px;
}

/* grid-item */

.grid-item {
margin-top:20px !important;		
  float: left;
  margin-bottom:20px !important;
  margin-left:5px !important;
  margin-right:5px !important;
}
 
.grid-item.round {
  border-radius: 35px;
}
 
.grid-item.big.round {
  border-radius: 75px;
}

 
.grid-item.wide, .grid-item.big { width: 150px; }
.grid-item.tall, .grid-item.big { height: 150px; }

.pager {
  margin: 0px 5px;
}

.lazyload{
	min-height:10px;
}
.grid-item-img{
	aspect-ratio: 1 / 1;
}
.roundletter{
	background-color:#AEC2CE !important;
}
.lettercontent{
	border-radius: 180px;
	aspect-ratio: 1 / 1;
	background-color:#ffd500 !important;
	border:none;
	margin:60px;
}
.letter_big{
	font-size:70px;
	font-family: 'TWKEverett-Bold' !important;
	text-align:center;
	top: 40%;
	color:#16194B;
	position: relative !important;
}
.memberinfo{
	padding:15px !important;
	min-height: 320px;
}
.memberurl a{
	font-size: 16px;
	color: #16194b;
	font-weight:400;
	border-bottom: 1px solid #707070;
}
.memberdetails{
	font-size: 14px;
	line-height: 18px;
	color: #435D69;
}
.infomembers{
	width:100%;
	background-color: #AEC2CE;
	padding-top:30px;
	padding-bottom:10px;
	background-image:url(/wp-content/themes/Avada-Child-Theme/crm/marker_members.png);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left:30px;
	padding-right:30px;
}
@media only screen and (max-width: 1023px){
	h4.seg{
		font-size:14px !important;
		line-height:18px !important;
	}
	h4.foptions{
		font-size:14px !important;
		line-height:18px !important;
		color: #628798 !important;
	}
	h4.cnt{
		font-size:14px !important;
		line-height:18px !important;
	}
	.filters .button{
		font-size:14px !important;
		line-height:18px !important;
	}
	#main .filterblock{
		-webkit-mask-image: none;
	}
	.opener{
		display:none;
	}
	.filters .ui-group .button {
		padding-left:8px;
		padding-right:8px;
	}
	
}
@media only screen and (max-width: 768px){
	.grid-sizer,.grid-item{
		width: calc(50% - 45px);
	}
	.letter_big {
		font-size: 40px;
	}
	.lettercontent {
		margin:30px;
	}
}
@media only screen and (max-width: 400px){
	.grid-sizer,.grid-item{
		width: 80%;
	}
}