@media all and (min-width:878px) and (max-width:1410px){ /*DESKTOP*/
  #add{font-size:12px;background-size:280px;}
  #add .coupon{
  font-size:16px;
  text-align:left;
  padding:15px 190px 10px 285px;
  }
	#add .circle{
  transform:scale(0.7);
  transform-origin:bottom left;
  left:160px;
  right:auto;
  bottom:-20px;
  }
  #add .coupon .text span{
  display:block;
  }
}
@media all and (min-width:878px) and (max-width:1113px){ /*DESKTOP1+TABvert*/
 #add .coupon{
  font-size:14px;
 }
}
/*--RESPONSIVE--*/

@media all and (min-width:541px) and (max-width:1410px){ /*DESKTOP-SMALL / TABLET*/
  .page{
    background-position:55% top;
  }
  #header .claim {width:290px;margin-top:23px}
  .hotline-info {
    transform:scale(0.8);
    transform-origin:center right;
  }  
  #hotels .hotels .image{
    width:280px;
    height:185px;
  }
  #book_overview .book .image{
    height:185px;
  }
 
  #regions .regions .image {
    width:280px;
    height:205px;
  }
  #regions .regions .col3 {
    width:280px;
  }
  #regions .regions .col3-2{
    padding-left:285px;
     width:100%;
     display:block;
     float:none;
  }
  #regions .regions .destination,
  #hotels .hotels .hotel_data{
     padding-left:285px;
  }
  
  .nl_teaser .img{display:block;}
  .nl_teaser img{display:none;}
}

@media all and (min-width:978px){ /*DESKTOP DEFAULT*/
  .noscroll.mobile{
    overflow:visible !important;
  }
  .nom-hide{
    display:none!important;
  }
  #navi{display:block !important;}
  #navi .navigation > li:hover::before,
  #navi .navigation > li.selected::before{ 
    content:' ';
    position:absolute;
    left:0;
    top:-3px;
    background:currentcolor;
    height:3px;
    width:100%;
    display:block;
  }
  #navi .navigation > li:hover.selected::after {
    display:none;
  }
  #navi .navigation > li.selected::after{ 
    content:' ';
    position:absolute;
    width:0;
    height:0;
    border:6px solid;
    right:42%;
    right:calc(50% - 6px);
    border-color:transparent transparent white transparent;
    bottom:0; 
  }
  #add{
    border:solid 5px #fff;
  } 
  .ac_sug.hover{
    background-color:#f6f6f6;
    cursor:pointer;
  }
  .airport_Container.single{
    width:50%;
    clear:none;
    float:left;
  }
  #airport_layer .airport_Container.single .air_cols{
    width:100%
  }
	.cashback{
		position:absolute;
		top:-100px;
		right:0;
    color:#444;
	}
  .detail_line .detail.active{background:#007ed7;color:#fff;border-color:#007ed7;}
  .detail_line .detail:not(.active):hover {border:solid 1px #e4e4e4; background:#f6f6f6;}
  .vakanz .flight_info .depart,
  .vakanz .flight_info .date,
  .vakanz .flight_info .no,
  .vakanz .flight_info .airline{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
  }
  #regions .regions .om{
    display:inline-block;
    font-size:10px;
  } 
  #matrix{
    margin:-1px 0;
    padding:5px 10px 2px 10px;
    z-index:0;
  }
  #matrix .headline{
     font-weight:normal;
   }
  .hotels .top_teaser{
   margin:10px 0 0 0;
  }
  .hotels .alt-banner{
   margin:5px;
  }
  .bookit{
    display:none!important;
  }
  #reserve_form .headline{
    height:0;
    padding:0;
    margin-bottom:2px;
    overflow:hidden;
  }
  #booking_form .participant .in label:not(.anr){
    float:left;
    width:auto;
  }
  #flight_only .travel_agency{
    margin:8px calc(14% - 75px) 0 0;
  }
  /* #extra .fico:hover{
    background-color:#034580; 
    background-image:url(../img/icons/facts/facts_sprites_button_active.png);
    border-color:#034580;
    color:#fff;
  }
  .hc_range_select .hc-sel-button:hover{
    background-color:#007ed7;
    border-color:#007ed7;
    color:#fff;
  }
  */
  
  #list_trigger {display:none;}
  
  #cruising #content {
    padding:10px;
    position:relative;
  }
  #cruising .teaser {
    width:100% !important;
    height:260px;
    color: #fff;
    position:relative;
  }
  #cruising #content > .header{
    padding:20px 20px 0 20px;
    margin: 4% 0 0 34%;
    float:left;
    width:650px !important;
    position:absolute;
    top:0;
    left:0;
    z-index:1
  }
  #cruising .header h1,#cruising .header p {
   color:#fff;
  }
}
@media all and (min-width:978px) and (max-width:1300px){ /*TABLET LANDSCAPE & DESKTOP SMALL*/
  .box_offer .obox .img{
       height: 140px; 
  }
  #eb_1 .obox,
  .teaser img.fill,
  #special .img{
    height:240px;
  } 
  .coupon_seal {
    transform: scale(0.8);
    transform-origin: top left;
    
  }
}
@media all and (min-width:978px) and (max-width:1113px){ /*TABLET LANDSCAPE*/
	.page, .center{width:100%; max-width:1080px;}
  #main-img, #main-img .big {
    height: 155px;
  }
  #law .wrap{
    width:898px;
  }
  #header .claim{
    margin-left:10px;
  }
	#home .warrant_band {
    display:none;
  }
  #home .col4 .obox .info,
  #travel .col4 .obox .info{
    min-height:93px;
  }
  #home.last_minute .col4 .obox.dark .info{
    min-height:70px;
  }
	#home .budgetprice {
    display:inline-block;
    margin:10px 125px 0 10px;
    position:absolute;
    top:0;
    right:0;
  }
  #home .hotline{
		height:55px;
		font-size:12px;
  } 
  #home .hotline p{
		font-size:14px;
		margin:0;
		line-height:15px;
	}
  #eb_1 .obox,
  .teaser img.fill{
    height:240px;
  }
  #banner .col3{
    height:95px;
  }
  #history .history{
    width:50%;
  }
  #special .img_offer .title{
    font-size:20px;
  }
  #special .img_offer .subtitle{
    font-size:12px;
    margin-top:22px;
  }
  #hotel_only .hotel_offer .top_booked_hotel .img{
    width:93px;
    height:93px;
  }
  #hotel_only .hotel_offer .top_booked_hotel .info{
    padding-left:98px;
  }
  #flight_only #home .col3-2 .col3 .img{
    height:170px;
  }
  #flight_only #home .col3-2 .col3{
    width:50%;
  }
  #flight_only .region_view .image .img{
    height:150px;
  }
  #cruising .sidebar, #fewo .sidebar{
   /*  display:none; */
  }
  #region_teaser .obox .img{
    height:100px;
  }
  #regions .region_teaser.hotel_offer .obox .img{
    height:63px;
  } 
  #offer_container {
    font-size:0.9rem;
  }
  .sidebar .sidebar_cashback_val{
    width:100px;
  }
  .sidebar .sidebar_cashback_val .val{
    top:-53px;
    font-size:0.8em;
    line-height:18px;
  }
  .sidebar .phone .number{
    font-size:21px;
    white-space:nowrap;
  }
  .booking .advice .mark{
    margin:0px 5px 0px 0px;
  }
  #book_sidebar .number{
    font-size:22px;
  }
  #reserve_form .infofield p{
    font-size:12px;
    margin:3px 0;
  }
  #reserve_form .choice .button.medium{
    margin: 25px 0 20px;
  }
  #reserve_form .big, #reserve_form .hideBookButton img{
    margin-top:25px;
  }
  #reserve_form.reserve_newsletter .choice .button.medium{
    margin-top:19px;
  }
 .hotel_view .image .big{
    width:50%;
  }
  #airport_layer.no_map{
    left:-175px;
  }
  .sidebar .extras .icon{
    width:50%;
  }
  #insurance_block div.ins-list{
    padding-left:170px;
  }
  #insurance_block div.ins-list:not(.single-offer) .mark .ins-fact-name{
    width:169px;
    white-space:nowrap;
  }
  #insurance_block div.single .foot .infield label .tiny{
    padding-left:1px;
  }
}

@media all and (min-width:1114px) and (max-width:1300px){ /*DESKTOP SMALL*/
	.page,.center{
    width:1080px;
  }
  #main-img, #main-img .big {
    height: 170px;
  }
  #law .wrap{
    width:1024px;
  }
  .agency{
    margin-right:20px;
  }
  #home .hotline{
		height:62px;
	}   
	#home .hotline p{
		line-height:18px;
		margin:0;
	}
  
  #banner .col3{
    height:110px;
  }
  #special .img_offer .title{
    font-size:20px;
  }
  #special .img_offer .subtitle{
    font-size:12px;
    margin-top:22px;
  }
  #hotel_only .hotel_offer .top_booked_hotel .img{
    width:110px;
  }
  #hotel_only .hotel_offer .top_booked_hotel .info{
    padding-left:115px;
  }
  #flight_only .region_view .image .img{
    height:170px;
  }
  #cruising .sidebar, #fewo .sidebar{
   /*  display:none; */
  }
  #region_teaser .obox .img{
    height:115px;
  }
  #region_teaser{
    font-size:12px;
  }
  .sidebar .sidebar_cashback_val .val{
    top:-60px;
    font-size:0.8em;
    line-height:18px;
  }
  /* #main-img{
    height:190px;
  }
  .hotel_view .image .big{
    height:190px;
  } */
  .hotel_view .information span{
    font-size:13px;
  }
  #reserve_form .choice .button.medium{
    margin: 11px 0 5px;
  }
  #reserve_form .big, #reserve_form .hideBookButton img{
    margin-top:45px;
  }
  #reserve_form.reserve_newsletter .big, #reserve_form.reserve_newsletter .hideBookButton img{
    margin-top:10px;
  }
}

@media all and (min-width:1300px){ /*DESKTOP FULL*/
 
  #flight_only .mainsearch #airport_layer.show_map{
    width:244%;
  } 
  #regions .regions .image,
  #hotels .hotels .image{
    height:225px;
    width:330px;
  } 
  #regions .regions .image {
    width:330px;
    height:205px;
  } 
  #main-img, #main-img .big {
    height: 205px;
  }
  #regions .regions .col3 {
    width:330px;
  }
  #regions .regions .col3-2{
    padding-left:335px;
    width:100%;
    display:block;
    float:none;
  }
  #regions .regions .destination,
  #hotels .hotels .hotel_data,
  #hotels .hotels .detail_line{
    padding-left:335px;
  } 
   .icon_select .buttons{
    width:50px;
    height:50px;
  }
  /* #extra .icon .fico{
     transform:scale(1);
  } */
  #eb_1 .obox,
  .teaser img.fill,
  #special .img{
    height:300px;
  }
  #book_sidebar .phone img.hotline-img{
    margin-top:-12px;
  }
  #reserve_form .choice .button.medium{
    margin: 14px 0 3px;
  }
  #reserve_form .big, #reserve_form .hideBookButton img{
    margin-top:25px;
  }
  #reserve_form .confirm{
    margin-top:22px;
  }
  /* #fewo .content_area{
    width:75.3%;
  }
  #cruising .content_area{width:1004px;}
  #cruising .sidebar{width:256px;} */
  .book .image .img{
    height:215px;
  }
  #insurance_block .foot .infield label .tiny{
    padding-left:23px;
    float:unset;
    display:inline-block;
  }
  #insurance_block .ins-list .ins-item .foot .infield{
    width:49%;
    height:49px;
    margin:0 0.5%;
    float:left;
  }
  .sorting .sort_trigger span, .sorting .sort_trigger a{
    font-size:0.9rem;
  }
  .scarcity{font-size:12px;}
  .hotels .scarcity {margin:4px 0;}
}

