/* ==========================================================================
  	Non Desktop
   ========================================================================== */
@media (max-width: 1200px) {
	body .main#panel { margin-left: 0; }
	.default-page-content iframe { width: 100%; }
	.header-holder .back-to-overview {  padding: 35px 60px 15px; }
	.header-holder .page-header-content { margin: 90px 50px 0px; }
	.basics { margin-bottom: 10px; }
}

/* ==========================================================================
   Tablet Landscape
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1200px) {	
	.info{ padding-right: 0; }
	div.contact-form{ background-color: white; margin-top:0px; margin-left: 0px;}
	.rundreisen{ background-color:white;}
	html { margin-right: 0; box-shadow: none;}
	.main .basic-row{margin-left: 0; margin-right: 0;}
	.carousel .carousel-indicators{ right: 95px; top: 20px;}
	 .ellipse.call-to-action { height: auto; width: 45%; border-radius: 0;  border:none; padding: 25px 60px; bottom: 0;right: 0; max-width: 100%; }
	 .page-header-left-part { width: 55%; }
	 .basics .btn.btn-default { margin-bottom: 25px; }
	 .program-col  { margin-bottom: 15px; }
	 	.default-page-content, .single-hotel-content, .contact-form { padding: 39px 40px; }
}
/* ==========================================================================
   Tablet Portrait
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {
	
	div button.toggle-button {right: 0; top:0;}
	
	/*header*/
	.header-holder .page-header-left-part { width: 60%; }
	.header-holder	.page-header-container { background-size: cover; }
	.main .header-holder .page-header-left-part { width: 70%; }

	/*rundreisen*/
	.button-row.second .basics { display: block !important; text-align: center; } 
	.main .map { padding: 69px 15px; text-align: left; }
	.key-data {margin: 0px !important; width:initial;}
	.main .btn.btn-default.details { margin-top: 15px; margin-bottom: 52px; }
	.details span {margin-left: 5px; position: absolute; top: 35%;}
	.details  {padding-left: 10px !important;}
	.info{ padding-right: 0; }
	div.contact-form{ background-color: white; margin-top:0px; margin-left: 0px;}
	.rundreisen{ background-color:white;}		
	html { margin-right: 0; box-shadow: none;}
	div.map.overview {margin-left: 0; }
	.basic-row .basics.detail-button{ width:100%; margin-top:15px;}
	.main .basic-row{margin-left: 0; margin-right: 0; padding:  22px 20px 0 50px;}
	.carousel .carousel-indicators{ right: 60px; top:20px;}
	.button-row { margin: 20px 0 25px; }
	.contact-infos  { margin: 35px 0 25px; }
	
	.submenu{ width: 100% !important;}
	body .main .nav.nav-tabs { width: 100%; display: block; margin-top: 20px; margin-bottom: 20px; }
	body .main .nav.nav-tabs li {top: 0; width:100%; display: block;}
	.nav.nav-tabs li a{ padding: 9px 15px; } 
	body .main .nav.nav-tabs { top: 0; }
	.main .nav.nav-tabs li a{ padding: 9px 30px; }
	.description .btn.btn-default.details img {margin-right: 11.2%;}
	.program-col { margin-top: 15px; margin-bottom: 15px; }
	.program-col.notset  { display: none; }
	.default-page-content, .single-hotel-content, .contact-form { padding: 39px 40px; }
}
/* ==========================================================================
   Mobile Portrait
   ========================================================================== */
