/* separate Schriftfarbe f?r ?berschriften */

.page-title {
	color:				#231f20;
	margin-left:		15px;
}

/*aus MDT Standart css*/

@font-face {
	font-family: 'nowayregular';
    src: url('/mdtweb/fonts/noway-regular-webfont.eot');
    src: url('/mdtweb/fonts/noway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/mdtweb/fonts/noway-regular-webfont.woff2') format('woff2'),
         url('/mdtweb/fonts/noway-regular-webfont.woff') format('woff'),
         url('/mdtweb/fonts/noway-regular-webfont.ttf') format('truetype'),
         url('/mdtweb/fonts/noway-regular-webfont.svg#nowayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	max-width: 								760px; 		/*BA-spezifisch!!!*/
	background-color: 						#FFFFFF;
	color: 									black; 		/*BA-spezifisch!!!*/
	font-family: 							'nowayregular';
	font-size:								8pt;
	margin: 								auto;
	padding:								10px;
}

input {
	font-family: 							'nowayregular';
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.reisedatenWrapper {
	border: 2px solid grey; 
	border-radius: 5px; 
}

img {
	border: 								0;
}

.unsichtbar{
	display:								none;
}

ul{
	margin:									0px;
	padding:								0px;
	text-align: 							left;
}

li{
/*	display:								inline;*/
	list-style-type:						none;
	margin:									5px;
}

td {
	font-size: 14px;
}

.menudiv{
	float:									left;
}

.white{
	color:									white;
}

a, a:visited {
    color: 									#b61929;
    font-size: 								14px;
    text-decoration: 						none;
    font-weight: 							normal;
}

a:hover {
    color: 									#231f20;
	border-bottom: 							1px solid #b61929;
    font-size: 								14px;
    text-decoration: 						none;
    font-weight: 							normal;
}

a.fett:hover, a.fett:visited{
	font-weight: 							bold;
}

.href_underline {
	text-decoration:						underline;
}



/*Content Style*/
table {
	empty-cells:							show;
}

.normalText{
	height: 								23px;	
	float:									left;
	clear:									left;
}

input.button{
	background-color:						#E9E9E9;
	color:									#003366;
	border-left : 							1px solid #CFDCE5;
	border-top : 							1px solid #CFDCE5;
	border-right : 							1px solid #003366;
	border-bottom : 						1px solid #003366;
	font-size: 								8pt;
	font-weight: 							bold;
	height: 								19px;
}
.input {
	width:									98%;
}
/*Content Style*/

div.liste {
	height:									30px; 
	vertical-align:							middle;
}

.black {
	color: 				#231f20;
}

.fett {
	font-weight:		bold;
}

.clear {
	clear:				both;
}

.reisedatenLabel {
	display: 			grid;
	float:				left;
	font-size:			14px;
	align-content:		center;
}

.inputLine {
	padding:				5px 0px;
	height:					26px;
	display: 				grid;
	grid-template-columns:	2fr 3fr;
}

.input-currency {
  position: relative;
}

.input-currency > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
}

.input-currency-right > i {
  right: 0;
  font-size: 11pt;
}

*[id^='personLabel'] {
	display: block; 
	height: 26px;
}

*[id^='gruppeLabel'] {
	display: block; 
	height: 26px;
}

.price-birthdate-labels {
	display:grid; 
	grid-template-columns: 2fr 1.5fr 1.5fr;
}

.mobile-label {
	display: none;
}

.vtHeader {
	font-size:			8pt;
	font-weight:		bold;
	color:				black;
}

.linieHeader {
	font-size:			14px;
	margin-bottom:		20px;
}

fieldset
{
     margin-top:          10px;
     /*width:               518px;*/
     /*padding:             0px 0px 10px 30px;*/
     border:              0;
     /*background-image:    url(../images/widget_bg_100.png);*/
}


.left {
	float: 				left;
}

.right {
	float: 				right;
}

/* Buttons */

.baButton {
	font-size:			14px;
	margin-bottom:		10px;
	width: 				auto;
	height:				40px;
	background-color:	rgb(243, 243, 243, 0);
	border:				none;
	position:			relative;
	float: 				right;
}

.abbrechen-icon {
	filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(6081%) hue-rotate(340deg) brightness(87%) contrast(100%);
	height: 100%;
}

.abbrechen-icon:hover {
	filter: none;
	cursor: pointer;
}

.weiter-icon {
	height: 100%;
}

.weiter-icon:hover {
	filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(6081%) hue-rotate(340deg) brightness(87%) contrast(100%);
	cursor: pointer;
}

.undo-icon {
	height: 100%;
}

.baButtonFett {
    float:              right;
    font-weight:        bold;
}

.baButtonRahmen {
    border:             2px solid black;
}

.baBackButton{
	margin-left: 		0px;
	margin-bottom:		10px;
	width: 				auto;
	height:				40px;
	background-color:				rgb(243, 243, 243, 0);
	border:				none;
}

.baRedoButton{
	margin-top:			21px;
	margin-bottom:		10px;
	width: 				auto;
	height:				38px;
	background-color:				rgb(243, 243, 243, 0);
	border:				none;
	position:			relative;
	float:				right;
}

.baRedoButton a:hover{
	filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(6081%) hue-rotate(340deg) brightness(87%) contrast(100%);
	border: none;
}

.zurueck-icon {
	height: 100%;
}

.zurueck-icon:hover {
	filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(6081%) hue-rotate(340deg) brightness(87%) contrast(100%);
	cursor: pointer;
}

.textfield {
	width: -webkit-fill-available;
	width: -moz-available;
	height: 25px;
	font-size: 12pt;
}

.reisepreis {
	margin-top: 5px;
}

.center{
	text-align: 		center;
}

p.center{
	text-align:			center;
	margin:				10px; 
}

img.center{
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
	margin-bottom:		10px;
}


#tooltipTable td,
#tooltipTable th {
	white-space:		nowrap;
	border:				none;
	background-image: 	none;
	background-color:	#F3F3F3;
	padding: 			2px;	
/*	border: 			1px solid #F5AE03;*/ /*Fuer Gitternetz*/
}

