.test{
  all:initial;
}

.gmap {
  aspect-ratio: 1/1;
  /* Fallback, falls aspect-ratio nicht greift - Leaflet braucht eine Hoehe */
  min-height: 320px;
  margin-top:100px;
  margin-bottom:20px;
}

@media (min-width: 1024px)  {
  .gmap {
    aspect-ratio: 16/6;
  }
}

.flex-x{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex{
  display: block;
}

@media (min-width: 1024px)  {
  .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}


.pharmacy-info-address{
  & h4  {
    font-size:13px;
    font-weight:700 !important;
    text-transform:initial !important;
  }
  & p{
    font-size:13px;
    line-height:1.4;
    margin-top : 0 !important;
  }
  & div{
    margin-top:0;
  }
}

.emergencyServiceTable{
  width: 100%;
  border-collapse:collapse;
  /*visibility: hidden;*/
  & th{
    font-size:18px;
    font-weight:700;
    padding: 18px;
  }
  & tr:nth-child(even){
    background-color:  #eee;
  }
  & tr:nth-child(odd){
    background-color:#ccc;
  }
  & td{
    padding: 1rem;
  }
  & .date{
    margin:0 10px;
  }
}


@media (max-width: 768px)  {
  .emergencyServiceTable {
    /* visibility: visible;*/

    & thead,.theadline{
      display:none;
    }

    & tr{
      float: left;
      width: 100%;
      margin-bottom: 20px;
    }
    & td{
      float: left;
      width: 100%;
      padding: 4px 18px;
    }

    .is-small-on-mobile{
      font-size: 14px !important;
      line-height: 1.4;
    }

  }
}



@media (min-width: 1024px)  {
  .emergencyServiceTable {
   /* visibility: visible;*/
  }
}

.update-zip-submit{
  appearance: none;
  border:none;
  background:transparent;
  display:inline-block;
  padding: 10px;
}
.update-zip-submit img{
  display:inline-block;
  width:40px;
}

.emergency-header{
  margin-bottom: 20px;
  & label{
    margin:0 10px 0;
  }
}

.icon{
  appearance:none;
  border:none;
  background:transparent;
  cursor: pointer;

  & svg {
    width:30px;
    height:30px;
  }
}


.zip-form-field {
  /*margin-left: 40px;*/
}

.error{
  color:red;
  background-color: #eac9c9;
  padding:1rem;
  border: 1px solid red;
}

/* Icon-Buttons (Tabelle, Datums-Navigation, PLZ-Suche, Karten-Popups):
   Button-Stile des jeweiligen Site-Themes gezielt neutralisieren.
   Bewusst mit !important, aber strikt auf .perm-emergency gescoped. */
.perm-emergency button.icon {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 0 !important;
  border-radius: 0 !important;
  cursor: pointer;
}
.perm-emergency button.icon svg {
  width: 30px;
  height: 30px;
  display: block;
}
.perm-emergency .leaflet-popup button.icon svg {
  width: 24px;
  height: 24px;
}