@charset "utf-8";
/* CSS Document */


#Kat-list, #div3 #AdressenStadtteile select, #navHandy #Stadtteil, #navHandy #datepicker  {
	border-radius: 5px;
	 border-color: #e7e7e7 !important;
	border-width: 2px !important;
}
/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {
	margin-top: 20px;
}

/* menu icon */
/* #menu-icon {
	display: none;  hide menu icon initially 
}*/

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li , #navHandy li{
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* nav link */
#nav a {
	padding: 4px 15px;
	display: block;
	color: #000;
	background: #ecebeb;
}
#nav a:hover {
	background: #f8f8f8;
}

/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
} 

#plusicon {

	margin-top:0.35em;
	cursor:pointer;
}
.plusgrey {
	margin-top:0.6em;
	color: darkgrey;
	-webkit-font-smoothing: antialiased;
	font-weight:100;
	-webkit-text-stroke: 1px background-color;
	
}

.redplus {
	color:red;
}

.search_sameline {
	 float:right;
	 margin-left:0.3em;
	 margin-top:2px;
	     color: darkgrey;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    	color: rgb(34,34,34);
	opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgb(34,34,34);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgb(34,34,34);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(34,34,34);
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: rgb(34,34,34);
}

::placeholder { /* Most modern browsers support this now. */
  color: rgb(34,34,34);
}
	
.poben {
	padding-top:1rem;
}


#menu-iconHandy {
	display:none;
}
	

#filtertoggle {
	float:left;
	
}

.black #plusicon {
	color:black !important;
}

#FilterGruppe select {
	background-color:#ffffff;
	
}

/************************************************************************************
MOBILE
*************************************************************************************/
/* @media screen and (max-width: 600px) {*/

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		
		width: 42px;
		height: 30px;
		
		position: relative;
		background:  url(/images/menu4a.png) no-repeat 10px center;
		padding: 8px 10px 0 32px;
		margin-right: 10px;
		cursor: pointer;
		float:left;
		 /* show menu icon */
		
	}



	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		/*background-color: #EBF2E8;*/
	}
	
	/* main nav */
	#nav, #navHandy {
		clear: both;
		position: absolute;
		top: 38px;

		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	
	#navHandy {
		right:10px;
		top: 20px;
	}
	#nav li, #navHandy li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a , #navHandy ul a{
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul,  #navHandy ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li , #navHandy ul li{
		margin: 3px 0 3px 15px;
	}

#nav li.m2 {
	display: none;
}

#searchMenuHandy {
	display:none;
}




/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {
	#nav li.m2 {
	display:block;
}	
	#MainNav ul.nav {
		display: none;
	}
 }  
 @media screen and (max-width: 600px) {
	#menu-icon {
		display:none;
	}

	


	#searchMenuHandy {
		display:block;
		position:absolute;
		top:35px;
		left:2%;
		z-index:99;
	}

	#suchboxV2Handy	{
	margin-top:10px;
	}
	
	#suchboxV2Handy	input {
		width:100%;
	}
	
	#searchHandy {
		color:#333333;
	}
	
	#searchMenu {
		display:none;
	}
	
	#searchMenuHandy .tooltiptext {
		display:none;
	}
	
	
	#menu-iconHandy {
		width: 30px;
		height: 30px;
		position: relative;
		/*background: url(/images/burger.png) no-repeat 10px center;*/
		padding: 0px 0px 0 0px;
		margin-left: auto;
		right: 0px;
		cursor: pointer;
		display: block;
		z-index:50;
		top:5px;
		 /* show menu icon */
		
	}
	
	#menu-iconHandy .fa-lg {
	    font-size: 2em !important;
	}
	
	
	#FilterGruppe_Handy {
		display: block !important;
		margin-left:2em;

	}
	
	#navHandy #Kat-list, #navHandy #Stadtteil, #navHandy #datepicker {
		max-width:120px;
		width:120px;
	}
	
	#searchMenu {
		width:100%;
		font-size:1em;
	}
	
	#search  {
		position:relative;
		top:12px;
		margin-right:10px;
	}
	
	.FilterGruppeRt select {
		appearance: none;
	}
	
	.filtertext {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		vertical-align:1px;
	}
	
	#FilterGruppe {
		margin-left:5%;
	}
	
	#navHandy #plusicon {
		margin-top:0;
		
	}
	
	
	
 }