/*mobile*/
@media all and (max-width:977px){ /*default*/
  *{
		 -webkit-tap-highlight-color:transparent;
	}
  a:hover{
    text-decoration:none;
  }
  a:focus{
    text-decoration:underline;
  }
  #home hr{border:none; margin:5px 0;}
	.om{display:block; } /*only on mobile*/
	.nom{display:none;} /*not on mobile*/
	.mo-hide{display:none !important;}
	.page,.center,
	#top .infoline,
  .content_area,
	.sidebar	{
		width:100%;
    float:none;
	}

  #header{
    position:relative;
		height:50px;
		width:100%;
		margin:0;
		padding:5px;
		text-align:left;
		background:#007ed7;
		box-shadow: 0px 0px 3px rgba(0,0,0,1);
    z-index:1;
	}
  #home #top,
  #top,
  #content {padding:0;}
  #static_page #content > .header {
    width:100% !important;
  }
  #home #content,
  #travel #content,
  #travel_main #content,
  #content .content_area{
		padding:20px 5px;
  }
  .newsflash{
    margin:0 !important;
    display:block!important;
  }
  .content_area,
  .sidebar{
		padding:0;
		border:none;
	}
  #matrix, .step-show {
    margin: 0 -5px;
    width: auto;
  }
  #static_page #content,
  #content.static  {
    padding:20px 10px; 
  }
  #cruising #content,
  #fewo #content  {
    padding:20px 0;
  }
  #fewo #content .header,
  #cruising #content .header{
    padding: 0 13px 15px 13px;
  }
  #cruising #content .teaser{height:170px; background-size:cover;background-position:left center;}
  #static_page #content .content_area,
  #content.static .content_area{
    padding:0;
  }
  #booking #content .content_area {padding:0!important;}
  #booking #content {padding:0 8px !important;}
  #booking .step-show {margin-top: 0;}
 
  #home #content .infotext,
  #home #content h1,
  #home #content h2,
  #home #content div:not(.info) > h3{  
    text-align:center;
    padding:0 5px; 
  }
  
  .content_area .header h1{
    font-size: 1.6rem;
    line-height:1.6rem;
  } 
  .content_area .header {
    padding: 15px 50px 5px 3px;
  }
  
  #copyright{
    color:#444;
    padding-bottom:50px;
  }
  #law{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    background:rgba(0,108,185,0.9);
  }
  #law .wrap{
    width:auto;
    margin:2px 10px;
  }
  #law p{
    padding:0 80px 0 0;
  }
  #law .btn{
    height:30px;
    line-height:30px;
    position:absolute;
    right:0;
    top:5px;
  }
  body{background:#36c5ff;}
  .page{
    padding-top:50px;
    background:#36c5ff;
  }
	.logo{
		width:130px;
    margin:2px 0;
	}
	.social{
    width:100%;
    text-align:center;
	}		
  #top .social #fb-layer{
    width:200px;
    right:0;
    top:34px;
    position:absolute;
    left:unset;
  }
  #top .hotline-info {color:#034580;}
  .tabnav {width:100%;}
  .tabnav li:nth-child(3) a{border:0;}
  .tabnav .li_pack {width:44%;}
  .tabnav .li_hotel {width:28%;}
  .tabnav .li_flight {width:28%;}
  .tabnav li a {padding:0;}
  /*fixed head*/
  #header{
    position:fixed; 
    top:0;
    right:0;
    z-index:9990;
  }
  #header.fixed .logo{
   /*  display:none; */
  } 
  #header.fixed .mobile_phone{
    display:inline-block;
    width:150px;
    margin-top:3px;
    margin-left:5px;
    line-height:14px;
  } 
  #header .mobile_phone a{
    color:#fff;
  } 
  #header .mobile_phone strong{
    font-size:18px;
    width:100%;
    white-space:nowrap;
  }
  #header .mobile_phone .tiny{
    font-size:11px;
    white-space:nowrap;
  }
  #top .infoline.fixed .memory_btn{
    position:fixed; 
    top:0;
    right:0;
    background:none;
    padding:15px;
  }
  #top .infoline.fixed .memory_btn a{
    font-size:0;
  }
  #search_trigger{
    position:absolute;
    right:50px;
    display:inline-block;
    height:40px;
    width:40px;
    text-align:center;
  }
  #search_trigger img{
    width:20px;
    margin-top:13px;
  }
  .iconbar .memory_btn{
    display:none;
  }
  .mot {
    max-width:calc(100% - 180px);
    width:auto;
    margin-top:-3px;
    float:right;
    overflow:hidden;
    text-align:right;
    white-space:nowrap;
    height:42px;
    margin-right:35px;
  }
  .memory_btn, .memory_btn a, .trigger, .trigger a {
    position:relative;
    right:auto;
    z-index:0;
    width:40px;
    height:42px;
    display:inline-block;
    background-color:unset;
    background-position:center 8px;
    background-repeat:no-repeat;    
    line-height:normal;
    font-size:9px;   
    text-align:center;
    float:left;
  } 
  .mot .lab {
    margin-top:33px;
    display:inline-block;
    line-height:normal;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:center;
  }
  .hot.trigger::after{
    background-position:0 -844px;
    width:22px;
    height:22px;
  }
  .src.trigger::after{
    background-position:0 -47px;
    width:22px;
    height:22px;
  }
  .soc.trigger::after{
    background-position:0 -70px;
    width:22px;
    height:22px;
  }
  .menue {
    position:absolute;
    background-size:16px;
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    cursor:pointer;
    right:0;
  }
  .memory_btn {
    width:auto;
    bottom:auto;
    padding:0;
  }  
  .his.sprt::after{
    background-position:0 2px;
    width:24px;
    height:24px;
  }
  .mem.sprt::after{
    background-position:0 -23px;
    width:24px;
    height:24px;
  }
  .memory_btn a {text-align:center;display:block;float:left;width:50px;line-height:42px;}
  .memory_btn a .view_count, .memory_btn a .tag_count{
    margin:10px; 
    height:25px;
    width:25px;
    position:absolute;
    top:0;
    right:0;
  }
  .trigger.src.act {
    display:none;
  }
  .memory_btn .tag_count {
    width:45px;
    height:42px;
  }
  .menue span.line {
    position:absolute;
		top:40%;
    width:60%;
    height:1px;
    left:20%;
    overflow:hidden;
    text-indent:200%;
    -webkit-transition:opacity 0.25s;
    transition:opacity 0.25s;
	}
	.menue::before, .menue::after {
		content:'';
    display:inline-block;
		position:absolute;
		height:1px;
		width:60%;
		left:20%;
		top:40%;
		-webkit-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-webkit-transition:-webkit-transform 0.25s;
		transition:transform 0.25s;
	}
	.menue::before {
    -webkit-transform:translate3d(0, -6px, 0);
    transform:translate3d(0, -6px, 0);
	}
	.menue::after {
    -webkit-transform:translate3d(0, 6px, 0);
    transform:translate3d(0, 6px, 0);
	}
	.menue::before, .menue::after, .menue span.line {
    background:#fff;
	}
  .search_active .menue::before,
	.menue.show::before {
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
    transform:rotate3d(0, 0, 1, 45deg);
	}
  .search_active .menue::after,
	.menue.show::after {
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
    transform:rotate3d(0, 0, 1, -45deg);
	}
  .search_active .menue .line,
	.menue.show .line {
    opacity:0;
	}
  #navi{
		position:fixed;
    top:49px;
    left:0;
    z-index:9989;
		box-shadow:0px 0px 3px rgba(0,0,0,0.32), 0 0 1px rgba(0,0,0,0.3);
		height:100%;
    height:100vh;
		overflow:auto;
		background:#0195ff;
	}
	#navi ul li{
		background:#0195ff !important;
		border:none;
		border-left:solid 10px #fff;
		width:100% !important;
	}
	#navi ul li a{	
		text-align:left;
		padding-left:20px;
		font-size:16px;
		font-weight:normal;
		height:50px;
		line-height:50px;
		border-bottom:solid 1px #66b8ff;
	}
	#navi ul li.selected a{
    color:#fff;
    text-decoration:none;
    background-color:#4fb5fe;
		font-weight:bold;
	}
  #navi ul li.yellow a{
    height:50px;
    background:none;
    margin:0; 
    padding:0;
    padding-left:20px;
  }
  #navi .sub{
    display:none !important;
  }
  #navi{
		display:none;
    width:100%
	}
  #navi ul{
    margin-bottom:50px;
  }
	#navi ul li{
		width:100%;
    float:none;
	}
  #reminder .sidebar #share{
    display:block;
  } 
  #social{
    position:fixed;
    top:50px;
    left:0;
    display:none;
    font-size:12px;
    margin:0;
    line-height:40px;
    height:40px;
    z-index:10;
   box-shadow: 0px 0px 3px rgba(0,0,0,1);
  }
  #social .center{background:#fff;height:40px; border-bottom:1px solid #eee;padding:0 10px;}
  #social .sicon{display:none;}
  #social #share{
    display:inline-block;
    float:right;
    margin:5px 0;
  }
  #fb-layer{
    top:90px;
    padding:20px;
    position:fixed;
    background:#fff;
    width:100%;
    left:0;
    z-index:9999;
    box-shadow:1px 1px 3px #000;
    margin-left:0;
    min-height:130px;
    min-width:109px;
    text-align:center;
  }
  .claim{display:none !important;}
  #top .tabline{
		margin:0;
    position:static;
	}	
  #top .search{
    background:none!important;
  }
  
  
  #home .siteinfo {
    display:block;
    clear:both;
    min-height: 180px;
    position: relative;
  }
  #home .siteinfo::after {
    content:'';
    clear:both;
    position:relative;
    display:block;
  }
  #home .infoline{
    height:auto;
    width:45%;
    padding:20px;
    float:left;
    margin:0;
	}	
  #home .seals {
    display: inline-block;
    width:55%; 
    float:left;
    margin:0;
  }
  #top .h1,
  #home #top h1{
    padding:0;
    font-size:2.8rem;
    line-height:3rem;
    word-break:keep-all;
    text-shadow:0px 1px 2px rgba(0,0,0,0.7);
    float:none;
  }
  #hotel_only #top h1{
     font-size:2.7rem;
     line-height:2.7rem;
  }
  .seals {
    margin:10px;
    position:relative;
    width:auto;
  }
  .warrant_seal, .coupon_seal{
    display:inline-block;
    width:160px;
    float:none;
    margin:0;
    position:relative;left:auto;top:10px;right:auto;bottom:auto;
  } 
  #top .coupon_seal {
    position: absolute;
    transform: scale(0.9);
    transform-origin: left top;
  }
  .warrant_seal {
    padding:10px 0 0 10px;
    display:none;
  }
  #top .coupon, #top .warrant {
    display:block;
    z-index:1;
    padding:5px;
    font-size:12px !important;
    background:#034580;
    width:50%;
    color:#fff;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:center;
    float:left;
  }
  #top .coupon {
    width:60%;
  } 
  #top .warrant {
    width:40%;
    border-left:solid 1px #688fb3;
  }
  #top .coupon a, #top .warrant a {
    color:#fff;
  }
  .show-tel,
  .show-search{
    border:solid 1px #007ed7;
    position:relative;
    z-index:9990;
    height:40px; 
    line-height:38px;
    padding:0;
    width:47%;
    display:inline-block;
    font-size:14px;
    text-align:center;
    box-shadow:none;
    max-width:300px;
    border-radius:3px;
    font-weight:bold;
    white-space:nowrap;
  } 
  .show-tel{background-color:#c1e9fe;border-color:#8ec5e1; float:left;color:#034580; line-height:normal;}
  .show-tel .tiny{font-size:8px;}
  .show-search{background-color:#007ed7; float:right;color:#fff;}
  .show-tel a{display:inline-block;width:auto;height:100%;}
  .show-tel .tel_ico,
  .show-search .search_ico{
    display:inline-block;
    height:100%;
  }
  .show-search .search_ico::before{
    content:'';
    display:inline-block;
    background-size:22px;
    background-image:url(../img/icons/sprite_white.png);
    background-position:0 -45px;
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    margin-top:6px;
    float:left;
  }
  .show-tel .tel_ico{ 
    display:flex;
    text-align:left;
    flex-direction:column;
    justify-content:center;
    padding-left:30px;
    position:relative;
  }
  .show-tel .tel_ico::before{
    content:'';
    display:inline-block;
    background-size:21px;
    background-image:url(../img/icons/sprite_darkblue.png);
    background-position:0 -804px;
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    position:absolute;
    left:0;
  } 
  .uwe{
    border-radius:0;
    display:block;
    width:100%;
    text-align:center;
  }
  .uwe .tel{
    display:block;
    height:auto;
    width:100% !important;
  }
  .uwe .tel p{
    height:auto;
    padding:5px;
  }
  .io .fixed #mobile_bottom{
    padding:10px 25px 20px 25px;
  }
  .fixed #mobile_bottom{
    position:fixed;
    z-index:9980;
    bottom:0;
    left:0;
    background:#fff;
    width:100%;
    padding:10px;
    text-align:center;
    box-shadow:0 0px 4px rgba(0,0,0,0.3);
  }
  #trigger_btn, #submit_btn, #mainsearchsubmit_btn{
    position:relative;
    font-size:1.2rem;
    height:45px;
    width:90%;
    margin-top:10px;
  }
  /*SEARCH v3 */
  #searchbox{
    background-color:rgb(0, 126, 215);
    padding:5px 10px;
    border:0;
  }
  .main_param .src{
    top:1px;
  }
  .main_param .src.trigger::after{background-position: 0 -95px;}
  .fixholder{height:0;}
  #home #fixbtn{
    display:none;
  } 
  #rollout{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    padding:11px;
    margin:8px 0 0 0;
    clear:both;
    border:solid 1px #a9d3f1;
    border-radius:2px;
    color:#fff;	
  }
  .fixit #fixbtn .fixwrapper{
    height:auto;
    padding:0;
  }
  .fixit #fixbtn .fixwidth{
    top:auto;
    /*background:rgb(45, 148, 221);*/
    background:rgb(0, 126, 215);
    padding:10px 0 20px 0;
    width:100%;
    text-align:center;
    position:relative;
    box-shadow:0px -1px 3px rgba(0,0,0,0.3);
  }
  .fixit #fixbtn{
    bottom:0;
    height:auto;
  }
  .search_active .site:not(#flight_only) #mainsearchsubmit_btn{visibility:hidden;}
  .search_form .boxi{
    margin:5px 0;
  } 
  .main_param, .hotel_param{
    padding:0;
    border:none;
    box-shadow:none;
    background-color:rgb(0, 126, 215);
  }
  .search_form .main_param .traveller{
    margin-bottom:0;
  }
  .search_form .hotel_param{
    background:none;
    border:none;
  } 
  .search_form  .main_param .boxi{
    padding:0 5px;
  }
  .search_form  .hotel_param .boxi{
     padding:15px;
  }
  .hotel_param .layer:not(.ever){
    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:auto;
  }
  .live.fixed #all_search_layer::after, 
  .main_param .layer .scroll::after, 
  .hotel_param .layer.ever .scroll::after, 
  .ajaxload .ajax-layer:not(.bilder):not(.karte)::after,
  #haa_changeText::after{
    content:'';
    display:block;
    width:100%;
    clear:both;
    height:150px;
    height:30vh;
  }
  .main_param .layer .mobile_title, .hotel_param .layer.ever .mobile_title{
    padding:12px;
		background:#007ed7;
    color:#fff;
		font-weight:bold;
		padding-left:40px;
		width:100%;
    cursor:pointer;
    background-image:url(../img/icons/single/back.png);
    background-position:15px center;
    background-size:10px;
    background-repeat:no-repeat;
	}
  .layer.ever .mobile_title{display:block !important;}
  .main_param .layer:not(#all_search_layer),
  .hotel_param .layer.ever {
    z-index:9999 !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    height:120vh !important;
    max-height:unset !important;
    border:0 !important;
    background:#fff!important;
    overflow:hidden!important;
    padding-bottom:50px!important;
  }
  .main_param .layer:not(#all_search_layer) .scroll,
  .hotel_param .layer.ever .scroll{
    overflow-y:scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling:touch;
    max-height:unset;
    height:100%;
    height:calc(100vh - 50px);
    margin:0 !important;
  }
  .main_param .layer .choice_area, .hotel_param .layer.ever .choice_area{
    z-index:9999;
    background:none;
    border:none;
    top:0;
    right:0;
    position:absolute;
    box-shadow:none;
  }
  .hotel_param .layer.insight .mobile_title, 
  .hotel_param .layer.insight .close-layer-link{
    display:block;
  }
  /*version dropdown*/
  #all_search_layer.layer{
     width:100%;
   }
  #all_search_layer.layer .mobile_title{
      display:none;
  }
  #all_search_layer .scroll{
      margin:0;
  } 
   /*end version*/
  #open_extra{display:none;}
  .trigger_area{text-align:center;}
  #full_extra .title,
  #full_extra .extra_cols,
  #airport_layer .title{
    position:relative;
    width:100%;
    padding:10px 0px 5px 0px;
    margin:0;
  }	 
  #full_extra .extra_cols, 
  #airport_layer .air_cols{
    width:50% !important;
    padding:5px 0;
    float:left;
  }
  .search_form .hotel_param label.title {
    margin-left:-5px;
  }  
  .search_form .hotel_param .layer:not(.ever) .scroll{padding:0;}
  .search_form .layer .scroll{ padding:20px;}
  .mainsearch #full_extra input,
  #airport_layer .title input,
  #airport_layer input{
    position:absolute;
    left:10px;
    top:13px;
  }
  .mainsearch #full_extra label,
  #airport_layer label{
    padding:0;
    margin:0;
		float:none;
	}
  .show_map .ap_list,
  .show_map .ap_map{
    width:100%;
    height:auto;
    margin:0;
  }
	.sidebar .search .header{ display:none;}
  .search_active{background:rgb(0, 126, 215);}
  .search_active .content_area,
  .search_active #home #content,
  .search_active #travel,
  .search_active #travel_main,
  .search_active #seo_landings .sidebar,
  .search_active #static_page #content,
  .search_active #footer,
  .search_active #copyright,
  .search_active .sdw,
  .search_active .siteinfo,
  .search_active .search h1,
  .search_active .tabline,
  .search_active .soc.trigger, 
  .search_active .hot.trigger,
  .search_active .menue .lab,
  .search_active .mot .memory_btn,
  body:not(.search_active) .sidebar #searchbox{
    display:none!important;
  }
  .search_active .src.trigger{
    position:absolute;
    right:0;
  }
  .search_active #header .src.trigger::after{background:none;}
  .search_active .page, .search_active .center{max-width:100%;}
  .search_active #top .siteinfo{
    height:0;
    min-height:0;
  }
  .search_active #searchbox{
    margin-bottom:-20px;
    box-shadow:none;
  }
  .search_active .sidebar{margin-bottom:-30px;}
  .search_active #top .infoline{border:none}
  .search_active #reminder .sidebar{padding:0;}
   .col2, .col3, .col3-2, .col4, .col4-2, .col4-3{
		width:100%;
	}
  .obox.list{
    margin-top:0;
  }
  #nl_submit{
    margin:10px 0;
    width:100%;
  }
	#home .obox{
    box-shadow:none;
	} 
  #no_results .top_booked_hotel,
  #reminder .top_booked_hotel,
  #top_booked .top_booked_region,
  #top_booked .top_booked_hotel,
  #taglist .taglist,
  #reminder .history, 
  #history .history{
    width:50%;
    display:block;
  }
  #history .history .oline .yel_btn{
    float:right;
  }
  #top_booked .oline .img,
  #history .oline .img{
   height:95px !important;
  }
	#history .link{
    font-size:13px;
    margin:5px 0;
    float:right;
  }
	.region_offer .img{
		border:none;
		height:auto;
	}
	.list ul{
    padding:3%;
	}
  .seo_infotext {
    padding:10px;
  }
  p.infotext,
  .content_area .header p {
    font-size:1rem;
  }
  /*box grid*/
  .obox .info {
    max-height:100px;
  }
  #flight_only .obox .info{
    max-height:unset;
  }
  .obox.oline{
		height:95px !important;
		box-shadow:none;
    padding-bottom:25px;
	}
	.obox.oline .img{
		display: inline-block;
    float: left;
    height: 95px;
    width: 130px;
    overflow: hidden;
    position: absolute;
    border: none !important;
    left: 0;
    top: 0;
    z-index: 1;
	}		
	.obox.oline .tipp-button{
		position:absolute;
		width:40%;
	}
  .obox.oline .info{
		padding: 3px;
    display: inline-block;
    width: 100%;
    padding-left: 135px;
    font-size: 0.95em;
    height: 95px;
    text-align: left !important;
	}
  .obox.oline .price.tac{
    text-align:right !important;
  }
  .obox.oline .star_list,
  .obox.oline .info-layer{
    margin:0!important;
  }
  .obox.oline .scarcity{
    display:none;
  }
  .obox .oline .effort{
    margin:0;
  }
  #home .obox.nm{
    margin-bottom:10px !important;
  }
  #banner .col3{
    height:auto;
    min-height:98px;
  }
  .obox.light.oline .img{
    border:none;
  }
  .img_offer ul.info{
    line-height:30px;
  }
  .prefooter{
    margin:-12px 0 8px;
  }
  .prefooter a{
    width:auto;
    margin:2px 5px;
  }
  /*Define color*/
	.yellow{
		border-color:#ff9900 !important;
	}
	.red{
		border-color:#BE1616 !important;
	}
	.orange{
		border-color:#fa5605 !important;
	}
	.lilac{
		border-color:#990099 !important;
	}
	.green{
		border-color:#339f1c !important;
	}
	.blue{
		border-color:#295df0 !important;
	}
	.ice{
		border-color:#2F8DC0 !important;
	}
	.turq{
		border-color:#0bb6b0 !important;
	}
	.gras{
		border-color:#5CCD00 !important;
	}
  /*IBE Nav*/
	.step-show{
		background:#9b9b9b;
		overflow:hidden;
    margin-top:-20px;
	}
  .step-show ul{ 
		width:100%;
		background:none;
		height:32px;
    border:none
	}
	.step-show ul li{
		font-size:0.85rem;
	}
  .step-show ul li a{
    color:#fff;
  }
  .step-show ul li.disabled{
  }
	.step-show ul li:last-child{
		border:none;
	}
	.step-show ul li em{
		display:none;
	}
  .step-show ul li.selected{
		/* border-bottom:solid 2px #034580; */
	}
	.step-show ul li.disabled {
    color:#666;	
   /*  border-bottom:solid 2px #9b9b9b; */
	}
  /*Matrix - Sortierung - Listrigger*/
  #matrix{
    height: 65px;
    overflow: hidden;
    border:none;
    border-bottom: 1px solid #d9d9d9;
    padding-left:10px;
  }
  #matrix .headline{
    margin:0 3px;
    font-size:12px;
    padding:0;
  }
  #matrix .params{
    position:relative;
    display:inline-block;
    margin:3px;
    margin-top:0;
    line-height:16px;
    font-size:12px;
    display:block;
  }
	#matrix .headline, #matrix .del-matrix.fl {
    float:none !important;
    font-size:12px;
  }
  #matrix .del-matrix:last-child {
      margin-right:25px;
  }
  #matrix .headline {
    background-image:url(../img/icons/search_all.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:18px;
    padding:0 0 0 20px;
    font-size:12px;
  }
  #matrix .sc {
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    height:40px;
  }
  #matrix::after {
     content:'';
    display:block;
    width:20px;
    height:65px;
    position:absolute;
    right:0;
    top:0;
    background:#f9f9f9;
    box-shadow:-8px 0 3px #f9f9f9;
  }
  .facts .ficon{
    margin:0 -2px -5px 0;
    transform:scale(0.8);
    transform-origin:top left;  
    z-index:1;
  }
  .ficon .tlbl{
    font-size:14px;
  }
  /*REGIONEN*/
   #regions .sortbox b{width:50%; line-height:40px;}
  #regions .sortbox span {width:50%;}
  #regions .sortbox #s_sort {
    width:100%;
  } 
  .region_teaser{
	}
  .region_teaser.hotel_offer .info{
    height:65px;
  }
  .region_teaser .price{
		position:absolute;
    right:5px;
    bottom:0;
	}

	.regions .destination li{
		height:40px;
		line-height:40px;
    border-bottom:solid 1px #e4e4e4;
    padding:0 5px;
	}
  .regions .region_name.super{
    width:75%;
    font-size:16px;
		color:#444;
    white-space: nowrap;
	}
  /*tiny hotel view*/
  #hotelangebote{
    width:100%;
    display:inline-block;
   /*  padding-right:40px; */
  }
  #hotels_map{
   padding:5px;
   margin:10px 0;
  }
  #hotels_map .link{
    font-size:12px;
  }
  #hotels .hotels.oline {
    height:102px;
    margin:10px 0;
  }
  #hotels .top-hotels .hotels.oline {
    height:104px;
  }
  #hotels .hotels.oline .title{
    height:auto;
    overflow:visible;
  }
  #hotels .hotels.oline .title .name,
  #hotels .hotels.oline .title .hotline,
  #hotels .hotels.oline .facts,
  #hotels .hotels.oline .deal,
  #hotels .hotels.oline .detail_line,
  #hotels .hotels.oline .next_button{display:none;}
  #hotels .hotels.oline .title{
    border:none;
  }
  #hotels .hotels .offer_count{display:none;}
  #hotels .hotels.oline .alt-banner{
    width:60px;
  }
  #hotels .hotels.oline .image{
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    height:100px;
    width:150px;
    float:left;
    display:inline-block;
  }
  #hotels .hotels.oline .image .img{
    height:100%;
    width:100%;
    position:relative;
    box-shadow:none;
  }	
  #hotels .hotels.oline .hotel_data{
    padding:5px;
    display:inline-block;
    width:100%;
    padding-left:155px;
    font-size:0.9em;
    line-height:1.4em;
    height:100px;
    min-height:0;
    position:relative;
  } 
  #hotels .hotels.oline .top_teaser {font-size:12px;}    
  #hotels .hotels.oline .hotel_data h2{
    font-size:16px;
    margin:0;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .hotels .hotels.oline .hotel_data .star_list{
    height:15px;
    padding-top:2px;
  }
  .hotels .hotel_info .star_list{
    margin:0;
  }
  .hotels .hotel_info .info-layer{
    margin:-2px 0 0 5px;
  }
  #hotels .hotels.oline .region_info{
    line-height:20px;
    font-weight:bold;
    height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative;
  }
  #hotels .hotels.oline .region_info li{
    width:auto;
    display:inline;
  }
  #hotels .hotels.oline .region_info li.city::after{
    content:', ';
    display:inline-block;
    color:#034580;
  }
  #hotels .hotels.oline .offer_info li.price{
    width:auto;
    display:inline;
    float:left;
    position:absolute;
    right:5px;
    bottom:3px;
    margin:0;text-align:center;
  }
  #hotels .hotels.oline .hotel_info,
  #hotels .hotels.oline .offer_info{
    padding:0;
    text-align:left;
    border:0;   
    width:100%;
    min-height:25px;
  } 
  #hotels .hotels.oline .taggin{
    display:inline-block;
    box-shadow:none;
    background:none;
    right:3px;
    top:3px;
    border:none;
    position:absolute;
    z-index:1;
    transform:scale(0.8);
    transform-origin:right top;
    max-width:100%;
  }
  #hotels .hotels.oline .taggin.delete_merk .delete-tag{
    display:inline-block;
    height:15px;
    font-size:0;
    background-size:12px;
  }
  #hotels .hotels.oline .taggin .mem_icon{
    top:0;
  }
  #hotels .hotels.oline .taggin .add_htl span{
    display:none;
  }
  #hotels .hotels.oline .offer_info .price strong{
   font-size:18px; 
  }
  #hotels .hotels.oline .offer_info .button.termine{
    padding:5px 10px;
    font-weight:normal;
    font-size:12px;
    display:none;
  }
  #hotels .hotels.oline .offer_info li {width:50%;}
  #hotels .hotels.oline .offer_info .rating{
    position:absolute;
    left:110px;
    bottom:5px;
    top:auto;
    right:auto;
    text-align:left;
    z-index:1;
  }
  .hotels.oline .offer_info .rating a{
    background:#fff;
    font-size:11px;
    height:auto;
    padding:0;
    z-index:1;
    width:100px;
    border:solid 1px #e4e4e4;
    display:inline-block;
   /*  border-width:0 0 1px 1px; */
  }
  .hotels.oline .offer_info .rating img{
    padding:6px 3px 3px 3px;
    width:auto;
    height:20px;
    font-size:0;
    float:right;
   }
  .hotels.oline .offer_info .rating{
    font-size:11px;
    line-height:20px;
    height:20px;
  }
  .hotels.oline .offer_info .rating div{
    border:0;
    float:left;
    width:40px;
    text-align:center;
  }
  .hotels.oline .offer_info .rating div strong{
    font-size:12px;
  }
  .oline .hotels .scarcity {display:none;}
  #top_booked .yel_btn{
    padding:5px 10px;
    position:absolute;
    right:5px;
    bottom:5px;
  }
  #hotelangebote .sorting,
	#hotelangebote .sorting_select,
  .sortline .sorting,
	.sortline .sorting_select{
		width:49.5%;
		display:inline-block;
		margin:0;
	}
  .sorting .sort_label {background:#fff;width: 100%; padding-left: 5px;text-align: left;}
	#hotelangebote .sort_location, 
	#hotelangebote .sorting_select #offer_sorting{
		width:100%;
	}	
  
  .sortbox{background:none; padding:0; color:#444;font-size:12px;}
  #offer_locations, #offer_sorting, #s_sort{font-size:0.9rem;}

  /*Hotels*/
  .showImgLayer .ajaxload{
    overflow:visible;
    z-index:9991;
  }
  .showImgLayer .close-ajax-layer.bottom,
  .showImgLayer .hotelinfo-head .close-ajax-layer.close{
    display:none;
  }
  .ajax-layer .all-review{
   padding:5px;
  }
  .ajax-layer .all-review > .col2 {
    border:0 !important;
  }
  .ajax-layer .reviews-l,
  .ajax-layer .reviews-r,
  .ajax-layer .reviews .info-val,
  .ajax-layer .reviews .info,
  .ajax-layer .reviews .top .fr{
    width:100%;margin:5px 0;    display:block;
  }
  .ajax-layer .reviews .rating-wr{
    position:static;
  }
  .hotel_view .reviews .title{
    min-height:auto;
  }
  .ajax-layer .reviews span.info{
    width:100%;
    text-align:left;
  }
  .ajax-layer .reviews .name,
  .ajax-layer .reviews .age{
    display:inline;
  }
  .ajax-layer .reviews .rating-val{
     float:none;
   }
  .ajaxload .providers > span.fl{
    display:none;
  }
  #hotels_map_container{
    padding-top:50px;
    z-index:9981;
  }
  #hotels_map_container #hotels_map_btn_back{
    top:58px;
    padding:9px 15px;
  }
  #hotels_map_container #map_info{
    width:100%;
    bottom:177px !important;
    left:0;
    margin:0;
  }
  #hotels_map_container #map_info .facts{
    height:75px;
  }
  #hotels_map_container #map_info .button{
    bottom:7px;
  }
  /*offer*/
  .hotel_view .hotel_info .facts{
    text-align:left !important;
    width:100%;
    height:auto;
  }
 
  .hotel_view .title{
    width:100%;
    padding:0 3px;
  }
  .hotel_view .weather strong{}
  .hotel_view .regioninfo{
    line-height:20px;
  }
  .hotel_view .weather, .hotel_view .scar{
    width:100%;
    margin:0;
    text-align:left;
  }
  .hcheck .hc_btn{
    white-space:nowrap;
  }
  .hotel_view .infofield{
     padding:10px 5px;
  }
  #main-img  .slick-slide:hover::after{
    display:none;
  }
  .hotel_view .image .big{
    width:50%;
  }
  .agency_check{
    display:block;
    width:100%;
  }
	#vacancy-headline{
    display:none;
  }
  .tab-buttons .agencys{
    width:32.33%;
    float:left;
    margin:0 1% 0 0;
  }
  .offer_filter_bar .ofilter{width:33.33%;}
  .hgrid{margin:0;}
  .top_teaser.green::before{ border-color:transparent #339f1c  transparent transparent;}
  .top_teaser.red::before{ border-color:transparent #be1616  transparent transparent;}
  .result .teaser_line{
    margin-top:30px;
  }
  .result .mcol2.left,
  .offer_list .services{
    width:70%;
    padding:5px;
  }
  .result .mcol2.right,
  .offer_list .pricing{
    width:30%;
    padding:5px;
  } 
  .vakanz .services .top_teaser {
    left:-5px;
  }
  .rowf{
    margin:15px 0;
  }
  .vakanz_frame{
    border:solid 2px #0198eb;
  }
  .result .travel_route {
    background:#b6e6fe;
    border-color:transparent;
    padding: 0 5px;
  }
  /*flight-list*/
  .flight_info .depart,
  .flight_info .desti,
	.flight_info .date,
	.flight_info .no,
	.flight_info .airline{
		text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding:0;
  }
  .flight_info .flytype,
  .flight_info .depart{
    padding-left:20px;
  }
  .flight_info .theader .depart{
    padding-left:0;
  }
  .flight_info .flytype .tiny {
    left:50.5%;
  }
  .result:not(.hotl) .travel_date,
  .flight_info .depart{
    width:50.5%;
    padding-right:5px;
  }
  .result:not(.hotl) .travel_deal,
  .flight_info .date{
     width:36.5%;
     padding-right:5px;
  }
  .result.fly .travel_deal{
     width:49.5%;
  }
  .result .travel_agency,
  .flight_info .airline, 
  .flight_info .no{
    width:13%;
  }
  .flight_info .route.in, 
  .flight_info .route.out{
    margin:0;
  }
  .flight_info.out::before,
  .flight_info.in::before{
    background-position:0px;
  }
  .flight_info .route::after{left:3px}
  .flight_info .route.nobg::before{left:5px}
  .flight_info .depart.noflight{
		width:auto;
  }
  /*vakanz*/
  .vakanz.false{
    margin:0;
    border:none;
  } 
  .vakanz .services .pricediff_txt{
    width:100%;
  }
  .vakanz hr{border-bottom:solid 1px #e4e4e4;}
  .vakanz .oc_alter{
    font-size:12px;
    float:unset;
  }
  .alt_flights{padding-right:5px; display:inline-block;}
  .vakanz .offerinfo .services .tiny{padding-left:5px; display:inline-block;}
  /* .vakanz .travel_date, 
  .vakanz .travel_deal, */
  .vakanz .flight_info.out, 
  .vakanz .flight_info.in{
    width:100%;
  }
  .vakanz .duration span,
	.vakanz .accomodation span{
    white-space:nowrap;
  }
  .vakanz .cc_icons .icon, .vakanz .cc_icons .txt {
    display:block;
    width:100%;
  } 
  .vakanz .cc_icons .icon img{
    float:none;
  }
  .button_container .col2{
    width:50%;
  }
  .info_text .altflight, .info_text .result {
    display:block; 
    padding:0;
    font-size:13px
  }
  .info_text .altflight .col5, 
  .info_text .altflight .col5-4{
    width:100%;
    display:block;
    padding:0;
    font-size:0.9em;
  } 
  .info_text .altflight .col5{
    text-align:center !important;
    border:0;
    border-top:solid 1px #e4e4e4;
    margin-top:5px;
    padding:5px;
  }
  .pagination{
    width:75%;
    min-width:300px;
    max-width:480px;
  }
  .pagination input{
    height:35px;
    width:100%;
    line-height:35px;
	}
	.pagination a, .pagination .next, .pagination .prev{
		 height:35px;
		 line-height:35px;
	}
  .pagination .ico{
    margin-top:10px;
  }
  .pagination .page{
    width:100%;
    line-height:35px;
    padding:0;
    min-width:0;
  }
	  #footer, #footer .tar{
		text-align:left !important;
	}
	#footer .col4::after{
		clear:both;
		display:block;
		content:"";
	}
	#footer .col4 ,#footer .col4 .col2{
		margin-bottom:20px;
	}
	#footer .infolinks li.job{
    display:block;
    width:100%;
	}
	#footer .infolinks li{
    float:left;
    display:inline-block;
    padding:6px;
    margin:0;
	}
  /*booking*/
  .booking{
    margin-top:0px;
  }
  .booking-grp .ssl{
    background:none;
    box-shadow:none;
    padding:0;
  }
  .booking-grp .ssl img{
    margin:0;
  }
  .booking .sidebar{
    display:none !important;
  }
  #booking_form .button.big, 
  #reserve_form .button.big,
  .hideBookButton{
    /*position:relative;
    left:unset;
    right:unset;
    top:unset;
    bottom:unset;*/
    margin:0 auto;
  }
  .hideBookButton img{
    margin:0;
  }
  #reserve_form label,
  #reserve_form input{
    width:100%;
  }
  #reserve_form .col2{
    margin:0;
  }
  #reserve_form .button.big{
    margin:10px 0;
    width:100%;
  }
  #reserve_form .hideBookButton img{width:98%;}
  #booking .content_area{
    padding-right:0;
  }
  #booking_form .participant .data.line{
    padding-top:30px;
    position:relative;
  }
  #booking_form .participant .data.line label{
    position:absolute;
    top:0;
  }
  .booking-grp.participant .col5-2 .col3{
    width:33%;
    margin:0;
  }
  #haa_container, #haa_container.bp_error_container{
     /* width:95%;
    left:2.5%;
    height:80%;
    top:10%; */
  }
  #reminder .sort_label{
    width:100%;
    padding-left:5px;
    text-align:left;
  }
  #reminder .hist .header{
    width:100%;
    padding-right:45px;
  }
  .hist #list_trigger{
    top:-42px;
  }
  #static_page #content .sidebar{
    padding-left:0px;
  }
  #cruising .sidebar, #fewo .sidebar{
    display:none;
  }
  #static_page #fewo .content_area,
  #static_page #cruising .content_area{
    width:100%;
    padding:10px;
  }
  #cruising .textarea img {width:100%;}
  .cruising-header{
    width:100%;
    margin-bottom:5px;
  }
  #factsheet .aus_list li{
    width:99%;
  }
  #announcement .text{
    bottom:40px;
  }
  #cto_cookies_header_message{
    display:none;
  }
  #contact .col2,
  #contact input[type="text"], 
  #contact select,
  #contact label,
  #contact #contact_message{
    width:100%;
  }
  #contact  label{
    padding-left:3px !important;
    height:20px; 
    line-height:20px;
  }
   /*BOOKING INFO*/
  #book_overview .book hr{ margin:5px 0;}
  #book_overview .book{ position:relative; display:block; width:100%; border:none;}
  #book_overview .book .info_button {
    padding:5px 0;
  }
  #book_overview .book .info{width:100%; margin-top:10px; border:none; padding:0;}
  #book_overview .book .aside{
    display:block;
    width:100%;
    border:none;
  }
  #book_overview .book .aside.right{ padding:0;margin-top:10px;}
  #book_overview .book .travel_data{
    min-height:auto;
    margin:0;
  }
  #book_overview .book .travel_data li{
    background-size:12px;
    padding:0 20px;
    line-height:24px;
    background-position:left 5px;
    background-repeat:no-repeat;
  }
  #book_overview .book .travel_data.inkl li{
    width:auto;
    float:left;
    display:inline;
  }
  #book_overview .book .va_logo{
    position:absolute;
    top:5px;
    right:5px;
    z-index:2;
  }
  #book_overview .book .info_button .link.ajax{
    width:49.5%;
    text-align:center;
    margin-right:1%;
  }
  #book_overview .book .info_button .link.ajax:last-child{
    margin-right:0;
  }
  #book_overview .flight_table{
    padding:0;
    border:none;
    border:solid 1px #eee; 
    border-width:1px 0;
  }
  #book_overview .book .info_button.fr{
   float:none !important;
  }
  #book_overview .book .info_button span.facts{
    display:block;
    width:100%;
    float:unset;
  }
  /*BOOKING FORM*/
  .booking .flight_info{
    width:100%;
    border:none;
    padding:0;
  }
  .choice.booking-btns{
    font-size:12px;
    text-align:right;
  }
  #booking_forminput[type=checkbox] + label::before,
  #booking_forminput[type=radio] + label::before {
    width:16px; 
    height:16px; 
  }
  #booking_form .booking-grp > .row, #reserve_form .booking-grp > .row{
    background-color:#b6e6fe;
    padding:5px;
  }
  .infobubble::after{
    display:none;
  }
  #booking .message{
    margin:0;
  }
  #booking_form .left, 
  #booking_form .right{
    padding:0;
  }
  #booking_form .line label{
    display:block;
    width:100%;
    line-height:15px;
    font-weight:normal;
    margin-top:5px;
  }
  #booking_form .line.in{
    width:100% !important;
    margin:0 !important;
  }
  .booking-grp.applicant select, 
  .booking-grp.applicant input, 
  .booking-grp.participant select, 
  .booking-grp.participant input{
    margin:2px 0;
  }
  #booking_form .in_sex,  
  #booking_form .in_name,
  #booking_form .in_lastname,
  #booking_form .in_street_no,
  #booking_form .in8,#booking_form textarea, 
  #booking_form input[name="coupon"] {
    width:100%;
  }
  #booking_form .in_city,
  #booking_form .in_str{
    width:70%;
  }
  #booking_form .in_zip,
  #booking_form .in_street_no_hold{
    width:30%;
  }
  #booking_form .in_country,
  #booking_form .country_name,
  #booking_form .in_email{
    width:100%;
  }
  #booking_form .in_phone{
    width:50%;
  }
  #booking_form input.smallb, 
  #booking_form select.smallb, 
  #booking_form .smallb{
    width:100%;
    float:left;
    margin:0;
  }
  #booking_form input.smalla, 
  #booking_form select.smala{
    width:78%;
  }
  #booking_form .participant .title{
    display:none;
  }
  .debitframe, .cardframe{
    padding:0;
  }
  #booking_form .participant .col3,
  #booking_form .participant .col4,
  #booking_form .participant .col5{
    margin:0;
    width:33.33%;
  }
  #booking_form select.tt{
    float:left;
  }
  #gotRentalCar, #carrent_choice, #gotInsurance{
    width:100%;
  }
  .infoframe .highlight, .infoframe .highlight{
    margin-top:14px;
  }
  #booking_form .booking_hint p{
    padding:10px;
  }
  #booking_form .ssl span{
    display:none;
  }
  #booking_form .sunny{
    top:-39px;
  }
  #booking_form .participant .line.title{
    display:none;
  }
  .booking-grp.l label{
    height:20px;
  }
  #cars_block .f0{
    padding-top:10px;
    width:10%;
    display:none;
  }
  #cars_block .f1{
    width:40%;
  }
  #cars_block .f2{
    margin-left:3%;
    width:45%;
  }
  #cars_block .f3{
    margin-bottom:5px;
    margin-left:10%;
    width:40%;
    clear:left;
  }
  #cars_block .f4{
    font-size:1.45em;
    padding-top:24px;
    width:45%;
    text-align:right;
  }
  #cars_block .f1 img{
    max-height:76px;
    max-width:100%;
    width:auto;
  }
  .to_box{
    width:50%;
  }
  .booking .explain{display:none;}
  #book_bottom_bar{
    display:table;
    width:100%;
    border-spacing:10px;
    margin:0;
  }
  #booking_form .line{
    padding:0 1px;
  }
  #booking_form .binfo{
    padding:2px;
    margin-bottom:10px;
  }
  #booking_form .booking_hint{
    padding:0;
    margin:0;
    margin-bottom:10px;
  }
  #booking_form .take_customer_line{
    padding:5px 2px;
  }
  .txt_payment .showinfo{
    display:inline-block;
  }
  .noscroll.info {overflow:visible;}
  .infoframe.bookoverview .highlight + .highlight{margin-bottom:15px;}
}


