/* absichtlich leer - Anpassungen stehen im Template-Parameter custom_css */

/* HFW-J4-mobil: Suchfeld der oberen Leiste auf dem Handy ausblenden (Suche ist im Burger-Menue) */
@media (max-width: 767px) {
  #sp-top2 .sp-module:has(form) { display: none; }
  #sp-top2 form.mod-finder, #sp-top2 .js-finder-searchform { display: none; }
}

/* HFW-J4-topbar: Joomla-4-Suchfeld (Smart Search) an die 34px hohe obere Leiste anpassen */
#sp-top-bar #sp-top2 .sp-module { vertical-align: middle; }
#sp-top-bar #sp-top2 .mod-finder,
#sp-top-bar #sp-top2 .mod-finder .awesomplete { display: block; margin: 0; }
#sp-top-bar #sp-top2 .mod-finder input.form-control,
#sp-top-bar #sp-top2 .js-finder-search-query {
  height: 24px !important; min-height: 0 !important; padding: 2px 10px !important;
  font-size: 12px !important; line-height: 18px !important; border-radius: 2px; width: 220px;
}
#sp-top-bar #sp-top2 .awesomplete > ul { top: 26px; }

/* HFW-J4-headings: Ueberschriftengroessen wie Live (Bootstrap 3 statt Bootstrap-5-Standard) */
h1, .h1 { font-size: 36px; line-height: 1.1; }
h2, .h2 { font-size: 30px; line-height: 1.1; }
h3, .h3 { font-size: 24px; line-height: 1.1; }
h4, .h4 { font-size: 18px; line-height: 1.1; }
h5, .h5 { font-size: 14px; line-height: 1.1; }
h6, .h6 { font-size: 12px; line-height: 1.1; }

