/*##################################################################################*/
/*################################# Eingabeblock   #################################*/
/*##################################################################################*/

#Nav_Anzeige_Foerdersumme_Icon {
    float: left;
    margin-top: -2px;
    margin-right: 5px;
    font-size: 22px;
}

/*Selects*/
.sel_description_Custom {
    width: calc(100% - 65px);
    margin-left: -15px;
    text-align: right;
}

.sel_icon_help {
    float: right;
    margin-top: -2px;
    margin-right: -5%;
}

.sel_txt_custom {
    width: calc(100% - 65px);
    height: 50px;
    padding-left: 30px;
    margin-left: -15px;
}

/*Options*/
.sel_opt_angepasst{
    margin-top: 70px;
    margin-left: 80px;
    width: calc(100% - 80px);
	max-height: 185px;
}

.opt_wp_typ {
	float: left;
}

.opt_wp_typ_name {
	width: 70%;
	float: left;
}

.opt_wp_typ_foerderung {
	width: 30%;
    float: left;
    text-align: right;
    color: darkgrey;
    font-size: 13px;
    font-weight: normal;
}

/* Modal Eingabe Kosten*/
.sel_description_modal {
    width: 100%;
    text-align: left;
    margin: 10px 0px 0px 0px;
}

.sel_txt_modal {
    width: 100%;
    height: 35px;
    margin: 0px 0px 20px 0px;
    background-color: white !important;
}

/*Icons*/
.icon-rahmen {
    height: 80px;
    width: 80px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background-color: white;
    float: left;
    padding: 10px;
    position: relative;
    z-index: 2;
    margin-top: 5px;
}

.icon_sanierung:before{
    font-family: "stiebel-icons";
    content: "\E036";
}

.icon_flaeche:before{    
    font-family: "stiebel-icons";
    content: "\E021";    
}

.icon_baujahr:before{    
    font-family: "stiebel-icons";
    content: "\E001";    
}

.icon_heizlast:before{    
    font-family: "stiebel-icons";
    content: "\E043";    
}

.icon_waermepumpe:before{    
    font-family: "stiebel-icons";
    content: "\E010";    
}

.icon_qualitaetscheck:before{
    font-family: "google_icons";
    content: "\E8E8";
}

.icon_waermequelle_luft:before{
    font-family: "google_icons";
    content: "\E2BD";
}

.icon_waermequelle_erdreich:before{
    font-family: "stiebel-icons";
    content: "\E04D";
}

.icon_waermequelle_grundwasser:before{
    font-family: "stiebel-icons";
    content: "\E052";
}

.icon_wassertropfen:before{
    font-family: "stiebel-enev";
    content: "\006E";
}

.icon_cop:before{
    font-family: "google_icons";
    content: "\E922";
}

.icon_lueftung:before{
    font-family: "stiebel-icons";
    content:"\E03E";
}

.arrow_down_custom:before{
    font-size: 16px;
    margin-top: 30px;
    margin-left: -30px;
}

.arrow_up_custom:before{
    font-size: 16px;
    margin-top: 30px;
    margin-left: -30px;
}

/*##################################################################################*/
/*################################ Ergebnisblock   #################################*/
/*##################################################################################*/

.ergebnisseite_kachel_foerderung {
    width: 25%;
    float: left;
    padding: 40px;
    text-align: center;
}

.ergebnisseite_kachel_foerderung_value {
    font-size: 50px;
    margin-bottom: 34px;
    font-family: F2F-Regular,Helvetica,Arial,sans-serif;
}

.ergebnisseite_kachel_foerderung_label {
    float: left;
    width: 100%;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.ergebnisseite_kachel_foerderung_label_2 {
    float: left;
    width: 100%;
    margin-top: 30px;
    hyphens: auto;
    text-align: justify;
    font-size: 14px;
}

.Kachel_Ergebnis {
    width: 100%;
    padding: 25px;
    margin-bottom: 50px;
	box-shadow: none;
}

.Kachel_Ergebnis:hover {
	box-shadow: none !important;
}

.Ergebniskachel_Label_1 {
    font-family: F2F-Regular;
    font-size: 28px;
    float: left;
    width: 75%;
    margin-bottom: 10px;
    line-height: normal;
}

.Ergebniskachel_Value_1 {
    font-family: F2F-Regular;
    font-size: 28px;
    float: left;
    width: 25%;
    text-align:right;
    margin-bottom: 10px;
    line-height: normal;
}

.Ergebniskachel_Label_2 {
    font-size: 16px;
    font-family: STEInfoWeb;
    color: #777;
    float: left;
    margin-top: 10px;
    width: 75%;
}

.Ergebniskachel_Value_2 {
    font-size: 16px;
    font-family: STEInfoWeb;
    color: #777;
    float: left;
    text-align:right;
    margin-top: 10px;
    width: 25%;
}

.Ergebniskachel_Label_3 {
    float: left;
	width: 100%;
	margin-top: 25px;
    padding: 20px;
	line-height: 25px;
}

#Eingabe_JAZ_Manuell:hover {
    cursor:pointer;
}