/*TABLET portait / HANDY landscape / 2-COL*/
@media all and (min-width:360px) and (max-width:977px) {
  #special .img {
    height: 380px;
  }
}
@media all and (min-width:541px) and (max-width:977px){ 
  
  .page,.center{
		width:100%;
    max-width:800px;
    margin:0 auto;
    position:relative;
	}	
  #main-img, #main-img .big {
    height: 230px;
  }
  #main-img .big {
    width: 50%;
  }
	#top .hotline-info strong{
    width:auto;
    margin-right:10px;
  }
  .col2, .col3, .col3-2,  .col4, .col4-2, .col4-3{
		width:50%;
	} 
  .search_form .layer .travel_top .col3{
    width:33.33%;
  }
  #booking_form .formb .row.col2{
    width:70%;
  }
  #regions .regions .om{
    display:inline-block;
  }
  #flight_only #searchbox .sendline{
    margin-top:22px;
    width:50%;
  }
  #flight_only #search_form{
    width:100%;
  }
  #flight_only #home .box_offer .col3-2,
  #flight_only #home .box_offer .col3{
    width:100%;
    margin-top:0;
  }
  #flight_only #home .col3-2 .col3{
    width:50%;
    margin-top:0;
  }
  #flight_only .region_view .image{
    margin:0;
  }
  #flight_only .region_view .info .ptitle{
    width:88px;
    display:inline-block;
    font-size:12px;
  }
  #special.col2{
    width:100%;
  }
  #content .teaser{
   width:100%;
  }
  #eb_1 .col2{
    width:100%;
  }
  #eb_1 .col2 .col2,
  #eb_1 .col2.teaser{
    width:50%;
    margin:0;
    padding-bottom:0;
  }
	#home .hotline{
		height:65px;
		margin:0;
	} 
	#home .hotline .hot_img{
		width:65px;
	}  	
	#home .hotline .info{
		margin-left:85px;
	}
	#home .hotline p{
    margin-top:15px;
		line-height:15px;
	}
	#home .hotel_offer .col3:nth-child(9){
    display:none;
  }
  #remind .taglist{
    width:50%;
	}
  #region_teaser .obox .img{
    height:95px;
  }
  #special .img {
    height: 350px;
  }
 
  #regions .region_teaser.hotel_offer .col2{
    margin-bottom:1px;
  }
  #regions .region_teaser.hotel_offer .info{
    padding-top:5px;
  }
  #flight_only .region_view .image{
    width:40%;
  }
  #flight_only .region_view .info{
    width:60%;
  }
  #flight_only .travel_date{width:49%;}
  #flight_only .travel_agency{
    margin:8px calc(2% - 75px) 0 0;
  }
  /* booking */
  #reserve_form .col3-2, #reserve_form .col3{
    width:100%;
  }
  #reserve_form .privacy{
    width:100%;
  }
  #contact .col2{
    width:50%;
    padding:5px;
  }
  .to_box{
    width:25%;
  }
  #book_overview .book .info,
  #book_overview .book .aside{
    display:block;
    margin:0px;padding:0;
    float:left;
    clear:none;
  }
  #book_overview .book .info h2 {
    line-height:unset;
    height:auto;
  }
  #book_overview .book .info{
    width:60%;
    width:calc(100% - 271px);
    padding-left:10px;
  }
  #book_overview .book .aside{
    width:40%;
    width:calc(271px);
    margin-bottom:5px;
  }
  #book_overview .book .aside.right{ width:100%;}
  #reminder #hotels_map {
    height:40px;
  }
  #list_trigger{display:none;}
} 


