body.modal-open {
  overflow: visible;
  /*height: auto;*/
}

.panel-default.calendarview {

}

.panel-default.calendarview .panel-body .fc-center h2 {
  font-size: 22px;
  font-weight: bold;
}

.fc-toolbar {
  background-color: var(--color-bg);
  padding: 0;
}

.fc-view-harness {
  padding-bottom: 3rem; /* oder beliebig z. B. 60px */
}

.fc-day-header .fa-plus-circle.add,
.fc-day-top .fa-plus-circle.add {
  color: #949e97;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  padding: 2px 8px 2px 4px;
  opacity: 0.4;
  z-index: 5;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

.fc-day-header .fa-plus-circle.add,
.fc-day-top .fa-plus-circle.add {
  font-size: 20px;
  line-height: 20px;
  padding: 2px 8px 2px 4px;
}

/* Plus-Symbole unsichtbar machen, aber klickbar halten */
.fc-day-header .fa-plus-circle.add,
.fc-day-top .fa-plus-circle.add,
.fc-daygrid-day-top .fa-plus-circle.add {
  color: transparent !important;
  opacity: 0 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  cursor: pointer;
}

.fc-day-top:hover .fa-plus-circle.add,
.fc-day-top .fa-plus-circle.add:hover {
  color: #008803;
  opacity: 1;
}

/* Ursprüngliche Hover-Effekte beibehalten */
.fc-day-top:hover .fa-plus-circle.add,
.fc-day-top .fa-plus-circle.add:hover, 
.fc-daygrid-day-top:hover .fa-plus-circle.add,
.fc-daygrid-day-top .fa-plus-circle.add:hover {
  color: transparent !important;
}

#forcal .fc-day-header {
  position: relative;
}

#forcal .fc-day-header i.add {
  position: absolute;
  left: 0;
  top: 0;
}

#forcal .fc-day-header i.add:hover {
  color: #00e504;
  opacity: 1;
}

#forcal .fc-day-header i.add:hover {
  color: transparent !important;
  opacity: 0 !important;
}

#forcal .fc-day-header.fc-sun .fa-plus-circle.add:hover,
#forcal .fc-day-header.fc-sat .fa-plus-circle.add:hover {
  color: #004f01;
}

#forcal .fc-day-header.fc-sun .fa-plus-circle.add:hover,
#forcal .fc-day-header.fc-sat .fa-plus-circle.add:hover {
  color: transparent !important;
}

.fc-event-container a,
.fc-day-top:hover {
  cursor: pointer;
}

.fc-content-skeleton > table {
  background: inherit;
}

.fc-day-header {
  background-color: #324050;
  color: #fff;
}

#forcal .fc-day-header {
  padding: 10px 0;
}

.fc-day-header.fc-sat {
  background-color: #ffab91
}

.fc-day-header.fc-sun {
  background-color: #ef9a9a
}

.fc-day-top.fc-sat .fc-day-number {
  color: #ffab91
}

.fc-day-top.fc-sun .fc-day-number {
  color: #ef9a9a
}

.forcal-group {
  width: 100%;
}

.forcal_clangtabs {
  margin-left: -15px;
  margin-right: -15px;
}

.forcal_clangtabs .nav {
  padding-left: 5px;
  border-bottom: 1px solid #bfe0d8;
}

.forcal-tabform {
  padding: 20px 15px 5px 15px;
  margin-bottom: 10px;
  background-color: #f1fcfa;
  border-bottom: 1px solid #bfe0d8;
}

.forcal_clangtabs .nav-tabs > li.active > a,
.forcal_clangtabs .nav-tabs > li.active > a:hover,
.forcal_clangtabs .nav-tabs > li.active > a:focus {
  color: #333;
  background-color: #f1fcfa;
  border-color: #bfe0d8;
  border-top: 2px solid #3bb594;
  border-bottom: 1px solid #f1fcfa;
  border-radius: 4px 4px 0 0;
}

.forcal_clangtabs .nav-tabs > li > a {
  color: #333;
  background-color: #e6eaf0;
  border-color: #f1f6fc;
  border-radius: 4px 4px 0 0;
}

.forcal_clangtabs .nav-tabs > li > a:hover {
  color: #fff;
  background-color: #3bb594;
  border-color: #3bb594;
}

.forcal_clangtabs .nav.nav-tabs {
  background-color: #e1ebe5;
  padding-top: 12px;
  /*margin-top: -15px;*/
}

