/* 
    Document   : jevcustom
    Created on : 22-Apr-2013, 14:12:51
    Author     : Tony Partridge - GWE Systems Ltd
    Description: To allow customisation of CSS Strings where they can never be lost.
    Purpose of the stylesheet follows.
*/

/* =========================================
   JEvents – Custom CSS (loaded last)
   Ziel: Rot entfernen + Buttons/Headlines neutral
   ========================================= */

#jevents{
  --jev-accent: #1e2f5d;                 /* euer Blau */
  --jev-accent-soft: rgba(30,47,93,.10);
  --jev-border: rgba(0,0,0,.18);
}

/* --- Rot entfernen: alle Buttons/Links in der Navigation --- */
#jevents .jev_pretablebar a,
#jevents .new-navigation a,
#jevents a.jevbutton,
#jevents input.jevbutton,
#jevents button.jevbutton{
  border-color: var(--jev-border) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hover */
#jevents .jev_pretablebar a:hover,
#jevents .new-navigation a:hover,
#jevents a.jevbutton:hover{
  border-color: var(--jev-accent) !important;
  background: var(--jev-accent-soft) !important;
}

/* Active / selected */
#jevents .jev_pretablebar a.active,
#jevents .new-navigation a.active,
#jevents a.jevbutton.active,
#jevents .jev_pretablebar .btn-danger,
#jevents .new-navigation .btn-danger{
  background: var(--jev-accent) !important;
  border-color: var(--jev-accent) !important;
  color: #fff !important;
}

/* --- Rote Linie im Monatskopf (01. März 2026) und ähnliche Borders --- */
#jevents .jev_header2,
#jevents .jev_header2 *,
#jevents .jev_toprow,
#jevents .jev_toprow *,
#jevents .month_date,
#jevents .month_date *,
#jevents .currentmonth,
#jevents .currentmonth *{
  border-color: var(--jev-border) !important;
}

/* --- Notfallschalter: wenn Flat inline red borders setzt --- */
#jevents *[style*="border"][style*="red"],
#jevents *[style*="border-color"][style*="red"],
#jevents *[style*="#ff0000"],
#jevents *[style*="#f00"]{
  border-color: var(--jev-border) !important;
}

/* =========================================
   JEvents Flat: rote Balken (Prev/Next Month) entfernen
   ========================================= */

/* Die roten Flächen links/rechts (Februar / April) */
#jevents .previousmonth,
#jevents .nextmonth{
  background: transparent !important;
}

/* Falls der rote Hintergrund am Link selbst hängt */
#jevents .previousmonth a,
#jevents .nextmonth a{
  background: transparent !important;
  color: rgba(0,0,0,.75) !important;
}

/* Der "Monatskopf" mittig (01. März 2026) */
#jevents .currentmonth{
  background: transparent !important;
}

/* =========================================
   JEvents Flat: aktiver Button nicht rot
   ========================================= */

#jevents .jev_pretablebar a.active,
#jevents .new-navigation a.active,
#jevents a.jevbutton.active{
  background: #1e2f5d !important;
  border-color: #1e2f5d !important;
  color: #fff !important;
}

/* Falls Flat stattdessen "danger" o.ä. nutzt */
#jevents .btn-danger,
#jevents .bg-danger{
  background: #1e2f5d !important;
  border-color: #1e2f5d !important;
}

/* =========================================
   JEvents: Toolbar Buttons final ent-roten
   (Nach Monat / Gehe zu Monat)
   ========================================= */

/* Toolbar: alle Button-Elemente neutral */
#jevents .jev_pretablebar a,
#jevents .jev_pretablebar button,
#jevents .jev_pretablebar input,
#jevents .new-navigation a,
#jevents .new-navigation button,
#jevents .new-navigation input{
  background: #fff !important;
  border-color: rgba(0,0,0,.18) !important;
  color: rgba(0,0,0,.78) !important;
}

/* Aktiver/selected Zustand: blau statt rot */
#jevents .jev_pretablebar a.active,
#jevents .jev_pretablebar button.active,
#jevents .jev_pretablebar input.active,
#jevents .jev_pretablebar .active a,
#jevents .jev_pretablebar .active button,
#jevents .jev_pretablebar .active input,
#jevents .new-navigation a.active,
#jevents .new-navigation .active a{
  background: #1e2f5d !important;
  border-color: #1e2f5d !important;
  color: #fff !important;
}

/* Falls JEvents "submit" Buttons (Gehe zu Monat) als input[type=submit] rendert */
#jevents input[type="submit"],
#jevents input[type="button"],
#jevents button[type="submit"]{
  background: #fff !important;
  border-color: rgba(0,0,0,.18) !important;
  color: rgba(0,0,0,.78) !important;
}