/*Layer*/
@media all and (max-width:799px){
  .noscroll.info {overflow:hidden;}
  .ajaxload::after,
  #searchbox .layer::after{
    content:'';
    display:block;
    clear:both;
  } 
  .showImgLayer .ajaxload h3{display:none;}
  .showImgLayer .ajaxload .hotelinfo-head{
    position:static;
    height:0;
    min-height:0;
  }
  .showImgLayer .ajaxload .hotelinfo-head .close{display:none!important;}
  #pricegraph {
    position:fixed;
    min-height:unset;
    max-height:unset;
  }
  .ajaxload,
  .info_layer{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    right:0 !important;
    left:0 !important;
    border:none;
    width:auto !important;
    min-height:0 !important;
    max-height:100% !important;
    height:100%;
    height:100vh;
    padding:0;
    padding-top:50px;
    padding-bottom:50px;
    margin:0;
    /*-webkit-overflow-scrolling:touch;*/
  }
  .ajaxload, #haa_container{
    z-index:9988;
  }
  .map-canvas-list{
    height:calc(100vh - 83px);
  }
  .btn-enter-full-screen{
    display:none;
  }
  
  .ajaxload .hotelinfo-head, 
  .info_layer .haa_title{
    background:#f2f2f2;
    box-shadow:0 0px 3px rgba(0,0,0,0.2);
    width:100%;
    padding:0 50px 0 10px;
    height:40px;
    position:fixed;
    top:50px;
    z-index:2;
    color:inherit;
  } 
  .ajaxload .close-ajax-layer::after,
  .info_layer .haa_close::after{
    background-image:url(../img/icons/sprite_darkgray.png);
  } 
  .ajax-layer, #haa_changeText{
    min-height:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    position:fixed;
    width:100%;
    height:auto;
    background:#fff;
    top:90px;
    bottom:0;
    -webkit-overflow-scrolling:touch;
  }
  .ajax-layer{
    
  }
  .ajax-layer,
  #haa_changeText.info_text,
  #haa_changeText #content{
    padding:20px;
  }
  #haa_changeText iframe{margin-bottom:-30vw;}
  .ajax-layer.loader{
    height:auto;
  }
  .ajaxload #provider{
    width:50%;
  }
  .search .close-layer, 
  .search .close-layer-link{
    padding:7px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    position:absolute;
    cursor:pointer;
    z-index:9999;
    top:7px;
    right:5px;
    text-align:center;
    background:#52b700;
    /* background:#086eb7; */
    margin:0 auto;
    border-radius:3px;
  }
  .search .button.reset-selection{ 
    padding:7px 14px;
    border-color:#a9d3f1;
    color:#fff;
    background:none;
    margin-right:3px;
  }
  .ajaxload .close{
     right:0;
  }
  .close-ajax-layer{
    color:#fff;
    box-shadow:none;
  }
  .close-ajax-layer.bottom{
    display:none !important;
  }
  .ajaxload a.ajax,
  .ajaxload h3{
    background:none;
    border-color:#d9d9d9;
    z-index:3;
  }
  .ajaxload .tabs-provider{
    background: #fff;
    position:absolute;
    left:0;
    right:0;
    padding:inherit;
  }
  #offer .ajax-layer.hotelinfo,
  #offer .ajax-layer.ausstattung {
    top:125px;
  }
}
@media all and (max-width:766px){/*offer tabs*/
  body,.page{background:#fff;}
  .sdw{background:none;}
  .tab-buttons .change_own, .tab-buttons .change_fly{
    width:24%;
    float:left;
    margin:0 1% 0 0;
  }
  .tab-buttons .agencys{
    width:49%;
    float:left;
    margin:0 1% 0 0;
  }
  .touroperator-ol .agencys{
    width:50%;
    margin-left:50%;
  }
  .touroperator-ol::before{
    width:24%;
  }
  .holi .hc_logo img{
      width:45px;
      margin-top:10px;
  }
  #hotels .hotels .hotel_data {
    /* font-size: 0.9rem; */
  }
}
@media all and (max-width:720px){ /*region img hide*/
  #hotel_only .regions span.region_name, 
  #flight_only .regions span.region_name {
    width:60%;
    padding-right:5px;
    font-size:14px;
    color:#444;
	}
  .regions .destination .region_name{
    width:60%;
  }
  .regions .destination .price{
    width:40%;
    padding-right:5px;
    text-align:right;
  }
  .regions .destination .water_temp, 
  .regions .destination .hotelnum,
  .regions .destination .air_temp,
  .regions .destination .flightdur{
    display:none;
  } 
  .regions.sort .destination .region_name{
     width:55%;
  } 
  .sort .destination .price {
    width:30%;padding:0;
  }
  .regions.wt .destination .water_temp,
  .regions.hn .destination .hotelnum,
  .regions.at .destination .air_temp,
  .regions.fd .destination .flightdur{
    width:15%;
    display:inline-block;
  }

  #regions .regions .title{
		display:none;
	} 
  #main-img, #main-img .big {
    height: 190px;
  }
  .booking .flight_info.out, 
  .booking .flight_info.in {width:100%; border:0;padding:0;margin-top:10px;}
}

