/*
grün: 95d0c8
orange: f4bea4
*/
@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior: url(scripts/boxsizing.htc); }

body { /*background-color:#e5e5e5;*/ color:#000000; line-height:initial; font-family:'Open Sans Condensed', sans-serif; font-size:130%; margin:0; padding:0; }
h1, h2 { font-weight:300; }
h1 { font-size:2.3em; }
h2 { font-size:1.5em; }
a { color:#000; }
a:focus { outline:2px dotted #424242; }
a#focus:focus { outline:none; }
p { margin:15px 0; }
table { border-collapse:collapse; margin:15px 0; width:100%; }
td { border:1px solid #808080; padding:2px 5px; vertical-align:top; }
.text_wrap h1 { font-size:1.5em; }

.cf:after { content: " "; display:table; }
.cf:after, .inhalt { clear:both; }
.container { width:100%; max-width:700px; margin:0 auto; text-align:center; }
.kopf, .kopf_alt { background-color:#ffffff; padding:1.25em 0 0.5em 0; font-weight:300; }
.kopf_alt { display:none; }
.logo { display:block; text-align:left; background:url(../Bilder/tonne.png) no-repeat left center; padding:0 0 0 190px; width:410px; height:70px; margin:0 auto; line-height:1.5em; text-decoration:none; }
.kopf span, .kopf_alt span { font-size:2.3em; }
.navigation { width:37.5%; float:left; padding:1.25em; }
.inhalt { width:100%; /*float:left; padding:1.25em;*/ background-color:#ffffff; }

form#abfrage_form { width:100%; line-height:2em; text-align:left; background-color:#eeeeee; padding:20px 20px; position:relative; }
#reset { position:absolute; top:-25px; right:0px; font-size:80%; line-height:1em; background:url(../Bilder/cancel.png) no-repeat right center / auto 15px; padding:0 20px 0 0; text-decoration:none; }

label { display:none; float:left; width:105px;  }
input, select { border:1px solid #999; font-family:inherit; font-size:inherit; color:inherit; margin:0 5px 0 0; width:90%; }
#abfrage_form input[type=text], #abfrage_form input[type=number] { font-size:130%; }
input[type="submit"] { margin:0px 0 0 0; }
div.fertig { width:410px; text-align:left; }
div.button { margin:30px 0; padding:0 0 10px 0; border-bottom:2px solid #999; }
div.button:last-child { border:none; margin-bottom:0; padding-bottom:0; }
div.button a { font-size:0.8em; color:#808080; text-decoration:none; }
input.generate, a.austragen { display:block; background-repeat:no-repeat; background-position:10px center; background-color:#ccc; padding-left:40px; line-height:50px; margin:0 0 0px 0; width:100%; border:none; background-size:auto 40px; }
a.austragen { width:50%; margin:20px 0 0 0; padding-left:0px; text-decoration:none; }
#fertig { background-image:url(../Bilder/pdf.png); }
#ics { background-image:url(../Bilder/ics.png); }
#email { background-image:url(../Bilder/email.png); margin-top:8px; }
#email_input, .strasse_email input, .nr_email input, .zusatz_email input { margin:0; width:100%; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
#email_response { line-height:1.3em; margin:8px 0 0 0; background:url(../Bilder/response.png) no-repeat left top / 25px auto; padding:0 0 0 30px; }

#loading  { display:none; width:100%; height:100%; position:fixed; z-index:100; background:rgba(255,255,255,0.8); }
#loading img { width:80px; height:80px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; }

#abfrage_form span.fail { background:url(../Bilder/fail.png) no-repeat left center; padding:0 0 0 40px; background-size:contain; }
#abfrage_form span.success { background:url(../Bilder/success.png) no-repeat left center; background-size:contain; padding:0 0 0 9%; }
#abfrage_form span.next, #form span.next, #form span.komplett { background:url(../Bilder/next.png) no-repeat center center; background-size:auto 30px; width:7%; height:42px; cursor:pointer; display:block; float:right; }

#form span.komplett { background-position:left center; padding:0 5px 0 25px; }

#focus { color:#FFFFFF; }
 
.ui-autocomplete { max-height: 150px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; width:300px; }

.menu a { display:block; float:left; width:14.2857%; text-decoration:none; color:#808080; }
select.menu { display:none; width:95%; color:#808080; border:0px solid #999; background:none; }

.inhalt_text { text-align:left; margin-bottom:15px; }

.bold_undl { text-decoration:underline; font-weight:bold; }

a.pdf { display:block; background:url(../Bilder/pdf.png) no-repeat left center; height:30px; line-height:30px; width:250px; text-align:left; padding:0 0 0 40px; margin:0 auto 30px auto; }


@media screen and (max-width:720px)	{
	#reset { right:2%; }
	.hint { padding:0 10px; }
	.text_wrap { font-size:90%; width:95%; margin:0 auto; }
}

@media screen and (max-width:630px)	{
	.menu a { font-size:80%; }
}

@media screen and (max-width:450px)	{
	body { font-size:110%; }
	#abfrage_form span.next, #form span.next, #form span.komplett { height:36px; }
	.logo { padding:0 0 0 40%; background-size:46% auto; width:80%; font-size:93%; margin:0 auto; }
	div.button a { font-size:0.7em; color:#808080; text-decoration:none; }
	.text_wrap h1 { font-size:1.3em; }
	.text_wrap { font-size:80%; width:95%; margin:0 auto; }
	select.menu { display: block; width:96%; margin:0 auto; }
	div.menu { display:none; }
}

@media screen and (max-width:410px)	{
	.logo { background-size:44% auto; font-size:83%; }
}

@media screen and (max-width:360px)	{
	.logo { background-size:41% auto; padding:0 0 0 37%; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	label { display:block; }
}