.tourtermin{
  margin-bottom:15px;
}
.stdtourdescription,
.tourtermin .description,
.wunschtermin .description{
  background:#dddddd;
  margin-left:26px;
  padding: 3%;
  display:block;
  margin-bottom:20px;
  margin-top:5px;
}
.wunschtermin .text{
  font-weight:bold;
}
.wunschtermin input{
  background:#ffffff !important;
}

.wunschtermin .row label{
font-size:85% !important;
/* color: #333333 !important; */
width:35% !important;
float:left;
text-align: right;
}

.wunschtermin .row .forms{
  width:60% !important;
  float:right;
}

.wunschtermin .row{
  padding-bottom:10px;
}

#voucher select#nostd_duration {
padding: 8px;
border:0;
font-size: 16px !important;
width: 50% !important;;
text-align: center;
font-family: 'Barlow', sans-serif;
font-weight: bold;
border-bottom: 5px;
}
#voucher input[type="text"]#mddate,
#voucher input[type="text"]#nostd_date,
#voucher input[type="text"]#nostd_timefromto_start,
#voucher input[type="text"]#nostd_timefromto_end,
#voucher input#nostd_duration,
#voucher input[type="text"]#nostd_datefromto_start,
#voucher input[type="text"]#nostd_datefromto_end{
  width:35% !important;
  text-align: center;
}

/* max-width:1280px ###############################################*/  
@media only screen and (max-width:550px){
.wunschtermin .description .row label,
.wunschtermin .description .row div {
	width: 100% !important;
	text-align: left !important;
}
#voucher select#nostd_duration,
#voucher input[type="text"]#mddate,
#voucher input[type="text"]#nostd_date,
#voucher input[type="text"]#nostd_timefromto_start,
#voucher input[type="text"]#nostd_timefromto_end,
#voucher input#nostd_duration,
#voucher input[type="text"]#nostd_datefromto_start,
#voucher input[type="text"]#nostd_datefromto_end{
	width:40% !important;
	font-size: 12px !important;
  }
}

.arrow-left {
  width: 0px !important;
  height: 0px !important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #0b72b5;
}
.arrow-right {
  width: 0px !important;
  height: 0px !important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #0b72b5;
}  
.termineForm{position:relative;}
.termineForm .teilnehmer{position:absolute; top:-16px; right:-15px; z-index:500;}

div.eventcal td div{font-weight: bold; width:95%; height:95%}
td.tfreedate > div {background-color: #0b72b5;color: white;font-weight: bold; width: 100%; height: 100%;}
td.tfreedate > div > a { display:block; width: 100%; height: 100%; align-items: center; justify-content: center;}
/*td.tbookedout div{background-color: red;color: white;font-weight: bold} */
td.tpast div{background-color: whitesmoke;color: white;font-weight: bold}
a.cal{color: white !important;font-weight: bold !important}  
a.cal:hover{color: black !important;font-weight: bold !important}  
.tueberschrift a.next { right: 0px; display:block !important }
.tueberschrift a.prev { left: 0px; display:block !important }
.tueberschrift { background-color:#dddddd;/* #97bf0d ; color:white;*/}

div.eventcal {
  padding-top:30px;
  padding-bottom: 30px;
  display:grid;
  justify-items: center;
}
div.eventcal table {
  table-layout: fixed;
  border-collapse: collapse;	
  max-width: 450px;
}