@media all and (max-width:600px){
  #cookie_info.shwBtn .cookie_info{
    padding:0px 0 45px;
  }
  #cookie_info.shwBtn .button-layer{
    width:100%;
    padding:0 150px 10px 0;
  }
  #main-img, #main-img .big {
    height: 170px;
  } 
}

/* HANDY portrait / 1-COL*/
@media all and (max-width:540px){
    
  #home .siteinfo {
    clear:both;
    min-height: 120px;
    position: relative;
    display:block;
  }
  
  #home .infoline{
    height:auto;
    width:60%;
   /*  max-width:240px; */
    padding:10px;
    float:left;
	}	
  #home .seals{
    width: 40%;
  }
  #home .coupon_seal{
    position:absolute;
    transform:scale(0.55);
    transform-origin:left top;
  }
  #top .h1,
  #home #top h1{
    padding:0;
    font-size:1.8rem;
    line-height:inherit;
    word-break:keep-all;
    text-shadow:0px 1px 2px rgba(0,0,0,0.7);
    float:none;
  }
  
  #top .last_minute .infoline{ width:45%;}
  #top .early_bird .infoline{ width:55%;}
  #top .early_bird .coupon_seal{/* transform-origin: left bottom; top:-10px;*/}
  #home #top .early_bird h1{
    /* font-size:1.9rem;
    line-height:normal; */
  }
  #flight_only #top h1{
    font-size:2rem;
    line-height:normal;
  }
  #searchbox {padding:5px 7px;}
  .os{display:inline-block;}
  .nos{display:none;}
  #home #content {padding: 20px 0;}
  #content .content_area{padding:0 5px;}
  #static_page .content_area{padding:0;}
 /* #static_page #cruising .content_area{padding:10px !important;}  */
  #sortline {
    padding-right:45px;
  }
  #list_trigger{
    width:40px;
    float:right;
    background:#007ed7;
    position:absolute;
    right:0px;
    top:0px;
    height:40px;
  }
  #list_trigger::after{
    background-position:0 -177px;
  }
  #list_trigger.full::after{
    background-position:0 -160px;
  }
  .step-show{margin-top:0;}
  #main-img .big {
    width:100%;
  }
  .nofon{
    display:none !important;
  }
  .nosp {
    display:none !important;
  }
  .page{
    min-width:300px
  }
	.content_area .header{
    width:100%;
    float:unset;
  }
  .img img, img.img{
		height:100%;
	}
	.img{
		height:220px;
		background-image:none;
	}
  #travel_dates_layer .travel_top .col3{
    width:100%;
  }
  #travel_dates_layer .travel_top .col3.dateinfolayer{
    width:50%;
  } 
  #travel_dates_layer .ui-state-default {
    height: 40px;
    line-height: 40px;
  }
  #home .hotline{
    margin:0;
  }
  #no_results .top_booked_hotel, 
  #reminder .top_booked_hotel,
  #top_booked .top_booked_region, 
  #top_booked .top_booked_hotel, 
  #taglist .taglist,
  #reminder .history,
  #history .history {
    width:100%;
  }
  #reminder .delete_all_area{
    text-align:center;
  }
  #home #remind_list{
    margin-top:10px;
  }
  #eb_1 .col2,
  #eb_1 .col2.teaser{
    margin:0;
    padding-bottom:0;
  }
  #history .obox .img,
  .box_offer .obox:not(.oline) .img{
    height: 280px;
  }
  #history .slide_me.slick-initialized {
    height: 420px;
    margin-bottom: 10px;
  }
  #footer .col3{
    padding:0;
    margin-top:20px;
  }
  /*region*/
  #region_teaser{display:none;}
  #regions .regions .col3 {
    display:block;
  } 
  #regions .regions .image{
    padding:0;
    float:none;
	}
  #regions .regions .image img{
    width:100%;
    height:auto;
  }
  .regions .destination,.regions .destination ul  {padding:0;margin:0;}
	.regions .destination li a  span.om{
    display:inline;
  }
  /*hotel*/
  .hotels{
		margin:15px 0;
    border:solid 1px #ccc;
	}
  #hotels_map{
    width:100%;
    margin:0 0 5px 0;
    padding:5px;
    border-radius:0px;
    border-width:1px;
    float:none;
  }
  #hotels_map .button{
    margin:16px;
    padding:7px;
    font-size:13px;
  }
  #reminder #hotels{
    position:relative;
  } 
  #reminder #hotels_map {
    margin-top:15px;
  }
  #reminder .hotels .delete-tag{
    background-size:10px 10px;
    padding-right:15px;
  }
  .hotels .title .name,
	.hotels .title .hotline{
		display:none; 
	}
  .hotels .image{
		width:100%;
    padding:0;
		margin:0;
    position:relative;
    float:none;
    width:100%;
    box-shadow:0 1px 3px #ccc;
    overflow:hidden;
	}
  #regions .regions .image,
  #hotels .hotels .image,
  #book_overview .book .image{
    height:280px;
  }
  #main-img, #main-img .big {
    height: 260px;
  }
	.hotels .hotel_info .star-list{
    margin:0;
	}
  .hotels .hotel_info .city_pre{
    display:none;
  }
  .hotels .hotel_info .city{
    line-height:16px;
  }
	.hotels .hotel_info .country{
    font-weight:normal;
    font-size:0.9rem;
    line-height:16px;
  }
	.hotels .hotel_info .extra{
		min-height:auto;
	}
  .hotels .hotel_data{		
    width:100%;
    height:auto;
    position:relative;
    padding:45px 5px 5px;
    margin:0;
    min-height:0;
	}
  .hotels .hotel_info {
    min-height:0;
    padding:0;
    width:100%;
  } 
  .hotels .hotel_info .region_info {
    width:60%;
  }
	.hotels .offer_info{
    min-height:0;
    padding:0;
    width:100%;
    text-align:left;
    margin-top:5px;
  }
  .hotels .hotel_data::after {
    content:"";
    display:block;
    clear:both;
  }
  .hotels .offer_info .block li {
    display:inline-block;
    line-height:20px;
    font-weight:normal;
    width:50%;
    float:left;
    padding:0;
  }
   .hotels .offer_info li.deal {
     line-height:16px;
   }
  .hotels .offer_info li.price {
    position:absolute;
    right:10px;
    bottom:48px;
    text-align:right;
    width:40%;
    margin:0;
  }
  .detail_line{
    text-align:center;
		padding:0;
		white-space:nowrap;
		top:5px;
    bottom:unset;
		width:100%;
	}
  .hotels .scarcity {
    font-size:12px;
    position:absolute;
    top:-30px;
    z-index:8;
    margin:0;
  }
  .detail_line .detail{
		margin:0;
		background:none;
		font-size:0.9rem;
		height:35px;
    line-height:35px;
		text-align:center;
		padding:0px;
		display:inline-block;
		padding:0;
		float:none;
    width:32% !important;
	}
  .detail_line .detail.hc_btn{display:none;}
	.hotels .hotel_info .facts{
  }
  .hotels .offer_info .tiny{
    font-size:0.8em;
  }
  .hotels .offer_info .next_button{
    padding:5px 0;
    position:relative;
    bottom:unset;
    right:unset;
  }
  .hotels .offer_info .next_button .button{
    padding: 6px 10px;
  }
  .hotels .offer_info .sendload .white-spinner {
    margin: 3px auto !important;
    width: 23px;
    height: 23px;
    border-width: 4px;
  }
	.hotels h2{
		font-size:18px;
    padding:0;
    margin-top:5px;
  }
  .hotels .taggin{right:5px; top:5px;}
  .hotels .offer_info .rating{
		position:absolute;
    z-index:1;
		top:-35px;
    right:5px;
  }
  .hotels .offer_info .rating.ttws{
    top:-47px;
  }
  .hotels .offer_info .rating a{
    display:inline-block;
    background:#fff;
    font-size:11px;
    height:auto;
    padding:3px;
    z-index:1;
    max-width:110px;
    border:solid 1px #e4e4e4;
    border-width:0 0 1px 1px;
  }
  .hotels .offer_info  .rating img{
    padding:6px 3px 3px 3px;
    width:auto;
    height:20px;
    font-size:0;
    float:right;
   }
  .hotels .offer_info .rating{
    font-size:11px;
    line-height:20px;
    height:20px;
  }
  .hotels .offer_info .rating div{
    border:0;
    float:left;
    display:inline;

  }
  .offer_info .rating.ttws, 
  .offer_info .rating .ttws {
    border:none;
  }
  .offer_info .rating div strong{
    font-size:14px;
  }
  #hotels_map_container #map_info{
    height:108px;
    bottom:107px !important;
  }
  #hotels_map_container #map_info #mp_image_holder{
    width:156px;
    height:106px;
  }
  #hotels_map_container #map_info #mp_details{
    width:100%;
    padding-left:161px;
  }
  #hotels_map_container h2{margin-bottom:2px;}
  #hotels_map_container .region_info{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #hotels_map_container .region_info li{
    display:inline;
  }
  #hotels_map_container .region_info .city b{display:none;}
  #hotels_map_container .region_info .city::after{content:",";}
  #hotels_map_container .region_info .country{font-weight:normal;}
  #hotels_map_container #map_info .rating{
    position:absolute;
    left:123px;
    bottom:10px;
    background:#fff;
    font-size:11px;
    height:auto;
    padding:0;
    max-width:120px;
    border:solid 1px #e4e4e4;
  }
  #hotels_map_container #map_info .rating img{
    padding:6px 3px 3px 3px;
    width:auto;
    height:20px;
    font-size:0;
    float:right;
  }
  #hotels_map_container #map_info .rating strong{
    float:left;
    padding:0 3px;
  }
  #hotels_map_container #map_info .rating .ttws .rev{display:none;}
  #hotels_map_container #map_info .rating .ttws .recom{
    width:71px;
    margin:-2px -2px -2px -48px;
  }
  #hotels_map_container #map_info .price{
    position:absolute;
    right:5px;
    bottom:8px;
  }
  /*offer*/
  #offer .header{text-align:left;}
  .hotel_view .regioninfo li,
  .hotel_view .weather strong { font-size:12px;} 
  .hotel_view .hotel_info .taggin{
    top:5px;
  }
  .hotel_view .hotel_info .facts{
    text-align:left !important;
  }
  .hotel_view .detail_line{top:0;}
  .hotel_view .information{
    margin:0;text-align:center;
  }
  .hotel_view .information .holi{
    float:none;
    margin:7px 0;
  }
  .detail_line .detail.hc_btn,
	.detail_line .detail.bewertungen{
    width:33%;
  }
  .detail_line .detail.hfacts,
	.detail_line .detail.karte{
    width:16%;
  }
  .detail_line .detail.hbilder,
	.detail_line .detail.bilder{
    width:20%;
  }
  .detail_line .detail.hinfo,
	.detail_line .detail.hotelinfo{
    width:27%;
  }
	.detail_line .detail.br{
		border-right:solid 1px #d9d9d9;
	}
	.detail_line .detail.bl{
			border-left:solid 1px #d9d9d9;
	}
  #offer_container .head{
    width:100%;
    padding:0;
    text-align:center;
  }
  #offer_container .hgrid{
    width:100%;
    max-width:100%;
    margin-top:10px;
  }
  .tab-buttons .change_own, .tab-buttons .change_fly{
    width:49%;
    float:left;
    margin:5px 0.5%;
  }
  .offer_filter_bar{
    width:99%;
    margin:-6px 0.5% 0;
  }
  .offer_filter_bar .ofilter{
    width:45px;
    float:right;
    padding-right:0;
    margin-left:10px;
  }
  .offer_filter_bar .ofilter:first-child{
    width:100%;
    max-width:100%;
    margin-bottom:-35px;
    padding-right:110px;
  }
  #trigger_DestAirports::before, #trigger_RoomNames::before{
    background:#fff;
    width:100%;
    border:none;
  }
  #trigger_DestAirports::after, #trigger_RoomNames::after{
    background-image:url("../img/icons/arrivals.png");
    top:9px;
    right:15px;
    border:none;
    width:15px;
    height:15px;
    background-size:100%;
    transform:rotate(0);
  }
  #trigger_RoomNames:after{
    background-image:url("../img/icons/room_black.png");
  }
  .offer_filter_bar .ofilter:not(:first-child) .layer{left:auto;}
  .touroperator-ol .agencys,
  .tab-buttons .agencys{
    width:99%;
    float:left;
    margin:0.5%;
  }
  
  .touroperator-ol::before{
    width: 49%;
    top: -6px;
    left: 0.5%;
  }
  .vakanz .supportinfo .falseinfo + .button{margin-top:5px;}
  #flight_only .region_view{
    padding:0;
  }
  #flight_only .region_view .info{
    padding:5px;
  }
  #flight_only .region_view .info .ptitle{
    width:100%;
    display:block;
  } 
  /* booking */
  #booking{
    font-size:12px;
  }
  #booking label{
    font-size:1em;
  }
  #book_overview .book .info_button{
    top:215px;
  }
  .book h2{height:auto; line-height:unset;}
  .book .ico_room.fl,.book .ico_meal.fl{float:none !important;}
  #booking_form .carrent label, #booking_form .insurance label{
   /*  white-space:nowrap; */
   font-size:12px;
  }
  .choice .button.reserve{
    margin-top:0;
  }
  #booking_form .button.big,
  .hideBookButton{
    position:relative;
    width:100%;
    float:none !important;
  }
  #reserve_form .hideBookButton{float:left !important;}
  .hideBookButton img{
    width:100%;
    bottom:0;
  }
  #reserve_form .big{
    width:80%;
  }
  .booking-grp .ssl{
    background:none;
    box-shadow:none;
    padding:5px 0;
  }
  #ssl_green{
    color:#409309;
    height:25px;
    line-height:25px;
    font-size:12px;
    font-weight:bold;
    display:block;
    float:unset;
    position:relative;
    left:unset;
    right:unset;
    top:unset;
    margin:20px auto;
    width:265px;
    clear:both;
  }
  .payment-options .infield{
    display:block;
    margin-top:5px;
    text-align:left;
    height:auto;
    line-height:auto;
    padding:10px;
  }
  #booking .booking-grp hr{
    display:none;
  }
  .payment-options .icon{
    float:right;
  }
  .payment-options .table,
  .payment-options .infield,
  #book_bottom_bar,
  #book_bottom_bar .infofield{
    display:block;
    width:100%;
    margin:10px 0;
  }
  .voucher_payment{
    right:0;
  }
  label.txt{
    width:100%;
  }
  #static_page #content #impress .textfield{
    padding:0;
  }
  
  .nl_teaser{display:block;}
  .nl_teaser .col3{padding: 0 0 5px;}
}
@media all and (min-width:420px) and (max-width:540px){
/*   #home .seals {
    bottom: 0;
    left: auto;
    right: 25%;
    text-align: right;
    transform: scale(0.65);
    transform-origin: bottom right;
  } */
}
@media all and (max-width:500px){
  .offer_list {
    font-size:12px;
  }
  .offer_list .services, .offer_list .pricing {
     width:100% !important;
     border:none;
  }
  .top_offer .alt-banner {
    width:60px;
  }
  .result .travel_route .depature {
    width:50.5%;
    padding-right:10px;
  }
  .result .travel_date{
    width:50.5%;
    padding-right:5px;
  }
  .result .travel_deal {
    width:49.5%;
    padding:0;
  }
  .result .travel_route .destination,
  .result .travel_route .coupon{
    display:none;
  }
  .result .travel_agency{
    padding:0;
    width:49.5%;
    position:absolute;
    right:0;
    top:0;
    margin-top:0;
    line-height:35px;
  }
  .result .offer_info .travel_agency{
    top:-34px;
  }
  .result .travel_agency .va_logo {
    float:right;
    margin:4px;  
  }
  .result .travel_agency .va_logo img{
    border:3px solid #fff;
  }
  .result .travel_agency .link {
    float:right;
    width:auto;
    padding-right:5px;
  }
  .flight_container > .flight_list .notice{
    display:none;
  }
  .offer_list .fly .pricing{
    width:100% !important;
    position:static;
    z-index:1;
  }
  .result .pricing .vacancy_button,
  .result .pricing .price{
    width:50%;
    float:left; 
  }
  .result .pricing .vacancy_button{
    text-align:right;
    margin-top: 10px;
  }
  .result .pricing {
     text-align:left; 
     padding:5px 5px 5px 10px;
  }
  .result .pricing .price strong {font-size:26px; line-height:37px;}
  .result .pricing .price .tiny {margin-left:3px}
  .result .pricing .hh1 .price {
     margin:0;
  }
  .result .pricing .hh1,
  .result .pricing .hh2{
    width:50%;
    float:left;
    text-align:left;
  } 
  .result .vakanz .pricing {border-top:solid 1px #e4e4e4;}
  .result .pricing .hh2 {
    position:absolute;
    right:5px;
    bottom:10px;
    text-align:right;
  }
  .result .pricing .hh2 .cc_icons {
    text-align:right;
    margin-bottom:5px;
  }
  .result .button{
    margin:0;
  }
  .result .spinner {
    border:0;
  }
  .result .fdate {display:none;}
  .button_container {padding:0 10px;}
  .button_container .show_fly{
    text-align:left;
  }
  .offer_list .top_teaser {
    position:absolute;
    top:-25px;
    transform:scale(0.9);
    transform-origin:left;
  }
  #flight_only .vakanz_frame{
    padding-top:5px;
  }
  #flight_only .offer_list .top_teaser{
    margin-top:0;
  }
  #regions .regions .image,
  #hotels .hotels .image,
  #book_overview .book .image{
    height:260px;
  }
  .grid_info_orig{display:none;}
}

