<div class=“blueHippoWidget“>
<div class=“hippoTitle“>COVID-19 -<br />7-Tage Inzidenz-Werte für Landkreise</div>
<div class=“hippoText“>Geben Sie einfach unten Ihre Postleitzahl ein. Nach Bestätigung der Eingabe erscheinen die aktuellen Daten des
Robert Koch-Instituts für den entsprechenden Stadt- bzw. dem entsprechenden Landkreis.</div>
<div class=“hippoSearch“>
<form action=“https://www.blue-hippo.company/landkreise-7-tage-inzidenz/“ method=“post“ target=“_blank“>
<input type=“text“ name=“zip“ id=“zip“ placeholder=“Postleitzahl eingeben“/>
<input type=“submit“ value=“Daten abfragen“ />
</form>
</div>
<div class=“hippoPoweredby“>
<a href=“https://www.blue-hippo.company/“ target=“_blank“ rel=“noopener“>powered by <img src=“https://www.blue-hippo.company/wp-content/uploads/powered-by-blue-hippo.png“ border=“0″ alt=“blue hippo“ /></a></div>
</div>

<style>
.blueHippoWidget {
border: 2px solid #046aaf;
border-radius: 4px;
padding:10px 15px;
max-width: 300px;
font-family: Arial
}
.hippoTitle {
font-size: 20px;
color: #046aaf;
margin-bottom: 6px;
}
.hippoText {
margin-bottom: 14px;
}
.hippoSearch input[type=“text“] {
border: 2px solid #046aaf;
padding: 10px;
font-size: 16px;
color: #046aaf;
background-color: #fff;
width: calc(100% – 30px);;
display: block;
line-height: 20px;
margin: 0 0 14px;
border-radius: 4px;
}
.hippoSearch input[type=“submit“] {
border: 2px solid #046aaf;
border-radius: 4px;
padding: 10px;
font-size: 16px;
color: #ffffff;
background-color: #046aaf;
display: block;
line-height: 20px;
margin-bottom: 14px;
}
.hippoSearch input[type=“submit“]:hover {
color: #046aaf;
background-color: #ffffff;
}
.hippoPoweredby {
line-height: 26px;
text-align: right;
font-size: 13px;
color: #046aaf;
border-top: 1px solid #b8b8b8;
padding-top: 14px;
}
.hippoPoweredby a {
color: #046aaf;
text-decoration: none;
}

</style>