/*  wohn  */
@charset "utf-8";
/* CSS Document */

html, body {
	
}

/* ----------------------- Found Global DIVs------------------------------------*/

.angebot_list_active {
	width: 100%;
	margin: 0 0 1% 0;
}
		
/* ----------------------- Found inner DIVs------------------------------------*/		
.angebot_list {
	width: 100%;
	border: 0.11em #909090 solid;
	margin: 0 auto 10px;
	cursor: pointer;
	background-color: #FFFFFF;
}

.angebot_hotelname_list {
	width: 82%;
	float: left;
	color: #0080c8;
	text-align: left;
	background-color: #9ae8ff;
}

.angebot_container_list {
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
.angebot_hotel_text_list {
	font-size: 1em;
	padding: 0.3em;
	text-align: left;
	text-align: justify;
	display: block;
	overflow: hidden;
	min-height: 134px;
	background-color: #FFFFFF;
	height: 1em;
}
.LongDescription {
	white-space: pre-line;
	display: flow-root;
}
.angebot_hotel_text_list p, .LongDescription p {
	margin: -2px 0 -23px;
}
.angebot_kind_list .mehr {
	display: inline-block;
	padding: 2px 8px 3px;
	margin: 0 0 0 0.5em;
}
.angebot_kind_list {
	text-align: center;
	color: #0080c8;
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	background-color: #E4E4E4;
}
/*.angebot_kind_list:before {
	background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.5));
	content: "";
	height: 72px;
	left: 0;
	position: absolute;
	right: 0;
	top: -72px;
}*/
.angebot_bild_list {
	float: left;
	width: 165px;
	background-color: #FFFFFF;
}
.angebot_bild_list img {
	width: 100px;
	display: block;
}
.angebot_person_list {
	color:#0080c8;
	font-size:1em;
	font-weight:bold;
	background-color: #BBBBBB;
}
.angebot_preis_list {
	float: right;
	width: 18%;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color: #0080c8;
}
.angebot_board {
	float: right;
	width: 8%;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color: #09aae7;
}
.preis_alt {
	padding-left:20px;
	font-size:0.8em;
	text-decoration: line-through;
	color:#C3F8FF;
}
.angebot_all_list {
	clear: both;
	background-color: #FFFFFF;
}

#text-to-find {
	width: 80%;
}

/* Responsive layout */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
	
.angebot_list, .angebot_list_active {
	width: 100%;
	}
		
}
@media only screen and (max-width: 744px) {
	#text-to-find {
		width: 70%;
	}
}

@media only screen and (max-width: 378px) {
	.angebot_hotel_text_list {
		width: 355px;
	}
}
@media only screen and (max-width: 358px) {
	.angebot_hotel_text_list {
		width: 315px;
	}
}

@media only screen and (max-width: 600px) {

	.angebot_list {
		width: 100%;
	}
		
	.angebot_hotel_text_list {
		/*display:none;*/
	}
		
	.angebot_list, .angebot_hotelname_list, .angebot_container_list, .angebot_bild_list, .angebot_all_list, .angebot_pitanie_list, .angebot_kind_list {
		width: 100%;
		clear: both;
	}
	.angebot_preis_list div {
		padding: 0;
		text-align: center !important;
	}
	.angebot_preis_list, .angebot_board {
		width: 50%;
	}
		
	.angebot_bild_list img {
		width: 100%;
		height: 350px;
		clear: both;
	}
}

/* ----------------------- found_auswahl------------------------------------*/
.found_auswahl {
	width:98%;
	/*border: 0.11em #909090 solid;*/
	margin: 0 auto;
	background-color:#FFFFFF;
}
/* Create three unequal columns that floats next to each other */
.found {
	float: left;
	padding: 10px;
}

/* Left and right column */
.found.angebot_form_transfer {
	width: 100%;
	text-align:left;
	font-size:0.8em;
	color:#0080c8;
	background-color: #FFFFFF;
}
.found.angebot_form_order {
	width: 60%;
	font-size:0.8em;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#454545;
}
/* Middle column */
.found.angebot_form_found {
	width: 100%;
	background-color:#cccccc;
}
.found.angebot_form_hotelinfo {
	width: 40%;
	text-align:center;
	font-weight: bold;
	text-decoration: underline;
	font-size:0.8em;
	color: #FFFFFF;
	background-color:#8E8E8E;
}
.angebot_typ {
	text-align:left;
	color:#0080c8;
	font-size:0.8em;
	
}

.flug_hin {
	width: 50%;
	float: left;
	text-align:left;
	color:#0080c8;
	
}

