/* ================================================
   Tierphysiotherapie Jana Landmann · style.css
   ================================================ */

@import url('/physio/assets/fonts/fonts.css');

:root {
  --pr:#5a7a62; --pr-l:#e8f0ea; --pr-m:#8aab92;
  --ac:#c9a84c; --ac-l:#f5edd8;
  --bg:#faf8f4; --dark:#2a2a28; --muted:#6b6b68;
  --white:#fff; --border:#e0dbd4;
  --fh:'Playfair Display',Georgia,serif;
  --fb:'Lora',Georgia,serif;
  --r:14px; --rs:8px;
  --sh:0 2px 16px rgba(42,42,40,.07);
  --tr:.22s ease; --mw:1100px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:var(--bg);color:var(--dark);line-height:1.7;font-size:16px;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--pr);text-decoration:none;transition:color var(--tr);}
a:hover{color:var(--ac);}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.25;color:var(--dark);}
h1{font-size:clamp(1.8rem,5vw,2.8rem);}
h2{font-size:clamp(1.4rem,3.5vw,2rem);}
h3{font-size:clamp(1.05rem,2.5vw,1.35rem);}
h4{font-size:1rem;font-family:var(--fb);font-weight:700;}
p{margin-bottom:1rem;}p:last-child{margin-bottom:0;}
.container{width:100%;max-width:var(--mw);margin:0 auto;padding:0 1.25rem;}

/* NAV */
.site-nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav-logo{font-family:var(--fh);font-size:.95rem;color:var(--pr);line-height:1.2;}
.nav-logo span{color:var(--ac);}
.nav-links{display:none;list-style:none;gap:1.4rem;align-items:center;}
.nav-links a{font-size:.875rem;color:var(--muted);padding-bottom:2px;border-bottom:2px solid transparent;transition:all var(--tr);}
.nav-links a:hover,.nav-links a.active{color:var(--pr);border-bottom-color:var(--ac);}
.nav-cta-btn{background:var(--ac)!important;color:var(--dark)!important;padding:.4rem 1.1rem!important;border-radius:20px!important;font-size:.8rem!important;border-bottom:none!important;font-weight:700;}
.nav-cta-btn:hover{background:var(--pr)!important;color:var(--white)!important;}
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;}
.hamburger span{display:block;width:22px;height:2px;background:var(--pr);transition:all var(--tr);border-radius:2px;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--white);z-index:99;padding:2rem 1.5rem;flex-direction:column;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:1.25rem;font-family:var(--fh);color:var(--dark);padding:.9rem 0;border-bottom:1px solid var(--border);}
.mobile-menu a.active{color:var(--pr);}
.menu-cta{margin-top:1.5rem;background:var(--ac);color:var(--dark)!important;text-align:center;padding:.85rem;border-radius:var(--r);font-weight:700;border-bottom:none!important;}

/* HERO */
.hero{background:var(--pr);padding:3rem 0 3.5rem;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.05);}
.hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:250px;height:250px;border-radius:50%;background:rgba(201,168,76,.1);}
.hero-tag{display:inline-block;background:rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-size:.75rem;padding:.3rem .9rem;border-radius:20px;margin-bottom:1rem;letter-spacing:.04em;}
.hero h1{color:var(--white);margin-bottom:1rem;}
.hero-text{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:500px;margin-bottom:1.75rem;}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.hero-img-wrap{display:none;}
.hero-img-wrap img,.hero-img-placeholder{border-radius:var(--r);width:340px;height:260px;object-fit:cover;}
.hero-img-placeholder{background:rgba(255,255,255,.1);border:2px dashed rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.85rem;gap:.5rem;}

/* BUTTONS */
.btn{display:inline-block;padding:.65rem 1.5rem;border-radius:24px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--tr);font-family:var(--fb);border:2px solid transparent;text-align:center;}
.btn-primary{background:var(--ac);color:var(--dark);}
.btn-primary:hover{background:#b8953f;color:var(--dark);}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.5);color:var(--white);}
.btn-outline:hover{background:rgba(255,255,255,.1);color:var(--white);border-color:var(--white);}
.btn-sage{background:var(--pr);color:var(--white);}
.btn-sage:hover{background:#4a6950;color:var(--white);}
.btn-sm{padding:.45rem 1rem;font-size:.8rem;}

/* SECTIONS */
.section{padding:3rem 0;}
.section-sm{padding:2rem 0;}
.section-alt{background:var(--white);}
.section-sage{background:var(--pr-l);}
.section-gold{background:var(--ac-l);}
.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ac);font-weight:700;margin-bottom:.5rem;}
.section-heading{margin-bottom:2rem;}
.section-heading h2{margin-bottom:.5rem;}
.section-heading p{color:var(--muted);max-width:600px;}

/* CARDS */
.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;transition:box-shadow var(--tr);}
.card:hover{box-shadow:var(--sh);}
.card-icon{width:44px;height:44px;border-radius:var(--rs);background:var(--pr-l);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.3rem;color:var(--pr);}
.card h3{font-family:var(--fb);font-size:1rem;margin-bottom:.4rem;}
.card p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5;}

