#search #overall_search fieldset { width: 100%;  background: #FFFFFF;  border: none;}
#search #overall_search fieldset legend { display: none;}
#search #overall_search div.ac {width: calc(100% - 26px);}
#search #overall_search div.ac {  float: left;}
#search #overall_search input.search_term { background: #FFFFFF; border: none; width: 100%; font-size: 11px; padding: 6px 5px; float: left;}
div.ac input.search_term {  position: absolute; top: 0;  left: 0; background-color: transparent;color: #666666;  z-index: 2;}
div.ac input.ph { position: static; visibility: hidden;}
div.ac {  position: relative;  background: #FFFFFF;}
div.ac {  position: relative;  background: #FFFFFF;}
#search #overall_search div.ac { width: calc(100% - 26px);}
#search #overall_search div.ac { float: left;}

#search #overall_search input.search_submit {float: right; padding: 5px;}
form input, form optgroup, form option { font-family: Arial,Geneva,Helvetica,sans-serif; color: #777777;}
#search #overall_search { float: right; width: 40%; overflow: hidden;}
#search {  width: 790px; padding: 10px 10px 10px 0; position: relative;}
#sidebar_toggle, #search {  background: #61C2D2;}
#sidebar_toggle {  width: 190px; height: 26px;  padding: 10px 0 10px 10px;}
#sidebar_toggle, #search { background: #61C2D2;}
#sidebar_search { display: flex;  flex-flow: row nowrap;  justify-content: space-between;  align-items: stretch;}

.linke_spalte{  width: 100%;  display: flex; justify-content: space-between; flex-flow: row wrap;  padding: 0 10px 0 0px !important;}

.result_wrapper{ display: flex; padding-top: 20px; flex-flow: column wrap; flex: 0 0 calc(66% - 5px);}

.ad_wrapper{  display: flex;  flex: 0 0 calc(33% - 30px);  width: 40%;  flex-flow: row wrap; justify-content: center;  padding-top: 20px;  align-items: flex-start;   align-content: flex-start;}
.ad_wrapper_mobile{display: none;}

.result_info{width: 100%; margin-bottom: 25px;}

.result_wrapper span{font-weight: bold; color: #04859D; margin: 0 3px 0 3px;}
.result_wrapper h1, .result_wrapper h2, .result_wrapper h3, .result_wrapper h4, .result_wrapper h5{ text-decoration: none; border: none;  margin: 0 0 0 0;}
.result_wrapper h2{  font-style: normal;   font-family: Arial, Helvetica, sans-serif;font-size: 20px; line-height: 1.2;}
.result_wrapper span.highlight {margin: 0 !important;}
.result_wrapper .flag {height: 12px;}

.result_element_wrapper{margin-bottom: 25px; flex: 0 0 calc(100%0);  display: flex; padding: 5px 10px 5px 0px; flex-wrap: wrap; /* box-shadow: rgb(196, 196, 196) 3px 3px 5px 0px; padding: 20px; */}
.result_title {align-items: center; display: flex; flex-flow: row wrap; display: unset; text-overflow: ellipsis; overflow: hidden; max-width: 380px; white-space: nowrap; float: left; width: auto;}
.result_news .result_title { max-width: 580px; }
.result_poi .result_title { max-width: 580px; }
.result_tag{background-color: #04859D;   border-radius: 3px;   text-align: left; margin: 0 5px 0px 5px !important;  padding: 2px 6px 2px 6px;   font-size: 12px; font-style: normal;   font-family: Arial,Geneva,Helvetica,sans-serif;}
.result_tag span { color: #fff !important; }
.result_title i{margin-right: 3px; color: #61C2D2;}

.result_element_wrapper a:hover {
    width: 100%;
}

.result_element_wrapper a:hover {
background-color: #eee;
text-decoration: none;
display: block;
width: 100%;
padding: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px 5px #eee;
}

.result_tag span{color: white; font-weight: normal; }
.ski_tag{background-color: #04859D;}
.region_tag{background-color: #61C2D2;}
.news_summer_tag{background-color: #c0dc9d;}
.news_winter_tag{background-color: #c0dc9d;}
.accom_tag{background-color: #FF7700;}
.summer_tag{background-color: #4B9318;}
.poi_tag{background-color: #04859D;}


.result_tag_alt{  font-size: 14px; font-style: normal; font-family: Arial,Geneva,Helvetica,sans-serif;}
.result_tag_alt span{ font-weight: normal;color:#666!important; }
.ski_tag_alt{border-color: #04859D;border-bottom: solid 1px #04859D;}
.region_tag_alt{border-color: #61C2D2; border-bottom: solid 1px #61C2D2;}
.news_tag_alt{border-color: olive; border-bottom: solid 1px olive;}
.accom_tag_alt{border-color: #FF7700; border-bottom: solid 1px #FF7700;}

.result_area { clear: both; }
.result_tag_alt i{margin-right: 3px; color: #61C2D2; }
.result_element_wrapper .result_ski .result_area{display: flex;flex-flow: column wrap; }

.result_description{margin: 5px 0 0px 0; color: #666; font-size: 15px; clear:both;}
.result_description_text {color: #666;}
.result_category span {text-transform:uppercase; margin:0;}

.result_ski_location{font-size: 14px; color: #666!important;}
.result_ski_location p{margin: 0px 0px 0px 5px;}
.result_ski_location i{margin-right: 3px; color: #FF7700;}
.result_ski_location span{color: #666 !important;font-weight: normal!important; margin:0 3px 0 3px}
.result_ski_location span span {color: #04859D; font-weight: bold!important;}

.result_ski_accom_type{font-size: 14px; color: #666!important;}
.result_ski_accom_type p{margin: 0px 0px 0px 0px;}
.result_ski_accom_type i{margin-right: -2px; color: gold;}
.result_ski_accom_type span{color: #666;font-weight: normal!important; margin:0 3px 0 3px}

.result_accom{width: 75%; display: flex; flex-wrap: wrap; margin-left: 5px;}
.result_accom_pic{width: 20%;}
.result_accom_pic img{width: 100%;}

.result_ski_stars{font-size: 14px; color: #666;}
.result_ski_stars i{color: #999; margin: 0px 0px 0 0px; }
.result_ski_stars .full{color: #FF6600!important}

.result_ski_info{color: #666; align-items: center; font-size: 14px;display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0px 0 0 0;}
.result_ski_info div{flex: 0 0 (25%); margin: 0px 5px 0 5px;}
.result_ski_info div :first-child{margin-left: 0px!important}
.result_ski_info div i{margin-right: 3px; color: #61C2D2;}
.result_ski_info_season .open{color: green!important}
.result_ski_info_season .closed {color: crimson!important}

.result_ski_info_lifts i{margin-left: 0px!important;}
.result_ski_info_lifts{margin-left: 0px!important;}

.features{display: inline-flex; flex-wrap: wrap; vertical-align: baseline;}
.features > i{	margin-right: 10px!important;position: relative;}
.features i.custom{font-style: normal;}
.features i:before{color: #607d8b;font-size: 18px;}
.features i.custom:before{ font-family: "icomoon";}
.features i.custom.icon_sauna:before{content: "\e023";font-size: 20px;}
.features i.custom.icon_pool{	margin: 1px 10px 1px -2px;}
.features i.custom.icon_pool:before{	content: "\e026";font-size: 24px;}
.features i.fas .fa-check-circle:before,
.features i.custom .fa-check-circle:before{ color: #3dca4e; position: absolute; font-size: 12px; top: 12px; right: -3px; }

ul.result .content .informations {	  color: #3dca4e;	position: absolute;  font-size: 12px;  margin-top: -10px!important; right: -3px;}
ul.result .content .informations {  width: calc(100%);  display: flex; flex-wrap: wrap; margin-top: 5px; justify-content: flex-start;}

.result_filter{  display: flex;  width: 100%; margin: 10px 0px 10px 0;border-bottom: 1px solid #61C2D2;}
.result_filter div{ display: flex;min-width: 75px;padding: 10px 10px 10px 10px;justify-content: flex-start;margin-right: 10px;text-align: left;}
.result_filter div a{text-decoration: none;color: #04859D;}
.result_filter .active{border-bottom: 3px solid #FF7700;font-weight: bold;color: #04859D;}
.result_filter div:hover {  border-bottom: 3px solid #FF7700; color: #04859D;}
.result_filter_mobile{ display: none;}

.ausstattung_wrap {  display: inline-block;  margin-left: -5px!important; color: #666; font-weight: normal!important;  font-size: 14px;}

.loadingSpinner_results {
    border: 16px solid #F2F2F2; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 45px;
    height: 45px;
    animation: spin 2s linear infinite;
    z-index: 12;
    bottom: -25px;
    display: none;
    margin-left: calc(33% - 44px);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.result_category span {
    font-weight: bold;
    color: #04859D;    
}

.showDesktop{ display: inline !important; float:left; }
.showMobile{ display: none !important; }

@media (max-width: 639px){
    .showDesktop{ display: none !important; }
    .showMobile{ display: inline !important; float: none; }
    .result_title { display: unset; text-overflow: unset; overflow: auto; max-width: auto; white-space: unset; float: none; }
}