/*
Theme Name: Natural Herbs Pharma
Theme URI: https://naturalherbspharma.com
Author: puox.de (Eduard Pflugfelder)
Description: Custom-Theme fuer Natural Herbs Pharma. Klassisches Theme nach puox Architektur-Standard (duenne Templates + Gutenberg-Inhalt). 1:1-Nachbau der bestehenden Startseite (Import & Grosshandel Medizinalcannabis).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: nhp
*/

html,body{margin:0;overflow-x:hidden}
html{scroll-behavior:smooth}

.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:10px 16px;z-index:10000}
.skip-link:focus{left:8px;top:8px}

#gbp{
  --bg:#f6f7f3; --bg-alt:#eef1ea; --surface:#ffffff;
  --ink:#1d2a22; --ink-soft:#46574d; --muted:#6b7a70;
  --green:#2f5d3f; --green-700:#244832; --green-50:#e7eee8;
  --line:rgba(29,42,34,.10);
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 10px 34px rgba(29,42,34,.07);
  --maxw:1140px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.65;
  -webkit-font-smoothing:antialiased; font-size:17px; max-width:100%; overflow-x:hidden;
}
#gbp *{box-sizing:border-box}
#gbp h1,#gbp h2,#gbp h3,#gbp .serif{font-family:'Lora',Georgia,'Times New Roman',serif;letter-spacing:-.01em}
#gbp h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:600;line-height:1.15;color:var(--ink);margin:0 0 1rem}
#gbp p{margin:0 0 1.1rem;color:var(--ink-soft)}
#gbp a{color:var(--green-700);text-decoration:none}
#gbp .wrap{max-width:var(--maxw);margin:0 auto;padding:0 2rem}
#gbp .eyebrow{font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin:0 0 1rem}
#gbp section{padding:clamp(4rem,8vw,7rem) 0}
#gbp .lead{font-size:1.12rem;max-width:62ch}
#gbp-top{position:sticky;top:0;z-index:50;background:rgba(246,247,243,.86);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
#gbp-top .bar{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:.95rem 2rem}
#gbp-top .brand{display:flex;align-items:center;gap:.6rem;font-family:'Lora',serif;font-weight:600;font-size:1.22rem;color:var(--ink)}
#gbp-top .brand svg{flex:0 0 auto}
#gbp-top nav{display:flex;gap:2rem}
#gbp-top nav a{font-size:.93rem;font-weight:500;color:var(--ink-soft);transition:color .18s}
#gbp-top nav a:hover{color:var(--green-700)}
#gbp-top .menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
#gbp .btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;padding:.85rem 1.6rem;border-radius:6px;transition:transform .15s,box-shadow .2s,background .2s;cursor:pointer}
#gbp .btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(47,93,63,.22)}
#gbp .btn-primary:hover{background:var(--green-700);transform:translateY(-1px)}
#gbp .btn-ghost{border:1px solid var(--green);color:var(--green-700);background:transparent}
#gbp .btn-ghost:hover{background:var(--green-50)}
#gbp .hero{position:relative;overflow:hidden;padding:clamp(5rem,11vw,8.5rem) 0 clamp(4rem,8vw,6.5rem);background:radial-gradient(60% 70% at 78% 12%,rgba(47,93,63,.10),transparent 60%),radial-gradient(50% 60% at 12% 90%,rgba(47,93,63,.07),transparent 60%),var(--bg)}
#gbp .hero .leaf-bg{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(46vw,560px);opacity:.06;color:var(--green);pointer-events:none;z-index:0}
#gbp .hero .wrap{position:relative;z-index:1;max-width:880px}
#gbp .hero h1{font-size:clamp(2.7rem,6.4vw,4.6rem);font-weight:600;line-height:1.04;margin:0 0 1.4rem;color:var(--ink)}
#gbp .hero .lead{font-size:clamp(1.05rem,1.6vw,1.28rem);max-width:60ch;margin-bottom:2rem}
#gbp .hero .cta-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
#gbp .trust{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
#gbp .trust span{display:inline-flex;align-items:center;gap:.5rem;font-weight:500}
#gbp .trust svg{color:var(--green)}
#gbp .split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:880px){#gbp .split{grid-template-columns:1fr}}
#gbp .cred-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:2.2rem;box-shadow:var(--shadow)}
#gbp .cred-card .cred-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}
#gbp .cred-card .cred-head .ic{width:46px;height:46px;border-radius:10px;background:var(--green-50);color:var(--green);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#gbp .cred-card h3{margin:0;font-size:1.15rem;font-weight:600}
#gbp .cred-row{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}
#gbp .cred-row:first-of-type{border-top:none}
#gbp .cred-row .tag{font-weight:700;color:var(--green-700);font-family:'Lora',serif;font-size:1.05rem;min-width:64px}
#gbp .cred-row p{margin:0;font-size:.92rem}
#gbp .offer{background:var(--bg-alt)}
#gbp .offer .head{text-align:center;max-width:64ch;margin:0 auto 3.2rem}
#gbp .offer .head .lead{margin:0 auto;color:var(--ink-soft)}
#gbp .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
@media(max-width:760px){#gbp .cards{grid-template-columns:1fr}}
#gbp .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:2rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
#gbp .card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(29,42,34,.10)}
#gbp .card .ic{width:48px;height:48px;border-radius:11px;background:var(--green-50);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
#gbp .card h3{margin:0 0 .6rem;font-size:1.28rem;font-weight:600}
#gbp .card p{font-size:.97rem;margin-bottom:1.1rem}
#gbp .card .more{font-weight:600;font-size:.92rem;color:var(--green-700);display:inline-flex;align-items:center;gap:.4rem}
#gbp .card .more svg{transition:transform .18s}
#gbp .card:hover .more svg{transform:translateX(3px)}
#gbp .center{text-align:center;max-width:70ch;margin:0 auto}
#gbp .center .lead{margin:0 auto 2rem}
#gbp .vision{background:var(--green-700);color:#eaf1ec}
#gbp .vision h2{color:#fff}
#gbp .vision .eyebrow{color:#9fc6ac}
#gbp .vision p{color:#cfe0d5}
#gbp .quote{text-align:center;max-width:50ch;margin:0 auto}
#gbp .quote .mark{font-family:'Lora',serif;font-size:4rem;line-height:0;color:var(--green);opacity:.35;display:block;margin-bottom:1rem}
#gbp .quote blockquote{font-family:'Lora',serif;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:500;line-height:1.45;color:var(--ink);margin:0 0 1.4rem;font-style:italic}
#gbp .quote .by{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
#gbp-foot{background:var(--ink);color:#c4d0c8;padding:3.4rem 0 2.4rem}
#gbp-foot .grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start}
#gbp-foot .brand{display:flex;align-items:center;gap:.6rem;font-family:'Lora',serif;font-size:1.2rem;color:#fff;margin-bottom:.7rem}
#gbp-foot .fnav{display:flex;gap:1.6rem;flex-wrap:wrap}
#gbp-foot .fnav a{color:#c4d0c8;font-size:.92rem}
#gbp-foot .fnav a:hover{color:#fff}
#gbp-foot .loc{font-size:.9rem;color:#8ea295;margin-top:.4rem}
#gbp-foot .legal{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.10);font-size:.82rem;color:#8ea295;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#gbp .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#gbp .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#gbp .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:820px){
 #gbp-top nav{gap:0}
 #gbp-top .menu-toggle{display:inline-flex}
 #gbp-top nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:.4rem 0}
 #gbp-top nav.open{display:flex}
 #gbp-top nav a{padding:.9rem 2rem;font-size:1rem}
 #gbp-top nav a+a{border-top:1px solid var(--line)}
}
@media(max-width:600px){
 #gbp{font-size:16px}
 #gbp .wrap{padding:0 1.25rem}
 #gbp-top .bar{padding:.75rem 1.25rem}
 #gbp section{padding:clamp(2.8rem,9vw,4.2rem) 0}
 #gbp .hero{padding:3.2rem 0 2.8rem}
 #gbp .hero .leaf-bg{opacity:.04;right:-22%;width:min(70vw,360px)}
 #gbp .hero .cta-row{gap:.7rem}
 #gbp .hero .cta-row .btn{flex:1 1 auto;justify-content:center}
 #gbp .cred-card,#gbp .card{padding:1.5rem}
 #gbp .offer .head{margin-bottom:2.2rem}
 #gbp-foot .grid{flex-direction:column;gap:1.4rem}
}