/* TWO-COL */
.two-col{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;}
.two-col img{border-radius:var(--r);width:100%;height:auto;display:block;} .img-placeholder{border-radius:var(--r);width:100%;height:220px;background:var(--pr-l);border:2px dashed var(--pr-m);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pr-m);font-size:.85rem;gap:.5rem;}
.img-placeholder{background:var(--pr-l);border:2px dashed var(--pr-m);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pr-m);font-size:.85rem;gap:.5rem;}

/* ABOUT STRIP */
.about-strip{display:flex;gap:1.25rem;align-items:flex-start;background:var(--white);border-radius:var(--r);padding:1.5rem;border:1px solid var(--border);}
.about-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--pr-l);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.5rem;color:var(--pr);}
.about-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;}
.about-strip-text h3{font-size:1.1rem;margin-bottom:.3rem;}
.about-strip-text p{font-size:.9rem;color:var(--muted);}

/* PAGE HEADER */
.page-header{background:var(--white);padding:2.5rem 0 2rem;border-bottom:1px solid var(--border);}
.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:.5rem;}
.breadcrumb a{color:var(--pr);}

/* LEISTUNGEN */
.leistung-block{padding:2rem 0;border-bottom:1px solid var(--border);}
.leistung-block:last-child{border-bottom:none;}
.leistung-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;}
.leistung-icon{width:50px;height:50px;border-radius:var(--rs);background:var(--pr-l);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--pr);flex-shrink:0;}
.leistung-block ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:.4rem;margin-top:.75rem;}
.leistung-block li{padding-left:1.25rem;position:relative;font-size:.95rem;color:var(--muted);}
.leistung-block li::before{content:'✦';position:absolute;left:0;color:var(--ac);font-size:.6rem;top:.45rem;}

/* TIMELINE */
.timeline{display:flex;flex-direction:column;position:relative;padding-left:2rem;}
.timeline::before{content:'';position:absolute;left:.6rem;top:0;bottom:0;width:2px;background:var(--pr-l);}
.timeline-item{position:relative;padding:0 0 2rem 1.5rem;}
.timeline-dot{position:absolute;left:-1.5rem;top:.25rem;width:14px;height:14px;border-radius:50%;background:var(--pr);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--pr-m);}
.timeline-item h3{margin-bottom:.4rem;font-size:1rem;}
.timeline-item p{font-size:.9rem;color:var(--muted);margin:0;}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border);}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;cursor:pointer;font-family:var(--fb);font-weight:700;font-size:.95rem;gap:1rem;background:none;border:none;width:100%;text-align:left;color:var(--dark);}
.faq-arrow{width:26px;height:26px;border-radius:50%;background:var(--pr-l);display:flex;align-items:center;justify-content:center;color:var(--pr);flex-shrink:0;font-size:1.1rem;transition:transform var(--tr);}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-answer{display:none;padding:0 0 1.1rem;font-size:.9rem;color:var(--muted);line-height:1.7;}
.faq-item.open .faq-answer{display:block;}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
.blog-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;transition:box-shadow var(--tr);}
.blog-card:hover{box-shadow:var(--sh);}
.blog-card-img{height:180px;background:var(--pr-l);overflow:hidden;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;}
.blog-card-body{padding:1.25rem;}
.blog-date{font-size:.75rem;color:var(--muted);margin-bottom:.4rem;}
.blog-card h3{font-size:1.05rem;margin-bottom:.4rem;}
.blog-card p{font-size:.875rem;color:var(--muted);margin-bottom:1rem;}

/* CONTACT FORM */
.contact-form{background:var(--white);border-radius:var(--r);padding:2rem 1.5rem;border:1px solid var(--border);}
.form-group{margin-bottom:1.25rem;}
.form-group label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.4rem;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--rs);font-family:var(--fb);font-size:.95rem;color:var(--dark);background:var(--bg);transition:border-color var(--tr);-webkit-appearance:none;}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--pr);background:var(--white);}
.form-group textarea{min-height:130px;resize:vertical;}

/* CONTACT STRIP */
.contact-strip{background:var(--pr);color:var(--white);padding:2.5rem 0;text-align:center;}
.contact-strip h2{color:var(--white);margin-bottom:.5rem;}
.contact-strip p{color:rgba(255,255,255,.8);margin-bottom:1.5rem;}
.contact-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem;}
.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--white);font-size:1rem;font-weight:700;}
.contact-link:hover{color:var(--ac);}

/* INDIKATIONEN */
.indikationen-grid{display:grid;grid-template-columns:1fr;gap:.5rem;}
.indikation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--white);border-radius:var(--rs);border:1px solid var(--border);font-size:.9rem;}
.check{width:22px;height:22px;border-radius:50%;background:var(--pr-l);display:flex;align-items:center;justify-content:center;color:var(--pr);font-size:.7rem;flex-shrink:0;margin-top:.1rem;}

/* NOTICE */
.notice{padding:1rem 1.25rem;border-radius:var(--rs);font-size:.9rem;margin-bottom:1.25rem;}
.notice-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;}
.notice-error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;}

