/*
Theme Name: Der Gartendoktor – Botanische Manufaktur
Description: Naturverbundenes, individuelles Theme für Der Gartendoktor.
Version: 3.0
Author: Der Gartendoktor
WPVibe: yes
*/

:root{
  --forest:#183b2a;
  --deep:#102a20;
  --moss:#58744b;
  --sage:#dce7d2;
  --leaf:#9caf83;
  --cream:#f5f1e7;
  --paper:#fffdf8;
  --ink:#24352b;
  --line:#d5dfce;
  --clay:#b8754d;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--paper);background-image:linear-gradient(rgba(245,241,231,.18),rgba(245,241,231,.18)),url("https://dergartendoktor.de/wordpress/wp-content/uploads/2026/09/Botanischer-Hintergrund-%E2%80%93-Der-Gartendoktor.jpg");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:inherit}
.site-header{background:rgba(255,253,248,.82);backdrop-filter:blur(5px)}
.logo-stage{min-height:250px;display:grid;place-items:center;padding:18px 24px 10px;background:var(--deep);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.emblem-link{display:block;width:min(300px,58vw);aspect-ratio:1/1}
.site-emblem{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(16,42,32,.12));transition:transform .3s ease}
.emblem-link:hover .site-emblem{transform:scale(1.025)}
.brand-fallback{display:grid;place-items:center;height:100%;font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--forest)}
.nav{background:rgba(255,253,248,.86);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.8vw,34px);flex-wrap:wrap;padding:18px 24px 24px;border-bottom:1px solid var(--line);font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.nav a{text-decoration:none;position:relative;padding:5px 0}
.nav a:not(.shop-link):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--moss);transition:right .25s ease}
.nav a:not(.shop-link):hover:after{right:0}
.nav .shop-link{background:var(--forest);color:#fff;padding:10px 16px;border-radius:999px}
.hero{background:linear-gradient(90deg,rgba(16,42,32,.88),rgba(16,42,32,.58));color:#fff;min-height:620px;display:grid;align-items:center}
.hero-inner{width:min(var(--max),calc(100% - 48px));margin:auto;padding:90px 0}
.eyebrow{font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--moss);margin-bottom:18px}
.hero .eyebrow{color:var(--leaf)}
.hero h1{font-size:clamp(3.3rem,8vw,7.5rem);line-height:.94;letter-spacing:-.055em;margin:0 0 32px;max-width:900px}
.hero p{max-width:690px;font-size:clamp(1.1rem,2vw,1.35rem);color:#e7eee2;margin:0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.button{display:inline-block;background:var(--leaf);color:var(--deep);text-decoration:none;padding:13px 19px;border-radius:999px;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.button:hover{transform:translateY(-1px)}
.button.light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.section{padding:110px 24px;background:rgba(255,253,248,.84);backdrop-filter:blur(2px)}
.section-head{max-width:850px;margin:0 auto 50px}
.section h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px;color:var(--forest)}
.section-head p,.split p{font-size:1.1rem;color:#526158}
.grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);padding:34px;background:rgba(255,255,255,.9)}
.card:hover{border-color:var(--leaf);transform:translateY(-3px)}
.number{font-family:Arial,sans-serif;color:var(--clay);font-size:.72rem;font-weight:700;letter-spacing:.15em;margin-bottom:28px}
.card h3{font-size:2rem;color:var(--forest);margin:0 0 12px}
.card p{margin:0;color:#5b675f}
.band{background:rgba(245,241,231,.9)}
.split{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.split h2{margin-bottom:10px}
.shop-panel{background:var(--forest);color:#fff;padding:46px}
.shop-panel h3{font-size:2.2rem;line-height:1.1;margin:0 0 14px}
.shop-panel p{color:#dfe8da;margin-bottom:28px}
.content{width:min(860px,calc(100% - 48px));margin:90px auto;padding:55px 60px 90px;background:rgba(255,253,248,.88);backdrop-filter:blur(3px)}
.content h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;margin:0 0 30px;color:var(--forest)}
.site-footer{background:var(--deep);color:#dce7d2;padding:34px 24px}
.footer-inner{width:min(var(--max),100%);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:.78rem;letter-spacing:.06em}
@media (max-width:900px){.logo-stage{min-height:250px}.emblem-link{width:min(330px,68vw)}.hero{min-height:540px}.grid,.split{grid-template-columns:1fr}.split{gap:36px}.section{padding:80px 24px}}
@media (max-width:700px){.logo-stage{min-height:220px;padding-top:14px}.emblem-link{width:min(290px,72vw)}.nav{gap:10px 16px;font-size:.68rem}.hero-inner{padding:72px 0}.hero h1{font-size:clamp(3rem,16vw,5rem)}.hero p{font-size:1rem}.section{padding:65px 20px}.card{padding:28px}.shop-panel{padding:32px 26px}.footer-inner{font-size:.7rem}}