@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../uploads/et-fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../uploads/et-fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../uploads/et-fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../uploads/et-fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../uploads/et-fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.html {
	height: 100vh;
	margin: 0;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	-webkit-overflow-scrolling: touch;	
}
.body {
	font-family: 'Open Sans', Verdana, "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

header {
	background-color: #64a11d;
	display: block;
}

footer {
	background-color: gray;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	vertical-align: center;
	display: block;
}

.form-control {
	font: 75% sans-serif;
	height: 30px;
}

.form-check {
	font: 10%;
	height: 10px;
}

.imgheight {
	height: 12px;
}


.infoanschrift {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: white;
	display: none;
	position: relative;
	box-shadow: 10px 5px gray;
	border-radius: 10px;
	border: #8ac931 solid 5px;        
}

label {
	margin-bottom: -5px;
}

.form-control-label {
	font-size: 14px;
}

.form-group {

}

.widthFormGroup {
	width: 100%;
	margin-bottom: 4px;
}

.readonlyBackground:-moz-read-only {/* For Firefox */
	background-color: white;
}

.readonlyBackground:read-only {
	background-color: white;
}

#circle {

	width: 200%;
	height: 40px;
	padding-left: 5%;
	line-height: 40px;
}

.circleback {
	background: #81be37;
}

.card1 {
	width: 25%;
}

#box {

	width: 100%;
	height: 40px;
	padding-left: 15%;
	line-height: 40px;
}

.boxback {
	background: gray;
}

.weiter {
	background: #81be37;
	font-weight: bold;
}

.topheader {
	//font-size: 16px;
}

.buttonmargin {
	margin-bottom: 10px;
}

.topmargin {
	margin-top: 10px;
}

.margin {
	padding: 10px;
}

.thpadding {
	padding: 10px;
}

.infotext {
	font-size: 16px;
	text-align: center;
	width: 100%;
}

.jumbotron {
	padding: 10px;
        max-height: 1500px;
        overflow-y: auto;
}

.noshow {
	display: none;
}

.rowheight {
	height: 120px;
}

.cardheaderbackground {
	background: #282828;
	color: white;
}

.cardfooterbackground {
	background: #81be37;
	color: black;
}

.cardfooterbeantragenbackground {
	background: gray;
	color: white;
}

.backgroundtop {
	background: #282828;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.backgroundtopunten {
	background: #75a5e5;
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.cardneutral {
	background: white;
	color: black;
}

.cardfooterbeantragenselectedbackground {
	background: green;
	color: white;
}

.pointer {
	cursor: pointer;
}

.pointerhaft {
	cursor: pointer;
}

.pointerkasko {
	cursor: pointer;
}

.pointerhaftkasko {
	cursor: pointer;
}

.hidetarif {
	display: none;
}

.showtarif {
	display: display;
}

.leistungsbeschreibung {
	color: #0094d5;
	font-size: 16px;
	font-weight: bold;
}

.infotext {
	font-size: 16px;
	font-weight: bold;
}

.centerimg {
	vertical-align: middle;
}

.required {
	background: #ffc9ca;
}

.foreground {
	z-index: 100;
}

.popup {
	display: none;
	position: fixed;
	padding: 10px;
	width: 280px;
	left: 50%;
	margin-left: -150px;
	height: 180px;
	top: 15em;
	margin-top: -100px;
	z-index: 10000;
}

#pop-up {

}

#pop-up-content {
	font-size: 10px;
	overflow-y: auto;
	max-height: 400px;
	z-index: 10000;
}

.close-btn {
	border: 2px solid #c2c2c2;
	position: relative;
	padding: 1px 5px;
	top: -30px;
	background-color: white;
	border-radius: 20px;
}

.bubble {
	position: absolute;
	width: 400px;
	max-width: 400em;
	padding: 20px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #8ac931 solid 5px;
	word-wrap: break-word;
}

.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	left: -15px;
	top: 19px;
}

.bubble:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 18px 18px 18px 0;
	border-color: transparent #8ac931;
	display: block;
	width: 0;
	z-index: 0;
	left: -22px;
	top: 16px;
}

div.tariflabel {
	background: #989898;
	margin-top: 40px;
}

input[name=amount] {
	display: none
}
.beantragen {
	list-style-type: none;
	margin: 25px 0 0 0;
	padding: 0;
}
.beantragen li {
	float: left;
	margin: 0 5px 0 0;
}
.beantragen label {
	padding: 5px;
	cursor: pointer;
	-webkit-appearance: button;
	/* WebKit */
	-moz-appearance: button;
	/* Mozilla */
	-o-appearance: button;
	/* Opera */
	-ms-appearance: button;
	/* Internet Explorer */
	appearance: button;
	/* CSS3 */
}
.beantragen label:hover {
	background: red;
}

.h3 {
	font-size: 15px;
	font-weight: bold;
}

.bordercard {
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	border-color: #282828;
}

.bordercardtrenner {
	border-style: groove;
	border-width: 0px 0px 1px 0px;
	border-color: #282828;
}

.borderheadercard {
	border-style: solid;
	border-width: 10px;
	border-color: #e6e9ed;
}

