:root{--bg:#f7f6f0;--ink:#173e35;--muted:#66736b;--line:#dcded3;--accent:#b09a60;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink)}.top,main,footer{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.top{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Georgia,serif;font-size:22px;line-height:1.2}.brand small{display:block;font:10px/2.2 Arial,sans-serif;letter-spacing:1.3px}.brand-icon{height:48px;width:44px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:33px;border-radius:25px 25px 0 0}.top nav{display:flex;gap:30px;font-size:13px}.top nav a{text-decoration:none}.top nav a:hover{text-decoration:underline}.hero{padding:76px 0 69px;display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:2px;display:flex;gap:9px;align-items:center}.eyebrow>span,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}h1,h2,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-1.8px}h1{font-size:clamp(48px,5.7vw,76px);line-height:1.08;margin:26px 0}h1 em,h2 em{color:#8a7952;font-weight:normal}p{color:var(--muted)}.hero-copy>p{max-width:470px;font-size:15px;line-height:1.8;margin:0 0 29px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;text-decoration:none;background:var(--ink);color:var(--white);padding:16px 23px;font-size:12px;border-radius:3px}.primary:hover{background:#2c5649}.primary span{font-size:21px;line-height:1}.hero-note{background:#e9ebdf;padding:27px 35px 30px;min-height:367px;border-radius:130px 3px 3px 3px;position:relative}.note-top{display:flex;align-items:center;justify-content:flex-end;gap:20px;font:italic 16px Georgia,serif}.note-top span{font-size:35px;color:#8a7952}.quote-mark{font:90px/1 Georgia,serif;color:#9eae90;margin-top:12px;height:63px}blockquote{font-size:37px;line-height:1.22;margin:0 0 25px;letter-spacing:-.8px}.note-bottom{font-size:10px;letter-spacing:.8px;border-top:1px solid #cdd3c2;padding-top:17px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr}.stats>div{padding:0 26px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{display:block;font:38px/1.2 Georgia,serif}.stats span{font-size:11px;color:var(--muted)}.stats .stats-note{display:flex;align-items:center;gap:14px}.stats-note p{font-size:12px;line-height:1.7;margin:0}.reviews-section{padding:80px 0 65px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px}h2{font-size:35px;line-height:1.2;margin:15px 0 0;letter-spacing:-.9px}.download{font-size:11px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:5px;white-space:nowrap}.download span{margin-left:12px}.platforms{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.platforms button{border:1px solid var(--line);padding:8px 17px;border-radius:25px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.platforms button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.platforms button span{opacity:.65;margin-left:8px;font-size:10px}.search-row{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;flex:1;background:var(--white);border:1px solid var(--line);border-radius:3px;padding:0 16px}.search>span{font-size:25px}.search input{border:0;background:transparent;padding:13px 0;color:var(--ink);min-width:0;width:100%;font-size:12px}.select-label select{border:1px solid var(--line);color:var(--ink);background:var(--white);padding:14px 27px 14px 13px;height:49px;font-size:11px;border-radius:3px;cursor:pointer}.results-info{display:flex;justify-content:space-between;align-items:center;margin:19px 0;font-size:11px;color:var(--muted)}.results-info p{margin:0}.results-info label{display:flex;gap:7px;align-items:center}.results-info input{accent-color:var(--ink)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:start}.review{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:25px;min-height:255px;display:flex;flex-direction:column;overflow-wrap:anywhere}.review-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.source-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.source-symbol{height:19px;width:19px;border-radius:50%;background:#ecede4;display:grid;place-items:center;font-size:10px;color:var(--ink);font-weight:bold}.rating-value{color:#8a7952;font-size:10px;white-space:nowrap}.stars{letter-spacing:2px;font-size:13px}.review-text{font-size:13px;line-height:1.8;color:#35483f;white-space:pre-line;margin:20px 0;flex:1}.review-text.collapsed{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.review-text.no-text{font-style:italic;color:var(--muted)}.expand{border:0;background:none;padding:0;color:var(--ink);text-align:left;font-size:11px;text-decoration:underline;cursor:pointer;margin-bottom:17px}.review-bottom{border-top:1px solid #ebece4;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.review-bottom strong{display:block;font-size:11px;font-weight:normal}.review-bottom time{font-size:10px;color:var(--muted)}.original{font-size:10px;color:var(--muted);white-space:nowrap;text-decoration:none}.original:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:35px;font-size:11px}.pagination button{background:transparent;border:1px solid var(--line);padding:9px 18px;border-radius:3px;color:var(--ink);cursor:pointer}.pagination button:disabled{opacity:.35;cursor:default}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--line)}.empty button{color:var(--ink);cursor:pointer;background:none;border:0;text-decoration:underline}.sources-section{border-top:1px solid var(--line);padding:63px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.sources-section p{font-size:13px;line-height:1.9;max-width:440px}.text-link{font-size:11px;text-decoration:underline;text-underline-offset:5px}.source-row{display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:start;padding:19px 0;border-bottom:1px solid var(--line)}.source-row:first-child{padding-top:0}.source-num{font:italic 17px Georgia,serif;color:var(--accent)}.source-row a{font-size:14px;text-decoration:none}.source-row a:hover{text-decoration:underline}.source-row p{margin:5px 0 0;font-size:11px;line-height:1.6}.source-row .source-count{font:24px Georgia,serif}.collection-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.collection-note summary{cursor:pointer;color:var(--ink)}.collection-note div{padding-top:10px}.collection-note ul{padding-left:20px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e9ebdf;margin:54px 0;padding:39px 40px;border-radius:4px}.cta h2{font-size:29px}.cta p{font-size:12px;margin:10px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;padding-bottom:35px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{font:19px Georgia,serif;color:var(--ink)}footer div{display:flex;gap:20px}footer a{text-decoration:none}.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:10px;z-index:5}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.top,main,footer{padding-left:32px;padding-right:32px}.hero{gap:30px}.hero-note{padding:25px;min-height:340px}blockquote{font-size:31px}.review-grid{grid-template-columns:repeat(2,1fr)}.section-title{align-items:flex-start;flex-direction:column}.sources-section{gap:35px}.stats>div{padding:0 15px}.stats .stats-note{padding-right:0}.top nav{gap:18px}}@media(max-width:640px){.top,main,footer{padding-left:21px;padding-right:21px}.top{height:90px}.brand{font-size:19px}.brand small{font-size:8px}.brand-icon{height:40px;width:36px;font-size:27px}.top nav a{font-size:11px}.top nav a:nth-child(-n+2){display:none}.hero{padding:44px 0;grid-template-columns:1fr;gap:32px}h1{font-size:52px}.hero-note{min-height:0;padding:24px 30px;border-radius:70px 3px 3px 3px}.quote-mark{height:38px;font-size:65px;margin-top:0}blockquote{font-size:30px;line-height:1.15}.note-top{font-size:13px}.note-bottom{font-size:9px}.stats{grid-template-columns:1fr 1fr;row-gap:24px}.stats>div{padding:0 14px!important}.stats>div:nth-child(2){border:0}.stats>div:nth-child(odd){padding-left:0!important}.stats strong{font-size:32px}.stats span{font-size:10px}.stats-note p{font-size:10px}.reviews-section{padding:48px 0}h2{font-size:30px}.search-row{flex-wrap:wrap;gap:8px}.search{flex-basis:100%}.select-label{flex:1}.select-label select{width:100%;font-size:10px;padding-right:10px}.platforms{gap:6px}.platforms button{padding:7px 12px;font-size:10px}.results-info{align-items:flex-start;gap:14px;font-size:10px}.review-grid{grid-template-columns:1fr}.review{min-height:0;padding:23px}.sources-section{grid-template-columns:1fr;gap:30px;padding:40px 0}.cta{flex-direction:column;align-items:flex-start;padding:27px;margin:35px 0}.cta h2{font-size:27px}footer{align-items:flex-start;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){order:3;width:100%}footer div{margin-left:auto}.pagination{gap:15px}.pagination button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.top nav,.filters,.pagination,.download,.cta,.collection-note,.results-info{display:none}.review-grid{display:block}.review{break-inside:avoid;margin-bottom:12px}.review-text.collapsed{display:block;overflow:visible}.hero-note{display:none}.hero{display:block}.hero-copy .primary{display:none}body{background:white}}
.hero-copy>p.coverage{font-size:10px;line-height:1.7;margin:16px 0 0;max-width:390px}.coverage a{text-underline-offset:3px}

/* Farben und Aufbau der Meistervilla Beauty-Marketing-Seite. */
:root {
  --bg: #fff;
  --ink: #2b5a38;
  --muted: #454a46;
  --line: #e2e8e2;
  --accent: #aa7136;
  --white: #fff;
}
body { font-family: "Space Grotesk", Arial, sans-serif; }
.contact-bar { background: var(--ink); color: white; }
.contact-inner {
  max-width: 1260px;
  margin: auto;
  padding: 14px 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 20px;
  font-size: 14px;
}
.contact-inner a { text-decoration: none; }
.contact-inner a:hover { text-decoration: underline; }
.top { height: auto; min-height: 132px; justify-content: flex-start; gap: 68px; border: 0; }
.brand img { display: block; width: 110px; height: auto; }
.top nav { flex-wrap: wrap; gap: 12px 34px; color: #212121; font: bold 17px Georgia, serif; }
.top nav a[aria-current="page"] { color: var(--ink); text-decoration: underline; text-underline-offset: 5px; }
.hero {
  display: grid;
  place-items: center;
  min-height: 395px;
  margin-inline: calc(50% - 50vw);
  padding: 56px 24px;
  text-align: center;
  color: white;
  background: linear-gradient(#15211dc2, #15211dc2), #253f31 url("marketing-hero.jpg") center 44% / cover no-repeat;
}
.hero h1 { font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(34px, 4.2vw, 54px); font-weight: 700; letter-spacing: -1px; margin: 0 0 16px; }
.hero-copy > p { max-width: 720px; margin: 0 auto 24px; color: white; font-size: clamp(16px, 2vw, 22px); line-height: 1.5; }
.hero .primary { background: white; color: var(--ink); font-weight: bold; }
.hero a:focus-visible, .contact-inner a:focus-visible { outline-color: white; }
h2 { font-weight: bold; }
.review { border-radius: 14px; background: #f6f8f6; }
.source-symbol, .cta { background: #edf2ed; }
.stats { padding-block: 32px; }
footer { background: var(--ink); color: white; }
.footer-brand { color: white; }
@media (max-width: 640px) {
  .contact-inner { justify-content: center; padding: 10px 15px; font-size: 12px; }
  .top { gap: 18px; padding-block: 10px; min-height: 88px; }
  .brand img { width: 72px; }
  .top nav { gap: 8px 14px; font-size: 13px; }
  .top nav a:nth-child(-n+2) { display: inline; }
  .hero { min-height: 320px; padding-block: 38px; }
}
.hero { grid-template-columns: minmax(0, 1fr); gap: 0; }

.website-directory { padding-block: 32px 60px; scroll-margin-top: 20px; }
.website-directory h2 { margin-bottom: 22px; }
.website-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.website-grid a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 14px;
  height: 100%;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f6f8f6;
  color: var(--ink);
  text-decoration: none;
}
.website-grid a:hover { border-color: var(--ink); }
.website-grid a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.website-grid a span:first-child { grid-column: 1 / -1; font-size: .85rem; color: var(--muted); }