dl + .forcal_clangtabs .nav.nav-tabs,
.forcal-first-group + .forcal_clangtabs .nav.nav-tabs {
  margin-top: 0;
}

.forcal-first-group .form-group-np {
  margin-bottom: 0;
}

.forcal-first-group {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  margin-top: -15px;
  background: #8ad6bb;
  color: #fff;
}

/*    overflow-x: hidden;
  white-space: nowrap;
*/

.forcal-first-group + dl {
  margin-top: 15px;
}

.panel-group.forcal-panel + .panel-group.forcal-panel {
  margin-top: -15px;
}

.forcal-panel .panel-collapse.collapsing .panel-body,
.forcal-panel .panel-collapse.collapse .panel-body,
.forcal-tabform .forcal-panel .panel-collapse.collapse .panel-body {
  border-color: transparent;
}

.forcal-panel .panel-default {
  border-color: #d0d4d9;
}

.forcal-panel .panel-default .panel-body {
  background-color: #e1ebe5;
}

.forcal-panel .panel-default > .panel-heading {
  background-color: #e1ebe5;
}

.forcal-tabform .forcal-panel .panel-default {
  border-color: #dfe3e9;
}

.forcal-tabform .forcal-panel .panel-default .panel-body {
  background-color: #fefcff;
}

.forcal-tabform .forcal-panel .panel-default > .panel-heading {
  background-color: #fefcff;
}

.forcal-panel .panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\2212";
  float: right;
  color: grey;
}

.forcal-panel .panel-heading a.collapsed:after {
  content: "\002b";
}

.forcaldatepicker.forcal .form-control {
  /*border-radius: 4px;*/
}

div.daterangepicker_input,
.rex-page-forcal-events .daterangepicker .daterangepicker_input {
  display: none;
}

div.daterangepicker.forcal {
  margin-top: 10px;
}

.daterangepicker.forcal:before {
  /*left: 50%;*/
  /*margin-left: -11px;*/
  /*border-top-width: 0;*/
  /*border-bottom-color: #999;*/
  /*border-bottom-color: rgba(0, 0, 0, 0.25);*/
  /*top: -11px*/
}

.daterangepicker.forcal:after {
  /*content: " ";*/
  /*top: 1px;*/
  /*margin-left: -10px;*/
  /*border-top-width: 0;*/
  /*border-bottom-color: #fff;*/
}

div.daterangepicker.forcal .cancelBtn {
  display: none;
}

.daterangepicker.forcal.opensright:before,
.daterangepicker.forcal.opensright:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.forcal.opensright:before {
  top: -11px;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-bottom: 11px solid #ccc;
}

.daterangepicker.forcal.opensright:after {
  top: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
}

