/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



BODY {
	margin: 0;padding:0;
	font-family: 'Roboto', sans-serif; font-size:16px;
	background:url(https://gewerbe.carl-rieck.info/header-top.png) no-repeat;
	background-size: 1000px auto; background-position:top 30px left
}


SELECT { font-size: 0.9em; }

HEADER { text-align: left; display: block }
a, a:hover {color:#bc3f48; text-decoration:none}

h1,h2 {color:#80a9c0; font-weight:lighter; font-size:30px; margin:0}
h1 {margin-top:25px}
h3 {color:#bc3f48; font-weight:lighter; font-size:22px; margin:0}
input {height:30px; margin-bottom:10px; width:250px; border:1px solid #80a9c0}
input[type="checkbox"] {height:auto; width:auto; margin-bottom:0}
input[type="radio"] {height:auto; width:auto; margin-bottom:0}
input:focus {border:1px solid #000}
input.inline {border:0px!important}

.abst { padding-left: 25px;}
.floating { float: left;}
.hideme { display: none }
.maxwidth { width: 100%; }
.center { text-align: center; }
.droparea {padding: 10px;text-align:left; margin-top: 10px; }

.headline { font-size: 20px; }
.subtext,.subtext1  { font-size: 0.7em; }
.subtext span {color:#bc3f48; font-weight:bold}
.subtext1 span {color:#80a9c0; font-weight:bold}

.wrapper {width:1280px; max-width:100%; margin:auto; background:url(https://gewerbe.carl-rieck.info/point.png) no-repeat; background-position:top 30px right}

.logo {max-height:100px; margin-top:15px; margin-bottom:50px}
.daten {width:100%}
.daten td {vertical-align:top}
.hinweise {background:#e1edf4; padding:25px 40px; font-size:14px}
.versicherung {width:100%; margin:20px 0}
.versicherung td {width:47%; padding-right:3%}

.rechnung {}
.rechnung td {padding-right:20px; vertical-align:top}
input#summe {font-size:24px; margin-top:2px; width:150px}

.gesamtbetrag {color:#80a9c0; font-size:20px; line-height:40px;font-weight:bold; }
.netto {font-weight:bold; font-size:20px; line-height:40px}

.zzgl {font-size:12px}
.satz {color:#999; font-size:24px; padding-top:4px}
.beitragssatz {display:none}


.zahlungsweise {margin:8px 0}
.teilbetrag span {background:#e1edf4; font-size:40px; padding:8px 0 8px 12px;}

.footer {font-size:14px; padding:30px 0; text-align:center; line-height:22px}
.footer a {font-size:14px; color:#000; text-decoration:underline}
.rechtliches {text-align:center;padding:0 0 30px; color:#ddd}
.rechtliches a {font-size:16px; text-decoration:none; color:#80a9c0}

#hideelektronik strong {display:block}

.anwendungsbereich {width:100%; padding:15px 0}
.anwendungsbereich td {vertcal-align:top}
.anwendungsbereich td:nth-child(1) {width:500px}


ul#fileuploadoutput-listing01  {margin:0; padding:0; list-style:none}

.progressBar p {background:#fff!important}
.link {padding:80px 0}

.link a {
border: 1px solid #fff;
background: #bc3f48;
padding: 15px 25px;
text-align: center;
width: auto!important;
color:#fff;
font-size:24px;
cursor:pointer;
text-decoration:none!important
 }

.select-wrapper {
  width: 100%;
  position: relative;
}


select {
 -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  background: #e1edf4;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
   cursor: pointer;
}

.select-wrapper.anrede{
  width: 504px;
  position: relative;
}

select.anrede {width:254px; height:35px; margin-bottom:10px}

select::-ms-expand {
  display: none;
}
select:focus::-ms-value {
  background-color: transparent;
}

select option {
  color: #666;
}


.select-wrapper:before {
  pointer-events: none;   
  width: 20px;
  content: " - ";
  background-image: url(https://gewerbe.carl-rieck.info/arrow.png);
  position: absolute;
  right: 10px;
  top: 10px;
  color:#e1edf4
}


div.button {
	display: inline-block!important;
	border-radius: 0px;
	border: 1px solid #fff;
	background: #bc3f48;
	padding: 15px 25px;
	text-align: center;
	width: auto!important;
	color:#fff;
	font-size:24px;
	transition: background-color 0.5s ease;
	cursor:pointer
}
	
div.button:hover {
	border: 1px solid #fff;
	background: #A63740;
}

div.button1 {
	display: inline-block!important;
	border-radius: 0px;
	border: 1px solid #fff;
	background: #e1edf4;
	padding: 5px 9px;
	text-align: center;
	width: auto!important;
	color:#000;
	font-size:14px;
	transition: background-color 0.5s ease;
	cursor:pointer
}
	
div.button1:hover {
	border: 1px solid #fff;
	background: #e1edf4;
}

.disabled {background:#ebebeb!important; cursor:default!important}


.block {
	background: #88fff88;
	display: block;
	width: 100%;
}

.container {
	display: inline-block;
	padding: 0;
	border-radius: 10px;
	width: 100%;
}


.filler {
	min-width: 250px;
	display: inline-block;
}

.fillerrisiko {
	min-width: 245px;
	display: inline-block;
}

.errormessage {
	background: #bc3f48;
	border: 1px solid #FF0000;
	padding: 1em;
	text-align: center;
	color: white;
	display: block;
	border-radius: 0px;
	margin-top: 1em;
	margin-bottom: 30px;
}

#summe {
	text-align: right;
}


.berechnung .topheader {
	font-weight: 100;
	font-size: 0.7em;
}

span.zellheader {
	text-align: left;
	font-weight: 100;
}

.berechnung .zelle {
	display: block;
	float: left;
	margin-right: 20px;
	width: auto;
}


.berechnung .zelle > div {
	display: block!important;
	width: auto!important;
	text-align: right!important;
	height: 2em;
}

.berechnung > span {
	text-align: left;
}


.right {padding-left:30px}

@media (min-width:2500px) {
body {background-size: 1250px auto; }
}

@media (max-width:1800px) {
body {background-size: 800px auto; background-position:top 70px left}
}

@media (max-width:1400px) {
body {background-size: 600px auto;background-position:top 60px left}
.wrapper {width:1000px;}
}


@media (max-width:1200px) {
body {background-size: 500px auto;background-position:top 70px left}
.logo {max-height:85px; margin-bottom:35px}
.wrapper {width:90%;}
input {width:200px; }
.select-wrapper.anrede{width: 454px;}
select.anrede {width:204px;}
}

@media (max-width:1050px) {
input {width:150px; }
.select-wrapper.anrede{width: 404px;}
select.anrede {width:154px;}
}

@media (max-width:1000px) {
body {background-size: 400px auto}
.daten td {width:100%; display:block}
.daten td:nth-child(2) {margin-top:25px}
.versicherung td {width:70%; padding-right:0%; display:block; margin-bottom:15px}
.right {padding-left:0px}
input {width:400px; }
.select-wrapper.anrede{width: 654px;}
select.anrede {width:404px;}
}

@media (max-width:750px) {
input {width:100%;margin-bottom:20px;}
.select-wrapper.anrede{width: 100%;}
.select-wrapper.anrede:before {top: 30px;}
select.anrede {width:100%;}
.laufzeit input {width:70%}
.laufzeit em {width:30%}
.anwendungsbereich td:nth-child(1) {width:65%;}
.anwendungsbereich td {padding:0px 20px 10px 5px}
}


@media (max-width:500px) {
body {font-size:14px;}
.logo {max-height:60px;}
body {background-size: 80% auto;}
h2 {font-size:22px}
h3 {font-size:18px}
.versicherung td {width:100%;}
.rechnung td {padding-right:10px;}
input#summe {font-size:18px;width:80px}
.gesamtbetrag, .netto {font-size:14px; line-height:40px;font-weight: normal;}
.teilbetrag span {font-size:24px;}
div.button {padding: 8px 14px;	font-size:18px;}
.footer {font-size:12px;padding:10px 0}
.footer {line-height:18px}
.rechtliches a, .footer a {font-size:12px;}
.rechtliches {padding:0 0 15px; }
.rechtliches a {font-size:12px;}
.link {padding:50px 0; margin: auto; width:100%; text-align:center }
.link a {font-size:16px; width:100%}
.hinweise {padding:20px}
.zzgl {font-size:7px}
}

.kleinerfont { font-size: 0.5em!important; }