.filter {
display: flex;
justify-content: center;
width: 100%;
}
.filter a {
margin-right: 1.5rem;
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
text-align: center;
padding: 10px;
margin-bottom: 2rem;
}
.filter a::before, .filter a::after {
display: none;
}
.filter a.active {
background-color: #630c54;
color: white;
}
.filter .selectize-control {
width: 200px;
}
#accordion {
width: 100%;
}
#accordion .card {
border: none;
border-radius: 0;
border-bottom: 1px solid #1E0213;
}
#accordion .card .card-header {
border: none;
background-color: transparent;
}
#accordion .card .card-header button {
background-color: transparent;
color: #1E0213 !important;
font-family: "Euphoria Script", cursive;
text-align: center;
font-size: 2rem;
width: 100%;
text-decoration: none;
position: relative;
}
#accordion .card .card-header button i {
transition: 0.3s all ease-in-out;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
}
#accordion .card .card-header button[aria-expanded=true] i {
transform: rotate(180deg) translateY(50%);
}
.produkte {
justify-content: center;
}
.produkte .produkt-single .card-text {
font-size: 15px;
}
.produkte .produkt-single .card {
transition: 0.3s;
border: none;
}
.produkte .produkt-single .card-body {
background-color: #1E0213;
color: white;
}
.produkte .produkt-single .card-img-top {
padding-bottom: 75%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.produkte .produkt-single .card-popup .rainy {
opacity: 0;
transition: all 0.3s ease-in-out;
}
.produkte .produkt-single .card-popup:hover {
box-shadow: -1px 9px 40px -12px rgba(0, 0, 0, 0.75);
cursor: pointer;
}
.produkte .produkt-single .card-popup:hover .rainy {
opacity: 1;
}
@media (max-width: 768px) {
.produkte .card-img-top {
padding-bottom: 0 !important;
}
}