.flug_ruck {
	width: 50%;
	float: left;
	text-align:left;
	color:#0080c8;
	
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.row_vor {
	text-align: right;
	vertical-align: top;
}

.row_vor input, .row_vor select {
	margin: 6px 0 0 0;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media only screen and (min-width: 600px) and (max-width: 1000px) {
	.found.angebot_form_found {
		width: 100%;
	}
	.found.angebot_form_transfer {
		width: 100%;
	}
	.close_btn {
		font-size: 1.5em;
	}
	.oferta {
		margin: 2px 0 1px !important;
		float: none !important;
		display: block;
		text-align: right;
	}
}
@media only screen and (max-width: 1100px) {
	.preis_alt {
		padding: 0.1em 0 0.199em;
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	.found.angebot_form_transfer, .found.angebot_form_found, .found.angebot_form_order, .found.angebot_form_hotelinfo, .found.angebot_form_next, .flug_ruck, .flug_hin {
		width: 100%;
	}
	.row_vor {
		display: inline-block;
	}
	.alternative {
		width: auto;
		display: block;
		float: none !important;
		margin: 0.65em -0.65em -0.65em;
		border-radius: 0 !important;
	}
	.oferta {
		float: none !important;
		display: block;
		width: auto;
		margin: 0.55em -0.65em -0.65em !important;
		padding: 2px 0;
	}
	.oferta1 {
		border-radius: initial;
	}
	.oferta2 {
		border-radius: initial;
	}
	#expand {
		margin: 3px 0 12px 0;
	}
}

/* Style inputs, select elements and textareas */
.found_form {
	float: left;
	text-align: left;
	display: block;
	padding-bottom: 1em;}
	
.tableHotelRooms input, .tableHotelRooms select {
	/*width: 30%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	margin:0.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	width: 88px;
}

/* Style the submit button */
.found_auswahl_submit, .more_buttons {
	background-color: #0080c8;
	color: white;
	font-weight: bold;
	padding: 12px 20px;
	border: none;
	/*border: 1px solid #ddd;*/
	border-radius: 4px;
	cursor: pointer;
}
.found_auswahl_submit:hover, .more_buttons:hover {
	background-color: #fff;
	color: #0080c8;
}
@media only screen and (max-width: 1300px) {
	.found_auswahl_submit {
		padding: 12px 6px;
		width: 105px !important;
	}
}

.close_btn {
	background-color: #0080c8;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	padding: 7px 0px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	float:right;
	width: 10%;
	margin:0.3em 0 0 0;
}  

/*---------------------- The Modal -----------------------------------*/ 
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){
		.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{-webkit-transform:none;transform:none}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){
		.modal-dialog{max-width:93%;margin:1.75rem auto}
		.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
		.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
		.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
		.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}
		.modal-sm{max-width:300px}
}
@media (min-width:992px){
		.modal-lg,.modal-xl{max-width:800px
		}
		
}
@media (min-width:1200px){
		.modal-xl{max-width:1140px}
}

		
 















.oferta {
	font-size: 14px;
	color: #ffffff;
	margin: 1px 0;
	float: right;
}

.oferta1 {
	/*background: #b1472f;*/
	padding: 2px 6px;
	border-radius: 3px 0 0 3px;
	color: #00861a;
}

.oferta2 {
	/*background: #059825;*/
	padding: 2px 6px 2px 2px;
	font-weight: bold;
	border-radius: 0 3px 3px 0;
	color: #00861a;
}

.alternative {
	font-size: 12px;
	color: #ffffff;
	float: right;
	background: #8a2020;
	padding: 3px 4px;
	border-radius: 3px;
	cursor: pointer;
}

.tableHotelRooms {
	width: 100%;
}

td .select350 {
	/*width: calc(100% - 91px);*/
}

span .input_price_update, .update_pricetitel {
	background: none;
	font-size: 1em;
	padding: 0;
	width: auto;
	margin: 0;
	border: none;
	font-weight: bold;
	text-align: right;
}

.price_update {
	font-weight: bold;
	font-size: 1.5em;
	margin-left: -12px;
}

.update_td {
	/*width: 33%;*/
}

.angebot_form_transfer {
	padding: 0;
}

.table_class {
	width: 100%;
}

.agetext_update {
	display: none;
}








/* FLUG */

	.tableFlug {
		margin: 0;
		width: 100%;
		border-spacing: 0;
	}

	.tableOneFlug {
		margin: 0;
		padding: 0;
		border-spacing: 0;
		width: 100%;
	}

	.tableOneFlug td {
		padding: 3px;
	}

	.trFlug {
		margin: 0;
		padding: 3px;
		border-bottom: 1px dashed #2a56a3;
		vertical-align: top;
	}

	.flugtitle, .flugdaten {
		font-size: 12px;
		vertical-align: top;
		text-decoration: underline;
	}

	.flugdaten {
		text-decoration: none;
	}

	.tableFlugHead {
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		padding-left: 2em;
	}

	.diffprice {
		color: #fc7802;
		font-weight: bold;
	}

	.hideblock {
		display: none;
	}

	.showblock {
		display: block;
	}

	.showrow {
		display: table-row;
	}

	.aktivColor {
		background-color: #f4fbff;
	}

	.flugtext {
		font-size: 90%;
		margin: 0.3em 2em 0em 2em;
	}

	.textlink {
		font-weight: bold;
		text-decoration: underline;
		text-align: center;
	}

	.allflugs_in_win {
		height: 320px;
		overflow: auto;
	}

	.flugtext {
		font-size: 12px;
		vertical-align: top;
		text-align: center;
		text-decoration: underline;
		padding: 5px 0 8px;
	}


/* ZUG */

	.offers {
		height: 300px;
		overflow: auto;
	}

	.font80 {
		font-size: 80%;
	}

	.td_result {
		padding: 0.5em;
		font-size: 80%;
	}

	.tt_result {
		padding: 0.3em;
		vertical-align: top;
	}

	.detail {
		padding: 0.1em 1em;
	}


.angebot_preis_list div {
	padding-left: 1.5em !important;
	text-align: left;
}

.wr {
	text-align: left;
	padding: 9px 0 0 5px;
}

.wl {
	text-align: right;
	padding: 15px 0 0 0;
}

.nameh {
	font-size: 2em;
}

#myslider_div {
	float: right;
	position: relative;
}
#myslider {
	width: 312px;
	height: 312px;
}
.mysliderimg {
	width: 312px;
	height: 312px;
	cursor: zoom-in;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
}
.slide-button {
	background: #53525299;
	padding: 0.2em 0.5em 0.31em 0.6em;
	border-radius: 34px;
	position: absolute;
	top: 43%;
	z-index: 222;
	font-size: 1.3em;
	font-weight: bold;
	color: white;
	font-family: sans-serif;
}
#prev-button {
	left: -17px;
}
#next-button {
	right: -17px;
}
@media (max-width:705px) {
	#myslider_div {
		display: none;
	}
}
@media (max-width:750px) {
	#myslider {
		width: 252px;
	}
}

