/*** T3SB identifier: darkModeToggler */

.dm-toggler .bi {
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	fill: currentcolor;
}



/*** T3SB identifier: t3sbsCSSassets_63538 */

/* t3sbs_assets_63538 */
    :root {
      /* Farben – Basis */
      --tamena-bg:           #FAFAFA;
      --tamena-bg-alt:       #F1F1F1;
      --tamena-bg-soft:      #EEEEEE;
      --tamena-bg-dark:      #1F1F1F;
      --tamena-bg-dark-alt:  #2B2B2B;
      --tamena-ink:          #1A1A1A;
      --tamena-ink-soft:     #262626;
      --tamena-ink-muted:    #4C4C4C;
      --tamena-ink-on-dark:  #FAFAFA;
      /* Champagne (Premium-Welt: Dark-Banner) */
      --tamena-gold:         #C8B48C;
      --tamena-gold-soft:    #E1D6BC;
      --tamena-gold-deep:    #9C8862;
      /* Natur-Palette (Webseite – Mint, Salbei, Petrol, Sand) */
      --tamena-mint:         #D8EDD2;
      --tamena-mint-soft:    #E8F4E4;
      --tamena-mint-deep:    #B8D9B0;
      --tamena-sage:         #85A36C;
      --tamena-sage-deep:    #6A8857;
      --tamena-petrol:       #3F6062;
      --tamena-petrol-deep:  #2C4849;
      --tamena-sand:         #ECE3D2;
      --tamena-sand-soft:    #F5EEDF;
      --tamena-sand-deep:    #D7CDB8;
      /* Grautöne */
      --tamena-grey-100:     #E6E6E6;
      --tamena-grey-300:     #C4C4C4;
      --tamena-grey-500:     #979797;
      --tamena-grey-700:     #686868;
      /* Typografie */
      --tamena-font-serif:   "PT Serif", Georgia, "Times New Roman", serif;
      --tamena-font-sans:    "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
      --fs-eyebrow:   0.75rem;
      --fs-body-sm:   0.875rem;
      --fs-body:      1rem;
      --fs-body-lg:   1.125rem;
      --fs-h4:        1.25rem;
      --fs-h3:        1.5rem;
      --fs-h2:        clamp(1.75rem, 3vw, 2.5rem);
      --fs-h1:        clamp(2.25rem, 5vw, 4rem);
      --fs-display:   clamp(2.75rem, 6vw, 5rem);
      --fw-regular: 400; --fw-medium: 500; --fw-semi: 600; --fw-bold: 700;
      --lh-tight: 1.15; --lh-snug: 1.25; --lh-normal: 1.6; --lh-relaxed: 1.7;
      --ls-eyebrow: 0.12em; --ls-headline: -0.005em;
      /* Spacing */
      --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-6: 1.5rem;
      --sp-8: 2rem;  --sp-12: 3rem; --sp-16: 4rem; --sp-24: 6rem; --sp-32: 8rem;
      /* Layout */
      --container-max: 1200px;
      --content-max:    720px;
      --gutter:         24px;
      --gutter-mobile:  16px;
      --border-hairline: 1px solid var(--tamena-grey-100);
      --border-soft:     1px solid var(--tamena-grey-300);
      --border-gold:     1px solid var(--tamena-gold);
      --tx-base: 220ms ease;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--tamena-bg);
      color: var(--tamena-ink);
      font-family: var(--tamena-font-sans);
      font-size: var(--fs-body);
      line-height: var(--lh-relaxed);
      -webkit-font-smoothing: antialiased;
    }
    a { color: var(--tamena-gold-deep); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
    a:hover { color: var(--tamena-ink); }
    img { max-width: 100%; height: auto; display: block; }

    .container { max-width: var(--container-max); margin: 0 auto; padding: 0 var(--gutter); }
    .content { max-width: var(--content-max); margin: 0 auto; }

    h1, h2, h3, h4 { font-family: var(--tamena-font-serif); font-weight: var(--fw-bold); margin: 0 0 var(--sp-4); letter-spacing: var(--ls-headline); }
    h1 { font-size: var(--fs-h1); line-height: var(--lh-tight); }
    h2 { font-size: var(--fs-h2); line-height: var(--lh-snug); margin-bottom: var(--sp-6); }
    h3 { font-size: var(--fs-h3); line-height: var(--lh-snug); margin-bottom: var(--sp-3); }
    p  { margin: 0 0 var(--sp-4); }

    .eyebrow {
      display: inline-block;
      font-family: var(--tamena-font-sans);
      font-size: var(--fs-eyebrow);
      font-weight: var(--fw-medium);
      letter-spacing: var(--ls-eyebrow);
      text-transform: uppercase;
      color: var(--tamena-grey-700);
      border: var(--border-soft);
      padding: var(--sp-2) var(--sp-4);
      margin-bottom: var(--sp-6);
    }

    .subline {
      font-family: var(--tamena-font-serif);
      font-style: italic;
      font-size: var(--fs-body-lg);
      color: var(--tamena-gold-deep);
      max-width: 640px;
      margin: 0 auto var(--sp-6);
    }

    /* ---------- Top-Bar ---------- */
    .topbar {
      background: var(--tamena-bg);
      border-bottom: var(--border-hairline);
      position: sticky; top: 0; z-index: 100;
      padding: var(--sp-3) 0;
    }
    .topbar__inner { display: flex; align-items: center; justify-content: space-between; }
    .topbar__logo {
      font-family: var(--tamena-font-serif);
      font-weight: var(--fw-bold);
      font-size: var(--fs-h4);
      letter-spacing: 0.08em;
      color: var(--tamena-ink);
      text-decoration: none;
    }
    .topbar__logo span { color: var(--tamena-gold); font-style: italic; font-weight: var(--fw-regular); }
    .topbar__cta {
      font-family: var(--tamena-font-sans);
      font-weight: var(--fw-medium);
      font-size: var(--fs-body-sm);
      color: var(--tamena-ink);
      text-decoration: none;
      border: var(--border-soft);
      padding: var(--sp-2) var(--sp-4);
      transition: all var(--tx-base);
    }
    .topbar__cta:hover { background: var(--tamena-ink); color: var(--tamena-bg); }

    /* ---------- Hero ---------- */
    .hero {
      position: relative;
      padding: var(--sp-24) 0 var(--sp-16);
      text-align: center;
      overflow: hidden;
    }
    .hero__hairline {
      position: absolute; left: var(--sp-12); top: 20%;
      width: 1px; height: 60%; background: var(--tamena-grey-300);
    }
    .hero__dots {
      position: absolute; right: var(--sp-12); top: 20%;
      width: 24px; height: 60%;
      background-image: radial-gradient(var(--tamena-grey-300) 1.5px, transparent 1.5px);
      background-size: 8px 8px;
    }
    @media (max-width: 700px) { .hero__hairline, .hero__dots { display: none; } }

    .hero h1 {
      font-size: var(--fs-display);
      max-width: 920px;
      margin-inline: auto;
      margin-bottom: var(--sp-4);
    }

    /* ---------- Buttons ---------- */
    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      font-family: var(--tamena-font-sans);
      font-weight: var(--fw-semi);
      font-size: var(--fs-body-lg);
      padding: var(--sp-4) var(--sp-12);
      text-decoration: none;
      transition: background var(--tx-base), color var(--tx-base), border-color var(--tx-base);
      border: 1px solid transparent;
      cursor: pointer;
      border-radius: 999px;        /* Pill-Form für Webseiten-CTAs */
    }
    /* Natur-CTAs (Webseite) */
    .btn--petrol { background: var(--tamena-petrol); color: var(--tamena-bg); }
    .btn--petrol:hover { background: var(--tamena-petrol-deep); color: var(--tamena-bg); }
    .btn--sage   { background: var(--tamena-sage); color: var(--tamena-bg); }
    .btn--sage:hover { background: var(--tamena-sage-deep); color: var(--tamena-bg); }
    .btn--ghost  { background: transparent; color: var(--tamena-petrol); border-color: var(--tamena-petrol); }
    .btn--ghost:hover { background: var(--tamena-petrol); color: var(--tamena-bg); }
    /* Premium-/Aktions-CTA – nur in der Dark-Preis-Sektion */
    .btn--primary { background: var(--tamena-ink); color: var(--tamena-bg); border-radius: 0; font-family: var(--tamena-font-serif); font-weight: var(--fw-bold); }
    .btn--primary:hover { background: var(--tamena-ink-soft); color: var(--tamena-bg); }
    .btn--gold-outline { background: transparent; color: var(--tamena-ink-on-dark); border: var(--border-gold); border-radius: 0; font-family: var(--tamena-font-serif); font-weight: var(--fw-bold); }
    .btn--gold-outline:hover { background: var(--tamena-gold); color: var(--tamena-ink); }
    .btn-row { display: flex; flex-wrap: wrap; gap: var(--sp-3); justify-content: center; margin-top: var(--sp-6); }

    /* ---------- Sections ---------- */
    section { padding: var(--sp-24) 0; }
    section.alt    { background: var(--tamena-bg-alt); }
    section.sand   {
      background: var(--tamena-sand);
      position: relative; overflow: hidden;
    }
    /* Botanisches Linien-Ornament im Sand-Wrapper */
    section.sand::before, section.sand::after {
      content: ""; position: absolute; width: 220px; height: 220px;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none' stroke='%23D7CDB8' stroke-width='1.2'><path d='M30 180 C 60 130, 90 100, 140 60'/><path d='M50 170 C 60 150, 70 130, 80 110'/><path d='M70 160 C 80 140, 90 120, 100 100'/><path d='M90 150 C 100 130, 110 110, 120 90'/><ellipse cx='150' cy='55' rx='12' ry='5' transform='rotate(-30 150 55)'/><ellipse cx='130' cy='75' rx='10' ry='4' transform='rotate(-30 130 75)'/><ellipse cx='110' cy='95' rx='9' ry='4' transform='rotate(-30 110 95)'/></svg>");
      background-repeat: no-repeat; background-size: contain; opacity: 0.7;
    }
    section.sand::before { top: 24px; left: 24px; transform: scaleX(-1); }
    section.sand::after  { bottom: 24px; right: 24px; }
    section.mint   { background: var(--tamena-mint); }
    section.mint h1, section.mint h2, section.mint h3 { color: var(--tamena-petrol-deep); }
    section.mint .subline { color: var(--tamena-petrol); }
    section.mint .eyebrow { color: var(--tamena-petrol); border-color: var(--tamena-petrol); }
    section.dark   { background: var(--tamena-bg-dark); color: var(--tamena-ink-on-dark); }
    section.dark h1, section.dark h2, section.dark h3 { color: var(--tamena-ink-on-dark); }
    section.dark .subline { color: var(--tamena-gold); }
    section.dark .eyebrow { color: var(--tamena-grey-300); border-color: var(--tamena-grey-500); }
    .section-head { text-align: center; max-width: 760px; margin: 0 auto var(--sp-12); position: relative; z-index: 1; }

    /* ---------- Erkenntnis-Liste ---------- */
    .insight-grid {
      display: grid; gap: var(--sp-6);
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      max-width: 1000px; margin: 0 auto;
    }
    .insight {
      padding: var(--sp-8);
      background: var(--tamena-bg);
      border: var(--border-hairline);
      position: relative; z-index: 1;
    }
    section.mint .insight { background: var(--tamena-mint-soft); border-color: var(--tamena-mint-deep); }
    .insight__num {
      font-family: var(--tamena-font-serif);
      font-weight: var(--fw-bold);
      font-size: var(--fs-h2);
      color: var(--tamena-sage-deep);
      margin-bottom: var(--sp-2);
      display: block;
    }
    section.sand .insight__num { color: var(--tamena-petrol); }
    section.mint .insight__num { color: var(--tamena-petrol-deep); }

    /* ---------- Problem-Liste ---------- */
    .problem-list {
      max-width: 720px; margin: 0 auto; padding: 0;
      list-style: none;
    }
    .problem-list li {
      padding: var(--sp-4) 0 var(--sp-4) var(--sp-12);
      border-bottom: var(--border-hairline);
      position: relative;
      font-size: var(--fs-body-lg);
    }
    .problem-list li::before {
      content: ""; position: absolute; left: 0; top: var(--sp-6);
      width: 32px; height: 1px; background: var(--tamena-sage);
    }

    /* ---------- Paket-Karten ---------- */
    .package {
      max-width: 1100px; margin: 0 auto;
      display: grid; gap: var(--sp-6);
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
    .pkg-card {
      padding: var(--sp-8);
      background: var(--tamena-bg);
      border: var(--border-hairline);
      border-radius: var(--sp-3);
      position: relative;
    }
    section.mint .pkg-card { background: var(--tamena-bg); border-color: var(--tamena-mint-deep); }
    .pkg-card__step {
      width: 44px; height: 44px; border-radius: 50%;
      background: var(--tamena-mint);
      border: 1px solid var(--tamena-petrol);
      display: inline-flex; align-items: center; justify-content: center;
      font-family: var(--tamena-font-serif);
      font-size: var(--fs-body-lg);
      color: var(--tamena-petrol-deep);
      margin-bottom: var(--sp-4);
    }
    .pkg-card h3 { margin-bottom: var(--sp-2); }
    .pkg-card__meta {
      font-family: var(--tamena-font-sans);
      font-size: var(--fs-body-sm);
      color: var(--tamena-grey-700);
      text-transform: uppercase;
      letter-spacing: var(--ls-eyebrow);
      margin-bottom: var(--sp-3);
    }

    .package-summary {
      max-width: 720px; margin: var(--sp-12) auto 0;
      padding: var(--sp-6) var(--sp-8);
      background: var(--tamena-bg-soft);
      border-left: 2px solid var(--tamena-sage);
      font-family: var(--tamena-font-serif);
      font-style: italic;
      font-size: var(--fs-body-lg);
      color: var(--tamena-ink-soft);
    }
    section.mint .package-summary { background: var(--tamena-mint-soft); border-left-color: var(--tamena-petrol); color: var(--tamena-petrol-deep); }
    section.sand .package-summary { background: var(--tamena-sand-soft); border-left-color: var(--tamena-sage); position: relative; z-index: 1; }

    /* ---------- Preis-Block (dunkel) ---------- */
    .price-card {
      max-width: 640px; margin: 0 auto;
      text-align: center;
      padding: var(--sp-12) var(--sp-8);
      border: var(--border-gold);
      background: var(--tamena-bg-dark-alt);
    }
    .price-old {
      font-family: var(--tamena-font-sans);
      color: var(--tamena-grey-300);
      text-decoration: line-through;
      font-size: var(--fs-body-lg);
      margin-bottom: var(--sp-2);
    }
    .price-new {
      font-family: var(--tamena-font-serif);
      font-weight: var(--fw-bold);
      font-size: var(--fs-display);
      color: var(--tamena-ink-on-dark);
      line-height: 1;
      margin-bottom: var(--sp-4);
    }
    .price-meta {
      color: var(--tamena-gold);
      font-style: italic;
      font-family: var(--tamena-font-serif);
      margin-bottom: var(--sp-6);
    }

    /* ---------- Vertrauen / Methode ---------- */
    .trust-grid {
      display: grid; gap: var(--sp-6);
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      max-width: 1000px; margin: 0 auto;
    }
    .trust-item {
      padding: var(--sp-6) var(--sp-4);
      border-top: 2px solid var(--tamena-sage);
      position: relative; z-index: 1;
    }
    section.sand .trust-item h3 { color: var(--tamena-petrol-deep); }

    /* ---------- Mint-Card (Webseiten-Stil) ---------- */
    .mint-card {
      max-width: 1100px; margin: 0 auto;
      background: var(--tamena-mint);
      border-radius: var(--sp-3);
      padding: var(--sp-16);
      display: grid; gap: var(--sp-12);
      grid-template-columns: 1.4fr 1fr; align-items: center;
      position: relative; z-index: 1;
    }
    .mint-card h2 { color: var(--tamena-petrol-deep); margin-bottom: var(--sp-4); }
    .mint-card p { color: var(--tamena-petrol-deep); }
    .mint-card .meta { font-family: var(--tamena-font-sans); text-transform: uppercase; letter-spacing: var(--ls-eyebrow); font-size: var(--fs-eyebrow); color: var(--tamena-petrol); margin-bottom: var(--sp-3); }
    .mint-card__portrait {
      width: 100%; aspect-ratio: 1; border-radius: 50%;
      background: linear-gradient(135deg, var(--tamena-mint-deep), var(--tamena-sand-deep));
      overflow: hidden;
      box-shadow: 0 8px 32px rgba(44, 72, 73, 0.12);
      position: relative;
    }
    .mint-card__portrait img {
      width: 100%; height: 100%; object-fit: cover; object-position: center top;
      display: block;
    }
    @media (max-width: 800px) {
      .mint-card { grid-template-columns: 1fr; padding: var(--sp-8); text-align: center; }
      .mint-card__portrait { max-width: 240px; margin: 0 auto; }
    }

    /* ---------- CTA-Sektion ---------- */
    .cta-row {
      display: grid;
      gap: var(--sp-4);
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      max-width: 800px; margin: 0 auto;
    }
    .cta-card {
      padding: var(--sp-8) var(--sp-6);
      background: var(--tamena-bg);
      border: var(--border-hairline);
      text-align: center;
      text-decoration: none;
      color: var(--tamena-ink);
      transition: border-color var(--tx-base);
      display: block;
    }
    .cta-card:hover { border-color: var(--tamena-gold); }
    .cta-card__label {
      font-family: var(--tamena-font-sans);
      text-transform: uppercase;
      letter-spacing: var(--ls-eyebrow);
      font-size: var(--fs-eyebrow);
      color: var(--tamena-grey-700);
      margin-bottom: var(--sp-2);
    }
    .cta-card__value {
      font-family: var(--tamena-font-serif);
      font-weight: var(--fw-bold);
      font-size: var(--fs-h4);
    }

    /* ---------- Map ---------- */
    .map-wrap { margin-top: var(--sp-12); border: var(--border-hairline); overflow: hidden; }
    .map-wrap iframe { display: block; width: 100%; height: 360px; border: 0; filter: grayscale(20%) contrast(0.95); }

    /* ---------- Footer ---------- */
    footer { background: var(--tamena-bg-dark); color: var(--tamena-ink-on-dark); padding: var(--sp-16) 0 var(--sp-8); }
    footer .footer-grid {
      display: grid; gap: var(--sp-8);
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      margin-bottom: var(--sp-12);
    }
    footer h4 { color: var(--tamena-gold); font-size: var(--fs-body); text-transform: uppercase; letter-spacing: var(--ls-eyebrow); margin-bottom: var(--sp-4); }
    footer a { color: var(--tamena-grey-300); text-decoration: none; }
    footer a:hover { color: var(--tamena-gold); }
    .footer-bottom {
      border-top: 1px solid var(--tamena-grey-700);
      padding-top: var(--sp-6);
      font-size: var(--fs-body-sm);
      color: var(--tamena-grey-300);
      display: flex; flex-wrap: wrap; gap: var(--sp-4); justify-content: space-between;
    }

    .disclaimer {
      max-width: var(--content-max);
      margin: var(--sp-12) auto 0;
      padding: var(--sp-4) var(--sp-6);
      border-left: 1px solid var(--tamena-grey-300);
      color: var(--tamena-ink-muted);
      font-size: var(--fs-body-sm);
      font-style: italic;
    }

    /* Sticky-CTA für Mobile */
    .sticky-mobile-cta {
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
      background: var(--tamena-ink); color: var(--tamena-bg);
      text-align: center; padding: var(--sp-3);
      font-family: var(--tamena-font-serif); font-weight: var(--fw-bold);
      text-decoration: none;
      display: none;
    }
    @media (max-width: 700px) { .sticky-mobile-cta { display: block; } body { padding-bottom: 64px; } }