/* Hover/Focus: nicht rot */
#jevents .jev_pretablebar a:hover,
#jevents .jev_pretablebar input:hover,
#jevents .jev_pretablebar button:hover,
#jevents .new-navigation a:hover,
#jevents .new-navigation input:hover,
#jevents .new-navigation button:hover,
#jevents .jev_pretablebar a:focus,
#jevents .jev_pretablebar input:focus,
#jevents .jev_pretablebar button:focus{
  border-color: #1e2f5d !important;
  background: rgba(30,47,93,.10) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =========================================
   JEvents Toolbar: letzte rote Ränder entfernen
   (Outline/Shadow/Pseudo-Elemente/Wrapper-Border)
   ========================================= */

/* 1) Focus/Outline/Shadow komplett neutralisieren */
#jevents .jev_pretablebar a,
#jevents .jev_pretablebar button,
#jevents .jev_pretablebar input,
#jevents .new-navigation a,
#jevents .new-navigation button,
#jevents .new-navigation input{
  outline: none !important;
  box-shadow: none !important;
}

/* 2) Auch auf Hover/Focus/Active keinerlei rote Effekte */
#jevents .jev_pretablebar a:hover,
#jevents .jev_pretablebar a:focus,
#jevents .jev_pretablebar a:active,
#jevents .jev_pretablebar button:hover,
#jevents .jev_pretablebar button:focus,
#jevents .jev_pretablebar input:hover,
#jevents .jev_pretablebar input:focus,
#jevents .new-navigation a:hover,
#jevents .new-navigation a:focus,
#jevents .new-navigation input:hover,
#jevents .new-navigation input:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: #1e2f5d !important;          /* Hover-Rand blau statt rot */
}

/* 3) Wrapper-Border (falls der rote Rand nicht am Button selbst hängt) */
#jevents .jev_pretablebar *,
#jevents .new-navigation *{
  border-color: rgba(0,0,0,.18);
}

/* 4) Pseudo-Elemente (zeichnen oft den roten Rand links/rechts) */
#jevents .jev_pretablebar a::before,
#jevents .jev_pretablebar a::after,
#jevents .new-navigation a::before,
#jevents .new-navigation a::after,
#jevents .jev_pretablebar button::before,
#jevents .jev_pretablebar button::after,
#jevents .new-navigation button::before,
#jevents .new-navigation button::after{
  border-color: rgba(0,0,0,.18) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 5) Notfall: alles, was explizit "red" als border/outline/shadow setzt */
#jevents .jev_pretablebar *[style*="outline"][style*="red"],
#jevents .new-navigation *[style*="outline"][style*="red"],
#jevents .jev_pretablebar *[style*="box-shadow"][style*="red"],
#jevents .new-navigation *[style*="box-shadow"][style*="red"]{
  outline: none !important;
  box-shadow: none !important;
}

/* =========================================
   JEvents Navigation – sauber & stabil
   ========================================= */

/* Wrapper neutral */
#jevents .new-navigation .nav-items{
  border: 0 !important;
  display: inline-flex;
  gap: .6rem;
}

/* Buttons direkt stylen */
#jevents #nav-month a,
#jevents #nav-jumpto a{
  display: inline-block !important;
  padding: .45rem .9rem !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: .6rem !important;
  background: #fff !important;
  color: rgba(0,0,0,.8) !important;
  text-decoration: none !important;
}

/* Aktiver Button */
#jevents #nav-month.active a{
  background: #1e2f5d !important;
  border-color: #1e2f5d !important;
  color: #fff !important;
}

/* Hover */
#jevents #nav-month a:hover,
#jevents #nav-jumpto a:hover{
  background: rgba(30,47,93,.10) !important;
  border-color: #1e2f5d !important;
}

/* =========================================
   JEvents Nav: Abstand/Position + Doppelrahmen entfernen
   ========================================= */

/* Doppelrahmen: Wrapper dürfen keinen Border/Shadow haben */
#jevents .new-navigation,
#jevents .new-navigation .nav-items,
#jevents #nav-month,
#jevents #nav-jumpto{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Position: nicht am linken Rand kleben */
#jevents .new-navigation{
  margin: 0.75rem 0 1rem !important;
  padding-left: 1rem !important;   /* wenn du lieber zentrieren willst: siehe Alternative unten */
}

/* Alternative: zentrieren statt padding-left
#jevents .new-navigation{
  margin: 0.75rem 0 1rem !important;
  display: flex !important;
  justify-content: center !important;
}
*/

/* =========================================
   JEvents Month View: moderne Kacheln (Cards)
   ========================================= */

/* Tabellen optisch "auflockern" */
#jevents table.cal_table{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: .55rem !important;
}

/* Jede Tageszelle als Card */
#jevents table.cal_table td{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: .9rem !important;
  vertical-align: top;
  padding: .55rem .6rem !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}

