/* muensterbilder: seitenspezifisches CSS, am 03.09.2026 (Welle C) aus dem Inline-<style> ausgelagert. Wird nach colors_and_type.css geladen. */

/* ── inline ── */
    /*ovx-guard*/ html, body { overflow-x: clip; max-width: 100%; }
    *, *::before, *::after { box-sizing: border-box; }
    html { min-height: 100%; }
    body { min-height: 100%; }
    body {
      margin: 0;
      display: flex;
      flex-direction: column;
      background: var(--jales-ivory);
      color: var(--jales-charcoal);
      font: var(--body);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    a { color: inherit; }

    /* ── Einheitlicher Marken-Header (wie übrige Seiten) ───── */
    .skip-link { position:absolute; left:8px; top:-60px; z-index:2000; background:#2A3F33; color:#F8F4EC; padding:12px 20px; border-radius:0 0 10px 10px; text-decoration:none; font:700 14px/1 system-ui,sans-serif; transition:top var(--dur-base) var(--ease); }
    .skip-link:focus { top:0; }
    .container { max-width:var(--maxw-content); margin:0 auto; padding:0 var(--container-pad); }
    .btn { display:inline-flex; align-items:center; gap:8px; padding:14px 24px; border-radius:var(--r-pill); font: 600 14px/1 var(--font-sans); letter-spacing: .02em; text-transform: none; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform 80ms; white-space:nowrap; }
    .btn:active { transform:scale(.98); }
    .btn-primary { background:var(--jales-forest); color:var(--jales-ivory); }
    .btn-primary:hover { background:var(--jales-forest-deep); }
    .btn-sm { padding:10px 18px; font-size:13px; }
    .site-header { position:sticky; top:0; z-index:100; height:var(--header-h); background:rgba(248,244,236,.94); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--jales-linen); }
    .header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--space-6); }
    .nav-links { display:flex; align-items:center; gap:var(--space-5); list-style:none; margin:0; padding:0; }
    .nav-links a { font:500 11px/1 var(--font-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--jales-charcoal); text-decoration:none; white-space:nowrap; transition:color var(--dur-base) var(--ease); }
    .nav-links a:hover { color:var(--jales-forest); }
    .nav-links a[aria-current="page"]{color:var(--jales-forest);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
    .mobile-nav a[aria-current="page"]{color:var(--jales-forest)}
    .nav-cta { margin-left:var(--space-4); }
    .menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:10px; min-width:44px; min-height:44px; color:var(--jales-charcoal); }
    .mobile-nav { display:none; flex-direction:column; background:var(--jales-ivory); border-top:1px solid var(--jales-linen); padding:var(--space-4) var(--container-pad) var(--space-5); }
    .mobile-nav a { display:block; padding:var(--space-4) 0; font:500 14px/1.4 var(--font-sans); color:var(--jales-charcoal); text-decoration:none; border-bottom:1px solid var(--jales-linen); }
    .mobile-nav a:last-child { border-bottom:none; }
    .mobile-nav.open { display:flex; }
    @media (max-width:1024px) {
      .nav-links, .nav-cta { display:none; }
      .menu-toggle { display:flex; align-items:center; justify-content:center; }
    }

    /* ── Einheitlicher Marken-Footer (wie übrige Seiten) ───── */
    .site-footer { background:var(--jales-charcoal); color:var(--jales-ivory); padding:var(--section-pad-md) 0 var(--space-7); }
    .site-footer .container { max-width:var(--maxw-content); margin:0 auto; padding:0 var(--container-pad); }
    .site-footer .footer-inner { display:grid; grid-template-columns:1.5fr .9fr .9fr .9fr; gap:var(--gap-section); align-items:start; padding-bottom:var(--space-7); border-bottom:1px solid rgba(248,244,236,.12); margin-bottom:var(--space-7); }
    .site-footer .footer-col-title { font:var(--label); letter-spacing:.22em; text-transform:uppercase; color:rgba(248,244,236,.5); margin:0 0 var(--space-4); }
    .site-footer .footer-tagline { font:600 16px/1.5 var(--font-sans); color:#F8F4EC; margin:var(--space-3) 0 0; max-width:34ch; }
    .site-footer .footer-social-label { font:var(--label); letter-spacing:.22em; text-transform:uppercase; color:rgba(248,244,236,.5); margin:var(--space-6) 0 var(--space-3); }
    .site-footer .footer-social { display:flex; gap:var(--space-3); margin-top:var(--space-5); }
    .site-footer .footer-social a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid rgba(248,244,236,.18); border-radius:var(--r-pill); color:rgba(248,244,236,.7); text-decoration:none; transition:color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease); }
    .site-footer .footer-social a:hover { color:var(--jales-charcoal); background:var(--jales-ivory); border-color:var(--jales-ivory); }
    .site-footer .footer-social svg { width:21px; height:21px; display:block; }
    .site-footer .footer-links { display:flex; flex-wrap:wrap; gap:var(--space-5); list-style:none; margin:0; padding:0; justify-content:flex-end; }
    .site-footer .footer-links.col { flex-direction:column; flex-wrap:nowrap; gap:var(--space-3); justify-content:flex-start; }
    .site-footer .footer-links a { font:500 11px/1 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:rgba(248,244,236,.65); text-decoration:none; transition:color var(--dur-base) var(--ease); }
    .site-footer .footer-links a:hover { color:var(--jales-ivory); }
    .site-footer .footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--space-4); }
    .site-footer .footer-copy { font:var(--caption); color:rgba(248,244,236,.62); letter-spacing:.06em; margin:0; }
    .site-footer .footer-legal { display:flex; gap:var(--space-5); list-style:none; margin:0; padding:0; }
    .site-footer .footer-legal a { font:var(--caption); color:rgba(248,244,236,.62); text-decoration:none; }
    .site-footer .footer-legal a:hover { color:rgba(248,244,236,.75); }
    @media (max-width:1024px) {
      .site-footer .footer-inner { grid-template-columns:1fr; gap:var(--space-6); }
      .site-footer .footer-links { justify-content:flex-start; }
    }
    @media (max-width:768px) {
      .site-footer .footer-inner { gap:var(--space-7); }
      .site-footer .footer-links.col a { padding:15px 0; line-height:1; }
      .site-footer .footer-bottom { flex-direction:column; align-items:flex-start; }
    }

    /* ── Header (slim, Loden) — alt, nicht mehr verwendet ───── */
    .portal-header {
      flex: 0 0 auto;
      height: 64px;
      background: var(--jales-forest);
      color: var(--jales-ivory);
      border-bottom: 1px solid rgba(248,244,236,.08);
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .portal-header-inner {
      height: 100%;
      max-width: var(--maxw-content);
      margin: 0 auto;
      padding: 0 var(--container-pad);
      display: flex;
      align-items: center;
      gap: var(--space-5);
    }
    .back-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: rgba(248,244,236,.78);
      font: 600 12px/1 var(--font-sans);
      letter-spacing: .14em;
      text-transform: uppercase;
      transition: color var(--dur-base) var(--ease);
      white-space: nowrap;
    }
    .back-link svg { width: 17px; height: 17px; }
    .back-link:hover { color: var(--jales-ivory); }

    .header-divider {
      width: 1px;
      height: 26px;
      background: rgba(248,244,236,.16);
      flex: 0 0 auto;
    }
    .portal-header .brand {
      display: inline-flex;
      align-items: center;
    }
    .portal-header .brand img { height: 26px; width: auto; display: block; }

    .portal-badge {
      margin-left: auto;
      flex: 0 0 auto;
      font: 600 11px/1 var(--font-sans);
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--jales-amber-soft);
      border: 1px solid rgba(163,127,66,.4);
      border-radius: var(--r-pill);
      padding: 8px 16px;
      white-space: nowrap;
    }

    /* ── Intro band ────────────────────────────────────────── */
    .intro {
      flex: 0 0 auto;
      background: var(--jales-linen-2);
      border-bottom: 1px solid var(--jales-linen);
    }
    .intro-inner {
      max-width: var(--maxw-content);
      margin: 0 auto;
      padding: clamp(22px, 3.4vw, 36px) var(--container-pad);
      display: grid;
      grid-template-columns: 1fr minmax(300px, 420px);
      gap: clamp(24px, 4vw, 56px);
      align-items: start;
    }
    .intro-eyebrow {
      font: 600 12px/1.4 var(--font-sans);
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--jales-amber-text);
      margin: 0 0 10px;
    }
    .intro-title {
      font: 500 clamp(28px, 3.6vw, 40px)/1.08 var(--font-serif);
      letter-spacing: -.005em;
      color: var(--jales-charcoal);
      margin: 0 0 12px;
    }
    .intro-text {
      font: var(--body);
      color: var(--jales-ink-2);
      margin: 0;
      max-width: 56ch;
    }

    .intro-box {
      background: var(--jales-forest);
      color: var(--jales-ivory);
      border-radius: var(--r-lg);
      padding: clamp(18px, 2vw, 24px);
      box-shadow: var(--shadow-2);
    }
    .intro-box-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font: 600 11px/1 var(--font-sans);
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--jales-amber-soft);
      margin: 0 0 10px;
    }
    .intro-box-label svg { width: 16px; height: 16px; }
    .intro-box p {
      font: 400 14px/1.6 var(--font-sans);
      color: rgba(248,244,236,.82);
      margin: 0;
    }
    .intro-box a {
      color: var(--jales-amber-soft);
      text-decoration: none;
      border-bottom: 1px solid rgba(212,168,90,.4);
      transition: border-color var(--dur-base) var(--ease);
    }
    .intro-box a:hover { border-color: var(--jales-amber-soft); }
    .intro-box .addr {
      display: block;
      margin-top: 10px;
      font: 400 13px/1.5 var(--font-sans);
      color: rgba(248,244,236,.6);
    }
    .intro-box .chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      list-style: none;
      margin: 14px 0;
      padding: 0;
    }
    .intro-box .chips li {
      display: inline-flex;
    }
    .intro-box .chips a.chip-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      min-height: 38px;
      font: 600 10.5px/1 var(--font-sans);
      letter-spacing: .04em;
      color: var(--jales-ivory);
      border: 1px solid rgba(248,244,236,.26);
      border-radius: var(--r-pill);
      padding: 9px 13px;
      text-decoration: none;
      transition: background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
    }
    .intro-box .chips a.chip-link svg {
      width: 19px;
      height: 19px;
      flex: 0 0 auto;
      opacity: 1;
    }
    .intro-box .chips a.chip-link:hover,
    .intro-box .chips a.chip-link:focus-visible {
      background: rgba(248,244,236,.13);
      border-color: rgba(248,244,236,.55);
    }

    /* ── Materialvorteile (Stoff/Textildruck) ──────────────── */
    .intro-box .material-note {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(248,244,236,.16);
    }
    .intro-box .material-label {
      font: 600 10px/1 var(--font-sans);
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--jales-amber-soft);
      margin: 0 0 11px;
    }
    .intro-box .mat-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      list-style: none;
      margin: 0 0 11px;
      padding: 0;
    }
    .intro-box .mat-chips li {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font: 500 10.5px/1.2 var(--font-sans);
      letter-spacing: .02em;
      color: rgba(248,244,236,.86);
      border: 1px solid rgba(248,244,236,.2);
      border-radius: var(--r-pill);
      padding: 6px 11px;
    }
    .intro-box .mat-chips li svg {
      width: 13px;
      height: 13px;
      flex: 0 0 auto;
      color: var(--jales-amber-soft);
    }
    .intro-box .material-disclaimer {
      font: 400 11px/1.5 var(--font-sans);
      color: rgba(248,244,236,.55);
      margin: 0;
    }
    .intro-box .box-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 4px;
    }
    .intro-box .box-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 44px;
      font: 600 14px/1 var(--font-sans);
      letter-spacing: .02em;
      text-transform: none;
      color: var(--jales-charcoal);
      background: var(--jales-amber-soft);
      border: none;
      border-radius: var(--r-pill);
      padding: 11px 16px;
      text-decoration: none;
      transition: background var(--dur-base) var(--ease);
    }
    .intro-box .box-btn.ghost {
      background: transparent;
      color: var(--jales-ivory);
      border: 1px solid rgba(248,244,236,.32);
    }
    .intro-box .box-btn:hover { background: var(--jales-amber); }
    .intro-box .box-btn.ghost:hover { background: rgba(248,244,236,.12); }
    .intro-legal {
      margin: 18px 0 0;
      max-width: 64ch;
      font: 400 11.5px/1.55 var(--font-sans);
      color: var(--jales-ink-2);
    }
    .intro-legal a { color: var(--jales-forest); }

    /* ── Portal iframe ─────────────────────────────────────── */
    main#main {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      min-height: 0;
    }
    /* ── Portal: Lead, gerahmtes iframe, Fallback, Outro ───── */
    .portal-section { background: var(--jales-ivory); padding: 40px 0 48px; }
    .portal-section-inner { max-width: var(--maxw-content); margin: 0 auto; padding: 0 var(--container-pad); }
    .portal-lead { margin-bottom: 22px; }
    .portal-lead-title { font: 500 clamp(1.4rem,3vw,2rem)/1.2 var(--font-serif); color: var(--jales-charcoal); margin: 0 0 10px; }
    .portal-lead-text { font: 400 15px/1.65 var(--font-sans); color: #5A5246; max-width: 70ch; margin: 0 0 16px; }
    .portal-hint { display:flex; gap:12px; align-items:flex-start; background: rgba(42,63,51,.06); border:1px solid rgba(42,63,51,.18); border-left:4px solid var(--jales-forest); border-radius: 0 10px 10px 0; padding: 14px 16px; margin: 0 0 18px; }
    .portal-hint svg { flex:0 0 auto; width:22px; height:22px; color: var(--jales-forest); margin-top:1px; }
    .portal-hint p { font: 400 13.5px/1.6 var(--font-sans); color: var(--jales-charcoal); margin:0; }
    .portal-open-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding: 0 22px; border-radius: 999px; background: var(--jales-forest); color: var(--jales-ivory); font: 600 12px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition: background .2s; }
    .portal-open-btn:hover { background: #1E2D22; }
    .portal-open-btn.ghost { background:transparent; color:var(--jales-forest); border:1px solid rgba(42,63,51,.4); }
    .portal-open-btn.ghost:hover { background:rgba(42,63,51,.08); }
    .portal-lead-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
    .portal-action-btn { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 22px; border-radius:var(--r-pill); font:600 13px/1 var(--font-sans); letter-spacing:.04em; text-decoration:none; transition: background .18s, color .18s, border-color .18s; }
    .portal-action-btn.primary { background:var(--jales-forest); color:var(--jales-ivory); border:1.5px solid var(--jales-forest); }
    .portal-action-btn.primary:hover { background:#1E2D22; border-color:#1E2D22; }
    .portal-action-btn.ghost { background:transparent; color:var(--jales-forest); border:1.5px solid rgba(42,63,51,.4); }
    .portal-action-btn.ghost:hover { background:rgba(42,63,51,.06); border-color:var(--jales-forest); }
    .portal-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:14px; padding:32px; background:var(--jales-ivory); }
    .portal-placeholder svg { width:42px; height:42px; color:var(--jales-forest); }
    .portal-placeholder h3 { font:500 clamp(1.2rem,2.5vw,1.6rem)/1.2 var(--font-serif); color:var(--jales-charcoal); margin:0; }
    .portal-placeholder p { font:400 14px/1.65 var(--font-sans); color:#5A5246; max-width:60ch; margin:0; }
    .portal-placeholder-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:6px; }
    .portal-open-btn { border:none; cursor:pointer; }
    .portal-frame {
      position: relative;
      height: clamp(420px, 65vh, 880px);
      background: #fff;
      border: 1px solid var(--jales-linen);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 40px rgba(31,26,20,.07);
    }
    .portal-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:none; display:block; }
    .portal-fallback { max-width: var(--maxw-content); margin: 12px auto 0; padding: 0 var(--container-pad); font: 400 13px/1.6 var(--font-sans); color: #5A5246; }
    .portal-fallback a { color: var(--jales-forest); text-decoration: underline; }
    .portal-outro { background: var(--jales-ivory); padding: 0 0 48px; }
    .portal-outro-inner { max-width: var(--maxw-content); margin: 0 auto; padding: 36px calc(var(--container-pad) + 24px); background: var(--jales-forest); color: var(--jales-ivory); border-radius: var(--r-lg); }
    .portal-outro h2 { font: 500 clamp(1.4rem,3vw,2rem)/1.2 var(--font-serif); margin:0 0 10px; color: var(--jales-ivory); }
    .portal-outro p { font: 400 15px/1.65 var(--font-sans); color: rgba(248,244,236,.82); max-width:70ch; margin:0 0 22px; }
    .portal-outro-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .p-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 22px; border-radius:999px; font:600 14px/1 var(--font-sans); letter-spacing:.02em; text-transform:none; text-decoration:none; }
    .p-btn.solid { background: var(--jales-ivory); color: var(--jales-charcoal); }
    .p-btn.solid:hover { background: var(--jales-paper); }
    .p-btn.ghost { background:transparent; color:var(--jales-ivory); border:1px solid rgba(248,244,236,.4); }
    .p-btn.ghost:hover { background:rgba(248,244,236,.12); }

    /* ── Footer (slim, Loden) ──────────────────────────────── */
    .portal-footer {
      flex: 0 0 auto;
      background: var(--jales-forest);
      color: rgba(248,244,236,.6);
      border-top: 1px solid rgba(248,244,236,.08);
    }
    .portal-footer-inner {
      max-width: var(--maxw-content);
      margin: 0 auto;
      padding: 14px var(--container-pad);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-5);
      flex-wrap: wrap;
      font: 400 12px/1.5 var(--font-sans);
    }
    .portal-footer-left {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
    }
    .portal-footer a {
      color: rgba(248,244,236,.72);
      text-decoration: none;
      transition: color var(--dur-base) var(--ease);
    }
    .portal-footer a:hover { color: var(--jales-ivory); }
    .portal-footer .sep { color: rgba(248,244,236,.28); }
    .portal-footer-right { color: rgba(248,244,236,.45); }
    .footer-social { display: inline-flex; align-items: center; gap: 12px; }
    .footer-social svg { width: 17px; height: 17px; }

    /* ── Responsive ────────────────────────────────────────── */
    @media (max-width: 760px) {
      .intro-inner { grid-template-columns: 1fr; gap: 20px; }
      .portal-header-inner { gap: var(--space-4); }
      .portal-badge { padding: 7px 13px; letter-spacing: .16em; }
      /* Intro stapelt hoch → iframe darf nicht auf 0 kollabieren */
      .portal-frame { min-height: 78vh; }
    }
    @media (max-width: 460px) {
      .header-divider, .portal-header .brand { display: none; }
      .back-link { letter-spacing: .1em; }
    }

    /* ── Highlight-Motiv ────────────────────────────────── */
    .motiv-highlight { background: var(--jales-paper); padding: clamp(40px,5vw,64px) 0; border-bottom: 1px solid var(--jales-linen); }
    .highlight-inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(32px,4vw,64px); align-items: center; max-width: var(--maxw-content); margin: 0 auto; padding: 0 var(--container-pad); }
    .highlight-img-wrap { position: relative; border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 12px 40px rgba(31,26,20,.10); cursor: zoom-in; }
    #img-lb{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
    #img-lb.is-open{opacity:1;visibility:visible;}
    #img-lb img{max-width:min(1400px,92vw);max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 80px rgba(0,0,0,.5);cursor:default;}
    #img-lb-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:6px 10px;opacity:.7;}
    #img-lb-close:hover{opacity:1;}
    .highlight-img-wrap img { width: 100%; height: auto; display: block; }
    .highlight-filename { position: absolute; bottom: var(--space-4); left: var(--space-4); background: rgba(31,26,20,.68); color: rgba(248,244,236,.9); font: 600 10px/1 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; padding: 6px 10px; border-radius: 6px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); pointer-events: none; }
    .highlight-credit { position: absolute; bottom: var(--space-4); right: var(--space-4); background: rgba(31,26,20,.68); color: rgba(248,244,236,.85); font: 500 10px/1 var(--font-sans); letter-spacing: .04em; padding: 6px 10px; border-radius: 6px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); pointer-events: none; }
    .highlight-badge { font: 600 11px/1 var(--font-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--jales-amber-text); margin: 0 0 10px; display: block; }
    .highlight-info h2 { font: 500 clamp(1.6rem,3vw,2.4rem)/1.1 var(--font-serif); color: var(--jales-charcoal); margin: 0 0 14px; }
    .highlight-info p { font: var(--body); color: var(--jales-ink-2); margin: 0 0 var(--space-6); max-width: 50ch; }
    .highlight-actions { display: flex; flex-wrap: wrap; gap: var(--space-4); }
    .highlight-price { font: 400 14px/1.5 var(--font-sans); color: var(--jales-ink-2); margin: calc(-1 * var(--space-3)) 0 var(--space-5); }
    .highlight-price strong { color: var(--jales-charcoal); font-weight: 600; }
    .highlight-price a { color: var(--jales-forest); text-decoration: underline; text-underline-offset: 3px; }
    .motiv-wissen { margin-top: var(--space-5); border-top: 1px solid var(--jales-linen); padding-top: var(--space-4); max-width: 52ch; }
    .motiv-wissen > summary { font: 600 12px/1 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--jales-amber-text); cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 8px; }
    .motiv-wissen > summary::-webkit-details-marker { display: none; }
    .motiv-wissen > summary::after { content: "+"; font: 400 16px/1 var(--font-sans); color: var(--jales-ink-2); }
    .motiv-wissen[open] > summary::after { content: "–"; }
    .motiv-wissen p { font: 400 15px/1.6 var(--font-sans); color: var(--jales-ink-2); margin: var(--space-4) 0 0; max-width: 52ch; }
    .motiv-wissen .motiv-zeit { font-size: 14px; margin-top: var(--space-3); }
    .motiv-wissen a { color: var(--jales-amber-text); text-decoration: underline; text-underline-offset: 2px; transition: color var(--dur-base) var(--ease); }
    .motiv-wissen a:hover { color: var(--jales-forest); }
    .motiv-detailseite { margin-top: var(--space-4); font: 600 12.5px/1.4 var(--font-sans); }
    .motiv-detailseite a { color: var(--jales-forest); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; }
    .motiv-detailseite a:hover { text-decoration: underline; text-underline-offset: 3px; }
    .motiv-detailseite svg { width: 15px; height: 15px; flex-shrink: 0; }
    .motiv-highlight.flip .highlight-inner { grid-template-columns: 1fr 1.3fr; }
    .motiv-highlight.flip .highlight-img-wrap { order: 2; }
    @media (max-width: 768px) {
      .highlight-inner { grid-template-columns: 1fr; }
      .motiv-highlight.flip .highlight-img-wrap { order: 0; }
    }
  
    /* Pinterest „Merken" auf Highlight-Motiven (2026-06-16) */
    .highlight-img-wrap .sample-pin{position:absolute;top:12px;right:12px;z-index:4;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(31,26,20,.55);color:#fff;text-decoration:none;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .25s ease,background .25s ease;}
    .highlight-img-wrap:hover .sample-pin,.sample-pin:focus-visible{opacity:1;}
    .sample-pin:hover{background:#E60023;}
    .sample-pin svg{width:20px;height:20px;}
    @media (hover:none){.highlight-img-wrap .sample-pin{opacity:.85;}}
  

/* ── a11y-enhancements ── */
  :focus-visible { outline: 3px solid #A37F42; outline-offset: 2px; border-radius: 3px; }
  .skip-link { position: absolute; left: 8px; top: -60px; z-index: 2000; background: #2A3F33; color: #F8F4EC; padding: 12px 20px; border-radius: 0 0 10px 10px; text-decoration: none; font: 700 14px/1 system-ui, sans-serif; transition: top .18s ease; }
  .skip-link:focus { top: 0; }

    /* == Anfrage-Modal ============================================= */
    .anfrage-modal{position:fixed;inset:0;z-index:500;background:rgba(31,26,20,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);opacity:0;pointer-events:none;transition:opacity 220ms cubic-bezier(.2,.6,.2,1)}
    .anfrage-modal.is-open{opacity:1;pointer-events:auto}
    .modal-panel{background:#F8F4EC;border-radius:24px;box-shadow:0 1px 3px rgba(31,26,20,.06),0 18px 48px rgba(31,26,20,.10);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:clamp(28px,4vw,48px);position:relative}
    .modal-close-btn{position:sticky;float:right;top:0;margin:-8px -8px 0 12px;width:36px;height:36px;border:none;background:#F8F4EC;cursor:pointer;color:#5A5246;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background 220ms;z-index:5}
    .modal-close-btn:hover{background:#E8DFCC}
    .modal-title{font:500 clamp(22px,3vw,30px)/1.1 "Cormorant Garamond",Garamond,serif;color:#1F1A14;margin:0 0 8px}
    .modal-sub{font:400 14px/1.65 "Manrope","Helvetica Neue",Arial,sans-serif;color:#5A5246;margin:0 0 32px}
    .form-row{margin-bottom:24px}
    .form-row label:not(.form-chip){display:block;font:600 10.5px/1.4 "Manrope","Helvetica Neue",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1F1A14;margin-bottom:8px}
    .form-row label .req{color:#8C6420}
    .form-chip em{opacity:1 !important}   /* Preis lesbarer (überschreibt Inline-opacity:.55) */
    /* Audit Welle 2b: Radio-Gruppen als <fieldset>/<legend> */
    fieldset.form-row{border:0;padding:0;min-width:0;margin-top:0;margin-left:0;margin-right:0}
    .form-row legend{display:block;float:none;width:auto;padding:0;font:600 10.5px/1.4 "Manrope","Helvetica Neue",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1F1A14;margin-bottom:8px}
    .form-row legend .req{color:#8C6420}
    .form-input,.form-textarea{width:100%;padding:11px 14px;border:1px solid #E8DFCC;border-radius:12px;background:#fff;font:400 14px/1.5 "Manrope","Helvetica Neue",Arial,sans-serif;color:#1F1A14;-webkit-appearance:none;transition:border-color 220ms}
    .form-input:focus,.form-textarea:focus{outline:none;border-color:#2A3F33}
    .form-input:disabled{background:#F2ECE0;color:#8C8073;cursor:not-allowed}
    .form-textarea{resize:vertical;min-height:80px}
    .form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .form-chips{display:flex;flex-wrap:wrap;gap:8px}
    .form-chip { display:inline-flex; align-items:center; gap:6px; padding:10px 18px; background:var(--jales-ivory); border:1px solid var(--jales-hair); border-radius:var(--r-pill); cursor:pointer; font:500 14px/1 var(--font-sans); color:var(--jales-charcoal); transition:border-color .2s ease, background .2s ease, color .2s ease; }
    .form-chip input{position:absolute;opacity:0;width:0;height:0}
    .form-chip:hover{border-color:#2A3F33;color:#2A3F33}
    .form-chip.is-sel{background:#2A3F33;color:#F8F4EC;border-color:#2A3F33}
    .form-chip.is-sel:hover{color:#F8F4EC}
    .form-chip.is-sel::before { content:"\2713"; font-weight:700; }
    .form-submit{width:100%;padding:14px;background:#2A3F33;color:#F8F4EC;border:none;border-radius:999px;font:600 11px/1 "Manrope","Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:12px;transition:background 220ms}
    .form-submit:hover{background:#1E2D24}
    .form-note{font:400 12px/1.55 "Manrope","Helvetica Neue",Arial,sans-serif;color:#6B6155;margin-top:12px}
    .form-confirm{text-align:center;padding:72px 0}
    .form-confirm-icon{width:52px;height:52px;border-radius:50%;background:#E3E8DF;color:#2A3F33;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
    .form-confirm h3{font:500 clamp(20px,2.5vw,26px)/1.2 "Cormorant Garamond",Garamond,serif;color:#1F1A14;margin:0 0 12px}
    .form-confirm p{font:400 14.5px/1.7 "Manrope","Helvetica Neue",Arial,sans-serif;color:#5A5246;max-width:34ch;margin:0 auto}
    @media(max-width:480px){.form-two{grid-template-columns:1fr}}
  

/* ── mb-level2-css ── */
    /* ══ Neues Level (2026-07-04): Hero · Schritte · Ausführungs-Karten · Micro-Interactions ══ */

    /* ── Hero ── */
    .mb-hero { position: relative; isolation: isolate; background: var(--jales-charcoal); overflow: hidden; }
    .mb-hero > picture { position: absolute; inset: 0; z-index: 0; }
    .mb-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; display: block; }
    .mb-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(31,26,20,.86) 0%, rgba(31,26,20,.62) 38%, rgba(31,26,20,.26) 68%, rgba(31,26,20,.30) 100%); }
    .mb-hero-inner { position: relative; z-index: 2; max-width: var(--maxw-content); margin: 0 auto; padding: clamp(96px,15vw,190px) var(--container-pad) clamp(28px,4vw,48px); display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(460px,66vh,680px); }
    .mb-hero .mb-hero-eyebrow { font: 600 12px/1.4 var(--font-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--jales-amber-soft); margin: 0 0 var(--space-3); }
    .mb-hero .mb-hero-title { font: 500 clamp(38px,5.6vw,64px)/1.06 var(--font-serif); letter-spacing: -.005em; color: var(--jales-ivory); margin: 0 0 var(--space-4); max-width: 20ch; text-wrap: balance; text-shadow: 0 2px 24px rgba(31,26,20,.55); }
    .mb-hero .mb-hero-sub { font: 400 clamp(15px,1.6vw,18px)/1.65 var(--font-sans); color: rgba(248,244,236,.94); max-width: 58ch; margin: 0 0 var(--space-6); text-shadow: 0 1px 14px rgba(31,26,20,.6); }
    .mb-hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-4); margin: 0 0 clamp(24px,4vw,40px); }
    .mb-hero-facts { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6); list-style: none; margin: 0; padding: var(--space-4) 0 0; border-top: 1px solid rgba(248,244,236,.22); }
    .mb-hero-facts li { display: inline-flex; align-items: center; gap: 8px; font: 500 12.5px/1.4 var(--font-sans); color: rgba(248,244,236,.85); }
    .mb-hero-facts svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--jales-amber-soft); }
    .mb-hero-credit { position: absolute; z-index: 2; bottom: var(--space-4); right: var(--space-4); background: rgba(31,26,20,.5); color: rgba(248,244,236,.8); font: 500 10px/1 var(--font-sans); letter-spacing: .04em; padding: 6px 10px; border-radius: 6px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); pointer-events: none; }
    @media (max-width: 640px) {
      .mb-hero-inner { min-height: clamp(420px,72vh,560px); }
      .mb-hero-facts { gap: var(--space-3) var(--space-5); }
    }

    /* ── „So entsteht Ihr Wandbild" (3 Schritte) ── */
    .mb-steps { background: var(--jales-linen-2); border-top: 1px solid var(--jales-linen); border-bottom: 1px solid var(--jales-linen); padding: clamp(40px,5vw,64px) 0; }
    .mb-steps-inner { max-width: var(--maxw-content); margin: 0 auto; padding: 0 var(--container-pad); }
    .mb-steps .mb-steps-eyebrow { font: 600 11px/1.4 var(--font-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--jales-amber-text); margin: 0 0 10px; }
    .mb-steps h2 { font: 500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--font-serif); color: var(--jales-charcoal); margin: 0 0 10px; }
    .mb-steps .mb-steps-lead { font: 400 15px/1.7 var(--font-sans); color: var(--jales-ink-2); max-width: 62ch; margin: 0; }
    .mb-steps ol { list-style: none; counter-reset: mbstep; display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap-wide); margin: clamp(24px,3vw,36px) 0 0; padding: 0; }
    .mb-step { counter-increment: mbstep; position: relative; background: var(--jales-paper); border: 1px solid var(--jales-linen); border-radius: var(--r-lg); padding: clamp(20px,2.4vw,28px); box-shadow: var(--shadow-1); }
    .mb-step::before { content: counter(mbstep, decimal-leading-zero); display: block; font: 500 clamp(28px,3vw,36px)/1 var(--font-serif); color: var(--jales-amber); margin-bottom: var(--space-3); }
    .mb-step h3 { font: 600 15px/1.4 var(--font-sans); color: var(--jales-charcoal); margin: 0 0 var(--space-2); }
    .mb-step p { font: 400 14px/1.65 var(--font-sans); color: var(--jales-ink-2); margin: 0; }
    .mb-steps-cta { margin-top: clamp(24px,3vw,32px); display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
    .mb-steps-cta .hint { font: 400 13px/1.5 var(--font-sans); color: var(--jales-warm-grey); margin: 0; }
    @media (max-width: 900px) { .mb-steps ol { grid-template-columns: 1fr; } }

    /* ── Ausführungs-Karten ── */
    .mb-ausf-grid { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--gap-base); margin: clamp(24px,3vw,36px) 0 0; padding: 0; }
    .mb-ausf-grid li { display: flex; }
    .mb-ausf-card { flex: 1; display: flex; flex-direction: column; gap: var(--space-2); background: var(--jales-paper); border: 1px solid var(--jales-linen); border-radius: var(--r-lg); padding: clamp(20px,2.2vw,26px); text-decoration: none; color: var(--jales-charcoal); transition: border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease); }
    .mb-ausf-card:hover { border-color: var(--jales-forest); transform: translateY(-3px); box-shadow: var(--shadow-2); }
    .mb-ausf-card svg { width: 34px; height: 34px; color: var(--jales-forest); margin-bottom: var(--space-2); }
    .mb-ausf-card .name { font: 600 16px/1.3 var(--font-sans); }
    .mb-ausf-card .desc { font: 400 13.5px/1.6 var(--font-sans); color: var(--jales-ink-2); margin: 0; }
    .mb-ausf-card .price { margin-top: auto; padding-top: var(--space-3); font: 400 13px/1.4 var(--font-sans); color: var(--jales-ink-2); }
    .mb-ausf-card .price strong { font-weight: 700; color: var(--jales-charcoal); }
    .mb-ausf-card .more { font: 600 12.5px/1 var(--font-sans); color: var(--jales-forest); display: inline-flex; align-items: center; gap: 6px; }
    .mb-ausf-card:hover .more { text-decoration: underline; text-underline-offset: 3px; }
    .mb-material .mb-ausf-note { font: 400 12.5px/1.6 var(--font-sans); color: var(--jales-warm-grey); margin: var(--space-4) 0 0; }
    .mb-ausf-note a { color: var(--jales-forest); }

    /* ── Google-Bewertungen (Social Proof, 2026-07-04) ── */
    .mb-reviews { background: var(--jales-linen-2); border-top: 1px solid var(--jales-linen); padding: clamp(40px,5vw,64px) 0; }
    .mb-reviews-inner { max-width: var(--maxw-content); margin: 0 auto; padding: 0 var(--container-pad); }
    .mb-reviews .mb-reviews-eyebrow { font: 600 11px/1.4 var(--font-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--jales-amber-text); margin: 0 0 10px; }
    .mb-reviews h2 { font: 500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--font-serif); color: var(--jales-charcoal); margin: 0 0 var(--space-4); }
    .mb-reviews-badge { display: inline-flex; align-items: center; gap: 10px; background: var(--jales-paper); border: 1px solid var(--jales-linen); border-radius: var(--r-pill); padding: 10px 18px; margin: 0 0 clamp(20px,3vw,28px); }
    .mb-reviews-badge .stars { color: var(--jales-amber); letter-spacing: 2px; font-size: 15px; line-height: 1; }
    .mb-reviews-badge .score { font: 700 14px/1 var(--font-sans); color: var(--jales-charcoal); }
    .mb-reviews-badge .src { font: 400 12.5px/1 var(--font-sans); color: var(--jales-ink-2); }
    .mb-reviews-grid { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--gap-base); margin: 0; padding: 0; }
    .mb-review-card { background: var(--jales-paper); border: 1px solid var(--jales-linen); border-radius: var(--r-lg); padding: clamp(20px,2.4vw,28px); box-shadow: var(--shadow-1); display: flex; flex-direction: column; gap: var(--space-3); }
    .mb-review-card .r-stars { color: var(--jales-amber); font-size: 14px; letter-spacing: 2px; line-height: 1; }
    .mb-review-card blockquote { margin: 0; font: 500 clamp(16px,1.8vw,19px)/1.5 var(--font-serif); font-style: italic; color: var(--jales-charcoal); }
    .mb-review-card .r-meta { font: 500 12.5px/1.4 var(--font-sans); color: var(--jales-warm-grey); margin-top: auto; }
    .mb-reviews .mb-reviews-note { font: 400 12.5px/1.6 var(--font-sans); color: var(--jales-warm-grey); margin: var(--space-5) 0 0; }
    .mb-reviews-note a { color: var(--jales-forest); }

    /* ── Micro-Interactions (nur ohne reduced-motion) ── */
    @media (prefers-reduced-motion: no-preference) {
      .mb-reveal { opacity: 0; transform: translateY(18px); transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out); }
      .mb-reveal.is-in { opacity: 1; transform: none; }
      .highlight-img-wrap img { transition: transform 900ms var(--ease-out); }
      .highlight-img-wrap:hover img { transform: scale(1.03); }
      .mi-grid .mi-thumb-wrap img { transition: transform 500ms var(--ease-out); }
      .mi-grid a:hover .mi-thumb-wrap img { transform: scale(1.05); }
    }
  

/* ── motiv-index-css ── */
    .motiv-index { background: var(--jales-paper, #F2ECE0); border-top: 1px solid var(--jales-linen, #E8DFCC); border-bottom: 1px solid var(--jales-linen, #E8DFCC); padding: clamp(40px,5vw,64px) 0; }
    .motiv-index-inner { max-width: var(--maxw-content); margin: 0 auto; padding: 0 calc(var(--container-pad) + 24px); }
    .motiv-index .mi-eyebrow { font: 600 11px/1.4 var(--font-sans); letter-spacing: .18em; text-transform: uppercase; color: #8C6420; margin: 0 0 10px; }
    .motiv-index h2 { font: 500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--font-serif); color: var(--jales-charcoal,#1F1A14); margin: 0 0 10px; }
    .motiv-index .mi-lead { font: 400 15px/1.7 var(--font-sans); color: var(--jales-ink-2,#5A5246); max-width: 62ch; margin: 0 0 clamp(24px,3vw,32px); }
    .mi-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
    .mi-grid li { display: flex; }
    .mi-grid a { flex: 1; display: flex; flex-direction: column; background: var(--jales-ivory,#F8F4EC); border: 1px solid var(--jales-linen,#E8DFCC); border-radius: 12px; overflow: hidden; text-decoration: none; color: var(--jales-charcoal,#1F1A14); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
    .mi-grid a:hover { border-color: var(--jales-forest,#2A3F33); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(31,26,20,.08); }
    .mi-grid .mi-thumb-wrap { aspect-ratio: 3/2; overflow: hidden; background: #000; display: block; }
    .mi-grid .mi-thumb-wrap picture { display: block; width: 100%; height: 100%; }
    .mi-grid .mi-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .mi-grid .mi-text { padding: 13px 16px 15px; }
    .mi-grid .mi-name { font: 600 15px/1.3 var(--font-sans); }
    .mi-grid .mi-sub { display: block; font: 400 12.5px/1.4 var(--font-sans); color: var(--jales-ink-2,#5A5246); margin-top: 3px; }
  

/* ── faq-native-css ── */
    .faq-native { display:flex; flex-direction:column; }
    .faq-native .faq-item { border-top:1px solid var(--jales-linen,#E8DFCC); }
    .faq-native .faq-item:last-child { border-bottom:1px solid var(--jales-linen,#E8DFCC); }
    .faq-native .faq-trigger { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--space-4,16px); width:100%; padding:var(--space-5,24px) 0; cursor:pointer; font:500 15px/1.4 var(--font-sans); color:var(--jales-charcoal,#1F1A14); }
    .faq-native .faq-trigger::-webkit-details-marker { display:none; }
    .faq-native .faq-trigger::marker { content:""; }
    .faq-native .faq-trigger:hover { color:var(--jales-forest,#2A3F33); }
    .faq-native .faq-chevron { flex:0 0 auto; transition:transform var(--dur-base,.18s) var(--ease,ease); }
    .faq-native .faq-item[open] .faq-chevron { transform:rotate(180deg); }
    .faq-native .faq-a { font:400 14.5px/1.75 var(--font-sans); color:var(--jales-ink-2,#5A5246); margin:0 0 var(--space-5,24px); max-width:64ch; }

/* ═══ Wegweiser „Drei Wege zu Ihrem Bild" (seit 03.09.2026) ═══ */
.wegweiser{padding:clamp(40px,6vw,72px) 0;background:var(--jales-ivory,#F8F4EC);}
.wegweiser .ww-inner{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,32px);}
.wegweiser .ww-eyebrow{font:600 12px/1.4 var(--font-sans,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--jales-amber,#A37F42);margin:0 0 10px;}
.wegweiser h2{font:500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--font-serif,Georgia,serif);color:var(--jales-charcoal,#1F1A14);margin:0 0 8px;text-wrap:balance;}
.wegweiser .ww-lead{font:400 1rem/1.6 var(--font-sans,system-ui,sans-serif);color:var(--jales-charcoal,#1F1A14);opacity:.82;max-width:62ch;margin:0 0 28px;}
.wegweiser .ww-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media (max-width:820px){.wegweiser .ww-grid{grid-template-columns:1fr;}}
.wegweiser .ww-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid rgba(31,26,20,.10);border-radius:14px;padding:22px 22px 24px;}
.wegweiser .ww-card.is-primary{border-color:var(--jales-amber,#A37F42);box-shadow:0 10px 30px rgba(31,26,20,.08);}
.wegweiser .ww-step{font:600 12px/1.4 var(--font-sans,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--jales-amber,#A37F42);}
.wegweiser h3{font:500 1.25rem/1.25 var(--font-serif,Georgia,serif);color:var(--jales-charcoal,#1F1A14);margin:0;}
.wegweiser .ww-card p{font:400 .95rem/1.55 var(--font-sans,system-ui,sans-serif);color:var(--jales-charcoal,#1F1A14);opacity:.85;margin:0;flex:1;}
.wegweiser .ww-meta{font:500 .85rem/1.4 var(--font-sans,system-ui,sans-serif);color:var(--jales-charcoal,#1F1A14);opacity:.7;}
.wegweiser .ww-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;font:600 .95rem/1.2 var(--font-sans,system-ui,sans-serif);text-decoration:none;cursor:pointer;border:1.5px solid var(--jales-forest,#2A3F33);color:var(--jales-forest,#2A3F33);background:transparent;align-self:flex-start;transition:background .2s,color .2s;}
.wegweiser .ww-btn:hover{background:var(--jales-forest,#2A3F33);color:#fff;}
.wegweiser .ww-btn.ww-btn-primary{background:var(--jales-forest,#2A3F33);color:#fff;}
.wegweiser .ww-btn.ww-btn-primary:hover{background:var(--jales-charcoal,#1F1A14);border-color:var(--jales-charcoal,#1F1A14);}
.wegweiser .ww-btn:focus-visible{outline:3px solid var(--jales-amber,#A37F42);outline-offset:2px;}