:root {
  --number-pad-number-margin: 5px;
}

/* Schriftarten */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('font/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Variablen */
* {
	
	--defaultfont:'Roboto' , sans-serif;
	--borderRadiusDefault: 0px; /* Progressor sowie Month Select */
	--borderRadiusDayTime: 0px; /* Tagauswahl sowie Zeitauswahl & Bookbutton */
	--defaultfontcolor: #2E2E2D; /* Month Select, Überschrift, select, Zeitauswahl , Labels */
	/* Progressor */
	
	--defaultProg: #fff;
	--defaultProgBord: #transparent;
	--currentProg: #6a5c4e;
	--currentProgBord:  #6a5c4e;
	--youngerProg:  #6a5c4e;
	--youngerProgBord: #6a5c4e;
	
	/* Watch/Day/Month Hover */
	--HoverBackgroundColor: #D1B79E;
	--HoverFontColor: #6a5c4e;
	--borderColor: #ECECEC;
	
	/* Buttons (Absenden, Weiter, Zurück) */
	--bookbuttonfontstyle: uppercase;
	--backgroundButton:  #D1B79E;
	--fontButton: #6a5c4e;
	--borderButton:  #D1B79E;
	--backgroundButtonH: #D1B79E;
	--fontButtonH: #6a5c4e;
	--borderButtonH: #D1B79E;
	
		/* Options Background */
	--backgroundOptions: whitesmoke;
}
#grid-wrapper .txfe_praefix { display:none; }
#grid-wrapper .txfe_vorname {}
#grid-wrapper .txfe_name {}
#grid-wrapper .txfe_email {}
#grid-wrapper .txfe_telefon {}
#grid-wrapper .txfe_raumWunsch { display:none;}
#grid-wrapper .txfe_geburtstag { display:none; }
#grid-wrapper .txfe_kinder { display: none;}
#grid-wrapper .txfe_babies { display: none;}
#grid-wrapper .txfe_confirmSMS { font-size: 0.9em; order: 1; padding-top:15px; padding-bottom: 15px;}
#grid-wrapper .txfe_herkunft { display: none; }
.iti__flag-container{
	padding-top: 5px !important;
}
.iti__selected-flag{
	padding: 12px 7px 13px 8px !important;
}
.fa-arrow-right{
	display: none !important;
}
section > nav {
	min-height: 0 !important;
}
body {
	font-family:var(--defaultfont, "Roboto", "sans-serif", "normal") ;
	color: var(--defaultfontcolor, #111);
	font-size: 14px;
}
.month-buttons-container{
max-width: 340px;
overflow: hidden;
height:45px;
max-height: 150px;
}
.hide{
display:none;
}
.show{
display:inline !important;
}
.iti--separate-dial-code .iti__selected-flag {
background-color:inherit !important;
}
@media (min-width:600px) {
.remmonth{
float:left;
position:absolute;
left:10%;
cursor:pointer;
top:20px
}
.addmonth{
float:right;
position:absolute;
right:10%;
cursor:pointer;
top:20px
}
}

@media (max-width:599px) {
.remmonth{
float:left;
position:absolute;
left:15px;
cursor:pointer;
top:20px
}
.addmonth{
float:right;
position:absolute;
right:15px;
cursor:pointer;
top:20px
}
}
/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */
/*  STORNO */

			
			#stornomessage{
				font-family: 'Roboto', sans-serif;
				font-size:25px;
				color: #fff;
				text-align:center;
				padding-top:70px;
				padding-bottom:70px;
			}
		
			.stornoButton{
					width:220px;
	height:70px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
				cursor:pointer;
				font-size:16px;
	color:#fff;
	background: #048D66 0% 0% no-repeat padding-box;
	border: 1px solid #048D66;
	border-radius:0px;
}
.stornoButton:hover{
	color:#048D66;
	background: #fff;
}
.StornoouterDiv{
	width:100%;display:flex;margin:0 auto; margin-top:5vh;
	
}

@media (min-width:600px) {
	.StornoouterDiv{
	width:100%;display:flex;margin:0 auto; margin-top:5vh;
	text-align:center;
	
}
.StornoinnerDiv{
	background-color:#2E2E2D;max-width:350px;height:100%;color:white;margin:0 auto;border-radius:15px;
		-webkit-box-shadow: 9px 10px 34px 11px rgba(46,46,45,0.61);
-moz-box-shadow: 9px 10px 34px 11px rgba(46,46,45,0.61);
box-shadow: 9px 10px 34px 11px rgba(46,46,45,0.61);
padding-bottom: 2%;
}
}
@media (max-width:599px) {
	.StornoouterDiv{
	width:100%;display:flex;margin:0 auto;
}
.StornoinnerDiv{
	background-color:#2E2E2D;width:100%;height:100%;color:white;margin:0 auto;border-radius:0px;
	
	
}
}

div.custom-alert {
	background-color: rgba(255, 255, 255, 0.5);
}
div.custom-alert>div.alert-window {
	background-color: rgba(255, 255, 255, 0.75);
	border: 1px solid #eeeeee;
	border-radius: 5px;
}
div.custom-alert>div.alert-window>div.closer {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 35px;
	line-height: 16px;
	opacity: 0.5;
	cursor: pointer;
}
div.custom-alert>div.alert-window>div.message {}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

div.evalInfo {
	width: calc(100% - 2 * var(--option-like-padding));
	margin: 0 auto;
	margin-top: 5px;
	border-radius: 5px;
	padding: var(--option-like-padding);
	position: relative;
	text-align: left;
	max-width: 340px;
	
}
div.evalInfo>div {
	margin-top: 5px;
}
div.evalInfo>div:first-child {
	margin-top: 0;
}
section#_form > nav > .nav-button-next:nth-of-type(1){
	display:none !important;
}
/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

