/*
Theme Name: Gartenfreunde Berlin
Theme URI: https://www.gartenfreunde-berlin.de
Author: Landesverband Berlin der Gartenfreunde e. V.
Description: Modernes, lebendiges Theme für das Wissensportal der Gartenfreunde Berlin. Inhalte werden als Gutenberg-Blöcke gepflegt; fertige Seitenvorlagen liegen unter Vorlagen > Gartenfreunde Berlin.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: gartenfreunde-berlin
*/
:root{--g900:#17300f;--g800:#1f4415;--g700:#2c5c1d;--g500:#4a8c28;--g400:#63a63a;--g200:#d9ecc4;--g100:#eef5e2;--sun:#f2c230;--cream:#fafaf4;--ink:#1d2417;--mut:#5a6650;--head:'Bricolage Grotesque',sans-serif;--body:'Instrument Sans',sans-serif}
body{margin:0;background:var(--cream);font-family:var(--body);color:var(--ink)}
a{color:var(--g700)}a:hover{color:var(--g900)}
*:focus-visible{outline:2px solid var(--g500);outline-offset:2px}
img{max-width:100%;height:auto}

/* Typografie */
h1,h2,h3,h4,h5,h6,.wp-block-heading{font-family:var(--head);font-weight:800;line-height:1.15;text-wrap:pretty}
h1{font-size:clamp(34px,4vw,48px)}h2{font-size:clamp(24px,2.8vw,32px)}h3{font-size:20px;font-weight:700}
p{line-height:1.6}

/* Layout */
.gfb-main{max-width:1240px;margin:0 auto;padding:clamp(24px,3vw,40px) clamp(20px,4vw,56px) clamp(36px,4vw,60px);box-sizing:border-box}
.gfb-main > *{margin-top:0;margin-bottom:24px}

/* Navigation */
.gfb-nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,30px);padding:16px clamp(20px,4vw,56px);flex-wrap:wrap;position:sticky;top:0;background:rgba(250,250,244,.92);backdrop-filter:blur(8px);z-index:10}
body.admin-bar .gfb-nav{top:32px}
.gfb-brand{margin-right:auto;display:flex;align-items:center}
.gfb-brand img{height:56px;width:auto;display:block}
.gfb-navlink{font-size:15px;font-weight:600;text-decoration:none;color:var(--ink)}
.gfb-navlink.gfb-active{font-weight:700;color:var(--g700);border-bottom:2.5px solid var(--g500);padding-bottom:2px}

/* Footer */
.gfb-footer{padding:32px clamp(20px,4vw,56px);background:var(--g900)}
.gfb-footer-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.gfb-footer p{margin:0;font-size:13.5px;color:var(--g200)}
.gfb-footer-links{display:flex;gap:20px;flex-wrap:wrap}
.gfb-footer a{font-size:13.5px;color:var(--g200)}

/* Buttons */
.wp-block-button__link{border-radius:999px !important;background:var(--g700);color:#fff;font-family:var(--body);font-weight:600;font-size:15px;padding:11px 22px;text-decoration:none}
.wp-block-button__link:hover{background:var(--g800);color:#fff}
.is-style-outline .wp-block-button__link{background:transparent;border:1.5px solid var(--g400);color:var(--g800)}
.is-style-outline .wp-block-button__link:hover{background:var(--g100);color:var(--g900)}
.gfb-btn-light .wp-block-button__link{background:#fff;color:var(--g900)}
.gfb-btn-light .wp-block-button__link:hover{background:var(--g200);color:var(--g900)}
.gfb-btn-sun .wp-block-button__link{background:var(--sun);color:var(--g900)}
.gfb-btn-sun .wp-block-button__link:hover{background:#e0b120;color:var(--g900)}
.wp-block-buttons{gap:12px}

/* Hilfsklassen für die Vorlagen */
.gfb-mut{color:var(--mut);font-size:15.5px;max-width:66ch}
.gfb-meta{color:var(--mut);font-size:13px;margin-top:8px}
.gfb-kicker{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--g500);margin-bottom:6px}
.gfb-kicker-sun{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sun);margin-bottom:6px}
.gfb-chips{background:var(--g100);border-radius:999px;padding:12px 22px;display:inline-block;font-size:14.5px}
.gfb-round img{border-radius:22px}
.gfb-card{background:#fff;border-radius:22px;box-shadow:0 1px 4px rgba(23,48,15,.08);overflow:hidden}
.gfb-card > *{padding-left:22px;padding-right:22px}
.gfb-card > .wp-block-image.gfb-card-img{padding:0;margin:0 0 16px}
.gfb-card-img img{border-radius:0;width:100%;height:190px;object-fit:cover;display:block}
.gfb-card > :last-child{padding-bottom:22px}
.gfb-card h3{margin:6px 0 8px}
.gfb-pad{padding:18px 28px}
.gfb-pad > *{padding-left:0;padding-right:0}
.gfb-tip{background:var(--g100);border-radius:22px;padding:24px 28px}
.gfb-tip > *{padding-left:0;padding-right:0}
.gfb-note{background:var(--g200);border-radius:26px;padding:clamp(26px,3.5vw,42px)}
.gfb-band{background:var(--g800);border-radius:26px;padding:clamp(26px,3.5vw,42px);color:#fff}
.gfb-band h2,.gfb-band h3{color:#fff}
.gfb-band p{color:var(--g200)}
.gfb-band .gfb-round img{border-radius:18px}

/* Blöcke */
.wp-block-columns{gap:24px}
.wp-block-video video{border-radius:22px;width:100%;background:var(--g900)}
.wp-block-separator{border-color:var(--g200)}

/* Editor-Ansicht */
.editor-styles-wrapper{background:var(--cream);font-family:var(--body)}