.conditions {
	white-space: pre-wrap;
	margin: 1em 0 0;
	padding: 3%;
	width: 98%;
	display: inline-block;
	background: #fffad5;
	font-family: Andale Mono, Menlo, Monaco, Courier New, lucida console, monospace;
}
.conditions_shadow {
	width: 95%;
	height: 1.2rem;
	background-origin: border-box;
	background-repeat: no-repeat;
	background: rgb(255 255 255 / 0%);
	background: -moz-linear-gradient(2.5deg, rgba(255,255,255,0) 41%, rgba(192,192,192,0) 48%, rgba(108,108,108,1) 100%);
	background: -webkit-linear-gradient(2.5deg, rgba(255,255,255,0) 41%, rgba(192,192,192,0) 48%, rgba(108,108,108,1) 100%);
	background: linear-gradient(2.5deg, rgba(255,255,255,0) 41%, rgba(192,192,192,0) 48%, rgba(108,108,108,1) 100%);
}

.blockhotel ul {
	padding-left: 25px;
}


/* form_update */

	.update_zz {
		grid-area: update_zz;
		justify-self: start;
	}
	.update_yy {
		grid-area: update_yy;
		text-align: left;
	}
	.update_xx {
		grid-area: update_xx;
		text-align: right;
	}
	.update_ww {
		grid-area: update_ww;
		align-self: center;
	}
	.update_grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 10px;
	}
	.update_grid_second_row {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 10px;
		grid-template-areas: 
		". . update_zz update_zz update_zz";
		margin-top: 10px;
	}
	.update_grid_third_row {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 10px;
		grid-template-areas: 
		". update_yy update_yy update_yy update_ww";
		margin-top: 10px;
	}
	.update_grid_third_row_f {
		text-align: right;
		align-self: center;
	}
	.update_grid_forth_row {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 10px;
		grid-template-areas: 
		". . update_xx update_xx update_xx";
		margin-top: 10px;
	}
	.update_grid_forth_row div {
		align-self: center;
		white-space: nowrap;
	}
	@media only screen and (max-width: 930px) {
		.update_grid {
			grid-template-columns: repeat(3, 1fr);
		}
		.update_grid_third_row {
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas: ". update_ww" "update_yy update_yy";
		}
		.update_grid_third_row_f {
			text-align: right;
		}
		.update_ww {
			text-align: left;
		}
	}
	@media only screen and (max-width: 600px) {
		.update_grid {
			grid-template-columns: repeat(5, 1fr);
		}
	}
	@media only screen and (max-width: 549px) {
		.update_grid {
			grid-template-columns: repeat(4, 1fr);
		}
	}
	@media only screen and (max-width: 470px) {
		.update_grid {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media only screen and (max-width: 356px) {
		.update_grid {
			grid-template-columns: repeat(2, 1fr);
		}
		.erki {
			min-width: 77px !important;
		}
	}
	.update_column select, .update_column input {
		width: 100% !important;
	}
	.update_column {
		white-space: nowrap;
	}