div.progressor {
	display:flex;
	
	align-items: center;
  justify-content: center;
}
/***/
div.progressor div.indicator {
	display: inline-block;
	min-width: 40px;
	width: auto;
	min-height: 32px;
	max-height: 43px;
	height: auto;
	margin-right:10px;
	cursor: pointer;
	font-size: 0.7em;
    line-height: 70px !important;
	text-align: center;
	border-radius: var(--borderRadiusDefault, 15px);
	background-color: var(--defaultProg, #fff);
	border: 1px solid var(--defaultProgBord, #fff);
	
}
div.progressor div:first-child {
	margin-left: 0;
}
div.progressor div.current {
	border: 1px solid var(--currentProg, #fff);
	background-repeat:no-repeat;
	background-color: var(--currentProgBord, #d1d1d1) !important ;
	
}
.indicator:nth-last-child(2){
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cpath style="fill:lightgrey;" d="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" /%3E%3C/svg%3E') !important;
	background-size: 23px 23px;
	background-position: 45% 45% !important; 
	background-repeat:no-repeat;
	border-radius: 20px;
	
	line-height: 37.5px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

.indicator:last-child{
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cpath style="fill:lightgrey;" d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" /%3E%3C/svg%3E');
	background-size: 23px 23px;
	background-position: 45% 45% ;
	background-repeat:no-repeat;
	border-radius: 20px;
	
	line-height: 37.5px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
.indicator:nth-of-type(3){
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" style="fill:lightgrey"%3E%3Crect fill="none" fill-rule="evenodd" height="24" width="24"/%3E%3Cg%3E%3Cpath d="M12,4c4.41,0,8,3.59,8,8s-3.59,8-8,8c-1.18,0-2.34-0.26-3.43-0.78c-0.27-0.13-0.56-0.19-0.86-0.19 c-0.19,0-0.38,0.03-0.56,0.08l-3.2,0.94l0.94-3.2c0.14-0.47,0.1-0.98-0.11-1.42C4.26,14.34,4,13.18,4,12C4,7.59,7.59,4,12,4 M12,2 C6.48,2,2,6.48,2,12c0,1.54,0.36,2.98,0.97,4.29L1,23l6.71-1.97C9.02,21.64,10.46,22,12,22c5.52,0,10-4.48,10-10 C22,6.48,17.52,2,12,2L12,2z"/%3E%3C/g%3E%3Cpolygon fill-rule="evenodd" points="13,8 11,8 11,11 8,11 8,13 11,13 11,16 13,16 13,13 16,13 16,11 13,11"/%3E%3C/svg%3E');
background-size: 23px 23px;
	background-position: 52% 45%;
	background-repeat:no-repeat;
	border-radius: 20px;
	
	line-height: 37.5px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
.indicator:nth-of-type(2){
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cpath style="fill:lightgrey" d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M12.5,7H11v6l5.2,3.2l0.8-1.3l-4.5-2.7V7z" /%3E%3C/svg%3E');
	background-size: 23px 23px;
	background-position: 45% 45%;
	background-repeat:no-repeat;
	border-radius: 20px;
	line-height: 37.5px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
.indicator:nth-of-type(1){
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cpath style="fill:lightgrey" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z" /%3E%3C/svg%3E');
	background-size: 23px 22.7px;
	background-position: 45% 45%;
	background-repeat:no-repeat;
	border-radius: 20px;
	
	line-height: 37.5px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

#pickedInfoContainer{
	width: 100%;
	text-align: center;
	margin-left:-5px;
	padding-top:10px;
	font-size:14px;
}
.progressorInfo{
	font-size: 1em !important;
	display: inline !important;
    font-weight: normal !important;
	
}
#repeatButton{
	display: none !important;
}

.younger{
	background-color: var(--youngerProg, #d1d1d1) !important ;
	border: 1px solid var(--youngerProgBord, #fff) !important;
}


/**
div.progressor-1-5:before {}
div.progressor-2-5:before {}
div.progressor-3-5:before {}
div.progressor-4-5:before {}
div.progressor-5-5:before {}*/
/**
div.progressor-1-6:before {}
div.progressor-2-6:before {}
div.progressor-3-6:before {}
div.progressor-4-6:before {}
div.progressor-5-6:before {}
div.progressor-6-6:before {}*/

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

div.option-like {
	font-size: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 0 !important;
	margin-left: 15px !Important;
	
	padding-right: 10px;
	display: none;
	
}
div.pax-option-like {
	text-align: center;
	width: 100%;
	display:inline;
	padding-left: 0 !important;
	margin-left: 0 !Important;
	}
#vd{
	font-size: 14px;
	/*border: 1px solid whitesmoke;*/
	margin-top: 20px;
	margin-left:25px;
	height: 35px !important;
}
#pax{
	outline: none;
	font-size: 14px;
	width: 85px !important;
	height: 23px !important;
}
.pax-label-right{
	width: 0px !important;
	
} 
.vd-option-like {
	background-image: Url("img/watch.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 25px 25px;
	border: 1px solid #ECECEC;
	line-height:25px;
	
	
}

.vd-option-like select{
	background-color: inherit;
}
.vd-option-like select:focus{
	background-color: inherit;
}
.pax-option-like{
	background-image: Url("img/persons.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 25px 25px;
	border: 1px solid #ECECEC;
	line-height:25px;
}


.indicateRed {
	background-color: rgba(255, 224, 224, 1.0);
}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */
section>nav{
	
	display: flex !important;
	justify-content: center !important;
}
section>nav>div.nav-button {
	
	
}
section#options>nav:first-child{
	display:none;
}
.nav-button-center{
	width:100%;
	margin-left:13px;
}
.nav-button-back{
	display:none;
}
.container-options-lists .checker{
	right:0;
	left: 0 !important;
	margin-left: -50px !important;
}
.container-options-lists{
	padding-left:70px !important;
}

.nav-button-next{
	color: #6a5c4e;
	width: 220px;
	height: 35px;
	font-size: 17px;
	font-weight: bold;
	text-transform: var(--bookbuttonfontstyle, normal);
	font-family:var(--defaultfont, "Roboto", "sans-serif", "normal") ;
	border-radius: var(--borderRadiusDayTime, 0px);
	border: 1px solid var(--backgroundButton, #fff);
	background-color: var(--backgroundButton, #fff);
	text-align: center;
	padding-top: 17px;
}
.nav-button-next:hover{
	border: 1px solid var(--borderButtonH, #111);
	background-color: var(--backgroundButtonH, #111);
	color: var(--fontButtonH, #fff);
}
textarea{
	font-family:var(--defaultfont, "Roboto", "sans-serif", "normal") ;
	height: 65px;
}
#repeatButton{
	margin-left: 44%;
}
#bookButton{
	background-color: var(--backgroundButton, #fff);
	color: var(--fontButton, #111);
	border: 1px solid var(--borderButton, #fff);
	border-radius: var(--borderRadiusDefault, 5px);
	font-size:1.2em;
	width: 240px;
	text-transform: uppercase;
	text-align:center;
	height: 40px;
	padding-top: 12px;
}
#bookButton:hover{
	background-color: var(--backgroundButtonH, #111);
	color: var(--fontButtonH, #fff);
	border: 1px solid var(--borderButtonH, #111);
	
}
#watchInfoDateTime{
	display: none;
}
/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

#pax {
	width: 140px;
	padding: 2px 5px;
	border: none !important;
	border-radius: var(--borderRadiusDefault, 15px);
	background-image:  url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position: right;
	background-color: inherit;
	cursor: pointer;
	margin-left:30px;
}
#pax:focus{
	outline: none;
	border: none !important;
}
#pax:hover{
	outline: none;
	border: none !important;
}
#pax:active{
	outline: none;
	border: none !important;
}

#xpax {
	transform: translateY(10px);
	width: 140px !important;
	font-size:14px;
	border-radius: 7px;
}
#vd {
	width: 103px !important;
	border:none !important;
	outline:none ;
}
.vd-option-like select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-image:  url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position: right;
	
}
.vd-option-like select option{
 background-color: #fff;
 
}

.vd-option-like option:hover{
 background-color: #efefef !important;
}
.vd-option-like option:active{
 background-color: #efefef !important;;
}
.vd-option-like option:focus{
 background-color: #efefef !important;;
}



.selections{
	margin-bottom: 20px;
}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

#watch .booked-message {
	padding: 5px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 5px;
}
#watch .watchInfo {
	background-color: #fff;
	border-radius: 5px;
	display:none;
}
#watch .hour .quarter {
	background-color: transparent;
	text-align: center;
}
#watch .hour .quarter:hover {
	background-color: var(--HoverBackgroundColor, #111);
	color: var(--HoverFontColor, #fff);
	border-radius: var(--borderRadiusDayTime, 0px);

}

#watch .h-day-active:first-child{
	margin-top: 1000px !important;

}
#watch .h-day-active{
	height: 52px;
	margin-bottom: -4px;
}
#watch .hour ._30{
	left: 48.4%;
}
#watch .hour ._15{
	left: 24.95%;
}
#watch .hour ._45{
	left:71.85%;
}
#watch .hour ._00{
	left: 1.49%;
}
/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

