﻿.filter-container{width:100%;background-color:#fff;border:1px solid #d9d8d6;border-radius:4px;padding:16px}@media screen and (min-width: 1024px){.filter-container{width:33%}}.filter-container .filter-suche{display:flex;flex-direction:column;margin-bottom:40px}.filter-container .filter-suche label{color:#003056;font-weight:600;margin-bottom:16px}.filter-container .filter-suche input{padding:8px 8px;border:1px solid #003056;border-radius:4px;font-size:1rem;transition:border-color .2s}.filter-container .filter-suche input:focus{border-color:#003056;outline:none}.filter-container .toggle-filters{display:flex;align-items:center;cursor:pointer;user-select:none;margin-bottom:16px}.filter-container .toggle-filters input[type=checkbox]{display:none}.filter-container .toggle-filters .toggle-label{color:#003056;font-weight:600;position:relative;padding-right:16px}.filter-container .toggle-filters .toggle-label::after{content:"";padding-left:8px;font-family:"Font Awesome 6 Free";font-weight:900;line-height:1;display:inline-block;transition:transform .2s ease}.filter-container .toggle-filters:hover .toggle-label{color:#003056}.filter-container .toggle-filters input[type=checkbox]:checked+.toggle-label::after{content:""}.filter-container #additional-filters{display:none}.filter-container #additional-filters .filter-optionen{display:flex;flex-wrap:wrap}.filter-container #additional-filters .filter-optionen .filter-optionen-container{width:100%;padding-bottom:16px}.filter-container #additional-filters .filter-optionen .filter-optionen-container h3{color:#2e2e2e;font-size:.85em;margin-bottom:8px}.filter-container #additional-filters .filter-optionen .filter-optionen-container label{font-size:.7em;cursor:pointer;display:flex;align-items:center;padding:4px 8px;transition:background .2s}.filter-container #additional-filters .filter-optionen .filter-optionen-container label:hover{background-color:#f1f1f1}.filter-container #additional-filters .filter-optionen .filter-optionen-container label input[type=checkbox]{margin-right:8px;width:16px;height:16px;accent-color:#003056}.sort-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px;margin-bottom:32px}@media screen and (min-width: 1024px){.sort-container{gap:20px;flex-direction:row;align-items:center}}.sort-container label{color:#003056;font-weight:600}@media screen and (min-width: 1024px){.sort-container label{width:50%}}.sort-container select{padding:8px 20px;border:1px solid #003056;border-radius:4px;background-color:#fff;cursor:pointer;transition:border .2s,box-shadow .2s}@media screen and (min-width: 1024px){.sort-container select{width:50%}}.sort-container select:hover{border-color:#003056}.sort-container select:focus{outline:none;border-color:#0071b9;box-shadow:0 0 0 2px rgba(0,113,185,.2)}.active-filter-container{margin:0 0 16px;padding:16px;font-family:"Barlow Semi Condensed","Helvetica Neue",Arial,sans-serif;display:flex;flex-wrap:wrap;flex-direction:column;gap:8px}.active-filter-container p{color:#003056;font-weight:600;margin-bottom:12px}.active-filter-container .results-active-filter #active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filter-container .results-active-filter #active-filters .filter-tag{background-color:#ebeae8;border:1px solid #d9d8d6;border-radius:4px;color:#2e2e2e;font-size:.7em;font-weight:500;padding:4px 8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.active-filter-container .results-active-filter #active-filters .filter-tag:hover{background-color:rgb(33.25,33.25,33.25);color:#e8e7de}.active-filter-container .results-active-filter #active-filters .filter-tag:before{content:"";padding-right:8px;font-family:"Font Awesome 6 Free";font-weight:900;line-height:1;display:inline-block}.active-filter-container .results-active-filter .btn-reset{background-color:rgba(0,0,0,0);padding:0;margin:16px 0;font-size:.7em;color:#003056 !important;text-decoration:underline;text-transform:none;cursor:pointer;border:none}.active-filter-container .results-active-filter .btn-reset:hover{box-shadow:none}/*# sourceMappingURL=datenFilter.css.map */
