/*
  Version: 1.0
  Author: Mario Röhreich
  Author URI:  https://www.roehreich.de
*/  

.mr-grid-container{display:flex;flex-wrap:wrap;gap:2rem;}
.download-box{width: 100%;background: #00000005; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);}
.download-box .heading{background: #00000006;padding: 4% 4% 2% 4%; }
.download-box .content{padding: 4% 4% 2% 4%; }
.download-box .content ul{margin-left: 5px;}
#downloads .teaser{font-size: 0.9em;}

@media (min-width:768px) {
    .download-box {
        width:calc((100% - 4rem) / 2);
    }
}
@media (min-width:1024px) {
    .download-box {
        width:calc((100% - 4rem) / 3);
    }
}


/* CSS für die Filterleiste */
.facetwp-filter-bar {
    background-color: #7c2648; /* Hintergrundfarbe */
    padding: 15px 20px; /* Innenabstand oben/unten und rechts/links */
    display: flex; /* Flexbox für Layout */
    flex-direction: column; /* Elemente in Spaltenanordnung */
    align-items: flex-start; /* Elemente linksbündig ausrichten */
    gap: 15px; /* Abstand zwischen den Elementen */
   /* border-radius: 5px; /* Abgerundete Ecken für die Leiste */
    color: #ffffff; /* Schriftfarbe */
    position: relative; /* Positionierung für den Button */
	margin-bottom: 4%
}

.facetwp-filter-bar .facetwp-title {
    font-size: 18px; /* Schriftgröße für die Überschrift */
    font-weight: bold; /* Fettdruck */
}

.facetwp-filters {
    display: flex; /* Flexbox für die Filter */
    gap: 10px; /* Abstand zwischen den Filtern */
    flex-wrap: wrap; /* Zeilenumbruch bei Überlauf */
    width: 100%; /* Die Filter nehmen die volle Breite ein */
}

.facetwp-filters label {
    color: #ffffff; /* Schriftfarbe für die Filter-Labels */
    font-size: 16px; /* Schriftgröße für die Filter-Labels */
}

.facetwp-filters input[type="checkbox"] {
    accent-color: #ff0000; /* Rot für die Checkbox */
}

a.facetwp-toggle{color: #fff;}
a.facetwp-toggle:hover{color: #999;}

/* CSS für den FacetWP Reset-Button */
#facetwp-reset-button {
    background-color: #f9f9f9; /* Rot */
    color: #666; /* Weißer Text */
    border: none; /* Kein Rand */
    /*border-radius: 5px; /* Abgerundete Ecken */
    padding: 10px 20px; /* Polsterung */
    font-size: 16px; /* Schriftgröße */
    cursor: pointer; /* Zeiger als Hand beim Überfahren */
    text-transform: uppercase; /* Großbuchstaben */
    font-weight: bold; /* Fettdruck */
    transition: background-color 0.3s ease; /* Sanfte Übergänge bei Hover */
    position: absolute; /* Absolute Positionierung */
    bottom: 15px; /* Abstand vom unteren Rand */
    right: 20px; /* Abstand vom rechten Rand */
}

#facetwp-reset-button:hover {
    background-color: #999; /* Dunkleres Rot beim Überfahren */
}