@media all and (max-width:420px){/*images*/
 
  #regions .regions .image, 
  #hotels .hotels .image,
  #book_overview .book .image{
    height:230px;
  }
  #main-img, #main-img .big {
    height: 230px;
  }
  #history .obox .img,
  .box_offer .obox:not(.oline) .img{
    height: 240px;
  } 
  .result .mcol2.left {
     width:100% !important;
  }
  .vakanz .title .fw{display:none;}
}

@media all and (max-width:360px){
  .siteinfo {
    background-size:cover !important;
  }
 #regions .regions .image, 
 #hotels .hotels .image,
  #book_overview .book .image{
    height:205px;
 }  
 .hotels .scarcity {
  font-size:10px;
 }
 #main-img, #main-img .big {
   height: 205px;
 }
 #special .img {
    height:320px;
 }
  .offer_filter_bar .ofilter:last-child .layer{right:-55px;}
}
@media all and (max-width:330px){
 
 .hotels .scarcity {
  font-size:9px;
 }
}



@media all and (min-width:767px){/* insurane */
  #autocheck.absolute {
    position:absolute;
    top:10px;
    right:-2px;
  }
  .offer_filter_bar + .offer_list #autocheck.absolute{
    top:3px;
  }
  #flight_only #autocheck.absolute{
    position:static;
    /*text-align:right;*/
    margin-bottom:-10px;
  }
  #insurance_block .ins-list{
    padding-left:200px;
    display:flex;
    text-align:center;
    margin-top:20px;
    position:relative;
  }
  #insurance_block .ins-list.single-offer{
    padding-left:0;
    text-align:left;
  }
  #insurance_block .ins-list.single-offer,
  #insurance_block .ins-list.single-offer + .tiny,
  #insurance_block .ins-list.single-offer ~ #gotInsurance{
    width:360px;
    text-align:left !important;
  }
  #insurance_block .ins-item{
    width:33%;
    margin-left:-1px;
    float:left;
    flex-grow:1;
    margin-bottom:5px;
  }
  #insurance_block :not(.single-offer) .ins-item.mark{
    background-color:#d7eacd;
    padding-top:0;
  }
  #insurance_block .ins-item.prev{
    z-index:1;
    border-width:2px;
  }
  #insurance_block :not(.single-offer) .ins-item.prev .head{
    height:67px;
    padding-top:9px;
  }
  #insurance_block :not(.single-offer) .ins-item .head{
    padding:10px 10px 0px;
    height:68px;
    border-bottom:1px solid #ccc;
    font-size:0.975em;
  }
  #insurance_block .pr .top_teaser {
    top:-30px;
    left:-10px;
  }
  #insurance_block .ins-item .pr:after{
    display:none !important;
  }
  #insurance_block :not(.single-offer) .ins-item .pr .tiny{
    display:block;
  }
  #insurance_block .ins-item .hide{
    display:block !important;
  }
  #insurance_block .ins-item .th{
    border-bottom:1px solid #ccc;
    padding:8px 15px;
    height:35px;
  }
  #insurance_block .ins-list:not(.single-offer) .ins-fact-name{
    display:none;
  }
  #insurance_block .ins-list:not(.single-offer) .mark .ins-fact-name{
    display:block;
    position:absolute;
    left:0px;
    margin-top:-27px;
    border:1px solid #ccc;
    border-right:none;
    padding:8px 5px;
    width:199px;
    background:#fff;
    text-align:left;
    font-size:0.9em;
  }
  #insurance_block .ins-list .foot{
    margin:0px;
    padding:8px 5px;
    background:#f2f2f2;
    border:none;
  }
  #insurance_block .ins-list .prev .foot{
    padding:8px 4px 7px;
    background:#f2f2f2;
  }
  #insurance_block .ins-list .foot .infield{
    width:98%;
    margin:0.5% 0;
    padding:5px 3px;
    background-color:#fff;
  }
  #insurance_block .single .foot .infield{
    margin:10px 0 5px 1.5%;
    height:49px;
  }
  #insurance_block .ins-item.single .foot .infield{
    width:98%;
  }
  #insurance_block .dis.info-layer{
    margin:0px 3px;
  }
  #insurance_block .single .foot .infield label .tiny{
    width:100%;
    padding-left:22px;
  }
  #insurance_block .ins-list .prev .single .foot .infield{
    margin-bottom:4px;
  }
  .dis.info-layer-text{
    width:310%;
    max-width:none;
  }
  #insurance_block .ins-item:not(.single) .foot .infield{
    float:right;
  }
}
@media all and (max-width:840px){/* image gallery */
  .ajax-layer.bilder{
    width:100%; 
    height:100%;
    height:calc(74vw + 75px);
    margin-left:0;
    left:0;
    top:50%;
    margin-top:-35%;
    margin-top:calc(calc(-74vw - 75px) / 2);
    padding:5px 0;
  }
  .ajax-layer .slick-prev, .ajax-layer .slick-prev:focus, .ajax-layer .slick-prev:hover, .ajax-layer .slick-next, .ajax-layer .slick-next:focus, .ajax-layer .slick-next:hover{
    width:35px;
  }
  .ajax-layer .big-slider{
    width:100%;
  }
  .ajax-layer .big-slider span{
    width:100vw;
    height:75vw;
  }
  .showImgLayer .ajaxload .hotelinfo-head{display:none;}
  .showImgLayer .ajax-layer.bilder .title-bar{
    top:-40px;
  }
  .showImgLayer .providers{
    width:96%;
    margin-left:0;
    left:2%;
    top:50%;
    margin-top:30px;
    margin-top:calc(calc(-63vw - 75px) / 2);
    height:auto;
  }
  .ajax-layer .big-slider img{
    height: auto;
    max-height: 100%;
  }
  .ajax-layer .slick-slide.hint .infoadv{
    margin-bottom:5px;
  }
  .ajax-layer .slick-slide.hint .infoadv:after{
    clear:both;
  }
  .ajax-layer .slick-slide p{
    float:left;
    width:100%;
    text-align:left;
  }
}
@media all and (max-width:480px){
  .showImgLayer .providers::before,
  .providers::after{
    content:"";
    display:none;
  }
  .showImgLayer .providers #provider{
    width:auto;
    max-width:160px;
    max-width:calc(100% - 85px);
  }
  .ajax-layer .slick-slide .infofield.alt{
    margin:0 auto;
  }
}
@media all and (orientation: landscape) and (max-height:500px){
  #cookie_info{padding-top:0;}
  #header {position:relative;z-index:1;}
  
  #cookie_info ~ .page.fixed #mobile_bottom {
    z-index: 8;
  }
  .page {
      padding-top: 0px;
  }
  .info_layer, .info_layer .haa_title {
    top:0;
  } 
  #haa_changeText {
    top:40px;
  }
  
}  
@media all and (max-width:660px){
  .cookie_switch {
    margin-right: 10px;
  }
  #cookie_info .cookie_info{padding-bottom:75px;}
  #cookie_info .cookie_info .scroll{max-height:295px;}
  #cookie_info .button-layer {
    padding: 0 5px;
    text-align:center;
  }
  .cookie_info .cookielinks{padding:5px 0; clear:both;  width:100%;}
  #cookie_info:not(.shwBtn) .cookie_btn {
    width: 48%;
    margin: 5px 1%;
    padding: 8px 0;
    text-align: center;
  }
  #cookie_info #mcs {float: left;}
  
  #cookie_info .details .col5-2{
    width:100%
  }
  #cookie_info .details .col5-3{
    line-height: inherit;
    hyphens: auto;
    padding-left: 5px;
  }
  #cookie_info .details .flex {
    display:block;
  }
  #cookie_info .details .flex .tiny{
    width:100%;
    padding-left:5px;
  }
  #cookie_info .details .flex .tiny:first-child{
    font-weight:bold;
  }
  #cookie_info{
    background-color: rgba(0, 0, 0, 0.5);
    /* display: block;
    justify-content: center;
    align-items: flex-start; */
    z-index:21;
    padding-top: 90px;
  }
  
  
}

