*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0eada;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit} .site-header{height:112px;background:#b14bc7;position:relative;z-index:2}.site-header.home{background:rgba(26,23,23,.55);margin-bottom:-112px}.head-inner{max-width:1190px;height:100%;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;padding:10px 20px}.brand{text-decoration:none;display:flex;flex-direction:column;position:relative;min-width:310px;padding:5px 0 0 8px}.brand-script{font:italic 44px Georgia,serif;color:#d9a54d;line-height:1.1}.brand-name{font-size:21px;color:#05b8ed;text-align:center;max-width:290px}.butterfly{font-size:23px;color:#00a6da;position:absolute;left:30px;top:65px}.head-inner nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;padding-top:9px}.head-inner nav a{font-size:12px;color:#fff;text-decoration:none;letter-spacing:.025em}.head-inner nav a:hover{text-decoration:underline}.hero{height:380px;background:url('zeit-fuer-dich.jpg') center center/cover no-repeat}.welcome{background:#ae78b9;text-align:center;color:white;padding:10px 20px 15px}.welcome h1{font-weight:400;font-size:30px;margin:0 0 6px;letter-spacing:.02em}.welcome p{font-size:12px;margin:3px auto;max-width:1000px}.content-grid{max-width:1190px;margin:auto;display:grid;grid-template-columns:minmax(0, 3fr) minmax(220px,1fr);gap:34px;padding:22px 20px 18px;min-height:600px}.treatments{max-width:760px}.treatments h2{font-weight:400;font-size:25px;margin:10px 0 2px}.treatments h2:first-child{margin-top:0}.treatments h3{font-weight:400;text-transform:uppercase;font-size:14px;margin:2px 0}.treatments p{margin:4px 0;font-size:12px}.treatments table{width:100%;border-collapse:collapse;font-size:12px}.treatments td{vertical-align:top;padding:1px 3px 1px 0}.treatments td:last-child{text-align:right;white-space:nowrap}.treatments table h3{margin:0}.treatments p:empty{display:none}.hours{background:#f6f0e5;padding:14px 15px;border-left:1px solid #e3dacc;font-size:13px}.hours h5{margin:0 0 6px;font-size:14px}.hours p{margin:5px 0 13px}.hours .btn{display:inline-block;background:#555;color:#fff;padding:7px 12px;text-decoration:none}.aside-gift{margin-top:25px;font-size:12px;line-height:1.6}.aside-gift h2{font-size:17px;font-weight:400}.location{max-width:1190px;margin:auto;padding:5px 20px 22px;font-size:13px}.location h2{font-size:18px;font-weight:400}.footer{background:#333;color:#aaa}.footer-inner{max-width:1190px;margin:auto;display:grid;grid-template-columns:1fr 1fr .9fr;gap:24px;padding:20px}.footer h2{font-size:16px;font-weight:400;color:#ccc;border-bottom:1px solid #555;margin:0 0 9px;padding-bottom:3px}.footer p{font-size:12px;line-height:1.55;margin:0 0 10px}.footer a{color:#aaa;text-decoration:none}.klapp{width:100%;max-width:300px;height:auto;margin-top:10px}.studio-pic img{width:100%;height:180px;object-fit:cover}.copyright{max-width:1190px;margin:auto;padding:10px 20px;color:#777;font-size:11px}.legal{max-width:1190px;margin:auto;min-height:230px;padding:24px 20px 45px;font-size:14px;line-height:1.45}.legal h1{font-size:32px;font-weight:400;color:#ad79b8;margin:0 0 20px}.legal .note{font-size:12px;color:#7a4e4e;margin-top:25px}@media(max-width:700px){.site-header,.site-header.home{height:auto;min-height:130px;margin-bottom:0;background:#a950bc}.head-inner{align-items:center;flex-direction:column;padding:12px 10px}.brand{min-width:0;padding:0;align-items:center}.brand-script{font-size:34px}.brand-name{font-size:17px}.butterfly{display:none}.head-inner nav{padding:15px 0 0;gap:15px;justify-content:center}.head-inner nav a{font-size:11px}.hero{height:240px;background-position:center}.welcome h1{font-size:23px}.content-grid{grid-template-columns:1fr;gap:12px;padding:18px}.treatments h2{font-size:22px}.treatments td:first-child{width:86%}.footer-inner{grid-template-columns:1fr 1fr}.studio-pic{grid-column:1/-1}.studio-pic img{max-width:400px}.legal{padding:25px 18px}}
/* V3: bessere Lesbarkeit und deutlicher Gutscheinbereich */
body{font-size:17px;line-height:1.55}
.welcome{padding:22px 22px 27px}
.welcome h1{font-size:clamp(29px,3vw,39px);line-height:1.2;margin-bottom:13px}
.welcome p{font-size:17px;line-height:1.55;max-width:950px;margin:5px auto}
.treatments h2{font-size:29px;margin-top:18px}
.treatments h3{font-size:17px}
.treatments p,.treatments td{font-size:16px;line-height:1.5}
.treatments td{padding:4px 7px 4px 0}
.hours{font-size:16px;line-height:1.55;padding:19px}
.hours h2{font-size:23px}
.hours h5{font-size:17px}
.hours .btn{font-size:16px;padding:10px 16px}
.aside-gift{background:#ad78b9;color:#fff;padding:23px 20px 25px;border-radius:3px;margin-top:26px;font-size:16px;line-height:1.6;box-shadow:0 6px 20px #52385b19}
.aside-gift h2{font-size:25px;line-height:1.2;margin:0 0 16px;font-weight:400}
.aside-gift h2:before{content:"✦";font-size:21px;margin-right:9px}
.aside-gift p{font-size:16px;margin:0 0 12px}
.location{max-width:none;background:#e9dfcf;padding:30px 20px}
.location-inner{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}
.location h2{font-size:27px;margin:0 0 8px}
.location p{font-size:17px;line-height:1.55}
.map-link{display:block;flex:0 0 auto;background:#fff;color:#49364c;padding:17px 24px;text-decoration:none;border:1px solid #d3bfd7;font-size:16px}
.map-link span{font-size:21px;margin-right:7px}.map-link small{display:block;color:#777;margin-left:30px;font-size:12px}
.footer p{font-size:14px}.footer h2{font-size:18px}
.legal{font-size:17px;line-height:1.6}
@media(max-width:700px){.welcome p{font-size:16px}.treatments h2{font-size:26px}.treatments td,.treatments p{font-size:16px}.location-inner{flex-direction:column;align-items:stretch}.map-link{width:100%}.aside-gift{padding:22px}.head-inner nav a{font-size:13px}}

/* Version 4 */
.head-inner nav{align-items:center;gap:19px}
.head-inner nav a{font-size:16px;line-height:1.35}
.head-inner nav .nav-phone{background:#fff;color:#6b3d77;padding:11px 16px;border-radius:3px;font-size:17px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 9px #0002}
.head-inner nav .nav-phone:hover,.head-inner nav .nav-phone:focus-visible{background:#f3e4f7;outline:2px solid #6b3d77;outline-offset:2px}
.aside-gift{padding:0 23px 25px;text-align:left;overflow:hidden}
.aside-gift .gift-icon{font-size:36px;line-height:1;padding-top:24px;text-align:center}
.aside-gift h2{margin:12px 0 19px;text-align:center;padding:0 8px;font-size:25px;line-height:1.3}
.aside-gift h2:before{content:none}
.aside-gift p{font-size:16px}
.legal h2{font-size:21px;font-weight:500;color:#70527a;margin:24px 0 9px}
.legal p{max-width:880px}
.privacy{max-width:1100px}
@media(max-width:900px){.site-header.home{margin-bottom:0;background:#a950bc}.site-header{height:auto;min-height:110px}.head-inner{flex-direction:column;align-items:center;gap:8px}.head-inner nav{justify-content:center;padding:10px 0 13px;gap:12px}.head-inner nav a{font-size:15px}.head-inner nav .nav-phone{font-size:16px}}
@media(max-width:480px){.head-inner nav{gap:12px 15px}.head-inner nav .nav-phone{width:100%;text-align:center}.head-inner nav a{font-size:14px}}

/* V7 – unverändertes historisches Logo in der Kopfzeile */
.site-header{height:160px}
.site-header.home{margin-bottom:-160px}
.head-inner{align-items:center;padding-top:8px;padding-bottom:8px}
.brand{min-width:300px;width:300px;flex:0 0 300px;padding:0;display:block}
.brand-logo{display:block;width:300px;max-width:100%;height:auto}
.head-inner nav{padding-top:0;align-items:center}
@media(max-width:900px){
 .site-header,.site-header.home{height:auto;min-height:0;margin-bottom:0}
 .head-inner{padding-top:10px;padding-bottom:12px}
 .brand{width:270px;min-width:0;flex:0 1 auto}
 .brand-logo{width:270px;margin:auto}
}

/* V8 */
.brand{height:160px;position:relative;display:block;overflow:hidden}




@media(max-width:900px){.brand{height:145px}}

/* V9: originaler Logo-Schriftzug nur als Grafik, Inhaberin darunter */
.site-header.home{background:rgba(14,12,16,.78)}
.site-header.sub{background:#70457b}
.site-header{height:190px}
.site-header.home{margin-bottom:-190px}
.brand{height:auto;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;text-align:center}
.brand-logo-original{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}
.brand-owner{display:block;color:#fff;font-size:15px;line-height:1.35;margin-top:3px;letter-spacing:.02em;text-shadow:0 1px 2px #000}
.skip-link{position:absolute;left:-10000px;top:0;z-index:20;background:#fff;color:#222;padding:10px}
.skip-link:focus{left:10px}
@media(max-width:900px){.site-header,.site-header.home{height:auto;min-height:0;margin-bottom:0}.brand{min-height:0;height:auto;width:290px}.brand-logo-original{width:260px}.brand-owner{font-size:14px}}

/* Einheitliche Fehlerseite */
.error-home{display:inline-block;background:#70457b;color:#fff;text-decoration:none;padding:12px 20px;margin-top:8px;border-radius:3px}
.error-home:hover,.error-home:focus-visible{background:#53335c}

/* V12: reduzierte Hauptnavigation und gut erreichbare mobile Schaltflächen */
.head-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.head-inner nav .nav-location,.head-inner nav .nav-phone{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;font-size:16px;line-height:1.25;text-decoration:none;border-radius:4px;white-space:nowrap}
.head-inner nav .nav-location{border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(0,0,0,.16)}
.head-inner nav .nav-location:hover,.head-inner nav .nav-location:focus-visible{background:rgba(255,255,255,.2);text-decoration:none}
.head-inner nav .nav-phone{background:#fff;color:#583165;font-weight:700}
.head-inner nav a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.footer-legal{max-width:1190px;margin:0 auto;padding:13px 20px;border-top:1px solid #555;display:flex;gap:24px;flex-wrap:wrap}
.footer-legal a{color:#eee;font-size:15px;text-underline-offset:3px}
@media(max-width:900px){.head-inner nav{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 0 3px}.head-inner nav .nav-location,.head-inner nav .nav-phone{width:100%;min-height:52px;font-size:16px;padding:12px 8px;white-space:normal;text-align:center}.head-inner nav .nav-phone span{white-space:nowrap}}
@media(max-width:360px){.head-inner nav{gap:8px}.head-inner nav .nav-location,.head-inner nav .nav-phone{font-size:14px}}