#p11 p {color:black;}
.filters {display:flex;color:#000000;justify-content:center;text-align:center;margin-top:80px;margin-bottom:80px;}
.ui-group {margin-left:40px;margin-right:40px;transition: all .3s ease-in-out;}
.ui-group .button .icon {width:150px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:9px;-webkit-align-items: flex-end;}
.ui-group img {transition: all .3s ease-in-out;}
.ui-group p {color:#000000;line-height:30px;margin:0;}
.ui-group .filterhead {font-weight:700;text-transform:uppercase;font-size:22px;font-family: 'Futura', sans-serif;}
.ui-group .brown {color:#8B6F4E!important;font-size:16px;font-weight:700;font-family: 'Rockwell',sans-serif;}
.ui-group .filterstatus:before {transition: all .3s ease-in-out;content:'filtern';padding:5px 10px;border:1px solid #8B6F4E;color:#000000;font-size:16px;font-weight:700;font-family: 'Rockwell',sans-serif;}
.ui-group:hover .filterstatus:before {border:1px solid #8B6F4E;color:#FFFFFF;background:#8B6F4E;}
.ui-group .button.checked .filterstatus:before {content:'ausgewählt';padding:5px;background:#8B6F4E;color:#FFFFFF;}
.tables.branches {width:100%;margin-bottom:80px;color:#000000;}
.tables.branches .thead {min-width:1420px;display:none;padding:10px 5px;border-bottom:2px solid #8B6F4E;}
.thead.pet > div {font-weight:600;}
.tables.branches .thead div {font-size:24px;color:#8B6F4E;}
.tables.branches .grid-item span {color:#8B6F4E!important;display:block;width:100%;font-family: 'Futura', sans-serif;font-size:22px;line-height:22px;}
.tables.branches .route {margin:auto;margin-top:20px;margin-bottom:20px;}
.tables.branches .route a {padding:0 5px;margin-top:20px;margin-bottom:20px;background:#8B6F4E;color:#FFFFFF;border:1px solid #8B6F4E;width:170px;}
.tables.branches .route a:hover {background:#FFFFFF;color:#8B6F4E;}
.tables.branches .grid-item {font-family: 'Futura PT Cond Book', sans-serif;font-size:27px;display:flex;flex-direction:column;text-align:center;padding:10px 5px;border-bottom:1px solid #8B6F4E;}
.tables.branches .grid-item p {font-size:27px;line-height:28px;color:#000000;margin-bottom:0;display:inline-block;width:140px;text-align:left;}
.tables.branches .grid-item .filiale {font-family: 'Futura PT Cond Medium', sans-serif;font-size:30px;}
.tables.branches .grid-item .werktags p, .tables.branches .grid-item .samstags p, .tables.branches .grid-item .sonntags p {text-align:right;}
.tables.branches .mobile-view {margin-bottom:15px;margin-top:15px;}
.tables.branches .phone a {color:#000;}

@media (min-width: 1500px) {
.tables.branches {text-align:center;}
.tables.branches .mobile-view {display:inline-flex;margin-bottom:0;margin-top:0;align-items: center;}
.tables.branches .thead {display:flex;}
.tables.branches .filiale {width:230px;text-align:left;font-size:27px!important;}
.tables.branches .kontakt {width:300px;text-align:left;}
.tables.branches .werktags {min-width:180px;}
.tables.branches .samstags {min-width:180px;}
.tables.branches .sonntags {min-width:180px;}
.tables.branches .phone {min-width:200px;}
.tables.branches .route {margin:auto;border:0;}
.tables.branches .route a {background:#000000;color:#FFFFFF;padding:0 5px;margin:0;}
.tables.branches .route a:hover {background:#FFFFFF;color:#000000;border:1px solid #8B6F4E;}
.tables.branches .grid-item {flex-direction:row;align-items:center;min-width:1420px;}
.tables.branches .grid-item span {display:none;}
}

@media (max-width: 1499px) {
  .grid-item .werktags, .grid-item .samstags, .grid-item .sonntags, .grid-item .phone {margin-top:15px;}
}

@media (max-width: 1099px) {
  .ui-group {margin-left:25px;margin-right:25px;}
}

@media (max-width: 767px) {
  .filters {margin-top:60px;margin-bottom:45px;}
  .ui-group {margin-left:7px;margin-right:7px;}
  .ui-group .button .icon {width:70px;height:95px;margin-bottom:0px;}
  .ui-group .button .icon img {width:auto;height:65px;}
  .ui-group.barrierefrei .button .icon img {width:auto;height:65px;}
  .ui-group.sonntags .button .icon img {width:auto;height:65px;}
  .ui-group .filterhead {font-size:12px;}
  .ui-group .brown {font-size:12px;width:60px;line-height:14px;margin:auto;}
  .ui-group .filterstatus:before {font-size:10px;}
}
@media (min-width: 768px) {
  .ui-group .button .icon img {
    height: 95px;
    width: auto;
  }
}