.month-buttons-container {
	border-radius: 5px;
}
.month-button {
	background-color: transparent;
	border: 1px solid var(--borderColor, #ddd);
	border-radius: var(--borderRadiusDefault, 15px);
	line-height: 40px;
}
.month-button:hover {
	background-color: var(--HoverBackgroundColor, #111);
color: var(--HoverFontColor, #fff);
	border: 1px solid var(--HoverBackgroundColor, #ddd);
}
.m-active {
	background-color: var(--HoverBackgroundColor, #111);
	color: var(--HoverFontColor, #fff);
	border: 1px solid var(--HoverBackgroundColor, #ddd);
}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

.cal-container {
	border-radius: 5px;
}
.cal-container .cal .booked-message {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 5px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 5px;
}
.cal-container .cal .day {
	background-color: transparent;

	color: #aaa;
	
	line-height: 60px;
	text-align: center;
	
	padding-bottom: 0;
}
.cal-container .cal .day, .cal-container .cal .placebo, .cal-container .cal .wd{
	display: inline-block;
width: 13%;
margin: 0;
text-align: center;
padding: 0 !important;
    padding-bottom: 5px;
	margin-bottom: -1px;
	
}

.cal-container .cal .placebo {
	background-color: transparent;
	border: 1px solid transparent;
}
.cal-container .cal .wd {
	background-color: transparent;
	border: 1px solid transparent;
	padding-bottom:20px !important;
}
.cal-container .cal .d-active {
	color: #040506;
	cursor: pointer;
	border-radius: var(--borderRadiusDayTime,0px);
}
.cal-container .cal .d-active:hover {
	background-color: var(--HoverBackgroundColor, #111);
	color: var(--HoverFontColor, #fff);
	
}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

#options .option {
		background-color: var(--backgroundOptions, whitesmoke);
	border-radius: 5px;
	color: var(--defaultfontcolor, #111);
}
.container-options{
	
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	
}
.option{
	
	width: 85%;
}
#options .active-option {
	border: 1px solid #111;
	color: #111;
}
.active-option {
	/*border: 1px solid #111;*/
	color: #111;
}

#options .option>div.toolhandle {
	background-color: #eeeeee;
}
#eval .option {
	background-color: var(--backgroundOptions, #fff);
	border-radius: 5px;
	min-height: 0 !important;
	
	line-height:2;
	max-width:400px;
	min-width: 300px;
}
#eval .option>div.toolhandle {
	background-color: #eeeeee;
}

/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

#grid-wrapper {
	width: 100%;
	display: inline-block;
	
	align-items: center;
	justify-content: content;
	
	margin-bottom: 20px;
	padding-top: 7px;
	padding-left: 5px;
}
#grid-wrapper .default-wrapper,
#grid-wrapper .select-wrapper,
#grid-wrapper .textarea-wrapper {
	padding: 5px 5px 5px 5px;
	border: 1px solid #ECECEC;
	background-color:#FAFAFA;
	margin-bottom: 10px;
	
}
.field-wrapper{
	max-width:80%;
	margin-left: 10%;
}
#grid-wrapper .default-wrapper label,
#grid-wrapper .select-wrapper label,
#grid-wrapper .textarea-wrapper label {
	font-size: 0.8em;
}
#grid-wrapper .field-wrapper label.mandatory:after {
	content: '. *';
}
#grid-wrapper div.issues>div:last-child {
	color: #ff0000;
}
#grid-wrapper .issues label.mandatory {
	color: #ff0000;
}
#grid-wrapper .default-wrapper label,
#grid-wrapper .select-wrapper label,
#grid-wrapper .textarea-wrapper label {
	display: block;
}
#grid-wrapper .default-wrapper input,
#grid-wrapper .textarea-wrapper textarea,
#grid-wrapper .select-wrapper select {
	width: calc(100% - 10px);
	width: 100%;
	padding: 0;
	border: 0;
	font-size: 1.1em;
	padding-top: 7px;
	padding-left: 5px;
	background-color: inherit;
	}
