﻿@import url(//fast.fonts.net/cssapi/36941544-1b9f-4d01-9102-312d493f06c7.css);

body, fieldset.kasten, fieldset.kasten p label {
	font: 15px 'Roboto Condensed',arial,helvetica,lucida,sans-serif;
}

fieldset.kasten p {
	font: 14px 'Roboto Condensed',arial,helvetica,clean,sans-serif;
}

body {
	margin: 0;
	padding: 0;
}

div#gsiegel_absolute {
	top: 104px !important;
}

fieldset.kasten {
	color: #3F3F3E;
	background: #E6E6E6;
}

fieldset.kasten legend {
	background: none;
	width: 100%;
	left: 0;
	margin: 20px 60px 0 13px;
	padding-bottom: 30px;
	box-sizing: border-box;
	
	font-family: 'Roboto Condensed',arial,helvetica,lucida,sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 26px;
	line-height: 56px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #c51718;
}

fieldset.kasten legend:after {
	content: "";
	display: block;
	width: 80px;
	height: 5px;
	margin: 5px 0 0 0;
	background-color: #C9CED4;
}

fieldset.kasten div.info_kasten {
	background-color: #E6E6E6;
	color: #3F3F3E;
}

fieldset.kasten div.info_kasten:hover div {
	background-color: #A51F2B;
	color: #fff;
}

input.aktualisieren, input.report_erstellen, input.bafa_report, input.bafa_form, input.innof_antrag {
	margin-bottom: 10px;
}

input.innof_antrag {
	background: #fab907;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	border:0;
}

input.aktualisieren, input.report_erstellen {
	font: 16px 'Roboto Condensed',arial,helvetica,lucida,sans-serif;
	background: #C51718;
	border: 0;
	color: #fff;
	border-radius: 0px;
	cursor: pointer;
	margin-left: 1.25rem;
}

input.bafa_report, input.bafa_form, input.innof_antrag {
	font: 16px 'Roboto Condensed',arial,helvetica,lucida,sans-serif;
	background: -webkit-linear-gradient(#3F3F3E, #3F3F3E);
	background: -o-linear-gradient(#3F3F3E, #3F3F3E);
	background: -moz-linear-gradient(#3F3F3E, #3F3F3E);
	background: linear-gradient(#3F3F3E, #3F3F3E);
	cursor: pointer;
}

.form-control, .input-group .bootstrap-select.form-control {
	border-radius: 0px;
	border: 1px solid #C51718;
}

.dropdown.form-control {
	border: 0 !important;
}

.input-group-text {
	border-radius: 0px;
	color: #fff;
	border: 1px solid #C51718;
	background: #C51718;
}

.popover {
	border-radius: 0px;
}

fieldset.kasten p input.transparent {
	background: #fff;
}

fieldset.kasten p input,
fieldset.kasten p select {
	font: 15px 'Roboto Condensed',arial,helvetica,lucida,sans-serif;
	color: #3F3F3E;
	padding: 2px;
}

fieldset.kasten p.spacer {
	height: 40px;
}

div.jaz_popup {
	margin: 0;
}

.jaz_popup_oben,
.jaz_popup_unten {
	display: none;
}

div.jaz_popup_mitte {
	background: #e7e8e9 none;
	color: #555;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);

	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

fieldset.kasten p input.klein1 {
	width: 125px;
}

fieldset.kasten p input.mittel {
    width: 235px;
}

fieldset.kasten p select.mittel {
	width: 173px;
}

fieldset.kasten p label {
	width: 180px;
}

fieldset.kasten p input.gross {
	width: 370px;
}

fieldset.kasten p select.gross {
	width: 370px;
}

select[name="wp_waermequelle"] {
	width: 160px !important;
}

#schallrechner fieldset.kasten p input.gross, #schallrechner fieldset.kasten p select.gross {
	width: 360px;
}

#schallrechner fieldset.kasten p input.klein1 {
	width: 138px;
}

#schallrechner fieldset.kasten p input.mittel {
	width: 208px;
}

@media screen and (max-width: 768px) {
	#schallrechner fieldset.kasten legend {
		margin-top: 5px;
	}
}

@media screen and (max-width: 609px) {
	/*body, fieldset.kasten p, fieldset.kasten p label, fieldset.kasten, fieldset.kasten p input, fieldset.kasten p select {*/
		/*font-size: 13px;*/
	/*}*/

	fieldset.kasten legend {
		margin: 0 60px 0 14px;
		font-size: 18px;
	}

	#schallrechner fieldset.kasten legend {
		line-height: 18px;
		margin-top: 5px;
		margin-left: 5px;
	}

	fieldset.kasten p.spacer {
		height: 20px;
	}

	fieldset.kasten p label.md-clear {
		display: block;
	}

	fieldset.kasten p input, fieldset.kasten p select {
		margin-top: 5px;
	}

	input.aktualisieren, input.report_erstellen, input.bafa_report, input.bafa_form, input.innof_antrag {
		margin-bottom: 15px;
	}

	#schallrechner fieldset.kasten p input.klein1 {
		width: 128px;
	}
}

@media screen and (max-width: 426px) {
	fieldset.kasten p input.gross,
	fieldset.kasten p input.klein1,
	fieldset.kasten p input.mittel,
	fieldset.kasten p select.gross,
	fieldset.kasten p select.mittel {
		width:285px;
	}

	#schallrechner fieldset.kasten p input.gross,
	#schallrechner fieldset.kasten p input.klein1,
	#schallrechner fieldset.kasten p input.klein2,
	#schallrechner fieldset.kasten p input.mittel,
	#schallrechner fieldset.kasten p select.gross,
	#schallrechner fieldset.kasten p select.mittel {
		width:245px;
	}

	select[name="wp_waermequelle"] {
		width:285px !important;
	}

	select[name="wp_waermepumpe"] {
		width:250px !important;
	}
}

@media screen and (max-width: 421px) {
	#auswahl_waermepumpen > .abstand_helper {
		height: 12px;
	}
}

@media screen and (max-width: 383px) {
	#auswahl_empfindlichkeitsstufe > .abstand_helper {
		height: 12px;
	}
}

.alert {
	border-radius: 0px;
}

.alert-success {
	background: #c9d1b4 ;
}

.alert-danger {
	background: #e7a2a2;
}