/* CSS Document */


p			{ line-height: 1.5; font-size: 16px; color: #000;}
p *			{ line-height: 1.5; font-size: 16px; color: #000;}

main 		{ padding: 0px 15px; }

h1			{ color: #000; font-size: 28px; margin: 40px 0px 0px 0px; }
h1 *		{ color: inherit; font-size: inherit; }
h1.step		{  margin: 40px 0px 40px 0px; }

h2			{ color: #000; }

h2 .em-sunglasses	{ height: 1.1em; width: 1.1em; margin-top: -5px; }

.text_center		{ text-align: center; }

pre					{ height: 150px;}

.fa 				{ font-family: 'FontAwesome'; }

label				{ padding: 0px }
label .placeholder	{ left: 0px; }

hr					{ background-color: #fff; border: none; height: 10px; -webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); }

div.message  { font-size: 16px; }


.booking_steps 			{ display: flex; height: 8px; border-bottom: 1px solid #e61c58; max-width: 940px; margin: 0px auto; }
.booking_steps div		{ border-right: 1px solid #e61c58; flex-grow: 1; flex-basis: 0; background-color: #fff; }
.booking_steps div:last-child	{ border-right: none; }
.booking_steps div.active	{ background-color: #e61c58; border: none; }

.switch div:first-child	 	{ border-right: 1px solid #e61c58 }
.popout .switch div			{ position: relative; }
.switch div.active::before 	{ content: ""; position: absolute; left: 1px; top: 8px;  font-family: 'FontAwesome'; font-size: 12px; line-height: 0px; }
.popout .switch div:not(.active) { color: #000; }

.green_check					{ margin: 40px auto; text-align: center; }
.green_check::before 			{ content: ""; font-size: 30px;  font-family: 'FontAwesome'; color: #2ccc55; }


.grey_check						{ margin: 40px auto; text-align: center; }
.grey_check::before 			{ content: ""; font-size: 30px;  font-family: 'FontAwesome'; color: rbg(179,179,179); }




#schueler_table					{ max-width: 100%; width: 100%; }
#schueler_table * 					{ font-family: "DIN Next W01 Light"; font-size: 24px; line-height: 30px !important; }
#schueler_table tr td				{ height: 60px; text-transform: uppercase; color: #000; }
#schueler_table tr td:first-child 	{ width: 30px; }

.weiter, .back				{ font-size: 18px !important; height: 50px !important; text-align: center; }

.btn_pink.back				{ width: 50%; float: left; padding: 10px 20px;  margin-top: 20px;  line-height: 18px;  padding-top: 17px; background-color: #fff; color: #000; border: 1px solid #e61c58 }
button.btn_pink.weiter		{ width: 50%; float: right; }



.switch.full_width	{ width: 100%; }
.switch.full_width div	{ width: 100%; }

.unterkunft			{ padding: 5px 10px 5px 15px !important; margin-bottom: 10px; -webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); }
.unterkunft *		{ text-align: left; }
.unterkunft .small	{ font-size: 13px; float: left; text-transform: none }
.unterkunft .fa		{ float: right; }
.unterkunft b		{ font-size: 17px; float: left; }
.unterkunft b.preis	{ float: right; }
.unterkunft:not(.active) span { color: #000; }
.unterkunft:not(.active) b { color: #000; }
.unterkunft:not(.active) span.fa { color: #e61c58; }


.auswahlbox					{ position: relative; -webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); background-color: #fff;  margin-bottom: 20px;  }
.auswahlbox.active::before 	{ content: ""; position: absolute; left: 10px; top: 15px;  font-family: 'FontAwesome'; font-size: 24px; line-height: 0px; color: #fff;    z-index: 10; }
.auswahlbox b			{ font-size: 20px; line-height: 24px; color: #000; text-transform: uppercase; margin-bottom: 15px; }
.auswahlbox.active .padding b:first-child::after	{ content: "(ausgewählt)"; font-size: 12px; float: none; width: auto; margin-left: 10px; }
.auswahlbox .padding	{ padding: 10px; }
.auswahlbox .btn_pink	{  text-align: center; background-color: #fff; color: #000 !important; border: 1px solid #e61c58; }
.auswahlbox.ort	b		{ margin-bottom: 0px; margin-top: 10px; }

.auswahlbox.active		{ background-color: #e61c58; }
.auswahlbox.active *	{ color: #fff; }

.auswahlbox .btn_pink span.inactive					{ display: block;color: #000 !important; }
.auswahlbox .btn_pink span.active					{ display: none; color: #000 !important;}
.auswahlbox.active .btn_pink span.inactive			{ display: none; color: #000 !important;}
.auswahlbox.active .btn_pink span.active			{ display: block; color: #000 !important; }


.overview				{ width: 100%; }
.overview td			{ font-size: 16px; line-height: 26px; color: #000; padding-bottom: 10px; }

.overview.rechnung tr td:last-child	{ width: 30%; text-align: right; }
.overview tr td:last-child			{ width: 60%; text-align: right; }


.notification_wrapper_no_anim			{ position: fixed; width: 90%; max-width: 400px; background-color: #fff; z-index: 35; left: 0px; right: -200%; margin: auto; top: 70px; padding: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; z-index: 1000; }

.notification_wrapper_no_anim div		{ position: relative; width: 100%; border: 1px dashed #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 16px; line-height: 20px;  font-family:"Bauer Bodoni Pro_1 W01 Italic"; text-align: left; color: #000; padding-top: 20px; padding-bottom: 20px; }

.notification_wrapper_no_anim div img	{ float: left; margin-right: 20px; margin-left: 20px; }


.checkout								{ z-index: 5; position: relative; margin-bottom: 50px; padding-right: 30px !important; text-align: right !important; line-height: 21px; font-size: 18px !important; height: 60px !important; padding-left: 0px !important; width: 100% !important; }



.reisebestaetigung				{ position: relative; padding: 20px;  -webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); background-color: #fff; font-size: 16px; line-height: 1.3; height: 120px; overflow: hidden; margin-bottom: 50px; }
.reisebestaetigung .btn_pink				{  text-align: center;border: 1px solid #e61c58;margin-bottom: 30px; margin-top: 30px }
.reisebestaetigung .btn_pink:not(.active)	{  text-align: center; background-color: #fff; color: #000 !important; border: 1px solid #e61c58;  }



.ausklapp_btn					{ position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; right: 0px; bottom: -30px; background-color: #e61c58; color: #fff; font-size: 34px; line-height: 1.4; font-weight: normal;  font-family: 'FontAwesome'; text-align: center; z-index: 10; cursor: pointer }


.checkout.disabled {
    background: #dddddd; color: #666;
}


#btn							{ position: relative; }
#showcode						{ position: relative; height: 40px; display: block; border: 1px solid #e61c58; font-family: "DIN Next W01 Light"; color: #e61c58; font-size: 14px; line-height: 1.3; padding-left: 10px; padding-top: 12px; overflow: hidden; word-break: break-all }
.cop_btn						{ position: absolute; top: 0px; right: 0px; height: 40px; font-size: 24px; line-height: 1.3; z-index: 10;}

.whatsapp					{ display: block; height: 50px; background-color: rgb(39,212,104); text-align: center; width: 30%; padding-top: 8px; margin: 0px 1.5%; }
.whatsapp i					{ color: #fff; font-size: 34px; font-weight: normal; }

.messenger					{ display: block; height: 50px; background-color: rgb(56,151,240); text-align: center; width: 30%; padding-top: 8px; margin: 0px 1.5%; }
.messenger i				{ color: #fff; font-size: 34px; font-weight: normal; }


.email						{ display: block; height: 50px; background-color: rgb(0,0,0); text-align: center; width: 30%; padding-top: 8px; margin: 0px 1%; }
.email i					{ color: #fff; font-size: 34px; font-weight: normal; }

.inline-placement			{ display: inline; }
.head-text-divider			{ margin-top: 15px; }

/* MEIN KONTO */

.shadow_boxes		{ webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); background-color: #fff;}

.buchungsverlauf, .padding_sides		{ padding: 0px 15px; }
.verlauf_box				{ position: relative; -webkit-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); -moz-box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.66); background-color: #fff;  margin-bottom: 20px; padding: 10px; padding-right: 15px;  }

.verlauf_box p				{ padding-left: 45px; line-height: 1.7; }
.verlauf_box p a			{ text-decoration: underline; color: #e61c58; }

.verlauf_box .verlauf_box p 		{ padding-left: 10px; }
.verlauf_box .verlauf_box p strong 	{ float: left; }
.verlauf_box .verlauf_box p span 	{ float: right; }

.verlauf_box:not(.inactive) .check_mark::before { content: ""; font-size: 30px; line-height: 30px;  font-family: 'FontAwesome'; color: #2ccc55; }
.verlauf_box.active .check_mark::before { content: ""; font-size: 30px; line-height: 30px;  font-family: 'FontAwesome'; color: #2ccc55; }

.verlauf_box.inactive .check_mark::before { content: ""; font-size: 30px; line-height: 30px;  font-family: 'FontAwesome'; color: rgb(179,179,179); }
.verlauf_box.inactive p					{ color: rgb(179,179,179); }
.verlauf_box.inactive p *				{ color: rgb(179,179,179); }


.upload::before 						{ content: ""; font-size: 30px; line-height: 30px;  font-family: 'FontAwesome'; color:#000; }

a.pink									{ text-decoration: underline; color: #e61c58; }
.pink									{ color: #e61c58; }

.bx-controls 							{ display: none; }
.angaben	.bx-controls 				{ display: block; }
.angaben	.bx-controls .bx-controls-direction{ display: none; }

.angaben .bx-pager.bx-default-pager a	 { background: #000; }
.angaben .bx-pager						{ bottom: -10px; }


.btn_pink.text_center					{ font-size: 24px; line-height: 1.9; text-transform: uppercase; padding: 5px; margin: 10px auto; }

.angaben .text strong					{ display: block; margin-top: 10px; font-size: 16px; }

#ev_upload								{ display: none; }
#trigger_ev_upload						{ cursor: pointer; }

.btn_buchen 							{ bottom: 0px; width: 100%; text-align: center; background-color: #fff; color: #000; font-family: 'DIN Next W01 Light' !important; border: 1px solid #e61c58; }




.upgrade_1::before 	{ content: ""; position: absolute; left: 10px; top: 15px;  font-family: 'FontAwesome'; font-size: 24px; line-height: 0px; color: #fff;    z-index: 10; }

.upgrade_1		{ background-color: #e61c58; }
.upgrade_1 .text	{ background-color: #e61c58; }
.upgrade_1 .text *	{ color: #fff; }



#buchung_absenden						{ width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e61c58+0,233ceb+50,e61c58+100 */
background: #e61c58; /* Old browsers */
background: -moz-linear-gradient(left, #e61c58 0%, #233ceb 50%, #e61c58 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e61c58 0%,#233ceb 50%,#e61c58 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e61c58 0%,#233ceb 50%,#e61c58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61c58', endColorstr='#e61c58',GradientType=1 ); /* IE6-9 */ color: #fff;  font-family:"DIN Next LT W01 Heavy" }

.mitreisende tr:first-child				{ border-top: 1px solid rgb(204,204,204); }
.mitreisende tr 						{ border-bottom: 1px solid rgb(204,204,204); }
.mitreisende tr td:first-child			{ padding-left: 15px; width: 50px !important;  }

.mitreisende tr td						{ padding-top: 20px; padding-bottom: 20px; }


.mitreisende .titel						{ font-family:"DIN Next LT W01 Heavy"; font-size: 24px; line-height: 24px; text-transform: uppercase; background-image: url(../images/navi_arrow.png); background-repeat: no-repeat; background-position: center right 20px; cursor: pointer; }

.mitreisende .titel.active				{ background-image: url(../images/navi_arrow_active.png); }

.more_infos_trigger td .ausklapp_text	{ visibility: hidden; display: block; height: 0px; padding: 0px !important; width: 100%; margin-left: -25px; overflow: hidden; }
.more_infos_trigger td .ausklapp_text.active	{ visibility: visible; height: auto; overflow: visible }
.more_infos_trigger td .ausklapp_text b	{ font-family:"DIN Next LT W01 Heavy" !important; margin-bottom: 10px; margin-top: 20px; }
.more_infos_trigger td .ausklapp_text strong { font-family:"DIN Next LT W01 Heavy" !important; }


.autocomplete-suggestion				{line-height: 1.3;
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}
.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    font-size: 13px;
    width: auto !important;
}


#schueler_table .buchungsverlauf .verlauf_box  p	{ font-size: 20px;  line-height: 24px !important; }
#schueler_table .buchungsverlauf .verlauf_box  p *	{ font-size: 20px;  line-height: 24px !important; }

.invisible { display: none; }

.rabatt_form { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 20px; background-color: #eee; }
button.check_code { margin-left: 0px; margin-top: 10px; display: inline-block; position: relative; padding: 10px 40px; }
.rabatt_code_table { margin-bottom: 20px; width: 100%; margin-left: auto; margin-right: 0px;}
.rabatt_code_table td {width: auto !important; }
.rabatt_code_table .placeholder { display: none; }
.rabatt_code_table input { margin-top: 0px; width: 100%; max-width: 320px; display: inline-block;
}



.lds-ring {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 9px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  margin: 2px;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rabatt_code_table tr, .rabatt_code_table td { display: block;}

.choose_booking { display: flex; flex-direction: column; }
.booking_box.first {margin-bottom: 50px; border-bottom: 1px solid #ccc;}
.booking_box { width: 100%; text-align: center; padding: 10px  }


@media screen and (min-width: 375px) {

.weiter, .back				{ font-size: 24px !important; height: 50px !important; text-align: center; }
	.unterkunft .small	{ font-size: 13px; }
	.unterkunft b		{ font-size: 20px; }

	.checkout								{ z-index: 5; position: relative; margin-bottom: 50px; text-align: left; line-height: 21px; font-size: 20px !important; height: 60px !important; }

	#showcode						{ font-size: 16px; padding-top: 10px; }
	h1			{ color: #000; font-size: 34px; margin: 40px 0px 0px 0px; }
}


@media screen and (min-width: 435px) {
	p			{ line-height: 1.5; font-size: 20px; color: #000;}
	p *			{ line-height: 1.5; font-size: 20px; color: #000;}

	#showcode						{ font-size: 24px;  padding-top: 6px;}
	.whatsapp,
	.messenger,
	.email					{ height: 100px; padding: 30px; }


	.checkout				{ width: 50% !important; }

	#schueler_table .buchungsverlauf .verlauf_box  p	{ font-size: 24px;  line-height: 30px !important; }
}

@media screen and (min-width: 835px) {
  .choose_booking { display: flex; flex-direction: row; }
.booking_box.first {   border-right: 1px solid #ccc; border-bottom: none; }
.booking_box { width: 50%; text-align: center; padding: 10px 40px;    }
}



.slick-dots     { bottom: 20px;}
.slick-arrow    { display: none !important; }

.slick-dots li  { background: #000;}

.slick-slider   { position: relative; padding-bottom: 45px !important; }