/*
BEI TABELEN in einem DIV einfügen und: 
<div style="overflow-x:auto;"> eintragen
Damit die tabellen auch RESPONSIVE angepasst werden.

GEMIENSAME STYLE für PUBLIK & Booking
*/

#DATUM_HIN_input, #DATUM_RUK_input, .flatpickr-input { border: 1px solid #b2b2b2; height: 32px; line-height: 32px; font-weight: bold; padding: 0 10px 0 10px; font-size: 13px;
min-width: 105px;
}


.div_hin_p, .div_ruk_p {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		z-index: 99999;
}

.buch-regis-tabelle { width: 700px; }

/*  RESPONSIVE DIVS BEIDE VERSIONEN - PUBl. & Intern, beim BUCHEN SCHRITTE: ########################### */

@media (min-width:1200px)
{
	.gesamtPreis { left: 250px;}
	#div_id_weiter { top: -50px; left: -10px;}
	.ler-vor-form { height: 135px; }
	.lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; }
	.div_hin_p, .div_ruk_p { width: 45%; float: left; }
	#div_buchen{ margin: 0px auto 35px auto; }
	.btn-rest-fs14  { font-size: 14px!important; }

	/* externe Styles */
	.banner-with-form .js_frm_subscribe{ top: 43%; }
	.home {min-width: 150px;}
	button.publik_button:hover, .btn-theme:hover,button.publik_button, .btn-theme, .btn-theme a { margin-top: 20px; }
	.main-slider-1 .form-control { max-width: 140px;}
	
}



@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.gesamtPreis { left: 250px;}
	#div_id_weiter { top: -50px; left: -10px;}
	.ler-vor-form { height: 235px; }
	.lab-radio_inaktiv, .lab-radio_aktiv { font-size: 18px; }
	.clear-all { clear: both; min-height: 1px; }
	.div_hin_p, .div_ruk_p { width: 45%; float: left; }
	#div_buchen{ margin: 0px auto 75px auto; }
	.btn-rest-fs14 { font-size: 14px!important;}
	#content_von_buchenform_home {   padding-right: 1px!important;   padding-left: 1px!important; }

		/* externe Styles */
		.banner-with-form .js_frm_subscribe{ top: 20%; }
		.home {min-width: 150px;}

		.reis-felder-beschr span { display: none;}
		.main-slider-1 .form-control { max-width: 110px;}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.ler-vor-form { height: 80px; }
	#div_id_weiter { top: 30px;}
	.lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; }
	
	.div_hin_p, .div_ruk_p { width: 80%; }
	
	#div_buchen{ margin: 0px auto 5px auto; }
	
	#buchen_aktion a { display: inline; }
	.lab-radio  { display: block; margin-bottom: 10px;}
	.btn-rest-fs14  { font-size: 12px!important;}
	#content_von_buchenform_home {   padding-right: 1px!important;   padding-left: 1px!important; }
	.clear-all { clear: both; min-height: 1px; }
	select,.select,option { min-width: 75px;}

	.div_hin_p, .div_ruk_p { padding-right:5px; padding-left: 5px;}
	.home {min-width: 140px;}
	.main-slider-1 .form-control { max-width: 110px;}
	.reis-felder-beschr span { display: none;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.lab-radio  { display: block; margin-bottom: 10px;}
	.div_hin_p, .div_ruk_p, .buch-regis-tabelle { width: 100%; }
	#buchen_aktion {display: block; }
	.btn-rest-fs14  { font-size: 12px!important;}
	#content_von_buchenform_home {   padding-right: 1px!important;   padding-left: 1px!important; }
	.clear-all { clear: both; min-height: 1px; }
	select,.select,option { min-width: 75px;}
	.div_hin_p, .div_ruk_p { padding-right:5px; padding-left: 5px;}
	.main-slider-1 .form-control { max-width: 110px;}
	.reis-felder-beschr span { display: none;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
	.lab-radio  { display: block; margin-bottom: 10px;}
	.div_hin_p, .div_ruk_p, .buch-regis-tabelle { width: 100%; }
	.btn-rest-fs14  { font-size: 14px!important;}
	#content_von_buchenform_home {   padding-right: 1px!important;   padding-left: 1px!important; }
	.clear-all { clear: both; min-height: 1px; }
	.div_hin_p, .div_ruk_p { padding-right:5px; padding-left: 5px;}
	.main-slider-1 .form-control { max-width: 110px;}
	.reis-felder-beschr span { display: none; }
}

#LADE_STATUS {
  border-right: 10px solid #bababa;
  border-bottom: 3px solid transparent;
  border-radius: 100%;
  transition: background 1s;
  background: rgba(186,186,186,0.2);
  -webkit-animation: spin 0.9s linear infinite;
  -moz-animation: spin 0.9s linear infinite;
  -o-animation: spin 0.9s linear infinite;
  animation: spin 0.9s linear infinite;
}

.btnKl 		 { border-radius: 4px; background:  #006691;}
.btnKl:hover { border-radius: 15px; background: #009cdd;}
.btnKl, .btnKl:hover {  color: #ffffff; padding: 5px!important; border: none!important; -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out; }

.gutschein-btn { max-width: 100px; }
.gutschein-inp { font-size:20px;  color: #006691; max-width: 150px; }
.tr-gutschein  { vertical-align: text-top;}
#gutschein_container p {color: #999999;}
#gutschein_ergebnis, .tr-gutschein {color: #006691; font-weight: bold;}
#gutschein_ergebnis p { color: #006691;  font-weight: bold; margin-bottom: 5px; }
span.ico-date-next i {font-size: 24px!important;}
.zwischenstation_nicht_gefunden { opacity: 0.6; }
.tip-text b {margin: 2px 7px 1px 7px; }
td.company_name   { color: #003399;}