@media screen and (max-width: 1000px) {
	.clapa-cal-wrapper .clapa-cal-event-icon-small,
	.clapa-cal-wrapper .clapa-attend-btn-arrow,
	.clapa-cal-wrapper .clapa-cal-event-time .fa-clock {
		display: none !important;
	}
}
.clapa-cal-columns-1 {
	display: grid;
	grid-template-columns: 1fr;
}
.clapa-cal-columns-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.clapa-cal-columns-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.clapa-cal-columns-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.clapa-cal-columns-5 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.clapa-cal-columns-6 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.clapa-cal-columns-7 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* Wrapper for the calendar */
.clapa-cal-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  /* Optional: Add padding or background if needed */
  /* padding: 10px; */
  /* background: #fff; */
  /* border-radius: 10px; */
  /* box-shadow: 0 2px 12px rgba(0,0,0,0.05); */
}

/* Heaader & Footer */
.clapa-cal-header, .clapa-cal-footer {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	font-size: 1.2em;
	min-height: 50px;
	margin-bottom: 5px;

}

.clapa-cal-header-current, .clapa-cal-footer-current {
		text-align: center;
	  display: flex;
    justify-content: center;
    align-items: center;
}

.clapa-cal-header-prev,
.clapa-cal-header-next,
.clapa-cal-footer-prev,
.clapa-cal-footer-next {
	  display: flex;
    justify-content: center;
    align-items: center;

}
.clapa-cal-header-prev:hover,
.clapa-cal-header-next:hover,
.clapa-cal-footer-prev:hover,
.clapa-cal-footer-next:hover {
		background-color: #FFD1B0 ;

}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.clapa-sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  padding-top: 80px;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.clapa-sticky-header + .content {
  padding-top: 102px;
}



/* Daynames */
.clapa-cal-day-title {
	display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
    overflow: hidden;
  

}
.clapa-day-name,
.clapa-day-short-name {	
    font-size: clamp(14px, 2.2vw, 28px);
	font-weight: bold;
}



/* Calendar */


.clapa-cal-day-nr {
	text-align: center;
	font-size: 1.2em;
	padding-left: 10px;

}

.clapa-cal-event-tile {
	position: relative;
    width: calc(96% - 4px);
    min-height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    padding: 6px 7px 6px 7px;
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s, transform 0.15s;
}

.clapa-cal-event-tile:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.16);
  transform: translateY(-2px) scale(1.02);
  z-index: 2;
}

.clapa-cal-event-historic {
	opacity: 0.4;
	pointer-events: none;
}
.clapa-cal-event-draft {
	border: 4px dotted red;
}
.clapa-cal-event-info-canceled {
	
}
.clapa-cal-event-info-canceled-txt-long {
	
}
.clapa-cal-event-info-canceled-txt-short {
		font-size: 20px;
		font-weight: 600;
		justify-content: center;
}
.clapa-cal-event-canceled{
	text-decoration: line-through;
}

.clapa-cal-event-top-area {
	display: flex;
}

.clapa-cal-event-icon {
	max-height: 50px;
}

.clapa-cal-event-icon-small {
    padding-right: 5px;
}
.clapa-attend-btn-arrow {
    padding-left: 5px;
}

.clapa-cal-credits {
    padding-top: 50px;
    text-align: center;
}



.clapa-cal-column {
	min-height: 80px;
}


.clapa-cal-col-field-first {
    border-left: 2px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
}

.clapa-cal-col-field-middle {
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    
}

.clapa-cal-col-field-last {
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 2px solid;
    border-bottom: none;
    
}



.clapa-current-day {
	border: #F3F0ED dotted 4px  ;
	margin: 2%;
	height: 96%;
 
}





.clapa-event-overview-body {
	max-width: 100%;
	margin-left: 10px;
	margin-right:10px;
}  



.clapa-clickable {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;     
  z-index: 1;
}

.clapa-clickable-parent {
	position: relative;
}

.clapa-cal-event-icon-area {
	width: 100%;
	display: flex;
  justify-content: end;
}
.clapa-cal-event-icon{
    width: 100%;
    max-width: 50px;
}
.clapa-event-content {
	padding: 10px;
}


/* Standard: Desktop */
.clapa-cal-event-location, 
.clapa-cal-event-slogan,
.clapa-cal-event-date,
.clapa-cal-event-time  {
	font-size: 0.75em;
	margin-bottom: 2px;
}



.clapa-cal-event-location, 
.clapa-cal-event-slogan,
.clapa-cal-event-date,
.clapa-cal-event-time  {
    font-size: 0.75em;
	margin-bottom: 2px;
	
}


.clapa-cal-event-title {
    padding-top: 4px;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 0.97em;
    color: inherit;
}

.clapa-cal-event-slogan {
  font-size: 0.78em;
  margin-bottom: 2px;
}
.clapa-cal-event-location {
  font-size: 0.75em;
  margin-bottom: 1px;
}

/* Button  */
.clapa-attend-btn-inner {
	padding: 0px 8px; 
	font-weight: 700;
	font-size: 0.9125rem;
	border-width: 2px;
	border-style: solid;
	border-radius: 6px;
	line-height: 25px;
	background-image: none;
	display: inline-block;
  border-color: currentColor;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  transition: background 0.2s, color 0.2s;
}


.clapa-attend-btn {
	justify-self: end;
	align-self: end;
	padding-top: 10px;
	padding-right: 10px;

}
@media screen and (max-width: 1280px) {
  .clapa-attend-btn {
    justify-self: center;
    align-self: center;
	padding: 0px;
  }
}


.clapa-cal-event-footer {

	
}







/* Liste for mobile phones */
.clapa-cal-list {
	margin-top: 30px;
}
.clapa-cal-list-day {
	margin-top: 30px;
}




@media screen and (min-width: 851px) {

	.clapa-day-name {
		display: initial;
		font-size: clamp(14px, 2.2vw, 28px);
		font-weight: bold;
	}
	.clapa-day-short-name {
		display: none;
		font-size: clamp(13px, 2vw, 22px);
		font-weight: bold;
	}

	@media screen and (max-width: 850px) {
		.clapa-day-name {
			display: none;
		}
		.clapa-day-short-name {
			display: initial;
		}
	}
	.clapa-cal-event-info-canceled-txt-short {
		display: none;
	}
	.clapa-cal-event-info-canceled-txt-long {
		display: flex;
    }
}

@media screen and (max-width: 850px) {
	.clapa-day-name {
		display: none;
	}
    /* only the tiles in the table not in the bottom */
    .clapa-cal-row > .clapa-cal-event-tile {
        width: calc(100%); 
        margin-bottom: 5px;
        padding: 0px;
    }
    

    .clapa-cal-event-icon-area{
        width: 90%;
    }

	.clapa-day-short-name{
		display: initial;
	}
	.clapa-cal-event-info-canceled-txt-short {
		display: flex;
	}
	.clapa-cal-event-info-canceled-txt-long {
		display: none;
	}
	.clapa-cal-day-field .clapa-cal-event-location,
	.clapa-cal-day-field .clapa-cal-event-tile-content {
		display: none;
	}
	.clapa-cal-day-field .clapa-cal-event-tile-holiday  {
		pointer-events: none;
	}
	.clapa-cal-event-icon-area {
	  justify-content: center;
	}
}