/* FOOTER */
.site-footer{background:var(--dark);color:rgba(255,255,255,.7);padding:2.5rem 0 1.5rem;}
.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;}
.footer-col h4{color:var(--white);margin-bottom:.75rem;font-size:.9rem;font-family:var(--fb);}
.footer-col p,.footer-col a{color:rgba(255,255,255,.65);font-size:.85rem;line-height:1.8;}
.footer-col a:hover{color:var(--ac);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.25rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.45);}
.footer-links{display:flex;gap:1.25rem;}
.footer-links a{color:rgba(255,255,255,.45);}
.footer-links a:hover{color:var(--white);}

/* ADMIN */
.admin-page{background:#f0ede8;min-height:100vh;}
.admin-topbar{background:var(--dark);padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;}
.admin-topbar .alogo{color:var(--white);font-family:var(--fh);font-size:.95rem;}
.admin-topbar .alogo span{color:var(--ac);}
.admin-topbar a{color:rgba(255,255,255,.6);font-size:.8rem;}
.admin-topbar a:hover{color:var(--white);}
.admin-layout{display:flex;min-height:calc(100vh - 56px);}
.admin-sidebar{width:220px;background:var(--white);border-right:1px solid var(--border);padding:1.5rem 0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;flex-shrink:0;}
.admin-sidebar a{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.5rem;color:var(--muted);font-size:.875rem;transition:all var(--tr);border-left:3px solid transparent;}
.admin-sidebar a:hover,.admin-sidebar a.active{color:var(--pr);background:var(--pr-l);border-left-color:var(--pr);}
.nav-section-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:1rem 1.5rem .3rem;font-weight:700;}
.admin-content{flex:1;padding:2rem 1.5rem;max-width:900px;}
.admin-content h1{font-size:1.5rem;margin-bottom:.25rem;}
.subtitle{color:var(--muted);font-size:.875rem;margin-bottom:2rem;}
.admin-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:1.5rem;margin-bottom:1.25rem;}
.admin-card h3{font-size:.95rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);font-family:var(--fb);}
.admin-form label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.3rem;}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--rs);font-family:var(--fb);font-size:.9rem;color:var(--dark);background:var(--bg);margin-bottom:1rem;}
.admin-form input:focus,.admin-form textarea:focus{outline:none;border-color:var(--pr);background:var(--white);}
.admin-form textarea{min-height:100px;resize:vertical;}
.admin-btn{padding:.6rem 1.4rem;border-radius:var(--rs);font-size:.875rem;font-weight:700;cursor:pointer;border:none;font-family:var(--fb);transition:all var(--tr);}
.admin-btn-primary{background:var(--pr);color:var(--white);}
.admin-btn-primary:hover{background:#4a6950;}
.admin-btn-danger{background:#dc3545;color:var(--white);}
.admin-btn-danger:hover{background:#b02a37;}
.admin-btn-sm{padding:.35rem .85rem;font-size:.8rem;}
.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;}
.admin-table th{text-align:left;padding:.6rem .75rem;background:var(--bg);border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.admin-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.admin-table tr:hover td{background:var(--bg);}
.dash-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;}
.stat-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:1.25rem;text-align:center;}
.stat-num{font-size:1.8rem;font-family:var(--fh);color:var(--pr);line-height:1;margin-bottom:.3rem;}
.stat-label{font-size:.8rem;color:var(--muted);}
.admin-login-wrap{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.admin-login-box{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:2.5rem 2rem;width:100%;max-width:380px;}
.admin-login-box h1{font-size:1.4rem;margin-bottom:.3rem;}
.admin-login-box .sub{font-size:.875rem;color:var(--muted);margin-bottom:2rem;}
.badge{display:inline-block;font-size:.7rem;padding:.2rem .6rem;border-radius:20px;font-weight:700;}
.badge-green{background:var(--pr-l);color:var(--pr);}
.badge-gold{background:var(--ac-l);color:#7a5f1a;}
.badge-gray{background:#f0ede8;color:var(--muted);}

/* RESPONSIVE */
@media(min-width:600px){
  .cards-grid{grid-template-columns:repeat(2,1fr);}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .leistung-block ul{grid-template-columns:repeat(2,1fr);}
  .indikationen-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .dash-stats{grid-template-columns:repeat(4,1fr);}
}
@media(min-width:900px){
  .hamburger{display:none;}
  .nav-links{display:flex;}
  .hero{padding:4.5rem 0 5rem;}
  .hero-content{display:flex;align-items:center;gap:3rem;justify-content:space-between;}
  .hero-text-col{flex:1;}
  .hero-img-wrap{display:block;}
  .two-col{grid-template-columns:1fr 1fr;}
  .cards-grid{grid-template-columns:repeat(4,1fr);}
  .blog-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:2fr 1fr 1fr;}
}
@media(max-width:899px){
  .admin-sidebar{display:none;}
  .admin-layout{flex-direction:column;}
  .admin-content{padding:1.25rem 1rem;}
}