#form {
	margin-bottom: 100px;
}

footer {
	position:fixed;
	bottom:0;
}
#suche {
	display:block;
	text-align:center;
	padding:10px;
	padding-bottom: 0;
	max-width:700px;
	max-width:calc(100% - 20px);
}

article h3 .schrift, article h3 .schrift * {
	font-size:58px;
	margin:0;
}
article h3 {
	font-weight:200;
	margin-bottom:calc(100%/20 - 30px);
	font-family: 'Lobster', sans-serif;
}
article h3 .schrift {
	font-family: 'Lobster', sans-serif;
}

#suche h3 .schrift {
	margin-right: 10px;
}
#suche label {
	margin-top: 3px;
	margin-right:8px;
	margin-left: 8px;
	width:70px;
	text-align: left;
	display:inline-block;
	position: absolute;
	font-family: 'Lobster', sans-serif;
	font-size: 18px;
}
#suche input {
	padding-left: 70px;
}
#suche button i {
	color:#fff;
}
#suche input {
	width:300px;
	display: inline-block;
}
@media all and (max-width: 700px) {
	#suche label {
		margin-right:0;
		/*width:auto;*/
	}
	#suche input {
		width: calc(100% - 90px);
	}
}

/*#suche a {
    display: block;
}*/
#suche button {
	/*width:180px;*/
	margin:0;
	margin-bottom:20px;
}
#suche > span > span:not(:first-of-type), #suche button {
	/*margin-left:56px;*/
}
#suche span {
	display:inline-block;
	margin-bottom:calc(100%/20 - 40px);

}

#suche > span > span {
	margin-bottom:20px;
}


@media all and (max-width: 1000px) and (min-width: 700px) {
  #suche > span {
    width: calc(100% - 90px);
  }
  #suche > span > span {
    width: 49.5%;
  }
  #suche input {
    width: calc(100% - 92px);
  }
}
@media all and (min-width: 1000px) {
	#suche input {
		width:350px;
	}
}

#suche {
	margin:calc((100% - 700px) / 6) auto 0 auto;
}
@media all and (min-width: 1100px) {
	#suche {
		margin:70px auto 0 auto;
	}
	#suche h3 {
		margin-bottom: 32px;
	}
	#suche span {
		margin-bottom: 8px;
	}
}

@media all and (max-width: 700px) {
	#suche h3 .schrift {
		display:none;
	}
	#suche > span > span, #suche h3, #suche button {
		margin-bottom: 10px;
	}
	#suche span {
		margin-bottom: 0;
	}
	#suche {
		margin-top: 0px;
	}
}

#suche.gesucht {
	margin:0 auto;
}
#suche.gesucht h3 {
	margin-bottom: 8px;
}

/*@media all and (max-width: 840px) {
	#suche > span > span:not(:first-of-type) {
		margin-left:0;
	}
	#suche > span > span {
		width:calc(100% - 20px);
	}
}*/





#ergebnisse {
	margin:0 auto;
	padding:0 20px;
	padding-bottom: 100px;
	max-width:960px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:200;
	display:none;
	/*margin-bottom:200px;*/
}
#ergebnisse * {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:200;
}

#ergebnisse div:not(.advert) {
	border-bottom:2px solid #ddd;
	padding:0;
	margin:0;
	padding:10px 0;
}
#ergebnisse div:last-of-type {
	border:none;
}
#ergebnisse .nummer {
	margin-left: 10px;
}
#ergebnisse .right {
	float: right;
	text-align: right;
}
#ergebnisse .fa {
	color: #AD000D;
	font: normal normal normal 14px/1 FontAwesome;
}
#ergebnisse .right span {
	display:block;
	float: right;
}
#ergebnisse .ort {
	display:block;
	font-size:14px;
	margin-top:4px;
}
#ergebnisse .ort * {
	font-size:14px;
}
#ergebnisse .name {
	/*font-weight:bold;*/
	font-size:20px;
	word-break: normal;
}
#ergebnisse .name i {
	color:#AD000D;
	font-style:normal;
}
#ergebnisse .name a {
	color: #444;
}
#ergebnisse .name b {
	color: #333;
}
#ergebnisse .name a:hover {
	text-decoration: none;
}
#ergebnisse .ort i, #ergebnisse .ort i * {
	font-style:normal;
	font-weight:bold;
}
button.mini {
	display:inline-block;
}

/*put number under name on mobile devices*/
@media all and (max-width: 600px) {
	#ergebnisse .right .nummer {
		display: none;
	}
}




#methislink {
	margin-top: 20px;
	display: block;
	width: calc(100% - 20px);
	max-width: 660px;
	margin: 0 auto;
	overflow: inherit;
	cursor: pointer;
	text-align: center;
	padding-bottom: 400px;
}
#methislink:hover {
	text-decoration: none;
}
#methislink .uid, #methislink h4, #methislink h3 {
	display:inline;
}
#methislink div span {
	display: block;
}
#methislink h3, #methislink h4, #methislink span.uid {
	font-size: 20px;

}
#methislink h4 {
	display: inline-block;
}
#methislink div.link-container {
	margin-top: 30px;
}
#methislink div.links {
	float: left;
	position: relative;
	display: inline-block;
	width: 280px;
}
#methislink div.rechts {
	float: right;
	position: relative;
	display: block;
	width: 280px;
}
@media all and (max-width: 660px) {
	#methislink {
		padding-bottom: 60px;
	}
	#methislink div.links, #methislink div.rechts {
		float: none;
		margin: 0 auto;
	}
	#methislink img {
		height: 100px;
		width: auto;
	}
}
#methislink > div > div {
	padding: 10px;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
}
#methislink > div > div:hover {
	-moz-transform: scale(1.04, 1.04);
	-webkit-transform: scale(1.04, 1.04);
	-o-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04);
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
}
#methislink span h3 {
	display: block;
}


#suche h3 small {
  font-size: 18px;
	margin: 0 10px;
	margin-top:20px;
	font-family: 'Lobster', sans-serif;
	position: absolute;
}
@media all and (max-width: 700px) {
	/*#cc {
		margin-top: -4px;
	}*/
}



#ergebnisse .name i.green {
  color: rgb(60,208,75);
}
#ergebnisse .name i.red {
  color: rgb(208, 60, 60);
}

#ergebnisse .nummer em i.number {
	-moz-filter: blur(3px);
	-webkit-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);

	font-style:normal;
	/*display: inline-block;
	width: 70px;
	height: 40px;
	background-color: #fff;
  background-size: auto 34px;
  background-image: url(/src/img/blurred_numbers.jpg);
  -moz-box-shadow:inset -5px 0px 5px #fff;
  -webkit-box-shadow:inset -5px 0px 5px #fff;
  box-shadow:inset -5px 0px 5px #fff;

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/src/img/blurred_numbers.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/src/img/blurred_numbers.jpg',
sizingMethod='scale')";*/

}
#ergebnisse .nummer  em {

}
#ergebnisse .nummer .ie, #ergebnisse .nummer .noie {
	cursor:pointer;
	display:none;
}

#ergebnisse .nummer .fa {
	font-size:25px;
	color:black;
}
#ergebnisse .nummer .noie .fa {
	color: black;
	position: absolute;
	margin-top: -1px;
	font-size: 22px;
}