/* Der graue Monats-Hintergrundbereich (die große Fläche unter den Wochentagen) neutral */
#jevents table.cal_table,
#jevents .jev_monthview,
#jevents .jev_toprow{
  background: transparent !important;
}

/* Heute hervorheben */
#jevents table.cal_table td.today,
#jevents table.cal_table td.cal_today,
#jevents table.cal_table td.hastoday{
  border-color: rgba(30,47,93,.35) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.10) !important;
}

/* Events in der Zelle (deine grauen Balken) etwas "chip"-iger */
#jevents table.cal_table a[href*="task=icalrepeat.detail"],
#jevents table.cal_table a[href*="task=icalevent.detail"]{
  display: block !important;
  margin-top: .4rem !important;
  padding: .25rem .5rem !important;
  border-radius: .6rem !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: rgba(0,0,0,.03) !important;
  text-decoration: none !important;
  color: rgba(0,0,0,.80) !important;
  font-size: .9rem !important;
}

/* Hover auf Event */
#jevents table.cal_table a[href*="task=icalrepeat.detail"]:hover,
#jevents table.cal_table a[href*="task=icalevent.detail"]:hover{
  border-color: #1e2f5d !important;
  background: rgba(30,47,93,.10) !important;
}

/* =========================================
   Month View: Wochentage (Son/Mon/...) sauber zu den Kacheln ausrichten
   ========================================= */

/* Header-Zellen (Wochentage) */
#jevents table.cal_top_day_names{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: .55rem 0 !important;   /* gleiche Spalten-Lücke wie cal_table, aber keine vertikale */
}

/* Text-Alignment/Spacing in den Header-Zellen */
#jevents table.cal_top_day_names th,
#jevents table.cal_top_day_names td{
  padding: 0 .6rem .35rem !important;   /* links/rechts wie die Kachel-Padding-Kante */
  text-align: left !important;
  color: rgba(0,0,0,.75) !important;
  font-weight: 600;
}

/* =========================================
   Wochentage: nur Text, keine Boxen / keine grauen Lücken
   ========================================= */

#jevents table.cal_top_day_names{
  border-collapse: separate !important;
  border-spacing: .55rem 0 !important;    /* gleiche Spaltenabstände wie Kacheln */
  background: transparent !important;
}

#jevents table.cal_top_day_names th,
#jevents table.cal_top_day_names td{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 .55rem .35rem !important;   /* gleiche Innenkante wie die Kachel */
  text-align: left !important;
  color: rgba(0,0,0,.75) !important;
  font-weight: 650;
}

/* =========================================
   Monatsblättern-Leiste (Februar | 01. März | April) clean machen
   ========================================= */

/* Der Block um die Leiste */
#jevents .jev_header2{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: .2rem 0 .6rem !important;
}

/* Die drei Bereiche */
#jevents .jev_header2 .previousmonth,
#jevents .jev_header2 .currentmonth,
#jevents .jev_header2 .nextmonth{
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: .7rem !important;
  padding: .35rem .6rem !important;
}

/* Mitte etwas “stärker” */
#jevents .jev_header2 .currentmonth{
  font-weight: 700;
  color: rgba(0,0,0,.78) !important;
}

/* Links/Rechts wie Links aussehen lassen */
#jevents .jev_header2 .previousmonth a,
#jevents .jev_header2 .nextmonth a{
  text-decoration: none !important;
  color: rgba(0,0,0,.75) !important;
}
#jevents .jev_header2 .previousmonth a:hover,
#jevents .jev_header2 .nextmonth a:hover{
  color: #1e2f5d !important;
}

/* =========================================
   JEvents Detailansicht: modernere Card + Typo + Icons
   ========================================= */

/* Grund-Container der Detailseite */
#jevents .jev_evt,
#jevents .jev_event,
#jevents .jev_evdt,
#jevents .jev_eventdetails_body{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 1rem !important;
  padding: 1.4rem 1.6rem !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}

/* Titel etwas "webby" */
#jevents .jev_evdt_title,
#jevents .jev_evt_title,
#jevents h1, 
#jevents h2{
  font-size: 1.9rem !important;
  line-height: 1.15 !important;
  margin: .4rem 0 1rem !important;
}

/* Datum/Zeitraum als „Info-Chip“ */
#jevents .jev_evdt_summary{
  display: inline-block !important;
  margin: .25rem 0 1rem !important;
  padding: .45rem .75rem !important;
  border-radius: .75rem !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.03) !important;
  color: rgba(0,0,0,.78) !important;
}

/* Kontakt / Ort: Zeilen mehr Abstand + leichtes Einrücken */
#jevents .jev_eventdetails_body{
  margin-top: .8rem !important;
}

#jevents .jev_eventdetails_body p,
#jevents .jev_eventdetails_body div{
  margin: .45rem 0 !important;
  color: rgba(0,0,0,.80) !important;
}

