/*
Theme Name: Praxisagentur Premium
Theme URI: https://example.invalid/
Author: Demo
Description: Hochwertiges WordPress-Theme für eine auf Arztpraxen spezialisierte Digitalagentur.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: praxisagentur
*/
:root{
  --ink:#12231f;--ink-2:#334640;--sage:#dfe9e4;--sage-2:#edf3f0;--accent:#2d6a5b;--accent-2:#1f5448;
  --cream:#f7f5ef;--white:#fff;--line:rgba(18,35,31,.12);--shadow:0 24px 60px rgba(18,35,31,.10);
  --radius:28px;--radius-sm:18px;--gold:#b79a68;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--ink);color:#edf5f1;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:10px 0;flex-wrap:wrap}.topbar a{opacity:.95}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,35,31,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:760;letter-spacing:-.02em}.logo-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:white;font-size:20px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.12)}.brand small{display:block;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#60726d;margin-top:2px}.nav-links{display:flex;gap:26px;list-style:none;padding:0;margin:0;font-size:15px;color:#314640}.nav-links a:hover{color:var(--accent)}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid var(--line);font-weight:750;font-size:14px;transition:.2s ease;background:white}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(18,35,31,.08)}.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-2)}.btn.dark{background:var(--ink);border-color:var(--ink);color:white}.mobile-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer}
.hero{padding:76px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--accent)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}h1{font-size:clamp(48px,6.2vw,84px);line-height:.97;letter-spacing:-.045em;margin:0 0 24px}.hero p{font-size:19px;max-width:670px;color:var(--ink-2);margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap;color:#52645f;font-size:14px}.hero-meta strong{color:var(--ink);display:block;font-size:16px;margin-bottom:3px}
.showcase{position:relative;min-height:590px}.browser{position:absolute;inset:8px 0 38px 42px;background:white;border-radius:34px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(18,35,31,.08)}.browser-top{height:48px;background:#f1f3f1;display:flex;align-items:center;gap:7px;padding:0 17px}.browser-dot{width:9px;height:9px;border-radius:50%;background:#c5cec9}.browser-url{margin-left:10px;background:white;border-radius:999px;padding:7px 14px;font-size:11px;color:#788982;flex:1}.mini-site{height:calc(100% - 48px);background:linear-gradient(155deg,#f7f5ef 0 52%,#e3eee9 52%);padding:46px 38px;position:relative;overflow:hidden}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:11px}.mini-logo{display:flex;align-items:center;gap:7px;font-weight:800}.mini-logo i{width:21px;height:21px;border-radius:50%;background:#2d6a5b;display:inline-block}.mini-copy{width:55%;margin-top:54px}.mini-kicker{width:74px;height:6px;border-radius:8px;background:#2d6a5b;margin-bottom:16px}.mini-title{height:17px;background:#142620;border-radius:6px;margin:10px 0}.mini-title:nth-child(3){width:84%}.mini-text{height:7px;background:#9fb0aa;border-radius:6px;margin:9px 0}.mini-btn{width:105px;height:31px;background:#2d6a5b;border-radius:999px;margin-top:22px}.mini-doctor{position:absolute;right:4%;bottom:0;width:37%;height:72%;border-radius:100px 100px 0 0;background:linear-gradient(180deg,#f9fbfa 0 56%,#bfd4cb 56%);box-shadow:0 0 0 30px rgba(255,255,255,.28)}.mini-doctor:before{content:"";position:absolute;left:50%;top:-9%;transform:translateX(-50%);width:35%;aspect-ratio:1;border-radius:48%;background:linear-gradient(160deg,#e6bb98,#c98e6d);box-shadow:0 -7px 0 7px #53443d}.float-card{position:absolute;background:white;border-radius:20px;padding:17px 19px;box-shadow:var(--shadow);font-size:13px}.float-card strong{display:block;font-size:24px;font-family:Georgia,serif;font-weight:500}.float-card.one{left:0;bottom:0}.float-card.two{right:-8px;top:48px;display:flex;align-items:center;gap:9px;font-weight:750}.status-dot{width:10px;height:10px;border-radius:50%;background:#49a16d;box-shadow:0 0 0 6px rgba(73,161,109,.12)}
.logo-strip{padding:16px 0 74px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof{padding:20px;border-top:1px solid var(--line);font-size:14px;color:#5a6b66}.proof strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}
.section{padding:98px 0}.section.alt{background:white}.section.dark{background:var(--ink);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:44px}.section-head h2{font-size:clamp(38px,4.2vw,61px);letter-spacing:-.035em;line-height:1.04;margin:0}.section-head p{max-width:530px;color:#60716c;margin:0}.dark .section-head p{color:#b7cac3}.dark .eyebrow{color:#9fc6b9}.dark .eyebrow:before{background:#9fc6b9}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--sage-2);border-radius:var(--radius);padding:30px;min-height:260px;border:1px solid rgba(18,35,31,.06);position:relative;overflow:hidden;transition:.2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .num{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6a7b75;margin-bottom:48px}.card h3{font-size:28px;margin:0 0 12px}.card p{font-size:14px;color:#5b6c66;margin:0 0 20px}.card .more{font-weight:760;color:var(--accent);font-size:14px}.card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-30px;bottom:-36px;border:22px solid rgba(45,106,91,.08)}
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.agency-visual{min-height:550px;border-radius:36px;background:linear-gradient(145deg,#d6e2dd,#9eb9af);position:relative;overflow:hidden;box-shadow:var(--shadow)}.agency-visual:before{content:"";position:absolute;inset:58px 44px 62px;background:white;border-radius:26px;box-shadow:0 20px 55px rgba(18,35,31,.12)}.agency-visual:after{content:"";position:absolute;left:76px;right:76px;top:94px;height:230px;border-radius:22px;background:linear-gradient(150deg,#f7f5ef 0 53%,#dceae4 53%)}.metric{position:absolute;z-index:3;background:white;border-radius:18px;box-shadow:var(--shadow);padding:17px 20px}.metric strong{font-family:Georgia,serif;font-size:28px;font-weight:500;display:block}.metric.a{left:18px;bottom:45px}.metric.b{right:18px;top:54px}.copy h2{font-size:clamp(40px,4vw,58px);line-height:1.05;letter-spacing:-.03em;margin:0 0 22px}.copy p{color:#5d6f69;font-size:17px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:28px 0 34px}.check{display:flex;gap:10px;font-size:14px;font-weight:670}.check:before{content:"✓";color:var(--accent);font-weight:900}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.work-main,.work-small{border-radius:34px;overflow:hidden;position:relative;min-height:520px;background:#dce8e3}.work-main{background:linear-gradient(145deg,#d2e1db,#eef3f0)}.work-small{background:linear-gradient(145deg,#e9e1d3,#f7f2e9)}.work-frame{position:absolute;inset:34px;background:white;border-radius:26px;box-shadow:0 18px 40px rgba(18,35,31,.11);overflow:hidden}.work-frame .bar{height:40px;background:#eff2f0}.work-scene{height:calc(100% - 40px);padding:36px;background:linear-gradient(145deg,#f8f6f1 0 58%,#d9e8e2 58%)}.work-label{position:absolute;left:24px;bottom:24px;background:rgba(18,35,31,.92);color:white;border-radius:18px;padding:16px 18px}.work-label strong{display:block;font-size:17px}.work-label span{font-size:12px;color:#b8cbc4}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#183029;color:white;border-radius:28px;padding:29px;min-height:255px}.step span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9eb7af;margin-bottom:48px}.step h3{font-size:26px;margin:0 0 12px}.step p{color:#c2d1cc;font-size:14px;margin:0}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:white;border:1px solid var(--line);border-radius:30px;padding:30px;position:relative}.price-card.featured{background:var(--ink);color:white;transform:translateY(-10px);box-shadow:var(--shadow)}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--sage);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.featured .pill{background:rgba(255,255,255,.12)}.price-card h3{font-size:30px;margin:22px 0 8px}.price{font-family:Georgia,serif;font-size:48px;line-height:1;margin:18px 0 8px}.price small{font-family:inherit;font-size:15px}.price-card p{color:#687a74;font-size:14px}.featured p{color:#b8cac3}.price-list{list-style:none;padding:0;margin:26px 0}.price-list li{padding:9px 0;border-bottom:1px solid rgba(18,35,31,.08);font-size:14px}.featured .price-list li{border-color:rgba(255,255,255,.10)}
.quote{padding:54px;border-radius:38px;background:var(--sage);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.quote blockquote{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);line-height:1.12;margin:0;letter-spacing:-.025em}.quote .sig{font-size:14px;color:#546862;min-width:180px}
.cta{background:var(--accent);color:white;border-radius:40px;padding:56px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}.cta h2{font-size:clamp(38px,5vw,64px);margin:0 0 10px;letter-spacing:-.035em}.cta p{margin:0;color:#d8e7e2}.cta .btn{background:white;color:var(--accent);border-color:white}
.site-footer{padding:56px 0 28px;background:#0f211d;color:#d9e6e1;margin-top:98px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr;gap:36px;padding-bottom:44px}.site-footer h4{margin:0 0 14px;color:white}.site-footer p,.site-footer a{font-size:14px;color:#a9beb7;display:block;margin:7px 0}.legal{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8da59d;font-size:12px;flex-wrap:wrap}
.subpage{padding:84px 0}.entry-content{max-width:820px;font-size:17px}.entry-content h2{font-size:38px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.nav-links{display:none}.mobile-toggle{display:block}.actions .ghost{display:none}.hero-grid,.split,.work-grid{grid-template-columns:1fr}.showcase{min-height:520px}.browser{left:18px}.logo-grid,.services,.flow,.pricing{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.topbar .container{justify-content:center;text-align:center}.nav{height:68px}.brand small{display:none}.hero{padding-top:46px}h1{font-size:50px}.hero p{font-size:17px}.showcase{min-height:420px}.browser{inset:0 0 30px 8px}.mini-site{padding:30px 22px}.mini-copy{width:66%}.float-card.one{left:0}.float-card.two{right:0;top:24px}.logo-grid,.services,.flow,.pricing,.checks,.footer-grid{grid-template-columns:1fr}.section{padding:72px 0}.section-head{margin-bottom:28px}.quote,.cta{padding:30px;border-radius:28px}.agency-visual{min-height:430px}.hero-meta{gap:16px}.actions .primary{padding:11px 14px}.price-card.featured{transform:none}.work-main,.work-small{min-height:400px}}