@charset "UTF-8";
/***!  /templates/sdt-hotels/css/suedtiroler.css?c9fee5  !***/

/*

gelb = #f2b41e
dunkelblau = #071f38
türkis = #299fa8
text = #3f3f3f

blau (dünkler) 	= #2c787e
blau			= #299fa8
blau (heller) 	= #66c5cc

*/
*{-webkit-text-size-adjust:100%;}
body {color:#3f3f3f;font-family: 'Source Sans Pro',sans-serif; left: 0;}
input, select, button, textarea {color:#3f3f3f;font-family: 'Source Sans Pro',sans-serif;}
.center {position:relative;max-width:960px;width:95%;margin:0 auto;}
.clear {clear:both;}
#header *, body, #mobileblock {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#bg { background-color: #FFF;}
/* *** #header_bar *** */
#header_bar {position:relative;height:38px;background-color:#f2b41e;z-index:335;} 
#header_bar .center > * {position:relative;float:left;}
#header_bar .mod-languages {width:80px;text-align:center;margin:9px 40px 0 0;}
#header_bar .mod-languages li {margin:0 auto;display:inline-block;padding:0;}
#header_bar .mod-languages a {color:#3e3e3e;text-transform:uppercase;text-decoration:none;display:inline-block;padding:0 5px;font-size:14px;}
#header_bar .icon-bar {margin:5px 80px 0 0;}
#header_bar .icon-bar li {display:inline-block;}
#header_bar .icon-bar li a {display:inline-block;height:24px;width:24px;background-color:#071f38;color:#f2b41e;text-decoration:none;text-align:center;line-height:24px;font-size:14px;margin:0 1px;}
#header_bar .icon-bar li a:hover {background-color:#000;}
.icon-bar li a > span {display:block;min-width:20px;min-height:20px;background-color:#FFF;padding:5px 5px;position:absolute;top:-1px;z-index:10;margin-left:-50000px;line-height:5px;}
.icon-bar li.sfhover a > span  {margin-left:-5px;}
.icon-bar li a > span > span { height: 20px; overflow: hidden;}
#header_bar .search-bar {position:relative;height:24px;width:200px;margin:5px 0px 0 0;}
.search-bar-icon {position:relative;float:left;color:#FFF;background-color:#071f38;height:24px;width:24px;text-align:center;line-height:24px;font-size:14px;}
.search-bar-form {position:relative;float:left; background-color: #FFF;}
.search-bar-form input {height:24px;background-color:#FFF;border:none;display:inline-block;margin:0;padding:0 0 0 10px;outline: 0;}
.search-bar-button {position:relative;float:left;background-color:#FFF;padding-right:4px;cursor:pointer;outline: 0;}
.search-bar-button button {height:24px;width:24px;background-color:#FFF;border:none;font-size:14px;color:#696969;cursor:pointer;outline: 0;}
#search-result {position:absolute;background-color:#FFF;top:26px;left:24px;width:170px;padding:5px 0;z-index:400;display:none;}
#search-result a, #search-result > span {display:block;text-decoration:none;padding:5px;font-size:12px;color:#333;border-top:1px solid #DDD;margin:0 5px;}
#search-result a:hover {text-decoration:underline;}
#search-result a:first-child {border-top:none;}
#search-result .foundString {background-color:#f2b41e;}
#header_bar .offer-bar {position:relative;margin:5px 0 0 0;float:right;}
#header_bar .offer-bar li {margin:0 auto;display:inline-block;padding:0;}
#header_bar .offer-bar li a {display:inline-block;height:24px;line-height:24px;background-color:#299fa8;color:#FFF;font-size:14px;text-transform:uppercase;text-decoration:none;padding:0 12px;margin:0 0 0 5px;}
#header_bar .offer-bar li a:hover {background-color:#66c5cc;}

.privacyTextBox {position: relative; max-height: 80px;
    overflow: auto;
    font-size: 11px;
    line-height: 130%;
    padding: 5px;
    font-weight: normal;
    color: #444;}

/* *** #header *** */
#header {position:relative;z-index:200;}
#logo {position:relative;padding:15px 0;display:block;width:339px;height:56px;}
#logo img {width:100%;height:auto;}
nav {position:absolute;top:48px;right:0;}
#mobilemenu {display:none;font-size:19px;padding:5px 20px;cursor:pointer;border-left:1px solid #dfdbd4;}
#mobilemenu:after, #mainnav > li:hover > span:after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#mobilemenu:after {display:block;content: "\f078";color:#f2b41e;position:absolute;left:50%;font-size:20px;width:30px;text-align:center;margin-left:-15px;bottom:-18px;z-index:300;}
#mainnav > li {float:left;border-left:1px solid #dfdbd4;height:38px;position:relative;}
#mainnav > li:first-child {border-left:none;}
#mainnav > li > a, #mainnav > li > span {display:block;font-size:16px;color:#3e3e3e;line-height:130%;text-align:center;text-decoration:none;height:38px;margin-top:-13px;padding:0 28px;position:relative;}
#mainnav > li > span {cursor:default;}
#mainnav > li:hover > ul {display:block;}
#mainnav > li:hover > a, #mainnav > li:hover > span {color:#000;}
#mainnav > li:hover > span:after {display:block;content: "\f078";color:#f2b41e;position:absolute;left:50%;font-size:20px;width:30px;text-align:center;margin-left:-15px;bottom:-22px;z-index:300;}
#mainnav > li > ul {position:absolute; display:none;top:38px;width:310px;padding:20px 0px 10px 0px;background-color:#071f38;background-color:rgba(7,31,56,0.86);padding-bottom:20px;}
#mainnav > li li span, #mainnav > li li > a {color:#FFF;font-size:14px;padding:7px 7px 7px 20px;display:block;cursor:default;text-decoration:none;}
#mainnav > li li span:before, #mainnav > li li > a:before {content:"▪";padding-right:5px;}
#mainnav > li li:hover span,#mainnav > li li:hover > a {color:#f2b41e;background-color:#071f38;}
#mainnav > li li > ul {display:none;background-color:rgba(7,31,56,0.86);}
#mainnav > li:hover li:hover > ul {display:block;}
#mainnav > li li > ul {position:absolute;top:0;right:-310px;padding:0 0px 0 0px;width:310px;background-color:#071f38;height:100%;padding-left:0px;background-color:rgba(7,31,56,0.86);}
#mainnav > li li > ul:before {content:".";text-indent:-99999em;height:100%;width:1px;background-color:#7ea3ad;display:block;position:absolute;left:0;top:0;}
#mainnav > li li li > * {color:#FFF;font-size:14px;padding:7px 0 7px 40px;display:block;cursor:default;text-decoration:none;cursor:pointer;}
#mainnav > li li li > *:before {content:"▪";padding-right:5px;}
#mainnav > li li li:first-child {padding-top:20px;}
#mainnav > li li li:hover a {color:#f2b41e;background-color:#071f38;}
#mainnav > li.item-xxx {position:static;}
#mainnav > li.item-xxx > ul {right:310px;}
#mainnav > li.item-xxx li > ul {right:-310px;}
#mainnav a { cursor: pointer!Important;}
#mobilebefore, #mobileafter { display: none;}
.mobilebackbutton{ display: none;}
/* *** #slider *** */
#slider {position:relative;line-height:12px;max-width: 1300px;margin: 0 auto; max-height: 452px; overflow: hidden;}
#slider-controller { position:absolute; bottom:10px; left:0; width:100%; z-index:50; text-align:center; font-size:30px;}
#slider-controller a { color:#FFF; text-decoration:none; display:inline-block; width:30px; height:30px;opacity:0.75;}
#slider-controller a:hover { opacity:1;}

/* *** #wrapper *** */
#wrapper {position:relative;margin:0 auto;max-width:960px;width:95%;z-index:300;}

/* *** aside *** */
aside {float:left;position:relative;margin-top:-40px;z-index:400;}
.themed-hotels {position:relative;width:230px;margin:0 20px 10px 0;}
.theme-hotel {position:relative;padding-bottom:12px;border:1px solid #e0e0e0;margin:5px 0;box-shadow:-1px 3px 5px rgba(0,0,0,0.1);background-color:#FFF;}
.theme-hotel-title a {display:block;text-decoration:none;color:#3f3f3f;text-transform:uppercase;padding:12px;text-align:center;line-height:130%;}
.theme-hotel-stars {position:relative;margin:0 25px;}
.theme-hotel-stars a {display:block;text-decoration:none;color:#3f3f3f;padding:0 12px 10px;border-bottom:1px solid #b9b9b9;text-align:center;margin-bottom:13px;}
.theme-hotel-cin {text-align:center; font-size: 0.8em; margin-bottom: 15px;}
.theme-hotel-links {text-align:center;}
.theme-hotel-links a {display:inline-block;background-color:#f2b41e;padding:5px 25px;color:#3f3f3f;font-size:14px;text-decoration:none;border-radius:30px;}
.theme-hotel-links a:hover { color:#000;}
.theme-hotel-links i {margin-left:8px;}
.theme-hotel-image a {position:absolute;bottom:5px;right:5px;color:#299fa8;display:block;width:20px;text-align:center;}
.theme-hotel-preview {position:absolute;top:0;right:-50px;display:none;padding:10px;background-color:#FFF;box-shadow:-1px 3px 5px rgba(0,0,0,0.1);top: 20px;right: -276px;}
.theme-hotel-preview img {display:block;background-color:#DDD;}

.themed-hotels .theme-hotel-stars i {vertical-align:super; font-size:16px; color:#3f3f3f; letter-spacing:2px;}

.themed-hotels .theme-hotel-stars i {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;}
.themed-hotels .theme-hotel-stars i:after {font-family:'Source Sans Pro',sans-serif;}
.themed-hotels .theme-hotel-stars .icon_star:before {content: "\f005";}

.themed-hotels .theme-hotel-stars .icon_star-star1:before {content: "\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star2:before {content: "\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star2s:before {content: "\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star3:before {content: "\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star3s:before {content: "\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star4:before {content: "\f005\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star4s:before {content: "\f005\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star5:before {content: "\f005\f005\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star5s:before {content: "\f005\f005\f005\f005\f005";}
.themed-hotels .theme-hotel-stars .icon_star-star5l:before {content: "\f005\f005\f005\f005\f005";}

.themed-hotels .theme-hotel-stars .icon_star-star5l:after {content:"L"; vertical-align:text-top;}
.themed-hotels .theme-hotel-stars .icon_star-star5s:after {content:"S"; vertical-align:text-top;}
.themed-hotels .theme-hotel-stars .icon_star-star4s:after {content:"S"; vertical-align:text-top;}
.themed-hotels .theme-hotel-stars .icon_star-star3s:after {content:"S"; vertical-align:text-top;}
.themed-hotels .theme-hotel-stars .icon_star-star2s:after {content:"S"; vertical-align:text-top;}

/* *** article *** */
article {position:relative;line-height:135%;font-size:16px;color:#3f3f3f;padding-top:10px;}
article h1 {font-size:36px;line-height:135%;margin-bottom:20px;}
article p {margin-bottom:0.8em;}
article strong {font-weight:bold;}

article{position:relative;padding:20px;font-size:14px;line-height:145%;}
article h2{ font-size: 24px; margin-bottom:5px; margin-top: 25px;}
article h3{ font-size: 18px; margin-bottom: 5px; margin-top: 20px;}
article a{ color: #299fa8; text-decoration: underline;}
article a:hover{ text-decoration: none;}
article strong{font-weight:bold;}
article ul{position:relative;margin-bottom:0.8em;}
article li{margin:3px 0 3px 20px; list-style-type: none;}
article li:before { content:"●"; padding-right: 5px;}
#xmap br { display: none;}

/* *** #themed-links *** */
#themed-links {position:relative;vertical-align:top;padding-bottom:30px;max-width:960px;width:95%;margin:0 auto;}
.theme-link {box-shadow:-1px 3px 5px rgba(0,0,0,0.1);width:31%;margin:0 1%;display:inline-block;vertical-align:top;}
.themed-links-image {position:relative;margin:10px 10px 0 10px;}
.themed-links-image a, .themed-links-image img {display:block;width:100%;height:auto;}
.themed-links-title {position:relative;text-align:center;margin:10px 10px 20px;}
.themed-links-title a {display:block;color:#3f3f3f;text-decoration:none;text-transform:uppercase;font-size:23px;}
.themed-links-links {position:relative;text-align:center;margin-bottom:-19px;}
.themed-links-links a {display:inline-block;background-color:#2c787e;color:#FFF;text-decoration:none;text-transform:uppercase;padding:10px 15px;font-size:16px;line-height:14px;}
.themed-links-links i {margin-left:5px;}
.themed-links-links br {display:none;}
.theme-link + .theme-link .themed-links-links a {background-color:#299fa8;}
.theme-link + .theme-link + .theme-link .themed-links-links a {background-color:#66c5cc;}

/* *** #emotion-box *** */
#emotion-box {position:relative;margin-top:30px;}
#emotions {position:relative;overflow:hidden;}
#emotions img {display:block;width:25%;height:auto;float:left;background-color:#DDD;}

/* *** footer *** */
footer {position:relative;border-top:10px solid #f2b41e;background-color:#f7f7f7;padding:20px 0 13px;}
.footer-logo {position:relative;float:left;}
.footer-service {position:relative;float:right;margin-right:80px;margin-top:30px;}
.footer-service li {display:inline-block;}
.footer-service a {display:inline-block;color:#3f3f3f;font-size:14px;text-decoration:none;padding:0 5px;margin:0 5px;text-transform:uppercase;}
.footer-service a:hover {color:#000;}
.footer-altea {position:absolute;right:0;top:26px;}
.footer-copyright {clear:both;font-size:14px;color:#3f3f3f;border-top:1px solid #c3c3c3;padding-top:13px;margin-top:22px;}


.mm-menu { background-color: #071f38;}
.mm-page{ background-color: #FFF!important;}
.mm-list > li > a, .mm-list > li > span { color: #FFF;}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color:#FFF;}
#intro div, #outro div { position: relative;height: 40px;line-height: 40px;background: #299fa8; background-color: rgba(41, 159, 168, 0.7);color: #FFF;border-top:1px solid #071f38;}
#intro div a, #outro div a { display: block; text-decoration: none; color: #FFF; padding: 0 20px;}
#intro div a i, #outro div a i { margin-right: 5px;}
.mm-menu .mm-list > li:after { border-color:rgba(255,255,255,0.15);}

.hoteloverview { position: relative; clear: both; padding-top: 20px;position: relative;}
.hoteloverview .comune > .body, .hoteloverview .comune.fraz_only .frazione > .body { position: relative; margin: -1%;}
.hoteloverview .comune > .head, .hoteloverview .comune.fraz_only .frazione > .head { font-size: 26px; color: #3f3f3f; margin: 30px 0 15px; line-height: 130%;}    
.hoteloverview .comune.fraz_only .frazione > .head { margin-top: 0;}
.hoteloverview .body { overflow: hidden; position: relative;}
.hoteloverview .comune.fraz_only > .body { position: relative; margin:0;}
.hoteloverview .frazione, .hoteloverview .frazione > .head, .hoteloverview .frazione > .body, .hoteloverview .frazione .foot { display: inline;}
.hoteloverview .comune.fraz_only .frazione, .hoteloverview .comune.fraz_only .frazione > * { display: block;} 

.hoteloverview .hotel { position: relative;width: 47%; margin:1%; float: left; border: 1px solid #698b97;}
.hoteloverview .hotel .link { height: 40px; line-height: 40px; background-color: #299fa8; color: #FFF; text-align: right; padding: 0 10px; font-size: 17px;}
.hoteloverview .hotel .link a { text-decoration: none; color: #FFF; display: block;}
.hoteloverview .hotel .link i { margin-left: 7px;}
.hoteloverview .hotel .l img { display: block; width: 100%;}
.hoteloverview .hotel .l { float: left; margin: 1%; width: 38%;}
.hoteloverview .hotel .r { float: right; margin: 1%; width: 58%; font-size: 14px; color: #969696;}
.hoteloverview .hotel .tit { font-size: 17px;color: #3f3f3f;}
.hoteloverview .hotel .tit a { color: #3f3f3f; text-decoration: none; text-transform: uppercase;}
.hoteloverview .hotel .tit span { font-size: 12px; letter-spacing: 1px; white-space: nowrap;}

.familienhotelsbox { position: relative; overflow: hidden;}
.familienhotelsbox .fy-element { position: relative;border: 1px solid #698b97; margin:0 0 2% 0; overflow: hidden;}
.familienhotelsbox .fy-element .img {float: left; display: block;margin: 1%;width:160px;}
.familienhotelsbox .fy-element .img img { display: block;}
.familienhotelsbox .fy-element .tit, .familienhotelsbox .fy-element .adr, .familienhotelsbox .fy-element .tel, .familienhotelsbox .fy-element .fax, .familienhotelsbox .fy-element .web { position: relative; display: block; text-decoration: none;margin:0 0 1px;font-size: 14px;color: #969696;} 
.familienhotelsbox .fy-element .mail { display: none;}
.familienhotelsbox .fy-element .web {color: #299fa8;text-decoration: underline;}
.familienhotelsbox .fy-element .web:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0ac"; padding-right: 4px; text-decoration: none; color: #969696;}
.familienhotelsbox .fy-element .tit {color: #3f3f3f;text-decoration: none;text-transform: uppercase;font-size: 17px;color: #3f3f3f; margin-top: 1%;}
.familienhotelsbox .fy-element br { display: none;}

.familienhotelsbox i {vertical-align:super; font-size:9px; color:#f2b41e; letter-spacing:2px;}

.familienhotelsbox i {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;}
.familienhotelsbox i:after {color: #f2b41e;  font-size:13px;}
.familienhotelsbox .icon_star:before {content: "\f005";}

.familienhotelsbox .icon_star-star1:before {content: "\f005";}
.familienhotelsbox .icon_star-star2:before {content: "\f005\f005";}
.familienhotelsbox .icon_star-star2s:before {content: "\f005\f005";}
.familienhotelsbox .icon_star-star3:before {content: "\f005\f005\f005";}
.familienhotelsbox .icon_star-star3s:before {content: "\f005\f005\f005";}
.familienhotelsbox .icon_star-star4:before {content: "\f005\f005\f005\f005";}
.familienhotelsbox .icon_star-star4s:before {content: "\f005\f005\f005\f005";}
.familienhotelsbox .icon_star-star5:before {content: "\f005\f005\f005\f005\f005";}
.familienhotelsbox .icon_star-star5s:before {content: "\f005\f005\f005\f005\f005";}
.familienhotelsbox .icon_star-star5l:before {content: "\f005\f005\f005\f005\f005";}

.familienhotelsbox .icon_star-star5l:after {content:"L"; vertical-align:text-top;}
.familienhotelsbox .icon_star-star5s:after {content:"S"; vertical-align:text-top;}
.familienhotelsbox .icon_star-star4s:after {content:"S"; vertical-align:text-top;}
.familienhotelsbox .icon_star-star3s:after {content:"S"; vertical-align:text-top;}
.familienhotelsbox .icon_star-star2s:after {content:"S"; vertical-align:text-top;}

.lm-content { position: relative; overflow: hidden;}
.lm-content .lm-element { position: relative;border: 1px solid #698b97; margin:0 0 2% 0; overflow: hidden;}
.lm-content .lm-element .left {float: left; display: block;margin: 1%;width: 260px;}
.lm-content .lm-element .right { margin: 1%; position: relative; display:block;min-height: 160px;}
.lm-content .lm-element .left img { display: block;}
.lm-content .lm-element .titl, .lm-content .lm-element .date, .lm-content .lm-element .info, .lm-content .lm-element .fax, .lm-content .lm-element .desc { position: relative; display: block; text-decoration: none;margin:0 0 1px;font-size: 14px;color: #969696;} 
.lm-content .lm-element .mail { display: none;}
.lm-content .lm-element .web {color: #299fa8;text-decoration: underline;}
.lm-content .lm-element .web:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0ac"; padding-right: 4px; text-decoration: none; color: #969696;}
.lm-content .lm-element .titl {color: #3f3f3f;text-decoration: none;text-transform: uppercase;font-size: 17px;color: #3f3f3f; margin-top: 1%;}
.lm-content .lm-element br { display: none;}
.lm-content .lm-element .info > * { display: inline-block;}
.lm-content .lm-element .right img { display: none;}
.lm-content .lm-element .right .arro { display: block; float:right; width:40px; height: 100%; background-color: #698b97;position: absolute;right: 0;top: 0; color: #FFF;}
.lm-content .lm-element .right .arro:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0a9"; font-size: 25px;display: block;position: absolute;top: 50%;margin-top: -13px; left: 8px;}
.lm-content .lm-element .desc {margin-right: 50px;}

.designhotelsbox { position: relative; overflow: hidden;}
.designhotelsbox .ds-element { position: relative;border: 1px solid #698b97; margin:0 0 2% 0; overflow: hidden; padding: 1%;}
.designhotelsbox .ds-element .tit, .designhotelsbox .ds-element .web { display: block; width: 50%; float: left;background-color: #698b97; color: #FFF; text-align: center; padding:5px 0;}
.designhotelsbox .ds-element .info { position: relative; overflow: hidden;}
.designhotelsbox .ds-element .cin {text-align:center; font-size:0.8em;}
.designhotelsbox .ds-element .tit { text-decoration: none;}
.designhotelsbox .ds-element .imgs { text-align: center;}
.designhotelsbox .ds-element img, .designhotelsbox .ds-element .imgs a { display:inline-block;}

#map-altoadige { position: relative;}
#map-altoadige > img { display: block; margin:40px auto 20px;}
.legend-box  { position: relative; overflow: hidden; padding: 10px; border: 1px solid #c3c3c3; background-color: #F2F2F2;}
.legend-box > ul { position:relative; width: 25%; float: left; margin-bottom: 0;}

.linktohotel { position: relative; display:inline-block;display: inline-block;background-color: #2c787e;color: #FFF;text-decoration: none;padding: 10px 15px;font-size: 16px;line-height: 130%; margin-bottom: 10px;}
.linktohotel:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0a9"; margin-left:10px;}

#form_portale table { position: relative; min-width:75%; box-sizing: border-box; white-space: nowrap;}
#form_portale input[type="text"], #form_portale select, #form_portale textarea { margin: 0; padding:5px; border: 1px solid #CCC; font-size: 12px; display: inline-block; margin-left: 5px;}
#form_portale td { padding:3px 0;}
#form_portale textarea { margin-left: 0; width: 90%; height: 60px;}
#form_portale select { margin-right: 30px;}
#form_portale label { display: inline-block; min-width: 25px;}
#form_portale .portali_localita label { display: inline-block; min-width: 150px;}
#form_portale h2 { font-size: 16px; color: #999; font-weight: bold; margin-bottom: 5px;}
#form_portale input[type="reset"] { display: none!important;}
#ris_form{display:none;border:1px dotted #D8000C;padding:10px 15px;display:none;background-color:#F2F2F2;font-size:14px;}
#ris_form p{font-size:12px;color:#222;margin:3px 0;}
tr.disabled img{display:none!Important;}
tr.disabled td, select.disable {opacity:0.4;}
#form_portale .portali_red { color: #F22E1E; font-weight: bold;}
#form_portale input[type="submit"] { background:#f2b41e; padding:10px 15px; border: none; border-radius: 0; font-size: 16px; color: #000;border-radius: 5px;margin: 0 auto;display: block; font-weight: bold; cursor: pointer;}
.themed-hotels.hotelListView .theme-hotel-stars, .themed-hotels.hotelListView .theme-hotel-preview { display:none;}
.scroll-to-top { bottom: 8%; cursor: pointer; width: 32px; height: 32px; position: fixed; right: 15px; z-index: 999; display: none;background-color: #66c5cc; border-radius: 5px;  font-size: 26px; text-align: center; color: #FFF; line-height: 30px;}
#cookiesDiv{background:#f2f2f2;position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #e4e4e4;text-align:center;z-index:10000;}
#cookiesSentence{text-align:left;clear:both;line-height:25px;padding-bottom:5px;color:#666;font-size:13px;}
.cookiesButton{background-color:#66c5cc;border-radius:2px;color:#fff;cursor:default;display:inline;font-size:11px;font-weight:bold;height:17px;line-height:19px;margin-right:0px;min-width:26px;outline:0;margin-left:10px;padding:2px 5px;text-align:center;white-space:nowrap;cursor:pointer;}
@media only screen and (max-width:1030px) {
	#mainnav > li > a, #mainnav > li > span {padding:0 20px;}	
}

@media only screen and (max-width:950px) {
	#mobilemenu {display:block;position:absolute;right:0;}
	#header_bar .icon-bar {margin-right:40px;}
        nav { width: 100%;}
        #header { z-index: 305;}
	#mainnav {display:none;background-color: #071f38;background-color: rgba(7,31,56,0.86); position: absolute; left: 0; width: 100%; height: 380px; top: 38px; padding-top: 20px;}
        #mainnav.open { display: block;}
	.themed-links-title a {font-size:19px;}
	article h1 {font-size:28px;}
        #header .center { width: auto;}
        #logo { margin-left:20px;}
        #mainnav:before, #mainnav:after { content:"."; text-indent: -9999em; position: absolute; width: 1px; height: 93%; background-color: #FFF; left: 33%;top: 0; opacity: 0.3; margin: 2% 0 0 0;}
        #mainnav:after { left: 69%;}
        #mainnav a, #mainnav span { line-height: 130%;}
        #mainnav > li > a, #mainnav > li > span { margin-top: 0; line-height:38px; padding: 0 15px;}
        #mainnav a { cursor: pointer!important;}
        #mainnav > li:hover > a, #mainnav > li:hover > span {color: #f2b41e;background:none;}
        #mainnav > li:hover > span:after{ display: none;}
        #mainnav > li { float:none; height: auto; width: 33%; position: static!Important;}
        #mainnav > li > a br, #mainnav > li > span br, #my-menu ul br { display: none;}
        #mainnav > li > a, #mainnav > li > span { color: #FFF; text-align: left;}
        #mainnav > li ul { display: none; position: absolute; left: 33%; background: none; width: 66%; padding: 0; top: 0; padding-top: 20px;}
        #mainnav > li ul li { position: static;}      
        #mainnav > li li ul { display: none;position: absolute; left:55%; background: none; width:45%; padding:0; top: 0; right: auto!important; height: auto;}
        #mainnav > li ul li { position: static;}
        #mainnav > li li ul:before { display: none;}
        #mainnav > li li li { padding: 0;}
        #mainnav > li li:hover span, #mainnav > li li:hover > a, #mainnav > li li li:hover a {background:none;}
        #mainnav > li li li > * { padding-left:20px;}
        #mainnav > li li span, #mainnav > li li > a { width: 48%; padding: 5px 8px 5px 20px;}
        #mainnav > li li li span, #mainnav > li li li > a { width: 44%;}
        #mainnav > li li li span, #mainnav > li li li > a { width: auto;}  
        #mainnav{ display: none!Important;}
        /*#mainnav > li:first-child > ul { display: block;}
        #mainnav > li:first-child li:first-child > ul { display: block;}*/

}
@media only screen and (max-width:815px) {
	#header_bar .mod-languages {margin-right:10px;}
	#header_bar .icon-bar {margin-right:20px;}
	.themed-links-title a {font-size:16px;}
	.themed-links-links a {padding:5px 10px;font-size:14px;}
	.themed-links-links {margin-bottom:-13px;}
	.themed-links-title {margin-bottom:10px;}
        .designhotelsbox .ds-element .tit, .designhotelsbox .ds-element .web { width: auto; float: none;}
}
@media only screen and (max-width:750px) {
	#header_bar .search-bar {width:52px;}
	.search-bar-button {padding-right:0;}
	.search-bar {display:none;}
	.footer-service a {margin:0;}
	.footer-service {margin-right:50px;}
	.footer-logo {width:250px;margin-top:5px;}
	.footer-logo img {width:100%;height:auto;}
        #mainnav > li > a, #mainnav > li > span { font-size: 15px;}
        #mainnav > li li span, #mainnav > li li > a { font-size: 13px;}
        #wrapper { width: 90%;}
        .hoteloverview .hotel { float: none; width: auto; margin:1% 0;}
        .hoteloverview .hotel .l img { height: auto;}
}

@media only screen and (min-width:951px) { 
    #my-menu { display: none!Important;}
    .mm-page {-webkit-transform:inherit!important;transform:inherit!important;}
    #mm-blocker{ display: none!Important;}
}
@media only screen and (max-width:650px) {      
	.footer-logo {position:relative;float:none;margin:0 auto;width:auto;text-align:center;}
	.footer-logo img {width:auto;height:auto;}
	.footer-service { float:none;position:relative;margin:30px auto 20px;text-align:center;}
	.footer-altea {position:relative;right:auto;top:auto;text-align:center;}
	.footer-copyright {text-align:center;}
	article h1 {font-size:24px;}        
}
@media only screen and (max-width:600px) {
	.offer-bar {display:none;}
	#header_bar {text-align:center;}
	#header_bar > .center {width:220px;height:38px; padding-top: 2px;}
        #header_bar .icon-bar { margin-right: 0;}
	.theme-link {display:block;width:auto;margin:5px 0;padding:5px 0 5px 10px;}
	.themed-links-image {display:none;}
	.themed-links-links {margin:0;display:inline-block;width:49%;text-align:right;}	
	.themed-links-title {margin:0;display:inline-block;width:49%;text-align:left;}
	.themed-hotels {display:none;}
	
}
@media only screen and (max-width:500px) {
	nav {position:relative;top:auto;right:auto;}
	#logo {margin:0 auto;}
	#mobilemenu {text-align:center;border:none; position: relative; right: auto; height: 30px; line-height: 30px;background: #66c5cc;color: #FFF;}
        #mobilemenu:after { display: none;}
        .hoteloverview .hotel .l, .hoteloverview .hotel .r { float: none; width: auto; margin: 1%;}
        .lm-content .lm-element .right .arro { float: none; position: relative; top: auto; right: auto; height: 40px; width: 100%; margin-top: 5px;}
        .lm-content .lm-element .right .arro:after { position: relative; margin:9px; float:right; left: auto; top: auto;}
}
@media only screen and (max-width:400px) {
	.footer-logo img {width:90%;height:auto;}
        article { padding:20px 0;}
        .lm-content .lm-element .left, .lm-content .lm-element .right, .familienhotelsbox .fy-element .img { float: none; width: auto; text-align: center;}
        .familienhotelsbox .fy-element .img img { margin: 0 auto;}
        .lm-content .lm-element, .familienhotelsbox .fy-element, .designhotelsbox .ds-element, .hoteloverview .hotel { margin-bottom: 15px; text-align: center;}
        .designhotelsbox .ds-element .tit, .designhotelsbox .ds-element .web { padding: 5px;}
		.lm-content .lm-element .left { float:none; width:auto; margin-bottom:10px;}
		.lm-content .lm-element .left img { display:block; width:100%; height:auto;}
		.lm-content .lm-element .right { min-height:0px;}
}
@media only screen and (max-width:350px) {
	#logo {width:93%;height:auto;}
	#logo img {width:100%;height:auto;}
	.theme-link {overflow:hidden;}
	#header_bar .mod-languages a {padding:0 3px; margin:0 3px;}
	#header_bar .mod-languages {width:70px;}
	.themed-links-title {display:block;float:left;line-height:40px;width:auto;}
	.themed-links-title a {font-size:14px;}
	.themed-links-links {text-align:left;overflow:hidden;position:relative;width:auto;display:block;float:right;}
	.themed-links-links a {display:block;width:50px;float:right;padding-right:30px;font-size:12px;}
	.themed-links-links br {display:inline;}
	.themed-links-links i {display:block;position:absolute;right:4px;font-size:24px;top:8px;}
}
@media only screen and (max-width:310px) {
	#header_bar > .center {width:auto;}
	#header_bar .search-bar {display:none;}
}
.package { position: relative; padding:20px;margin-top: 20px;border-top: 1px solid #EEE; border-bottom: 1px solid transparent;}
.package:hover {background-color: #FAFAFA;border-bottom: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.package ul, .package p, .package li { margin:0; list-style-type: none;}
.package.hidden { display: none;}
.package[data-image-status="0"] .pack-img {
    display: none;
}
.package .clear { position: relative; clear: both;}
.package .pack-img { position: relative; float:right; width:320px; height:auto; margin-left: 20px; z-index: 10;}
.package .pack-img a { display:block;}
.package .pack-img img { display:block; width: 100%; height:auto;}
.package .pack-img .pack-img-hover { position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.70); display: block; opacity:0;transition: all 0.4s ease-in-out;}
.package .pack-img:hover .pack-img-hover { opacity:1;transition: all 0.4s ease-in-out;}
.package .pack-img .pack-img-share { margin: 130px 20px 20px;height:30px; line-height: 30px;}
.package .pack-img .pack-img-share .ico { display:block; float:left; margin-right: 10px; width: 30px; height:30px; font-size: 16px; color: #FFF; background-color:#299fa8; text-align: center; line-height: 30px;}
.package .pack-img .pack-img-share a { color: #FFF;}
.package .pack-txt { padding-bottom:20px;}
.package .pack-title { font-size: 24px; margin-bottom: 4px; font-weight: 300; line-height: 130%;}
.package .pack-title a { text-decoration: none;}
.package .pack-title a:hover { text-decoration: underline;}
.package .pack-location { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; font-size: 13px;}
.package .pack-location a { text-decoration: none; color:#585146;}
.package .pack-float-box  { float:right; margin-right: -18px;margin-bottom: 30px; z-index: 5; position: relative; margin-left: 10px; z-index: 6;}
.package .pack-dates { position: relative; margin-bottom: 5px;}
.package .pack-rates {text-transform: uppercase;font-size: 11px;text-align: center;display: inline-block;background-color: #f2b41e;padding: 12px 12px 7px 12px;line-height: 10px; min-width: 120px;}
.package .pack-rates a { display: block; text-decoration: none; color: #585146;}
.package .pack-rates strong {display: block;font-size: 20px;margin-bottom: 8px;}
.further-packages-title { position: absolute;left: 0;top: -23px;text-transform: uppercase;font-weight: bolder; font-size: 13px;}
.further-packages {position:relative; margin-top:20px; font-size: 13px;}
.further-packages ul { margin-bottom: -10px; display:block;}
.further-packages li { border-top: 1px solid #DDD; padding: 5px; overflow: hidden; position:relative; margin:0; list-style-type:none; display:block;}
.further-packages li:before { content:""; padding:0;}
.further-packages li i { float: left; margin-right:7px; margin-top: 3px; font-size: 15px;}
.further-packages li a{ text-decoration: none;}
.further-package-title { display:block;}
.further-package-title:hover {text-decoration: underline;}
.further-package-date { display: block; float: right; color: #666; font-weight: 100; margin-right: 20px;}
.further-package-rate { display: block; float: right; color: #666; font-weight: 100; margin-right: 20px;}
.further-package-link { display: block; float: right; background-color: #999; position: relative; padding:1px 5px 1px 10px; font-size: 11px; font-weight: bolder; color: #FFF; margin-right: 10px; text-transform: uppercase;}
.further-package-link:after {content:".";width: 0;height: 0;border-style: solid; text-indent: -9999em;border-width: 11px 0 11px 7px; display: inline-block;border-color: transparent transparent transparent #999999; position: absolute; right: -7px; top:0;}
.further-package-rate br {display:none;}
.package .pack-details { margin:2px 0 0 0;}
.package .package { min-height: 200px;}
.package .pack-details a { display:block; background-color: #299fa8; position: relative; padding:6px 10px; font-size: 13px; font-weight: bolder; text-align: center; color: #FFF; text-decoration: none; text-transform: uppercase; cursor: pointer; border-radius:0 0 0 10px;}
.package .pack-details a:hover { box-shadow:inset 5px -2px 20px rgba(154,141,123,0.4);}
.package .pack-details span { font-size: 10px;}
.package .pack-rates span { font-size: 12px; display: block;}
.package-legend { position: relative; z-index: 100; transition: all 0.4s ease-in-out;}
.package-legend label { font-weight: bold; text-transform: uppercase; margin-right: 3px;}
.package-legend .tit { font-weight: bold; text-transform: uppercase; display: inline-block;background-color:#f2b41e;padding: 10px 20px 2px;border-radius: 5px 5px 0 0;}
.package-legend input { width:80px; text-align: center;border-radius:2px; background: #FFF; border:1px solid #CCC; margin: 0;margin-left: 2px; margin-right: 15px; padding: 5px;}
.package-legend select { margin: 0; background-color: #FFF; margin-left: 4px;border:1px solid #CCC; padding: 5px; color:#888;margin-right: 15px;}
.package-legend select#filter-sort { margin-right: 0;}
.package-legend select#filter-location { max-width: 140px;}
.package-legend .hid { display:block; background-color:#f2b41e; padding: 20px; }
.package-legend i { margin-right: 3px;}
.sliderTitle { font-size: 40px; display: block; float:left; margin: -4px 30px 0 0; display: none;}
.package-legend.fixed { position: fixed; top: 0; left: 0; width: 100%;background-color:#f2b41e; transition: all 0.4s ease-in-out;}
.package-legend.fixed .tit { position: fixed; top: 70px;padding: 2px 20px 10px; border-radius: 0 0 5px 5px;}
.package-legend.fixed .centerx { position: relative; margin: 0 auto; max-width: 960px;}
.package-legend-item { display: inline-block;}

.breadcrumb { margin:0; padding:0; display:block; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px;}
.breadcrumb li { display:inline-block; margin:0; padding:0;}
.breadcrumb li:before { display:none;}
.breadcrumb br { display:none;}
@media only screen and (max-width:980px) and (min-width:741px) {
    .package-legend-item { width: 45%; display: inline-block; margin-bottom: 5px;}
    .package-legend-item label { display: inline-block; width:140px;}
    .package-legend select, .package-legend input { margin: 0; min-width: 140px;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; }
}
@media only screen and (max-width:888px) {
    .package .pack-img { width:160px; overflow: hidden;}
    .package .pack-img a { width: 320px; margin-left: -80px;}
    .package .pack-img .pack-img-hover { opacity: 0!important;}
}
@media only screen and (max-width:800px) {
    .sliderTitle { display: none;}
}
@media only screen and (max-width:740px) {
    .package .pack-img, .further-package-rate, .further-package-date, .further-package-link, .pack-intro {display: none;}
    .further-packages li {padding: 1px 5px;}
    .package .pack-txt { position: relative; padding-bottom:85px;}
    .package .pack-float-box { float: none; margin: 0; position: absolute; bottom:0px;}
    .package .pack-rates strong { display: inline; font-size: 13px;}
    .package .pack-rates strong br { display:none;}
    .package .pack-rates span { display:inline;}
    .package .pack-rates { background: none; font-size: 13px; padding: 0; margin: 5px 0;}
    .package .pack-details a { border-radius:5px;}
    .package-legend.fixed, .package-legend.fixed .tit { position: relative; top: auto; left: auto; width: auto; height: auto;}
    .further-packages { display: none;}
    .package { padding: 10px; margin-top: 10px;}
    .package .pack-dates { margin-bottom: 0;}
    .package .pack-title { font-size: 18px;}
    .package-legend-item { display: block; text-align: center; margin-bottom:8px;}
    .package-legend-item label { display:block; margin-bottom:4px;}
    .package-legend-item input, .package-legend-item select, .package-legend select#filter-location { max-width: none; width: 90%; margin: 0;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; }
}
@media print {
    nav, aside, .scroll-to-top, #emotion-box, #header_bar, #slider, #themed-links, .footer-service { display: none!important;}
}