#grid-wrapper .default-wrapper input:focus,
#grid-wrapper .textarea-wrapper textarea:focus,
#grid-wrapper .select-wrapper select:focus {
	background-color: inherit;
	outline: none;
}
#grid-wrapper .txfe_anrede {
	
	order: -5;
}

#grid-wrapper .txfe_bemerkung {
	grid-column: 1/3;
}
#Labeltxfe_confirmAGB{
	font-size: 0.7em;
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 30px;
}
#grid-wrapper .txfe_confirmAGB {
	grid-column: 1/3;
	font-size: 0.87em;
	padding-top:15px;
}
#grid-wrapper .select-wrapper select{
	padding-left: 0px !important;
}
/* # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #
   # # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # #	# # # # # # # # # # # */

#eval .evalInfoTable,
#eval .evalOptionsInfoTable {
	width: 100%;
	margin-top: 15px;
	
}
#eval .evalInfoTable>tr>td,
#eval .evalOptionsInfoTable>tr>td {
	vertical-align: top;
	padding: 3px;
}
#eval .evalInfoTable>tr>td:first-child:after {
	content: ":";
}
#eval .evalOptionsInfoTable>tr>td:first-child:after {
	content: ":";
}
#eval .evalInfoTable>tr>td:first-child,
#eval .evalOptionsInfoTable>tr>td:first-child {
	width: 35%;
	text-align: left;
}
#eval .evalInfoTable>tr>td:last-child,
#eval .evalOptionsInfoTable>tr>td:last-child {
	text-align: left;
	width: 90%;
	line-height:0.8;
	
}
#eval tr[title="txfe_anrede"]>td:first-child { display:none; }
#eval tr[title="txfe_praefix"]>td:first-child { display:none; }
#eval tr[title="txfe_vorname"]>td:first-child { display:none; }
#eval tr[title="txfe_name"]>td:first-child { display:none; }
#eval tr[title="txfe_email"]>td:first-child { display:none; }
#eval tr[title="txfe_telefon"]>td:first-child { display:none; }
#eval tr[title="txfe_telefon"]>tr:last-child::after { content:"<tr></tr>" }
#eval tr[title="txfe_bemerkung"]>td:first-child { font-size:0.9em; display: block; }
#eval tr[title="txfe_bemerkung"]>td:last-child { display: inline; }
#eval tr[title="txfe_anrede"]{display:inline;}
#eval tr[title="txfe_praefix"]{display:none !important;}
#eval tr[title="txfe_vorname"]{display:inline;margin-left:-10px;margin-right:-10px;}
#eval tr[title="txfe_name"]{display:inline;}
#eval tr[title="txfe_bemerkung"]{display:inline; margin-top: 10px;}
#eval tr[title="txfe_telefon"]{display:block; margin-bottom:20px;}



@media (min-width: 900px) {
		#eval .evalOptionsInfoTable>tr>td:last-child {
	text-align: left;
	
	padding-left: 35%;
	
}
}
@media (min-width: 600px) {
		#eval .evalInfoTable,
#eval .evalOptionsInfoTable {
	width: 100%;
	margin-top: 15px;
	margin-left:-5px;
	text-align:left;
}


}
#eval .evalInfoTable tr[title="txfe_confirmAGB"] { display: none; }
#evalInfoTimeOptions { padding-left: 5px; padding-right: 5px; }
#evalInfoDateTime {font-size: 18px; font-weight: bold; display:inline;}
#evalInfoPax{ font-size: 18px; display:block;}
#evalInfoPax::before{content: "  |  ";}
#evalInfoTimeOptions::before{ content: " | ";}
#evalInfoVerweildauer { font-size: 18px; display:inline;}

@media (max-width:599px) {
}

@media (min-width: 600px) {
}

@media (min-width: 900px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1440px) {
}

@media (min-width: 1800px) {
}