/*
Theme Name: Hautarztpraxis Rinke
Theme URI: https://deine-hautarztpraxis.de/
Author: Praxis Rinke
Description: Schlankes, eigenständiges WordPress-Theme für die Hautarztpraxis Patrizia Rinke. Keine Pro-Abhängigkeiten.
Version: 0.2.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: hautarzt-rinke
License: GPL-2.0-or-later
*/
:root{--berry:#78103f;--green:#80aa31;--ink:#333b3a;--muted:#68716c;--paper:#fff;--soft:#f6f8f5;--line:#e3e9e4;--width:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:var(--berry)}a:hover{text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.25rem,5vw,4.5rem);margin:.35em 0}h2{font-size:clamp(1.6rem,3vw,2.35rem)}.wrap{max-width:var(--width);margin:0 auto;padding-inline:24px}.skip{position:absolute;top:-60px;left:12px;background:#fff;z-index:100;padding:10px}.skip:focus{top:8px}.site-header{border-bottom:1px solid var(--line);background:#fff}.head-inner{display:flex;gap:30px;align-items:center;justify-content:space-between;min-height:106px}.brand img{display:block;width:min(295px,48vw);max-height:100px;object-fit:contain;object-position:left}.brand-text{font-size:1.4rem;font-weight:800;text-decoration:none}.nav-list{display:flex;gap:16px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav-list li{display:flex;align-items:center}.nav-list a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:650}.nav-list a::before{content:"";display:inline-block;width:1.9rem;height:1.9rem;flex:0 0 1.9rem;background-image:url("assets/butterfly-mark.png");background-repeat:no-repeat;background-size:contain;background-position:center;transform:translateY(-1px)}.nav-list a:hover,.nav-list .current-menu-item>a{color:var(--berry)}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px 14px}.hero{background:linear-gradient(115deg,#f5f8f3 0%,#fff 75%);padding:76px 0 83px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--berry);font-size:.82rem;font-weight:800}.lead{font-size:1.15rem;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;padding:14px 20px;border-radius:8px;background:var(--berry);color:white}.button:hover{background:#550b2d;color:white}.button.secondary{background:white;color:var(--berry);border:1px solid #c9b3bd}.hero-art{border:1px solid var(--line);background:#fff;border-radius:26px;padding:40px;box-shadow:0 20px 55px #1c493414;text-align:center}.hero-art img{width:100%;max-width:340px}.section{padding:62px 0}.section.tint{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px}.card h3{color:var(--berry);margin-top:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.tag{display:inline-block;background:#eaf2e2;color:#3d6525;border-radius:30px;padding:4px 12px;font-weight:750;font-size:.83rem}.page-main{padding:45px 0 85px}.page-main .entry{max-width:850px}.entry img{height:auto}.entry h1{font-size:clamp(2rem,4vw,3.5rem)}.site-footer{background:#29332d;color:#fff;padding:43px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid #58635c;margin-top:28px;padding-top:15px;font-size:.86rem;color:#d0d9d2}.footer-nav{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:5px}.notice{border-left:4px solid var(--green);padding:14px 20px;background:#f3f7ef}.wp-block-image img{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:850px){.hero-grid,.info-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.head-inner{flex-wrap:wrap;padding-block:10px}.menu-toggle{display:block}.site-nav{display:none;flex-basis:100%}.site-nav.open{display:block}.nav-list{flex-direction:column;align-items:flex-start;padding:12px 0 24px}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:55px 0}}
@media(max-width:550px){.cards,.footer-grid{grid-template-columns:1fr}.hero-art{padding:20px}.wrap{padding-inline:18px}.brand img{width:min(230px,62vw)}.head-inner{min-height:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}