_html { font-size: 13px; }

@media all and ( min-width: 350px ) { _html { font-size: 14px } }
@media all and ( min-width: 400px ) { _html { font-size: 15px } }



_body {
	background-color: #edefef;
}

.T5137 .maxwidth {
	max-width: 500px;
	margin: 1rem auto;
}

@media all and ( max-width: 500px ) { .T5137 .maxwidth { max-width: auto; width: 100%; } }


._logo {
	background: #bf111b;
	max-width: 7rem;
	padding: 0.7rem 1rem 0.4rem 1rem;
	border-radius: 0.3rem;
	margin: 1.5rem auto;
}

.section {
	background: #fff !important;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
	padding: 0.8rem 1rem 0.5rem 1rem ;
	margin: 0.8rem;
	border-radius: 0.7rem;
}

.hidden {
	display: none !important;
}


.section h2 {
	margin: 0 0 0.7rem 0;
	font-size: 1.1rem;
}

.section h2 span {
	float: right;
	color: #999;
}

.section > .note {
	margin: 0.5rem 0 0.5rem 0;
	font-size: 0.9rem;
	color: #999;
}

.section > .note.center { text-align: center; padding: 0 1rem; }

.section > .info {
	margin: 0.5rem 0 0.8rem 0;
	font-size: 1rem;
	line-height: 1.3;
	color: #666;
}

.section > .info b {
	color: #000;
}



.section .buttons { padding: 0.5rem 0;  }
.section .buttons.tborder { border-top: 1px solid #ddd; }
.section .buttons .inner { display: flex; margin-right: -0.5rem; margin-bottom: 0.3rem; }
.section .buttons .inner > * { flex: 1; margin-right: 0.5rem; }



.section .buttons.large .inner { flex-direction: column; margin: 0; display:  flex; }
.section .buttons.large .inner > * { margin: 0; margin-bottom: 0.5rem;}

.buttons.radio input[type=radio] { display: none; }

.buttons.radio input[type=radio] + label {
	cursor: pointer;
	background: #ddd;
	color: #999;
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	text-align: center;
	line-height: 1;
	font-size: 0.95rem;
}

.buttons.radio.big input[type=radio] + label {
	font-size: 1.5rem;
} 

.buttons.radio input:checked + label {
	background: #0076BA;
	font-weight: bold;
	color: #fff;
}

.buttons.radio.large label { display: flex; flex-direction: row; justify-content: space-between; }
.buttons.radio.large label .label {
	align-self: center;
	font-size: 1.2rem;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
}

.buttons.radio.large label .info {
	align-self: center;
	font-size: 0.9rem;
	line-height: 1.3;
	text-align: right;
	font-weight: normal;
	padding-left: 1rem;
}


.produkte {  }
.produkte .row { display: flex; justify-content: space-between; padding: 0.3rem 0;  }
.produkte .row.tborder { border-top: 1px solid #ddd; }
.produkte .row .col1 { display: flex;  }
.produkte .row .col1 .hinweis { font-size: 0.9rem; line-height: 1.6; color: #999;  }
.produkte .row .col1 .text { font-size: 0.9rem; line-height: 1.6; color: #0076BA; }
.produkte .row .col2 { line-height: 1.4;  }
.produkte .row .col2 .betrag.bold { font-weight: bold;   }
.produkte .row .col2 .betrag.big { font-size: 1.4rem;   }

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background-color: transparent;
	border-radius: 0;

	cursor: pointer;
	font-size: 1rem;
	color: #0076BA;
	font-weight: bold;
	padding-right: 0.7rem;
	margin-right: 0.5rem;

	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' fill='%230076BA'></polygon></svg>");
	background-origin: content-box;
	background-position: right -0.7rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
}

.buttons select { 
	background-color: #ddd;
	padding: 0.4rem 1.5rem 0.4rem 1rem;
	border-radius: 0.4rem;
}


input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background-color: #ddd;
	border-radius: 0.4rem;
	padding: 0.4rem 1rem;
	color: #0076BA; !important;
	font-weight: bold;
	font-size: 1rem;
	width: 100%;
}

input::placeholder { font-weight: normal; color: #999;  opacity: 1; }
input:-ms-input-placeholder { font-weight: normal; color: #999; }
input::-ms-input-placeholder { font-weight: normal; color: #999; }



.section .flex-table { border-top: 1px solid #ddd; padding-top: 0.5rem; }
.section .flex-table .row { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
.section .flex-table .row > * { margin-right: 1rem; }
.section .flex-table .row .col1 { flex: 1; color: #999; font-weight: bold; margin-right: 1rem; }
.section .flex-table .row .col2 { flex: 2; color: #0076BA; font-weight: bold; }





input[type=submit] {
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background-color: #1DB100;
	border-radius: 0.4rem;
	padding: 0.7rem 1rem;
	color: #fff; !important;
	font-weight: bold;
	font-size: 1.5rem;
	width: 100%;
}


.footer  {
	text-align: center;
	color: #999;
	margin: 0 1rem;

}
.footer a {
	font-size: 0.9rem;
	display: inline-block;
	color: #999;
	margin: 0 0.5rem;
	text-decoration: none;

}