/* HFW-J4-caption: Bildunterschriften (siehe js/hfw-caption.js) */
figure.hfw-caption { display: inline-block; margin: 0 0 10px; }
figure.hfw-caption img { display: block; max-width: 100%; height: auto; }
figure.hfw-caption-left { float: left; margin-right: 15px; }
figure.hfw-caption-right { float: right; margin-left: 15px; }
figure.hfw-caption .img_caption { font-size: 14px; color: #565656; margin: 4px 0 0; }

/* HFW-J4-blogtitle: Beitragstitel in Listen wie Live */
body .blog .entry-header h2, body .blog-featured .entry-header h2 { font-size: 20px; line-height: 1.1; }

/* HFW-J4-btngroup: Bootstrap-3 btn-group-justified (Einsatz-Navigation Zurueck/Uebersicht/Vor) */
.btn-group-justified { display: flex; width: 100%; }
.btn-group-justified > .btn { flex: 1 1 0; text-align: center; background: #f5f5f5; border: 1px solid #ddd; border-radius: 0; }
.btn-group-justified > .btn + .btn { margin-left: -1px; }
.btn-group-justified > .btn:hover { background: #e9e9e9; }

/* HFW-J4-feature: Feature-Texte grau wie Live (z. B. Jugend-Kontakt) */
body .page-19 .sppb-addon-feature .sppb-media-content .sppb-addon-text, body .page-19 .sppb-addon-feature .sppb-media-content .sppb-addon-text p { color: #808080; }

/* HFW-J4-stools: Filter-Buttons (Einsaetze, Mitglieder) grau wie Live statt unsichtbar */
.js-stools-container-bar .btn,
.js-stools .btn {
  background: #f5f5f5; color: #525252; border: 1px solid #ccc; border-radius: 4px;
  font-size: 16px; font-weight: 400; text-transform: none; padding: 6px 12px;
}
.js-stools-container-bar .btn:hover,
.js-stools .btn:hover { background: #e6e6e6; color: #333; }

/* HFW-J4-textcolor: Grundtextfarbe wie Live (#333 statt Bootstrap-5 #212529) */
body, .table, .table > :not(caption) > * > * { color: #333; --bs-body-color: #333; --bs-table-color: #333; }

/* HFW-J4-eikohead: Jahres-/Monatszeilen der Einsatzliste schwarz wie Live */
.table > :not(caption) > .eiko_einsatzarchiv_jahr_tr > *,
.table > :not(caption) > .eiko_einsatzarchiv_monat_tr > *,
.eiko_einsatzarchiv_jahr_tr, .eiko_einsatzarchiv_monat_tr { color: #000; }

/* HFW-J4-slider: Slider-Texte der Startseite weiss wie Live (SPPB 6 uebernimmt die alten Farbeinstellungen nicht) */
.sppb-slideshow-fullwidth-item .sppb-fullwidth-title { color: #fff; font-size: 36px; font-weight: 200; line-height: 1.1; }
.sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { color: #fff; font-size: 62px; font-weight: 700; line-height: 1.1; }
.sppb-slideshow-fullwidth-item .sppb-fullwidth-title,
.sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { text-shadow: 0 2px 10px rgba(0,0,0,.35); }
@media (max-width: 991px) {
  .sppb-slideshow-fullwidth-item .sppb-fullwidth-title { font-size: 24px; }
  .sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { font-size: 40px; }
}
@media (max-width: 575px) {
  .sppb-slideshow-fullwidth-item .sppb-fullwidth-title { font-size: 16px; }
  .sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { font-size: 26px; }
}

/* HFW-J4-imagetitle: Titel in Bild-Bausteinen (z. B. "Fuhrpark - Equipment") wie Live */
#sp-page-builder .sppb-addon-single-image h3.sppb-addon-title { font-size: 24px; line-height: 1.1; }

/* HFW-J4-stools-layout: Suchleiste + Filter nebeneinander wie Live (Bootstrap-3-Anordnung) */
.js-stools-container-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.js-stools-container-bar .btn-wrapper { display: inline-flex; width: auto; margin: 0; }
.js-stools-container-bar .input-append .js-stools-search-string { width: 220px; height: 34px; border-radius: 4px 0 0 4px; }
.js-stools-container-bar .input-append .btn { border-radius: 0 4px 4px 0; margin-left: -1px; }
.js-stools-container-filters .js-stools-field-filter { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.js-stools-container-filters .chosen-container { width: auto !important; min-width: 160px; }

/* HFW-J4-icons: Joomla-3-Icon-Klassen (icon-search, icon-remove ...) auf Font Awesome 4 abbilden */
[class^="icon-search"]::before, .icon-search::before { content: "\f002"; font-family: FontAwesome; font-style: normal; }
.icon-remove::before, .icon-cancel::before { content: "\f00d"; font-family: FontAwesome; font-style: normal; }
.icon-calendar::before { content: "\f073"; font-family: FontAwesome; font-style: normal; }
.icon-filter::before { content: "\f0b0"; font-family: FontAwesome; font-style: normal; }

/* HFW-J4-footer: Fussbereich lesbar (Live: weisse Schrift auf hellgrau, Wappen 314px) - Basis Juli-Footer */
#sp-bottom { background: #283239 !important; border-top: 5px solid #e3232c; color: rgba(255,255,255,.78); padding: 52px 0 42px; }
#sp-bottom .container { max-width: 1170px; }
#sp-bottom .row { align-items: flex-start; }
#sp-bottom .sp-module { margin: 0; }
#sp-bottom p { margin: 0; line-height: 1.7; color: rgba(255,255,255,.78); }
#sp-bottom p + p { margin-top: 16px; }
#sp-bottom strong { color: #fff; font-size: 17px; letter-spacing: .01em; }
#sp-bottom a { color: #ff5158; text-decoration: none; }
#sp-bottom a:hover { color: #fff; }
#sp-bottom2, #sp-bottom3, #sp-bottom4 { border-left: 1px solid rgba(255,255,255,.16); padding-left: 32px; }
#sp-bottom1 img { width: auto; max-width: 104px; max-height: 120px; height: auto; display: inline-block; margin: 0 10px 10px 0; }
#sp-bottom4 .fb-page { max-width: 250px; }
#sp-footer { background: #1d2429; color: rgba(255,255,255,.8); text-align: center; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.08); }
#sp-footer ul.menu { margin: 0 0 6px; padding: 0; list-style: none; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
#sp-footer ul.menu li { display: inline-block; margin: 0 12px; }
#sp-footer .custom ul, #sp-footer .mod-custom ul { margin: 0; padding: 0; list-style: none; }
#sp-footer a { color: #fff; text-decoration: none; }
#sp-footer a:hover { color: #ff5158; }
@media (max-width: 991px) {
  #sp-bottom { padding: 38px 0 24px; }
  #sp-bottom .sp-column { margin-bottom: 30px; }
  #sp-bottom2, #sp-bottom3, #sp-bottom4 { border-left: 0; padding-left: 12px; }
}

/* HFW-J4-mobile-headings: lange Titel am Handy nicht abschneiden */
h1, h2, h3 { overflow-wrap: break-word; }
 (max-width: 767px) { #sp-component .entry-header h2, #sp-component h1 { hyphens: auto; } }
@media (max-width: 767px) {
  h1, .h1 { font-size: 28px; }
  h2, .h2 { font-size: 24px; }
  h3, .h3 { font-size: 20px; }
}
/* HFW-J4-mobile-articletitle */
@media (max-width: 767px) { body .entry-header h2, body .item-page .entry-header h2 { font-size: 28px; line-height: 1.15; } }

/* HFW-J4-blogimage: Beitragsbild in Listen ueber dem Titel wie Live (Inline-CSS erzwingt sonst float:left -> Titel 0px breit) */
body.layout-blog #sp-main-body .entry-image.intro-image.pull-left { float: none !important; margin: 0 0 15px; }

/* HFW-J4-searchicon: Lupe in der Filterleiste (hp-icon ueberschreibt sonst mit !important) */
.js-stools .icon-search::before { font-family: FontAwesome !important; content: "\f002" !important; }

/* HFW-J4-optikfix 2026-10-23: rote Kacheln weiss, Slider-Untertitel mit Vorrang, kein Aufblitzen aller Slides */
#sp-page-builder .mednet-features-list .sppb-addon-text,
#sp-page-builder .mednet-features-list .sppb-addon-text p,
#section-id-1481005875 .sppb-addon-text, #section-id-1481005875 .sppb-addon-text p { color: #fff; }
#section-id-1481005875 .sppb-feature-box-title, #section-id-1481005875 .sppb-addon-title { hyphens: manual; overflow-wrap: normal; }
#sp-page-builder .sppb-slideshow-fullwidth-item .sppb-fullwidth-title { color: #fff !important; font-size: 36px !important; line-height: 1.1 !important; font-weight: 200; }
#sp-page-builder .sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { color: #fff !important; font-size: 62px !important; line-height: 1.1 !important; font-weight: 700; }
@media (max-width: 991px) {
  #sp-page-builder .sppb-slideshow-fullwidth-item .sppb-fullwidth-title { font-size: 24px !important; }
  #sp-page-builder .sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { font-size: 40px !important; }
}
@media (max-width: 575px) {
  #sp-page-builder .sppb-slideshow-fullwidth-item .sppb-fullwidth-title { font-size: 16px !important; }
  #sp-page-builder .sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title { font-size: 26px !important; }
}
#slide-fullwidth:not(.owl-loaded) { display: block; overflow: hidden; }
#slide-fullwidth:not(.owl-loaded) > .sppb-slideshow-fullwidth-item:not(:first-child) { display: none; }

/* HFW-J4-design2 2026-10-23: Startseite + Lesbarkeit */
/* rote Kacheln: Titel passen in die Kachel, Texte gleich breit */
#section-id-1481005875 .sppb-feature-box-title, #section-id-1481005875 .sppb-addon-title { font-size: 20px !important; line-height: 1.2 !important; letter-spacing: .01em; }
#section-id-1481005875 .sppb-addon-text { max-width: 260px; }
#section-id-1481005875 .sppb-addon-text p { font-size: 14px; line-height: 1.6; }
/* Fliesstext etwas groesser und luftiger (Desktop) */
@media (min-width: 992px) {
  #sp-component .item-page p, #sp-component .item-page li, #sp-component .blog p,
  #sp-page-builder .sppb-addon-text-block p, #sp-page-builder .sppb-addon-text-block li,
  .eiko_beschreibung_2, .eiko_beschreibung_2 p { font-size: 15px; line-height: 1.7; }
}
/* leere Page-Builder-Abschnitte erzeugen keine weissen Flaechen */
#sp-page-builder .sppb-section:not(:has(.sppb-addon)) { display: none; }

/* HFW-J4-einsatzdetail: Einsatz-Detailseite aufgeraeumt */
.eiko_thumbnails_2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 12px 0 20px; }
.eiko_thumbnails_2 > li { margin: 0; float: none; width: auto; }
.eiko_thumbnail_2 { max-width: none !important; border: 0; padding: 0; background: none; box-shadow: none; }
.eiko_thumbnail_2 img.eiko_thumbs_2 { width: 100% !important; height: 112px; object-fit: cover; border-radius: 4px; display: block; transition: transform .2s, box-shadow .2s; }
.eiko_thumbnail_2 a:hover img.eiko_thumbs_2 { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,.18); }
.eiko_thumbnail_2 small, .eiko_thumbnail_2 .icon-info-sign, .eiko_thumbnail_2 a > br { display: none; }
h2.eiko_sonstige_info_2:has(+ .eiko_einsatzbilder_headline_2) { display: none; }
.eiko_distance100_2 { height: 20px; line-height: 0; overflow: hidden; }
.eiko_einsatzbilder_headline_2 { font-size: 22px; margin: 10px 0 4px; }
/* Datenblock */
td[class^="eiko_td"] { padding: 4px 10px 4px 0; vertical-align: top; }
td[class^="eiko_td"] span[class$="_label_2"] { color: #6b6b6b; }
td[class^="eiko_td"] span[class$="_value_2"] { font-weight: 600; }
.eiko_einsatzbericht_headline_2, h2.eiko_einsatzbericht_headline_2, h3.eiko_einsatzbericht_headline_2 { margin-top: 18px; }
.eiko_thumbnail_2 a { display: block; }
.btn-group-justified > .btn, .btn-group-justified > .btn.eiko_btn_2 { color: #333 !important; font-weight: 600; }
.btn-group-justified > .btn:hover { color: #c00d0e !important; }

/* ===== HFW-J4-einsatz-v2: Einsatz-Detailseite neu gestaltet ===== */
/* Navigation */
.eiko_navbar_2 { margin: 0 0 18px; }
.eiko_navbar_2 .btn-group-justified { display: flex; gap: 10px; width: auto; flex-wrap: wrap; }
.eiko_navbar_2 .btn-group-justified > .btn.eiko_btn_2 { flex: 0 0 auto; background: #fff; border: 2px solid #c00d0e; color: #c00d0e !important; border-radius: 999px; padding: 7px 18px; font-size: 14px; font-weight: 600; margin: 0; text-transform: none; transition: background .15s, color .15s; }
.eiko_navbar_2 .btn-group-justified > .btn.eiko_btn_2:hover { background: #c00d0e; color: #fff !important; }
.eiko_navbar_2 .btn-group-justified > .btn.eiko_btn_2.hfw-next { margin-left: auto; }
/* Kopf */
h1.eiko_headline_2 { font-size: 32px; line-height: 1.2; display: flex; gap: 14px; align-items: flex-start; margin: 6px 0 6px; }
h1.eiko_headline_2 .eiko_list_icon_2 { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 8px; }
.eiko_einsatzkategorie_2 { display: inline-block; background: #c00d0e; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .02em; border-radius: 999px; padding: 3px 12px; margin: 4px 0 14px; }
/* Eckdaten als Kacheln */
.eiko_detailbox_2 { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
table.eiko_table1_2, table.eiko_table1_2 > tbody, table.eiko_table1_2 > tbody > tr { display: block; width: 100%; }
table.eiko_table1_2 > tbody > tr > td { display: block; width: 100% !important; padding: 0; border: 0; }
table.eiko_table2_2, table.eiko_table2_2 > tbody { display: block; width: 100%; }
table.eiko_table2_2 > tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 14px; }
table.eiko_table2_2 tr { display: flex; flex-direction: column; background: #f5f6f7; border-left: 4px solid #c00d0e; border-radius: 4px; padding: 10px 14px; }
table.eiko_table2_2 td { display: block; padding: 0 !important; border: 0; background: none; }
table.eiko_table2_2 span[class$="_label_2"] { color: #6b7378; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
table.eiko_table2_2 span[class$="_value_2"] { color: #1f272c; font-size: 17px; font-weight: 700; }
/* eingesetzte Kraefte als Schlagworte */
table.eiko_table3_2, table.eiko_table3_2 > tbody, table.eiko_table3_2 tr, table.eiko_table3_2 td { display: block; width: 100%; padding: 0; border: 0; }
.eiko_td3_2 { margin: 0 0 18px; }
.eiko_td3_2 > br { display: none; }
.eiko_td3_2::before { content: "Eingesetzte Kräfte"; display: block; color: #6b7378; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.eiko_td3_2 a { display: inline-block; background: #fff2f2; color: #a30b0c !important; border: 1px solid #f1caca; border-radius: 999px; padding: 4px 12px; margin: 0 6px 6px 0; font-size: 13px; font-weight: 600; text-decoration: none; }
.eiko_td3_2 a:hover { background: #c00d0e; color: #fff !important; border-color: #c00d0e; }
.eiko_td4_2:empty { display: none; }
/* Hauptfoto + Bericht */
img.eiko_detail_image_2 { float: right; width: 40% !important; max-width: 460px; height: auto !important; margin: 4px 0 18px 26px; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(0,0,0,.16); border: 0 !important; }
.eiko_einsatzbericht_2 { font-size: 16px; line-height: 1.75; color: #2b3338; }
.eiko_einsatzbericht_2 h3, .eiko_einsatzbericht_2 h2 { font-size: 22px; margin: 22px 0 8px; color: #1f272c; }
.eiko_einsatzbericht_2 h3.einsatzbericht-title { margin-top: 0; }
.eiko_einsatzbericht_2 p { margin: 0 0 12px; }
/* Fotogalerie gross und scharf */
.eiko_einsatzbilder_headline_2 { clear: both; font-size: 22px; margin: 26px 0 10px; padding-top: 18px; border-top: 1px solid #e3e6e8; }
.eiko_thumbnails_2 { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 14px !important; }
.eiko_thumbnail_2 img.eiko_thumbs_2 { height: 170px !important; border-radius: 6px !important; }
/* Hinweistext unten (OEA-Team) dezenter */
.eiko_detail_footer_2, .eiko_footer_2 { font-size: 13px; color: #6b7378; background: #f7f8f9; border-radius: 6px; padding: 16px 20px; }
@media (max-width: 767px) {
  h1.eiko_headline_2 { font-size: 24px; }
  h1.eiko_headline_2 .eiko_list_icon_2 { width: 42px; height: 42px; flex-basis: 42px; }
  img.eiko_detail_image_2 { float: none; width: 100% !important; max-width: none; margin: 0 0 16px; }
  .eiko_thumbnails_2 { grid-template-columns: repeat(2, 1fr) !important; }
  .eiko_thumbnail_2 img.eiko_thumbs_2 { height: 120px !important; }
  .eiko_navbar_2 .btn-group-justified > .btn.eiko_btn_2 { padding: 8px 14px; }
}

/* HFW-J4-einsatz-v2b: Feinschliff */
.eiko_navbar_2 .btn-group-justified > .btn.eiko_btn_2 { height: auto !important; line-height: 1.3 !important; min-height: 0 !important; display: inline-flex; align-items: center; }
.eiko_td3_2::before { content: none !important; }
.eiko_thumbnails_2 > li { width: 100% !important; margin: 0 !important; float: none !important; }
.eiko_thumbnail_2 { padding: 0 !important; border: 0 !important; background: none !important; }
.eiko_thumbnail_2 img.eiko_thumbs_2 { width: 100% !important; max-width: none !important; object-fit: cover; transition: transform .2s, box-shadow .2s; }
.eiko_thumbnail_2 a:hover img.eiko_thumbs_2 { transform: scale(1.03); box-shadow: 0 6px 16px rgba(0,0,0,.2); }

/* ===== HFW-J4-cookie: Cookie-Hinweis als moderne Karte ===== */
#redim-cookiehint-bottom { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 99999; background: none !important; padding: 0 16px 16px !important; pointer-events: none; }
#redim-cookiehint-bottom #redim-cookiehint { pointer-events: auto; max-width: 980px; margin: 0 auto !important; background: #1d2429 !important; color: #e6e9eb !important; border-top: 4px solid #c00d0e; border-radius: 10px; box-shadow: 0 10px 34px rgba(0,0,0,.35); padding: 18px 22px !important; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
#redim-cookiehint .cookiecontent { flex: 1 1 420px; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; }
#redim-cookiehint .cookiecontent p { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; color: #e6e9eb !important; }
#redim-cookiehint .cookiebuttons { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; text-align: left !important; }
#redim-cookiehint .cookiebuttons .btn { margin: 0 !important; border-radius: 999px !important; padding: 9px 22px !important; font-size: 14px !important; font-weight: 600; line-height: 1.2 !important; height: auto !important; border: 2px solid #c00d0e !important; text-shadow: none !important; box-shadow: none !important; }
#redim-cookiehint #cookiehintsubmit { background: #c00d0e !important; color: #fff !important; }
#redim-cookiehint #cookiehintsubmit:hover { background: #a30b0c !important; border-color: #a30b0c !important; }
#redim-cookiehint #cookiehintsubmitno { background: transparent !important; color: #fff !important; border-color: #6b7378 !important; }
#redim-cookiehint #cookiehintsubmitno:hover { border-color: #fff !important; }
#redim-cookiehint #cookiehintinfo { flex-basis: 100%; text-align: left !important; margin: 2px 0 0 !important; padding: 0 !important; }
#redim-cookiehint #cookiehintinfo a { color: #c9ced2 !important; font-size: 13px; text-decoration: underline; }
#redim-cookiehint .clr { display: none; }
@media (max-width: 600px) {
  #redim-cookiehint-bottom { padding: 0 8px 8px !important; }
  #redim-cookiehint-bottom #redim-cookiehint { padding: 14px 16px !important; gap: 12px; }
  #redim-cookiehint .cookiecontent p { font-size: 13px !important; }
  #redim-cookiehint .cookiebuttons { width: 100% !important; }
  #redim-cookiehint .cookiebuttons .btn { flex: 1 1 0; text-align: center; }
}

/* ===== HFW-J4-einsatzliste: Einsatzarchiv modern ===== */
.eiko_rss_main_1 { float: right; }
.js-stools .js-stools-container-bar { display: flex !important; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-bottom: 12px; }
.js-stools .js-stools-container-bar .btn-wrapper { margin: 0 !important; float: none !important; }
.js-stools .input-append { display: flex !important; }
.js-stools #filter_search { height: 44px !important; width: 280px; max-width: 60vw; border: 1px solid #d5dadd !important; border-right: 0 !important; border-radius: 999px 0 0 999px !important; padding: 0 18px !important; font-size: 15px; box-shadow: none !important; }
.js-stools #filter_search:focus { border-color: #c00d0e !important; }
.js-stools .input-append .btn { height: 44px !important; border-radius: 0 999px 999px 0 !important; background: #c00d0e !important; color: #fff !important; border: 1px solid #c00d0e !important; padding: 0 18px !important; }
.js-stools .js-stools-btn-filter, .js-stools .js-stools-btn-clear { height: 44px !important; line-height: 1 !important; border-radius: 999px !important; padding: 0 20px !important; font-size: 14px !important; font-weight: 600; background: #fff !important; border: 2px solid #c00d0e !important; color: #c00d0e !important; box-shadow: none !important; }
.js-stools .js-stools-btn-filter:hover { background: #c00d0e !important; color: #fff !important; }
.js-stools .js-stools-btn-clear { border-color: #d5dadd !important; color: #6b7378 !important; }
.js-stools .js-stools-btn-clear:hover { border-color: #6b7378 !important; color: #1f272c !important; }
.js-stools-container-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.js-stools-container-filters .js-stools-field-filter { display: contents; }
.js-stools-container-filters select.form-select, .js-stools-container-filters .chzn-container, .js-stools-container-filters .chosen-container { width: 190px !important; margin: 0 !important; }
.js-stools-container-filters select.form-select { height: 40px; border: 1px solid #d5dadd; border-radius: 8px; font-size: 14px; padding: 0 34px 0 12px; background-color: #fff; }
.js-stools-container-filters .chzn-single, .js-stools-container-filters .chosen-single { height: 40px !important; line-height: 38px !important; border: 1px solid #d5dadd !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; font-size: 14px; }

#einsatzberichtList { border-collapse: separate; border-spacing: 0; font-size: 15px; }
#einsatzberichtList thead th { border: 0 !important; border-bottom: 2px solid #c00d0e !important; color: #6b7378; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; padding: 10px 12px !important; }
#einsatzberichtList td { border: 0 !important; border-bottom: 1px solid #eceff1 !important; padding: 14px 12px !important; vertical-align: top; }
#einsatzberichtList .eiko_einsatzarchiv_jahr_td { background: none !important; padding: 34px 0 6px !important; border-bottom: 0 !important; }
#einsatzberichtList .eiko_einsatzarchiv_jahr_div { color: #1f272c !important; font-size: 28px; font-weight: 700; }
#einsatzberichtList .eiko_einsatzarchiv_monat_td { background: #f5f6f7 !important; padding: 8px 14px !important; border-left: 4px solid #c00d0e !important; border-bottom: 0 !important; }
#einsatzberichtList .eiko_einsatzarchiv_monat_div { color: #1f272c !important; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
#einsatzberichtList tbody tr.row0, #einsatzberichtList tbody tr.row1 { background: #fff !important; transition: background .15s; }
#einsatzberichtList tbody tr.hfw-row-link { cursor: pointer; }
#einsatzberichtList tbody tr.hfw-row-link:hover { background: #fff6f6 !important; }
#einsatzberichtList .eiko_td_datum_main_1 { color: #6b7378; font-size: 14px; white-space: nowrap; }
#einsatzberichtList .eiko_td_datum_main_1::first-line { color: #1f272c; font-weight: 700; }
#einsatzberichtList .eiko_nowrap b { color: #c00d0e; }
#einsatzberichtList img.eiko_img_einsatzbild_main_1 { width: 112px !important; height: 80px !important; object-fit: cover; border-radius: 6px !important; box-shadow: 0 2px 8px rgba(0,0,0,.12); display: block; }
#einsatzberichtList .eiko_td_organisationen_main_1 { font-size: 13px; color: #4a5358; line-height: 1.7; }
#einsatzberichtList td:nth-last-child(2) { color: #9aa2a7; font-size: 13px; }
@media (max-width: 767px) {
  .js-stools #filter_search { width: 100%; max-width: none; }
  .js-stools .js-stools-container-bar .btn-wrapper.input-append { flex: 1 1 100%; }
  .js-stools-container-filters select.form-select, .js-stools-container-filters .chzn-container, .js-stools-container-filters .chosen-container { width: calc(50% - 4px) !important; }
  #einsatzberichtList .eiko_einsatzarchiv_jahr_div { font-size: 22px; }
  #einsatzberichtList td { padding: 10px 6px !important; }
}
#einsatzberichtList tr.eiko_einsatzarchiv_jahr_tr, #einsatzberichtList tr.eiko_einsatzarchiv_jahr_tr td, #einsatzberichtList .eiko_einsatzarchiv_jahr_div { background: transparent !important; background-color: transparent !important; }
/* HFW-J4-einsatzliste-b: Spalten, Abstaende, Text */
#einsatzberichtList { table-layout: auto; width: 100%; }
#einsatzberichtList thead th:first-child, #einsatzberichtList tbody tr.row0 > td:first-child, #einsatzberichtList tbody tr.row1 > td:first-child, #einsatzberichtList tbody tr > td.center:last-child { display: none !important; }
#einsatzberichtList thead th { padding: 10px 14px !important; }
#einsatzberichtList td { padding: 16px 14px !important; line-height: 1.5; }
#einsatzberichtList .eiko_einsatzarchiv_monat_td { padding: 9px 14px !important; }
#einsatzberichtList td.eiko_td_datum_main_1 { width: 120px; }
#einsatzberichtList tr.row0 > td:nth-child(3), #einsatzberichtList tr.row1 > td:nth-child(3) { width: 210px; font-size: 14px; color: #4a5358; }
#einsatzberichtList .eiko_nowrap b { font-size: 15px; }
#einsatzberichtList td.eiko_td_einsatzbild_main_1 { width: 140px; min-width: 140px; }
#einsatzberichtList img.eiko_img_einsatzbild_main_1 { width: 112px !important; min-width: 112px; max-width: none !important; height: 80px !important; }
#einsatzberichtList tr.row0 > td:nth-child(5), #einsatzberichtList tr.row1 > td:nth-child(5) { font-size: 15px; font-weight: 600; color: #1f272c; }
#einsatzberichtList td.eiko_td_organisationen_main_1 { width: 220px; white-space: normal !important; }
#einsatzberichtList tr.row0 > td:nth-child(7), #einsatzberichtList tr.row1 > td:nth-child(7), #einsatzberichtList thead th:last-child { width: 80px; text-align: right; }
@media (max-width: 991px) and (min-width: 481px) {
  #einsatzberichtList td.eiko_td_organisationen_main_1 { display: none; }
  #einsatzberichtList thead th:nth-child(6) { display: none; }
}

/* ===== HFW-J4-socialwall: Karten aufgeraeumt ===== */
.sboard.sb-wall .sb-item .sb-container { border: 0 !important; border-radius: 10px !important; overflow: hidden; background: #fff !important; box-shadow: 0 2px 10px rgba(0,0,0,.08) !important; transition: box-shadow .2s, transform .2s; }
.sboard.sb-wall .sb-item .sb-container:hover { box-shadow: 0 10px 26px rgba(0,0,0,.16) !important; transform: translateY(-2px); }
.sboard.sb-wall .sb-item .sb-thumb { margin: 0 !important; border: 0 !important; }
.sboard.sb-wall .sb-item .sb-thumb img { display: block; width: 100%; }
.sboard.sb-wall .sb-item .sb-icon2, .sboard.sb-wall .sb-item .sb-user-empty { display: none !important; }
.sboard.sb-wall .sb-item .sb-title { display: none !important; }
.sboard.sb-wall .sb-item .sb-inner { padding: 16px 18px 6px !important; }
.sboard.sb-wall .sb-item .sb-text { display: block; font-size: 14px !important; line-height: 1.6 !important; color: #2b3338 !important; margin: 0 0 10px !important; }
.sboard.sb-wall .sb-item .sb-text a { color: #c00d0e !important; font-weight: 600; }
.sboard.sb-wall .sb-item .sb-metadata { font-size: 12px !important; color: #6b7378 !important; }
.sboard.sb-wall .sb-item .sb-metadata .sb-meta { margin: 0 0 6px !important; }
.sboard.sb-wall .sb-item .sb-metadata .sb-mention { background: #f5f6f7; border-radius: 6px; padding: 8px 10px !important; font-size: 13px; }
.sboard.sb-wall .sb-item .sb-info { border-top: 1px solid #eceff1 !important; padding: 8px 18px 12px !important; margin: 0 !important; }
.sboard.sb-wall .sb-item .sb-share a { background: #eef0f2 !important; color: #6b7378 !important; border-radius: 50% !important; width: 28px !important; height: 28px !important; line-height: 28px !important; margin-left: 4px !important; opacity: 1 !important; }
.sboard.sb-wall .sb-item .sb-share a:hover { background: #c00d0e !important; color: #fff !important; }
.sboard.sb-wall .sb-item .sb-share a i { color: inherit !important; }
.sboard.sb-wall .sb-loadmore { border-radius: 999px !important; background: #c00d0e !important; color: #fff !important; border: 0 !important; }