/* ===== ASM-IT News Box – full stylesheet (final) ===== */
.asmit-news{
  --blue:#143A5E; --muted:#6b7280; --line:#eef2f7; --pill:#fde047;
  --badge:#fff8cc; --badge-border:#f1f5f9;
  background:#fff; padding:18px;
}

/* Header */
.asmit-news__header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-bottom:12px; border-bottom:1px solid #A0C9EB; padding-bottom:10px;
}
.asmit-news__header h2{ margin:0; font:200 32px/1.2 "Inter",sans-serif; color:#153A57; }
.asmit-news__intro{ margin:6px 0 0; color:#475569; }

.asmit-news__all-btn{
  display:inline-block; width:203px; height:46px;
  background:#FFE966; color:#1A2B3C; text-decoration:none; text-align:center;
  font:600 16px/46px "Inter",sans-serif; border-radius:0px;
}
.header-mobile.header-nav {
	z-index: 99999;
}
/* Mobile-Button default aus */
.asmit-news__all-btn--mobile{ display:none; }

/* Grid (Startseite: Hero + Liste) */
.asmit-news__grid{ display:grid; grid-template-columns:minmax(380px,55%) 1fr; gap:60px; }

/* Hero (links) */
.asmit-news__hero-media{ position:relative; display:block; overflow:hidden; border-radius:12px; margin-top:10px; }
.asmit-news__hero-media img{ width:100%; height:350px; object-fit:cover; display:block; }
.asmit-news__placeholder{ width:100%; height:305px; background:#f3f4f6; }
.asmit-news .asmit-news__date-pill {
  position:absolute;
  left:18px;
  bottom:16px;
  background: var(--pill);
  color:#1A2B3C;
  font:300 16px/1 "Inter",sans-serif;
  padding:8px 12px;
  border-radius:8px;
}
.asmit-news__hero-body{ margin-top:20px; }
.asmit-news__hero-title{ margin:0 0 6px; font:600 24px/1.25 "Inter",sans-serif; color:#153A57; }
.asmit-news__hero-excerpt{ margin:0 0 6px; color:var(--muted); }

/* Rechte Liste */
.asmit-news__list-title{ margin:25px 0 25px; font:600 18px/1.2 "Inter",sans-serif; color:#153A57; }
.asmit-news__list .asmit-news__item{
  display:grid; grid-template-columns:64px 1fr; gap:16px; align-items:stretch;
  padding:45px 0 30px 0; border-bottom:1px solid #ecf1f6;
}
.asmit-news__date{
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  height:100%; min-width:64px; padding:10px 8px; background:#FEF3C7;
  border-radius:10px; text-decoration:none; color:#2A5A85;
}
.asmit-news__date-day{ font:500 22px/1 "Inter",sans-serif; color:#2A5A85; }
.asmit-news__date-mon{ font:400 16px/1 "Inter",sans-serif; margin-top:2px; color:#2A5A85; opacity:.85; }
.asmit-news__item-title{ margin:0 0 4px; font:500 18px/1.25 "Inter",sans-serif; color:#153A57 !important; }
.asmit-news__item-excerpt{ margin:0; font:300 16px/1.5 "Inter",sans-serif; color:#1A2B3C; }



/* Tablet <= 900px */
@media (max-width:900px){
  .asmit-news__grid{ grid-template-columns:1fr; }
  .asmit-news__header{ align-items:flex-start; }
  .asmit-news__all-btn{ display:none !important; }
}

/* Mobile <= 640px */
@media (max-width:640px){
  .asmit-news{ border-radius:12px; padding:20px; }
  .asmit-news__header{ display:block; margin-bottom:8px; }
  .asmit-news__header h2{ font-size:20px; margin:0 0 6px; }
  .asmit-news__intro{ font-size:14px; margin:0; }

  .asmit-news__grid{ display:block; }
  .asmit-news__hero{ position:relative; margin-bottom:12px; }
  .asmit-news__hero-media img{ height:auto; border-radius:8px; }
  .asmit-news__date-pill{ left:12px; bottom:12px; padding:6px 10px; border-radius:8px; font-weight:600; font-size:12px; }
  .asmit-news__hero-title{ font-size:18px; margin:8px 0 4px; }
  .asmit-news__hero-excerpt{ font-size:14px; margin:0 0 8px; }

  .asmit-news__list{ margin-top:10px; }
  .asmit-news__list-title{ margin:0 0 6px; font-size:14px; color:#2A5A85; font-weight:700; }

  .asmit-news__list .asmit-news__item{
    grid-template-columns:56px 1fr; gap:12px; align-items:stretch;
    padding:10px 0; border-top:1px solid #ecf1f6;
  }
  .asmit-news__list .asmit-news__item:first-child{ border-top:0; }

  .asmit-news__date{ min-width:56px; padding:8px 6px; }
  .asmit-news__date-day{ font-weight:700; font-size:18px; }
  .asmit-news__date-mon{ font-weight:700; font-size:11px; }

  .asmit-news__item-title{ font-size:14px; margin:0 0 4px; color:#0f172a; }
  .asmit-news__item-excerpt{ font-size:13px; color:#475569; }
}

/* Mobile-CTA-Button: nur <=640px sichtbar */
@media (max-width:640px){
  .asmit-news__all-btn--mobile{
    display:block !important;
    width:100%; text-align:center; margin-top:10px;
    background:#FFE966; color:#0f172a; font-weight:700;
    padding:12px 14px; text-decoration:none;
  }
}

/* ===== ARCHIV-VIEW ===== */

/* Grid: immer 3 Spalten */
.asmit-news-archive .asmit-news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 55px;
}

/* Responsiv */
@media (max-width:900px){
  .asmit-news-archive .asmit-news__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:600px){
  .asmit-news-archive .asmit-news__grid { grid-template-columns: 1fr; }
}

/* Hero-Artikel im Archiv */
.asmit-news-archive .asmit-news__hero {
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}
.asmit-news-archive .asmit-news__hero:hover {
  transform: translateY(-4px);
}

/* Bild + Datum */
.asmit-news-archive .asmit-news__hero-media {
  position: relative;
  display: block;
}
.asmit-news-archive .asmit-news__hero-media img {
  width: 100%;
  height: 350px;
  display: block;
  object-fit: cover;
	object-position: center center;
   border-radius: 8px 8px 8px 8px;
}

/* Datum oben rechts */
/* Archiv: Datum oben rechts */
.asmit-news-archive .asmit-news__date-pill {
  position:absolute;
  top:10px;
  right:10px;
  left:auto;       /* überschreibt left */
  bottom:auto;     /* überschreibt bottom */
  background:#FFE966;
  color:#1A2B3C;
  font-weight:400;
  padding:6px 10px;
  border-radius:8px;
  display:inline-block;
  line-height:1.2;
}

/* Titel + Auszug */

.asmit-news-archive .asmit-news__hero-title {
  margin: 0 0 0.5rem;
  font-family: var(--e-global-typography-392b9e0-font-family), Sans-serif;
	font-size: var(--e-global-typography-392b9e0-font-size);
	font-weight: var(--e-global-typography-392b9e0-font-weight);
	text-transform: var(--e-global-typography-392b9e0-text-transform);
	font-style: var(--e-global-typography-392b9e0-font-style);
	text-decoration: var(--e-global-typography-392b9e0-text-decoration);
	line-height: var(--e-global-typography-392b9e0-line-height);
	letter-spacing: var(--e-global-typography-392b9e0-letter-spacing);
	color: var(--e-global-color-14ef391);
}
.asmit-news-archive .asmit-news__hero-excerpt {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    color: var(--e-global-color-text);
}

/* Pagination */
.asmit-news__pagination {
  margin-top: 2rem;
  text-align: center;
}
.asmit-news__pagination a,
.asmit-news__pagination span {
  display: inline-block;
  margin: 0 4px;
  padding: 8px 16px;
  border-radius: 6px;
  background: #f5f5f5;
  color: var(--e-global-color-14ef391);
  text-decoration: none;
  transition: background 0.2s;
}
.asmit-news__pagination a:hover {
  background: #FFD600;
  color: #000;
}
.asmit-news__pagination .current {
  background: #FFD600;
  color: #000;
  font-weight: bold;
}

/* CSS for Aktulles news-cards */
.news-aktulles-section .elementor-post__read-more{
	position: absolute;
	right: 3%;
	border-radius: 8px;
	top: 3%;
	background-color: #FFE966;
	border-top: none !important;
	text-transform: uppercase !important;
	padding: 10px 8px;
	text-align:center;
}
.news-aktulles-section .elementor-post__read-more .asmit-news__date-pill{
	line-height: 1.3em;
	color:#1A2B3C;
}
.news-aktulles-section .elementor-post__read-more .asmit-news__date-pill .day, .asmit-news-archive .asmit-news__date-pill .day{
	font-size:22px !important;
}
.news-aktulles-section .elementor-post__read-more .asmit-news__date-pill .month, .asmit-news-archive .asmit-news__date-pill .month{
	font-size:15px;
}
.news-aktulles-section .elementor-post__thumbnail {
    border-radius: 8px;
}
#datePickerBox {
	background: #ffeb3b;
	padding: 10px 18px;
	display: inline-block;
	border-radius: 4px;
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 20px;
}
#dateRangeInput { display:none; }

.litepicker-reset-btn {
	margin-left: 10px;
	background: #ffeb3b;
	border-radius: 4px;
	padding: 3px 8px;
	cursor:pointer;
	font-weight:600;
	border:1px solid #d6c200;
}
.litepicker .container__months .month-item-header .button-previous-month:hover>svg {
    fill: #1a2b3c !important;
}
.litepicker [type=button]:focus,.litepicker [type=button]:hover,.litepicker [type=submit]:focus,.litepicker [type=submit]:hover,.litepicker button:focus,.litepicker button:hover {
	background-color: #fde047;
}
.litepicker {
	font-family: 'Inter', sans-serif !important;
}
/* CSS for termin cards */
.school-termin-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	margin-top:20px;
}
.school-termin-card {
    padding: 20px;
    border: 1px solid #dddddd29;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/*     transition: transform 0.3s ease, box-shadow 0.3s ease; */
	position:relative;
	opacity: 1;
    transform: translateY(0);
    transition: opacity 0.35s ease, transform 0.35s ease;

}
/* CSS for Aktulles news-filter */
.school-news-filter {
	margin-bottom: 20px;
	overflow-x: auto;
    display: flex;
}
.school-news-filter-wrapper .school-news-filter button {
	background: #FFF7CC !important;
	border: none;
	padding: 10px 15px;
	margin: 3px;
	cursor: pointer;
	font-weight: 600;
	border-radius: 3px;
	transition: all 0.2s ease;
	color: var(--e-global-color-14ef391);
}
.school-news-filter button.active,
.school-news-filter button:hover {
	background: #FFE966 !important;
}
.school-news-card:first-child{
	border-top:none;
}
.school-news-card {
	display: flex;
	border-top: 1px solid #0000001A;
	padding: 20px 0;
	align-items: center;
}

.school-news-wrapper.termin-container{
	display: flex:
	flex-wrap:wrap;
	border: 1px solid #0000001A;
}
.school-news-date {
	background: #FFF7CC;
    padding: 20px 10px;
    text-align: center;
    width: 125px;
    font-weight: 500;
    border-radius: 8px;
    margin-right: 40px;
    border: 1px solid #FFE966;
}
.school-termin-date {
	background: #FFF7CC;
    padding: 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 8px;
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 84px;
    height: 70px;
    align-items: center;
    z-index: 10;
    box-shadow: 2px 2px 2px 2px #FFE966;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}
.school-termin-date .tag{
	font-family: "Inter", Sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: var(--e-global-color-text);
}
.school-termin-date .day, .school-termin-date .day-range {
	font-family: "Inter", Sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: var(--e-global-color-text);
}

.school-termin-card.hide {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}
.school-news-date .tag{
	font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: var(--e-global-color-text);
}
.school-news-date .day {
	font-size: 34px;
	font-weight: 500;
	font-family: "Inter", Sans-serif;
	color: var(--e-global-color-text);
}
.school-news-date .month {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	font-family: "Inter", Sans-serif;
	color: var(--e-global-color-text);
}
.school-news-content h3 {
	margin: 0;
	font-size: 24px;
	color: var(--e-global-color-14ef391);
}
.school-news-content h3 a{
	color: var(--e-global-color-14ef391);
}
.school-news-content p {
	margin-top: 5px;
	text-align: left;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    letter-spacing: 0em;
    color: var(--e-global-color-text);
}

.school-news-content
{
	margin-bottom:50px;
}


.termin-cards-container .school-termin-date {
	position: relative;
	background: unset;
    padding: 0;
	bottom: 0;
    right: 0;
	height: 48px;
	border: 0;
}
.date-picker-box {
	position: absolute;
    right: 0;
    top: -70px;
	background: #ffe94d;
	padding: 10px 15px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
	font-size:18px;
	color: var(--e-global-color-14ef391);
	font-family: "Inter", Sans-serif;
}

.date-picker-popup {
	position: absolute;
	top: 45px;
	left: 0;
	background: white;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
	z-index: 10;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	color: var(--e-global-color-14ef391);
}

.date-picker-popup input {
	margin:5px 0;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 4px;
}

.date-picker-popup button {
	background: #ffe94d;
	border: none;
	padding: 6px 10px;
	border-radius: 3px;
	font-weight: 600;
	cursor: pointer;
	margin: 8px 0;
	width: 100%;
}

/* Events Page */

/* ✅ Modern Calendar Styling */
/* Reduce the height of day cells */
.fc-daygrid-day-frame {
    padding: 2px !important;
}

/* Make events tighter */
.fc-daygrid-event {
    padding: 1px 3px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Make the date number smaller */
.fc-daygrid-day-number {
    font-size: 11px !important;
    padding: 2px !important;
}

/* Reduce cell height */
.fc-daygrid-day {
    min-height: 55px !important; /* adjust if needed */
    height: 55px !important;
}
.fc-theme-standard .fc-scrollgrid {
	border:none;
}
table.fc-col-header, table.fc-scrollgrid-sync-table{
	font-family: "Inter", Sans-serif;
}
.fc .fc-scrollgrid table {
    border-left-style: unset !important;
}
table.fc-col-header, table.fc-scrollgrid-sync-table {
	margin-block-end: unset;
}
table.fc-scrollgrid-sync-table td.fc-day-past {
    background: #f8f9fa00;
}
table.fc-scrollgrid-sync-table td.fc-day-future {
    background: #fff;
}

/* FullCalendar Header */
.fc .fc-toolbar {
	flex-wrap: wrap;
    gap: 10px;
}
.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 1rem;
}
.fc .fc-toolbar-title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #1e293b;
	font-family: "Inter", Sans-serif;
}
.fc .fc-button {
	background:  #FFF7CC!important;
	color: var(--e-global-color-14ef391); !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 0.9rem;
	padding: 0.4rem 0.7rem;
	transition: all 0.2s ease;
}
.fc .fc-button:hover {
	background: #ffe94d !important;
}
.fc .fc-button-active {
	background: #ffe94d !important;
}
.fc .fc-button-group{
	gap:10px;
	font-family: "Inter", Sans-serif;
}
.fc .fc-button-primary:disabled, .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:hover{
	color: var(--e-global-color-14ef391);
}
.fc .fc-button-primary:focus {
	    box-shadow: unset !important;
}
 

/* Day Cells */
.fc-daygrid-day {
	transition: background 0.2s ease;
}
.fc-daygrid-day:hover {
	background: #f1f5f9;
	cursor: pointer;
}
.fc-day-today {
	background: #e0f2fe !important;
}

/* Event Pills */
/* General event styling */
.fc-event.asm-event,
.fc-daygrid-event.asm-event {
    border-radius: 6px !important;
    padding: 2px 4px !important;
    margin: 1px 0 !important;
    font-weight: 500;
	
}
.fc-h-event .fc-event-main {
    color: unset !important;
}
.fc-event.grundschule { border:1px dashed #2b7bb9 !important; color:#2b7bb9 !important; }
.fc-event.ogs         { border:1px dashed #1d8f43 !important; color:#1d8f43 !important;}
.fc-event.foerderverein{ border:1px dashed #c15b1d !important; color:#c15b1d !important;}

/* On hover — darker border + slight lift */
.fc-event.asm-event:hover {
    border-color: rgba(0,0,0,0.7) !important;
    transform: translateY(-2px);
    transition: 0.15s ease-in-out;
}

/* Force consistent block display */
.fc-daygrid-event.asm-event {
    display: block !important;
}


/* Empty message */
.no-posts-message {
	text-align: center;
	margin-top: 2rem;
	font-style: italic;
	color: #6b7280;
}

/* Single termin page */
.single-termin-page-meta {
	color: var(--e-global-color-fa6d0e9);
}



/* Responsive calendar */
@media (max-width: 767px) {
	.fc .fc-toolbar-title {
		font-size: 1.1rem;
	}
	.fc .fc-button {
		font-size: 0.8rem;
		padding: 0.3rem 0.5rem;
	}
	.termin-container .school-news-card{
		flex: 1;
		box-sizing: border-box !important;
	}
	.school-termin-wrapper {
		grid-template-columns: 1fr;
	}
	
}
@media (min-width: 768px) and  (max-width: 1180px) {
	.school-termin-wrapper {
		grid-template-columns: repeat(2 ,1fr);
	}
}

@media (min-width: 1200px) and  (max-width: 1535px) {
	.info-container, .download-container {
		--e-con-grid-template-columns: repeat(3, 2fr) !important;
	}
	
}