/*##############################################################################################*/
/*################################ Ergebniskachel WP-Daten  ####################################*/
/*##############################################################################################*/

.Bilderrahmen {
    width: 250px;
    height: 250px;
    float: left;
    margin: 15px;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Bilderrahmen img {
    max-width: 200px;
    max-height: 200px;
    
}

#Ergebnisblock_WP_Leistungsdaten {
    margin-top: 30px;
    margin-left: 60px;
    float: left;
    width: calc(100% - 350px);
}

.Ergebniskachel_Label_Leistung {
    font-size: 18px;
    font-family: STEInfoWeb;
    color: #777;
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-right: 15px;
    line-height: normal;
    width: 50%;
}


.Ergebniskachel_Value_Leistung {
    font-size: 18px;
    font-family: STEInfoWeb;
    color: #777;
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-right: 15px;
    line-height: normal;
    width: 40%;
}

#Ergebnis_WP_FP_Text {
    float: left;
    font-size: 15px;
    font-family: STEInfoWeb;
    color: #777;
    text-align: left;
    margin: 15px;
}

/*##################################################################################*/
/*####################### Anpassungen responsive   #################################*/
/*##################################################################################*/

@media screen and (max-width: 380px) {
	.Ergebnis_Rahmen_Pic {width:90% !important; margin-left:5% !important; margin-right:5% !important;}
	.Ergebnis_Rahmen_Text {width:90% !important; margin-left:5% !important; margin-right:5% !important;margin-bottom: 12px !important;}
	.Ergebnis_Auswahl {float:left !important; margin-left:12px;}
}

@media screen and (max-width: 540px) {
    .Ergebniskachel_Label_1 {width:60%; margin-left:0px;}
    .Ergebniskachel_Label_2 {width:60%; margin-left:0px;}
    .Ergebniskachel_Value_1 {width:40%; margin-right:0px;}
    .Ergebniskachel_Value_2 {width:40%; margin-right:0px;}
}

@media screen and (max-width: 670px) {
	.header-logo {margin-top:14px !important; margin-right:calc(50% - 75px)}
	#header-homebutton {display:none;}
	.Ergebniskachel_Label_1 {width:100% !important;}
	.Ergebniskachel_Label_2 {width:100% !important;}
	.Ergebniskachel_Value_1 {width:100% !important; text-align: left !important;}
	.Ergebniskachel_Value_2 {width:100% !important; text-align: left !important; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
	.teaser_homepage {width:100% !important; margin: 20px 0px !important;}
    #Ergebnisblock_WP_Leistungsdaten {width:100%; margin-left:0px; margin-bottom: 30px;}
    .ergebnisseite_kachel_foerderung { width: 100% }
}

@media screen and (max-width: 1024px) {
	.sel_icon_help {display:none}
}

@media screen and (max-width: 1250px) {
    #Nav_Leiste_Foerdersumme {display: none;}
	#Banner_Foerdersumme_Responsive {display: block !important;}
}

#Banner_Foerdersumme_Responsive {
    display: none;
    position: fixed;
    color: white;
    background-color: #333;
    box-shadow: 0px 0px 10px 3px lightgrey;
    z-index: 99;
    height: 50px;
    width: 100%;
    overflow-y: auto;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding-top: 17px;
    font-family: F2F-Regular, Helvetica, Arial, sans-serif;
}

/*#########################################################################################*/
/*################################### Projektverwaltung ###################################*/
/*#########################################################################################*/

/*Checkboxen Links*/
#label_Druck_chk_1 {display: inline-block}		/*Deckblatt*/
#label_Druck_chk_2 {display: inline-block}		/*Fördersummen*/
#label_Druck_chk_3 {display: none}
#label_Druck_chk_4 {display: none}
#label_Druck_chk_5 {display: none}
#label_Druck_chk_6 {display: none}
#label_Druck_chk_7 {display: none}
#label_Druck_chk_8 {display: none}

/*Checkboxen Rechts*/
#label_Druck_chk_9 {display: inline-block}		/*Wärmepumpendaten*/
#label_Druck_chk_10 {display: inline-block}	    /*Hinweistexte*/	
#label_Druck_chk_11 {display: none}
#label_Druck_chk_12 {display: none}
#label_Druck_chk_13 {display: none}
#label_Druck_chk_14 {display: none}
#label_Druck_chk_15 {display: none}
#label_Druck_chk_16 {display: none}