div.popover.clockpicker-popover {
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.clockpicker-align-left.popover > .arrow {
  left: 20px;
}

div.popover.clockpicker-popover .popover-content {
  background: inherit;
}

.clockpicker-popover .popover-title {
  font-size: inherit;
  font-weight: bold;
  border-bottom: none;
}

.clockpicker-popover .popover-content {
  padding-top: 0;
  padding-bottom: 9px;
}

.btn.clockpicker-button {
  /*color: #fff;*/
  /*background-color: #3bb594;*/
  /*border-color: #35a284;*/
  /*display: inline-block;*/
  /*margin-bottom: 0;*/
  /*font-weight: normal;*/
  /*text-align: center;*/
  /*vertical-align: middle;*/
  /*border-radius: 4px;*/
}

/*.forcal_repeats_show,*/
.forcal_repeat_show {
  display: none;
}

div.popover.clockpicker-popover {
  max-width: 228px;
  width: auto;
}

div.popover.clockpicker-popover .pop-wrapper {
  width: 225px;
  float: left;
}

div.popover.clockpicker-popover .popover-title,
div.popover.clockpicker-popover .popover-content {
}

div.popover.clockpicker-popover .range_inputs {
  padding: 8px;
  float: left;
}

table.forcaldatepicker.table {
  margin-bottom: 0;
  background: inherit;
}

table.forcaldatepicker.table > thead > tr > th label {
  font-weight: normal;
}

table.forcaldatepicker.table > thead > tr > th,
table.forcaldatepicker.table > thead > tr > td {
  padding: 0;
}

table.forcaldatepicker > thead > tr > td.date-input {
  padding-left: 0;
  padding-right: 0;
  border: none;
}

table.forcaldatepicker > thead > tr > td.date-input.only input.form-control {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

table.forcaldatepicker > thead:first-child > tr:first-child > th.date-label,
table.forcaldatepicker > thead > tr > th.date-label {
  padding-right: 18px;
  border: none;
}

table.forcaldatepicker > thead > tr > td.date-input:last-child {
  padding-right: 0;
}

div.forcal-form-input-inline dl,
div.forcal-form-select-inline dl,
div.forcal-form-radioboxes-inline dl,
div.forcal-form-checkboxes-inline dl {
  display: inline !important;
  width: inherit !important;
  table-layout: inherit !important;
  float: left;
  margin-bottom: 0 !important;
}

div.forcal-form-input-inline dl dt,
div.forcal-form-select-inline dl dt,
div.forcal-form-radioboxes-inline dl dt,
div.forcal-form-checkboxes-inline dl dt,
div.forcal-form-input-inline dl dd,
div.forcal-form-select-inline dl dd,
div.forcal-form-radioboxes-inline dl dd,
div.forcal-form-checkboxes-inline dl dd {
  display: inline !important;
  padding: 0 !important;
}

.forcal-form-inline-description + div dl,
.forcal-form-input-inline + div dl,
.forcal-form-select-inline + div dl,
.forcal-form-radioboxes-inline + div dl,
.forcal-form-checkboxes-inline + div dl {
  margin-left: 15px !important;
}

.forcal-form-inline-description + div dl dt,
.forcal-form-input-inline + div dl dt,
.forcal-form-select-inline + div dl dt,
.forcal-form-radioboxes-inline + div dl dt,
.forcal-form-checkboxes-inline + div dl dt {
  margin-right: 10px !important;
}

div.forcal-form-inline-description dl + dl,
div.forcal-form-input-inline dl + dl,
div.forcal-form-select-inline dl + dl,
div.forcal-form-radioboxes-inline dl + dl,
div.forcal-form-checkboxes-inline dl + dl {
  margin-left: 15px;
}

.forcal_repeats_show:after {
  content: '';
  display: block;
  clear: both;
}

.forcal-form-inline-description {
  float: left;
  padding-left: 10px;
  padding-top: 7px;
}

.forcal-check-checkstyle .btn-group label,
.forcal-check-radiostyle .btn-group label {
  padding-left: 40px;
}

.forcal-check-checkstyle input:empty,
.forcal-check-radiostyle input:empty {
  margin-left: -20px;
  margin-right: 10px;
}

.forcal-check-checkstyle input:before,
.forcal-check-radiostyle input:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #eee;
}

.forcal-check-checkstyle input:before,
.forcal-check-radiostyle input:before {
  content: '\2714';
  color: #C2C2C2;
  padding-top: 7px;
  text-align: center;
}

.forcal-check-checkstyle input:checked:before,
.forcal-check-radiostyle input:checked:before {
  content: '\2714';
  color: #fff;
  background-color: #5cb85c;
}

.forcal-check-checkstyle .btn-group > .btn:first-child input:before,
.forcal-check-radiostyle .btn-group > .btn:first-child input:before {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.forcal-repeat-type .bootstrap-select {
  width: 130px !important;
}

.forcal-repeat-ending strong {
  padding-left: 10px;
}

.view-weekly .bootstrap-select,
.view-yearly .bootstrap-select,
.view-monthly .bootstrap-select {
  width: 60px !important;
}

#dpd2b_wrapper {
  width: 220px;
  padding-left: 10px;
}

#dpd2b_wrapper input {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.forcal_repeats_show .forcal-form-input-inline + .rex-form-group {
  display: none;
}

#rex-page-forcal-entries .rex-page-section .panel-edit .panel-body > .alert {
  margin-bottom: 35px;
}

.rex-table-icon.forcal-fa-repeat i:before,
.forcal-fa-repeat i:before {
  content: "\f363" !important;
}

.palette-color-picker-button {
  z-index: 10000;
}
.quick_navi_forcal_border {
border-left: 5px solid;
}

/* Safari-spezifische Fixes für flatpickr */
.flatpickr-monthDropdown-months {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  color: inherit !important;
  cursor: pointer !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: 300 !important;
  height: auto !important;
  line-height: inherit !important;
  margin: -1px 0 0 0 !important;
  outline: none !important;
  padding: 0 0 0 0.5ch !important;
  position: relative !important;
  vertical-align: initial !important;
  width: auto !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='white'%3E%E2%96%BE%3C/text%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 5px center !important;
}

/* Verstecke den Standardpfeil im Safari */
.flatpickr-monthDropdown-months::-webkit-details-marker {
  display: none !important;
}

