@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}:root {--apoGreen: #DDFF5F; }
:root {--apoBlue: #333; }
.bg-apoGreen {background: var(--apoGreen);} 
.bg-apoBlue {background: var(--apoBlue);} .no-margin {margin: 0;}
.d-none {display:none !important;}
.fz-16 {font-size: 16px;} .wrapper-notdienstfinder{
background: var(--apoGreen);
color: var(--apoBlue);
font-family: Rival-sans;
}
.wrapper-notdienstfinder p {
margin-bottom: 1em;
}
.c-search-result-wrapper {
overflow: hidden;
}
.apo-header-panels {
background: var(--apoGreen);
position: relative;
z-index: 200;
margin: 0 !important;
} .aposearch-result {
max-width: 750px;
font-family: Rival-Sans;
margin-left: auto !important;
margin-right: auto !important;
font-size: 17px;
}
.aposearch-result_item {
padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.aposearch-result {
margin-left: 40px;
}
} .aposearch-result_item header {
background: #999;
color: #fff;
margin-bottom: 25px;
}
.aposearch-result_item.aposearch-result_item-cp header {
background: #DDD5D8;
color: #333;
}
.aposearch-result_item header ul {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
}
.aposearch-result_item header ul li {padding: 8px; text-align: center;}
.aposearch-result_item header ul li.status {
background: #25a732;
color: #fff;
font-weight: 700;
flex-grow: 1;
}
.aposearch-result_item header ul li.opening-hours {
flex-grow: 1;
}
.aposearch-result_item header ul li.on-call-duty {
border-left: 1px solid #fff !important;
font-weight: 700;
}
.aposearch-result_item header ul li.handicap-accessible{
background:#19224C;
padding: 0 2px;
flex-grow: 1;
}
.aposearch-result_item header ul li.opening-hours:empty,
.aposearch-result_item header ul li.on-call-duty:empty {
display: none;
} .aposearch-result main {
padding-left: 40px;
padding-right: 40px
}
.aposearch-result main h3 {
margin-bottom: 5px;
font-weight: 500;
letter-spacing: 0;
}
.aposearch-result main .distance {
margin-bottom: 10px;
color: #F86935;
}
.aposearch-result main address {
font-style: normal;
margin-bottom: 30px;
}
.aposearch-result main ul.contact-list {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.aposearch-result main ul.contact-list span.contact-type {
font-weight: bold;
width: 30px;
display: inline-block;
}
.aposearch-result main ul.contact-list a {
text-decoration: none;
} .aposearch-result main ul.buttonlist-cta {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
display: inline-flex;
gap: 24px;
flex-direction: row;
}
.aposearch-result main ul.buttonlist-cta li > a {
display: flex;
flex-direction: column;
text-decoration: none;
align-items: center; 
}
.aposearch-result main ul.buttonlist-cta .cta-icon {
width: 48px;
height: 48px;
padding: 3px;
background: grey;
}
.aposearch-result main ul.buttonlist-cta .cta-icon.cta-icon__route {
background: #F86935;
}
.aposearch-result main ul.buttonlist-cta .cta-icon.cta-icon__phone {
background: #19A727;
}
.aposearch-result main ul.buttonlist-cta .cta-icon.cta-icon__email{
background: #197BA7;
padding: 10px;
}
.aposearch-result main ul.buttonlist-cta .cta-icon.cta-icon__email svg{
fill: #fff;
}
.aposearch-result main ul.buttonlist-cta .cta-service-name {
font-size: 14px;
padding-top: 5px;
font-weight: 600;
color:#2d2d2d;
}
@media screen and (max-width: 767px) {
.aposearch-result main {
padding-left: 20px;
padding-right: 20px
}
aposearch-result_item-cp .aposearch-result main {
padding-left: 10px;
padding-right: 10px
}
}
@media screen and (min-width: 768px) {
.aposearch-result_item {margin-bottom: 30px; font-size: 17px;}
.aposearch-result_item header ul li.handicap-accessible {
max-width: 40px;
}
.aposearch-result_item header ul li.handicap-accessible > svg{
max-height: 40px;
}
}  .aposearch-result_openingtimes h4 {
font-size: 15px;
font-weight: 800;
margin-bottom: 5px;
background: var(--apoBlue);
color: var(--apoGreen);
padding: 5px;
letter-spacing: .5px;
}
@media screen and (min-width: 768px) {
.aposearch-result_openingtimes h4 {
font-size: 18px !important;
padding: 10px 15px;
margin-bottom: 10px;
}
}
.aposearch-result_openingtimes ul {
list-style: none;
margin: 0 0 25px 0;
}
.aposearch-result_openingtimes ul li {
margin-bottom: 5px;
padding: 0 5px 5px 5px;
font-size: 16px;
border-bottom: 1px solid var(--apoBlue);
color: var(--apoBlue);
}
.aposearch-result_openingtimes ul li>span.date-day {
margin-right: 4px;
display: inline-block;
font-weight: bold;
}
.aposearch-result_openingtimes ul li span.aposearch-opening-type {
margin-left: 15px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.aposearch-result_openingtimes ul li {
padding: 2px 4px 4px 4px;
font-size: 14px;
}
}
.aposearch-result_item.aposearch-result_item-cp .aposearch-result_openingtimes h4 {
background: #DDD5D8 !important;
color: #333 !important;
}
.aposearch-result_item .aposearch-result_openingtimes h4,
.aposearch-result_openingtimes h4 {
background: #999 !important;
color: #fff !important;
} .aposearch-result_item {background: rgba(1255,255,255,0.75);}
.aposearch-result_item.aposearch-result_item-cp {
margin-bottom: 50px;
padding: 10px;
background: #fafafa;
}
.aposearch-result_item.aposearch-result_item-cp .aposearch-result_openingtimes h4 {
background: #DDD5D8;
color:#333;
font-weight: 700;
line-height: 1.3;
}
:root {--apoGreen: #FFFFFF; }
:root {--apoBlue: #333333; }
.apo-container__ {font-weight: 400;}
.c-baden-notdienste h2 {font-size: 32px; margin-bottom: 30px;}
.c-baden-notdienste .apo-result-list.aposearch-result {
padding: 0;
}
.c-baden-notdienste .aposearch-result {
font-family: inherit;
font-size: inherit;
}
.c-baden-notdienste .aposearch-result_item header ul li.opening-hours {
font-weight: bold;
white-space: nowrap;
}
.aposearch-result_openingtimes ul li span.aposearch-opening-type {
margin-left: 10px;
white-space: nowrap;
display: inline-block;
float: right;
min-width: 160px;
}
@media screen and (max-width: 767px) {
.c-baden-notdienste h2 {font-size: 26px;}
.aposearch-result_item.aposearch-result_item-cp {
padding: 0 0 10px 0;
margin-bottom: 30px;
}
.aposearch-result_item {
font-size: 16px;
}
.aposearch-result_item header {
font-size: 16px;
margin-bottom: 20px;
}
.aposearch-result_openingtimes ul li span.aposearch-opening-type {
min-width: 140px;
margin-left: 5px;
}	
.aposearch-result_item {
margin: 20px -30px; 
}
}