/* kendo customization*/
.k-scheduler-toolbar {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.k-scheduler-table {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.formblock {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.k-state-selected {
  background-color: #00cc66 !important;
}

.k-scheduler-views {
  border-radius: 4px;
}

.k-nav-prev {
  float: left;
  border-width: 1px 0 1px 1px !important;
  border-radius: 4px 0 0 4px;
}

.k-nav-next {
  border-width: 1px 1px 1px 1px !important;
}

.k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-width: 1px 1px 1px 0px !important;
  margin-left: 0px !important;
}

.k-scheduler-toolbar .k-state-default .k-view-day {
  border-radius: 4px 0 0 4px !important;
}

.k-state-default .k-view-workweek {
  border-radius: 0 4px 4px 0 !important;
}

.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, .k-scheduler-toolbar > ul > li:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-scheduler-navigation {
  float: right !important;
}

.k-scheduler-views {
  float: left !important;
}

.k-sm-date-format {
  display: inline !important;
}

.k-lg-date-format {
  display: none !important;
}

/* end kendo customization*/
.ev_legend {
  border-radius: 4px;
  padding: 8px;
  color: #fff;
  background-color: transparent;
  width: 160px;
  float: left;
  margin: 8px;
  margin-right: 30px;
  text-wrap: none;
}

.ev_style {
  background-origin: border-box !important;
  width: 100%;
  height: 100%;
  margin: 0px;
  cursor: pointer;
  padding-left: 8%;
  border-style: none !important;
  color: #fff;
  /*
          grey:#949494
          red:#ff3232
          green:#00cc66
          purple:#6633cc
      */
  background-color: transparent;
}

.ev_style:hover {
  background-color: #eaf228;
}

.ev_style .ev_title {
  font-size: 1.5rem;
}

.ev_date {
  background-color: transparent;
}

.ev_date a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
}

.ev_stat {
  cursor: pointer;
}

.ev_stat:hover {
  background-color: #eaf228;
}

.ev_stat0 {
  background-color: #00cc66 !important;
}

/*.ev_stat0::after
{
    content:"SCHULTOUR";
}*/
.ev_stat1 {
  background-color: #00ffff !important;
}

/*.ev_stat1::after
{
    content:"OFFENE TOUR";
}*/
.ev_stat2 {
  background-color: #6633cc !important;
}

/*FLIP LAB*/
.ev_stat3 {
  background-color: #ffac00 !important;
}

.ev_stat4 {
  background-color: #eaf228 !important;
}

.ev_stat5 {
  background-color: #0026ff !important;
}

/*.ev_stat2::after
{
    content:"VERANSTALTUNG";
}*/
.ausgebucht {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}

/*flip tour*/
.ev_style0 {
  background-color: transparent;
  background: linear-gradient(to right, #00cc66 0%, #00cc66 6%, rgba(0, 204, 102, 0.2) 6%, rgba(0, 204, 102, 0.2) 100%);
  color: #fff;
}

/*offene tour*/
.ev_style1 {
  background-color: transparent;
  background: linear-gradient(to right, #00ffff 0%, #00ffff 6%, rgba(19, 237, 237, 0.2) 6%, rgba(19, 237, 237, 0.2) 100%);
  color: #fff;
}

/*veranstaltung*/
.ev_style2 {
  background-color: transparent;
  background: linear-gradient(to right, #6633cc 0%, #6633cc 6%, rgba(102, 51, 204, 0.2) 6%, rgba(102, 51, 204, 0.2) 100%);
  color: #fff;
}

/*highlight tour*/
.ev_style3 {
  background-color: transparent;
  background: linear-gradient(to right, #ff3232 0%, #ff3232 6%, rgba(255, 50, 5, 0.2) 6%, rgba(255, 50, 5, 0.2) 100%);
  color: #fff;
}

/*workshop*/
.ev_style4 {
  background-color: transparent;
  background: linear-gradient(to right, #ffac00 0%, #ffac00 6%, rgba(238, 133, 19, 0.2) 6%, rgba(238, 133, 19, 0.2) 100%);
  color: #fff;
}

/*digi tour*/
.ev_style5 {
  background-color: transparent;
  background: linear-gradient(to right, #0026ff 0%, #0026ff 6%, rgba(151, 162, 225, 0.2) 6%, rgba(151, 162, 225, 0.2) 100%);
  color: #fff;
}

.ev_closed {
  background-color: transparent;
  background: linear-gradient(to right, #8e8e8e 0%, #8e8e8e 6%, rgba(142, 142, 142, 0.2) 6%, rgba(142, 142, 142, 0.2) 100%) !important;
  color: #fff;
}

#scheduler {
  min-height: 700px;
  background-color: transparent !important;
  border: none;
  font-family: var(--font-family-default) !important;
  font-size: 16px !important;
}

#scheduler td {
  border-color: #666 !important;
  background-color: transparent !important;
  color: #fff !important;
}

#scheduler th {
  border-color: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.k-event {
  border-style: none;
}

.cal_head {
  text-align: center;
  /*text-transform:uppercase;*/
}

.k-button {
  background-color: #000 !important;
  color: #fff !important;
  font-size: 16px !important;
}

.k-selected {
  background-color: #00cc66 !important;
}

.k-button-group {
  border-start-end-radius: 4px !important;
  border-end-end-radius: 4px !important;
}

.k-button-solid-base.k-selected {
  border-color: #fff !important;
}

.k-scheduler-header {
  background-color: transparent !important;
}

.k-input-solid, .k-input-solid:focus-within {
  background-color: transparent;
  color: #ffffff;
  font-size: 1.5rem;
}

.event_titlebar {
  color: #fff;
}

.ev_box_main {
  background-color: transparent;
  color: #ffffff;
}

.btn-back {
  background-color: transparent;
  color: #ffffff;
  border: solid 1px #ffffff;
  font-size: 18px;
  padding: 10px 30px;
  margin-top: 30px;
  font-weight: bold;
  width: 200px !important;
}

.btn-back:hover {
  background: #a3b5c9;
  color: #ffffff;
}

.btn-next {
  background: #2870ed;
  border: solid 1px #ffffff;
  color: white;
  font-size: 18px;
  padding: 10px 30px;
  margin-top: 30px;
  font-weight: bold;
  font-size: 18px;
  width: 200px !important;
}

.btn-next:hover {
  background: #064ea1;
  color: #fff;
}

.btn-finish {
  background: #ff6130;
  border: solid 1px #ffffff;
  color: white;
  font-size: 18px;
  padding: 10px 30px;
  margin-top: 30px;
  font-weight: bold;
  width: 200px !important;
}

.btn-finish:hover {
  background: #d25200;
  color: #fff;
}

.card-body {
  border: solid 1px #666;
  border-top: none;
}

.card-img-top {
  width: 14px;
  height: 14px;
}

.framed_box {
  border: solid 1px #ffffff;
  padding: 10px;
  border-radius: 4px;
}