/* Weitere Safari-Fixes für flatpickr */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
      .flatpickr-monthDropdown-months { 
          text-indent: 0.01px !important;
          text-overflow: '' !important;
          padding-right: 15px !important;
      }
  }
}

/* Andere Browser-Fixes für flatpickr */
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Korrektur für das Dropdown-Menü */
.flatpickr-months .flatpickr-month {
  position: relative !important;
  overflow: visible !important;
}

/* Klickbare Kalendertage */
.forcal-clickable-cell,
.forcal-clickable-day {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

/* Hover-Effekt für Tagesheader */
.forcal-clickable-cell:hover {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.1) !important;
}

/* Hover-Effekt für normale Tage in der Monatsansicht */
.forcal-clickable-day:hover:not(.fc-day-today) {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.1) !important;
}

/* Hover-Effekt für den heutigen Tag (mit anderem Hintergrund) */
.forcal-clickable-day.fc-day-today:hover {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.15) !important;
}

/* Hover-Effekt für Wochenendtage */
.fc-day-sat.forcal-clickable-day:hover,
.fc-day-sun.forcal-clickable-day:hover {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.15) !important;
}

/* Darstellung des Cursor als 'Hinzufügen' */
.forcal-clickable-cell:hover,
.forcal-clickable-day:hover {
    position: relative;
}

/* Effekt für Dark Mode */
body.rex-theme-dark .forcal-clickable-cell:hover,
body.rex-theme-dark .forcal-clickable-day:hover:not(.fc-day-today) {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.2) !important;
}

body.rex-theme-dark .forcal-clickable-day.fc-day-today:hover {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.25) !important;
}

body.rex-theme-dark .fc-day-sat.forcal-clickable-day:hover,
body.rex-theme-dark .fc-day-sun.forcal-clickable-day:hover {
    background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.25) !important;
}

/* Verbesserte und spezifischere Selektoren für Hover-Effekte */
.fc-daygrid-day.forcal-clickable-day:hover:not(.fc-day-today):not(.fc-popover):not(.fc-more-popover),
.fc-col-header-cell.forcal-clickable-cell:hover:not(.fc-popover):not(.fc-more-popover) {
  background-color: rgba(var(--event-color-rgb, 55, 136, 216), 0.1) !important;
}

/* "Weitere Termine"-Link deutlicher hervorheben */
.fc-daygrid-more-link {
  font-weight: bold;
  text-decoration: none !important;
  padding: 2px 5px !important;
  border-radius: 10px;
  color: #1867a6 !important;
}

.fc-daygrid-more-link:hover {
  background-color: rgba(24, 103, 166, 0.15) !important;
  color: #0a4f8d !important;
  cursor: pointer;
}

/* Im Dark Mode */
body.rex-theme-dark .fc-daygrid-more-link,
body:not(.rex-theme-light) .fc-daygrid-more-link {
  color: #52a8ff !important;
}

body.rex-theme-dark .fc-daygrid-more-link:hover,
body:not(.rex-theme-light) .fc-daygrid-more-link:hover {
  background-color: rgba(82, 168, 255, 0.2) !important;
  color: #78bcff !important;
}

/* Weitere Termine-Popover korrekte Positionierung */
body #forcal .fc-popover.fc-more-popover {
  position: absolute !important;
  z-index: 100 !important;
  /* Verhindern, dass das Popup immer oben links erscheint */
  
  margin-top: 1px;
  max-width: 300px;
}

/* Verbesserte Positionierung für verschiedene Bildschirmgrößen */
@media (max-width: 768px) {
  body #forcal .fc-popover.fc-more-popover {
    max-width: 280px;
  }
}

/* Sicherstellen, dass der Popover die richtige Hintergrundfarbe hat */
body #forcal .fc-popover.fc-more-popover,
body.rex-theme-dark #forcal .fc-popover.fc-more-popover,
body:not(.rex-theme-light) #forcal .fc-popover.fc-more-popover {
  background-color: var(--fc-panel-bg, #fff);
  border: 1px solid var(--fc-border, #ddd);
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Verbesserte Dark Mode Anpassungen */
body.rex-theme-dark #forcal .fc-popover.fc-more-popover .fc-event,
body:not(.rex-theme-light) #forcal .fc-popover.fc-more-popover .fc-event {
  background-color: transparent;
}



/* Pfeilbuttons: hellgrün, abgerundet, dunkler beim Hover/Klick */
#kalender-spinne .fc-button {
  background: #cde3bf;       /* hellgrün */
  color: #000;            /* dunkles Grün für Icon */
  border: none;
  transition: background-color 0.25s ease-in-out;
  padding-left: 1em;
  padding-right: 1em;
}

