/* ============================================================
   Schwarmkraft eG — Theme-Stylesheet
   ============================================================ */

/* --- Schriften lokal eingebunden (kein Google-Aufruf) ---
   Die .woff2-Dateien gehoeren in den Ordner  fonts/  dieses Templates.
   Fehlen sie, faellt die Seite automatisch auf System-Schriften zurueck. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/space-grotesk-500.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/space-grotesk-600.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/space-grotesk-700.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/hanken-grotesk-400.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/hanken-grotesk-500.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/hanken-grotesk-600.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/hanken-grotesk-700.woff2') format('woff2');}

html,body{margin:0;background:#0d1d2b;}

/* --- Header --- */
[data-active="start"] .nav-start,
[data-active="projekte"] .nav-projekte,
[data-active="aktuelles"] .nav-aktuelles,
[data-active="team"] .nav-team,
[data-active="kontakt"] .nav-kontakt { color:#9fd95e !important; }
.sk-burger { display:none; }
.sk-mobile { display:none; }
@media (max-width:860px){
  .sk-navlinks { display:none !important; }
  .sk-burger { display:inline-flex !important; }
  .sk-mobile.is-open { display:flex !important; }
}

/* --- Accordion (Startseite & FAQ) --- */
.vc-acc > summary, .faq-acc > summary { list-style:none; cursor:pointer; }
.vc-acc > summary::-webkit-details-marker, .faq-acc > summary::-webkit-details-marker { display:none; }
.vc-acc[open] .vc-chev, .faq-acc[open] .faq-chev { transform:rotate(135deg); }
.vc-acc[open], .faq-acc[open] { border-color:#2a9d8f !important; }
.vc-chev, .faq-chev { transition:transform .22s ease; }

/* --- News (Aktuelles) --- */
.sk-news { max-width:920px; margin:0 auto; padding:clamp(48px,7vw,80px) clamp(20px,5vw,56px); }
/* Zielgenau auf das WBCE-Modul "News with Images" (mod_nwi) */
.sk-news .mod_nwi_default { display:flex; flex-direction:column; gap:20px; }
.sk-news .mod_nwi_spacer { display:none; }
.sk-news .mod_nwi_table[style*="visibility:hidden"] { display:none; }
.sk-news .mod_nwi_group { background:#fff; border:1px solid #e7ebe3; border-radius:20px; overflow:hidden; position:relative; padding:clamp(22px,3vw,30px) clamp(22px,3vw,30px) clamp(22px,3vw,30px) calc(8px + clamp(22px,3vw,30px)); }
.sk-news .mod_nwi_group::before { content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:linear-gradient(160deg,#1b6fb3,#2a9d8f 55%,#7cbf3f); }
.sk-news .mod_nwi_teaserpic { display:none; }
.sk-news .mod_nwi_readmore { margin-top:8px; }
.sk-news .mod_nwi_readmore a { display:inline-block; font-size:14px; font-weight:700; color:#2a9d8f; text-decoration:none; cursor:pointer !important; }
.sk-news .mod_nwi_teasertext { flex:1; padding:clamp(22px,3vw,30px); }
.sk-news .mod_nwi_teasertext > a { display:block; text-decoration:none; cursor:default !important; }
.sk-news .mod_nwi_teasertext h3 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(20px,2.6vw,24px); line-height:1.15; color:#16293a; margin:0 0 8px; letter-spacing:-.01em; }
.sk-news .mod_nwi_metadata { font-size:13px; color:#8497a6; margin-bottom:12px; }
.sk-news .mod_nwi_shorttext p { font-size:15.5px; line-height:1.6; color:#4a5d6e; margin:0 0 10px; }
.sk-news .mod_nwi_tags { display:none; }
.sk-news .mod_nwi_readmore a { font-size:14.5px; font-weight:700; color:#2a9d8f; text-decoration:none; cursor:pointer !important; }
/* Detailansicht eines Beitrags */
.sk-news .mod_nwi_default > h2 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(26px,4vw,36px); color:#16293a; margin:0 0 10px; letter-spacing:-.015em; line-height:1.1; }
.sk-news .mod_nwi_content_short { background:none !important; border:none !important; padding:0 !important; font-size:17px; line-height:1.65; color:#4a5d6e; margin-bottom:18px; }
.sk-news .mod_nwi_content_short img[src*="nopic.png"] { display:none; }
.sk-news .mod_nwi_content_short p { margin:0; }
.sk-news .mod_nwi_content_long { font-size:16.5px; line-height:1.7; color:#4a5d6e; margin-bottom:20px; }
.sk-news .fotorama { margin:24px 0; border-radius:16px; overflow:hidden; }
.sk-news .fotorama img { max-width:100% !important; height:auto !important; width:100% !important; border-radius:12px; display:block; }
.sk-news .mod_nwi_table { display:table; width:100%; border-collapse:collapse; margin-top:32px; padding-top:22px; border-top:1px solid #e7ebe3; }
.sk-news .mod_nwi_table td { padding:0; vertical-align:middle; }
.sk-news .mod_nwi_table_left a, .sk-news .mod_nwi_table_right a { font-size:14.5px; font-weight:700; color:#2a9d8f; text-decoration:none; }
.sk-news .mod_nwi_table_center { text-align:center; }
.sk-news .mod_nwi_table_right { text-align:right; }
.sk-news .mod_nwi_table_center a { display:inline-block; background:linear-gradient(100deg,#9fd95e,#3fc3b2); color:#0d1d2b !important; padding:10px 20px; border-radius:8px; font-size:14.5px; font-weight:700; text-decoration:none; }

/* --- Projekte (gleiches Modul, Karten-Grid) --- */
.sk-proj { max-width:1280px; margin:0 auto; padding:clamp(8px,2vw,16px) clamp(20px,5vw,56px) clamp(20px,3vw,30px); }
.sk-proj .mod_nwi_default { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.sk-proj .mod_nwi_spacer { display:none; }
.sk-proj .mod_nwi_table { display:none !important; }
.sk-proj .mod_nwi_group { background:#fff; border:1px solid #e7ebe3; border-top:4px solid #9fd95e; border-radius:20px; padding:clamp(26px,4vw,32px); }
.sk-proj .mod_nwi_teaserpic { display:none; }
.sk-proj .mod_nwi_teasertext > a { display:block; text-decoration:none; cursor:default !important; }
.sk-proj .mod_nwi_teasertext h3 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(20px,2.6vw,24px); color:#16293a; margin:0 0 10px; letter-spacing:-.01em; }
.sk-proj .mod_nwi_metadata { font-size:13px; color:#8497a6; margin-bottom:12px; }
.sk-proj .mod_nwi_shorttext p { font-size:15.5px; line-height:1.6; color:#4a5d6e; margin:0 0 10px; }
.sk-proj .mod_nwi_tags { display:none; }
.sk-proj .mod_nwi_readmore a { font-size:14.5px; font-weight:700; color:#2a9d8f; text-decoration:none; cursor:pointer !important; }