/*
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;}


.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; }

#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;}




/*  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; }
	.tab-content {background-color: rgba(255, 255, 255, 0.55) !important;}
}



@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; }
	
	.size100 {font-size: 60px;}	
	.featurette-divider2 {margin: 15px 0 25px 0;}
	.btn-rest-fs14 { font-size: 14px!important;}
	#content_von_buchenform_home {   padding-right: 1px!important;   padding-left: 1px!important; }
	.tab-content { background-color: #ffffff !important;}
}


@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;}
	.tabsInfo, .tabsInfo.active a {font-size: 14px;} 
	
	.size100 {font-size: 60px; font-weight: bold;}
	.size28 {font-size: 16px;}	
	.featurette-divider2 {margin: 15px 0 25px 0;}
	.clear-all { clear: both; min-height: 1px; }
	.selecHomeForm {width: 145px;}
	.tab-wrapper{ padding: 0; margin: 0;}
	.boxP5-form { padding: 0;}
	.front_tabs {margin-top: -190px !important;	}
	.tab-content { background-color: #ffffff !important;}
	#content_von_buchenform_home .tab-wrapper, #content_von_buchenform_home {	padding: 0px !important; }
	.tit_flug_auswahl { font-size: 14px;}
	.regis-info, .hg_form{ text-align: center; }
	.regis-info { margin: 0px 10px 0px 10px; font-size: 12px;}
	td.b_ges_preis  { text-align: right;}
	#div_id_weiter {text-align: center;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#div_id_weiter { top: 30px;}
	.div_hin_p, .div_ruk_p, .buch-regis-tabelle { width: 100%; }
	#buchen_aktion {display: block; }
	.lab-radio  { display: block; margin-bottom: 10px;}
	.size100  {font-size: 40px; font-weight: bold;}
	.size28   {font-size: 12px;}
	.tabsInfo {font-size: 16px;}
	.featurette-divider2 {margin: 5px 0 15px 0;}
	.clear-all { clear: both; min-height: 1px; }
	.b100p {display: block !important; width: 100% !important;}
	.b30p  {width: 30.3% !important;}
	.homeBinput {width: 100% !important;}
	.selecHomeForm {width: 90%;}
	.tab-wrapper{ padding: 0; margin: 0;}
	.boxP5-form { padding: 0;}
	.front_tabs {margin-top: -190px !important;	}
	.tab-content { background-color: #ffffff !important;}
	#content_von_buchenform_home .tab-wrapper, #content_von_buchenform_home {	padding: 0px !important; }
	.tit_flug_auswahl { font-size: 14px;}
	.regis-info, .hg_form{ text-align: center; }
	.regis-info { margin: 0px 10px 0px 10px; font-size: 12px;}
	td.b_ges_preis  { text-align: right;}
	#div_id_weiter {text-align: center;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
	#div_id_weiter { top: 30px;}
	
	.div_hin_p, .div_ruk_p, .buch-regis-tabelle { width: 100%; }
	
	.size100 {font-size: 24px; font-weight: bold;}	
	.size28, .tabsInfo {font-size: 12px;}
	.lab-radio  { display: block; margin-bottom: 10px;}
	.tabsInfo { display: none; }
	.featurette-divider2 {margin: 5px 0 10px 0;}
	.clear-all { clear: both; min-height: 1px; }	
	.b100p {display: block !important; width: 100% !important;}
	.b30p  {width: 30.3% !important;}
	.homeBinput {width: 100% !important;}
	.selecHomeForm {width: 90%;}
	.tab-wrapper{ padding: 0; margin: 0;}
	.boxP5-form { padding: 0;}
	.front_tabs {margin-top: -190px !important;	}
	.tab-content { background-color: #ffffff !important;}
	#content_von_buchenform_home .tab-wrapper, #content_von_buchenform_home {	padding: 0px !important; }
	.tit_flug_auswahl { font-size: 14px;}
	.regis-info, .hg_form{ text-align: center; }
	.regis-info { margin: 0px 10px 0px 10px; font-size: 12px;}
	td.b_ges_preis  { text-align: right;}
	#div_id_weiter {text-align: center;}
}