﻿<style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


.fibi{background-color:green}
.farbdunkel{background-color:#1a1a1a}
.farbmittel{background-color:#CD2626}

.farbhell{background-color:#e6e6e6}
.farbweiss{background-color:white}

.textfarbdunkel{color:#410c0c}
.textfarbmittel{color:#CD2626}
.textfarbhell{color:#cfcfcf}
.textfarbweiss{color:white}

.rahmenfarbdunkel{border-color:#410c0c}
.rahmenfarbmittel{border-color:#CD2626}
.rahmenfarbhell{border-color:#cfcfcf}
.rahmenfarbweiss{border-color:white}



.farbbalkenmitte{background-color:#00992B}


p{color:#410c0c; font-size:0.85em}


.button {background-color:; border: solid; border-width:1px; color:white;width:10em;padding:0.5em;height:;text-align: center;text-decoration: none;border-color:white;font-size: 1em;margin: 0.5em;cursor: pointer;}
.button{}
@media (min-width: 544px){.button {background-color:; border: solid; border-width:1px; color:white;width:10em;padding:1em;height:;text-align: center;text-decoration: none;border-color:white;font-size: 2.3em;margin: 0.5em;cursor: pointer;}}
@media (min-width: 768px){.button {background-color:; border: solid; border-width:1px; color:white;width:10em;padding:1em;height:;text-align: center;text-decoration: none;border-color:white;font-size: 2.3em;margin: 0.5em;cursor: pointer;}}
@media (min-width: 992px){.button {background-color:; border: solid; border-width:1px; color:white;width:10em;padding:0.7em;height:;text-align: center;text-decoration: none;border-color:white;font-size: 1em;margin: 0.5em;cursor: pointer;}}
@media (min-width: 1200px){.button {background-color:; border: solid; border-width:1px; color:white;width:10em;padding:0.7em;height:;text-align: center;text-decoration: none;border-color:white;font-size: 1em;margin: 0.5em;cursor: pointer;}}






.button2 {background-color: white;} /* Blue */
.button3 {background-color: white;} /* Red */ 
.button4 {background-color: white;} /* Gray */ 
.button5 {background-color: grey;} /* Black */

.button2text {color: #CD2626;} /* Blue */
.button3text {color: #CD2626;} /* Red */ 
.button4text {color: #CD2626;} /* Gray */ 
.button5text {color: #CD2626;} /* Black */


.titel2 {color: #E26060;} /* Blue */
.titel3 {color: #DA3434;} /* Red */ 
.titel4 {color: #B92222;} /* Gray */ 
.titel5 {color: #8E1A1A;} /* Black */


.vertikalzentrieren {
  display: flex;
  align-items: center;
  justify-content:center;
}

.rechtsausrichten {
  display: flex;
  align-items: center;
  justify-content:left;
}




/*Eigenschaften aller vier Buttons: Anleitung, Schätzen Schätzbericht als PDF, Löschen */
.klickbutton{width:12em;font-size:3.2em;}
@media (min-width: 544px){.klickbutton{width:100%;font-size:3.2em}}
@media (min-width: 768px){.klickbutton{width:100%;font-size:3.2em}}
@media (min-width: 992px){.klickbutton{width:100%;font-size:0.9em}}
@media (min-width: 1200px){.klickbutton{width:100%;font-size:0.9em}}



/* Inputkästchen: Kästchen in welchen sich die Inputfelder befinden */
.spalteinput{}
@media (min-width: 544px){.spalteinput{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;border-bottom:; background-color:white }}
@media (min-width: 768px){.spalteinput{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none; background-color:white }}
@media (min-width: 992px){.spalteinput{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:#e6e6e6 }}
@media (min-width: 1200px){.spalteinput{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:#e6e6e6 }}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait){.spalteinput{border-style: solid; border-color:grey;border-width:2px;border-right:none;border-left:none;border-top:none; }}

/*Textkästchen: Kästchen in welchen sich der Erklärungstext für Eingaben befindet*/

/* Inputkästchen: Kästchen in welchen sich die Inputfelder befinden */
.spalteinputSpcial{}
@media (min-width: 544px){.spalteinputSpcial{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none; border-bottom:none; background-color:white }}
@media (min-width: 768px){.spalteinputSpcial{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none; background-color:white }}
@media (min-width: 992px){.spalteinputSpcial{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:white }}
@media (min-width: 1200px){.spalteinputSpcial{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:white }}


/* Inputkästchen: Kästchen in welchen sich die Inputfelder befinden */
.spalteinputSpcial_2{}
@media (min-width: 544px){.spalteinputSpcial_2{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none; border-bottom:none; background-color:white }}
@media (min-width: 768px){.spalteinputSpcial_2{ border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none; border-bottom:none; background-color:white }}
@media (min-width: 992px){.spalteinputSpcial_2{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:#e6e6e6 }}
@media (min-width: 1200px){.spalteinputSpcial_2{ border-style: solid; border-color:grey;border-width:1px; border-left:none;background-color:#e6e6e6}}

.waehlen_rahmen{}
@media (min-width: 544px){.waehlen_rahmen{ }}
@media (min-width: 768px){.waehlen_rahmen{ }}
@media (min-width: 992px){.waehlen_rahmen{border-style:solid;border-width:1px }}
@media (min-width: 1200px){.waehlen_rahmen{border-style:solid;border-width:1px}}







.spaltetext{}
@media (min-width: 544px){.spaltetext{ padding:0.5em;}}
@media (min-width: 768px){.spaltetext{ padding:0.5em;}}
@media (min-width: 992px){.spaltetext{ padding:0.5em; border-style: solid; border-color:grey;border-width:1px; border-right:none}}
@media (min-width: 1200px){.spaltetext{ padding:0.5em; border-style: solid; border-color:grey;border-width:1px; border-right:none}}


/*Rahmen direkt um Eingbefeld bei den Kurzen einggabefeldern (PlZ Wohnfläche und Parzfläche*/
.inputzahl{border-style: solid; border-color:grey;border-width:1px;}



.Signetspaltenhoehe{}
@media (min-width: 544px){.Signetspaltenhoehe{height:;border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;}}
@media (min-width: 768px){.Signetspaltenhoehe{height:;border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;}}
@media (min-width: 992px){.Signetspaltenhoehe{height:7em;border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;border-bottom:none;}}
@media (min-width: 1200px){.Signetspaltenhoehe{height:7em,border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;border-bottom:none;}}

.Abstandoben{}
@media (min-width: 544px){.Abstandoben{margin-top:4.5em;padding-top:0em}}
@media (min-width: 768px){.Abstandoben{margin-top:7em;padding-top:0em}}
@media (min-width: 992px){.Abstandoben{margin-top:0em;padding-top:0em}}
@media (min-width: 1200px){.Abstandoben{margin-top:0em;padding-top:0em}}

.linieoben{}
@media (min-width: 544px){.linieoben{border-style: solid; border-color:black;border-width:2px;border-right:none;border-left:none;}}
@media (min-width: 768px){.linieoben{border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;}}
@media (min-width: 992px){.linieoben{border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;border-bottom:none;}}
@media (min-width: 1200px){.linieoben{border-style: solid; border-color:#CD2626;border-width:2px;border-right:none;border-left:none;border-top:none;border-bottom:none;}}





/*Höhe der einzelnen Inputkästchen*/
.spaltePLZ{}
@media (min-width: 544px){.spaltePLZ{padding-left:1.2em;padding-bottom:4em;}}
@media (min-width: 768px){.spaltePLZ{padding-left:1.2em;}}
@media (min-width: 992px){.spaltePLZ{height:16em;padding-left:2em;}}
@media (min-width: 1200px){.spaltePLZ{height:12em;padding-left:2em;}}

.spaltePLZKurzSchaetz{}
@media (min-width: 544px){.spaltePLZKurzSchaetz{padding-left:1.2em;padding-bottom:4em;}}
@media (min-width: 768px){.spaltePLZKurzSchaetz{padding-left:1.2em;padding-bottom:4em;}}
@media (min-width: 992px){.spaltePLZKurzSchaetz{height:16.75em;padding-left:2em;}}
@media (min-width: 1200px){.spaltePLZKurzSchaetz{height:16.75em;padding-left:2em;}}

.SpalteKennzahlen{}
@media (min-width: 544px){.SpalteKennzahlen{height:}}
@media (min-width: 768px){.SpalteKennzahlen{height:;}}
@media (min-width: 992px){.SpalteKennzahlen{height:35em;}}
@media (min-width: 1200px){.SpalteKennzahlen{height:30em;}}











/*Höhe der einzelnen Inputkästchen*/
.TextKastchen{}
@media (min-width: 544px){.TextKastchen{padding-left:1.5em;}}
@media (min-width: 768px){.TextKastchen{padding-left:1.5em;}}
@media (min-width: 992px){.TextKastchen{height:16em;padding-left:2em;}}
@media (min-width: 1200px){.TextKastchen{height:12em;padding-left:2em;}}

.TextKastchenKurzschaetz{}
@media (min-width: 544px){.TextKastchenKurzschaetz{padding-left:1.5em;}}
@media (min-width: 768px){.TextKastchenKurzschaetz{padding-left:1.5em;}}
@media (min-width: 992px){.TextKastchenKurzschaetz{height:16.75em;padding-left:2em;}}
@media (min-width: 1200px){.TextKastchenKurzschaetz{height:16.75em;padding-left:2em;}}






/*Höhe der einzelnen Inputkästchen*/
.TextKastchenfront{}
@media (min-width: 544px){.TextKastchenfront{padding-left:1.5em;}}
@media (min-width: 768px){.TextKastchenfront{padding-left:1.5em;}}
@media (min-width: 992px){.TextKastchenfront{height:80em;padding-left:2em;}}
@media (min-width: 1200px){.TextKastchenfront{height:49.3em;padding-left:2em;}}

.TextKastchenlinks{}
@media (min-width: 544px){.TextKastchenlinks{padding-left:1.5em;}}
@media (min-width: 768px){.TextKastchenlinks{padding-left:1.5em;}}
@media (min-width: 992px){.TextKastchenlinks{height:49.5em;padding-left:2em;}}
@media (min-width: 1200px){.TextKastchenlinks{height:46.3em;padding-left:2em;}}





/*Titel der Kästchen jeweils links des Inputkästchen */
.titel-bei-input{font-size:1em;}
@media (min-width: 544px){.titel-bei-input{font-size:2.6em;font-weight:bold;}}
@media (min-width: 768px){.titel-bei-input{font-size:2.6em;font-weight:bold;}}
@media (min-width: 992px){.titel-bei-input{font-size:1em;font-weight:bold;}}
@media (min-width: 1200px){.titel-bei-input{font-size:1em;font-weight:bold;}}

.unteruntertitel{font-size:1em;}
@media (min-width: 544px){.unteruntertitel{font-size:2em;font-weight:500;}}
@media (min-width: 768px){.unteruntertitel{font-size:2em;font-weight:500;}}
@media (min-width: 992px){.unteruntertitel{font-size:0.9em;font-weight:600;}}
@media (min-width: 1200px){.unteruntertitel{font-size:1.2em;font-weight:600;}}




/*Text der Kästchen jeweils links des Inputkästchens */
.text-bei-input{font-size:1em;}
@media (min-width: 544px){.text-bei-input{font-size:2em;}}
@media (min-width: 768px){.text-bei-input{font-size:2em;}}
@media (min-width: 992px){.text-bei-input{font-size:0.8em;}}
@media (min-width: 1200px){.text-bei-input{font-size:0.8em;}}



/*Untertitel direkt unter Signet */
.untertitel{font-size:1em;}
@media (min-width: 544px){.untertitel{font-size:3.8em;font-weight:600;}}
@media (min-width: 768px){.untertitel{font-size:3.8em;}}
@media (min-width: 992px){.untertitel{font-size:1.5em;margin-bottom:-0.7em; padding-bottom:0em}}
@media (min-width: 1200px){.untertitel{font-size:2.2em;margin-bottom:-0.5em;padding-bottom:0em; font-weight: 600;line-height: 98%}}

.untertitelFront{font-size:1em;}
@media (min-width: 544px){.untertitelFront{font-size:2em;}}
@media (min-width: 768px){.untertitelFront{font-size:2em;}}
@media (min-width: 992px){.untertitelFront{font-size:1.2em;}}
@media (min-width: 1200px){.untertitelFront{font-size:1.2em;}}

 /*Kästchenhöhe Brutto Nettomiete*/
.bruttonetto{ height:;}
@media (min-width: 544px){.bruttonetto{ height:;background-color:white;color:white;}}
@media (min-width: 768px){.bruttonetto{ height:;background-color:white;color:white;}}
@media (min-width: 992px){.bruttonetto{height:7em;background-color:#e6e6e6;color:black;font-weight:600}}}
@media (min-width: 1200px){.bruttonetto{ height:7em;background-color:#e6e6e6;color:black;font-weight:600}}}


 /*Kästchenhöhe Brutto Nettomiete*/
.Abstand{ height:;}
@media (min-width: 544px){.Abstand{padding-bottom:0.5em; padding-top:5em;border-style: solid; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-width:1px;border-top:none;border-width:1px}}
@media (min-width: 768px){.Abstand{ padding-bottom:0.5em;padding-top:5em;border-style: solid; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-top:solid}}
@media (min-width: 992px){.Abstand{ padding-bottom:0.3em;padding-top:0.3em; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:}}
@media (min-width: 1200px){.Abstand{ padding-bottom:0.3em;padding-top:0.3em; border-color:black;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-width:1px;border-top:none;border-width:1px}}

.Abstandhauptseite{ height:;}
@media (min-width: 544px){.Abstandhauptseite{ padding-top:6em;padding-bottom:1em;border-style: solid; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-width:1px;border-top:none;border-width:1px}}
@media (min-width: 768px){.Abstandhauptseite{ padding-bottom:0.5em;border-style: solid; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-top:solid}}
@media (min-width: 992px){.Abstandhauptseite{ padding-bottom:0.3em;padding-top:0.3em; border-color:grey;border-width:1px; border-right:none;border-left:none;border-bottom:}}
@media (min-width: 1200px){.Abstandhauptseite{ padding-bottom:0.3em;padding-top:0.3em; border-color:black;border-width:1px; border-right:none;border-left:none;border-bottom:none;border-width:1px;border-top:none;border-width:1px}}






/*Ausgabe Pruefung nach PLZ-Eingabe */
.pruefung{font-size:1em;}
@media (min-width: 544px){.pruefung{font-size:2em;}}
@media (min-width: 768px){.pruefung{font-size:2em;}}
@media (min-width: 992px){.pruefung{font-size:0.9em;}}
@media (min-width: 1200px){.pruefung{font-size:0.9em;}}







.sichtbarkeit{display:;}
@media (min-width: 544px){.sichtbarkeit{display:none;}}
@media (min-width: 768px){.sichtbarkeit{display:none;}}
@media (min-width: 992px){.sichtbarkeit{display:inline;}}
@media (min-width: 1200px){.sichtbarkeit{display:inline;}}







.sichtbarkeitSmartPhone{display:;}
@media (min-width: 544px){.sichtbarkeitSmartPhone{display:inline;}}
@media (min-width: 768px){.sichtbarkeitSmartPhone{display:inline;}}
@media (min-width: 992px){.sichtbarkeitSmartPhone{display:none;}}
@media (min-width: 1200px){.sichtbarkeitSmartPhone{display:none;}}


.button_nur_smartphone{display:;}
@media (min-width: 544px){.button_nur_smartphone{display:inline;}}
@media (min-width: 768px){.button_nur_smartphone{display:inline;}}
@media (min-width: 992px){.button_nur_smartphone{display:none;}}
@media (min-width: 1200px){.button_nur_smartphone{display:none;}}





.sticky {
position: -webkit-sticky;
position: sticky;
z-index:1;
 top: 0; }




/*Button um Postleitzahl zu prüfen */
.pruefknopf{width:4.5em; height:2.2em; border:none; border-radius:1px;}
@media (min-width: 544px){.pruefknopf{width:5em; height:2.5em;font-size:2.3em; border-bottom:none;border-color:white; border-width:1em;height:2.4em}}
@media (min-width: 768px){.pruefknopf{width:5em; height:2.5em;font-size:2.3em; border:none; border-radius:1px;}}
@media (min-width: 992px){.pruefknopf{width:3.8em; height:2.3em;font-size:0.8em; border:none;  border-radius:1px;}}
@media (min-width: 1200px){.pruefknopf{width:3.8em; height:2.3em;font-size:0.8em; border:none; border-radius:1px;}}





 /*INPUTFELDER: */

 /*Höhe ALLER Inputfelder: PLZ, Ortschaft, Haustyp.... Heizung */
.form-control-sm{ height:2.4em;}
@media (min-width: 544px){.form-control-sm{ height:1.6em;}}
@media (min-width: 768px){.form-control-sm{ height:1.6em;}}
@media (min-width: 992px){.form-control-sm{height:2.4em;}}
@media (min-width: 1200px){.form-control-sm{ height:2.4em;}}



/*Dimension des Inputfeld Postleitzahl */
.postleitzahl{width:5em;font-size:4em;}
@media (min-width: 544px){.postleitzahl{width:6em;font-size:2.1em;height:2.8em}}
@media (min-width: 768px){.postleitzahl{width:6em;font-size:2.1em;height:2.8em}}
@media (min-width: 992px){.postleitzahl{width:4em;font-size:0.8em;}}
@media (min-width: 1200px){.postleitzahl{width:4.4em;font-size:0.8em;}}

.zentrieren {
  display: flex;
  align-items: center;
  justify-content: center;
}






/*Dimension des Inputfeldes Ortschaft */
.ortschaft{width:14em;font-size:0.83em;}
@media (min-width: 544px){.ortschaft{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 768px){.ortschaft{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 992px){.ortschaft{width:9em;font-size:0.80em;}}
@media (min-width: 1200px){.ortschaft{width:13em;font-size:0.82em;}}


 /*Dimension kurze Inputfelder Wohnfläche und Parzellenfläche */
.InputfeldKurz{width:9em;font-size:0.83em;}
@media (min-width: 544px){.InputfeldKurz{width:4em;font-size:4em;}}
@media (min-width: 768px){.InputfeldKurz{width:4em;font-size:4em;}}
@media (min-width: 992px){.InputfeldKurz{width:4em;font-size:0.83em;}}
@media (min-width: 1200px){.InputfeldKurz{width:4em;font-size:0.83em;}}



/*Dimension aller Inputfelder ausser PLZ und Ortschaft */
.inputfeldgroesseLang{width:14em;font-size:0.83em;}
@media (min-width: 544px){.inputfeldgroesseLang{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 768px){.inputfeldgroesseLang{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 992px){.inputfeldgroesseLang{width:8em;font-size:0.83em;}}
@media (min-width: 1200px){.inputfeldgroesseLang{width:12em;font-size:0.83em;}}

/*Dimension aller Inputfelder ausser PLZ und Ortschaft */
.inputfeldgroesseLang1{width:14em;font-size:0.83em;}
@media (min-width: 544px){.inputfeldgroesseLang1{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 768px){.inputfeldgroesseLang1{width:100%;font-size:2.1em;height:2.8em}}
@media (min-width: 992px){.inputfeldgroesseLang1{width:8em;font-size:0.83em;}}
@media (min-width: 1200px){.inputfeldgroesseLang1{width:14em;font-size:0.83em;}}





.wertanzeige{font-size:3.2em;}
@media (min-width: 544px){.wertanzeige{font-size:2.5em;}}
@media (min-width: 768px){.wertanzeige{font-size:2.5em;}}
@media (min-width: 992px){.wertanzeige{font-size:1em;}}
@media (min-width: 1200px){.wertanzeige{font-size:1em;}}


/*Schrift bei Marktwertanzeige */
.schriftdicke{font-weight:400}




.smpartphone-spalte{height:11em;}
@media (min-width: 544px){.smpartphone-spalte{margin-bottom:10em;}}
@media (min-width: 768px){.smpartphone-spalte{margin-bottom: 10em;}}
@media (min-width: 992px){.smpartphone-spalte{margin-bottom: 0em;}}
@media (min-width: 1200px){.smpartphone-spalte{margin-bottom: 0em;}}

.lueckeseitenkopfunten{}
@media (min-width: 544px){.lueckeseitenkopfunten{padding-bottom:0em;}}
@media (min-width: 768px){.lueckeseitenkopfunten{padding-bottom: 0em;}}
@media (min-width: 992px){.lueckeseitenkopfunten{padding-bottom: 0.2em;}}
@media (min-width: 1200px){.lueckeseitenkopfunten{padding-bottom: 0.2em;}}

.abstandoben{}
@media (min-width: 544px){.abstandoben{padding-top:0em;}}
@media (min-width: 768px){.abstandoben{padding-top: 0em;}}
@media (min-width: 992px){.abstandoben{padding-top: 1.2em;}}
@media (min-width: 1200px){.abstandoben{padding-top: 1.2em;}}

.sharebutton{}
@media (min-width: 544px){.sharebutton{display:block;float:left;font-size:1.8em;text-align:center;color:white;width:24.2%;padding:0.3em;padding-top:0.4em;margin-right:0.1em;margin-left:0.1em;}}
@media (min-width: 768px){.sharebutton{display:block;float:left;font-size:1.8em;text-align:center;color:white;width:23%;padding:0.3em;padding-top:0.4em;margin-right:0.2em;}}
@media (min-width: 992px){.sharebutton{display:block;float:left;font-size:0.6em;text-align: left;color:white;width:21%;padding:0.3em;padding-top:0.4em;margin-right:0.2em;}}
@media (min-width: 1200px){.sharebutton{display:block;float:left;font-size:0.7em;text-align: left;color:white;width:21%;padding:0.3em;padding-top:0.4em;margin-right:0.2em;}}








.whatsapp{background-color:#25d366;}
.facebook{background-color:#3b5998;}
.twitter{background-color:#1da1f2;}
.email{background-color:grey;}
.navigieren{background-color:grey;}








h3{font-size:2em;}
@media (min-width: 544px){h3{font-size:3.5em;}}
@media (min-width: 768px){h3{font-size:3.5em;}}
@media (min-width: 992px){h3{font-size:1.5em;}}
@media (min-width: 1200px){h3{font-size:1.5em;}}


.AnzeigeSchwarz {height:100%;}
@media (min-width: 544px){.AnzeigeSchwarz{height:5em;}}
@media (min-width: 768px){.AnzeigeSchwarz{height:5em;}}
@media (min-width: 992px){.AnzeigeSchwarz{height:2em;}}
@media (min-width: 1200px){.AnzeigeSchwarz{height:2em;}}




p{font-size:0.85em}
@media (min-width: 544px){p{font-size:2em;}}
@media (min-width: 768px){p{font-size:2em;}}
@media (min-width: 992px){p{font-size:0.85em;}}
@media (min-width: 1200px){p{font-size:0.85em;}}





li{font-size:1em}
@media (min-width: 544px){li{font-size:2em;}}
@media (min-width: 768px){li{font-size:2em;}}
@media (min-width: 992px){li{font-size:1em;}}
@media (min-width: 1200px){li{font-size:0.9em;font-weight:600;color:black}}

td
{
width:;
padding-right:1em;
padding-left:1em;
}

.tabellenangaben{font-size:1em}
@media (min-width: 544px){.tabellenangaben{font-size:2em;}}
@media (min-width: 768px){.tabellenangaben{font-size:2em;}}
@media (min-width: 992px){.tabellenangaben{font-size:0.85em;}}
@media (min-width: 1200px){.tabellenangaben{font-size:0.85em;}}

.versionstitel{}
@media (min-width: 544px){.versionstitel{font-size:2em;}}
@media (min-width: 768px){.versionstitel{font-size:2em;}}
@media (min-width: 992px){.versionstitel{font-size:1.1em;}}
@media (min-width: 1200px){.versionstitel{font-size:1.1em;}}





.front{font-size:1em}
@media (min-width: 544px){.front{font-size:2em;}}
@media (min-width: 768px){.front{font-size:2em;}}
@media (min-width: 992px){.front{font-size:0.85em;}}
@media (min-width: 1200px){.front{font-size:0.9em;font-weight:600}}

.zwischneraumunten{}
@media (min-width: 544px){.zwischneraumunten{padding-bottom:0em}}
@media (min-width: 768px){.zwischneraumunten{padding-bottom:0em}}
@media (min-width: 992px){.zwischneraumunten{padding-bottom:0.2em}}
@media (min-width: 1200px){.zwischneraumunten{padding-bottom:0.2em}}

.zwischneraumunten




@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait){
.spalteinput{ border-style: solid; border-color:grey;border-width:2px;border-right:none;border-left:none;border-top:none; }
.spaltetext{ padding:0.5em;}
.spaltePLZ{padding-left:1.2em;padding-bottom:4em;}
.TextKastchen{padding-left:1.2em;}
.titel-bei-input{font-size:2.6em;font-weight:bold;}
.text-bei-input{font-size:2em;}
.untertitel{font-size:2em;}
.pruefung{font-size:2em;}
.sichtbarkeit{display:none;}
.sichtbarkeitSmartPhone{display:inline;}
.button_nur_smartphone{display:inline;}
.pruefknopf{width:5em; height:2em;font-size:2.2em; border:none; border-radius:1px;}
.form-control-sm{ height:1.6em;}
.postleitzahl{width:4em;font-size:2.5em;}
.ortschaft{width:9em;font-size:2.5em;}
.InputfeldKurz{width:4em;font-size:2.5em;}
.inputfeldgroesseLang{width:9em;font-size:2.5em;}
.wertanzeige{font-size:2.5em;}
.smpartphone-spalte{margin-bottom:10em;}
h3{font-size:4.2em;}
.AnzeigeSchwarz{height:5em;}
p{font-size:2em;}
	
}

@viewport {
   width: device-width;
   zoom:1;
}


p {-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-width: 40em;}
  
span {-ms-hyphens: auto;
-moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-width: 25em;}
  

 input[type="text"]{text-align: right;}
 
 
.hexagon {position: relative;width: 100px; height: 30px;padding-top:3px;font-color:white;background-color: white;margin: 25.98px 0;}
@media (min-width: 544px){.hexagon {position: relative;width: 110px; height: 25px;padding-top:3px;font-color:white;background-color: white;margin: 52px 0;}}
@media (min-width: 768px){.hexagon {position: relative;width: 170px; height: 40px;padding-top:3px;font-color:white;background-color: white;margin: 52px 0;}}
@media (min-width: 992px){.hexagon {position: relative;width: 100px; height: 22px;padding-top:3px;font-color:white;background-color: white;margin: 25.98px 0;}}
@media (min-width: 1200px){.hexagon {position: relative;width: 60px; height: 15px;padding-top:3px;font-color:white;background-color: white;margin: 40px 0;}}


.hexagon:before,.hexagon:after {content: "";position: absolute;width: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;}
@media (min-width: 544px){.hexagon:before,.hexagon:after {content: "";position: absolute;width: 0;border-left: 10px solid transparent;border-right: 100px solid transparent;}}
@media (min-width: 768px){.hexagon:before,.hexagon:after {content: "";position: absolute;width: 0;border-left: 20px solid transparent;border-right: 150px solid transparent;}}
@media (min-width: 992px){.hexagon:before,.hexagon:after {content: "";position: absolute;width: 0;border-left: 10px solid transparent;border-right: 92px solid transparent;}}
@media (min-width: 1200px){.hexagon:before,.hexagon:after {content: "";position: absolute;width: 0;border-left: 10px solid transparent;border-right: 50px solid transparent;}}

.hexagon:before {bottom: 100%;border-bottom: 25.98px solid black;}
@media (min-width: 544px){.hexagon:before {bottom: 100%;border-bottom: 52px solid black;}}
@media (min-width: 768px){.hexagon:before {bottom: 100%;border-bottom: 52px solid black;}}
@media (min-width: 992px){.hexagon:before {bottom: 100%;border-bottom: 25.98px solid black;}}
@media (min-width: 1200px){.hexagon:before {bottom: 100%;border-bottom: 20px solid  black;}}

.hexagon:after {top: 100%;width: 0;border-top: 25.98px solid black;}
@media (min-width: 544px){.hexagon:after {top: 100%;width: 0;border-top: 52px solid black;}}
@media (min-width: 768px){.hexagon:after {top: 100%;width: 0;border-top: 52px solid black;}}
@media (min-width: 992px){.hexagon:after {top: 100%;width: 0;border-top: 25.98px solid black;}}
@media (min-width: 1200px){.hexagon:after {top: 100%;width: 0;border-top: 20px solid black;}}
 
.schrift{text-align:center;color:grey;; font-size:0.9em;font-weight:700}
@media (min-width: 544px){.schrift{text-align:center;color:black;; font-size:1.3em;font-weight:700;  display: flex;align-items: center;justify-content: center;margin:-8px}}
@media (min-width: 768px){.schrift{text-align:center;color:black;; font-size:1.3em;font-weight:700; display: flex;align-items: center;justify-content: center;margin:-8px}}
@media (min-width: 992px){.schrift{text-align:center;color:black;; font-size:1.2em;font-weight:700}}
@media (min-width: 1200px){.schrift{text-align:center;color:black;; font-size:0.7em;font-weight:600;margin:-5px}}

background-color:#CD2626;opacity:0.9; padding-left:1em; padding-right:1em
 
 .hexaSignet{}
@media (min-width: 544px){.hexaSignet{background-color:#CD2626; padding:1.2em;padding-top:0.5em;padding-bottom:0.5em;margin-bottom:1em;margin-top:1em}}
@media (min-width: 768px){.hexaSignet{background-color:#CD2626; padding-left:1em; padding-right:1em}}
@media (min-width: 992px){.hexaSignet{background-color:#CD2626; padding-left:1em; padding-right:1em}}
@media (min-width: 1200px){.hexaSignet{background-color:#CD2626; padding-left:1em; padding-right:1em;height:5.25em}}
 
 
 
 
 
 
 
 /*Wuerfel */
 #wrapD3Cube {
    width: 250px;
    height: 213px;
    margin: 20px auto;
    background-color:;
}
#D3Cube {
    width: 100px;
    height: 100px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#D3Cube > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
    opacity: 0.85;
}
#side1 {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #black;
}
#side2 {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #black;
}
#side3 {
    transform: translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
    background-color: black;
}
#side4 {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: black;
}
#side5 {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: black;
}
#side6 {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: black;
}
 
 #D3Cube {
    -webkit-animation: cubeRotation 5s infinite; /* Safari 4.0 - 8.0 */
    animation: cubeRotation 5s infinite;
}
@-webkit-keyframes cubeRotation {
    0%   {  -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);   }
    50%   { -webkit-transform: rotateX(-22deg) rotateY(-128deg) rotateZ(0deg);  }
    100%   {    -webkit-transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);  }
}
@keyframes cubeRotation {
    0%   {  transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);   }
    50%   { transform: rotateX(-22deg) rotateY(-238deg) rotateZ(0deg);  }
    100%   {    transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);  }
}
 
 
.changecolor:hover {
  background-color:#CD2626;
}
 
 
 
 
</style>