/* Links (Mail) in eurem Blau */
#jevents .jev_eventdetails_body a{
  color: #1e2f5d !important;
  text-decoration: none !important;
}
#jevents .jev_eventdetails_body a:hover{
  text-decoration: underline !important;
}

/* Kleine „Icon“-Simulation vor Kontakt/Ort (ohne HTML-Änderung)
   Wir nutzen :before auf typische Labels */
#jevents .jev_eventdetails_body b{
  display: inline-block;
  min-width: 5.5rem;
}

/* Wenn im Text wirklich "Kontakt" und "Ort" als fette Labels vorkommen */
#jevents .jev_eventdetails_body b:contains("Kontakt"),
#jevents .jev_eventdetails_body b:contains("Ort"){
  /* :contains gibt’s in CSS leider nicht zuverlässig – deshalb nur optisch über spacing */
}

/* Alternative: wenn die Labels eigene Klassen haben, sag Bescheid – dann machen wir echte Icons */

/* =========================================
   JEvents Detailansicht – Kontakt/Ort sauber
   (ersetzt den bisherigen Detail-Block)
   ========================================= */

#jevents .jev_eventdetails_body .jev_evdt_contact,
#jevents .jev_eventdetails_body .jev_evdt_location{
  margin: .35rem 0 !important;   /* weniger Abstand zwischen Kontakt & Ort */
}

/* Datum/Zeit darf etwas mehr Luft haben */
#jevents .jev_eventdetails_body .jev_evdt_summary{
  margin: .6rem 0 .8rem !important;
}

/* Kontakt-Label */
#jevents .jev_evdt_contact .contact{
  font-weight: 600;
  margin-right: .35rem;
  display: inline-block;
}

/* Doppelpunkt ohne "Kontakt :" (wegen   im HTML) */
#jevents .jev_evdt_contact .contact::after{
  content: ":";
  margin-left: -0.25rem; /* zieht den Doppelpunkt an das Wort ran */
}

/* Ort-Label */
#jevents .jev_evdt_location .location{
  font-weight: 600;        /* Ort fett */
  margin-right: .35rem;
  display: inline-block;
}

/* Doppelpunkt ohne "Ort :" (wegen   im HTML) */
#jevents .jev_evdt_location .location::after{
  content: ":";
  margin-left: -0.25rem;
}

/* Email-Link dezent in eurer Template-Farbe */
#jevents .jev_evdt_contact a{
  color: #001B4C !important;
  font-weight: 500;
}
#jevents .jev_evdt_contact a:hover{
  text-decoration: underline;
}

/* =========================================
   Detailansicht – Abstand Kontakt / Ort kompakter
   ========================================= */

/* Beide Zeilen enger zusammenziehen */
#jevents .jev_eventdetails_body .jev_evdt_contact,
#jevents .jev_eventdetails_body .jev_evdt_location{
  margin: .2rem 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Datum bekommt etwas mehr Abstand nach unten */
#jevents .jev_eventdetails_body .jev_evdt_summary{
  margin-bottom: .6rem !important;
}

/* =========================================
   JEvents Detailansicht – Abstände & Icons
   (unten ANFÜGEN, nichts ersetzen)
   ========================================= */

/* Datum-Kasten: weniger Abstand nach unten */
#jevents .jev_eventdetails_body .jev_evdt_summary{
  margin-bottom: .25rem !important;
}

/* Kontakt & Ort: gleicher, kleiner Abstand */
#jevents .jev_eventdetails_body .jev_evdt_contact,
#jevents .jev_eventdetails_body .jev_evdt_location{
  margin: .25rem 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Icons per CSS wieder rein (ohne extra Library) */
#jevents .jev_eventdetails_body .jev_evdt_contact::before{
  content: "✉️";
  margin-right: .5rem;
}

#jevents .jev_eventdetails_body .jev_evdt_location::before{
  content: "📍";
  margin-right: .5rem;
}

/* === Override: mehr Luft zwischen Datum und Kontakt === */

/* Datum-Kasten: MEHR Abstand nach unten */
#jevents .jev_eventdetails_body .jev_evdt_summary{
  margin-bottom: .9rem !important;   /* vorher .25rem -> jetzt größer */
}

/* Kontakt & Ort: kompakt, aber gleichmäßig */
#jevents .jev_eventdetails_body .jev_evdt_contact,
#jevents .jev_eventdetails_body .jev_evdt_location{
  margin: .45rem 0 !important;       /* Abstand zwischen Kontakt und Ort */
}

/* optional: falls Kontakt immer noch zu nah dran ist */
#jevents .jev_eventdetails_body .jev_evdt_contact{
  margin-top: .9rem !important;      /* extra Abstand nach dem Datum */
}