﻿.hotel-filter{border-top:1px solid #d6d6d6;padding-top:1.5rem;padding-bottom:1.5rem;margin-top:.5rem;background:#fff}.hotel-filter>div{width:17rem;padding-left:1.5rem;padding-right:1.5rem}@media screen and (max-width: 750px){.hotel-filter>div{width:100%}}.hotel-filter .filter-label{padding-left:0;padding-right:1.5rem;font-size:1rem;width:auto}@media screen and (max-width: 750px){.hotel-filter .filter-label{order:1;padding-left:1.5rem;position:relative}.hotel-filter .filter-label:before{content:"";font-family:"Font Awesome 6 Pro";position:absolute;left:0;display:flex;align-items:start;height:100%;top:0;z-index:200}}.hotel-filter .filter-label .filter-count{text-transform:none;font-size:14px;font-weight:normal}.hotel-filter form{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media screen and (max-width: 750px){.hotel-filter form{gap:1rem}.hotel-filter form .filter-input,.hotel-filter form .filter-submit{display:none}.hotel-filter form.show .filter-input,.hotel-filter form.show .filter-submit{display:block}.hotel-filter form.show .filter-label:before{content:""}}@media screen and (max-width: 750px){.hotel-filter .filter-input{width:100%;order:3}}.hotel-filter .filter-input .filter-input-hidden{display:none}.hotel-filter .filter-input .filter-input-field-name{text-transform:uppercase;font-size:14px;font-weight:bold;position:relative;width:100%;padding-right:1rem}.hotel-filter .filter-input .filter-input-field-name:after{font-family:"Font Awesome 6 Pro";content:"";position:absolute;right:0;display:flex;align-items:center;height:100%;top:0}@media screen and (max-width: 750px){.hotel-filter .filter-input .filter-input-field-name:after{display:none}}.hotel-filter .filter-input .filter-input-field-name.show:after{content:""}.hotel-filter .filter-input .filter-input-field-options{display:none}.hotel-filter .filter-input .filter-input-field-options.show{display:block;position:absolute;background:#fff;padding:.25rem .75rem .75rem;z-index:100;border:1px solid #d6d6d6;border-top:0;border-radius:0 0 .5rem .5rem;width:calc(100% + 2px);left:-1px}@media screen and (max-width: 750px){.hotel-filter .filter-input .filter-input-field-options{display:block;position:relative}}.hotel-filter .filter-input .filter-input-field-options .filter-input-field-option{padding-top:.5rem;padding-left:1.5rem;position:relative}.hotel-filter .filter-input .filter-input-field-options .filter-input-field-option:before{content:"";font-family:"Font Awesome 6 Pro";position:absolute;left:0;display:flex;align-items:flex-end;height:100%;top:0}.hotel-filter .filter-input .filter-input-field-options .filter-input-field-option.checked:before{content:""}.hotel-filter .filter-input .filter-input-field{padding:.5rem .75rem;position:relative;border:1px solid #d6d6d6;border-radius:.5rem}.hotel-filter .filter-input .filter-input-field:has(.checked){background:rgba(214,214,214,.3294117647)}.hotel-filter .filter-input .filter-input-field:has(.checked) .filter-input-field-options{background:#f1f1f1}@media screen and (max-width: 750px){.hotel-filter .filter-submit{width:100%;order:4;text-align:center}}.hotel-filter .filter-submit button{background:none;border:none;text-transform:uppercase;color:#ce9461;text-decoration:underline;font-weight:bold}.hotel-filter .filter-reset{padding-right:0;margin-left:auto}@media screen and (max-width: 750px){.hotel-filter .filter-reset{order:2}.hotel-filter .filter-reset .entfernen{display:none}}.hotel-filter .filter-reset button,.hotel-filter .filter-reset a{background:none;border:none;text-transform:uppercase;color:#d93c59;text-decoration:none;font-weight:normal}.hotelListeWidget:has(.hotel-filter) .summary{border-top:0;padding-top:0;border-bottom:1px solid #d6d6d6}.empty .hotel-filter{margin:-0.85rem -1.35rem 1rem}
