/*
Theme Name: Brows & Beauty Complete
Theme URI: https://browsandbeauty.ch/
Author: Brows & Beauty
Description: Komplette responsive Mintgrün-Website für Claudia Wiedemeier mit automatischer Seitenerstellung.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: brows-beauty-complete
*/
:root{--cream:#f8fbf8;--pale:#e6f3ed;--mint:#b6decf;--deep:#214b40;--green:#4b917a;--muted:#658177;--line:#d4e8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font:16px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.18}h1{font-size:clamp(48px,6vw,90px)}h2{font-size:clamp(36px,4.3vw,62px)}h3{font-size:27px}p{color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding:0 26px}.site-header{position:sticky;top:0;z-index:20;background:#f8fbf8f5;border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:29px;white-space:nowrap}.brand small{display:block;text-align:center;font:10px Arial,sans-serif;letter-spacing:.28em;margin-top:6px}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.button,.wp-block-button__link{display:inline-block;background:var(--deep);border:1px solid var(--deep);padding:14px 24px;color:#fff!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:bold}.button:hover{background:var(--green);border-color:var(--green)}.button.outline{background:transparent;color:var(--deep)!important}.menu-toggle{display:none;background:transparent;border:1px solid var(--deep);padding:9px 13px;color:var(--deep)}.eyebrow{font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.24em;color:var(--green)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:95px 8% 95px max(30px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}.hero-copy h1{margin:20px 0}.hero-copy p{max-width:500px}.hero-art,.studio-art{position:relative;min-height:480px;background:radial-gradient(circle at 50% 40%,#f7fff9 0 12%,#c5e6d8 13% 29%,#92c6b1 30% 45%,#4f947c 46% 49%,#d6eee4 50% 65%,#80b69f 66% 100%);display:grid;place-items:center;overflow:hidden}.hero-art:before,.studio-art:before{content:'';width:70%;aspect-ratio:1;border:1px solid #ffffffa8;border-radius:50%;position:absolute}.art-word{position:relative;font:italic clamp(36px,5vw,70px) Georgia,serif;color:#fff;text-shadow:0 2px 18px #32624b5c;text-align:center}.art-note{position:absolute;bottom:20px;right:20px;background:#f8fbf8e9;padding:5px 11px;font-size:11px}.section{padding:105px 0}.section.alt{background:var(--pale)}.center{text-align:center}.center>p{max-width:680px;margin:0 auto 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.card{background:#fff;padding:36px;border:1px solid var(--line);min-height:260px}.card p{margin-bottom:25px}.card a{text-decoration:underline;text-underline-offset:5px}.split{display:grid;grid-template-columns:1fr 1fr}.split-copy{background:var(--pale);padding:90px 10%;display:flex;flex-direction:column;justify-content:center}.studio-art{background:linear-gradient(130deg,#9fcbb8,#dff1e9 50%,#4d9078)}.page-hero{background:var(--pale);padding:95px 0 75px}.page-hero h1{margin:15px 0}.content-area{max-width:900px;margin:auto;padding:65px 26px 100px}.content-area h2{font-size:37px;margin-top:42px}.content-area a:not(.button){text-decoration:underline}.notice{background:#e8f5ee;border-left:3px solid var(--green);padding:14px 18px;margin:22px 0;font-size:13px;color:var(--deep)}.pill{display:inline-block;color:var(--green);font-size:12px;font-weight:bold;letter-spacing:.04em}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.contact-item{background:white;border:1px solid var(--line);padding:25px;overflow-wrap:anywhere}.contact-item strong{display:block;font:24px Georgia,serif}.site-footer{background:var(--deep);color:#e9f7ef;padding:43px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer a{text-decoration:underline}.screen-reader-text{position:absolute;left:-10000px}.legal p{max-width:720px}@media(max-width:900px){.header-inner{min-height:75px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.hero,.split{grid-template-columns:1fr}.hero-art{min-height:320px;grid-row:1}.hero-copy,.split-copy{padding:60px 26px}.cards,.contact-grid{grid-template-columns:1fr}.section{padding:70px 0}.page-hero{padding:65px 0}}
.bb-treatment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:30px 0}.bb-treatment{background:#f5faf7;border:1px solid #b6decf;border-radius:20px;padding:20px}.bb-treatment h3{color:#214b40}.bb-photo-placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#e6f3ed,#b6decf);border:2px dashed #4b917a;border-radius:14px;color:#214b40;padding:20px}.bb-treatment a{color:#276c56;text-decoration:underline}

.brand-logo{width:255px;max-width:100%;height:auto;display:block}.brand{display:flex;align-items:center}.bb-archive-photo{display:block;width:100%;height:190px;object-fit:contain;background:#f2faf5;border-radius:12px;padding:8px}.bb-archive-label{font-size:.78rem;color:#456f60;margin:.5rem 0}.bb-treatment{overflow:hidden}