/* Hover-, Focus-, Active- und Dauer-Aktiv-Zustände */
#kalender-spinne .fc-button:hover,
#kalender-spinne .fc-button:focus,
#kalender-spinne .fc-button:active,
#kalender-spinne .fc-button.fc-button-active,
#kalender-spinne .fc-button[aria-pressed="true"] {
  background: #2c3d30 !important;   /* dunkelgrün */
  color: #ffffff !important;        /* weißer Text/Icon */
}

/* Deaktivierte Buttons */
#kalender-spinne .fc-button:disabled {
  opacity: 0.6;
  background: #CFE5C6;
  color: #0F3B2C;
}

#kalender-spinne .fc-today-button {
     border-radius: 9999px 9999px 9999px 9999px;
}

#kalender-spinne .fc-dayGridMonth-button {
     border-radius: 9999px 0 0 9999px;
     padding-left: 1.4em !important;
}

#kalender-spinne .fc-listMonth-button {
     border-radius: 0 9999px 9999px 0;
     padding-right: 1.4em !important;
}

#kalender-spinne .fc-next-button {
     border-radius: 0 9999px 9999px 0;
}

#kalender-spinne .fc-prev-button {
     border-radius: 9999px 0 0 9999px;
}



/* Toolbar Grundlayout */
#kalender-spinne .fc-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

/* Chunks nebeneinander (Standard) */
#kalender-spinne .fc-toolbar .fc-toolbar-chunk {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ===== Responsive Layout ===== */
@media (max-width: 650px) {
  /* 1. Zeile: Pfeile + Today */
  #kalender-spinne .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
    order: 1;
    width: 100%;
    justify-content: flex-start;
    gap: 12px;
  }

  /* 2. Zeile: month/week/list Buttons */
  #kalender-spinne .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
    order: 2;
    width: 100%;
    justify-content: flex-start;
  }

  /* 3. Zeile (neu): Monatstitel – ganz nach unten */
  #kalender-spinne .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px; /* etwas Abstand nach oben */
  }

  /* Titel-Text anpassen */
  #kalender-spinne .fc-toolbar-title {
    text-align: left;
    font-size: 1.5rem;
  }

  /* etwas Abstand über dem Kalender selbst */
  #kalender-spinne .fc-view-harness {
    padding-top: .5rem;
  }
}

/* ganz schmale Screens enger machen */
@media (max-width: 480px) {
  #kalender-spinne .fc-toolbar {
    gap: 8px 10px;
  }
  #kalender-spinne .fc-button-group {
    gap: 0;
  }
}


section.textrahmen.kalenderspinne {
  padding-top: 2.5rem;
}