@media (max-width: 767px) {
	.rundreisen.detailview .row:first-child  .vertical-border.travel-detail { display: block; }
	.rundreisen.detailview .row:nth-last-child(3)  .vertical-border.travel-detail { display: none; }
	.row .vertical-border.travel-detail {margin-left: 50%;}
	.program-col { margin-top: 20px; }
	.contact-infos  { margin: 35px 0 25px; }
	.main h1 { font-size: 37px; }
	.main .default-page-content, .main .single-hotel-content { padding-left: 15px; padding-right: 15px; }
	.page-header-left-part { width: 100%; max-width: 100%; }
	.single-hotel .page-header-content, .single-travel .page-header-content, .holder .page-header-content   { margin: 0 15px !important; }
	.rectangle_right, .rectangle_content_right { display: none; }  
	.submenu{ width: 100% !important; }
	body .main .nav.nav-tabs li { width: 100%; display: block; } 
	body .main .nav.nav-tabs { top: 0; width:100%; display: block; margin-top: 20px; }
	.nav.nav-tabs li a{ padding: 9px 30px; }
	div.description{ margin:0; margin-bottom: 15px; } 
	a.btn.btn-default.details {width: 80%;max-width: 80%;margin-top:25px;}
	.basic-row a.btn btn-default, a.btn.btn-default.details { width: 80%; }
	btn.btn-default { width: 80%; }
	.tax-hotelregionen a.btn.btn-default.details img{ margin-right: 0; }
	body.single-travel .row .map {margin: 25px 0 35px; padding:0; text-align: center;}
	button.toggle-button {right:10px !important;} 
	div.page-header-content{ max-width: 85%; }
	div.blurred-header-image{display: none;}
	.basic-row {margin-left: 0; margin-right: 0;}
	div.basic-row{ height:56%; padding: 30px 15px;} 
	.detail-button{ padding:0; margin-top: 20px;} 
	.basics.detail-text img{ left:15px; margin-left: 0;}
	.basics.detail-text p{ margin-left: 30px;}
	.basics .divider{ width: 100%;}
	.basic-row div:nth-of-type(1) p {margin-left: 0px;}
	.basics-data .left{ padding-bottom: 0; padding-left:0; padding-right: 0;}
	.basics-data .right{ padding-left: 0; padding-right:0;}
	.basics-data{ margin-bottom: 30px;} 
	div#frm_field_106_container, div#frm_field_107_container{ margin-top: inherit; margin-bottom: 25px; } 
	.frm_style_formidable-style.with_frm_style button[type=submit] { margin-bottom: 35px; }
	.contact-infos{ margin-bottom:30px;}
	html { margin-right: 0; box-shadow: none;}
	.main.clearfix#panel{width: 100%;}
	div.detail.description{ margin-top: 15px; }
	div.map.overview{  margin: 20px 0 25px;}
	.main .rundreisen, .main .hotel { margin-top: 25px; margin-bottom: 45px; }	
	.rundreisen .key-data { margin-left: 0; }
	.home-container #home_slider .rectangle_left_bg { position: relative; }
	.home-container #home_slider .carousel-inner { position: absolute; top: 0; bottom: 0; }
	.home-container .carousel, .home-container .carousel-inner, .home-container .carousel-inner .item { height: auto; }
    .home-container .rectangle_left_bg, .home-container .rectangle_right_bg, .rectangle_left_bg .rectangle_content.rectangle_content_left, .rectangle_right_bg .rectangle_content.rectangle_content_right, .rectangle_content{ position: static;}
    .home-container .rectangle_left_bg .rectangle_content, 
    .home-container .rectangle_right_bg .rectangle_content{ -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); width: 100%;} 
    .home-container .rectangle_left_bg { width: 295px;top: 0;left: 0;z-index: 60; position: absolute; bottom: initial; }
    .ellipse.call-to-action {position: static;background: #419645;height: auto; width:100%; border-radius: 0;  border:none;padding: 25px 60px;bottom: 0;right: 0; left: 0;  max-width: 100%; }
    .home-container .rectangle_right_bg{height: initial;width: 100%; }
    .lastminute-text{ float: left;}
   	.main #home_slider { position: relative; }
    .pdf-btn.col-sm-3{ border-color: #499b4f; }
    .pdf-btn.pdf-all.col-sm-3{float:left; margin: 20px; margin-top: 8px;}
    .col-sm-12.contact-form { padding: 25px 15px; }
    .carousel .carousel-indicators{ right: 60px; z-index: 51;}
	.main .lastminute-bottom { margin: 25px 0 12px; }
	.lastminute-bottom .pdf-text { padding: 0;  } 
	.text-container { line-height: 60px; }
	.pdf-text { vertical-align: middle; display: inline-block; }
	.main .header-holder .page-header-left-part { width: 100%; }
	body .holder .blurred-header-image, body .holder .blurred-image, body .holder .page-header-container, body .holder .carousel-inner .item, body .holder .rectangle  { background-size: cover;  }
	.page-header-content h1 { margin-top: 0; }
	.main .header-holder .back-to-overview { padding: 33px 15px 13px; }
	.program-col.notset  { display: none; }
	.no-overview .page-header-content{ margin: 60px 15px 0px !important;  padding-left: 10px; }
	ul.navbar-nav { margin: 0; }
	
	.divider.reise-detail-divider.single-div { display: block; }
	
	/* invert welcome baner */
	.remove_blur.roboto.mobile.closed .open_txt, .remove_blur.roboto.mobile .closed_txt { display: block ; }
	.remove_blur.roboto.mobile .open_txt, .remove_blur.roboto.mobile.closed .closed_txt { display: none; }	
	.rectangle.rectangle_left .blurred-image.home.left.mobile { opacity: 0; transition: all 0.4s ease-in-out;}
	.blurred-image.home.left.closed { opacity: 1 !important; transition: all 0.1s ease-in-out;}
	
	.rectangle_left_bg.mobile { left: -270px; }
	.rectangle_left_bg.mobile.closed { left: 0; }

}

/* ==========================================================================
 	Navi fix
    ========================================================================== */
@media (max-height: 900px) and (min-width: 1200px) {
	
	.main#panel { width: calc(100% - 298px); }
}


/* ==========================================================================
	close blur fix
    ========================================================================== */
@media (max-width: 340px) {
	
	body.home .rectangle_left, body.home .rectangle_content_left , body.home .home-container .rectangle_left_bg { width: 270px; }
	body.home .remove_blur { bottom: 63px; }
	
}	


/* ==========================================================================
 	shadow fix
    ========================================================================== */
@media (min-width: 1998px) {

	#panel:after { content: ''; display: inline-block; box-shadow: inset 5px 0 70px rgba(0,0,0,.21); position: fixed; right: 0; top: -70px; bottom: -70px; right: 0; min-height: 150%; width: 100%; }
}	


/* ==========================================================================
	middle Desktop
   ========================================================================== */
@media (max-width: 1800px) and (min-width: 1600px) {
	.basics.detail-button .envelope { display: none; }
	.basics.detail-button .btn.btn-default span { margin-left: 0; }

}


/* ==========================================================================
 	home fix
    ========================================================================== */
@media (max-height: 815px)  {
	 body.home .ellipse.call-to-action { position: relative; background: #419645; height: 133px;  width: auto; border-radius: 0; border: none; padding: 25px 60px; z-index: 99; text-align: center; top: 0; bottom: 0; left: 0; right: 0;}
	 body.home .remove_blur { bottom: 173px; }
}		 


/* ==========================================================================
 	home fix
    ========================================================================== */
@media (max-height: 990px)  {
	.sidebar .btn.btn-default span { margin-left: 13px; }
}

/* ==========================================================================
 	button fix, page-header fix
    ========================================================================== */
@media (max-width: 1650px) and (min-width: 1200px) {
	.basic-row .basics.detail-button a.btn.btn-default span.envelope { display: inline-block; padding-bottom: 0px;}
	.basics.detail-button .btn.btn-default span{ display: none; }
	.basics.detail-button .btn.btn-default{ padding-left: 25px;}
	.header-holder .back-to-overview {  padding: 35px 60px 15px; }
	.btn.btn-default .envelope {}
}

/* ==========================================================================
 	page-header fix
    ========================================================================== */    
@media (max-width: 1300px) {
	.header-holder  .page-header-left-part { width: 59%;  }

}	

/* ==========================================================================
 	page-header fix
    ========================================================================== */    
@media (min-width: 1300px) and (max-width: 1500px) {
	.header-holder  .page-header-left-part { width: 55%;  }
}	
/* ==========================================================================
 	basic-row fix
    ========================================================================== */    
@media (max-width: 1199px) and (min-width: 992px){
	.button-row.second .basics { display: block !important; text-align: center; }
}

@media (min-width: 1650px){
	.single-travel .rundreisen .col-lg-3{ width:15%; }
	.summary-row .col-lg-push-4{ left: 23.33333333%; }
}
@media (min-width: 1200px) and (max-width: 1650px) {
	.basics.col-sm-3.detail-button { width: 10%; }
	.basics.col-lg-2.col-md-2.detail-text { width: 15.666667%; }
}
@media (min-width: 1651px) {
	.basics.col-lg-2.col-md-2.detail-text { width: 14.5%; }
}

@media (max-width: 1300px) and (min-width: 992px) {
	.basics.col-lg-2.col-md-3.detail-text.program-col { width: 20%; }
	.basic-row .basics.detail-button .btn.btn-default   { padding-left: 20px; padding-right: 20px; }
}