hr{
	height: 3px;
	color: #c0e0ff;
	background: #c0e0ff;
	border: 0px;
	margin-top: 2em;
	margin-bottom: 2em;
	}
.meineantwort{
	padding-left: 2em;
	}
form > div, form label{
	clear: both;
	overflow: hidden;
	}
form > div, form > fieldset{
	border: 0;
	padding: 0;
	margin-top: 0.5em;
	}
form label{
	width: 50%;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	}
form > div > div, form > fieldset > div{
	width: 50%;
	float: right;
	}
form > div > span{
	width: 100%;
	float: left;
	padding-left: 1em;
	}
input[type=text], input[type=email], textarea, input[type=button]{
	font-size: 1em;
	}
input[type=text], input[type=email], textarea{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	}
textarea{
	height: 7em;
	}
input[type=button]{
	height: 2em;
	width: 50%;
	margin-left: 25%;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
	}
.weiss{
	color: white;
	}
.schwarz{
	color: black;
	}

@media (max-width: 31.25em){/*schmal*/
	form > div > label, form > div > div{
		width: 100%;
		float: none;
		}
	form > div > label{
		padding-right: 0;
		}
	form > div > div{
		padding-left: 1em;
		}
	form > fieldset{
		margin-left: 1em;
		}
	form > fieldset > div{
		width: 12%;
		float: left;
		}
	form > fieldset > label{
		width: 88%;
		float: right;
		}
	}

@media (min-width: 43.75em){/*breit*/
	.meineantwort{
		padding-left: 3em;
		}
	form label{
		text-align: right;
		width: 30%;
		padding-left: 0;
		}
	form > div > div, form > fieldset > div, form > b, form > div > span{
		width: 70%;
		}
	form > b, form > div > span{
		float: right;
		}
	form > div > span{
		padding-left: 0;
		}
	input[type=text], input[type=email], input[type=button]{
		width: 57.1%;
		margin-left: 0;
		}
	}

@media (min-width: 53.125em){/*sehr breit*/
	.meineantwort{
		padding-left: 4em;
		}
	form label{
		width: 25%;
		}
	form > div > div, form > fieldset > div, form > b, form > div > span{
		width: 75%;
		}
	input[type=text], input[type=email], textarea{
		width: 66.7%;
		}
	input[type=button]{
		width: 33.4%;
		margin-left: 16.7%;
		}
	}

.classic-button {
	background: linear-gradient(to bottom, #eee, #ccc); /* heller Verlauf */
	border: 1px solid #888;
	color: #000;
	padding: 0;
	border-radius: .3em; /* leicht abgerundet */
	font-weight: bold;
	cursor: pointer; /* Handzeiger bei Hover */
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* leicht erhaben */
	transition: all 0.15s ease-in-out;
	}

.classic-button:hover {
	background: linear-gradient(to bottom, #ddd, #bbb); /* etwas dunkler */
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	}

.classic-button:active {
	background: linear-gradient(to bottom, #bbb, #ddd); /* umgekehrter Verlauf beim Klick */
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);        /* wirkt gedrückt */
	}
