@CHARSET "UTF-8";


div,p,h1,h2,h3,h4,ul {
	margin: 0;
	padding: 0
}


@font-face {
	font-family: 'Avenir-Medium';
	src: url(../fonts/34BA44_1_0.eot);
	src: url(../fonts/34BA44_1_0.eot#iefix) format("embedded-opentype"), url(../fonts/34BA44_1_0.woff2) format("woff2"), url(../fonts/34BA44_1_0.woff) format("woff"), url(../fonts/34BA44_1_0.ttf) format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: 'Avenir-Medium';
	src: url(../fonts/34BA44_0_0.eot);
	src: url(../fonts/34BA44_0_0.eot#iefix) format("embedded-opentype"), url(../fonts/34BA44_0_0.woff2) format("woff2"), url(../fonts/34BA44_0_0.woff) format("woff"), url(../fonts/34BA44_0_0.ttf) format("truetype");
	font-weight: 600;
}

@font-face {
	font-family: 'Avenir-Medium';
	src: url(../fonts/34BA44_2_0.eot);
	src: url(../fonts/34BA44_2_0.eot#iefix) format("embedded-opentype"), url(../fonts/34BA44_2_0.woff2) format("woff2"), url(../fonts/34BA44_2_0.woff) format("woff"), url(../fonts/34BA44_2_0.ttf) format("truetype");
	font-weight: 700;
}


body{
	font-family: Avenir-Medium, sans-serif;
	color: #072c5f;
}


select{
	text-align: center;
	text-align-last:center;
	-moz-text-align-last: center;
}


.btn {
	border: 0;
	border-radius: 0;
}

.btn.btn-primary {
	background-color: #072c5f;
	border-color: #072c5f;
	padding: 13px 32px 11px;
	-webkit-clip-path: polygon(19px 0,100% 0,100% 100%,0 100%,0 16px);
	clip-path: polygon(19px 0,100% 0,100% 100%,0 100%,0 16px);
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
	opacity: .75;
}



body#opioidrechner {
	background: #cdd5df;
}

#opioidrechner .row .col-sm-6 {
	margin-bottom: 20px;
}

#opioidrechner .auswahl_block {
	background: #072C5F;
	padding: 30px 0px 10px 0px;
	color: #fff;
}

#opioidrechner .auswahl_block select.form-control{
	width: 300px;
	border-radius: 0;
	background-color: #ecf0f2;
	color: #072c5f;
}

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: linear-gradient(65deg, transparent 50%, #072C5F 50%), linear-gradient(115deg, #072C5F 50%, transparent 50%);
	background-position: calc(100% - 15px) center, calc(100% - 10px) center, calc(100% - 2.5em) center;
	background-size: 6px 10px, 6px 10px, 1px 1.5em;
	background-repeat: no-repeat;
}

#opioidrechner .ergebnis_block {
	background: #81c920;
	padding: 30px 30px 10px 30px;
}

#opioidrechner .rechner_label {
	font-size: 20px;
	display: inline-block;
	margin-bottom: 7px;
}

#opioidrechner .ergebnis_block .rechner_label {
	color: #072C5F;
}

#opioidrechner .ergebnis_block .ergebnis_feld {
	display: inline-block;
	background-color: #ffffff;
	border-radius: 0;
	height: 30px;
	width: 120px;
	padding-top: 5px;
}