#kaklender-spinne {
max-width:1500px;
margin:0 auto;
z-index:9999;
}
.forcal-modal[hidden]{display:none}
.forcal-modal{position:fixed;inset:0;z-index:9999}
.forcal-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45); z-index:9998}
.forcal-modal-dialog{
  position:relative;max-width:min(680px,92vw);margin:8vh auto 0;
  background:#fff;border-radius:var(--radius,12px);box-shadow:0 10px 30px rgba(0,0,0,.25);
  padding:1.2rem 1.2rem 1rem; font:inherit; color:inherit;
  z-index:9999
}
.forcal-modal-close{
  position:absolute;right:.6rem;top:.5rem;border:0;background:transparent;
  font-size:1.6rem;line-height:1;cursor:pointer;opacity:.7
}
.forcal-modal-title{margin:.1rem 2rem .5rem 0;font-size:clamp(1.05rem,2.4vw,1.35rem)}
.forcal-modal-meta{font-size:.95rem;opacity:.85;margin:.2rem 0 .6rem}
.forcal-modal-teaser{line-height:1.55}
.forcal-modal-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}
.forcal-btn{
  display:inline-flex;align-items:center;gap:.45rem;
  border:1px solid var(--c-line,#d7d7d7);border-radius:999px;padding:.45rem .8rem;background:#fff;cursor:pointer
  
  display: inline-block;
position: relative;
text-align: center;
height: auto;
text-decoration: none;
color: inherit;
color: var(--color-black);
background-color: var(--color-hellgruen);
padding: .4rem .8rem .4rem .8rem;
border-radius: var(--fieldbuttonrounded);
margin-top:.3rem;
margin-bottom:.3rem;
cursor:pointer;
font-size:.9em;
font-weight:200;
border:0;
}
.forcal-btn:hover {
color: var(--color-bg);
background-color: var(--color-darkgreen);
padding: .4rem .8rem .4rem .8rem;
margin-top:.3rem;
margin-bottom:.3rem;
border-radius: var(--fieldbuttonrounded);
border:0;
}
.forcal-btn[href]{text-decoration:none;color:inherit


}
a.fc-event {
cursor:pointer;
}

/* Overlay zentrieren – unabhängig von der Scrollposition */
.forcal-modal{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;           /* vertikal zentrieren */
  justify-content: center;       /* horizontal zentrieren */
  padding: max(8vh, 24px) 16px;  /* Rand, damit es nie anstößt (auch bei kleinen Screens) */
  z-index: 99999 !important;     /* 🔼 höher als Header oder andere Layout-Elemente */
}

/* Dialog: kein Top-Margin mehr, begrenzen + scrollbar wenn zu hoch */
.forcal-modal-dialog{
  margin: 0;                              /* überschreibt: margin:8vh auto 0; */
  width: min(680px, 92vw);
  max-height: min(84vh, 90dvh);           /* respektiert Mobile-Viewport (dvh) */
  overflow: auto;                         /* Inhalt scollbar, Kopf/Kanten bleiben sichtbar */
  -webkit-overflow-scrolling: touch;      /* smooth auf iOS */
}

/* Optional: iOS-Safe-Area berücksichtigen (Notch) */
@supports (padding: max(0px)) {
  .forcal-modal{
    padding-top: max(8vh, 24px, env(safe-area-inset-top));
    padding-bottom: max(24px, env(safe-area-inset-bottom));
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
}
span.pill {

display: inline-block;
position: relative;
text-align: center;
height: auto;
text-decoration: none;
color: inherit;
color: var(--color-black);
background-color: var(--color-hellgruen);
padding: .3rem .5rem .3rem .5rem;
border-radius: var(--fieldbuttonrounded);
margin-top:.3rem;
margin-bottom:.3rem;
}


.kalender-search{
  display:flex;
  justify-content:flex-end;
  gap:.5em;
  margin-bottom:.75em;
}
.kalender-search input{
  flex:1;
  max-width:260px;
  padding:.45em .6em;
  border:1px solid #ccc;
  border-radius:var(--radius,10px);
  font:inherit;
}
.kalender-search button{
  display:inline-flex;align-items:center;gap:.45rem;
  border:0;
  border-radius:999px;

  background:#fff;
  cursor:pointer
  
  display: inline-block;
position: relative;
text-align: center;
height: auto;
text-decoration: none;
color: inherit;
color: var(--color-black);
background-color: var(--color-hellgruen);
padding: .5rem 1rem .5rem 1rem;
border-radius: var(--fieldbuttonrounded);
margin-top:.3rem;
margin-bottom:.3rem;
font-size:1.0em;
font-weight:200;
cursor:pointer;
letter-spacing: .05em;
}
.kalender-search button:hover{
  display:inline-flex;align-items:center;gap:.45rem;
  border:0;
  border-radius:999px;

  background:#fff;
  cursor:pointer
  
  display: inline-block;
position: relative;
text-align: center;
height: auto;
text-decoration: none;
color: inherit;
color: var(--color-black);
background-color: var(--color-hellgruen);
padding: .5rem 1rem .5rem 1rem;
border-radius: var(--fieldbuttonrounded);
margin-top:.3rem;
margin-bottom:.3rem;
font-size:1.0em;
font-weight:200;
cursor:pointer;
letter-spacing: .05em;
color: var(--color-bg);
background-color: var(--color-darkgreen);
}


.forcal-btn{
  display:inline-flex;align-items:center;gap:.45rem;
  border:0;
  border-radius:999px;
  padding:.45rem .8rem;
  background:#fff;
  cursor:pointer
  
  display: inline-block;
position: relative;
text-align: center;
height: auto;
text-decoration: none;
color: inherit;
color: var(--color-black);
background-color: var(--color-hellgruen);
padding: .3rem .5rem .3rem .5rem;
border-radius: var(--fieldbuttonrounded);
margin-top:.3rem;
margin-bottom:.3rem;
}


.forcal-btn:hover {
color: var(--color-bg);
background-color: var(--color-darkgreen);
padding: .3rem .5rem .3rem .5rem;
border-radius: var(--fieldbuttonrounded);
border:0;
}