/* =====================================================================
   VMG – Custom Styles für DXPR Theme (Bootstrap 5)
   ---------------------------------------------------------------------
   Bereinigt aus dem alten vmg2 / Bootstrap-4 Stylesheet.
   Einsatz: Asset-Injector-Regel  ->  Bedingung: Theme = dxpr_theme

   NICHT enthalten (gehört in die DXPR THEME SETTINGS, siehe Begleittext):
     - Body-/Fließtext-Schriftgröße + Zeilenhöhe
     - Heading-Schrift, -Gewicht, -Zeilenhöhe
     - Link-Grundfarbe + Primary-Button-Farbe (Primary-Color)
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. Eigene Farb-Helper (in Blöcken / Layout Builder verwendet)
   --------------------------------------------------------------------- */
.senfgelb   { background: #f9bb29; }
.dunkelgrau { background: #575756; }
.tuerkis    { background: #77c3c0; }
.hellgrau   { background: #f2f2f2; }
.orange     { background: #fa8216; }
.orange2    { background: #ff4500; }
.dunkelblau { background: #0d76b5; }


/* ---------------------------------------------------------------------
   2. Block- / Titel-Klassen
   --------------------------------------------------------------------- */
.design-block-titel            { padding: 1rem 0 1rem 1rem; font-weight: 600; }
.design-block-titel a          { color: #575756; }
.design-block-titel-light,
.design-block-titel-light h2   { color: #ffffff; }

.vmg-block-titel a       { color: #000000; font-size: 2rem; font-weight: 700; }
.vmg-block-titel-light a { color: #ffffff; font-weight: 700; }
.vmg-block-titel p       { font-size: 2.3rem; font-weight: 600; }

/* Text über Bildern */
.text-over-image            { position: relative; width: 100%; }
.container-over-image-white { position: relative; color: #fff; font-size: 2.5rem; font-weight: 600; }
.over-image-text-bottom-left{ position: absolute; bottom: 2rem; left: 1.5rem; }


/* ---------------------------------------------------------------------
   3. Footer
   --------------------------------------------------------------------- */
.footer-block {
  font-size: 1rem;
  color: #fff;
  line-height: 160%;
  padding: 1rem 3.2rem 0 6rem;
}
.footer-block a,
.footer-block h3,
.footer-block p { font-size: 1rem; color: #fff; }
.copyright p    { font-size: 0.8rem; }


/* ---------------------------------------------------------------------
   4. Hauptmenü   [BS4 -> BS5 ANGEPASST: .navbar-light entfällt in BS5]
   --------------------------------------------------------------------- */
.navbar-nav .nav-link        { font-size: 1.3rem; font-weight: 600; }



/* ---------------------------------------------------------------------
   5. Logo
   --------------------------------------------------------------------- */
.field--name-field-logo-image img { scale: 0.8; }
@media only screen and (max-width: 460px) {
  .field--name-field-logo-image img { scale: 0.8; }
  .col-auto { max-width: 70%; }
}


/* ---------------------------------------------------------------------
   6. Kalenderblatt / Termine
   --------------------------------------------------------------------- */
.kalenderblatt-tag {
  font-size: 1.51em; color: #000; font-weight: 900;
  background-color: #f9bb29;
  padding: 0.9em 2.34em 0.4em 0.5em;
  margin: 0 1.3em 1.8em 0.34em;
  width: 1.9em; text-align: center;
  float: left; clear: both;
}
.kalenderblatt-monat {
  color: #fff; font-size: 1.2em; font-weight: 900; line-height: 1.2em;
  margin-left: 0.44em; padding-top: 0.4em; text-align: center;
  width: 3.56em; word-wrap: normal; text-transform: uppercase;
  background: #2b93b6;
}
.termin-jahr3  { background: #2b93b6; color: #fff; padding: 3rem; text-align: center; margin-right: 1.5rem; }
.termin-tag3   { background: #f9bb29; font-size: 1.35rem; }
.termin-tag1   { background: #f9bb29; font-size: 2rem; font-weight: 600; }
.termin-monat1 { background: #2b93b6; color: #fff; text-transform: uppercase; font-weight: 600; }
.termin-jahr1  { background: #2b93b6; color: #fff; }


/* ---------------------------------------------------------------------
   7. Page Title / Single
   --------------------------------------------------------------------- */
.block--page-title-block { padding: 2rem 0; font-size: 4rem; }
.page-titel-single       { padding-top: 1rem; padding-left: 1rem; background: #f9bb29; }
.page-titel-single h1    { color: #000; padding-top: 2rem; }


/* ---------------------------------------------------------------------
   8. Buttons / Links  (Grundfarben => DXPR Settings; hier nur Feinheiten)
   --------------------------------------------------------------------- */
.btn-info {
  color: #f423ac; background-color: #dbdbdb; border-color: #727272;
  margin-top: 0.05rem; margin-left: 0.4rem; padding: 0.4rem;
}
.go-back-history-btn {
  background-color: #2b93b6; border-color: #2b93b6;
  border-radius: 5px; cursor: pointer;
  font-size: 1rem; font-weight: 400; line-height: 1.5;
  padding: 1rem 1.2rem;
}
/* men talk Modul */
.btn-link {
  font-weight: 400; color: #007bff; text-decoration: none;
  font-size: 2rem; padding: 1rem;
}

/* Links generell ohne Unterstrich, nur bei Hover */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* ---------------------------------------------------------------------
   9. Cards   [FIX: '#00000' (5-stellig) -> '#000000']
   --------------------------------------------------------------------- */
.card                       { margin-right: 1rem; }
.card-header, .card-body    { border-bottom: none; }
.card-header a, .card-body a{ color: #000000; border-radius: 0; }
.forschung-projekt-block-foto {
  border: 5px solid #ebebec;
  padding: 3rem 0 3rem 0.5rem;
  margin-right: 1.15rem; margin-bottom: 0;
}


/* ---------------------------------------------------------------------
   10. Empfehlungen / Veranstaltungen / Team
   --------------------------------------------------------------------- */
.empfehlung-kurzinfo            { border-bottom: 1px solid grey; padding-bottom: 1rem; margin-bottom: 1rem; }
.veranstaltung-typ,
.veranstaltung-ort              { color: #575756; }
.empfehlungen-foto              { margin-top: 1.2rem; margin-bottom: 0.5rem; }
.team-grid-foto                 { padding-top: 1rem; }


/* ---------------------------------------------------------------------
   11. Views-Filter (Formularbreiten)
       [BS4 -> BS5 ANGEPASST: '.custom-select' gibt es in BS5 nicht mehr]
   --------------------------------------------------------------------- */
#edit-field-raumreservierung-raumtyp-target-id.form-control,
#edit-field-raumreservierung-raumtyp-target-id.form-select { width: 70%; margin-right: 1em; margin-bottom: 1em; }
#edit-submit-kalender-raumverwaltung { margin-bottom: 1.5rem; }

#edit-field-publikation-themen-target-id.form-control,
#edit-field-publikation-themen-target-id.form-select { width: 30%; float: left; margin-right: 1em; margin-bottom: 1em; }
#edit-submit-publikationen { margin-bottom: 2rem; }

#edit-field-publikation-stammbereich-target-id.form-control,
#edit-field-publikation-stammbereich-target-id.form-select { width: 30%; float: left; margin-right: 1em; margin-bottom: 1em; }
#edit-submit-edit-publikation { margin-bottom: 2rem; }

#edit-field-forschung-proj-themen-target-id.form-control,
#edit-field-forschung-proj-themen-target-id.form-select { width: 30%; float: left; margin-right: 1em; margin-bottom: 1em; }
#edit-field-forschung-proj-start-value.form-control,
#edit-field-forschung-proj-start-value.form-select { width: 10%; margin-right: 1em; margin-bottom: 1em; }
#edit-submit-forschungsprojekte { margin-bottom: 2rem; }

#edit-field-urlaub-mitarbeiter-in-target-id.form-control,
#edit-field-urlaub-mitarbeiter-in-target-id.form-select { width: 30%; margin-right: 1em; margin-bottom: 1em; }
#edit-submit-kalender-urlaubsankuendigung { margin-bottom: 1.5rem; }

#views-exposed-form-online-parcours-block-1,
#views-exposed-form-online-parcours-block-2 { margin-bottom: 2rem; }


/* ---------------------------------------------------------------------
   12. Views Bootstrap – Forschung
   --------------------------------------------------------------------- */
#views-bootstrap-unsere-forschung-page-1 .card      { padding: 2rem; border-radius: 0; background: #f9bb29; }
#views-bootstrap-unsere-forschung-page-1 .card-body { background: #fff; color: #000; }
#views-bootstrap-unsere-forschung-page-1 .btn-link  { font-size: 1.4rem; color: #000; }
.forschung-haupttitel .bs-pb-5 { padding-bottom: 11rem !important; }


/* ---------------------------------------------------------------------
   13. Formulare / Webform
   --------------------------------------------------------------------- */
.form-control { font-size: 1.2rem; }
.webform-submission-unbezahlte-care-arbeit-add-form fieldset.card legend { font-size: 1.5rem; font-weight: 600; }
.webform-submission-unbezahlte-care-arbeit-add-form .card-header,
.webform-submission-unbezahlte-care-arbeit-add-form .card-body { border-bottom: none; background: #ffd65c; color: #000; }


/* ---------------------------------------------------------------------
   14. jQuery UI / Dialoge / Kalender-Widgets
       [FIX: '.ui-widget-content' war 3x mit Konflikt -> auf #fff vereinheitlicht]
   --------------------------------------------------------------------- */
.ui-widget { font-family: 'Roboto'; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { margin-bottom: 1rem; }
.ui-widget-content { background: #ffffff; }
.ui-dialog .ui-dialog-content { background: #fff; }


/* ---------------------------------------------------------------------
   15. FullCalendar
   --------------------------------------------------------------------- */
.fc-event { font-size: 0.8rem; line-height: 1rem; padding: 0.2rem; }
.fc-day-grid-event .fc-content { white-space: pre-line; }


/* ---------------------------------------------------------------------
   16. Leaflet-Karte   [war 2x definiert -> zusammengeführt]
   --------------------------------------------------------------------- */
.leaflet-popup-content p { font-size: 1rem; margin: 18px 18px 18px 0; }


/* ---------------------------------------------------------------------
   17. Diverses
   --------------------------------------------------------------------- */
header { padding-bottom: 1.5rem; }
hr     { border-top: 3px solid rgba(0, 0, 0, 0.19); }
b, strong { font-weight: 700; }
.pagination { margin-top: 5rem; }
.node--unpublished { background-color: #fff; }
.js-quickedit-page-title { font-size: 1.2rem; font-weight: 600; padding-top: 1rem; }
.fontyourface { font-weight: 400; color: #313638 !important; }
.text-dark    { color: #313638 !important; }
.table svg:nth-child(1) { color: #0db596; font-size: 1.3rem; }
.bs-border-color-light-grey { color: #dddddd; }
.bs-border-color-top-grey   { color: grey; }
.burschenarbeit-block .bs-pt-5 { padding-top: 5rem; font-weight: 600; }
.burschenarbeit-block .bs-mt-3 { margin-top: 0 !important; }


/* =====================================================================
   ENTFERNT (Begründung):
     .h1 h1 { font-size: 2rem }            -> fehlerhafter Selektor (h1 in .h1)
     .entleihungen-kalender Element {...}  -> ungültiger Selektor "Element"
     p,body { font-size; line-height }     -> DXPR Settings (Base Font)
     a { color: #0d76b5 }                  -> DXPR Settings (Link Color)
     .btn-primary {...}                    -> DXPR Settings (Primary Color)
     h1,h2 { line-height; font-weight }    -> DXPR Settings (Headings)
   ===================================================================== */
 
/* ---------------------------------------------------------------------
   Dropdown für Block-platzierte Menüs (ul.menu ohne .dropdown-menu)
   --------------------------------------------------------------------- */

/* Übergeordnetes Item muss Anker für das absolute Submenü sein */
.navbar-nav .nav-item {
  position: relative;
}

/* Submenü standardmäßig ausblenden + als schwebendes Panel positionieren */
.navbar-nav .nav-item > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 14rem;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Bei Hover über das Hauptitem: Submenü zeigen */
.navbar-nav .nav-item:hover > ul {
  display: block;
}

/* Einträge im Dropdown aufräumen */
.navbar-nav .nav-item > ul > li {
  width: 100%;
}
.navbar-nav .nav-item > ul > li > a {
  display: block;
  padding: 0.4rem 1.2rem;
  white-space: nowrap;
}
.navbar-nav .nav-item > ul > li > a:hover {
  background: #f2f2f2;
}
 
/* ---------------------------------------------------------------------
   Dropdown bei HOVER für alle Block-Menüs mit Untermenü
   --------------------------------------------------------------------- */

/* Anker für das absolute Submenü – gilt für jedes Item mit Unter-UL */
.navbar-nav .nav-item:has(> ul) {
  position: relative;
}

/* Submenü ausblenden + als schwebendes Panel positionieren */
.navbar-nav .nav-item > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 14rem;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* HOVER über das Hauptitem ODER das Submenü selbst -> offen halten */
.navbar-nav .nav-item:hover > ul,
.navbar-nav .nav-item > ul:hover {
  display: block;
}

/* Einträge im Dropdown */
.navbar-nav .nav-item > ul > li { width: 100%; }
.navbar-nav .nav-item > ul > li > a {
  display: block;
  padding: 0.4rem 1.2rem;
  white-space: nowrap;
}
.navbar-nav .nav-item > ul > li > a:hover { background: #f2f2f2; }

/* ---------------------------------------------------------------------
   Kalenderblatt in Views-Tabelle – BS5-Tabellen-Hintergrund übersteuern
   (td.views-field hat in BS5 weißen --bs-table-bg)
   --------------------------------------------------------------------- */
td.termin-tag1 {
  --bs-table-bg: transparent;          /* BS5-Zellen-Variable neutralisieren */
  background-color: #f9bb29 !important;
  color: #000 !important;
  font-size: 2rem;
  font-weight: 600;
}
td.termin-monat1 {
  --bs-table-bg: transparent;
  background-color: #2b93b6 !important;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
}

/* ---------------------------------------------------------------------
   Veranstaltungen (View veranstaltungen / page_2)
   --------------------------------------------------------------------- */

/* Links in der Tabelle ohne Dauer-Unterstrich, nur bei Hover */
.page-route-view-veranstaltungen-page-2 .views-field a {
  text-decoration: none;
}
.page-route-view-veranstaltungen-page-2 .views-field a:hover {
  text-decoration: underline;
}

/* Abstand zwischen den Termin-Einträgen */
.page-route-view-veranstaltungen-page-2 tr {
  border-bottom: 1px solid #e5e5e5;
}
.page-route-view-veranstaltungen-page-2 td {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* Abstand zwischen Header und allem, was folgt – gilt für alle Seitentypen */
.page-title-full-width-container,
.main-container {
  padding-top: 2rem;
}

/* Doppelten Abstand vermeiden, wenn beide Container vorhanden sind:
   dann nur der obere (Page-Title) den Abstand, main-container = 0 */
.page-title-full-width-container + .main-container {
  padding-top: 0;
}