.card-img {
	width: 3em;
	float: left;
	display: block;
	margin: 3px auto auto;
}

th {

}

td {

}

#topangebot {
	position: relative;
	width: 450px;
	visibility: visible;
	float: right;
	z-index: 2;
}

/* For Firefox
 input[type='number'] {
 -moz-appearance: textfield;
 }

 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
 }
 */
.no-spinners {
	-moz-appearance: textfield;
}

.no-spinners::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.btn {
	border-radius: 0;
}

.frage {
	font-size: 13px;
	font-weight: bold;
}

.unterfrage {
	font-size: 13px;
}

.antwort {
	font-size: 12px;
}

.jumbotronhelper {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: white;
	border-radius: .3rem
}

#betragrow {
	height: 60px;
}

.popuptarif {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.75);
	z-index: 2147483647;
}

/* Inner */
.popuptarif-inner {
	max-width: 400px;
	width: 90%;
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0px 2px 6px rgba(0,0,0,1);
	border-radius: 3px;
	background: red;
	color: black;
        z-index: 9;
}

/* Close Button */
.popuptarif-close {
	width: 30px;
	height: 30px;
	padding-top: 4px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	transition: ease 0.25s all;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	border-radius: 1000px;
	background: rgba(0,0,0,0.8);
	font-family: 'Open Sans', Verdana, "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", sans-serif;
	font-size: 20px;
	text-align: center;
	line-height: 100%;
	color: #fff;
        z-index: 2147483647;
}

.popuptarif-close:hover {
	-webkit-transform: translate(50%, -50%) rotate(180deg);
	transform: translate(50%, -50%) rotate(180deg);
	background: rgba(0,0,0,1);
	text-decoration: none;
}

@media screen all (max-width: 768px) {
	input[type="text"] {
		font-size: 14px;
	}

	h2 {
		font-size: 18px;
	}

	

	small {
		font-size: 6px;
	}

	th {
		font-size: 10px;
	}

	.leistungsbeschreibung {
		color: #0094d5;
		font-size: 12px;
		font-weight: bold;
	}

	.headerleistungsvergleich {
		background-color: #ecebeb;
	}

	.cardheaderbackground {
		background: #282828;
		color: white;
		font-size: 10px;
	}

	.infotext {
		font-size: 11px;
		font-weight: bold;
	}

	.card-img {
		width: 2em;
		float: left;
	}

	.frage {
		font-size: 7px;
		font-weight: bold;
	}

	.antwort {
		font-size: 6px;
	}

	.unterfrage {
		font-size: 7px;
	}

	.popup {
		display: none;
		position: fixed;
		padding: 10px;
		width: 280px;
		left: 50%;
		margin-left: -80px;
		height: 180px;
		top: 15em;
		margin-top: -100px;
		z-index: 10000;
	}

	.bubble {
		position: absolute;
		width: 220px;
		max-width: 220em;
		padding: 20px;
		background: #FFFFFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: #8ac931 solid 5px;
		word-wrap: break-word;
	}

	.btn {
		font-size: 11px;
		font-weight: bold;
	}

	.btn-primary {
		font-size: 11px;
		font-weight: bold;
	}

	.btn-block {
		font-size: 11px;
		font-weight: bold;
	}

	#betrag {
		font-size: 10px;
	}

	#betragrow {
		height: 80px;
	}

	.topheader {
		font-size: 9px;
	}
}

@media all and (max-width: 468px) {
    
    h1 {
		font-size: 26px;
	}

    
	input[type="text"] {
		font-size: 14px;
	}

	h2 {
		font-size: 18px;
	}

	

	small {
		font-size: 6px;
	}

	th {
		font-size: 10px;
	}

	.leistungsbeschreibung {
		color: #0094d5;
		font-size: 8px;
		font-weight: bold;
	}

	.headerleistungsvergleich {
		background-color: #ecebeb;
	}

	.cardheaderbackground {
		background: #282828;
		color: white;
		font-size: 8px;
	}

	.infotext {
		font-size: 10px;
		font-weight: bold;
	}

	.card-img {
		width: 2em;
		float: left;
	}

	.frage {
		font-size: 7px;
		font-weight: bold;
	}

	.antwort {
		font-size: 6px;
	}

	.unterfrage {
		font-size: 7px;
	}

	.popup {
		display: none;
		position: fixed;
		padding: 10px;
		width: 280px;
		left: 50%;
		margin-left: -80px;
		height: 180px;
		top: 15em;
		margin-top: -100px;
		z-index: 10000;
	}

	.bubble {
		position: absolute;
		width: 220px;
		max-width: 220em;
		padding: 20px;
		background: #FFFFFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: #8ac931 solid 5px;
		word-wrap: break-word;
	}

	.btn {
		font-size: 6px;
		font-weight: bold;
	}

	.btn-primary {
		font-size: 6px;
		font-weight: bold;
	}

	.btn-block {
		font-size: 6px;
		font-weight: bold;
	}

	#betrag {
		font-size: 16px;
	}

	#betragrow {
		height: 100px;
	}

	.topheader {
		font-size: 10px;
	}
}