/* =====================================================================
   PUSCHK — GALLERY LOOK v2 (calm, monochrome, round, Puschk fonts)
   Loaded last on every page; overrides colours and chrome only.
   Fonts, animations and rounded shapes stay Puschk.
   ===================================================================== */
:root{
  --flamenco:#0A0A0A; --lilli:#F2F2F0; --vanilla:#F2F2F0; --aqua:#FFFFFF;
  --accent:#FFFFFF; --ink:#0A0A0A; --tint:#F2F2F0;
  --paper-2:#F2F2F0;
}
.glass, .glass-dark{ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; }

/* labels: quiet grey/black instead of colour */
.eyebrow, .room-index, .tier, .live-eyebrow, .k, .index, .mk-notify-title{ color:inherit !important; opacity:.6; }
.page-hero .eyebrow, .hero .eyebrow{ color:#fff !important; opacity:.85; }

/* ---------- header: nav left, logo centred, About/Contact right; stays at the top ---------- */
header{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; width:auto !important; max-width:none !important;
  transform:none !important; margin:0 !important; padding:26px 36px !important; display:flex !important; align-items:center; color:#fff; }
header::before{ display:block !important; content:""; position:absolute; inset:0 0 -40px 0; z-index:0; border-radius:0 !important; border:0 !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important; background:linear-gradient(180deg, rgba(0,0,0,.32), rgba(0,0,0,0)) !important; pointer-events:none; }
header nav, header .menu-btn{ position:relative; z-index:1; }
header.menu-open::before{ display:none !important; }
header .logo{ position:absolute !important; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; }
header .logo img{ filter:brightness(0) invert(1) !important; height:34px !important; }
header nav{ flex:1; }
header nav ul{ display:flex !important; gap:28px !important; width:100%; list-style:none; }
header nav li:has(> a[href="index.html"]){ display:none; }
header nav li:nth-last-child(2){ margin-left:auto; }
header nav a{ color:#fff !important; font-size:14px !important; opacity:.92 !important; text-shadow:0 1px 12px rgba(0,0,0,.25); }
header nav a:hover{ opacity:1 !important; }
header nav a::after{ background:#fff !important; }
header nav a.current, header nav a[aria-current="page"]{ opacity:1 !important; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.menu-btn{ color:#fff !important; margin-left:auto; }
/* homepage: the header carries the logo, so the big one in the hero steps back */
.hero-logo{ display:none !important; }
@media (max-width:1080px){
  header{ padding:18px 20px !important; }
  header .logo img{ height:26px !important; }
  header nav ul{ display:none !important; }
  header .menu-btn{ display:block !important; }
  header.menu-open nav ul{ display:flex !important; flex-direction:column; gap:2px !important; position:absolute; top:64px; right:16px; left:auto; width:auto; min-width:220px; padding:14px;
    background:#fff !important; border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.15); }
  header.menu-open nav li{ margin:0 !important; }
  header.menu-open nav a{ color:#0A0A0A !important; display:block; padding:10px 12px; text-shadow:none; }
}

/* ---------- headers: image card with soft rounded bottom ---------- */
.page-hero, .hero#hero{ border-radius:0 0 32px 32px; overflow:hidden; }
.hero-media{ border-radius:0 0 32px 32px; overflow:hidden; }

/* ---------- buttons: round pills, black / white / outline ---------- */
.room-cta{ background:transparent !important; border:1.5px solid rgba(255,255,255,.9) !important; color:#fff !important; }
.room-cta:hover{ background:rgba(255,255,255,.12) !important; }
.contact-link, .kurse-all{ background:transparent !important; border:1.5px solid currentColor !important; }
.contact-link:hover{ background:#0A0A0A !important; color:#fff !important; }
.bundle-card.featured .bundle-btn{ background:#fff !important; color:#0A0A0A !important; }
.ls-card--dark button, .ev-form button{ background:#fff !important; color:#0A0A0A !important; }
.ls-seg{ background:var(--paper-2) !important; }
.ls-seg button[aria-pressed="true"]{ background:#0A0A0A !important; color:#fff !important; }
.mk-notify-row button, .notify-row button, .submit, .book{ background:#0A0A0A !important; color:#fff !important; }
.audience button[aria-pressed="true"]{ background:#fff !important; color:#0A0A0A !important; }
/* filter pills like a collection bar: soft grey active, light outline */
.filter-pill, .package-pill, .chip{ border:1px solid rgba(0,0,0,.12) !important; color:rgba(10,10,10,.6) !important; background:transparent !important; }
.filter-pill.active, .package-pill.active, .chip[aria-pressed="true"], .chip.active{ background:#E9EAEC !important; color:#0A0A0A !important; border-color:#E9EAEC !important; }
.inquire-section .package-pill{ color:rgba(255,255,255,.7) !important; border-color:rgba(255,255,255,.25) !important; }
.inquire-section .package-pill.active{ background:#fff !important; color:#0A0A0A !important; }

/* ---------- colour fills become calm paper / black ---------- */
.live{ background:#0A0A0A !important; }
.live-eyebrow{ color:#fff !important; }
.page-footer, footer, .process, .how, .soon-card, .menu{ background:var(--paper-2) !important; }
.mk-next{ background:#0A0A0A !important; }
.kurse-card{ border-top:1px solid rgba(255,255,255,.35) !important; }
.kurse-card .tag{ color:rgba(255,255,255,.7) !important; }
.pull-quote .mark, .pull-quote blockquote::before{ color:#0A0A0A !important; }
.ls-list b, .fine-print li::before{ color:#0A0A0A !important; }
.fine-print li::before, .terms-icon, .ls-steps li span, .ev-step .n, .step .num{ background-color:#0A0A0A; }
.ev-step .n, .step .num{ background:none; color:#0A0A0A !important; }
.rooms-dots span.active{ background:#0A0A0A !important; }
.tag.adults{ background:#0A0A0A !important; color:#fff !important; }
.tag.kids{ background:#E9EAEC !important; color:#0A0A0A !important; }

/* cursor stays monochrome (still liquid) */
.blob{ background-color:#FFFFFF !important; }
#cursor-wrap.on-light .blob{ background-color:#0A0A0A !important; }

/* =====================================================================
   v3 — no black blocks, glass header that drops in, hero slider, endless wall
   ===================================================================== */
:root{ --soft:#F3F4F6; }

/* ---------- dark blocks become light ---------- */
.kurse, .inquire-section, .private, .ls-card--dark, .bundle-card.featured, .ev-book{ background:var(--soft) !important; color:#0A0A0A !important; }
.bundle-card.featured{ border-color:var(--soft) !important; }
.bundle-card.featured *{ color:#0A0A0A; }
.bundle-card.featured .tier, .bundle-card.featured .tagline{ opacity:.6; }
.bundle-card.featured ul li{ border-color:rgba(0,0,0,.08) !important; }
.bundle-card.featured .bundle-btn, .ls-card--dark button, .ev-form button{ background:#0A0A0A !important; color:#fff !important; }
.inquire-section .eyebrow, .kurse .eyebrow, .private .eyebrow{ color:#0A0A0A !important; }
.inquire-form input, .inquire-form textarea, .ev-form input, .ev-form select, .ev-form textarea{
  background:#fff !important; color:#0A0A0A !important; border:1px solid rgba(0,0,0,.1) !important; }
.inquire-form input::placeholder, .inquire-form textarea::placeholder, .ev-form input::placeholder, .ev-form textarea::placeholder{ color:rgba(10,10,10,.4) !important; }
.inquire-form .wish-checklist, .inquire-form label, .disclaimer-check, .ev-form .lbl, .ev-form .check{ color:#0A0A0A !important; }
.inquire-form button[type="submit"]{ background:#0A0A0A !important; color:#fff !important; }
.inquire-section .package-pill{ color:rgba(10,10,10,.6) !important; border-color:rgba(0,0,0,.12) !important; }
.inquire-section .package-pill.active{ background:#0A0A0A !important; color:#fff !important; border-color:#0A0A0A !important; }
.ev-form .msg{ color:#0A0A0A !important; }
.kurse-card, a.kurse-card{ background:#fff !important; color:#0A0A0A !important; border:1px solid rgba(0,0,0,.06) !important; border-top:1px solid rgba(0,0,0,.06) !important; border-radius:20px !important; }
.kurse-card .tag{ color:rgba(10,10,10,.55) !important; }
.kurse-all{ color:#0A0A0A !important; }
.private a{ background:#0A0A0A !important; color:#fff !important; }
.mk-next{ background:var(--soft) !important; color:#0A0A0A !important; }
.mk-next a{ color:#0A0A0A !important; }
body > .hero:not(#hero){ background:var(--soft) !important; color:#0A0A0A !important; }   /* Impressum / Datenschutz */

/* ---------- header: transparent on top, glass bar drops in once you scroll ---------- */
header.is-stuck{ position:fixed !important; padding:14px 36px !important; color:#0A0A0A;
  animation:gmDrop .45s cubic-bezier(.2,.7,.2,1); }
header.is-stuck::before{ display:block !important; inset:0 !important; background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(18px) saturate(160%) !important; -webkit-backdrop-filter:blur(18px) saturate(160%) !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important; }
header.is-stuck .logo img{ filter:brightness(0) !important; height:26px !important; }
header.is-stuck nav a{ color:#0A0A0A !important; text-shadow:none; }
header.is-stuck nav a::after{ background:#0A0A0A !important; }
header.is-stuck .menu-btn{ color:#0A0A0A !important; }
@keyframes gmDrop{ from{ transform:translateY(-100%); } to{ transform:none; } }

/* ---------- homepage hero slider ---------- */
.hero-scroller, #live{ display:none !important; }
.gm-hero{ position:relative; height:88vh; min-height:560px; overflow:hidden; border-radius:0 0 32px 32px; background:#111; }
.gm-slide{ position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease; }
.gm-slide.on{ opacity:1; }
.gm-slide .bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.08); transition:transform 7s linear; }
.gm-slide.on .bg{ transform:scale(1); }
.gm-slide::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 35%, rgba(0,0,0,.08) 60%, rgba(0,0,0,.45) 100%); }
.gm-cap{ position:absolute; left:0; right:0; bottom:110px; z-index:2; text-align:center; color:#fff; padding:0 20px; }
.gm-cap h2{ font-family:var(--font-accent); font-weight:700; font-size:clamp(28px,3.4vw,46px); letter-spacing:.01em; text-shadow:0 2px 30px rgba(0,0,0,.25); }
.gm-cap .btns{ display:flex; gap:14px; justify-content:center; margin-top:22px; flex-wrap:wrap; }
.gm-cap .btns a{ border:1.5px solid rgba(255,255,255,.95); color:#fff; border-radius:999px; padding:12px 26px; font-size:14px; transition:background .25s ease; }
.gm-cap .btns a:hover{ background:rgba(255,255,255,.15); }
.gm-bars{ position:absolute; left:50%; bottom:44px; transform:translateX(-50%); z-index:3; display:flex; gap:10px; }
.gm-bars button{ width:clamp(54px,7vw,110px); height:18px; border:0; background:none; padding:8px 0; cursor:none; }
.gm-bars button i{ display:block; height:2px; background:rgba(255,255,255,.35); position:relative; overflow:hidden; border-radius:2px; }
.gm-bars button i::after{ content:""; position:absolute; inset:0; background:#fff; transform:scaleX(0); transform-origin:left; }
.gm-bars button.done i::after{ transform:scaleX(1); }
.gm-bars button.on i::after{ animation:gmBar var(--dur,6s) linear forwards; }
@keyframes gmBar{ to{ transform:scaleX(1); } }

/* ---------- latest strip ---------- */
.gm-latest{ padding:56px 40px 64px; display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap; }
.gm-latest h3{ font-family:var(--font-main); font-weight:500; font-size:clamp(18px,1.8vw,24px); text-transform:uppercase; letter-spacing:.01em; }
.gm-latest .more{ display:inline-block; margin-top:10px; font-size:14px; text-transform:uppercase; text-decoration:underline; text-underline-offset:4px; }
.gm-latest form{ display:flex; gap:8px; flex-wrap:wrap; }
.gm-latest input[type=email]{ border:1px solid rgba(0,0,0,.14); border-radius:999px; padding:12px 18px; font:inherit; font-size:14px; min-width:240px; background:#fff; }
.gm-latest button{ border:0; border-radius:999px; padding:12px 22px; background:#0A0A0A; color:#fff; font:inherit; font-size:14px; }
.gm-latest .ok{ font-size:13px; margin-top:8px; min-height:16px; }

/* ---------- endless gallery wall ---------- */
.gm-wall{ padding:30px 0 110px; overflow:hidden; }
.gm-wall .head{ padding:0 40px 26px; display:flex; justify-content:space-between; align-items:baseline; }
.gm-wall .head h3{ font-family:var(--font-main); font-weight:500; font-size:clamp(18px,1.8vw,24px); text-transform:uppercase; }
.gm-wall .head a{ font-size:14px; text-decoration:underline; text-underline-offset:4px; text-transform:uppercase; }
.gm-track{ display:flex; gap:22px; width:max-content; animation:gmWall var(--wall-dur,60s) linear infinite; }
.gm-wall:hover .gm-track{ animation-play-state:paused; }
.gm-card{ flex:none; width:clamp(220px,22vw,320px); }
.gm-card .pic{ aspect-ratio:3/4; border-radius:22px; overflow:hidden; background:var(--soft); }
.gm-card .pic img{ width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.gm-card:hover .pic img{ transform:scale(1.04); }
.gm-card .t{ margin-top:12px; font-size:14px; }
.gm-card .s{ font-size:12px; opacity:.55; }
@keyframes gmWall{ to{ transform:translateX(-50%); } }

@media (max-width:860px){
  .gm-hero{ height:80vh; border-radius:0 0 24px 24px; }
  .gm-cap{ bottom:90px; }
  .gm-latest{ padding:40px 20px 48px; }
  .gm-latest input[type=email]{ min-width:0; flex:1; }
  .gm-wall .head{ padding:0 20px 20px; }
  header.is-stuck{ padding:12px 20px !important; }
}
@media (prefers-reduced-motion:reduce){ .gm-track{ animation:none; } .gm-slide .bg{ transition:none; } }

.gm-consent{ flex-basis:100%; display:flex; gap:8px; align-items:flex-start; font-size:12px; opacity:.65; margin-top:4px; }
.gm-consent a{ text-decoration:underline; }

/* ---------- v4: single hero, painting-only wall, cleaner footer ---------- */
.gm-hero--single .gm-slide .bg{ filter:blur(4px); inset:-16px; transform:none !important; }
.gm-hero--single .gm-slide::after{ background:linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.08) 40%, rgba(0,0,0,.12) 65%, rgba(0,0,0,.42) 100%); }
.gm-hero--single .gm-cap{ bottom:90px; }
.gm-hero--single .gm-cap h2{ max-width:900px; margin:0 auto; }

.gm-track{ align-items:flex-end; gap:clamp(60px,6vw,110px); }
.gm-card{ width:auto; }
.gm-card .pic{ aspect-ratio:auto; border-radius:0 !important; background:none; overflow:visible; height:clamp(260px,30vw,420px); }
.gm-card .pic img{ height:100%; width:auto; object-fit:contain; box-shadow:0 1px 2px rgba(0,0,0,.08), 0 18px 40px -18px rgba(0,0,0,.28); }
.gm-card:hover .pic img{ transform:scale(1.015); }
.gm-card .t, .gm-card .s{ text-align:left; }
.gm-wall{ padding-bottom:140px; }

/* big call to action stays, just calmer */
.page-footer, footer{ background:var(--soft) !important; padding:120px 40px 34px !important; border-radius:32px 32px 0 0; }
.page-footer h2, footer h2{ font-size:clamp(44px,6vw,84px) !important; margin-bottom:28px !important; }
.page-footer .eyebrow, footer .eyebrow{ opacity:.5 !important; color:#0A0A0A !important; }
footer .contact-note{ opacity:.5; margin:-6px auto 0 !important; }
.contact-link{ font-size:15px !important; padding:14px 30px !important; margin-bottom:0 !important; }
/* footer bar like a single quiet line */
.footer-bottom{ margin-top:110px !important; border-top:0 !important; opacity:1 !important; padding-top:0 !important; max-width:none !important;
  display:flex !important; flex-direction:row-reverse; justify-content:space-between; align-items:center; font-size:14px !important; }
.footer-bottom .socials{ display:flex; gap:26px !important; flex-wrap:wrap; }
.footer-bottom .socials a, .footer-bottom span a{ color:#0A0A0A !important; opacity:1; }
.footer-bottom .socials a:hover, .footer-bottom span a:hover{ text-decoration:underline; text-underline-offset:4px; }
.footer-bottom > span{ font-size:13px; opacity:.85; }
@media (max-width:860px){
  .page-footer, footer{ padding:90px 20px 28px !important; border-radius:24px 24px 0 0; }
  .footer-bottom{ flex-direction:column-reverse; align-items:flex-start; gap:18px; margin-top:70px !important; }
  .footer-bottom .socials{ gap:14px 20px !important; }
}
footer:not(.page-footer){ border-radius:0 !important; }

/* ---------- v5 ---------- */
/* nav: no underline for the active page, just full strength vs. softer others */
header nav a.current, header nav a[aria-current="page"]{ text-decoration:none !important; opacity:1 !important; }
header nav a{ opacity:.72 !important; }
header nav a:hover{ opacity:1 !important; }
header nav a::after{ display:none !important; }

/* hero photo: calm colour like the original header */
.gm-hero--single .gm-slide .bg{ filter:blur(4px) saturate(.92) !important; }
.gm-hero--single .gm-slide::after{ background:linear-gradient(180deg, rgba(251,254,207,.22), rgba(20,20,20,.14) 62%, rgba(10,10,10,.38) 100%) !important; }

/* originals wall sits closer to the rooms */
.gm-wall{ padding:70px 0 40px !important; }
.gm-wall .head{ padding-bottom:30px; }

/* four rooms on one screen */
.rooms{ display:grid !important; grid-template-columns:repeat(4, 1fr); gap:18px !important; padding:40px 40px 20px !important; overflow:visible !important; cursor:default !important; }
.room{ width:auto !important; height:min(62vh, 560px) !important; padding:26px !important; }
.room .room-title{ font-size:clamp(24px,2.2vw,34px) !important; }
.room .room-text{ font-size:13px !important; }
.room .room-index{ top:22px !important; left:26px !important; }
.rooms-controls{ display:none !important; }
@media (max-width:1100px){ .rooms{ grid-template-columns:1fr 1fr; } .room{ height:min(58vh,520px) !important; } }
@media (max-width:600px){ .rooms{ grid-template-columns:1fr; padding:30px 20px 10px !important; } .room{ height:70vh !important; } }

/* workshops teaser: frosted glass over a soft photo, instead of a grey box */
.kurse{ position:relative; isolation:isolate; overflow:hidden; background:#ddd !important; margin:60px 40px 80px; border-radius:32px; padding:90px 40px !important; }
.kurse::before{ content:""; position:absolute; inset:-30px; z-index:-2; background:url(images/slide-workshops.jpg) center 60%/cover; filter:blur(10px) saturate(.9); }
.kurse::after{ content:""; position:absolute; inset:0; z-index:-1; background:rgba(20,18,16,.32); }
.kurse > *{ position:relative; }
.kurse > .reveal, .kurse .kurse-cards{ }
.kurse h2, .kurse p, .kurse .eyebrow{ color:#fff !important; text-shadow:0 2px 20px rgba(0,0,0,.25); }
.kurse .eyebrow{ opacity:.85; }
.kurse-card, a.kurse-card{ background:rgba(255,255,255,.22) !important; border:1px solid rgba(255,255,255,.45) !important; color:#fff !important;
  backdrop-filter:blur(18px) saturate(140%) !important; -webkit-backdrop-filter:blur(18px) saturate(140%) !important; }
.kurse-card .tag{ color:rgba(255,255,255,.8) !important; }
.kurse-card p{ opacity:.85 !important; }
.kurse-all{ color:#fff !important; border-color:rgba(255,255,255,.9) !important; }
@media (max-width:860px){ .kurse{ margin:40px 16px 0; padding:70px 20px !important; border-radius:24px; } }

/* call to action: clean, white, centred, no box */
.page-footer, footer{ background:#fff !important; border-radius:0 !important; text-align:center; padding:130px 40px 34px !important; }
.page-footer h2, footer h2{ display:block; width:100%; text-align:center; margin-left:auto; margin-right:auto; }
footer .contact-note{ max-width:560px; margin:22px auto 0 !important; }
.contact-link{ display:inline-block; }
.footer-bottom{ margin-top:120px !important; padding-top:26px !important; border-top:1px solid rgba(0,0,0,.08) !important; }

/* ---------- v6: one grey, thin outlines, soft shadow cards, calmer CTA ---------- */
:root{ --soft:#F3F4F6; --paper-2:#F3F4F6; --tint:#F3F4F6; --lilli:#F3F4F6; --vanilla:#F3F4F6; --line:rgba(10,10,10,.14);
  --card-shadow:0 10px 34px rgba(17,17,26,.07), 0 1px 2px rgba(17,17,26,.04); }
.process, .how, .soon-card, .menu, .mk-next, .ls-seg, .kurse-card{ background:var(--soft) !important; }

/* thin outlines on every pill */
.room-cta, .contact-link, .kurse-all, .bundle-btn, .filter-pill, .package-pill, .chip, .gm-cap .btns a, .ls-seg, .btn,
.mk-notify-row input, .notify-row input, .notify-row select, .inquire-form input, .inquire-form textarea, .ev-form input, .ev-form select, .ev-form textarea{
  border-width:1px !important; }
.room-cta, .gm-cap .btns a{ border:1px solid rgba(255,255,255,.85) !important; font-weight:400; }
.filter-pill, .package-pill, .chip{ border-color:rgba(10,10,10,.12) !important; }

/* explore heading between the originals wall and the four rooms */
.gm-head{ padding:30px 40px 0; display:flex; justify-content:space-between; align-items:baseline; }
.gm-head h3{ font-family:var(--font-main); font-weight:500; font-size:clamp(18px,1.8vw,24px); text-transform:uppercase; }
.gm-head span{ font-size:14px; opacity:.55; }
.galerie-modus{ padding-top:60px !important; border-top:1px solid rgba(10,10,10,.06); margin:0 40px; }
.galerie-modus .gm-head{ padding-left:0; padding-right:0; }
.galerie-modus .rooms{ padding-left:0 !important; padding-right:0 !important; }
.gm-wall{ padding-bottom:90px !important; }
@media (max-width:860px){ .galerie-modus{ margin:0 20px; } }

/* workshops teaser: white, no photo, one soft shadow card */
.kurse{ background:#fff !important; margin:80px 40px 80px; padding:80px 40px !important; border-radius:24px; box-shadow:var(--card-shadow); }
.kurse::before, .kurse::after{ display:none !important; }
.kurse h2, .kurse p, .kurse .eyebrow{ color:#0A0A0A !important; text-shadow:none !important; }
.kurse p{ opacity:.6 !important; }
.kurse-card, a.kurse-card{ background:var(--soft) !important; color:#0A0A0A !important; border:0 !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.kurse-card .tag{ color:rgba(10,10,10,.55) !important; }
.kurse-card p{ opacity:.6 !important; }
.kurse-all{ color:#0A0A0A !important; border:1px solid var(--line) !important; background:#fff !important; }

/* cards that used to be grey boxes get the soft shadow look */
.bundle-card, .soon-card, .ls-card--dark, .sketch-note{ background:#fff !important; border:0 !important; box-shadow:var(--card-shadow) !important; }
.bundle-card.featured{ background:#fff !important; }

/* call to action: graceful size, glass-thin button */
.page-footer h2, footer h2{ font-size:clamp(30px,3.4vw,48px) !important; margin-bottom:22px !important; }
.page-footer, footer{ padding:110px 40px 30px !important; }
.contact-link{ font-size:14px !important; padding:11px 26px !important; border:1px solid var(--line) !important; color:#0A0A0A !important;
  background:rgba(255,255,255,.6) !important; box-shadow:var(--card-shadow) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; }
.contact-link:hover{ background:#0A0A0A !important; color:#fff !important; border-color:#0A0A0A !important; }
.footer-bottom{ margin-top:90px !important; }

/* ---------- v7: workshops as a grey "explore" board with glass tiles ---------- */
.kurse.kurse--bento{ background:var(--soft) !important; margin:70px 0 0 !important; padding:56px 40px 70px !important; border-radius:0 !important; box-shadow:none !important; text-align:left; color:#0A0A0A !important; }
.kurse--bento .gm-head{ padding:0 0 24px; }
.bento{ display:grid; grid-template-columns:1.25fr 1fr 1fr; grid-template-rows:auto auto; gap:14px; }
.bx{ display:flex; flex-direction:column; gap:10px; padding:26px; border-radius:22px; color:#0A0A0A;
  background:rgba(255,255,255,.45); border:1px solid rgba(255,255,255,.8);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  transition:background .3s ease, box-shadow .3s ease, transform .3s ease; }
.bx:hover{ background:#fff; box-shadow:var(--card-shadow); }
.bx-main{ grid-row:span 2; justify-content:flex-start; }
.bx-main h2{ font-family:var(--font-accent) !important; font-weight:700 !important; font-size:clamp(28px,2.8vw,40px) !important; line-height:1.1; margin:6px 0 4px; color:#0A0A0A !important; text-shadow:none !important; }
.bx-img{ padding:0; overflow:hidden; grid-column:2 / span 2; min-height:240px; }
.bx-img img{ width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.bx-img:hover img{ transform:scale(1.03); }
.bx h4{ font-weight:500; font-size:18px; }
.mute{ color:rgba(10,10,10,.55) !important; opacity:1 !important; }
.small{ font-size:13px; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:10px; }
.chips span{ background:var(--soft); border-radius:999px; padding:7px 14px; font-size:13px; color:rgba(10,10,10,.7); }
.bx:hover .chips span{ background:var(--soft); }
.go{ margin-top:auto; font-size:14px; }
.pill-hi{ align-self:flex-start; background:#E80004; color:#fff; border-radius:999px; padding:6px 14px; font-size:12px; letter-spacing:.02em; }
.kurse--bento .kurse-cards{ display:block !important; margin:14px 0 6px !important; }
.kurse--bento .kurse-card, .kurse--bento a.kurse-card{ width:auto !important; background:var(--soft) !important; border:0 !important; border-radius:16px !important; padding:18px 20px !important; }
.kurse--bento .kurse-card .tag{ display:none; }
.kurse--bento .kurse-card h3{ font-size:16px !important; margin-bottom:6px; }
.kurse--bento .kurse-all{ align-self:flex-start; margin-top:auto !important; background:#0A0A0A !important; color:#fff !important; border:0 !important; padding:12px 24px !important; font-size:14px !important; }
@media (max-width:980px){ .bento{ grid-template-columns:1fr 1fr; } .bx-main{ grid-column:1 / -1; grid-row:auto; } .bx-img{ grid-column:1 / -1; } }
@media (max-width:600px){ .kurse.kurse--bento{ padding:40px 16px 50px !important; } .bento{ grid-template-columns:1fr; } }
/* bento layout v7b: main | image | image  /  main | grown-ups | kids  /  private spans under main row */
.bento{ grid-template-columns:1.2fr 1fr 1fr; grid-template-rows:300px auto; grid-auto-flow:row dense; }
.bx-main{ grid-column:1; grid-row:1 / span 2; }
.bx-img{ grid-column:2 / span 2; grid-row:1; min-height:0; }
.bento > .bx:nth-child(3){ grid-column:2; grid-row:2; }
.bento > .bx:nth-child(4){ grid-column:3; grid-row:2; }
.bento > .bx:nth-child(5){ grid-column:1 / -1; grid-row:3; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.bento > .bx:nth-child(5) .go{ margin-top:0; }
.bx-main .kurse-all{ margin-top:18px !important; }
.kurse.kurse--bento{ margin-top:40px !important; }
@media (max-width:980px){ .bento{ grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .bx-main, .bx-img, .bento > .bx:nth-child(5){ grid-column:1 / -1; grid-row:auto; } .bx-img{ height:260px; }
  .bento > .bx:nth-child(3), .bento > .bx:nth-child(4){ grid-column:auto; grid-row:auto; } }
@media (max-width:600px){ .bento{ grid-template-columns:1fr; } .bento > .bx{ grid-column:1 / -1 !important; } }

/* ---------- v8 ---------- */
/* homepage photos (not the artworks): same warm veil as the sofa hero */
.room-1::before, .room-4::before, .room-5::before{ filter:saturate(.92) !important; }
.room-1::after, .room-4::after, .room-5::after{ background:linear-gradient(180deg, rgba(251,254,207,.22) 0%, rgba(20,20,20,.12) 55%, rgba(10,10,10,.48) 100%) !important; }
.ueber-mich .img-side{ filter:saturate(.92) !important; position:relative; }
.ueber-mich .img-side::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(251,254,207,.20), rgba(20,20,20,.08) 60%, rgba(10,10,10,.18)); pointer-events:none; }

/* commissions panel on the homepage */
.cm-panel{ padding:70px 40px 30px; }
.cm-panel .gm-head{ padding:0 0 24px; }
.u-link{ font-size:14px; text-transform:uppercase; text-decoration:underline; text-underline-offset:4px; }
.cm-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.cm-tile{ position:relative; display:flex; flex-direction:column; gap:6px; padding:18px 18px 22px; border-radius:22px; background:var(--soft); color:#0A0A0A;
  transition:background .3s ease, box-shadow .3s ease; }
.cm-tile:hover{ background:#fff; box-shadow:var(--card-shadow); }
.cm-tile .pic{ aspect-ratio:4/3; border-radius:14px; overflow:hidden; margin-bottom:10px; }
.cm-tile .pic img{ width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.cm-tile:hover .pic img{ transform:scale(1.03); }
.cm-tile .row{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.cm-tile .row b{ font-weight:500; font-size:17px; }
.cm-tile .pill-hi{ position:absolute; top:28px; left:28px; z-index:2; }
@media (max-width:860px){ .cm-panel{ padding:50px 20px 20px; } .cm-grid{ grid-template-columns:1fr; } }

/* workshops board: no image, newsletter focus */
.bento--ws{ grid-template-columns:1.3fr 1fr; grid-template-rows:auto auto auto; }
.bento--ws .bx-main{ grid-column:1; grid-row:1 / span 3; }
.bento--ws > .bx:nth-child(2){ grid-column:2; grid-row:1; }
.bento--ws > .bx:nth-child(3){ grid-column:2; grid-row:2; }
.bento--ws > .bx:nth-child(4){ grid-column:2; grid-row:3; flex-direction:column; align-items:flex-start; }
.bento--ws .kurse-card[href$="#notify"]{ display:none !important; }
.ws-news{ margin-top:auto; padding-top:18px; }
.ws-row{ display:flex; gap:8px; flex-wrap:wrap; }
.ws-row input, .ws-row select{ border:1px solid var(--line); border-radius:999px; padding:12px 18px; font:inherit; font-size:14px; background:#fff; color:#0A0A0A; }
.ws-row input{ flex:1 1 220px; min-width:0; }
.ws-row button{ border:0; border-radius:999px; padding:12px 24px; background:#0A0A0A; color:#fff; font:inherit; font-size:14px; }
.ws-news .ok{ font-size:13px; margin-top:8px; min-height:16px; }
@media (max-width:980px){ .bento--ws{ grid-template-columns:1fr; } .bento--ws > .bx{ grid-column:1 !important; grid-row:auto !important; } }

/* commissions page: middle tier stands out */
.bundle-card--hi{ background:var(--soft) !important; box-shadow:none !important; position:relative; }
.badge-hi, .pill-hi{ display:inline-block; background:#E80004; color:#fff; border-radius:999px; padding:6px 14px; font-size:12px; letter-spacing:.02em; }
.badge-hi{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); white-space:nowrap; }

/* live sketching: whole page grey, only the request card white */
body.page-ls{ background:var(--soft) !important; }
body.page-ls .ls-card--dark{ background:#fff !important; box-shadow:var(--card-shadow) !important; }
body.page-ls .ls-seg{ background:#fff !important; }
body.page-ls .page-footer{ background:var(--soft) !important; }
body.page-ls .mk-notify{ background:#fff; border:0 !important; box-shadow:var(--card-shadow); }
body.page-ls .menu{ background:#fff !important; }
body.page-ls .ls-list li{ border-color:rgba(10,10,10,.08) !important; }

/* workshops page: private CTA like the others (white, centred, thin glass button) */
.private{ background:#fff !important; color:#0A0A0A !important; }
.private a, .private .contact-link{ background:rgba(255,255,255,.6) !important; color:#0A0A0A !important; border:1px solid var(--line) !important; box-shadow:var(--card-shadow) !important; }
.private a:hover{ background:#0A0A0A !important; color:#fff !important; }
.private h2{ font-size:clamp(28px,3.2vw,44px) !important; }
.soon-card{ background:#fff !important; box-shadow:var(--card-shadow) !important; }

/* ---------- v9 ---------- */
/* hero: bigger logo, smaller slogan + buttons */
.gm-cap h2{ font-size:clamp(22px,2.4vw,32px) !important; }
.gm-cap .btns a{ font-size:13px !important; padding:9px 20px !important; border-width:1px !important; }
.room-cta{ font-size:12px !important; padding:8px 16px !important; }

/* about photo a touch brighter */
.ueber-mich .img-side{ filter:saturate(.92) brightness(1.07) !important; }

/* workshops: one clear CTA + what to expect */
.kurse.kurse--bento{ padding:60px 40px !important; }
.ws-board{ display:grid; grid-template-columns:1.4fr 1fr; gap:14px; }
.ws-cta, .ws-side{ background:#fff; border-radius:22px; padding:38px; box-shadow:var(--card-shadow); }
.ws-side{ background:rgba(255,255,255,.55); box-shadow:none; border:1px solid rgba(255,255,255,.9); }
.ws-cta .pill-hi{ margin-bottom:14px; }
.ws-kicker{ display:block; font-size:13px; color:rgba(10,10,10,.55); margin-bottom:6px; }
.ws-cta h2{ font-family:var(--font-accent) !important; font-weight:700 !important; font-size:clamp(32px,3.4vw,50px) !important; line-height:1.05; color:#0A0A0A !important; margin-bottom:10px; }
.ws-cta .ws-news{ margin-top:22px; padding-top:0; }
.ws-list{ list-style:none; margin-top:10px; }
.ws-list li{ display:flex; flex-direction:column; gap:4px; padding:16px 0; border-top:1px solid rgba(10,10,10,.08); }
.ws-list li:first-child{ border-top:0; }
.ws-list b{ font-weight:500; font-size:16px; }
.ws-list .mute{ font-size:14px; line-height:1.5; }
.ws-link{ align-self:flex-start; margin-top:6px; font-size:14px; border:1px solid var(--line); border-radius:999px; padding:7px 16px; background:#fff; }
.ws-link:hover{ background:#0A0A0A; color:#fff; }
@media (max-width:900px){ .ws-board{ grid-template-columns:1fr; } .ws-cta, .ws-side{ padding:28px 22px; } .kurse.kurse--bento{ padding:40px 16px !important; } }

/* commissions on the homepage: text list, no boxes */
.cm-panel{ padding:80px 40px 40px; }
.cm-list{ border-top:1px solid rgba(10,10,10,.1); }
.cm-item{ display:grid; grid-template-columns:260px 1fr auto 30px; gap:24px; align-items:center; padding:22px 4px; border-bottom:1px solid rgba(10,10,10,.1); color:#0A0A0A; transition:padding .3s ease, background .3s ease; }
.cm-item:hover{ padding-left:14px; padding-right:14px; background:var(--soft); }
.cm-item b{ font-weight:500; font-size:18px; display:flex; align-items:center; gap:10px; }
.cm-item .price{ font-size:15px; }
.cm-item .arr{ font-size:18px; opacity:.5; transition:transform .3s ease, opacity .3s ease; }
.cm-item:hover .arr{ transform:translateX(4px); opacity:1; }
.pill-sm{ font-style:normal; font-size:10px !important; padding:4px 10px !important; }
@media (max-width:760px){ .cm-panel{ padding:60px 20px 30px; } .cm-item{ grid-template-columns:1fr auto; gap:6px 16px; } .cm-item .mute{ grid-column:1 / -1; grid-row:2; } .cm-item .arr{ display:none; } }

/* commissions page: middle tier keeps the 3D shadow, badge small top-right */
.bundle-card--hi{ box-shadow:var(--card-shadow) !important; }
.badge-hi{ top:22px !important; right:22px !important; left:auto !important; transform:none !important; font-size:11px !important; padding:5px 12px !important; }
.kurse--bento > #kurseCards{ display:none !important; }

/* ---------- v10 ---------- */
/* headers: full-bleed, no rounded corners */
.page-hero, .hero#hero, .hero-media, .gm-hero{ border-radius:0 !important; }
/* smaller pill text everywhere */
.gm-cap .btns a, .room-cta, .ws-link, .kurse-all, .contact-link, .private a{ font-size:12px !important; padding:8px 18px !important; }
/* commission buttons react */
.bundle-btn{ transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important; }
.bundle-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(10,10,10,.18); background:#fff !important; color:#0A0A0A !important; outline:1px solid #0A0A0A; }
.bundle-btn:active{ transform:translateY(0) scale(.98); box-shadow:none; }
/* most booked: red outline, own column so texts line up */
.pill-out{ display:inline-block; font-style:normal; background:transparent !important; color:#E80004 !important; border:1px solid #E80004; border-radius:999px; padding:4px 12px !important; font-size:11px !important; letter-spacing:.02em; white-space:nowrap; }
.cm-item{ grid-template-columns:240px 1fr 120px 110px 24px !important; }
.cm-item .tagcol{ display:flex; justify-content:flex-end; }
.cm-item .price{ text-align:right; }
@media (max-width:760px){ .cm-item{ grid-template-columns:1fr auto !important; } .cm-item .tagcol{ grid-column:1; justify-content:flex-start; } .cm-item .tagcol:empty{ display:none; } }
.badge-hi.pill-out{ background:#fff !important; }
/* more air before About, smaller About photo */
.cm-panel{ padding-bottom:110px !important; }
.ueber-mich{ grid-template-columns:minmax(280px, 34%) 1fr !important; min-height:auto !important; max-width:1240px; margin:0 auto 40px; gap:0; align-items:stretch; }
.ueber-mich .img-side{ aspect-ratio:4/5; min-height:0 !important; border-radius:22px; overflow:hidden; margin-left:40px; }
.ueber-mich .text-side{ padding:60px !important; }
@media (max-width:860px){ .ueber-mich{ grid-template-columns:1fr !important; } .ueber-mich .img-side{ margin:0 20px; aspect-ratio:4/5; } .ueber-mich .text-side{ padding:36px 20px !important; } }
/* live sketching like workshops: white page, white cards with soft shadow */
body.page-ls{ background:#fff !important; }
body.page-ls .ls-seg{ background:var(--soft) !important; }
body.page-ls .page-footer{ background:#fff !important; }

/* ---------- v11 ---------- */
/* CTA buttons at the bottom back to normal size */
.contact-link, .private a, .private .contact-link{ font-size:15px !important; padding:13px 30px !important; }
/* commissions page badge: solid red */
.badge-hi{ background:#E80004 !important; color:#fff !important; border:0 !important; }
/* about: photo flush with the page edge, just narrower */
.ueber-mich{ grid-template-columns:minmax(260px, 30%) 1fr !important; max-width:none !important; margin:0 0 40px !important; }
.ueber-mich .img-side{ aspect-ratio:auto !important; min-height:520px !important; margin:0 !important; border-radius:0 !important; }
@media (max-width:860px){ .ueber-mich .img-side{ min-height:420px !important; } }
/* order: originals → commissions → explore → workshops → about */
.cm-panel{ padding:60px 40px 100px !important; }
.galerie-modus{ padding-top:70px !important; }

/* ---------- v12 ---------- */
.bundle-card--hi{ background:#fff !important; }
.room-2::before{ filter:brightness(1.1) saturate(.95) !important; }
.room-2::after{ background:linear-gradient(180deg, rgba(251,254,207,.16) 0%, rgba(20,20,20,.08) 55%, rgba(10,10,10,.45) 100%) !important; }
.kurse.kurse--bento{ margin-bottom:110px !important; }

/* =====================================================================
   BUTTON SYSTEM
   1) Choice pills (filters, toggles, "which one?"): outline → hover grey → selected black
   2) Action buttons (send, request, notify): solid black
   3) Link pills on photos / CTAs: thin outline (white on images, dark on white)
   ===================================================================== */
.filter-pill, .package-pill, .chip, .ls-seg button, .audience button{
  background:transparent !important; color:rgba(10,10,10,.6) !important; border:1px solid rgba(10,10,10,.12) !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease !important; }
.filter-pill:hover, .package-pill:hover, .chip:hover, .ls-seg button:hover, .audience button:hover{
  background:#E9EAEC !important; color:rgba(10,10,10,.8) !important; border-color:#E9EAEC !important; }
.filter-pill.active, .package-pill.active, .chip[aria-pressed="true"], .chip.active, .ls-seg button[aria-pressed="true"], .audience button[aria-pressed="true"]{
  background:#0A0A0A !important; color:#fff !important; border-color:#0A0A0A !important; }
.ls-seg{ background:transparent !important; gap:8px !important; padding:0 !important; }
.audience{ background:transparent !important; border:0 !important; gap:8px; }
.audience button{ color:rgba(255,255,255,.85) !important; border-color:rgba(255,255,255,.45) !important; }
.audience button:hover{ background:rgba(255,255,255,.18) !important; color:#fff !important; border-color:rgba(255,255,255,.6) !important; }
.audience button[aria-pressed="true"]{ background:#fff !important; color:#0A0A0A !important; border-color:#fff !important; }
body.page-ls .ls-seg, .ls-seg{ background:transparent !important; box-shadow:none !important; border:0 !important; }

/* ---------- action buttons (solid black): same lift + invert on hover everywhere ---------- */
.bundle-btn, .ws-row button, .gm-latest button, .mk-notify-row button, .notify-row button, .submit, .book, .insta,
.inquire-form button[type="submit"], .ev-form button, .ls-card--dark button, form .gm-form-btn, .kurse--bento .kurse-all,
#inquireForm button[type="submit"], .lightbox button[type="submit"], #notifyForm button, .private a.btn-dark{
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important; }
.bundle-btn:hover, .ws-row button:hover, .gm-latest button:hover, .mk-notify-row button:hover, .notify-row button:hover, .submit:hover, .book:hover, .insta:hover,
.inquire-form button[type="submit"]:hover, .ev-form button:hover, .ls-card--dark button:hover, .kurse--bento .kurse-all:hover,
#inquireForm button[type="submit"]:hover, .lightbox button[type="submit"]:hover, #notifyForm button:hover{
  transform:translateY(-2px); box-shadow:0 10px 24px rgba(10,10,10,.18) !important; background:#fff !important; color:#0A0A0A !important; outline:1px solid #0A0A0A; }
.bundle-btn:active, .ws-row button:active, .mk-notify-row button:active, .notify-row button:active, .submit:active, .book:active,
.inquire-form button[type="submit"]:active, .ev-form button:active, .ls-card--dark button:active, #inquireForm button[type="submit"]:active, .lightbox button[type="submit"]:active{
  transform:translateY(0) scale(.98); box-shadow:none !important; }
.price-note{ text-align:center; font-size:13px; color:rgba(10,10,10,.55); max-width:560px; margin:-110px auto 120px; padding:0 20px; }

/* v16 – Impressum / Datenschutz im Gentle-Monster-Stil: hell, ruhig, Tab-Pills */
body.page-legal{ background:var(--soft) !important; }
body.page-legal header{ color:#0A0A0A; }
body.page-legal header::before{ display:none !important; }
body.page-legal header .logo img{ filter:brightness(0) !important; }
body.page-legal header nav a, body.page-legal .menu-btn{ color:#0A0A0A !important; text-shadow:none !important; }
body.page-legal > .hero:not(#hero){ background:transparent !important; color:#0A0A0A !important; border-radius:0 !important;
  padding:118px 36px 30px !important; }
body.page-legal .legal-tabs{ display:flex; gap:10px; flex-wrap:wrap; max-width:none; }
body.page-legal .legal-tabs a{ font-size:14px; text-decoration:none; color:#6b6d72; padding:8px 16px; border-radius:999px;
  border:1px solid #d9dadd; transition:background .2s, color .2s, border-color .2s; }
body.page-legal .legal-tabs a:hover{ background:#E9EAEC; color:#0A0A0A; border-color:#E9EAEC; }
body.page-legal .legal-tabs a.active{ background:#E3E4E7; color:#0A0A0A; border-color:#E3E4E7; }
body.page-legal > .hero:not(#hero) .hero-inner{ max-width:760px; margin:70px auto 0; text-align:center; }
body.page-legal > .hero:not(#hero) h1{ font-size:clamp(28px,3.4vw,40px) !important; color:#0A0A0A; text-shadow:none; }
body.page-legal main{ max-width:760px; padding:50px 24px 110px !important; }
body.page-legal main h2{ font-size:17px; }
body.page-legal footer{ border-top-color:rgba(0,0,0,.08); }
@media (max-width:860px){
  body.page-legal > .hero:not(#hero){ padding:96px 20px 20px !important; }
  body.page-legal > .hero:not(#hero) .hero-inner{ margin-top:44px; }
  body.page-legal header.menu-open nav a{ color:#0A0A0A !important; }
}
body.page-legal > .hero:not(#hero) h1{ font-family:var(--font-main) !important; font-weight:500 !important;
  font-size:clamp(20px,1.8vw,24px) !important; text-transform:uppercase; letter-spacing:.06em; line-height:1.3; }
body.page-legal > .hero:not(#hero) h1{ letter-spacing:.015em !important; }
body.page-legal main{ padding-top:110px !important; }
@media (max-width:860px){ body.page-legal main{ padding-top:70px !important; } }
body.page-legal > .hero:not(#hero) h1{ font-weight:400 !important; letter-spacing:0 !important; font-size:clamp(17px,1.4vw,19px) !important; }
body.page-legal main p, body.page-legal main li{ font-size:14px; line-height:1.65; }
body.page-legal main h2{ font-size:15px; font-weight:500; margin:34px 0 8px; }
body.page-legal main h3{ font-size:14px; }
body.page-legal .legal-tabs a{ font-size:13px; padding:7px 14px; }
body.page-legal main{ max-width:600px !important; }
body.page-legal main ul{ list-style:none; padding-left:0; }
body.page-legal main li + li{ margin-top:8px; }
body.page-legal main h2, body.page-legal main h3, body.page-legal main strong, body.page-legal main b{ font-weight:400 !important; }
body.page-legal footer{ background:transparent !important; box-shadow:none !important; }
body.page-legal main h2{ margin:24px 0 6px !important; }
body.page-legal main h3{ margin:16px 0 4px !important; }
body.page-legal footer{ border-top:0 !important; padding:30px 40px 40px !important; margin-top:0 !important; }
body.page-legal main{ padding-top:80px !important; }
body.page-legal main > h2:first-child{ margin-top:0 !important; }
body.page-legal main, body.page-legal main p, body.page-legal main li, body.page-legal main h2, body.page-legal main h3, body.page-legal main .note{ font-size:13px !important; line-height:1.65 !important; }