#tooltipTable {
	font-size:			5.5pt;
/*	border-collapse: 	collapse;
 	border-style: 		hidden; */	/*Fuer Gitternetz*/
}

/* Textfeld direkt gefolgt von Tooltip */
input[type='text'] ~ .tooltip {
	top:				5px;
}
/***** Ende: Tooltip *****/

.date-range-inputs {
	display: flex;
}

/***** Start: Theme *****/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #F5AE03;
}
/***** Ende: Theme *****/

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 600px) {
	body {
		font-size: 10pt;
	}

	.page-title {
		margin-left: 0;
		text-align: center;
	}

	.reisedatenWrapper {

	}
		
	.date-range-inputs {
		display: block;
	}
		
	*[id^='personLabel'] {
		font-weight: bold;
	}
	
	*[id^='gruppeLabel'] {
		font-weight: bold;
	}
		
	.reisedatenLabel {
		display: 			grid;
		float:				left;
/* 		font-size:			12pt; */
		align-content:		center;
		margin-bottom:		5px;
	}
		
	.inputLine {
		padding:				5px 0px;
		display: 				block;
		height: fit-content;
	}
	
	.textfield {
		width: -webkit-fill-available;
		width: -moz-available;
		height: 25px;
		font-size: 12pt;
	}
	
	.input-currency > i {
	  position: absolute;
	  display: block;
	  transform: none;
	  top: 50%;
	  pointer-events: none;
	  width: 25px;
	  text-align: center;
		font-style: normal;
		font-size: 14pt;
	}
	
	*[id^='reisepreisPerson'] {
		border: 2px solid #b61929;
		border-radius: 5px;
		margin-bottom: 10px;
		padding: 5px;
		display: block;
	}
	
	.price-birthdate-labels {
		display: none; 
	}
	
	.mobile-label {
		display: block;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}