/* Main Grid */
html{
color:#222;
font-size:14px;
font-family:Arial,sans-serif;
}
body *{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
outline:none;
}
body{
position:relative;
margin:0 auto;
width:100%;
height:100%;
left:0px;
top:0px;
background-image:url(../img/12-travel_bg.jpg);
background-color:#36c5ff;
background-position:top center;
background-repeat:repeat-x;
background-attachment:fixed;
}
.page{
margin:0 auto;
height:100%;
width:1280px;
background-image:url(../img/fly.png);
background-position:565px top;
background-repeat:no-repeat;
}
.center{
width:1280px;
}
.site{
clear:both;
background:#fff;
padding-bottom:20px;
}
#top{
clear:both;
padding:0 10px;
}
#content{
clear:both;
padding:10px;
}
#content::after{
clear:both;
display:block;
content:"";
}
#footer{
clear:both;
background:#f0f0f0;
overflow:hidden;
font-size:12px;
line-height:20px;
padding-bottom:10px;
/* border-top:solid 3px #ccc;*/
}
#footer .row{
padding:0px 10px;
padding-bottom:0;
}
#footer p{
font-size:1em;
line-height:1.5em;
}
.travel_bar{
margin-bottom:20px;
}
.travel_bar div{
height:5px;
width:10.9785%;
float:left;
margin-right:0.15%;
}
.travel_bar div:last-child{
margin-right:-0.1%;
}
#copyright{
clear:both;
color:#fff;
text-align:center;
padding:10px;
margin-bottom:30px;
font-size:0.9em;
}
.sdw{
width:100%;
height:11px;
background:url(../img/sdw.png) center top no-repeat;
background-size:100%;
}
.oesterreich::before{
content:"@";
}
/* Define HTML Elements*/
h1,h2,h3{
clear:both;
margin:0;
display:block;
color:#286d9b;
padding:0;
word-break:keep-all;
margin-bottom:10px;
}
#home h1, #home h2,#home h3,#top_booked h3,#history h3,#merkzettel h3,#no_results h3{
padding:0 3px;
}
h1,.h1{
font-size:1.5rem;
}
h2{
font-size:1.3rem;
}
h3{
font-size:1.2rem;
}
.h1{font-weight:bold;}
a, .link, .link a{
text-decoration:none;
color:#286d9b;
cursor:pointer;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
a:hover, .link:hover{
text-decoration:underline;
}
p{
font-size:1em;
line-height:1.5em;
padding:0;
/* margin:0; */
}
p.infotext{
margin-top:-5px;
padding:0 3px;
}
p.error{
margin:10px 0;
font-style: italic;
}
.infotext{
margin:10px 0;
padding:0;
font-size:1rem;
line-height:1.5rem;
}
.infotext ul{
list-style:disc;
margin:0;
padding:0 20px;
}
ul{
list-style:none;
margin:0;
padding:0;
}
ul li{
/* text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;*/
margin:0;
padding:0;
}
ul.block li{
display:block;
line-height:1.8rem;
}
ul.line li{
float:left;
}
ul.line::after{
clear:both;
display:block;
content:"";
}
strong, b{}
button{}
img{
width:auto;
height:auto;
}
hr{
position:relative;
width:100%;
background:none;
height:1px;
border:none;
margin:15px 0;
display:inline-block;
clear:both;
outline:0;
border-bottom:solid 1px #e4e4e4;
}
/*Form Elements*/
.pseydo_select,
input[type="text"],input[type="email"], select, textarea, input[type="password"],input[type="search"]{
font-family:Arial;
/* cursor:pointer;*/
background:#fff;
border:solid 1px #e3e2ea;
border-top:solid 1px #acadb2;
border-left:solid 1px #acadb2;
border-radius:0;
-webkit-appearance:none;
color:#222;
height:35px;
line-height:35px;
display:block;
padding:0 5px;
margin:0;
}
.pseydo_select, select, .search input[type="text"]{
/*Browser default reset start*/
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
padding-right:20px;
/*Browser default reset end*/
border-radius:0;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
cursor:pointer;
display:inline-block;
height:35px;
line-height:35px;
font-size:14px;
position:relative;
}
select {
background-image:url(../img/icons/sel_down.png);
background-position:right center;
background-repeat:no-repeat;
}
.pseydo_select::after,
select::after,
.search input[type="text"]::after{
content:'';
width:4px;
height:4px;
display:inline-block;
position:absolute;
right:7px;
top:37%;
border:solid 1px #666;
border-width:0 1px 1px 0;
transform:rotate(45deg);
z-index:1;
}
select::-ms-expand{
display:none;
}
textarea{
height:auto;
min-height:100px;
line-height:normal;
}
option{
padding:0;
margin:0;
}
label{
position:relative;
/* display:block;*/
width:100%;
margin-left:5px;
font-size:0.9em;
padding:0;
margin:0;
}
iframe{
border:none;
}
/*Define Power Classes*/
.sprt{
display:flex;
justify-content:center;
align-items:center;
width:30px;
height:30px;
}
.sprt::after{
display:inline-block;
content:"";
background-image:url(../img/icons/sprite_white.png);
background-size:100%;
background-repeat:no-repeat;
width:18px;
height:18px;
margin:5px auto;
}
.sprt.dblu::after{background-image:url(../img/icons/sprite_darkblue.png);}
.sprt.dgry::after{background-image:url(../img/icons/sprite_darkgray.png);}
.sprt.grn::after{background-image:url(../img/icons/sprite_green.png);}
.sprt.lblu::after{background-image:url(../img/icons/sprite_lightblue.png);}
.sprt.lgry::after{background-image:url(../img/icons/sprite_lightgray.png);}
.to, .to > li{
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;
display:inline-block;
}
.to_tag, .to_tag > li{
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:87%;
display:inline-block;
}
.delete_tag{
cursor:pointer;
position:absolute;
right:10px;
}
.cb{clear:both !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:unset !important;}
.nm{margin:0 !important;}
.np{padding:0 !important;}
.dn{display:none !important;}
.nomo{display:none !important;} /*don't display mobile-need mediaquery*/
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}
.bn{border:none !important;}
.vc{ display:block;margin:0 auto !important;}
.tiny{font-size:0.9em;line-height:normal;}
.tiniest{font-size:0.7em;line-height:normal;}
.hide{display:none;}
.show{display:inline-block;}
.uc{text-transform:uppercase;}
.noscroll{overflow:hidden;}
.toe{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.pr{position:relative;}
.usn {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
/*Define Content Grid*/
.sidebar{
width:24.7%;
float:right;
}
#offer .content_area .offer_holder,
.content_area{
width:75.3%;
padding:0 10px 10px 0;
float:left;
position:relative;
}
.row{
position:relative;
width:100%;
display:block;
clear:both;
}
.row::after{
clear:both;
display:block;
content:"";
}
.col1{
width:100%;
}
.col2{
width:50%;
display:inline-block;
float:left;
}
.col3{
width:33.33%;
display:inline-block;
float:left;
}
.col3-2{
width:66.66%;
display:inline-block;
float:left;
}
.col4{
width:25%;
display:inline-block;
float:left;
}
.col4-2{
width:50%;
display:inline-block;
float:left;
}
.col4-3{
width:75%;
display:inline-block;
float:left;
}
.col5{
width:20%;
display:inline-block;
float:left;
}
.col5-2{
width:40%;
display:inline-block;
float:left;
}
.col5-3{
width:60%;
display:inline-block;
float:left;
}
.col5-4{
width:80%;
display:inline-block;
float:left;
}
.flex{
display:flex;
}
.pic img, img.pic{
width:100%;
}
.om,.os{display:none;} /*only on mobile*/
/*--BOXGRID--*/
.obox{
margin:0 2px 4px 2px;
position:relative;
display:block;
}
.obox.list{
margin:0;
}
.obox h3{
margin-bottom:2px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
}
.obox .title,
.obox h3,
.obox h3 a{
font-weight:bold;
padding:0 !important;
color:#286d9b;
}
.obox .img{
border:none;
width:100%;
height:193px;
position:relative;
}
.obox .img img{
display:block;
height:100%;
}
.obox .info p{
padding:0;
margin:0;
}
.obox .info p::after{
clear:both;
display:block;
content:'';
}
.obox .info{
padding:2%;
position:relative;
}
.obox .star_list{
/* display:inline-block;
height:15px;
padding-top:2px;*/
margin:0;
}
.obox .effort{
padding-right:5px;
}
.obox .price{
font-size:11px;
white-space:nowrap;
display:block;
margin-top:3px;
}
.obox .subtitle{
font-size:12px;
}
.obox .list{
line-height:18px;
}
.obox ul li{
white-space:unset;
}
.obox ul li:hover{
white-space:unset;
}
.obox .list {
padding:2%;
margin:2%;
line-height:26px;
}
.obox .list li{
clear:both;
height:30px;
}
.obox .list .text{
width:60%;
}
.obox .list .price{
float:right;
font-size:11px;
width:40%;
text-align:right;
margin-top:0;
}
.obox .list .price strong{
font-weight:bold;
font-size:16px;
text-decoration:underline;
}
.obox .list .link{
color:#fff;
float:right;
font-weight:bold;
font-size:14px;
}
.obox .list .boxlink a::after{
content:"mehr »";
display:inline-block;
width:auto;
float:right;
cursor:pointer;
font-weight:bold;
}
.obox .list .boxlink a:hover::after{
text-decoration:underline
}
/*boxdrid color settings*/
.obox.light{
background:#ffffff;
/* box-shadow:0px 1px 1px rgba(0,0,0,0.05);*/
}
.obox.gray{
background:#f6f6f6;
/* box-shadow:0px 1px 1px rgba(0,0,0,0.05);*/
}
.obox.color{
background: #1bacff;
color:#fff;
/* box-shadow:0px 1px 1px rgba(0,0,0,0.2);*/
}
.obox.dark{
background: #034580;
color:#fff;
/* box-shadow:0px 1px 3px rgba(0,0,0,0.32), 0 0 1px rgba(0,0,0,0.3);
box-shadow:0px 1px 1px rgba(0,0,0,0.32);*/
}
.obox.light .img{border-bottom:solid 3px #36c5ff;}
.obox.light .info,
.obox.gray .info{
border:solid 1px #e1e1e1;
border-width:0 1px 1px 1px;
}
.hotel_offer .obox.light .info,
.hotel_offer .obox.gray .info{
border:solid 1px #e1e1e1;
border-width:1px 1px 1px 0;
}
.obox.color .title{
color:#034580;
}
.obox.color .title a,
.obox.color .text,
.obox.color .subtitle,
.obox.color ul li a,
.obox.color ul li a b{
color:#fff;
}
.obox.color a,
.obox.color a b,
.obox.color a strong
{
color:#fff;
}
.obox.dark .title,
.obox.dark .title a,
.obox.dark .text,
.obox.dark .subtitle,
.obox.dark ul li a,
.obox.dark ul li a b{
color:#fff;
}
.obox.dark a,
.obox.dark a b,
.obox.dark a strong
{
color:#36c5ff;
}
.obox.color.nm{
/* box-shadow:0px 1px 3px rgba(0,0,0,0.2);*/
}
.price.circle{
background:#ffcb00;
border-radius:50%;
display:inline-block;
font-weight:bold;
margin-right:.35294118em;
height:100px;
width:100px;
line-height:90px;
text-align:right;
position:absolute;
top:-110px;
vertical-align:middle;
right:10px;
padding:5px;
}
.obox .tipp-button img{
height:auto;
}
.layer{
display:none;
}
.sendload{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
background-color:rgba(255,255,255,0.4);
/* background-image:url('../img/mid-loader.gif');
background-size:30px;
background-repeat:no-repeat;
background-position:center center;*/
z-index:2;
}
.search_form button .white-spinner{
margin:7px auto !important;
width:30px;
height:30px;
border-width:4px;
}
a.button .sendload .white-spinner{
margin:7px auto !important;
width:25px;
height:25px;
border-width:4px;
}
/* .button .sendload .white-spinner{
margin:3px auto !important;
width:25px;
height:25px;
border-width:3px;
} */
.fill{
width:100%;
}
/*Define color*/
.pacol{
color:#034580 !important;
}
.yellow{
background-color:#ff9900 !important;
}
.red{
background-color:#BE1616 !important;
}
.orange{
background-color:#fa5605 !important;
}
.lilac{
background-color:#990099 !important;
}
.green{
background-color:#339f1c !important;
}
.blue{
background-color:#295df0 !important;
}
.ice{
background-color:#2F8DC0 !important;
}
.turq{
background-color:#0bb6b0 !important;
}
.gras{
background-color:#5CCD00 !important;
}
/*navi*/
#navi .pacol{
color:#034580;
}
#navi .yellow{
color:#ff9900;
}
#navi .red{
color:#BE1616;
}
#navi .orange{
color:#fa5605;
}
#navi .lilac{
color:#990099;
}
#navi .green{
color:#339f1c;
}
#navi .blue{
color:#295df0;
}
#navi .ice{
color:#2F8DC0;
}
#navi .turq{
color:#0bb6b0;
}
#navi .gras{
color:#5CCD00;
}
/*--SEARCH--*/
/*DESKTOP ONLY*/
@media all and (min-width:978px){
.search {
position:relative;
background:#36c5ff;
display:inline-block;
width:100%;
}
#home .mainsearch,
#home .infoline,
#home .tabline,
#static_page .mainsearch,
#travel_search .mainsearch,
#travel_search .infoline{
width:770px;
width:680px;
max-width:100%;
}
#home .seals {
display:inline-block;
}
.mainsearch{
position:relative;
display:inline-block;
float:left;
clear:both;
padding:5px;
margin:0 10px 10px 10px;
background-color:#007ed7;
box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
}
.mainsearch .search_title{display:none;}
.mainsearch .search_form,
.mainsearch .main_param,
.mainsearch .hotel_param{background:none;border:none;box-shadow:none;padding:0;margin:0;}
.mainsearch .sendline{
width:49.4%;
display:inline-block;
float:right;
margin:10px 0 0 0;
height:45px;
margin:3px 0.3% 3px 0.3%;
}
.mainsearch #mainsearchsubmit_btn{
width:100%;
}
#flight_only .mainsearch .search_form .boxi{
width:49.4%;
}
#flight_only .mainsearch .sendline{width:49.18%; margin:5px 0.41% 0 0.41% ;}
.mainsearch .search_form .boxi{
width:49.4%;
float:left;
margin:2px 0.2% 2px 0.4%;
}
.mainsearch .search_form .boxi.live {
width:99.4%;
}
.mainsearch .search_form .pseydo_select,
.mainsearch .search_form select,
.mainsearch .search_form input[type="text"]{
line-height:28px;
height:28px;
}
.mainsearch .search_form .boxi.price,
.mainsearch .search_form .boxi.stars{
float:right;
}
.mainsearch .stars .pseydo_select{
transform:scale(0.8);
transform-origin:left;
background:none;
padding-left:7px;
}
.mainsearch #searchbox .layer.block{left:0; right:auto; background:#fff;}
.mainsearch #full_extra.layer.block{
left:3px;
right:auto;
background:#fff;
top:50px;
width:666px;
}
.mainsearch #searchbox #travel_dates_layer{
left:auto;
right:0;
}
.mainsearch #searchbox #airport_layer{
left:0;
right:auto;
}
#hotel_only .mainsearch #searchbox #travel_dates_layer{
left:0;
}
.mainsearch .hold{position:static;}
.mainsearch .price .frame{height:28px;}
.mainsearch #maxpr:hover,.mainsearch #maxpr:focus,.mainsearch #maxpr:active{border:solid 1px #d9d9d9;border-bottom:0;}
.mainsearch .layer .col3{
position:relative;
padding:0 3px;
}
.mainsearch .hotel_param .layerPicker:not(.drop),
.mainsearch .hotel_param .layer:not(.drop) .mobile_title,
.mainsearch .hotel_param .layer:not(.drop) .close-layer-link{
display:block;
}
.mainsearch .search_form .stars .pseydo_select{
padding:0 0 0 5px;
}
/*EXTRAS*/
.mainsearch .extras .trigger_area,
.mainsearch .extras .full_extra,
.mainsearch .extras label.title{
display:none!important;
}
.mainsearch .search_form .boxi.extras{
position:absolute;
bottom:0;
left:0;
width:50%;
margin:0;
box-shadow:none;
background:none;
/* z-index:2; */
}
.mainsearch .extras .icon input[type="checkbox"]:checked + .fico,
.mainsearch .extras .icon input[type="radio"]:checked + .fico {
background-color:#36c5ff;
}
.mainsearch .extras .icon{
width:14.2%;
}
.mainsearch .extras .icon .fico{
border:0;
}
.mainsearch .extras .icon{
text-align:center;
}
.mainsearch .extras .icon .lbl{
white-space:nowrap;
display:none;
}
.mainsearch .extras .icon:hover .lbl{
display:block;
height:auto;
position:absolute;
bottom:56px;
margin:0 auto;
background:#034580;
padding:7px 15px;
font-weight:bold;
color:#fff;
z-index:1;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}
.mainsearch .extras .icon .lbl::after{
content:' ';
position:absolute;
width:0;
height:0;
border:6px solid #034580 ;
left:20px;
border-color:#034580 transparent transparent transparent;
bottom:-12px;
}
.mainsearch .extras .layer .title{
display:block;
}
.mainsearch .extras .layer .extra_cols{
position:relative;
width:33%;
float:left;
}
.mainsearch .star_box{
padding:5px 7px;
display:block;
height:35px;
line-height:35px;
background:#fff;
border:solid 1px #e3e2ea;
border-top:solid 1px #acadb2;
border-left:solid 1px #acadb2;
}
.mainsearch #full_extra{top:50px;}
.mainsearch .fixholder{display:none;}
.mainsearch .search_form .boxi label.title{
margin:0;
padding:3px 3px 0 5px;
display:inline-block;
height:16px;
line-height:16px;
color:#034580;
font-weight:bold;
font-size:12px;
}
.sidebar .search_form{margin-bottom:20px;}
.sidebar .boxi.select{
background:none;
box-shadow:none;
padding:0;
margin:0;
}
div:not(.mainsearch) > .search_form .hotel_param .layer:not(.insight):not(.drop){
background:none;
display:block;
position:relative;
overflow:visible;
width:100% !important;
left:auto !important;
right:auto !important;
top:0 !important;
border:none;
box-shadow:none;
padding:0;
z-index:unset;
}
div:not(.mainsearch) > .search_form .layer:not(.insight):not(.drop) .button.reverse{
right:auto;
background:none;
color:inherit;
font-weight:bold;
border:0;
padding:0;
height:auto;
line-height:21px;
}
div:not(.mainsearch) > .search_form .layer:not(.insight):not(.drop) .button.reverse:hover{
box-shadow:none;
}
div:not(.mainsearch) > .search_form .layer:not(.insight):not(.drop) .button.reverse::before{
content:"";
background-color:#fff;
border:1px solid #155499;
vertical-align:middle;
width:15px;
height:15px;
display:inline-block;
float:left;
cursor:pointer;
margin:2px 5px 0 0;
-moz-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
-webkit-transition:background-color 0.2s;
transition:background-color 0.2s;
box-shadow:0 2px 0 #f2f2f2;
}
div:not(.mainsearch) > .search_form .field{
border:0;
padding:10px;
background:none;
box-shadow:none;
border-bottom:solid 1px #d9d9d9;
}
.sidebar .hotel_param .layer:not(.drop) .scroll{
padding:0px;
}
.mainsearch .hotel_param .pseydo_select.ever{
border:none;
height:28px;
line-height:28px;
}
.mainsearch .layer .choice_area{
padding:5px;
background:#fff;
border-top:solid 1px #e4e4e4;
}
.mainsearch #maxpr{
border:solid 1px #fff;
border-bottom:0;
}
}
@media all and (max-width:977px){
.search_form .hotel_param .layer:not(.insight):not(.drop) {
background:none;
display:block;
position:relative;
overflow:visible;
width:100% !important;
left:auto !important;
right:auto !important;
top:0 !important;
border:none;
box-shadow:none;
padding:0;
z-index:unset;
}
.search_form .layer:not(.insight):not(.drop) .button.reverse {
right:auto;
background:none;
color:inherit;
font-weight:bold;
border:0;
padding:0;
height:auto;
line-height:21px;
}
.search_form .layer:not(.insight):not(.drop) .button.reverse:hover {
box-shadow:none;
}
.search_form .layer:not(.insight):not(.drop) .button.reverse::before {
content:"";
background-color:#fff;
border:1px solid #034580;
vertical-align:middle;
width:15px;
height:15px;
display:inline-block;
float:left;
cursor:pointer;
margin:2px 5px 0 0;
-moz-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
-webkit-transition:background-color 0.2s;
transition:background-color 0.2s;
box-shadow:0 2px 0 #f2f2f2;
}
}
/*SEARCH DEFAULTS*/
#mainsearchsubmit_btn{
position:relative;
height:45px;
width:90%;
cursor:pointer;
color:#fff;
font-size:14px;
font-weight:bold;
margin:0;
border:0;
}
.search_form .boxi{
position:relative;
margin:5px 0;
position:relative;
background:#fff;
width:100%;
padding:0 3px;
box-sizing:border-box;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
border:0;
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.search_form .boxi:not(.field) .layer label{
/* padding:5px 5px 0px 5px; */
}
.search_form input, .search_form select, .search_form .pseydo_select{
border:none;
padding:0 20px 0 5px;
margin:0;
width:100%;
}
.search_form .error{
border:1px solid #f55 !important;
}
.search_form label:not(.title){
margin:0;
padding:0;
width:auto;
color:inherit;
font-size:0.9rem;
background:none;
display:inline-block;
line-height:18px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;font-weight:bold;
}
.search_form input.hidden,
.layer input.hidden,
.confirm input.hidden{
visibility:hidden;
position:absolute;
clip:rect(0 0 0 0);
}
input[type="checkbox"] + .checkd,
input[type="radio"] + .checkd,
.checkd.checkbox,
.checkd.radio{
background-color:#fff;
border:solid 1px #286d9b;
vertical-align:middle;
width:17px;
height:17px;
display:inline-block;
float:left;
cursor:pointer;
margin-right:5px;
-moz-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
-webkit-transition:background-color 0.2s;
transition:background-color 0.2s;
}
.checkd.checkbox,.checkd.radio{margin-left:3px;margin-top:8px;}
.tab-buttons a:hover .checkd,
.checkd.checkbox.check,.checkd.radio.check,
input[type="checkbox"]:checked + .checkd,
input[type="radio"]:checked + .checkd{
background-color:#007ed7;
border:solid 1px #007ed7;
background-image:url(../img/icons/sprite_white.png);
background-position:2px -64px;
background-repeat:no-repeat;
background-size:12px;
}
input[type="radio"] + .checkd,
.checkd.radio{
border-radius:20px;
}
.search_form .pseydo_select, .search_form select, .search_form input[type="text"]{
border-radius:0;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
display:block;
height:30px;
line-height:30px;
font-size:14px;
}
.search_form .layer .button{
position:absolute;
}
.layer.drop .choice_area{
padding:5px;
background:#fff;
border-top:solid 1px #e4e4e4;
}
.layer .choice_area .button{
position:relative;
right:auto;
top:auto;
}
/*SEARCH STYLE*/
.search_form{
background-color:#f9f9f9;
border:1px solid #e4e4e4;
}
.main_param{
background-color:#007ed7;
padding:10px 7px 0 7px;
border-bottom:solid 1px #d9d9d9;
box-shadow:0px 1px 2px #f0f0f0;
}
.main_param .search_title{
color:#fff;
}
.sendline{
text-align:center;
margin:10px 0;
clear:both;
}
.search_form .main_param label.title{
margin:0;
color:#666;
font-size:0.9rem;
font-weight:normal;
padding:3px 5px 0 5px;
display:inline-block;
height:20px;
line-height:20px;
color:#034580;
font-weight:bold;
font-size:12px;
}
.search_form .hotel_param label.title{
display:inline-block;
width:auto;
font-weight:bold;
font-size:1em;
margin-bottom:10px;
}
.sidebar .layer.insight{
position:relative;
top:auto;
left:auto;
border:0;
box-shadow:none;
padding:0;
z-index:0;
}
/*LAYER*/
#overlay_, #cookie_info{
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
max-width:100%;
z-index:9;
}
#cookie_info{
background-color: rgba(0, 0, 0, 0.5);
/* display: block;
justify-content: center;
align-items: flex-start; */
z-index:12;
padding-top: 90px;
}
#cookie_accept {
position:absolute;
right:20px;
bottom:5px;
padding:10px 30px;
z-index: 1;
}
#cookie_info .layer{
background:#fff;
width:95%;
height:auto;
max-width:660px;
/* max-height:380px; */
display: block;
margin: 10px auto;
position:relative;
border:none;
}
#cookie_info .cookie_info{
padding-bottom: 50px;
}
#cookie_info .cookie_info .title {
font-size:1.3em;
line-height:1.4em;
background:#007ed7;
color:#fff;
font-weight:bold;
padding:10px;
}
#cookie_info .cookie_info .scroll{
width:100%;
max-height:240px;
overflow:auto;
box-shadow: #d7d7d7 0px -7px 7px -7px inset;
padding: 5px 15px;
}
.cookie_info .cookielinks{padding:12px 0}
#cookie_info .button-layer .link{margin:0 5px 0; color:#b2b2b2; font-size:12px;}
.cookie_info .nolink{color:inherit;}
.cookie_info .h2{font-size:1em;font-weight:bold;margin:0 0 15px;}
.cookie_info .h3{
font-size:0.9em;
font-weight:bold;
float:left;
cursor:pointer;
line-height:20px;
width: calc(100% - 50px);
padding-left: 20px;
position:relative;
}
.cookie_info .h3:before{
content: "";
background-image:url(../img/icons/toggle_arrow.png);
background-size:100% auto;
background-position:bottom;
display:inline-block;
width:12px;
height:9px;
margin:0 7px 1px 2px;
opacity:0.35;
position: absolute;
left:0;
top:4px;
}
.cookie_info .h3.active:before{background-position:top}
.cookie_info .text{padding:5px 0 0;clear:both;}
.cookie_info .text p,
.cookie_info .tiny {padding-left:20px;}
.cookie_info .tiny{line-height:inherit;hyphens: auto;}
.cookie_info .cookie_set_info p{
/* font-size:12px;
line-height:21px; */
}
#cookie_info .cookie_info .setttings p {font-size:12px;}
.cookie_info .setttings .toggle-page {margin:3px 10px;}
.cookie_info .line{padding:12px 0 12px 0px; border-bottom:1px solid #d4d4d4;}
.cookie_switch {
background: #f2f2f2;
border-radius: 20px;
box-shadow: inset 0px 1px 3px #b0b0b0;
}
/*v1*/
.cookie_info .switchi,
.cookie_info .switch {
width: 20px;
height: 20px;
line-height: 15px;
border:none;
font-size:0;
margin:0;
vertical-align:middle;
background:none;
display:block;
float:left;
border-radius: 20px !important;
}
.cookie_info .switchi.checked {
background: #007ed7;
}
.cookie_info .switch.check {
background: #54ba14;
}
.cookie_info .switch.check:first-child {
background: #ddd;
}
.cookie_info .switch:hover{
text-decoration:none;
}
.cookie_info .button{margin-bottom:5px;padding: 10px 25px;}
.button.grey{
background:#f2f2f2;
border:1px solid #bbb;
padding:10px 15px;
color:#999;
font-weight: normal;
}
.button.grey:hover {
background:#ddd;
border-color:#999;
color:#666;
}
#cookie_info .scroll .toggle-page:last-child{margin-bottom:15px;}
#cookie_info .button-layer{
position:absolute;
bottom:0;
width:100%;
padding: 0 20px 0 5px ;
}
#cookie_info.shwBtn{
background:#034580;
color:#fff;
top:auto;
height:auto;
bottom:0;
padding:0;
box-shadow:0 0 10px rgba(0,0,0,0.2);
z-index:9981;
}
#cookie_info.shwBtn .layer {
margin:0 auto;
padding-top:0;
background:none;
border:none;
box-shadow:none;
width:100%;
max-width:1300px;
}
#cookie_info.shwBtn .title{
display:none;
}
#cookie_info.shwBtn .cookie_info{
padding:0 150px 0 0;
}
#cookie_info.shwBtn .cookie_info .scroll{
padding:8px 0 3px;
box-shadow:none;
}
#cookie_info.shwBtn .cookie_info .scroll a{
color:inherit;
text-decoration:underline;
}
#cookie_info.shwBtn .button-layer{
width:140px;
right:0;
padding-bottom:55px;
}
#cookie_info.shwBtn p{
margin:7px 0;
font-size:12px;
text-align:left;
line-height:1.2em;
}
.shwBtn .cookie_info .button{
position:absolute;
right:0;
bottom:5px;
}
#cookie_info.shwBtn .button-layer .link{float:right!important;}
#cookie_info.shwAll .info{display:block!important;}
#cookie_info.shwAll .tgdn.dn{display:inline-block!important;}
/* #cookie_info.shwAll .toggle-page, */
#cookie_info.shwAll .tgdn{display:none;}
#cookie_info.shwAll .setttings{padding-top:10px;}
.button-layer{
text-align:right;
}
.layer.block{
display:block;
right:0;
left:auto;
}
.layer, .ac_sugs{
width:100%;
height:auto;
background:#fff;
overflow-y:auto;
overflow-x:hidden;
box-shadow:0px 10px 10px rgba(0,0,0,0.4);
border:solid 1px #d9d9d9;
position:absolute;
display:none;
padding:0;
z-index:10;
left:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-overflow-scrolling:touch;
}
.layer .mobile_title{
padding:12px;
border-bottom:solid 1px #d9d9d9;
font-size:1.1rem;
line-height:20px;
font-weight:bold;
cursor:pointer;
color:#155499;
}
.layer .scroll{
padding:15px 10px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-overflow-scrolling:touch;
}
.layer .scroll li{
line-height:28px;
height:28px;
}
.layer.drop .scroll{
max-height:300px;
overflow-y:auto;
overflow-x:hidden;
}
.layer .scroll li{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100%;
}
.layer .scroll li label{
font-size:1rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search_form .pseydo_select,
.search_form .boxi ul li label,
.search_form .extra_cols label,
#airport_layer .air_cols label{
font-size:1rem;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
}
.hotel_param .layerPicker:not(.drop),
.hotel_param .layer:not(.drop) .mobile_title,
.hotel_param .layer:not(.drop) .close-layer-link{
display:none;
}
.hotel_param .pseydo_select.ever{
height:35px;
line-height:35px;
border:solid 1px #d9d9d9;
}
.sidebar .hotel_param .layer:not(.drop) .choice_area {
box-shadow:none;
padding:0;
border:0;
}
.layer .reverse,
.layer .close-layer,
.layer .close-layer-link,
.layer .reset-selection{
background:#56bf00;
color:#fff;
border-radius:3px;
padding:7px 10px;
float:right;
cursor:pointer;
font-weight:bold;
margin:0;
}
.layer .choice_area::after,
.layer::after{
content:'';
clear:both;
display:block;
width:100%;
}
.layer .button{
box-shadow:none;
}
.close-layer-link{
position:absolute;
right:5px;
top:5px;
}
.layer .close-layer-link:hover{
background-color:#45a20c;
}
.layer .button.reverse{
right:auto;
background:none;
color:#0c9c02;
background:#fff;
font-weight:normal;
border:solid 1px #56bf00;
box-sizing:content-box;
}
#layer_meal .button.reverse::before{
border-radius:20px;
}
/*Extras*/
#full_extra .title{
font-size:1rem;
font-weight:bold;
margin-bottom:5px;
padding-bottom:5px;
}
.extra.extra_cols{
height:28px;
line-height:28px;
display:block;
}
.extras .layer .handicapp .close{
margin-left:5px;
}
.extras .layer .handicapp .tel{
margin-top:8px;
}
.extras .icon{
width:33.33%;
float:left;
font-size:10px !important;
text-align:center;
}
.extras .icon .lbl{
z-index:1;
display:block;
clear:both;
font-size:12px;
font-weight:normal;
line-height:normal;
white-space:normal;
margin:3px 0 10px 0;
word-wrap:break-word;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
}
.extras .icon .lbl span{display:block;}
.extras .icon .fico{
width:50px;
height:50px;
display:inline-block;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
float:none;
border-radius:50%;
transform:scale(0.80);
background-image:url(../img/icons/facts/facts_sprites_button.png);
background-repeat:no-repeat;
/* border:solid 1px #007ed7; */
background-color:#fff;
margin:0;
box-sizing:content-box;
}
.extras .icon input[type="checkbox"]:checked + .fico,
.extras .icon input[type="radio"]:checked + .fico{
background-image:url(../img/icons/facts/facts_sprites_button_active.png);
background-size:auto;
}
.extras .icon .fico.icon_e1{
background-position:7px center;
}
.extras .icon .fico.icon_e2{
background-position:-40px center;
}
.extras .icon .fico.icon_e3{
background-position:-89px center;
}
.extras .icon .fico.icon_e4{
background-position:-133px center;
}
.extras .icon .fico.icon_e5{
background-position:-177px center;
}
.extras .icon .fico.icon_e6{
background-position:-226px center;
}
.extras .icon .fico.icon_e9{
background-position:-273px center;
}
.extras .icon .fico.icon_e42{
background-position:-360px center;
}
.extras .icon .fico.icon_more{
background-position:-317px center;
}
.ficon{
display:inline-block;
width:28px;
height:28px;
background-color:#fff;
margin:0 3px 0 0;
border:2px solid #fff;
background-image:url(../img/icons/facts/facts_sprites.png);
background-repeat:no-repeat;
outline:solid 1px #e4e4e4;
position:relative;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
/*FULLEXTRA*/
.extra_selected{margin-top:10px;}
#full_extra{background:none;}
.extras .count_icon{
right:-20px;
}
.search_form .field .extra-count{
position:relative;
right:auto;
}
#full_extra .handicapp{
display:none;
}
.full_extra_trigger span{
margin:5px 0;
border-radius:5px;
color:#034580;
display:inline-block;
font-weight:bold;
font-size:12px;
cursor:pointer;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.full_extra_trigger span:hover{
cursor:pointer;
text-decoration:underline;
}
.search_form .field .toggle,
.search_form .field .closeing{
display:none;
}
.full_extra_trigger.closeing{
}
/*LIVESEARCH*/
#all_search{
/* background:url(../img/icons/search_all.png) no-repeat right center #fff;
background-size:20px; */
cursor:unset;
}
#all_search_layer {
height:280px;
}
#all_search_layer .scroll{
padding:0;
background:#fff;
}
.autocomplete-no-suggestion{
padding:10px;
}
.all_search,
.clear_all_search{
background-color:#fff;
position:absolute;
right:3px;
bottom:3px;
text-decoration:none;
width:20px;
height:20px;
background-size:100%;
background-position:center -43px;
background-image:url(../img/icons/sprite_lightgray.png);
background-repeat:no-repeat;
}
.clear_all_search{
background-size:14px;
background-position:center -59px;
}
#all_search.act ~ .all_search,
#all_search.act ~ .clear_all_search{z-index:10;}
#all_search.act{
position:relative;
z-index:10;
padding-right:30px;
}
#all_search_layer{
width:100%px;
}
#searchbox #all_search_layer li{
margin-bottom:0;
line-height:normal;
height:auto;
}
.ac_grp{
background:#f2f2f2;
border-bottom:solid 1px #D3D3D3;
padding:10px;
color:#222;
font-weight:bold;
}
#bl-sel .co{
background-color:rgb(188, 234, 155);
}
.ac_grp:first-child{
margin-top:0px;
}
.ac_grp{
font-weight:normal;
}
.ac_sug{
font-size:14px;
color:#222;
padding:5px 10px 5px 20px;
}
.ac_sug{
border-bottom:1px solid #e4e4e4;
padding:10px;
padding-left:20px;
}
.ac_sug.co{
font-weight:bold;
padding-left:10px;
}
.ac_sug strong{
color:inherit;
}
.ac_sug.hover strong{
color:#034580;
}
/*AIRPORT*/
#airport_layer{
height:auto;
width:743px;
width:666px;
padding:0;
padding-bottom:15px;
}
#airport_layer.no_map{
left:0;
}
#full_extra .row:not(:first-child),
#airport_layer .airport_Container:not(:first-child){
border-top:solid 1px #e4e4e4;
margin-top:10px;
padding-top:10px;
}
#airport_layer .ports{
clear:both;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:flex-start;
min-height:30px;
}
#airport_layer .air_cols{
width:25%;
position:relative;
height:28px;
}
#airport_layer .ports hr{
margin:5px 0;
}
#airport_layer .title{
margin-bottom:7px;
}
#airport_layer .title label{
font-weight:bold;
font-size:1em;
width:100%;
padding-right:4px;
}
#airport_layer .air_cols label{
width:100%;
padding-right:4px;
}
#airport_none{
background:#fbfbfb;
cursor:default;
}
#show_map{
position:absolute;
top:5px;
left:200px;
}
.switch{
background:#f2f2f2;
display:inline-block;
float:left;
height:33px;
line-height:31px;
width:75px;
color:#222;
border-radius:33px;
border:solid 1px #d9d9d9;
}
.switch:last-child{
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.switch:first-child{
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.switch.check{
background:#155499;
color:#fff;
border-color:#155499;
}
#airport_layer #show_map .checkd{
margin-right:7px;
}
.ap_map{display:none;}
.show_map .ap_map{
display:block;
width:40%;
margin:0 0.5%;
position:relative;
height:370px;
width:332px;
position:absolute;
}
.show_map .map_de{background-image:url(../img/ap_map_de.png);background-size:100%;}
.show_map .map_ch{background-image:url(../img/ap_map_de.png);background-size:100%;}
.show_map .map_at{background-image:url(../img/ap_map_de.png);background-size:100%;}
.show_map .ap_list.scroll{
float:left;
width:100%;
padding-left:345px;
height:380px;
overflow-y:scroll;
}
.show_map #airport_CH-NEIGHBORS_Container .ports{
min-height:75px;
}
#airport_layer.show_map .airport_Container .air_cols{
width:50%;
}
#airport_layer .ap_map .checkd.checkbox{
position:relative;
margin:0;
}
.checkd.check{
z-index:1;
}
.ap_map .info-layer-text{
max-width:none;
margin:-4px 0 0 19px;
box-shadow:none;
padding:2px 7px 1px;
white-space:nowrap;
color:#034580;
background:#fff;
border-color:#034580;
}
.ap_map .check + .info-layer-text{
background:#034580;
color:#fff;
border-color:#fff;
}
/*DURATION */
.search_form .layer select,
#duration,
#travel_dates_layer .dateinfolayer .val{
background-color:#f2f2f2;
border:solid 1px #ccc;
font-size:14px;
line-height:37px;
min-height:40px;
margin-top:3px;
color:inherit;
}
#travel_dates_layer .dateinfolayer.active .val{
background-color:#19c02d;
color:#fff;
text-align:center;
font-size:1.2rem;
font-weight:bold;
}
.search_form .layer .duration{
float:right;
}
.search_form .layer .travel_top{
margin-top:0;
}
.search_form .layer .travel_top .col3{
padding-right:1px;
margin-bottom:7px;
}
.search_form .layer .travel_top .title{
font-weight:bold;
}
#travel_dates_layer select{
height:27px;
line-height:27px;
}
.search_form .layer #duration{
height:30px;
}
#travel_dates_layer .dateinfolayer{
cursor:pointer;
}
#travel_dates_layer .dateinfolayer .val{
border:solid 1px #e3e2ea;
border-top-color:#acadb2;
border-left-color:#acadb2;
background:#f2f2f2;
font-size:14px;
padding:1px 5px 0;
position:relative;
}
#travel_dates_layer .dateinfolayer .val{
border-color:#007ed7;
background-color:#007ed7;
color:#fff;
text-align:center;
}
#travel_dates_layer .dateinfolayer.active .val::after{
content:' ';
position:absolute;
width:0;
height:0;
border:8px solid;
right:45%;
border-color:#19c02d transparent transparent transparent;
bottom:-16px;
}
#travel_dates_layer .dateinfolayer.active .val{
border-color:#19c02d;
background-color:#19c02d;
}
#travel_dates_layer .dur-info-layer{
border-bottom:1px solid #e4e4e4;
background:#fff;
padding:10px;
color:#f00;
font-weight:bold;
}
#travel_dates_layer{
width:666px;
max-height:530px;
left:auto;
right:0;
}
#hotel_only #travelers_layer{
right:0;
left:auto;
}
/*TRAVELLER*/
#travel_dates_layer .ui-widget{
font-size:13px;
border:2px solid #19c02d;
}
#travel_dates_layer .title{
margin-bottom:5px;
color:#222;
}
#travelers_layer span.title{
padding-bottom:3px;
}
.search_form .childrens.cadd{
border-top:solid 1px #ccc;
padding-top:5px;
}
#travelers_layer .col2{padding:3px;}
#travelers_layer .col2 label{padding-left:4px;}
.search_form .error{
border:1px solid #f55;
}
.errorText{
display:none;
position:relative;
margin:8px 0;
padding:0 5px 0px;
color:#e21a1a;
font-weight:bold;
}
/*-daterange-*/
#date{
margin:0 0 12px 0;
}
.ui-datepicker{
width:100%!important;
}
#ui-datepicker-div {
display:none;
}
.ui-datepicker-multi .ui-datepicker-group{
float:left;
width:33.3%;
}
.ui-datepicker-multi-2 .ui-datepicker-group{
width:50%;
}
.ui-datepicker-row-break{clear:both;}
.ui-datepicker table{
width:100%;
border-collapse:collapse;
font-size: .9em;
}
.ui-datepicker .ui-widget-header{
border:none;
border-radius:0;
background:#fff;
color:#222;
font-size:1.1em;
padding:7px 0;
text-align:center;
line-height:1.8em;
font-weight:bold;
position:relative;
}
.ui-datepicker-multi .ui-datepicker-group {
width:33.33%;
padding:0 2px;
}
.ui-datepicker-group:first-child .ui-widget-header{border-left:0}
.ui-datepicker-group:last-child .ui-widget-header{border-right:0}
.ui-state-disabled{
opacity:0.35;
}
.ui-datepicker thead th {
padding: 0 0 1px 1px;
}
.ui-datepicker thead th span{
display:block;
background:#005fa2;
height: 30px;
line-height: 30px;
color:#fff;
}
.ui-datepicker td {
padding: 0 0 1px 1px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
display:block;
height:30px;
line-height:30px;
padding:0 3px;
border:none;
background:#f2f2f2;
font-size:13px;
text-align:center;
color:#222;
text-decoration:none;
}
.ui-widget-header .ui-icon{
background-image:url(../img/icons/pagination.png);
background-position:0 -32px;
width:30px;
height:25px;
display:block;
position:absolute;
left:50%;
top:50%;
margin-top:-12px;
margin-left:-15px;
text-indent:-9999px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
position:absolute;
top:0;
width:35px;
height:40px;
z-index:100;
}
.ui-datepicker .ui-datepicker-prev{
left:0;
}
.ui-datepicker .ui-datepicker-next{
right:0;
}
.ui-widget-content .ui-datepicker-week-end .ui-state-default{
font-weight:bold;
}
.range .ui-state-default{
background:#bfe4f6;
}
td.active .ui-state-default,
.temp-start .ui-state-default,
.temp-end .ui-state-default{
background-color:#19c02d;
color:#fff;
}
.start .ui-state-default,
.end .ui-state-default,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
background:#007ed7;
color:#fff;
}
.ui-widget-content .ui-state-disabled.range{
opacity:1;
}
.ui-widget-header .ui-datepicker-next .ui-icon{
background-position:0 -62px;
}
.ui-widget-header .ui-datepicker-next.ui-state-hover,
.ui-widget-header .ui-datepicker-prev.ui-state-hover{
background:none;
border:none;
}
.date .holiyday-desc{ margin-top:30px;}
.school .ui-state-default,
.hol .ui-state-default{
position:relative;
}
.school .ui-state-default:after,
.hol .ui-state-default:before{
position:absolute;
content:"";
left:0;
right:0;
bottom:0;
border-bottom:3px solid #62cb25;
}
.hol .ui-state-default:before{
border-color:#1a97fc;
}
.school.hol .ui-state-default::after{
bottom:3px;
}
.holydaysymbol{
display:inline-block;
position:relative;
width:27px;
height:25px;
background:#f2f2f2;
outline:1px solid #cbcbcb;
margin:1px 5px -7px;
}
.holydaysymbol::after{
position:absolute;
content:"";
left:1px;
right:1px;
bottom:1px;
background:#62cb25;
height:2px;
}
.holydaysymbol.hol:after{
background-color:#1a97fc;
}
/*STARS*/
.search_form .stars .star{
display:flex;
justify-content:left;
}
.search_form .stars .pseydo_select{background:none; padding:0}
.search_form .stars .pseydo_select::after{border:0;}
.search_form #full_hotel_stars label,
.search_form #full_hotel_stars li{
padding:0;
width:auto;
margin:0;
float:left;
}
.search_form .star input[type="radio"] + .checkd.act.deselect,
.search_form .star input[type="radio"] + .checkd{
background-image:url(../img/icons/star_sprite_yellow.png);
background-position:3px 3px;
background-color:transparent;
background-size:24px;
border:none;
box-shadow:none;
width:31px;
height:31px;
background-repeat:no-repeat;
margin:0;
}
.search_form .star input[type="radio"] + .checkd.act,
.search_form .star input[type="radio"]:checked + .checkd{
background-color:transparent;
background-position:3px -73px;
}
.search_form .star input[type="radio"] + .hover{
background-position:3px -37px;
}
/*RATING*/
.rate .hc_logo{
float:right;
margin:5px 0;
height:15px;
}
.icon_select{
padding:5px 0;
}
.icon_select .selects{
justify-content:space-between;
justify-content:space-around;
margin:8px 0 2px;
}
.icon_select .buttons{
width:42px;
height:42px;
background:#fff;
text-align:center;
border:1px solid #286d9b;
border-radius:50%;
font-weight:bold;
font-size:0.95em;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
color:#286d9b;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.hc_range_select .hc-sel-button.active{
background-color:#007ed7;
border-color:#007ed7;
color:#fff;
}
/*FLIGHTTIMES*/
.flight-direct li label{
display:inline !important;
}
.flight-times .flight:first-child{margin-bottom:10px;}
.flight-times .start, .flight-times .end{
border:solid 1px #ccc;
padding:3px;
background:#fff;
line-height:14px;
}
.flight-times .start, .flight-times .end{ margin-top:15px;}
/*PRICE*/
#maxpr{
position:relative;
width:25%;
box-shadow:none;
float:left;
display:block;
padding:3px;
background:#fff;
border:solid 1px #d9d9d9;
}
.ui-slider{position:relative;}
.ui-slider .ui-slider-handle{
position:absolute;
margin-left:-.6em;
}
.price .r-slide.ui-widget.ui-widget-content{
width:60%;
float:right;
margin-right:15px;
}
.r-slide.ui-widget.ui-widget-content{
background:#e4e4e4;
height:5px;
border-radius:5px;
margin:12px 5px 0 5px;
cursor:pointer;
border:0;
}
.r-slide .ui-slider-range{
background:#007ed7;
position:absolute;
border-radius:4px;
height:5px;
}
.search_form .r-slide span,
.search_form .r-slide span{
background:#034580;
width:17px;
height:17px;
border-radius:50%;
cursor:pointer;
border:0;
top:-6px;
}
/*FIXBUTTON*/
.fixholder{ /*plathalter höhe*/
height:59px;
}
.fixit #fixbtn{/*position unten*/
position:fixed;
bottom:50px;
left:0;
z-index:5;
width:100%;
height:0;
text-align:left !important;
transition:all 0.3s linear;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.fixit #fixbtn .fixwrapper{ /*aktuelle seiten breite*/
height:0;
position:relative;
padding:0 10px;
}
.fixit #fixbtn .fixwidth{/*aktuelle sidebar breite*/
width:24.7%;
text-align:center;
float:right;
}
#submit_btn{
width:90%;
height:45px;
margin:7px 0;
}
#fixbtn .center{
margin:0 auto;
}
.fixit #fixbtn #submit_btn{
width:90%;
height:45px;
margin:0;
-moz-transition:none;
-o-transition:none;
-webkit-transition:none;
transition:none;
}
/*Links*/
.regions ul li a{
color:inherit;;
}
ul.default{
list-style:outside none disc;
padding-left:15px;
line-height:25px;
}
ul.default li{
overflow:visible;
white-space:normal;
list-style:disc;
}
/*Buttons / Links*/
.button {
position:relative;
cursor:pointer;
text-decoration:none;
display:inline-block;
color:#fff;
padding:10px;
margin:2px;
background-color:#54ba14;
border:solid 1px #54ba14;
font-weight:bold;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
border-radius:2px;
-moz-transition:all 0.3s;/* Mozilla */
-o-transition:all 0.3s;/* Opera */
-webkit-transition:all 0.3s;/* Safari */
transition:all 0.3s;/*IE*/
line-height:normal;
}
button:hover, .button:hover{
background-color:#45a20c;
border:solid 1px #45a20c;
text-decoration:none;
}
button.gray, .button.gray{
background-color:#fbfbfb;
border-color:#b3b3b3;
color:inherit;;
}
button.gray:hover, .button.gray:hover{
background-color:#f2f2f2;
text-decoration:none;
color:inherit;;
}
button.blue-button, .button.blue-button{
background-color:#34b8df;
border:solid 1px #2da2c4;
}
.yel_btn, a.yel_btn{
display:inline-block;
/* float:left;*/
cursor:pointer;
background:#ffce00;
color:#222 !important;
font-weight:normal;
font-size:12px;
line-height:normal;
margin:1px;
padding:5px 10px;
border-radius:3px;
-moz-transition:all 0.3s;/* Mozilla */
-o-transition:all 0.3s;/* Opera */
-webkit-transition:all 0.3s;/* Safari */
transition:all 0.3s;/*IE*/
}
.yel_btn:hover, a.yel_btn:hover{
background-color:#ffb403;
text-decoration:none;
}
.yel_btn a strong,
.yel_btn a:hover strong {
color:#222 !important;
text-decoration:underline;
font-size:16px;
}
.yel_btn.gray, a.yel_btn.gray{
background-color:#f9f9f9;
border:solid 1px #e4e4e4;
}
.yel_btn.gray:hover, a.yel_btngray:hover{
background-color:#fff;
}
.button[disabled]{
background-color:#ccc;
border-color:#aaa;
}
.button.medium,
button.medium{
padding:10px;
}
.button.big,
button.big{
padding:25px;
font-size: 1.2rem;
}
/*Spinner*/
#purple-spinner{
position:absolute;
width:740px;
z-index:99;
}
#purple-spinner > div, #iframe-spinner{
background-color:#fff;
border:1px solid #e8ebec;
border-color:#ccc;
margin:45vh auto 0;
position:relative;
text-align:center;
top:15%;
width:375px;
}
#purple-spinner span{
background-color:#fafafa;
border:1px solid #e8ebec;
display:block;
margin:1px 0;
padding:5px 0;
}
#iframe-spinner{
margin:100px auto -250px;
height:150px;
position:static;
font-size:1.1em;
}
#iframe-spinner span{
display:block;
padding:10px 0 5px;
}
.spinner > span{
background-color:#fafafa;
display:block;
padding:5px 0;
}
.hideBookButton .white-spinner{
display:inline-block;
border-width:3px;
margin:0 10px -4px 0;
height:18px;
width:18px;
}
#container #hotels_map_container .map-spinner{
position:absolute;
top:50vh;
left:50vw;
margin-left:-100px;
margin-top:-85px;
width:200px;
text-align:center;
font-size:1.1em;
font-weight:bold;
color:#575757;
}
#container #hotels_map_container .map-spinner .spinner{
height:90px;
width:90px;
margin:20px auto;
}
.purple-spinner,
.white-spinner,
.gray-spinner,
#container .map-spinner .spinner,
#all_search_layer .loading{
-webkit-animation-duration:0.75s;
-moz-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-name:spinner;
-moz-animation-name:spinner;
animation-name:spinner;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
animation-timing-function:linear;
height:40px;
width:40px;
border:7px solid #b8029c;
border-right-color:transparent;
border-radius:50%;
display:block;
margin:15px auto;
}
.white-spinner{
border-color:transparent #fff transparent transparent;
border-color:rgba(255,255,255,0.3) #fff rgba(255,255,255,0.3) rgba(255,255,255,0.3);
}
.gray-spinner{
border-color:#bbbaba #ddd #ddd;
}
#all_search_layer .loading{
content:'';
border-color:#bbbaba #eee #eee #eee;
position:absolute;
left:calc(50% - 20px);
top:40px;
z-index:0;
}
#container .map-spinner .spinner{
border-color:#ddd #ddd transparent;
}
.ajax-layer .white-spinner{
position:relative;
top:50%;
margin-top:-30px;
width:60px;
height:60px;
border-width:5px;
}
.main-img-spinner{
height:0;
}
.main-img-spinner .white-spinner{
position:relative;
top:91px;
left:200px;
border-width:4px;
}
@-webkit-keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-moz-keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes fadein{
from{ opacity:0;}
to { opacity:1;}
}
/* Firefox < 16 */
@-moz-keyframes fadein{
from{ opacity:0;}
to { opacity:1;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein{
from{ opacity:0;}
to { opacity:1;}
}
/* Internet Explorer */
@-ms-keyframes fadein{
from{ opacity:0;}
to { opacity:1;}
}
/*Announcement*/
#announcement .text{
position:fixed;
width:100%;
text-align:center;
font-size:14px;
font-weight:normal;
font-family:Calibri, sans-serif;
z-index:3;
bottom:0;
background-color:#5bcc00;
padding:7px 40px;
color:#fbf6bd;
}
#announcement .text a{
font-weight:bold;
text-decoration:none;
color:#fffb4c;
text-decoration:underline;
}
#announcement .no_anno{
position:fixed;
top:0;
right:5px;
background:rgba(90, 90, 90, 0.7);
border:1px solid #fff;
color:#fff;
font-size:17px;
margin:5px;
padding:2px 5px;
text-transform:uppercase;
transition:background-color 0.2s ease-in 0s;
z-index:4;
}
#announcement .no_anno:hover{
background-color:#fff;
border:1px solid #fff;
color:#5a5a5a;
opacity:1;
text-decoration:none;
transition:background-color 0.2s ease-in 0s;
cursor:pointer;
}
#announcement .vc_red{
color:#531c15;
}
.markup{
padding:6px;
min-width:73px;
margin-right:7px;
background:rgb(213, 218, 222);
color:rgb(60, 60, 60);
border-radius:5px;
display:inline-block;
}
.markup:hover{
}
.edit{height:16px;}
.edit::after{
background-position:0 -679px;
width:22px;
height:18px;
}
.delete,
.close::after{
content:'';
cursor:pointer;
display:block;
background-size:100%;
background-image:url(../img/icons/sprite_darkgray.png);
background-position:center -79px;
background-repeat:no-repeat;
width:18px;
height:18px;
margin:0 auto;
}
.close.white::after{
background-image:url(../img/icons/sprite_white.png);
}
.detail{
/* background-image:url("../img/arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:12px;
margin-right:3px;*/
text-decoration:none;
font-weight:bold;
display:inline-block;
}
.detail.right{
background-position:right center;
padding-right:12px;
}
li a.jobs{
color:#000;
font-size:1.7em;
font-weight:bold;
text-transform:uppercase;
}
.infolink{
display:inline-block;
min-height:20px;
line-height:20px;
text-decoration:none;
cursor:pointer;
vertical-align:middle;
}
.infolink:hover{
text-decoration:underline;
}
.infolink .sprt{display:inline;}
.infolink .sprt:after{
background-position:-2px -402px;
background-size:19px;
width:20px;
margin:0 0 -4px;
}
h1 .light{
font-size:14px;
white-space:nowrap;
color:#222;
}
.regioninfo li {
padding-right:5px;
}
.light{
font-weight:normal;
}
.alt-banner{
width:87px;
height:auto;
position:absolute;
z-index:2;
left:0;
}
.top_teaser::before{
content:"";
display:block;
position:absolute;
border-style:solid;
left:0px;
bottom:-11px;
right:unset;
border-width:0 5px 11px 0;
border-color:transparent #0075c5 transparent transparent;
}
.top_teaser{
display:inline-block;
position:absolute;
z-index:2;
top:0;
left:0;
float:left;
margin-left:-5px;
margin-top:5px;
padding:0 10px;
height:25px;
line-height:25px;
width:auto;
background-color:#0198eb;
color:#fff;
font-size:1em;
font-weight:bold;
text-align:left;
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
}
.top_teaser.green::before{ border-right-color:#1f750d;}
.top_teaser.red::before{ border-right-color:#720b0b;}
.top_teaser.orange::before{ border-right-color:#c14000;}
.top_teaser.like.sprt::after{
float:left;
margin-right:5px;
background-position:center -198px;
}
.tipp-button{
position:absolute;
bottom:2%;
left:2%;
width:25%;
background:rgba(4, 191, 31, 0.9);
border-radius:50%;
font-size:100%;
background-size:70%;
background-image:url(../img/icons/top.png);
background-position:center;
background-repeat:no-repeat;
}
.tipp-button::before {
content:"";
font-size:100%;
display:block;
margin-top:100%;
}
.tipp-button.tip{
background-color:rgba(238, 0, 0, 0.9);
background-image:url(../img/icons/tipp.png);
background-size:60%;
}
.flags_de,.flags_ch,.flags_at{
background-image:url(../img/icons/flags.png);
background-repeat:no-repeat;
padding-left:30px;
min-height:30px;
}
.flags_de{background-position:left 0;}
.flags_ch{background-position:left -33px;}
.flags_at{background-position:left -63px;}
/*Page Sections*/
#header{
height:87px;
padding-top:20px;
padding-left:5px;
position:relative;
overflow:hidden;
}
#header .claim{
margin:20px 0 0 20px;
display:inline-block;
position:relative;
float:left;
}
#header .logo{
display:inline-block;
float:left;
}
#header .claim img,
#header .logo img{
width:100%;
}
.lazy, .logo {
color:transparent;
font-size:8px;
}
.hotline-info{
color:#fff;
position:relative;
padding-top:10px;
position:absolute;
top:20px;
right:10px;
}
.hotline-info img{
vertical-align:middle;
padding-right:5px;
}
.hotline-info strong{
font-size:32px;
vertical-align:middle;
}
.hotline-info a{
color:#fff;
text-decoration:none;
}
.hotline-info .flags{
width:25px;
height:16px;
display:inline-block;
padding:0;
}
.hotline-info-text{
font-size:13px;
display:inline-block;
font-weight:bold;
vertical-align:middle;
margin-left:5px;
line-height:normal;
}
.hotline-info-text .tiny{
font-size:11px;
display:block;
font-weight:normal;
}
#all_hotlines{
position:absolute;
top:-30px;
left:0;
z-index:2;
background-color:#fff;
font-size:1.1em;
font-weight:bold;
line-height:1.4em;
padding:6px 105px 6px 10px;
}
#all_hotlines a{
color:#222;
}
#all_hotlines .close{
position:absolute;
right:5px;
top:5px;
}
#all_hotlines img{
margin-top:-2px;
margin-right:8px;
}
#navi ul{
display:block;
margin:0;
float:none;
}
#navi ul li{
float:left;
width:11.8%;
text-align:center;
margin-right:0.06%;
position:relative;
}
#navi ul li:last-child{
margin-right:0px;
}
#navi ul li a{
color:#fff;
font-weight:bold;
text-decoration:none;
height:36px;
line-height:36px;
display:block;
}
#navi .start{
width:5.1%;
font-size:0;
}
#navi .start > a{
background-image:url(../img/icons/sprite_white.png);
background-position:center -960px;
margin:7px;
height:22px;
background-repeat:no-repeat;
padding:8px;
background-size:20px;
}
#navi ul:not(.navigation) li:hover,
#navi ul:not(.navigation) li.selected:hover{
text-decoration:underline;
}
#home #top{
background:#fff;
padding:10px;
position:relative;
}
#top .h1,
#home #top h1 {
color:#fff;
margin:0;
padding:15px 0 15px 10px;
z-index:1;
position:relative;
float:left;
}
/*infoline*/
.infoline{position:relative;}
#home .infoline,
#flight .infoline,
#travel_search .infoline {
height:55px;
margin-left:10px;
}
.iconbar {
bottom:-50px;
right:5px;
position:absolute;
z-index:10;
min-width:170px;
}
#home .iconbar{
bottom:-30px;
position:absolute;
right:0px;
z-index:11;
}
#reminder .iconbar .memory_btn,
#booking .iconbar {display:none;}
.memory_btn {
background:#034580;
border-radius:15px;
padding:3px 10px 5px 4px;
display:inline-block;
z-index:1;
height:30px;
float:right;
position:absolute;
right:33px;
font-size: 13px;
}
.memory_btn a{
color:#fff;
display:inline-block;
height:30px;
line-height:25px;
float:left;
}
.memory_btn a:hover,
.memory_btn a:hover .tag_count{
text-decoration:underline;
}
.memory_btn a .tag_count{
height:25px;
width:25px;
font-size:0.9em;
margin-right:5px;
margin-top: 2px;
position:relative;
line-height:25px;
float:left;
}
.memory_btn a .tag_count:after{
height:23px;
width:23px;
background-position:0 -25px;
}
.memory_btn a .tag_count .count{
color:#fff;
background:#c60909;
width:14px;
height:14px;
border-radius:20px;
display:inline;
text-align:center;
position:absolute;
right:-5px;
top:-8px;
line-height:14px;
font-size:11px;
}
.count_icon{
background:#c60909;
color:#fff;
width:16px;
height:16px;
border-radius:20px;
display:inline;
text-align:center;
position:absolute;
right:0px;
top:0px;
line-height:16px;
font-size:11px;
}
.count_icon.red{
background:#c60909;
color:#fff;
}
.count_icon.yellow{
background:#ffce00;
color:#fff;
}
/*Sharebar*/
.social{
width:auto;
min-width:30px;
height:30px;
display:inline-block;
float:right;
font-size:14px;
line-height:normal;
text-align:center;
margin-left:3px;
}
.social .center {width:auto;}
.social .sicon{
background-color:#034580;
border-radius:50%;
cursor:pointer;
float:right;
}
.social .sicon::after{
background-position:center -58px;
}
#share { display:none;}
#share.show { display:inline-block;}
.social .sicon.show::after {
background-position:center -78px;
}
.infoline #share.show{
display:inline-block;
border-radius:20px;
}
.share_title{
font-weight:bold;
margin-bottom:10px;
}
#share > a{
display:inline-block;
float:left;
border-radius:50%;
margin:0 1px;
/* width:28px;
height:28px; */
}
#share > a::after{
height:22px;
width:22px;
margin:2px auto;
}
#share_mail::after{
background-position:center -355px;
}
#share_whatsapp::after{
background-position:center -381px;
}
#share_fb::after{
background-position:center -410px;
}
#share_twitt::after{
background-position:center -437px;
}
#share_mail{
background:#007ed7;
}
#share_whatsapp{
background:#4bb11f;
}
#share_fb{
background:#3a579b;
}
#share_twitt{
background:#08b9f3;
}
#fb-layer{
z-index:10;
width:245px;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
padding:7px;
top:35px;
font-size:12px;
line-height:normal;
text-align:center;
}
#footer #fb-layer{
top:-110px;
right:10px;
}
#fb-layer .close{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
background-color:#fff;
}
#fb-layer .fb-like, #fb-layer .fb-share-button{
height:40px;
padding:3px 5px;
}
#fb-layer .fb-like:not(.fb_iframe_widget)::after, #fb-layer .fb-share-button:not(.fb_iframe_widget)::after{
content:'wird geladen..';
font-size:10px;
color:#fff;
display:inline-block;
background:#4267b2;
width:100px;
height:30px;
line-height:30px;
}
#fb-layer b{display:block;margin-bottom:5px;}
#top #share .consent-info{
display: block;
background: #fff;
border: solid 1px #d9d9d9;
box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
padding: 5px;
text-align: left;
font-size: 0.9em;
}
#footer #share{
display:block!important;
float:right;
text-align:center;
}
.seals{display:none;}
.coupon_seal,
.warrant_seal {
position:relative;
float:left;
width:50px;
margin-right:10px;
}
#home .seals{display:inline-block;float:left;}
.coupon_seal {
width:140px;
float:left;
position:absolute;
left:710px;
top:70px;
}
.warrant_seal {
width:90px;
float:right;
position:absolute;
right:5px;
bottom:5px;
}
.agency{
margin:20px 5px 10px 5px;
overflow:hidden;
height:30px;
}
.teasers img {max-height:89px; float:left;}
.teasers .link {margin-top:-5px;font-size:10px; float:right;}
#home .teasers img {max-height:122px;}
#home .teasers .link {margin-right:10px;}
.teasers {margin-bottom:20px;}
/*Static pages*/
#static_page #content > .header {
width: 74.5%;
padding: 0 3px 15px 3px;
}
#static_page > #top .iconbar{ display:none;}
#static_page #content{padding-top:25px;}
#static_page .static p,#static_page .textarea p {line-height:1.8rem;}
#callback .infotext, #contact .infotext{ margin: 12px 0 20px;line-height:1.8rem;}
#static_page ul,
#static_page ol{
line-height:1.9em;
white-space:normal;
}
#static_page ol.roman{list-style-type:upper-roman;}
.sidebar .static{margin-top:40px;}
#cruising .sidebar .static, #fewo .sidebar .static {margin-top:-10px;}
#static_page .textfield{margin:10px 0;}
#static_page #impress .textfield{padding-left:10px;}
#static_page .phone {margin-right:20px;}
#cruising .hint .infofield .hotline{
font-size:19px;
font-weight:bold;
margin:15px 0 5px;
}
#cruising .hint .infofield .hotline a{
white-space:nowrap;
}
.iframe-container,
.iframe-container iframe{
width:100%;
min-height:500px;
}
#fewo .iframe-container,
#fewo .iframe-container iframe{
width:100%;
min-height:360px;
}
#cruising .textarea img{
width:350px;
margin:2px 10px 5px 0;
}
#cruising h2,#cruising h3{clear:none;}
/*Images*/
.image{
padding:5px;
position:relative;
}
img.img, .img img{
border:none;
margin:0;
padding:0;
width:100%;
box-shadow:none;
}
.image .img{
border:0px solid #fff;
-moz-box-shadow:1px 1px 4px #ccc;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #ccc;height:100%;
width:100%;
display:block;
}
.img{
background-image:url(../img/icons/no_image.png);
background-size:50%;
background-color:#fbfbfb;
background-repeat:no-repeat;
background-position:center center;
text-align:center;
}
.image .img img{
height:100%;
float:left;
}
/*Box Styles*/
.box{
background-color:#f2f2f2;
border:solid 1px #ccc;
}
.infobox{
background-color:#f2f2f2;
border-color:#ccc;
border-style:solid;
border-width:1px 1px 2px;
padding:14px 20px 12px;
margin:10px 0;
line-height:1.7rem;
}
.infofield{
background-color:#f9f9f9;
border:1px solid #e4e4e4;
border-radius:2px;
margin:10px 0;
padding:5px;
line-height:1.7rem;
}
.infofield.true{
background-color:#effaeb;
border:1px solid #9dd688;
border-radius:2px;
margin:10px 0;
padding:10px;
}
.infofield.false{
background-color:#faebeb;
border:1px solid #e4bcbc;
border-radius:2px;
margin:10px 0;
padding:10px;
}
.hint .infofield{
margin:0 0 10px;
padding:10px 10px 10px 14px;
background-color:#e9f5e2;
border:1px solid #4fb311;
}
#no_results{
clear:both;
margin-top:20px;
display:inline-block;
}
.hint .infoadv,
#cruising .hint .infoadv{
position:relative;
background:#4fb311;
color:#fff;
font-size:1.1em;
font-weight:bold;
/*text-transform:uppercase;*/
margin-right:-1px;
padding-left:10px;
padding-right:7px;
/*for our Linux Users*/
display:flex;
align-items:center;
}
.infoadv::after{
content:"";
border-color:transparent transparent transparent #4fb311;
border-style:solid;
border-width:8px 8px;
position:absolute;
right:-17px;
top:calc(50% - 8px);
}
.infofield .headline{
padding:5px 10px 0 0;
font-weight:bold;
float:left;
}
.consent-info.tp{
margin: 15px 0 10px;
text-align: center;
}
.sidebar .consent-info.tp{text-align:left;}
/*Stars*/
.star_list{
height:11px;
display:inline-block;
margin-left:5px;
}
.star_list li{
float:left;
display:block;
width:11px;
height:11px;
background-image:url(../img/icons/star.png);
background-repeat:no-repeat;
background-position:0px 0px;
margin-right:2px;
list-style:none;
}
.star_list.show_sun li{
background-image:url(../img/icons/star_sun.png);
}
.star_list .half{
background-position:-11px 0px;
}
.star_list .blank{
background-position:-22px 0px;
}
/*Facts*/
.railfly{
height:18px;
}
.facts{
margin-top:0px;
}
.facts img{
display:inline-block;
width:24px;
height:24px;
margin-right:1px;
padding:2px;
border:solid 1px #d9d9d9;
cursor:pointer;
background-color:#fff;
}
/* Weather*/
.weather{
line-height:30px;
}
.weather li{
width:60px;
float:left;
}
.weather .air_temp{
background-image:url(../img/icons/air_temp.png);
background-position:left center;
background-repeat:no-repeat;
background-size:20px;
font-size:11px;
padding-left:26px;
overflow:hidden;
margin-right:5px;
}
.weather .water_temp{
background-image:url(../img/icons/water_temp.png);
background-position:left center;
background-repeat:no-repeat;
background-size:20px;
font-size:11px;
padding-left:26px;
overflow:hidden;
}
.weather .night_temp{
background-image:url(../img/icons/night_temp.png);
background-position:left center;
background-repeat:no-repeat;
background-size:20px;
font-size:11px;
padding-left:26px;
overflow:hidden;
margin-right:5px;
}
/*Prices*/
.price strong,
.price b{
text-decoration:none;
color:#286d9b;
cursor:pointer;
font-size:20px;
font-size: 1.8em;
font-weight:bold;
text-decoration:underline;
}
.price a:hover,.price a:focus{
text-decoration:none;
}
.price a:hover strong,
.price strong:hover{
/* color:#4C990E;*/
text-decoration:underline;
font-weight:bold;
}
.content_area .header{
padding:15px 3px;
display:inline-block;
}
.header h1,.header h2,.header h3{
padding:0;
margin:0 0 5px 0;line-height: 1.7rem !important;
}
.header p {
padding:0;
margin:0;
line-height: 1.5rem !important;
}
/*Sidebar*/
.search_title{
font-size:15px;
font-weight:bold;
margin:5px 3px 13px 3px;
}
.search_title .saveit{
font-weight:normal;
float:right;
font-size:0.8em;
}
.search_title .saveit:hover{cursor:pointer;text-decoration:underline;}
.sidebar .header{
position:relative;
display:block;
width:100% !important;
height:46px;
line-height:46px;
padding:0;
font-size:14px;
border-bottom:solid 1px #ccc;
margin-bottom:10px;
padding:8px 5px !important;
}
.sidebar .infofield .header{
height:auto;
font-weight:bold;
line-height:unset;
}
.sidebar .infofield {
line-height:1.4em;
}
.sidebar .space_top{
margin-top:10px;
}
.sidebar .sidebar_cashback_val{
position:relative;
margin:0 auto;
width:140px;
}
.sidebar .sidebar_cashback_val .val{
position:absolute;
top:-76px;
left:7px;
width:100%;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
background:#d20105;
color:#fff;
line-height:19px;
font-size:0.9em;
}
.sidebar #taglist{
margin-bottom:10px;
}
.sidebar .phone{
font-size:14px;
}
.sidebar .phone p{margin:0;}
.sidebar .phone .number,
#booking_hotline .phone .number{
height:25px;
line-height:25px;
font-size:25px;
font-weight:bold;
}
.sidebar .phone img,
#booking_hotline .phone img{
margin-top:3px;
margin-right:5px;
}
.ico_mark{
width:30px;
height:34px;
display:inline-block;position:relative;
vertical-align:middle;
margin-right:0px;
}
.ico_mark img{
width:100%
}
.ico_mem, .ico_view, .ico_search,.ico_customer{
position:relative;
vertical-align:middle;
margin-right:0px;
background-image:url(../img/icons/icon_sprites.png);
background-repeat:no-repeat;
width:30px;
height:30px;
display:inline-block;
}
.ico_search{
background-position:-60px 0px;
}
.ico_mem{
/* background-position:0px 0px;*/
background-image:url(../img/icons/remind.png);
background-size:65%;
background-position:2px 2px;
}
.ico_view{
background-position:-30px 0px;
}
.sidebar .siegel .header{
line-height:18px;
text-align:left;
}
.sidebar .ico_siegel{
height:100px;
float:left;
margin-right:13px;
margin-bottom:13px;
}
.sidebar .box{
background-color:#f2f2f2;
border-bottom:1px solid #d1d1d1;
padding:7px 15px 5px;
line-height:20px;
}
.sidebar .reservation-info .header img{
margin-bottom:-8px;
}
.sidebar .reservation-info .box b{
color:#034580;
}
.sidebar .reservation-info ul.check{
margin:5px 0;
}
ul.check li{
background-image:url(../img/icons/check.png);
background-repeat:no-repeat;
background-position:3px 6px;
padding-left:22px;
background-size:13px;
white-space:normal;
}
ul.stroke li{
background-image:none;
}
ul.stroke li::before{
content:"–";
position:absolute;
margin-left:-14px;
}
/*Icons*/
.taggin{
cursor:pointer;
z-index:3;
position:absolute;
right:5px;
bottom:5px;
padding:0;
height:35px;
width:35px;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.taggin .del_htl,
.taggin .add_htl{
background-color:#fff;
height:34px;
width:34px;
border:solid 1px #d9d9d9;
border-radius:50%;
}
.taggin .del_htl::after,
.taggin .add_htl::after{
width:20px;
height:20px;
}
.taggin span span{display:none;}
.taggin .add_htl::after{
background-position:center 2px;
}
.taggin .del_htl::after{
background-position:center -19px;
}
.taggin.mnone .del_htl,
.taggin.mfound .add_htl{
display:none;
}
.tagging_msg_ok{
background-color:#f2f2f2;
color:#7f9533;
color:#50a21c;
padding:10px;
text-align:center;
}
.tagging_msg_ok .sprt {
display:inline;
}
.tagging_msg_ok .sprt::after {
background-position:0 -75px;
margin:0px -18px 0 0;
height:14px;
width:14px;
}
.tagging_msg_ok .done_true{
padding-left:18px;
}
.icn .lbl{
display:none;
clear:both;
font-size:12px;
font-weight:normal;
white-space:nowrap;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
height:auto;
position:absolute;
bottom:45px;
margin:0 auto;
background:#034580;
padding:7px 15px;
font-weight:bold;
color:#fff;
z-index:1;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}
.icn:hover .lbl{
display:block;
}
.icn .lbl::after{
content:' ';
position:absolute;
width:0;
height:0;
border:6px solid #034580 ;
left:30px;
border-color:#034580 transparent transparent transparent;
bottom:-12px;
}
.sidebar .header a{
text-decoration:none;
font-weight:bold;
}
/* alternatives */
.alternates-title{
margin:15px 7px 12px;
color:#fa5605;
/*color:#034580;*/
}
.sidebar .trustpilot-widget{
min-height:140px;
}
/*Hotline*/
.hotline{
overflow:hidden;
}
.hotline .info{
margin:10px 0 0 0;
}
.hotline h3,
.hotline p strong{
font-size:16px;
font-weight:bold;
color:#034580;
white-space:nowrap;
}
.hotline_ p strong{
font-size:20px;
margin-top:10px;
display:block;
}
.hotline img{
margin:0 20px;
}
/*Filter*/
.filter label,
.filter input,
.filter select,
.filter button,
.filter .button{
width:100%;
display:block;
}
.filter label{
margin-top:5px;
}
/*Ajax Info Layers*/
.holder.act{
/* background-color:#f9f9f9;*/
}
.ajax ::selection{
background:transparent;
color:inherit;
}
.ajax ::-moz-selection{
background:transparent;
color:inherit;
}
.ajax{
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.ajax.active{
text-decoration:underline;
}
.detail_line{
position:absolute;
bottom:0;
left:0;
padding:5px;
}
.book .link.ajax,
.detail_line .detail{
border:solid 1px #e4e4e4;
padding:10px;
margin:0 1px 0 0;
text-decoration:none;
font-weight:bold;
display:block;
height:auto;
line-height:normal;
border-radius:2px;
color:#286d9b;
float:left;
width:auto;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
background:#fff;
}
.detail_line .button{
margin-bottom:8px;
}
.ajaxload h3{
text-transform:capitalize;
margin:0 0 0 20px;
height:40px;
line-height:40px;
}
.ajaxload h4{
text-transform:capitalize;
float:left;
clear:both;
margin:0 0 9px 5px;
font-size:1.15em;
}
.ajaxload{
padding:0;
position:relative;
overflow:hidden;
width:100%;
display:none;
}
.ajaxload .infotext{
line-height:1.7em;
}
.ajaxload.karte{
padding:0;
}
#hotels .ajaxload{
/* margin:0px -5px;
width:auto;
border-width:1px 0;*/
}
/*.hotelinfo-nav{
background:#fff;
padding:7px 0px 2px;
}*/
.ajaxload h3{
position:absolute;
}
.ajax-layer{
display:none;
min-height:380px;
max-height:380px;
overflow-x:hidden;
overflow-y:auto;
position:relative;
width:100%;
background:#fff;
padding:20px;
}
.ajax-layer.karte{
padding:0;
}
.ajax-layer.karte p.error{
padding:20px;
}
.ajax-layer.hotelinfo{
line-height:24px;
}
#haa_changeText .hotelinfo_hint,
#book_overview .hotelinfo_hint{
display:none;
}
.infotext p:not(.error){
margin:0;
padding:0;
}
.ajax-layer.loader{
width:100%;
background:#fff url(../img/mid-loader.gif) center center no-repeat;
height:100%;
}
.ajax-layer h1,
.ajax-layer h2,
.ajax-layer h3{
font-size:14.5px;
margin-top:5px;
}
.ajax-layer li{
white-space:normal;
}
.ajaxload .hotelinfo-head{
width:100%;
padding:0 50px 0 0;
min-height:40px;
background:#f2f2f2;
border-bottom:solid 1px #d9d9d9;
}
.ajaxload .providers select{margin-left:10px;}
.ajaxload .hotelinfo-title{
padding:0 10px;
font-weight:bold;
line-height:40px;
}
.hotelinfo-nav a.ajax{
padding:0 10px;
font-weight:bold;
border-right:solid 1px #999;
line-height:40px;
}
.hotelinfo-nav a.ajax:last-child{
border-right:none;
}
.hotelinfo-nav{
display:inline-block;
}
/* slick slider */
.ajax-layer.bilder{
position:fixed;
width:810px;
max-height:unset;
height:605px;
z-index:10;
top:50%;
left:50%;
margin-left:-405px;
margin-top:-300px;
border:none;
background-color:#000;
overflow:visible;
padding:5px;
bottom:unset;
}
.ajax-layer.bilder .title-bar{
width:100%;
display:block;
position:absolute;
left:0;
top:-40px;
height:40px;
padding:0 5px;
}
.ajax-layer.bilder .hotel-name{
height:40px;
line-height:40px;
display:inline-block;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-right:40px;
font-size:18px;
font-weight:bold;
color:#fff;
}
.showImgLayer .ajaxload{
width:0;
height:0;
border:none;
position:absolute;
background:none;
padding:0;
}
.showImgLayer .providers{
position:fixed;
z-index:11;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-405px;
padding-left:2px;
background-color:#f2f2f2;
color:inherit;;
padding:7px 7px 6px;
font-size:1.1em;
width:810px;
}
.showImgLayer .providers #provider{
background-color:#f9f9f9;
}
.showImgLayer .providers .prv-logo{
display:block!important;
height:21px;
margin-top:1px;
}
.ajax-layer.bilder .close-ajax-layer{
box-shadow:none;
background-position:center;
background-image:url(../img/icons/close_white.png);
background-color:none;
background-color:rgba(0, 0, 0, 0);
background-size:18px auto;
padding:15px 0;
position:absolute;
right:0;
height:40px;
width:30px;
line-height:40px;
top:0;
left:auto;
bottom:auto;
border-radius:50%;
}
.ajax-layer.bilder .close-ajax-layer.close::after{
background-image:url(../img/icons/sprite_white.png);
width:24px;
height:24px;
background-position:center -103px;
}
.hide-ajax-pics{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:10;
background:rgba(0,0,0,0.5);
background:rgba(0,0,0,0.7);
}
.ajax-layer .big-slider{
width:800px;
}
.ajax-layer .big-slider span{
width:800px;
height:534px;
background-color:#000;
}
.slick-slider button:hover{border:none;}
.ajax-layer .big-slider .slick-slide{
display:flex;
align-items:center;
}
.ajax-layer .big-slider img{
width:auto;
max-width:100%;
height:auto;
margin:0 auto;
z-index:1;
}
.ajax-layer.bilder .thumb-slider{
height:56px;
overflow:hidden;
margin-top:5px;
color:#000;
}
.ajax-layer .thumb-slider li{
margin-right:3px;
height:56px;
overflow:hidden;
background:#000;
}
.ajax-layer .thumb-slider li img{
width:100%;
height:100%;
margin:0 auto;
border:0;
outline:0;
}
.showImgLayer .ajax-layer .slick-arrow::before{
font-size:30px;
opacity:0.9;text-shadow:0 0 3px #222;
}
.showImgLayer .ajax-layer .slick-prev,
.showImgLayer .ajax-layer .slick-prev:focus,
.showImgLayer .ajax-layer .slick-prev:hover,
.showImgLayer .ajax-layer .slick-next,
.showImgLayer .ajax-layer .slick-next:focus,
.showImgLayer .ajax-layer .slick-next:hover{
z-index:1;
width:60px;
height:50%;
}
.showImgLayer .ajax-layer .slick-prev,
.showImgLayer .ajax-layer .slick-prev:focus,
.showImgLayer .ajax-layer .slick-prev:hover{
left:0px;
}
.showImgLayer .ajax-layer .slick-next{
right:0px;
}
.ajax-layer .slick-slide .alt-prv{
background:#f2f2f2;
width:100%;
padding:15px;
}
.ajax-layer .slick-slide .infofield.alt{
margin:50px auto 0;
padding:7px 7px 1px;
width:630px;
max-width:85%;
}
.ajax-layer .slick-slide.hint .infoadv{
margin-right:15px;
padding:8px 8px 10px 10px;
font-size:1.25em;
}
.ajax-layer .slick-slide p{
margin:0 0 3px;
}
.ajax-layer .thumb-slider .hint .infofield{
height:100%;
padding:0;
}
.ajax-layer .thumb-slider .hint .infoadv{
font-size:14px;
width:100%;
margin:12px 0 0;
padding:8px 8px 9px;
display:block;
}
#history .slick-dotted.slick-slider{
padding-bottom:30px;
margin-bottom:0px;
}
#history .slick-dots{
bottom:0;
}
#history .slick-dots li button{
box-shadow:none;
}
#history .slick-slide img{
display:inline-block;
}
#history .slick-arrow, #main-img .slick-arrow, .userpics .slick-arrow{
box-shadow:none;
z-index:1;
top:33%;
width:30px;
height:30px;
height:50%;
width:60px;
text-shadow:0 0 3px #222;
}
#history .slick-arrow::before, #main-img .slick-arrow::before{
font-size:30px;
opacity:0.9;
}
#history .slick-next, #main-img .slick-next, .userpics .slick-next{
right:0;
}
#history .slick-prev, #main-img .slick-prev, .userpics .slick-prev{
left:0;
}
#history.slick-dots{
bottom:-30px;
}
#main-img .slick-arrow, .userpics .slick-arrow{
top:50%;
margin-top:-3px;
}
#factsheet hr{
margin:10px 0;
}
#factsheet .aus_title{
font-weight:bold;
margin-bottom:10px;
color:#363F46;
}
#factsheet .aus_list li{
float:left;
width:32%;
margin-left:1%;
line-height:25px;
white-space:nowrap;
}
#factsheet .aus_list .sprt{
width:20px;
height:20px;
display:inline-block;
}
#factsheet .aus_list .sprt::after{
background-position:0 -82px;
width:15px;
height:15px;
margin:0;
}
.ajax-layer .all-review{
overflow:hidden;
clear:both;
margin:0 auto 10px;
border:solid 1px #e4e4e4;
background:#fbfbfb;
}
.ajax-layer .reviews-b{
display:block;
clear:both;
position:relative;
height:35px;
line-height:35px;
padding:0 10px;
border-bottom:solid 1px #e4e4e4;
}
.ajax-layer .reviews-b .fl{
width:40%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.ajax-layer .all-review > .col2:nth-child(2n-1){
border-right:solid 1px #e4e4e4;
}
.ajax-layer .all-review .nb{ border:none;}
.ajax-layer .reviews:last-child{
margin-bottom:25px;
border:none;
}
.ajax-layer .reviews li{
/*font-size:0.9em;*/
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #e4e4e4;
margin-bottom:10px;
position:relative;
}
.ajax-layer .reviews li span{
display:block;
line-height:1.7rem;
}
.ajax-layer .reviews .rating,
.ajax-layer .all-review .rating{
display:block;
float:left;
width:101px;
height:17px;
overflow:hidden;
background:url(../img/icons/hc_stars.png) 0 0 no-repeat;
position:relative;
padding:0;
border:0;
margin:0 5px 0 0;
}
.ajax-layer .reviews-b .rating{
margin-top:9px;
}
.ajax-layer .reviews .rating-active, .ajax-layer .all-review .rating-active{
display:block;
height:17px;
overflow:hidden;
background:url(../img/icons/hc_stars.png) 0 -17px no-repeat;
position:absolute;
}
.ttws .reviews .rating, .ttws .all-review .rating,
.ttws .reviews .rating-active, .ttws .all-review .rating-active{
background-image:url(../img/icons/rat_stars.png);
}
.ajax-layer .reviews .title{
display:block;
background:none;
font-size:1.2em;
font-weight:bold;
color:#155499;
padding:0;
float:left;
}
.ajax-layer .reviews .age{
font-size:0.9em;
}
.ajax-layer .reviews .rating-val{
font-weight:bold;
margin:0 0 0 5px;
height:17px;
line-height:17px;
float:right;
}
.userpics{
height:108px;
margin:10px 0 0;
}
.userpics .col3{
height:108px;
background: #034580;
position:relative;
}
.userpics .col3::after,
.userpics .col3::before{
height:100%;
content:"";
width:1px;
position:absolute;
top:0;
bottom:0;
right:0;
background:#fff;
z-index:1;
}
.userpics img{
box-shadow:none;
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
float: none;
}
.ajax-layer .load{
display:block;
text-align:center;
margin-bottom:20px;
cursor:pointer
}
.map-canvas-list{
width:100%;
height:380px;
}
.btn-enter-full-screen,
.btn-exit-full-screen{
position:absolute;
z-index:1;
right:13px;
top:12px;
background:#fff;
padding:6px;
font-weight:bold;
border:solid 1px #e4e4e4;
cursor:pointer;
}
.no-link-style{
color:inherit;
}
.no-link-style:hover{
text-decoration:inherit;
}
.ajax-layer.insurance, .ajax-layer.agb{
/*background-color:#fff;
border-bottom-color:#fff;
margin-top:10px;*/
-webkit-overflow-scrolling:touch
}
.close-ajax-layer.bottom{
background-color:#f2f2f2;
color:#222;
cursor:pointer;
display:inline-block;
font-weight:bold;
text-align:right;
position:relative;
text-decoration:underline;
/* box-shadow:0px -4px 4px #f2f2f2;*/
float:right;
width:100%;
padding:8px;
text-align:center;
border-top:solid 1px #d9d9d9;
}
.info_layer .haa_close,
.close-ajax-layer.close{
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
position:absolute;
right:0;
top:0;
font-size:0px;
width:40px;
height:40px;
}
.info_layer .haa_close::after,
.close-ajax-layer.close::after{
display:block;
background-size:100%;
background-image:url(../img/icons/sprite_darkgray.png);
background-position:center -79px;
background-repeat:no-repeat;
width:18px;
height:18px;
}
.info_layer .haa_close::after{
background-image:url(../img/icons/sprite_white.png);
}
/*Pagination*/
.pagination{
display:inline-block;
position:relative;
border:1px solid #CDCDCD;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:0 80px;
}
.pagination .page{
width:240px;
float:left;
vertical-align:middle;
line-height:35px;
font-size:15px;
border:none;
}
.pagination a,.pagination .next, .pagination .prev {
display:block;
float:left;
height:35px;
width:40px;
text-align:center;
text-decoration:none;
font-family:Times, 'Times New Roman', Georgia, Palatino;/* ATTN:need a better font stack */
font-weight:bold;
font-size:20px;
outline:none;
vertical-align:middle;
position:absolute;
background-color:#f2f2f2;
}
#first, #offer #prev, .prev:first-child{
left:0;
}
#prev, .prev{
left:40px;
}
#next, .next{
right:40px;
}
#last, #offer #next, .next:last-child{
right:0;
}
.pagination a:hover, .pagination a:focus, .pagination a:active{
background:#e4e4e4;
}
.pagination .next, .pagination .prev {
color:#A8A8A8;
}
.pagination a:first-child,
.pagination .next{
border-radius:2px 0 0 2px;
-moz-border-radius:2px 0 0 2px;
-webkit-border-radius:2px 0 0 2px;
}
.pagination a:last-child,
.pagination .prev{
border-radius:0 2px 2px 0;
-moz-border-radius:0 2px 2px 0;
-webkit-border-radius:0 2px 2px 0;
}
.pagination a, .pagination .next, .pagination .prev{
border-right:1px solid #CDCDCD;
border-left:1px solid #CDCDCD;
}
.pagination a:first-child,
.pagination .prev:first-child{
border:none;
}
.pagination a:last-child,
.pagination .next:last-child{
border:none;
}
.pagination input{
border:none;
float:left;
text-align:center;
height:35px;
width:240px;
line-height:35px;
font-size:15px;
outline:none;
vertical-align:middle;
padding:0;
margin:0;
}
.pagination .ico{
display:block;
width:20px;
height:15px;
background-image:url(../img/icons/pagination.png);
background-size:40px 57px;
margin:10px auto;
}
.pagination .prev:first-child .ico{
background-position:20px 0;
}
.pagination .prev .ico,
.offer_list .pagination .prev .ico{
background-position:20px 43px;
}
.pagination .next:last-child .ico{
background-position:20px 15px;
}
.pagination .next .ico,
.offer_list .pagination .next .ico{
background-position:20px 30px;
}
.pagination #prev .ico{
background-position:0 43px;
}
.pagination #next .ico{
background-position:0 30px;
}
.pagination #last .ico{
background-position:0 15px;
}
.pagination input::-webkit-input-placeholder{
color:inherit;;
}
.pagination input:-moz-placeholder{ /* Firefox 18- */
color:#000;
}
.pagination input::-moz-placeholder{ /* Firefox 19+ */
color:#000;
}
.pagination input:-ms-input-placeholder{
color:inherit;;
}
.pagination input::placeholder{ /* Firefox 18- */
color:#000;
}
/* voucher info */
.sofort-cashback-info h2{
font-size:1.4em;
margin:15px 0px 5px;
}
.sofort-cashback-info b{
color:#034580;
}
/*IBE Breadcrump*/
.step-show{
margin:0;
box-shadow:0px 1px 2px #e8e8e8;
z-index:1;
position:relative;
}
.step-show ul{
display:block;
position:relative;
height:34px;
width:100%;
border:solid 1px #e4e4e4;
font-weight:bold;
background:#f2f2f2;
overflow:hidden;
}
.step-show ul em{
font-style:normal;
background:#fff;
height:20px;
width:20px;
border-radius:20px;
color:initial;
line-height:20px;
display:inline-block;
margin-right:8px;
text-align:center;
font-weight:bold;
font-size:0.8rem;
color:#222;
}
.step-show ul li a{
color:#fff;
display:block;
}
.step-show ul li{
position:relative;
display:inline-block;
float:left;
width:25%;
line-height:32px;
text-align:center;
background-color:#007ed7;
}
.step-show ul li:not(:first-child){
padding-left:10px;
}
.step-show ul li::after,
.step-show ul li.disabled::before,
.step-show ul li::before{
border-bottom:21px solid transparent;
border-left:10px solid #007ed7;
border-top:20px solid transparent;
content:"";
display:inline-block;
height:0;
position:absolute;
right:-9px;
top:-4px;
width:0;
z-index:1;
}
.step-show ul li:last-child::after,.step-show ul li:last-child::before{
display:none;
}
.step-show ul li.selected::after{
border-left-color:#b6e6fe;
}
.step-show ul li.selected{
background-color:#b6e6fe;
color:#286d9b;
}
.step-show ul li::before{
border-bottom:23px solid transparent;
border-top:23px solid transparent;
border-left:12px solid #fff;
right:-11px;
top:-7px;
}
.step-show ul li.disabled::before{
border-bottom:23px solid transparent;
border-top:23px solid transparent;
border-left:12px solid #fff;
right:-11px;
top:-7px;
}
.step-show ul li.disabled::after{
border-left-color:#f2f2f2;
}
.step-show ul li.disabled{
color:#666;
background-color:#f2f2f2;
}
/*matrix*/
.del-matrix{
position:relative;
margin:1px;
padding:2px 25px 2px 7px;
width:auto;
border:1px solid #d9d9d9;
border-radius:3px;
max-width:150px;
text-decoration:none;
background-color:#fff;
color:inherit;
}
.del-matrix::after{
position:absolute;
right:5px;
background-position:0 -62px;
width:14px;
height:14px;
}
.del-matrix:active {
text-decoration:line-through;
}
/*Sortbox*/
.sortbox{
background-color:#007ed7;
color:#fff;
font-size:1.1em;
line-height:35px;
margin:4px 0;
padding:5px 10px;
}
.sortbox::after{
clear:both;
content:'';
display:block;
}
/*Service area*/
.service{
margin:20px 0;
}
.service a:hover{
text-decoration:underline;
}
.service li{
float:left;
width:50%;
padding:10px;
border-right:solid 1px #e7e7e7;
font-size:0.9em;
}
.service li:nth-child(-n+2){
border-bottom:solid 1px #e7e7e7;
}
.service li:nth-child(2n){
border-right:none;
}
.service li img{
height:60px;
margin-right:15px;
margin-bottom:15px;
}
.service li b{
display:block;
font-size:14px;
color:inherit;;
}
.service:after{
content:"";
clear:both;
display:block;
}
#tag_thumbs{
margin:-3px 4px 0 0;
}
#tag_thumbs li{
float:left;
}
#tag_thumbs img{
height:28px;
padding-right:2px;
width:33px;
}
/* Layer Info*/
#haa_overlay{
background:#000 none repeat scroll 0 0;
display:none;
height:100vh;
left:0;
opacity:0.6;
position:fixed;
top:0;
width:100%;
z-index:12;
}
#haa_container{
position:fixed !important;
height:100%;
left:0;
top:0;
width:100%;
max-width:100%;
z-index:10002;
display:none;
}
.info_layer{
position:relative;
width:95%;
max-width:800px;
height:80%;
height:80vh;
margin: 5% auto;
margin: 10vh auto;
box-shadow:0 0 10px #222;
overflow:hidden;
}
#haa_changeText{
height:94%;
height:calc(100% - 40px);
overflow-y:auto;
background:#fff;
}
.info_text .haa_loader{
height:100%;
width:100%;
background:url('../img/mid-loader.gif');
background-repeat:no-repeat;
background-position:center center;
}
.info_text .haa_loader.small{
height:75px;
margin-bottom:15px;
}
.info_text{
padding:10px;
}
.info_text .alt_flights{
height:90px;
padding-top:25px;
}
.info_layer .haa_title{
line-height:40px;
background:#034580;
padding:0 40px 0 10px;
color:#fff;
overflow:hidden;
font-weight:bold;
height:40px;
}
.info_layer .haa_logo{
margin:3px 10px 0 0;
background:#fff;
border:solid 1px #ccc;
padding:3px;
border-radius:3px;
height:29px;
min-width:81px;
}
.info_layer .haa_logo img{
float:left;
}
/*contactform*/
#contact .row{
margin-bottom:10px;
}
#contact #contact_message{
width:100%;
height:140px;
cursor:unset;
}
#contact label{
display:block;
float:left;
width:40%;
height:35px;
line-height:35px;
margin-bottom:3px;
}
#contact .right label{
padding-left:20px;
}
#contact input[type="text"],
#contact select{
width:60%;
margin-bottom:3px;
}
#callback label{
width:100%;
height:20px;
line-height:20px;
margin-top:6px;
display:block;
}
#callback input[type="text"],
#callback select{
width:100%;
}
.formfield{
background-color:#b6e6fe;
}
.formfield h2{
font-size:1em;
position:relative;
display:block;
width:auto;
padding:10px;
margin:0;
background-color:#007ed7;
text-transform:uppercase;
font-weight:bold;
color:#fff;
font-size:16px;
}
.formfield form,
.formfield p{
padding:10px;
margin:0;
}
#callback.formfield p{
padding:27px 14px;
margin:4px 0;
}
.formfield hr{
border-color:#fff;
margin:5px 0px;
}
.eL-captcha{
text-align:center;
}
.eL-possibilities{
margin-top:10px;
}
#voucher .voucher-change-date{
font-style:italic;
}
.error_safari, .error_other{
border:solid 2px red !important;
box-shadow:none !important;
outline:none !important;
}
/*Footer*/
#footer .infolinks{
display:inline-block;
padding:10px 0;
}
#footer .infolinks li{
float:left;
margin:0 10px;
}
#footer .col3{
padding-right:10px;
}
#footer hr{
margin:0;
margin-bottom:10px;
}
#footer ul.line{
margin-top:35px;
margin-right:10px;
}
#footer ul.line, #footer ul.line li{
overflow:visible;
}
#footer .apps img{
width:130px;
height:39px;
}
#footer .apps a{
height:50px;
}
#footer .siegel img{
width:50px;
margin-right:10px;height:68px;
}
#footer .one{
min-height:125px;
}
#footer .two{
min-height:85px;
}
#footer .ssl{
padding-right:10px;
margin-bottom:10px;
}
#footer .ssl_img{
height:45px;
float:left;
}
#footer .ssl_logo{
height:39px;
display:inline-block;
margin:auto 0;
padding:10px 0 0 10px;
}
#footer .geotrust{
float:left;
height:25px;
margin:12px;
}
#footer .hotline{
overflow:visible;
}
#footer .hotline img{
margin:0;
margin-right:10px;
height:62px;
}
#footer .hotline p strong{
font-size:26px;
margin-top:8px;
display:block;
}
#footer .btn{
padding:8px 20px;
background:#034580;
margin:3px;
border-radius:5px;
color:#fff;
display:inline-block;
}/*Footer 2*/
#footer.ibe{
line-height:20px;
font-size:0.9em;
}
#footer.ibe .ssl{
border-right:solid 1px #f2f2f2;
padding:10px;
padding-left:0px;
}
#footer.ibe .coupon{
width:310px;
border-right:solid 1px #f2f2f2;
padding:10px;
}
#footer.ibe .hotline{
width:220px;
border-right:solid 1px #f2f2f2;
padding:10px;
}
#footer.ibe .infolinks {
width:196px;
padding:10px;
padding-right:0px;
}
#footer .footericons{
width:115px;
margin-top:12px;
}
#footer .footericons img{
margin:5px 10px;
}
#footer .appicons img{
width:90px;
}
#footer.ibe .ssl .appicons{
width:115px;
margin-left:5px;
}
#footer.ibe .ssl img{
width:90px;
}
#footer.ibe .ssl .appicons img{
width:95px;
margin-bottom:10px;
}
#footer .social{
position:relative;
}
.sorting,
.sorting_select{
margin:0 0 5px;
}
.sorting::after{
clear:both;
content:'';
display:block;
}
.sorting .sort_label,
.sorting .sort_trigger{
min-width:12.3%;
float:left;
text-align:center;
background:#f6f6f6;
margin-left:0.1%;
border:solid 1px #e4e4e4;
cursor:pointer;
position:relative;
flex-grow:1;
-moz-transition:border-color 0.3s;
-o-transition:border-color 0.3s;
-webkit-transition:border-color 0.3s;
transition:border-color 0.3s;
}
.sorting .sort_label, .sorting .sort_trigger, #offer_locations, #offer_sorting, #s_sort{
line-height:40px;
height:40px;
}
.sorting .sort_label{
/* background:#fff; */
cursor:default;
font-weight:bold;
font-size: 0.8rem;
}
.sorting .sort_trigger a{
color:inherit;
text-decoration:none;
}
.sorting .sort_trigger a,
.sorting .sort_trigger span{
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display:block;
white-space:nowrap;
padding:0 3px;
font-size:0.8rem;
}
#s_sort:hover,
#offer_locations:hover,
#offer_sorting:hover,
.sorting .sort_trigger:hover{
border-bottom:solid 2px #007ed7;
}
#s_sort.search_warn,
#offer_locations.search_warn,
#offer_sorting.search_warn{
border:solid 2px #007ed7;
line-height:36px;
}
.sorting .sort_trigger.active{
background:#007ed7 /* #6ece64 */;
color:#fff;
border:none;
}
.sorting .sort_trigger:first-child{
margin-left:0;
width:25%;
}
.sorting .sort_trigger.active::after{
content:' ';
position:absolute;
width:0;
height:0;
border:6px solid;
border-top-color:currentcolor;
border-right-color:currentcolor;
border-bottom-color:currentcolor;
border-left-color:currentcolor;
border-top-color:currentcolor;
border-right-color:currentcolor;
border-bottom-color:currentcolor;
border-left-color:currentcolor;
right:45%;
border-color:#007ed7 /* #6ece64 */ transparent transparent transparent;
bottom:-12px;
}
#s_sort {
width: 100%;
background-color: #f6f6f6;
border: solid 1px #e4e4e4;
font-weight: bold;
}
/* Captcha fpr contacs + Callback */
.eL-captcha img{
border-radius:5px;
padding:4px;
margin-right:2px;
width:30px;
}
.eL-captcha img.selected{
background-color:#6acef0;
box-shadow:1px 1px 2px #666 inset;
}
.to_box{
font-size:12px;
margin-bottom:15px;
border-bottom:1px solid #ddd;
float:left;
height:88px;
line-height:1.45em;
}
.to_box_links :hover{
text-decoration:underline;
}
.to_box_head{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#va_overview hr{
margin:10px 0;
height:1px;
border:none;
background:#ccc;
}
.climate-box{
font-weight:bold;
padding:20px;
}
.climate-box .climate-cell{
width:50px;
height:50px;
}
.climate-box.graph{
padding:10px 0;
font-weight:normal;
}
.climate-box.graph table{
margin-bottom:15px;
border:solid 3px #fff;
}
.climate-box.graph .climate-cell{
width:36px;
height:180px;
background:#f6f6f6;
vertical-align:bottom;
font-size:10px;
padding:0 1px;
}
.climate-box.graph .climate-cell span{
display:block;
border-radius:2px 2px 0 0;
}
.climate-box.graph .climate-cell .month{
background:#e4e4e4;
}
#hotels .climate{
margin-bottom:5px;
padding-bottom:3px;;
}
#hotels .ajaxload .klimatabelle h3{
display:none;
}
.ajax-layer .climate-box h4{
display:none;
margin:0.65em 0;
padding-bottom:10px;
border-bottom:1px solid #e4e4e4;
font-size:1.3em;
float:none;
}
.climate-box h3{
margin:-9px 0 0;
padding:0;
line-height:inherit;
font-size:inherit;
}
.gm-style-iw + div{display:none;}
.gm-style-iw{text-align:center;}
/* "View in Google Maps" removed */
.view-link{
display:none !important;
}
.iframe-container{
background-image:url(../img/ajaxloader.gif);
background-repeat:no-repeat;
background-position:center 100px;
min-height:300px;
}
.iframe-spinner{
height:0;
padding-top:80px;
margin-bottom:-80px;
font-weight:bold;
}
/*boxdrid settings*/
.price.asbtn{
/* position:absolute;
top:-47px;
right:5px;*/
padding:5px 15px;
background:#ff3636/* #ffce00 */;
border-radius:3px;
color:#3b3b3b;
text-align:center;
display:inline-block;
margin:0 auto;
margin-top:3px;
}
.price.asbtn a strong,
.price.asbtn a b{
text-decoration:none;
color:#000;
cursor:pointer;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
.price.asbtn a:hover strong,
.price.asbtn a strong:hover{
color:currentcolor;
text-decoration:underline;
font-weight:bold;
color:#000;
}
/*hotel offer style*/
.hotel_offer .obox.oline{
position:relative;
height:95px;
box-shadow:none;
}
.hotel_offer .img{
display:inline-block;
float:left;
height:95px;
width:130px;
overflow:hidden;
position:absolute;
border:none !important;
left:0;
top:0;
z-index:1;
}
.hotel_offer .info{
padding:3px;
display:inline-block;
width:100%;
padding-left:135px;
font-size:0.95em;
height:95px;
}
.hotel_offer .top_booked_hotel .info{
padding:3px;
padding-left:135px;
font-size:0.9em;
}
.hotel_offer .top_booked_hotel h3,
.hotel_offer .top_booked_hotel h3 a{
font-size:14px;
margin-bottom:2px;
}
.hotel_offer .top_booked_hotel .effort{
margin-top:0;
}
.hotel_offer .yel_btn,
.hotel_offer a.yel_btn{
padding:5px 10px;
position:absolute;
right:5px;
bottom:5px;
}
/*image offer style*/
.img_offer .obox{
box-shadow:none;
}
.img_offer .obox .img{
height:220px;
}
.img_offer .title{
padding:2%;
font-size:24px;
position:absolute;
top:5px;
left:5px;
}
.img_offer .subtitle{
font-size:14px;
margin-top:25px;
}
.img_offer .title.dark,
.img_offer .subtitle.dark{
color:#222 !important;
}
.img_offer .info{
position:absolute;
bottom:0;
left:0;
z-index:2;
background:rgba(3,79,109,0.8);
width:100%;
max-height:unset!important;
}
.img_offer ul.info{
line-height:30px;
}
#special .title,
#special .subtitle{
}
#special .img{
height:300px;
}
#special .info{
background:rgba(44, 162, 229, 0.85);
}
#li_1 .br{
border-right:solid 1px #88dbfe;
}
#remind_list.hotel_offer .info,
#taglist.hotel_offer .info{
padding:3px;
padding-left:135px;
}
#taglist.hotel_offer h3 a{
font-size:14px;
}
#remind_list.hotel_offer .effort,
#taglist.hotel_offer .effort{
margin-top:0;
}
#reminder #history{
margin-top:20px;
}
#reminder .header,
#reminder #hotels_map {
margin-top:0;
}
#reminder .infofield.bookmark{
margin:5px 0 10px 0;
}
#reminder .infofield.bookmark p{
margin:5px 0;
}
#reminder .delete_all_area{
width:100%;
text-align:right;
}
#top_booked .top_booked_hotel,
#top_booked .top_booked_region,
#taglist .taglist,
#reminder .history{
width:25%;
display:inline-block;
float:left;
}
#taglist.hotel_offer .img{
width:35%;
position:relative;
}
#taglist.hotel_offer .info{
width:65%;
padding-left:5px;
}
#no_results .top_booked_hotel,
#reminder .top_booked_hotel{
width:50%;
display:inline-block;
float:left;
}
#reminder .history .info{
text-align:center;
}
.sidebar .history .img{
height:160px;
}
#top .infoline_mobile{
display:none;
}
#law{
background:#006cb9;
min-height:40px;
}
#law .wrap{
width:1280px;
margin:0 auto;
position:relative;
}
#law p{
padding-right:100px;
font-size:13px;
color:#fff;
padding:10px 80px 10px 0px;
margin:0;
display:inline-block;
}
#law p a{
color:#fff;
text-decoration:underline;
font-weight:bold;
white-space:nowrap;
}
#law .btn{
background:#fff;
padding:1px 10px;
border-radius:3px;
color:#006cb9;
g font-weight:bold;
vertical-align:bottom;
display:inherit;
line-height:20px;
cursor:pointer;
margin-left:5px;
}
#law .btn:hover{
background:#bfe5f7;
}
.scarcity{
display:inline-block;
font-size:0.8em;
clear:both;
color:#fff;
font-weight:normal;
position:relative;
background:#e20000;
padding:1px 5px;
line-height:1.3rem;
-webkit-animation:fadein 2s;/* Safari, Chrome and Opera > 12.1 */
-moz-animation:fadein 2s;/* Firefox < 16 */
-ms-animation:fadein 2s;/* Internet Explorer */
-o-animation:fadein 2s;/* Opera < 12.1 */
animation:fadein 2s;
}
.scarcity .num{
font-weight:bold;
color:#fff;
/* padding:0 5px;
background:#c00c0c; */
display:inline;
}
.uwe{
background:#b6e6fe;
margin-bottom:5px;
overflow:hidden;
margin-bottom:15px;
}
.uwe .thumb,
.uwe .info{
height:95px;
display:table-cell;
position:relative;
vertical-align:middle;
padding:5px;
}
.uwe .tel{
display:inline-block;
width:33.33%;
float:left;
text-align:center;
}
.uwe .tel p{
width:100%;
height:95px;
padding-top:15px;
}
.uwe .info{
width:56.66%;
padding-right:10px;
}
.uwe .thumb{
width:10%;
padding-top:7px;
text-align:center;
}
.uwe .thumb img{max-width:80px;}
.uwe .tel{
width:33.33%;
width:326px;
padding:0 5px;
background:#007ed7;
color:#fff;
font-size:16px;
}
.offer .uwe{
margin-bottom:5px;
}
.uwe p{
margin:auto 0;
}
.uwe .name{
font-weight:bold;
}
.uwe .bubb {
background:#fff;
border-radius:13px;
padding:7px 15px;
display:inline-block;
position:relative;
border:1px solid #ccc;
margin-top:2px;
}
.uwe .bubb::after{
content:'';
display:inline-block;
width:0;
height:0;
line-height:0;
font-size:0;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:7px solid #fff;
position:absolute;
left:-6px;
top:45%;
margin-top:-5px;
}
.uwe .bubb::before{
content:'';
display:inline-block;
width:0;
height:0;
line-height:0;
font-size:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-right:8px solid #ccc;
position:absolute;
left:-8px;
top:45%;
margin-top:-6px;
}
.uwe .info .name{
padding-left:10px;
}
.uwe .info p{
margin:auto 0;
font-size:0.95em;
font-style:oblique;
height:auto;
line-height:16px;
}
.uwe .info p .ql{
font-size:20px;
font-weight:bold;
color:#ccc;
}
.uwe .info p .qr{
font-size:20px;
font-weight:bold;
color:#ccc;
}
.uwe .tel p{
font-size:0.95em;
padding-left:0;
width:100%;
}
.uwe .tel .number{
font-size:1.8em;
color:#fff;
display:block;
white-space:nowrap;
}
.uwe .tel .number a{
color:#fff;
}
.uwe .tel .link{
color:#fff;
font-size:0.8em;
}
.privacy_info p,
#static_page #content .privacy_info p{
line-height:1.5em;
}
.info-layer{
cursor:help;
width:13px;
margin:0 3px;
}
.info-layer-text{
display:none;
position:absolute;
margin:5px;
width:auto;
max-width:90%;
padding:10px 20px;
font-weight:normal;
border:solid 0px #fff;
background:#007ed7;
-moz-box-shadow:3px 3px 3px #444;
-webkit-box-shadow:3px 3px 3px #444;
box-shadow:1px 1px 3px #444;
text-decoration:none;
overflow:visible;
white-space:normal;
z-index:9999;
font-size:1rem;
line-height:1.5rem;
text-align:left;
color:#fff;
}
.info-layer-text a{color:#fff;font-weight:bold;text-decoration:underline;}
/*Main Search*/
.show-search{
position:relative;
float:none;
display:none;
padding:5px;
height:40px;
line-height:40px;
padding:0 5px;
width:auto;
}
.show-search:hover{
text-decoration:none;
}
/* .cashback a{
width:auto;
padding-right:5px;
margin:0 auto;
display:inline-block;
line-height:25px;
background-color:orange;
text-align:left;
margin-top:10px;
border-radius:3px;
color:#003c54;
white-space:nowrap;
font-weight:bold;
}
.cashback span{
font-weight:bold;
font-size:16px;
background:red;
display:inline-block;
padding:0 5px;
border-radius:3px;
color:#fff;
margin-right:5px;
float:left;
} */
.tabline{
margin-left:10px;
}
.tabnav{
width:auto;
position:relative;
z-index:1;
display:inline-block;
float:left;
}
.tabnav li {
display:inline-block;
border-left:solid 1px #688fb3;
text-align:center;
background-color:#034580;
}
.tabnav li a{
padding:1px 21px;
font-weight:normal;
line-height:30px;
color:#fff;
font-size:12px;
display:inline-block;
}
.tabnav li:first-child , .tabnav li ~ a.selected{
border:0;
}
.tabnav .tipp{position:relative;}
.tabnav .tipp:after{
content: 'Neu!';
background: red;
font-size: 14px;
font-weight: bold;
position: absolute;
color: #fff;
right: 0;
border-radius: 50%;
padding: 4px 8px;
top: -19px;
}
.tabnav .tipp.li_special:after{
content: 'Tipp';
background: green;
}
.tabnav li a span{
width:16px;
height:30px;
float:left;
margin-right:5px;
}
.tabnav li a span::after{
width:18px;
height:18px;
background-size:18px;
}
.tabnav .pr::after{
background-position:center -780px;
}
.tabnav .ea::after{
background-position:center -800px;
}
.tabnav .fl::after{
background-position:center -820px;
}
.tabnav .dr::after{
background-position:center -842px;
}
.tabnav li.selected{
background-color:rgba(225,241,249,0.8);
background-color:#007ed7;
/* color:#034580; */
}
/* #static_page .infoline .wrap{
width:100%;
} */
.tlbl{
display:block;
height:auto;
position:absolute;
margin:0 auto;
background:#034580;
padding:7px 10px;
color:#fff;
z-index:10;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
white-space:nowrap;
left:0px;
z-index:100;
width:auto;
font-size:12px;
line-height:normal;
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
max-width:200px;
}
.tlbl .ttxt{
display:block;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.tlbl.right{
right:0px;
left:auto;
}
.tlbl::before{
content:' ';
position:absolute;
width:0;
height:0;
border:6px solid #034580 ;
left:10px;
border-color:#034580 transparent transparent transparent;
bottom:-12px;
}
.tlbl.right::before{
right:10px;
left:auto;
}
.top-hotels .ficon{
/* background-color:#eaf8ff;
border:2px solid #eaf8ff;
outline:solid 1px #afcfdf;*/
}
.animals{background-position:-902px 0}
.centrallocation{background-position:-877px 0}
.childfriendly{background-position:-848px 0}
.childrensplayroom{background-position:-820px 0}
.club{background-position:-794px 0}
.cycling{background-position:-764px 0}
.diving{background-position:-735.33px 0}
.doc{background-position:-710px 0}
.familyholiday{background-position:-684px 0}
.fitness{background-position:-656px 0}
.freewlan{background-position:-628px 0}
.golf{background-position:-602px 0}
.greatsportsoffer{background-position:-575px 0}
.handicapped{background-position:-548px 0}
.hiking{background-position:-524px 0}
.holiday_for_two{background-position:-497px 0}
.horseriding{background-position:-465px 0}
.hotelnearthebeach{background-position:-436px 0}
.indoorpool{background-position:-409px 0}
.internet{background-position:-383px 0}
.kidsdisco{background-position:-354px 0}
.marriage{background-position:-329px 0}
.massages{background-position:-299px 0}
.parking{background-position:-270px 0}
.pool{background-position:-241px 0}
.pool_heated{background-position:-211px 0}
.premium{background-position:-184px 0}
.quietlocation{background-position:-155px 0}
.sailing{background-position:-128px 0}
.sauna{background-position:-97px 0}
.tennis{background-position:-64px 0}
.watersport{background-position:-33px 0}
.wellness{background-position:0 0}
/*Flights*/
.vakanz .flight_info .theader{
display:none;
}
.flight_info.out,
.flight_info.in{
width:100%;
}
.flight_info .route li{
vertical-align:middle;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-right:5px;
/* line-height:21px; */
}
.flight_info .route.in,
.flight_info .route.out{
clear:both;
position:relative;
margin:0;
border-top:solid 1px #e4e4e4;
}
.flight_info .route.in:nth-child(2),
.flight_info .route.out:nth-child(2){
border:0;
}
.flight_info .date.bold .time{
font-weight:bold;
}
.flight_info .depart {
padding-left:20px;
}
.flight_info .airline,
.flight_info .no{
width:14%;
display:inline-block;
text-align:right;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:0 5px 0 3px;
}
.flight_info .airline span,
.flight_info .no span{
width:100%;
display:block;
font-size:9px;
line-height:12px;
}
.flight_info .airline.noi{
background-color:rgba(0, 0, 0, 0.05);
padding:0 3px;
}
.flight_info .airline.noi span{
text-align:center;
}
.flight_info .airline img{
max-width:100%;
max-height:18px;
vertical-align:middle;
}
.flight_info.in::before{
background-image:url(../img/icons/flight_in.png);
background-position:left center;
background-repeat:no-repeat;
background-size:14px;
padding-left:25px;
height:20px;
display:block;
content:'';
position:absolute;
}
.flight_info.out::before{
background-image:url(../img/icons/flight_out.png);
background-position:left center;
background-repeat:no-repeat;
background-size:14px;
padding-left:25px;
height:20px;
display:block;
content:'';
position:absolute;
}
.flight_info .theader{
height:20px;
line-height:20px;
font-weight:bold;
font-size:11px;
color:inherit;
/* border-bottom:solid 1px #e4e4e4;*/
}
.flight_info .theader li.depart{
padding-left:20px;
}
.flight_info .route::after{
content:'';
display:inline-block;
height:7px;
width:7px;
border-radius:50%;
background:#83d0f5;
position:absolute;
left:3px;
top:32%;
z-index:1;
}
.flight_info .route.nobg::before{
content:'';
display:inline-block;
height:20px;
width:3px;
background:#c0c0c0;
position:absolute;
left:5px;
top:-12px;
}
.flight_info .flytype{
padding-left:20px;
}
.flight_info .nobg{
border:0 !important;
}
/* .flight_info .route.nobg{
border-bottom:1px solid #e8e8e8;
} */
/*Starpage*/
#boxlist h3{
margin-bottom:8px;
}
#boxlist p {
height:28px;
overflow:hidden;
}
#boxlist p a{
float:left;
}
#home h2.infotext{
color:inherit;
font-weight:inherit;
margin:0 0 14px 0;
line-height:1.5em;
}
#home hr {border-color:#fff;}
#home .seo_infotext h2,#home .seo_infotext h3,#home.seo_infotext h4,#home.seo_infotext h5{padding:0;}
#new_info{
left:0;
background:#fff;
color:#222;
width:auto;
white-space:nowrap;
padding-right:20px;
height:30px;
line-height:30px;
border-radius:15px;
overflow:hidden;
margin-top:-5px
}
#new_info .highlight{
padding:0 10px;
background:red;
height:30px;
line-height:30px;
display:inline-block;
font-weight:bold;
margin-right:10px;
color:#fff;
}
#reminder h1{clear:none;}
.teaser{
padding:0 2px 2px 2px;
}
#home .coupon_txt{
margin:10px;
line-height:18px;
}
#home .hotline{
background:#bbebff;
min-height:78px;
position:relative;
}
#home .hotline .hot_img{
margin:0;
position:absolute;
left:0;
bottom:0;
width:70px;
}
#home .hotline .info{
margin:0;
padding:5px;
margin-left:65px;
}
#home .hotline p{
margin-top:3px;
text-align:center;
display:table-cell;
vertical-align:middle;
height:68px;
}
#history .link{
font-size:13px;
margin-left:10px;
}
#home .history{
width:33.33%;
display:inline-block;
float:left;
margin-bottom:5px;
}
#home .history .info{
padding:5px;
text-align:center;
min-height:100px;
}
#home .history .obox.dark{
box-shadow:none;
margin-bottom:0;
}
/* #home .col4 .obox .info,
#travel .col4 .obox .info{
min-height:106px;
} */
#home.last_minute .col4 .obox.dark .info{
min-height:80px;
}
#reminder .history .info{
min-height:101px;
}
#reminder .taglist .info{
text-align:center;
}
#home .slide_me{
height:290px;
overflow:hidden;
padding-top:0;
clear:both;
margin-bottom:30px;
}
#home .slide_me.slick-initialized{
height:320px;
margin-bottom:0;
}
.sidebar .history .img{
height:160px;
}
#history .history .link_button{
margin:3px 0 ;
}
.seo_infotext{
text-align:justify;
overflow:hidden;
margin-top:25px;
line-height:1.5em;
}
.seo_infotext.parted{
height:100px;
padding: 0 5px;
}
.seo_infotext strong {
font-weight:bold!important;
}
.seo_infotext h2,.seo_infotext h3{margin:0 0 0.8rem;}
.seo_infotext p{margin:1.2rem 0;}
#full_infotext, #part_infotext{
float:right;
margin-top:5px;
}
#sunnycar{
min-height:450px;
max-height:100%;
background:#fff;
background-image:url(../img/ajaxloader.gif);
background-size:200px;
background-repeat:no-repeat;
background-position:center 100px;
width:100%;
}
.prefooter{
margin:-15px 0 13px;
}
#footer .prefooter .row{
padding:0;
}
.prefooter a{
border:1px solid #ccc;
border-width:0px 1px 1px 0px;
background:#e0e0e0;
padding:5px 12px 3px;
color:inherit;
}
#banner .col3{
height:135px;
}
#nl_hint{
display:none;
color:red;
}
#navi li .sub{
position:absolute;
z-index:12;
min-width:100%;
display:none;
width:500px;
padding:10px;
padding-right:0;
-moz-transition:all 0.3s;/* Mozilla */
-o-transition:all 0.3s;/* Opera */
-webkit-transition:all 0.3s;/* Safari */
transition:all 0.3s;/*IE*/
box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
#navi .sub li{
display:block;
float:none;
white-space:nowrap;
padding:0 10px;
font-weight:normal;
font-size:12px;
text-align:left;
width:100%;
}
#navi li:hover .sub{
display:block;
min-width:100%;
}
#navi .sub ul{
width:33.33%;
float:left;
display:inline-block;
border-left:solid 1px #2224;
padding-right:20px;
}
#navi .sub ul:first-child{
border:none;
}
#navi .sub ul li.title{
font-weight:bold;
color:#fff;
font-size:13px;
margin:5px 0;
text-decoration:underline;
}
#navi .sub ul li a{
line-height:25px;
height:auto;
font-weight:normal;
}
#navi .sub ul li a:hover{
line-height:25px;
height:auto;
text-decoration:underline;
}
#nl_holder input{
width:100%;
}
#nl_holder button{
}
.nl_teaser .col3{
padding-right:10px;
}
.nl_teaser img{
width:100%;
}
.nl_teaser .img{
background-image:url(../img/banners/newsletter.jpg);
background-size: auto 100%;
background-position:70% 0;
height:100%;
min-height:286px;
display:none;
}
.nl_teaser ul{
margin:10px;
font-weight:bold;
line-height:1.5em;
}
#nl_submit{
margin:0;
margin-left:10px;
}
#preloader{
z-index:10;
position:absolute;
width:100%;
height:100%;
}
#newsletter_sidebar {padding:10px 5px;}
#home #newsletter_sidebar {
margin:0;
padding:10px;
background-image:url(../img/icons/newsletter_bg.png);
background-repeat:no-repeat;
background-position: left bottom;
min-height: 220px;
}
#home #newsletter_sidebar #nl_holder {
height: auto;
right:0;
padding-left:160px;
}
#newsletter_sidebar p{
line-height: 1.8rem;
position:relative;
margin: 0px;
}
#newsletter_sidebar .confirm{
margin: 5px 0;
padding:5px 5px 0px;
line-height: 1.4rem;
border: 2px solid transparent;
}
#newsletter_sidebar .confirm.nl_hint{
border:2px solid red;
}
.unsubscribe {margin-top:22px;float:right;}
#newsletter_sidebar p.txt{
padding-right:90px;
margin-bottom:10px;
line-height:1.3rem;
}
#home #newsletter_sidebar p.txt {padding:0;}
#newsletter_sidebar p.txt b{
margin-bottom:5px;
display:inline-block;
white-space:nowrap;
}
#newsletter_sidebar .circle{
border-radius: 50%;
width: 80px;
height: 80px;
font-weight: bold;
font-size: 24px;
position: absolute;
right: 3px;
top: 15px;
}
#home #newsletter_sidebar p.txt span,
#home #newsletter_sidebar p.txt b,
#home #newsletter_sidebar p.txt br {
display: none;
}
#home #newsletter_sidebar .circle {
left: 21px;
bottom: 25px;
right: auto;
top: auto;
}
#services2 .infofield {
min-height: 232px;
}
#nl_hint{
display:none;
color:#fff;
margin-top: -27px;
background:red;
position: absolute;
padding: 3px 7px;
}
#nl_hint::before{
content: "";
position: absolute;
left: 3px;
bottom: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid red;
}
@media all and (max-width:977px){
#services2 {display:block;}
#services2 .col2{width:100%;}
#services2 .infofield {
height:auto;
min-height:unset;
}
#services2 .col2{
margin-bottom:30px;
}
}
@media all and (max-width:555px){
#home #newsletter_sidebar #nl_holder {
padding-left:0;
position:relative
}
#home #newsletter_sidebar {
background-image:none;
height:auto;
}
#newsletter_sidebar p.txt {
padding:0;
}
#home #newsletter_sidebar .circle {
display:none;
}
#nl_holder button {
margin-top: 20px;
}
}
#preloader .wrapper{
width:100%;
height:100%;
background-color:#fff;
opacity:0.8;
}
#preloader .loader{
position:absolute;
width:100%;
height:100%;
background-image:url(../img/ajaxloader.gif);
background-repeat:no-repeat;
background-position:top center;
top:150px;
left:0;
}
.img_count{
background-image:url(../img/icons/no_image_thumb.png);
background-position:6px 3px;
background-repeat:no-repeat;
background-size:13px;
position:absolute;
background-color:#000;
color:#fff;
padding:3px 10px 3px 25px;
font-size:12px;
line-height:16px;
left:3px;
border-radius:3px;
bottom:3px;
z-index:1;
}
#no_results{
margin:15px 0;
clear:both;
}
.circle{
color:#fff;
width:135px;
height:135px;
margin:0;
margin-top:0px;
border-radius:100%;
background-color:rgba(247, 25, 25, 0.8);
text-align:center;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-align-items:center;
align-items:center;
-webkit-justify-content:center;
justify-content:center;
}
.circle .big{
font-size:43px;
}
.circle .bold{
font-weight:bold;
}
.circle .tiny{
font-size:12px;
}
.circle .small{
font-size:20px;
}
.circle.coupon .small{
margin-bottom:12px;
}
.circle .medium{
font-size:24px;
margin-bottom:7px;
width:100%;
}
#top .circle {width:160px;height:160px;line-height: 1.5rem;}
#top .circle {background-color:rgba(240, 0, 0, 0.9);}
#top .circle .medium{border-bottom:solid 1px #fff;margin-bottom: 15px; padding-bottom:5px;width:80%;}
#home #add{margin:0 0 30px;}
#taglist .tag_header .tag_count,
.memory_btn .count{
color:#fff;
background:#ed0000;
width:16px;
height:16px;
border-radius:20px;
display:inline;
text-align:center;
position:absolute;
right:-8px;
top:-8px;
line-height:16px;
font-size:11px;
}
#taglist .tag_header .tag_count{
right:auto;
left:19px;
top:10px;
}
#add{
background:#1ac8ff;
position:relative;
color:#222;
z-index:0;
background-image:url(../img/specials/easter_2.png);
background-repeat:no-repeat;
background-size:290px;
background-position:left bottom;
line-height:normal;
}
#add .wrapper{
min-height:135px;
overflow:hidden;
position:relative;
}
#add a{
color:inherit;
text-decoration:underline;
}
#add .code{
position:absolute;
z-index:1;
right:10px;
top:30px;
border:dashed 1px #747474;
border-radius:2px;
padding:5px 15px;
margin-top:5px;
background:#fff;
text-align:center;
min-width:130px;
}
#add .code b{margin:0 10px;display:block;font-size:1.3rem;}
#add .code a{font-size:0.8em;}
#add .coupon{
position:relative;
width:100%;
padding:15px 190px 10px 345px;
z-index:0;
font-size:18px;
}
#add .teaser{
margin-bottom:10px;color:#fff;
}
#add .teaser .big{
font-size:2.1em;
font-weight:bolder;
display:inline;
margin-right:10px;
}
#add .coupon .tiny{
font-size:1.1em;
/* font-weight:bold;*/
}
#add .coupon .text{
display:inline-block;
font-size:0.7em;
}
#add .circle{
position:absolute;
z-index:1;
display:block;
left:187px;
bottom:-42px;
right:20px;
width:135px;
height:172px;
padding:15px;
overflow:hidden;
box-shadow:0 10px 14px rgba(0,0,0,0.5);
line-height:24px;
transform:scale(0.9);
transform-origin:bottom left;
}
#add .bunny{
background-repeat:no-repeat;
background-size:auto;
bottom:0;
position:absolute;
left:0;
z-index:1;
}
#add .circle span{display:inline-block;}
#add .circle .chf{
font-size:16px;
font-weight:normal;
}
#add .valid{
position:absolute;
z-index:1;
right:10px;
top:0px;
background:#f9343a;
color:#fff;
padding:3px 15px;
font-weight:bold;
}
#add .coupon_rules{
position:absolute;
right:10px;
bottom:5px;
font-size:0.75em;
}
#copy_coupon{cursor:pointer;}
#copy_coupon:hover{text-decoration:underline;}
#consentHint {
margin-top: 50px;
}
@media all and (max-width:877px){
#add{font-size:12px;background-size:220px;}
}
@media all and (max-width: 877px) {
#add {font-size:12px;background-size: 220px;}
#home #add{ margin-bottom:10px;}
#add .teaser{}
#add .coupon{font-size:13px;text-align:center;padding:25px 10px 110px 10px}
#add .coupon span{display:block;}
#add .code{bottom:25px;top:auto;}
#add .circle{
transform:scale(0.6);
transform-origin:bottom left;
left:90px;
right:auto;
bottom:-20px;
}
#add .valid{left:10px;right:auto;font-size:0.75em}
#add .bunny{transform:scale(0.8);transform-origin:left bottom;}
}
@media all and (max-width:374px){
#add .circle{
left:60px;
}
}
@media all and (min-width:550px) and (max-width:877px){
#add .coupon{
font-size:12px;
text-align:left;
padding:15px 10px 10px 185px;
}
#add .code{
bottom:auto;
top:5px;
min-width:130px;
padding:3px;
}
}
@media all and (min-width:700px) and (max-width:877px){
#add .coupon{
font-size:13px;
padding:15px 10px 10px 220px;
}
}
@media all and (min-width: 878px) and (max-width: 1113px){ /*DESKTOP1+TABvert*/
#add .coupon {
font-size: 14px;
}
}
@media all and (min-width: 978px) { /*DESKTOP1+TABvert*/
#add {
border: solid 5px #fff;
}
}
/*ratving v2*/
.holi .hc_logo {
padding:7px 0 0 0;
text-align:center;
}
.holi .hc_logo img{
width:70px;
margin-top:7px;
}
.holi {
background:#fff;
border: solid 1px #e4e4e4;
width:auto;
display: inline-block;
float:right;
}
.holi li {
padding:5px;
line-height:15px;
float:left;
border-left:solid 1px #e4e4e4;
text-align:center;
height:37px;line-height: 15px;
}
.holi li:first-child {
border-left:none;
}
.holi .hc_logo{
padding:5px;
height:37px;
}
.holi .count{
width:100%;
font-weight:bold;
font-size:14px;
}
.holi .recom .count{
font-size:16px;
}
.holi .label{
width:100%;
font-size:9px;
color:#666;
font-weight:bold;
}
/**/
.rating {
padding:0!important;
}
.hotel_infos .ttws {
top:0;
right:0;
}
.rating.ttws {
border:none;
}
.offer_info .rating .ttws {
width:100%;
}
.rating .ttws .hc_logo {
display:none !important;
}
.rating .ttws{
border-bottom: solid 1px #e4e4e4;
}
.rating .ttws li {
padding:5px 8px 3px 8px! important;
float:left !important;
width:33.33%;
display:inline-block;
}
.rating .ttws .rev {
border-left: solid 1px #e4e4e4;
}
.rating .ttws .recom {
position: relative;
background: #007ed7;
color:#fff;
margin-bottom:-1px;
}
.rating .ttws .recom .label {
color:#fff;
}
.rating .ttws .recom:after {
content: '';
position: absolute;
bottom: 0;
left: 30%;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #007ed7;
border-bottom: 0;
border-left: 0;
margin-right: -5px;
margin-bottom: -5px;
}