/* ===== Allgemeine Headings / Links (Unterseiten) ===== */
#gbp h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:600;line-height:1.06;margin:0 0 1.2rem;color:var(--ink)}
#gbp h3{font-size:1.2rem;font-weight:600;margin:1.8rem 0 .6rem;color:var(--ink)}
#gbp a:hover{text-decoration:underline}

/* ===== Subhero (Unterseiten-Kopf) ===== */
#gbp .subhero{position:relative;overflow:hidden;padding:clamp(3.5rem,8vw,6rem) 0 clamp(2.5rem,5vw,4rem);background:radial-gradient(55% 80% at 80% 0%,rgba(47,93,63,.10),transparent 60%),var(--bg)}
#gbp .subhero .lead{font-size:clamp(1.05rem,1.5vw,1.22rem)}

/* ===== Prosa (Textseiten: Ueber uns, Impressum, Datenschutz) ===== */
#gbp .prose{max-width:760px}
#gbp .prose h2{margin:2.2rem 0 1rem}
#gbp .prose h3{margin:1.6rem 0 .5rem}
#gbp .prose ul,#gbp .prose ol{margin:0 0 1.1rem;padding-left:1.25rem;color:var(--ink-soft)}
#gbp .prose li{margin:0 0 .5rem}
#gbp .prose a{color:var(--green-700);text-decoration:underline}

