/* Loretas Zauberhaft – kompletter Relaunch, ohne externe Fonts */
:root{
  --ink:#2c272a; --muted:#766d72; --paper:#fffdfc; --cream:#f8f2ef;
  --rose:#b77691; --rose-soft:#ead7df; --magenta:#962264; --magenta-dark:#711747;
  --line:#e9dfe3; --white:#fff; --shadow:0 20px 60px rgba(78,42,61,.10);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,Helvetica,sans-serif;
  --max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:999;background:#fff;padding:10px 14px;border:2px solid var(--magenta)}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:750;color:var(--magenta)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0 0 .7em}h1{font-size:clamp(3rem,7vw,6.9rem);letter-spacing:-.04em}h2{font-size:clamp(2.35rem,4.8vw,4.6rem);letter-spacing:-.035em}h3{font-size:clamp(1.55rem,2.4vw,2.35rem)}p{margin:0 0 1.2em}.lead{font-size:clamp(1.08rem,1.7vw,1.38rem);color:#554d51;max-width:760px}.accent{color:var(--magenta)}
.topline{background:var(--magenta-dark);color:#fff;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.topline .container{display:flex;justify-content:center;gap:30px;padding:8px 0}.topline a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(233,223,227,.8)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:190px;max-height:78px;object-fit:contain}.menu{display:flex;align-items:center;gap:26px;font-size:.9rem}.menu a{position:relative}.menu>a:not(.btn):after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--magenta);transition:.2s}.menu>a:hover:after,.menu>a[aria-current=page]:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:var(--magenta);color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.02em;border:1px solid var(--magenta);transition:.2s}.btn:hover{background:var(--magenta-dark);border-color:var(--magenta-dark);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--magenta);border-color:#caa2b4}.btn.ghost:hover{background:var(--cream)}.nav-toggle{display:none;background:none;border:0;padding:9px;font-size:1.4rem;color:var(--ink)}
.hero{min-height:calc(100vh - 126px);display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;background:linear-gradient(110deg,#fff 0%,#fbf5f1 58%,#f0dfe6 100%)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,130px) max(32px,calc((100vw - var(--max))/2)) clamp(70px,8vw,130px) max(32px,5vw)}.hero-copy .lead{max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.hero-media{position:relative;min-height:680px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:38% center}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,242,239,.22),transparent 28%)}.hero-badge{position:absolute;right:28px;bottom:28px;width:180px;height:180px;background:rgba(255,255,255,.92);border-radius:50%;padding:22px;display:grid;place-items:center;box-shadow:var(--shadow)}.hero-badge img{width:100%;height:auto;object-fit:contain}
.section{padding:clamp(80px,10vw,145px) 0}.section.soft{background:var(--cream)}.section.rose{background:#f2e4e9}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,9vw,135px);align-items:start}.intro-grid .quote{font-family:var(--serif);font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.12;color:var(--magenta-dark)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.feature{position:relative;min-height:520px;overflow:hidden;border-radius:2px;background:#ddd}.feature img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature:hover img{transform:scale(1.025)}.feature:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(26,17,22,.72))}.feature-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.feature-copy h3{margin:0 0 8px}.feature-copy p{margin:0;color:rgba(255,255,255,.88);font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:620px}.split-media img{width:100%;height:100%;object-fit:cover}.split-copy{padding:clamp(60px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.split-copy .btn{align-self:flex-start;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.stat{background:var(--paper);padding:30px}.stat strong{font-family:var(--serif);font-size:2.2rem;color:var(--magenta);font-weight:400;display:block}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:340px 340px;gap:14px;margin-top:45px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid img:first-child{grid-row:1/3}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.person{text-align:center}.person img{width:250px;height:250px;margin:0 auto 22px;border-radius:50%;object-fit:cover;border:8px solid #fff;box-shadow:var(--shadow)}.person h3{font-size:1.7rem;margin-bottom:5px}.person p{color:var(--muted)}.dog-note{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;margin-top:55px;padding:34px;background:var(--cream)}.dog-note img{border-radius:50%;aspect-ratio:1;object-fit:cover}.cta{background:var(--magenta-dark);color:#fff;padding:clamp(70px,9vw,120px) 0}.cta .container{display:flex;align-items:end;justify-content:space-between;gap:45px}.cta h2{max-width:770px;margin-bottom:.2em}.cta p{color:#eadce3}.cta .btn{background:#fff;color:var(--magenta-dark);border-color:#fff;white-space:nowrap}.cta .btn:hover{background:#f9edf2}
.page-hero{padding:clamp(85px,10vw,145px) 0 70px;background:linear-gradient(120deg,#fff,#f5e9ee)}.page-hero h1{font-size:clamp(3.2rem,6.5vw,6.2rem);max-width:980px}.wide-photo{height:min(68vw,720px);overflow:hidden}.wide-photo img{width:100%;height:100%;object-fit:cover}.content{max-width:870px}.content h2{font-size:2.2rem;margin-top:1.5em}.content h3{font-size:1.45rem;margin-top:1.6em}.content ul{padding-left:1.25em}.legal{max-width:900px}.legal h2{font-size:2rem;margin-top:2em}.legal h3{font-size:1.35rem;margin-top:1.6em}.legal a{color:var(--magenta);text-decoration:underline;text-underline-offset:3px}.notice{padding:22px 24px;background:#f7edf1;border-left:4px solid var(--magenta);margin:28px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-card{padding:34px;background:var(--cream)}.contact-card a{color:var(--magenta);font-weight:650}.address-photo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.address-photo img{width:100%;height:420px;object-fit:cover}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.step{padding:30px;border:1px solid var(--line);background:#fff}.step:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--magenta);font-weight:800;letter-spacing:.12em;margin-bottom:28px}.sale-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.sale-grid img{box-shadow:var(--shadow)}
.footer{background:#F8F2EF;color:var(--ink);padding:65px 0 25px;border-top:1px solid #eadfe2}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}.footer-logo{width:190px;filter:none;opacity:1;margin-bottom:18px}.footer h3{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--magenta-dark);margin-bottom:15px}.footer a{color:var(--ink)}.footer a:hover{color:var(--magenta);text-decoration:underline}.footer small{color:var(--muted)}.footer-bottom{border-top:1px solid #dfd2d7;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:30px;font-size:.78rem;color:var(--muted)}
@media(max-width:980px){.topline{display:none}.nav{height:78px}.brand img{width:155px}.nav-toggle{display:block}.menu{position:absolute;left:0;right:0;top:78px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px 24px 28px;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(30,20,25,.08)}.menu.open{display:flex}.menu .btn{align-self:flex-start}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 30px 60px}.hero-media{min-height:540px}.intro-grid,.contact-grid,.sale-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature:last-child{grid-column:1/-1;min-height:460px}.split{grid-template-columns:1fr;min-height:auto}.split-media{height:560px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 300px}.gallery-grid img:first-child{grid-row:auto;grid-column:1/-1}.gallery-grid img:nth-child(4){display:none}.team{grid-template-columns:1fr 1fr}.person:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr}.cta .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){body{font-size:16px}.container{width:min(100% - 30px,var(--max))}.hero-media{min-height:470px}.hero-badge{width:130px;height:130px;right:18px;bottom:18px}.feature-grid,.team,.stats{grid-template-columns:1fr}.feature,.feature:last-child{min-height:470px;grid-column:auto}.person:last-child{grid-column:auto}.gallery-grid{display:block}.gallery-grid img{height:330px;margin-bottom:12px}.gallery-grid img:nth-child(4){display:block}.split-media{height:430px}.dog-note{grid-template-columns:1fr;text-align:center}.dog-note img{width:210px;margin:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.address-photo{grid-template-columns:1fr}.address-photo img{height:340px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* LogoDesign0825 + Kontakt-Optimierung */
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:clamp(245px,23vw,365px);height:76px;max-height:76px;object-fit:contain;object-position:left center}
.nav{height:104px}
.menu{gap:22px}
.footer-logo{width:min(390px,100%);max-height:150px;object-fit:contain;object-position:left center;filter:none;opacity:1;margin-bottom:22px}
.footer-grid{grid-template-columns:1.35fr .9fr .75fr;gap:70px}
.footer h3{color:var(--magenta-dark)}
.footer small{color:var(--muted)}
.footer-contact-list{display:grid;gap:14px;margin:18px 0 26px}
.footer-contact-list a{display:flex;align-items:center;gap:12px}
.footer-contact-list .mark{width:38px;height:38px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--magenta);font-weight:800;flex:0 0 38px;border:1px solid #e3d4da;box-shadow:0 5px 14px rgba(78,42,61,.06)}
.footer-contact-cta{display:inline-flex;margin-top:8px;background:var(--magenta);color:#fff !important;border-color:var(--magenta);box-shadow:0 10px 24px rgba(150,34,100,.16)}
.footer-contact-cta:hover{background:var(--magenta-dark);color:#fff !important;border-color:var(--magenta-dark)}
.contact-card .btn{color:#fff !important;text-decoration:none}
.contact-card .btn:hover{color:#fff !important}
.contact-card .contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.contact-card .contact-actions .btn{min-width:210px}
.contact-card .contact-actions .btn.ghost{color:var(--magenta) !important;background:transparent}
.contact-card .contact-actions .btn.ghost:hover{color:var(--magenta-dark) !important;background:#fff}
@media(max-width:1100px){.brand img{width:260px}.menu{gap:16px;font-size:.82rem}}
@media(max-width:980px){.nav{height:88px}.brand img{width:250px;height:68px;max-height:68px}.menu{top:88px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.brand img{width:225px}.footer-logo{width:300px}.contact-card .contact-actions{display:grid}.contact-card .contact-actions .btn{width:100%;min-width:0}}
