@CHARSET "UTF-8";
/* variables        [18] */ 
/* fh             [5485] */ .content-fh-wrapper .dp-dlx-inhalteDetails-header{ max-width: none; } #fh-map-wrapper, #fh_map{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #fh-placeholder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(247, 249, 249); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; justify-content: center; align-items: flex-start; padding-top: 50px; } #fh-ajax-results { position: relative; min-height: 150px; } #fh-map-wrapper.is-loading::after, #fh-ajax-results.is-loading::after{ background: rgba(255,255,255,.666) url(../images/loading.gif) center 50px no-repeat; z-index: 1; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } #fh-map-wrapper.is-loading::after{ background-position: center center; } .fh-results-searchfield .search-title { line-height: 1.33; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.55); } .fh-results-searchfield .dp-inpSuche { width: 100%; } .fh-results-searchfield .js-place-input { position: relative; width: 95%; } .fh-results-searchfield .js-place-input.is-loading::after { background: url(../images/loading-input.gif) center no-repeat; width: 30px; height: 30px; right: .5rem; top: 50%; margin-top: -15px; position: absolute; z-index: 2; content: ""; } .dlx-fh-legend { font-size: .875rem; } .dlx-fh-legend .fh-legend-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; justify-content: space-between; } .dlx-fh-legend .fh-legend-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fh-results-content{ margin-top: 75px; } .fh-results-filter { margin-bottom: 75px; } .fh-results-filter .fh-filter-item { padding: 1rem .75rem; background: rgb(231, 234, 235); margin-bottom: 1.5rem; } .fh-results-filter .fh-filter-title { font-size: 16px; color: #7e8081; font-weight: normal!important; margin: 0; } .fh-results-filter .field-wrapper { width: 100%; margin-top: .75rem; border: 2px solid #999999; overflow: hidden; } .fh-results-filter input,.fh-results-filter select { width: 100%; font-size: 16px; color: #7e8081; padding: .5rem .666rem; border: none; outline: none; background: transparent; } .fh-results-filter select { width: calc(100% + 30px); } .fh-result { border-bottom: 2px solid rgb(204, 204, 204); color: #808080; font-size: 14px; transition: all .25s; } .fh-result .fh-header { padding: 1rem; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; align-items: center; padding-right: 2rem; position: relative; } .fh-result .fh-header .fh-title { width: 100%; font-size: 17px; font-weight: normal; margin: 0; } .fh-result .fh-header .fh-address { color: #808080; } .fh-result .fh-header .fh-arrow { font-size: 17px; position: absolute; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; width: 1.5rem; } .fh-result .fh-header .fh-arrow i { color: rgb(153, 153, 153); transition: all .25s; } .fh-result .fh-infobox { height: 0; overflow: hidden; opacity: 0; -webkit-transform:translate(2rem, 0);-ms-transform:translate(2rem, 0);transform:translate(2rem, 0); transition: .666s all; } .fh-result .fh-infobox .fh-infobox-inner { padding: 0 1rem 1rem; } .fh-result .fh-infobox .fh-infobox-value { display: block; margin: 0 0 .5rem; } .fh-result .fh-infobox .fh-infobox-value a { color: #808080; } .fh-result .fh-infobox .fh-infobox-value a:hover { color: rgb(153, 153, 153); } .fh-result .fh-infobox .fh-infobox-title { font-size: 17px; font-weight: normal; color:rgb(17, 17, 17); margin: 1.5rem 0 .75rem; } .fh-result:hover .fh-header .fh-arrow i { color: rgb(25, 25, 25); } .fh-result:hover:not(.is-active) .fh-header { background: rgb(247, 249, 249); } .fh-result.is-active .fh-header .fh-arrow i { -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); transform-origin: 50%; } .fh-result.is-active .fh-infobox { height: auto; opacity: 1; -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } @media all and (min-width: 36em){ .fh-results-searchfield .search-title { font-size: 22px; } } @media all and (min-width: 48em){ } @media all and (min-width: 62em){ .fh-results-searchfield .search-title { font-size: 24px; } .fh-results-searchfield .cols-l { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: flex-end; flex-wrap: wrap; } .fh-results-content{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; margin-bottom: 75px; } .fh-results-filter{ width: 240px; flex-shrink: 0; margin-bottom: 0; padding-right: 28px; } .fh-results-list{ width: 100%; flex-shrink: 1; } .fh-result .fh-header { flex-wrap: no-wrap; padding-right: 0; } .fh-result .fh-header .fh-title,.fh-result .fh-header .fh-address,.fh-result .fh-header .fh-arrow { flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fh-result .fh-header .fh-title { width: 55%; padding-right: 1rem; } .fh-result .fh-header .fh-address { width: 40%; padding-right: 1rem; } .fh-result .fh-header .fh-arrow { width: 5%; position: static; text-align: center; font-size: 22px; } .fh-infobox .fh-infobox-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media all and (min-width: 80em){ } @media all and (min-width: 1900px){ .fh-results-content{ margin-left: -75px; margin-right: -75px; } }