#dp_zas-form-box {
width: 90%;
background-color: #F8F8F8;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
@media (min-width: 576px) { 
#dp_zas-form-box { }
}
#dp_zas-form-box input[type=text] {
width: 100%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#dp_zas-form-box-login input[type=text], #dp_zas-form-box-login input[type=password] {
width: 300px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
@media (max-width: 400px) { 
#dp_zas-form-box-login input[type=text], #dp_zas-form-box-login input[type=password] {
width: 100%;
}
}
#dp_zas-form-box-login label { display: block }
.za-liste-box {
position: relative;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.za-liste {
display: flex;
flex-wrap: wrap;
transition: all 0.2s;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 30px;
background-color: rgba(255,255,255,1.00);
border-left: 4px solid rgba(64,140,182,1.00);
border-right: 1px solid rgba(64,140,182,0.20);
border-bottom: 1px solid rgba(64,140,182,0.20);
border-top: 1px solid rgba(64,140,182,0.20);
border-radius: 5px;
-webkit-box-shadow: 2px 3px 10px -3px rgba(64,140,182,0.60);
-moz-box-shadow: 2px 3px 10px -3px rgba(64,140,182,0.60);
box-shadow: 2px 3px 10px -3px rgba(64,140,182,0.60);
margin-left: 0px;
margin-right: 10px;
}
.za-liste:hover {
border-left: 8px solid rgba(64,140,182,1.00);
padding-left: 16px;
}
.za-adress-box {
margin-top: 2px;
margin-right: 30px;
margin-left: 2px;
margin-bottom: 2px;
flex-grow: 3;
}
.za-liste-infotext {
font-size: 12px;
font-weight: bold;
}
.za-liste-infobox {
flex-grow: 1;
margin-top: 2px;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 2px;
font-size: 12px;
}
@media (min-width: 400px) { 
.za-liste-infobox {
text-align: right;
}
.za-liste-map {
float: right;	
}
}
.za-liste-kzer {}
.za-liste-beh {}
.za-liste-map {
display: block;  margin-top: 10px;
margin-bottom: 10px;
color: #FF0004;
font-size: 10px;
line-height: 11px;
}
.za-liste-map-link {
display: inline-block;
background-image: url(//www.zaek-sa.de/zaek-con-de/plugins/dp-zahnarztsuche/images/map-002.png);
background-repeat: no-repeat;
width: 68px;
height: 52px;
color: rgba(255,255,255,0.00);	
}