/* Schalter Rechteckig */

/* .schalter_vid {
padding:10px 10px;
border:2px solid #e5e5e5!important;
border-radius: 0 15px 0 15px;
text-decoration:none;
cursor:pointer;
width:135px;
text-align:center;
display:inline-block;
margin:0px 7px 14px 7px;
background-color:#FFFFFF;
} */

/* Schalter Rund */

.schalter_vid {
padding:25px 10px 0px 10px;
border-radius: 50%;
text-decoration:none;
cursor:pointer;
width:125px!important;
height:125px!important;
text-align:center;
display:inline-block;
margin:0px 7px 14px 7px;
/* background: linear-gradient(to bottom, #FFFFFF, #F0F0F0); */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* weicher Schatten in Grau */
transition: transform 1s ease;
transition: all 1s ease;
}

.schalter_vid:hover {
box-shadow: inherit; /* weicher Schatten in Grau */
background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
transform: rotate(5deg);
transition: all 1s ease;
}

/* wird in include_funktionen.php function zeitslots_karten ausgegeben */

.my_green {
/* background:#a1cf4f!important; */
/* color:#a1cf4f!important; */
}

.my_red {
/* background:#e61b72!important; */
/* color:#e61b72!important; */
}

.my_yellow {
/* background:#ffc229!important; */
/* color:#ffc229!important; */
}

#reset-calendar-btn {
margin:30px 0px 45px 0px!important;
border: 2px solid #35bae0!important;
background-color:#FFFFFF!important;
border-radius:10px;
padding: 5px 15px;
font-size:18px;
color: #605d48;
}

#reset-calendar-btn:hover {
border: 2px solid #35bae0!important;
background-color:#35bae0!important;
color:#FFFFFF;
}

/*
.tickets_ {
background-color:#FFFFFF!important;	
padding: 0px 10px 1px 10px;
display:inline-block;
margin-top:8px;
border-top:1px solid rgba(0,0,0,0.4);
border-bottom:1px solid rgba(0,0,0,0.4);
}
*/

/* /////////////////// Calender Timeslots ////////////////// */

.my_calender_my_slots {
width:100%;	
overflow: hidden;
display: block;
}

.my_calender_my_slots .my_calender {
width:400px;
float:left;
position:relative;
top:0px!important;
vertical-align:top;
margin-top:0px;
box-sizing: border-box;
display: block;
overflow: hidden;
}

.my_calender_my_slots .my_slots {
width: calc(100% - 400px);
position:relative;
box-sizing: border-box;
display: block;
overflow: hidden;
}

@media screen and (max-width: 770px) {
	
.my_calender_my_slots .my_calender {
    width: fit-content;
    margin: 0 auto;
    float: none !important;
    text-align: center;
  }

.my_calender_my_slots .my_slots {
width:100%;
float: none !important;
margin: 0 auto;
text-align: center;
}

}