/* ===== Kontakt ===== */
#gbp .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:880px){#gbp .contact-grid{grid-template-columns:1fr}}
#gbp .contact-list{list-style:none;padding:0;margin:1.5rem 0 0}
#gbp .contact-list li{display:flex;gap:.8rem;padding:.9rem 0;border-top:1px solid var(--line);font-size:.95rem;color:var(--ink-soft)}
#gbp .contact-list li:first-child{border-top:none}
#gbp .contact-list .k{font-weight:600;color:var(--ink);min-width:84px}
#gbp .form-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(1.5rem,3vw,2.4rem);box-shadow:var(--shadow)}
#gbp .wpcf7{margin:0}
#gbp .cf7-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media(max-width:560px){#gbp .cf7-grid{grid-template-columns:1fr}}
#gbp .cf7-field{margin:0 0 1.1rem}
#gbp .wpcf7 label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.9}
#gbp .wpcf7 input[type=text],#gbp .wpcf7 input[type=email],#gbp .wpcf7 input[type=tel],#gbp .wpcf7 textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.8rem .9rem;font:inherit;font-size:.95rem;color:var(--ink);transition:border-color .18s,box-shadow .18s}
#gbp .wpcf7 input:focus,#gbp .wpcf7 textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(47,93,63,.12)}
#gbp .wpcf7 textarea{min-height:0;overflow:hidden;resize:none}
#gbp .cf7-accept{font-size:.85rem;color:var(--ink-soft);line-height:1.5;margin:.2rem 0 1.2rem}
#gbp .cf7-accept .wpcf7-list-item{margin:0}
#gbp .wpcf7 input[type=submit]{background:var(--green);color:#fff;border:0;border-radius:6px;padding:.9rem 1.8rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s}
#gbp .wpcf7 input[type=submit]:hover{background:var(--green-700);transform:translateY(-1px)}
#gbp .wpcf7-response-output{border-radius:8px;margin:1rem 0 0!important;padding:.8rem 1rem;font-size:.9rem}

#gbp .ph{color:#c0392b}

/* Self-hosted Fonts (WP Font Library, DSGVO-konform) */
@font-face{font-family:'Lora';font-style:italic;font-weight:700;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Ckq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:600;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-BQCkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:500;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-PgFkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:700;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:700;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Ckq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:600;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-BQCkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:500;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-PgFkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFkq18ndeZzZ0.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZ1rib2Bg-4.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('https://naturalherbspharma.com/wp-content/uploads/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZ1rib2Bg-4.woff2') format('woff2')}