@media all and (orientation: landscape) and (max-height:500px){
  #cookie_info{padding-top:0;}
  #header {position:relative;z-index:1;}
  
  #cookie_info ~ .page.fixed #mobile_bottom {
    z-index: 8;
  }
  .page {
      padding-top: 0px;
  }
  .info_layer, .info_layer .haa_title {
    top:0;
  } 
  #haa_changeText {
    top:40px;
  }
  
}  
@media all and (orientation: landscape) and (max-height:320px) {
  #cookie_info .cookie_info .scroll {
    max-height: 170px;
   }
}
@media all and (max-width:840px) and (max-height:100vw){
  .ajax-layer.bilder, .ajax-layer.bilder .title-bar{
    margin-top:0;
    top:2%;
    z-index:10;
  }
  .showImgLayer .ajax-layer.bilder .title-bar{
    top:0;
  }
  .ajax-layer.bilder .hotel-name{
     text-shadow:1px 1px 3px #000;
  }
  .ajax-layer.bilder .close-ajax-layer{
    background-color:rgba(0, 0, 0, 0.5);
    height:30px;
    width:30px;
  }
  .ajax-layer.bilder{
      height:calc(100% - 30px);
      width:100%;
      left:0;
      top:0;
  }
  .ajax-layer .big-slider span{
    height:calc(96vh - 105px);
    height:calc(100vh - 10px);
  }
  .showImgLayer .providers{
    margin-top:30px;
    top:2%;
    display:none;
  }
}
@media all and (max-width:1300px) {
  .rating.ttws, .rating .ttws {
   
    background:none;
    box-shadow:none;
  } 
  .hotels .offer_info .rating.ttws li {
     border:none;
     width:50%;
  }
  .offer_info .rating.ttws .recom  {
    max-width:75px;
    padding:5px 8px 3px 8px! important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  .hotels .offer_info .rating .rev,
  .hotels .offer_info .rating:not(.ttws) .label {
    display:none;
  }
}
@media all and (max-width:724px) {
  .hotels .offer_info .rating.ttws li {width:100%;}
  .hotels .offer_info .rating .aver{ 
      display:none;
   }
}