@CHARSET "ISO-8859-1";

#signup-title
{
	font-size: 17px;
	font-weight: bold;
	margin: 3ex 0 1ex;
}

#reg-wrapper /* kopiert von id=roundborder (wegen id!) */
{
	width: 97%;
	padding: 0;
	background-color: #edd0aa;
	color: #342d25;
	border: 1px #b9aa8a solid;
	border-radius: 5px;
}

#reg-wrapper form
{
	margin: 2ex 1em;
	width: calc(100% - 2em);
	display: flex;
	flex-flow: column nowrap;
}

#reg-wrapper .entry
{
	padding: 0.5ex 0;
}

#reg-wrapper .tween
{
	padding: 2ex 0;
}

#reg-wrapper form label
{
	display: inline-block;
	width: 15em;
	float: left;
	clear: both;
	padding: 1ex 0 0;
}

#reg-wrapper div.radio-group {
	float: left;
	width: 20em;
	max-width: 100%;
}

#reg-wrapper form input:not([type=radio]),
#reg-wrapper form select,
#reg-wrapper form div.hint
{
	float: left;
	width: 20em;
	max-width: 100%;
}

#reg-wrapper form input:disabled
{
	opacity: 0.5;
}

.error
{
	clear: both;
	float: left;
	padding: 0.75ex 0 1ex 15.25em;
	color: #800;
}

#reg-wrapper #olTitle
{
	width: 7em;
}

#reg-wrapper #plz,
#reg-wrapper #olShippingZip
{
	width: 5em;
	margin-right: 0.5em;
}

#reg-wrapper #ort,
#reg-wrapper #olShippingCity
{
	width: 14em;
}

#reg-wrapper #land
{
	width: 20.5em;
}

#reg-wrapper .hint
{
	clear: both;
	width: 25em;
	padding: 0.5ex 0 1ex 15em;
}

#reg-wrapper #landSchweiz
{
	margin-top: 1ex;
	margin-left: 1.5ex;
}

#reg-wrapper #lieferChk
{
	width: auto;
}

#reg-wrapper #lieferWieRechnung
{
	float: left;
	position: relative;
	top: 0.7ex;
	left: 5px;
	width: auto;
}

#reg-wrapper #submitNewUser
{
	width: auto;
}

@media only screen and (max-width: 768px)
{
	#reg-wrapper form label
	{
		width: 10em;
	}

	#reg-wrapper .hint
	{
		padding-left: 10em;
	}
}

@media only screen and (max-width: 672px)
{
	#reg-wrapper form label
	{
		width: 15em;
	}

	#reg-wrapper .hint
	{
		padding-left: 15em;
	}
}

@media only screen and (max-width: 576px)
{
	#reg-wrapper form label
	{
		font-size: 10pt;
		padding: 0 0 3px 0;
	}

	#reg-wrapper form label[for="lieferChk"]
	{
		width: auto;
		position: relative;
		top: 3px;
		padding-right: 1em;
	}

	#reg-wrapper .entry
	{
		display: flex;
		flex-flow: column wrap;
	}

	#reg-wrapper .hint
	{
		padding-left: 0;
	}

	#reg-wrapper #submitNewUser
	{
		width: 9em;
	}
}

@media only screen and (max-width: 344px)
{
	#reg-wrapper #plz,
	#reg-wrapper #olShippingZip
	{
		width: 3em;
	}

	#reg-wrapper #ort,
	#reg-wrapper #olShippingCity
	{
		width: calc(100% - 4.15em);
	}
}