/*
 * mcService × WERTGARANTIE – Produktions-CSS
 * Helles Content-Theme für mcservice.at
 * Installation: WordPress „Zusätzliches CSS“, Elementor Custom CSS
 * oder als eigene CSS-Datei laden.
 *
 * Alle Komponenten liegen innerhalb von #mcservice-wertgarantie-page.
 */

/* Schutz vor typischen WordPress-/Theme-Überschreibungen */
#mcservice-wertgarantie-page {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 1px;
}
#mcservice-wertgarantie-page main,
#mcservice-wertgarantie-page section,
#mcservice-wertgarantie-page footer,
#mcservice-wertgarantie-page nav,
#mcservice-wertgarantie-page div { box-sizing: border-box; }
#mcservice-wertgarantie-page h1,
#mcservice-wertgarantie-page h2,
#mcservice-wertgarantie-page h3,
#mcservice-wertgarantie-page p { font-family: inherit; }

/* =============================================================
       mcService × WERTGARANTIE Landingpage
       Stand der recherchierten Produktinformationen: 11.07.2026
       Keine externen CSS-/JS-Bibliotheken erforderlich.
       ============================================================= */
    #mcservice-wertgarantie-page {
      --mcs-bg: #050b13;
      --mcs-bg-2: #091522;
      --mcs-panel: rgba(15, 29, 45, .72);
      --mcs-panel-solid: #0d1b2b;
      --mcs-text: #f7fbff;
      --mcs-muted: #a9bfd2;
      --mcs-blue: #2188d3;
      --mcs-cyan: #35dcff;
      --mcs-violet: #8b5cf6;
      --mcs-green: #59e391;
      --mcs-warn: #ffcf5a;
      --mcs-danger: #ff6b7a;
      --mcs-line: rgba(177, 213, 240, .16);
      --mcs-shadow: 0 26px 80px rgba(0, 0, 0, .38);
      --mcs-radius: 28px;
      --mcs-max: 1180px;
    }

    #mcservice-wertgarantie-page,
    #mcservice-wertgarantie-page *,
    #mcservice-wertgarantie-page *::before,
    #mcservice-wertgarantie-page *::after { box-sizing: border-box; }
    #mcservice-wertgarantie-page {
      scroll-behavior: smooth;
      position: relative;
      isolation: isolate;
      margin: 0;
      color: var(--mcs-text);
      background:
        radial-gradient(circle at 20% 5%, rgba(33, 136, 211, .18), transparent 28rem),
        radial-gradient(circle at 95% 25%, rgba(139, 92, 246, .15), transparent 32rem),
        var(--mcs-bg);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.6;
      overflow-x: hidden;
    }

    #mcservice-wertgarantie-page::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .23;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(to bottom, black, transparent 80%);
      z-index: 0;
    }

    #mcservice-wertgarantie-page > * { position: relative; z-index: 1; }
    #mcservice-wertgarantie-page a { color: inherit; }
    #mcservice-wertgarantie-page img { max-width: 100%; display: block; }
    #mcservice-wertgarantie-page button,
    #mcservice-wertgarantie-page select { font: inherit; }
    #mcservice-wertgarantie-page button { cursor: pointer; }
    #mcservice-wertgarantie-page ::selection { background: rgba(53, 220, 255, .35); color: #fff; }

    .mcs-shell { width: min(calc(100% - 36px), var(--mcs-max)); margin-inline: auto; }
    .mcs-section { padding: 92px 0; position: relative; }
    .mcs-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-weight: 800;
      font-size: .76rem;
      color: var(--mcs-cyan);
    }
    .mcs-kicker::before {
      content: "";
      width: 28px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--mcs-cyan), var(--mcs-violet));
      box-shadow: 0 0 18px rgba(53, 220, 255, .8);
    }
    .mcs-title {
      margin: 14px 0 16px;
      max-width: 800px;
      font-size: clamp(2.1rem, 5vw, 4.7rem);
      line-height: .98;
      letter-spacing: -.055em;
    }
    .mcs-title em {
      font-style: normal;
      color: transparent;
      background: linear-gradient(92deg, #fff 10%, var(--mcs-cyan) 46%, #bba8ff 92%);
      -webkit-background-clip: text;
      background-clip: text;
    }
    .mcs-lead {
      max-width: 760px;
      color: var(--mcs-muted);
      font-size: clamp(1.05rem, 2vw, 1.24rem);
      margin: 0;
    }

    .mcs-topbar {
      position: relative;
      z-index: 20;
      border-bottom: 1px solid var(--mcs-line);
      background: rgba(5, 11, 19, .76);
      backdrop-filter: blur(16px);
    }
    .mcs-topbar-inner {
      min-height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .mcs-logo {
      width: min(280px, 52vw);
      filter: drop-shadow(0 8px 22px rgba(0,0,0,.28));
    }
    .mcs-top-actions { display: flex; align-items: center; gap: 12px; }
    .mcs-mini-link {
      color: var(--mcs-muted);
      text-decoration: none;
      font-weight: 700;
      font-size: .92rem;
    }
    .mcs-mini-link:hover { color: #fff; }

    .mcs-button {
      --button-glow: rgba(53, 220, 255, .24);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 52px;
      padding: 0 22px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.14);
      color: #fff;
      text-decoration: none;
      font-weight: 850;
      background: rgba(255,255,255,.06);
      box-shadow: 0 14px 38px rgba(0,0,0,.22);
      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
    }
    .mcs-button:hover {
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.3);
      box-shadow: 0 18px 45px rgba(0,0,0,.28), 0 0 30px var(--button-glow);
    }
    .mcs-button:focus-visible, select:focus-visible, summary:focus-visible {
      outline: 3px solid rgba(53, 220, 255, .65);
      outline-offset: 3px;
    }
    .mcs-button-primary {
      color: #02121b;
      border-color: transparent;
      background: linear-gradient(120deg, #53e6ff, #72a9ff 55%, #b796ff);
      box-shadow: 0 18px 48px rgba(42, 171, 234, .28);
    }
    .mcs-button-primary:hover { box-shadow: 0 22px 60px rgba(42, 171, 234, .38); }
    .mcs-button-whatsapp {
      --button-glow: rgba(89, 227, 145, .26);
      background: rgba(89, 227, 145, .1);
      border-color: rgba(89, 227, 145, .32);
    }
    .mcs-button-sm { min-height: 44px; padding-inline: 17px; border-radius: 14px; font-size: .9rem; }
    .mcs-button svg { width: 19px; height: 19px; flex: 0 0 auto; }

    .mcs-hero { min-height: calc(100vh - 82px); display: grid; align-items: center; padding: 72px 0 94px; position: relative; }
    .mcs-hero::after {
      content: "";
      position: absolute;
      right: -16vw;
      top: 3%;
      width: 58vw;
      aspect-ratio: 1;
      border: 1px solid rgba(53,220,255,.08);
      border-radius: 50%;
      box-shadow: inset 0 0 120px rgba(33,136,211,.08), 0 0 120px rgba(139,92,246,.06);
      pointer-events: none;
    }
    .mcs-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
      gap: clamp(32px, 6vw, 90px);
      align-items: center;
    }
    .mcs-partner-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      border: 1px solid rgba(89,227,145,.28);
      background: rgba(89,227,145,.08);
      color: #c8ffdb;
      padding: 8px 13px;
      border-radius: 999px;
      font-size: .82rem;
      font-weight: 800;
    }
    .mcs-live-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--mcs-green);
      box-shadow: 0 0 0 0 rgba(89,227,145,.45);
      animation: mcsPulse 2.2s infinite;
    }
    @keyframes mcsPulse { 70% { box-shadow: 0 0 0 10px rgba(89,227,145,0); } 100% { box-shadow: 0 0 0 0 rgba(89,227,145,0); } }
    .mcs-hero h1 {
      margin: 23px 0 20px;
      font-size: clamp(3.1rem, 7.2vw, 7.4rem);
      letter-spacing: -.07em;
      line-height: .86;
      max-width: 850px;
    }
    .mcs-hero h1 span {
      display: block;
      color: transparent;
      background: linear-gradient(92deg, #fff 0%, var(--mcs-cyan) 42%, #b9a2ff 88%);
      -webkit-background-clip: text;
      background-clip: text;
      filter: drop-shadow(0 12px 30px rgba(53,220,255,.12));
    }
    .mcs-hero-copy { color: var(--mcs-muted); max-width: 700px; font-size: clamp(1.04rem, 2vw, 1.23rem); }
    .mcs-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
    .mcs-proof-row { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 27px; color: #dcebf6; font-size: .91rem; }
    .mcs-proof-row span { display: inline-flex; align-items: center; gap: 8px; }
    .mcs-proof-row svg { width: 18px; color: var(--mcs-green); }

    .mcs-device-stage {
      position: relative;
      min-height: 590px;
      display: grid;
      place-items: center;
      perspective: 1200px;
      isolation: isolate;
    }
    .mcs-orbit {
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(53,220,255,.16);
      animation: mcsSpin 18s linear infinite;
    }
    .mcs-orbit-one { width: 500px; height: 500px; }
    .mcs-orbit-two { width: 390px; height: 390px; animation-direction: reverse; animation-duration: 13s; border-style: dashed; }
    .mcs-orbit::before, .mcs-orbit::after {
      content: "";
      position: absolute;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      background: var(--mcs-cyan);
      box-shadow: 0 0 24px var(--mcs-cyan);
    }
    .mcs-orbit::before { top: 14%; left: 12%; }
    .mcs-orbit::after { right: 9%; bottom: 19%; background: var(--mcs-violet); box-shadow: 0 0 24px var(--mcs-violet); }
    @keyframes mcsSpin { to { transform: rotate(360deg); } }

    .mcs-phone {
      width: 270px;
      height: 535px;
      border-radius: 46px;
      padding: 12px;
      position: relative;
      transform: rotateY(-12deg) rotateX(5deg) rotateZ(2deg);
      transform-style: preserve-3d;
      background: linear-gradient(145deg, #46647c, #0a1018 34%, #263b4c 75%, #6d8ca2);
      box-shadow: 28px 36px 80px rgba(0,0,0,.58), -15px -10px 50px rgba(53,220,255,.12);
      transition: transform .25s ease-out;
      z-index: 2;
    }
    .mcs-phone::after {
      content: "";
      position: absolute;
      inset: 3px;
      border-radius: 43px;
      border: 1px solid rgba(255,255,255,.2);
      pointer-events: none;
    }
    .mcs-screen {
      position: relative;
      height: 100%;
      overflow: hidden;
      border-radius: 36px;
      background:
        radial-gradient(circle at 70% 12%, rgba(255,255,255,.42), transparent 4%),
        radial-gradient(circle at 72% 22%, rgba(53,220,255,.8), transparent 23%),
        radial-gradient(circle at 30% 68%, rgba(139,92,246,.74), transparent 37%),
        linear-gradient(155deg, #07121c, #0e2f49 50%, #090a18);
      box-shadow: inset 0 0 50px rgba(0,0,0,.34);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 28px;
    }
    .mcs-screen::before {
      content: "";
      position: absolute;
      top: 13px;
      width: 82px;
      height: 22px;
      border-radius: 99px;
      background: #03070b;
      box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);
    }
    .mcs-shield {
      width: 120px;
      filter: drop-shadow(0 15px 30px rgba(53,220,255,.28));
      animation: mcsFloat 4.2s ease-in-out infinite;
    }
    @keyframes mcsFloat { 50% { transform: translateY(-13px) rotate(-2deg); } }
    .mcs-screen strong { margin-top: 20px; font-size: 1.45rem; letter-spacing: -.04em; }
    .mcs-screen small { color: #bcd2e3; margin-top: 4px; }
    .mcs-screen-price { margin-top: 23px; padding: 9px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(4,12,20,.52); font-weight: 850; }
    .mcs-screen-price b { color: var(--mcs-cyan); font-size: 1.4rem; }
    .mcs-float-card {
      position: absolute;
      z-index: 4;
      min-width: 190px;
      padding: 15px 17px;
      border-radius: 17px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(10, 23, 36, .8);
      backdrop-filter: blur(16px);
      box-shadow: var(--mcs-shadow);
      font-size: .85rem;
      color: var(--mcs-muted);
      animation: mcsBob 5s ease-in-out infinite;
    }
    .mcs-float-card strong { color: #fff; display: block; font-size: .98rem; }
    .mcs-float-card-one { top: 12%; left: 0; }
    .mcs-float-card-two { right: -2%; bottom: 15%; animation-delay: -2s; }
    @keyframes mcsBob { 50% { transform: translateY(-9px); } }

    .mcs-stat-strip {
      border-block: 1px solid var(--mcs-line);
      background: rgba(9, 21, 34, .56);
      backdrop-filter: blur(15px);
    }
    .mcs-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
    .mcs-stat { padding: 30px 24px; border-right: 1px solid var(--mcs-line); }
    .mcs-stat:last-child { border-right: 0; }
    .mcs-stat b { display: block; font-size: clamp(1.35rem, 3vw, 2.15rem); letter-spacing: -.05em; }
    .mcs-stat span { color: var(--mcs-muted); font-size: .9rem; }

    .mcs-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 19px; margin-top: 42px; }
    .mcs-card {
      position: relative;
      overflow: hidden;
      min-height: 240px;
      padding: 26px;
      border: 1px solid var(--mcs-line);
      border-radius: 24px;
      background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
      box-shadow: 0 18px 45px rgba(0,0,0,.16);
      transition: transform .26s ease, border-color .26s ease, background .26s ease;
    }
    .mcs-card::after {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      right: -80px;
      bottom: -100px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(53,220,255,.17), transparent 68%);
      transition: transform .35s ease;
    }
    .mcs-card:hover { transform: translateY(-7px); border-color: rgba(53,220,255,.35); background: linear-gradient(145deg, rgba(33,136,211,.12), rgba(255,255,255,.025)); }
    .mcs-card:hover::after { transform: scale(1.35); }
    .mcs-icon-box {
      width: 54px;
      height: 54px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      background: linear-gradient(145deg, rgba(53,220,255,.16), rgba(139,92,246,.14));
      border: 1px solid rgba(53,220,255,.2);
      color: var(--mcs-cyan);
    }
    .mcs-icon-box svg { width: 29px; height: 29px; }
    .mcs-card h3 { margin: 20px 0 8px; font-size: 1.22rem; letter-spacing: -.025em; }
    .mcs-card p { margin: 0; color: var(--mcs-muted); font-size: .94rem; }

    .mcs-tariff-layout { display: grid; grid-template-columns: .92fr 1.08fr; gap: 24px; margin-top: 45px; align-items: stretch; }
    .mcs-tariff {
      padding: clamp(25px, 4vw, 42px);
      border-radius: var(--mcs-radius);
      border: 1px solid var(--mcs-line);
      background: rgba(13, 27, 43, .75);
      box-shadow: var(--mcs-shadow);
      position: relative;
      overflow: hidden;
    }
    .mcs-tariff-premium {
      border-color: rgba(53,220,255,.36);
      background:
        radial-gradient(circle at 90% 0%, rgba(139,92,246,.22), transparent 35%),
        radial-gradient(circle at 10% 100%, rgba(53,220,255,.12), transparent 38%),
        rgba(13, 27, 43, .9);
    }
    .mcs-tariff-badge { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.07); color: var(--mcs-muted); font-size: .77rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
    .mcs-tariff-premium .mcs-tariff-badge { color: #07111f; background: linear-gradient(90deg, var(--mcs-cyan), #b8a2ff); }
    .mcs-tariff h3 { margin: 18px 0 4px; font-size: clamp(1.8rem, 4vw, 2.8rem); letter-spacing: -.05em; }
    .mcs-price { margin: 15px 0 18px; }
    .mcs-price strong { font-size: clamp(2.5rem, 5vw, 4.5rem); letter-spacing: -.075em; line-height: 1; }
    .mcs-price span { color: var(--mcs-muted); }
    .mcs-tariff-note { color: var(--mcs-muted); font-size: .9rem; }
    .mcs-checklist { list-style: none; padding: 0; margin: 24px 0 30px; display: grid; gap: 13px; }
    .mcs-checklist li { display: flex; gap: 11px; align-items: flex-start; color: #e2edf5; }
    .mcs-checklist svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--mcs-green); margin-top: 2px; }
    .mcs-checklist .mcs-extra { color: #e9e0ff; }
    .mcs-checklist .mcs-extra svg { color: #b69cff; }

    .mcs-checker-wrap {
      margin-top: 46px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: stretch;
    }
    .mcs-checker, .mcs-result {
      padding: clamp(25px, 4vw, 42px);
      border: 1px solid var(--mcs-line);
      border-radius: var(--mcs-radius);
      background: rgba(13,27,43,.76);
      box-shadow: var(--mcs-shadow);
    }
    .mcs-form-grid { display: grid; gap: 18px; margin-top: 26px; }
    .mcs-field { display: grid; gap: 8px; }
    .mcs-field label { font-weight: 800; font-size: .91rem; }
    .mcs-field select {
      width: 100%;
      min-height: 54px;
      color: #fff;
      border: 1px solid rgba(255,255,255,.16);
      background: #0b1928;
      border-radius: 15px;
      padding: 0 14px;
    }
    .mcs-result {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 100% 0%, rgba(53,220,255,.17), transparent 35%),
        rgba(13,27,43,.86);
    }
    .mcs-result-state { min-height: 100%; display: flex; flex-direction: column; justify-content: center; }
    .mcs-result-icon { width: 74px; height: 74px; border-radius: 22px; display: grid; place-items: center; border: 1px solid rgba(53,220,255,.27); background: rgba(53,220,255,.1); color: var(--mcs-cyan); }
    .mcs-result-icon svg { width: 38px; }
    .mcs-result h3 { font-size: clamp(1.55rem, 3vw, 2.35rem); letter-spacing: -.04em; margin: 21px 0 9px; }
    .mcs-result p { color: var(--mcs-muted); }
    .mcs-result-flags { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 24px; }
    .mcs-flag { padding: 7px 10px; border-radius: 999px; font-size: .79rem; font-weight: 800; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); }
    .mcs-flag-good { color: #caffdc; border-color: rgba(89,227,145,.28); background: rgba(89,227,145,.08); }
    .mcs-flag-warn { color: #fff0bd; border-color: rgba(255,207,90,.28); background: rgba(255,207,90,.08); }
    .mcs-flag-bad { color: #ffd5da; border-color: rgba(255,107,122,.28); background: rgba(255,107,122,.08); }

    .mcs-flow { margin-top: 44px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; counter-reset: mcsstep; }
    .mcs-step {
      counter-increment: mcsstep;
      border: 1px solid var(--mcs-line);
      border-radius: 22px;
      padding: 24px;
      background: rgba(255,255,255,.035);
      position: relative;
    }
    .mcs-step::before {
      content: "0" counter(mcsstep);
      color: var(--mcs-cyan);
      font-size: .82rem;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .mcs-step h3 { margin: 10px 0 8px; font-size: 1.1rem; }
    .mcs-step p { margin: 0; color: var(--mcs-muted); font-size: .91rem; }

    .mcs-facts {
      margin-top: 44px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .mcs-fact-panel { border: 1px solid var(--mcs-line); border-radius: 24px; padding: 28px; background: rgba(255,255,255,.035); }
    .mcs-fact-panel h3 { margin-top: 0; font-size: 1.35rem; }
    .mcs-fact-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; }
    .mcs-fact-list li { display: flex; gap: 11px; color: var(--mcs-muted); }
    .mcs-fact-list svg { width: 20px; flex: 0 0 auto; margin-top: 2px; }
    .mcs-fact-yes svg { color: var(--mcs-green); }
    .mcs-fact-no svg { color: var(--mcs-danger); }

    .mcs-faq { margin-top: 42px; display: grid; gap: 12px; }
    .mcs-faq details { border: 1px solid var(--mcs-line); border-radius: 18px; background: rgba(255,255,255,.035); overflow: hidden; }
    .mcs-faq summary { padding: 20px 24px; font-weight: 850; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; }
    .mcs-faq summary::-webkit-details-marker { display: none; }
    .mcs-faq summary::after { content: "+"; color: var(--mcs-cyan); font-size: 1.35rem; line-height: 1; transition: transform .2s ease; }
    .mcs-faq details[open] summary::after { transform: rotate(45deg); }
    .mcs-faq-answer { padding: 0 24px 22px; color: var(--mcs-muted); }
    .mcs-faq-answer p { margin: 0; }

    .mcs-cta {
      padding: clamp(35px, 7vw, 76px);
      border: 1px solid rgba(53,220,255,.24);
      border-radius: 34px;
      background:
        radial-gradient(circle at 0% 100%, rgba(53,220,255,.18), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(139,92,246,.23), transparent 34%),
        linear-gradient(145deg, rgba(16,37,57,.96), rgba(8,19,31,.96));
      box-shadow: var(--mcs-shadow);
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 30px;
      align-items: center;
    }
    .mcs-cta h2 { margin: 0 0 10px; font-size: clamp(2.1rem, 5vw, 4.5rem); letter-spacing: -.06em; line-height: .98; }
    .mcs-cta p { margin: 0; color: var(--mcs-muted); max-width: 720px; }
    .mcs-cta-actions { display: grid; gap: 11px; min-width: 245px; }

    .mcs-legal {
      color: #8fa8ba;
      font-size: .78rem;
      border-top: 1px solid var(--mcs-line);
      padding: 31px 0 96px;
    }
    .mcs-legal-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 28px; }
    .mcs-legal p { margin: 0 0 11px; }
    .mcs-legal-links { display: flex; flex-wrap: wrap; gap: 10px 18px; align-content: start; }
    .mcs-legal a { color: #bad4e6; }

    .mcs-mobile-dock { display: none; }

    .mcs-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
    .mcs-reveal.mcs-visible { opacity: 1; transform: none; }

    /* =============================================================
       Helles mcService Content-Theme
       Passt zu hellgrauen Inhaltsbereichen auf mcservice.at.
       ============================================================= */
    #mcservice-wertgarantie-page {
      --mcs-bg: #eef1f4;
      --mcs-bg-2: #f8fafc;
      --mcs-panel: rgba(255, 255, 255, .88);
      --mcs-panel-solid: #ffffff;
      --mcs-text: #102231;
      --mcs-muted: #607382;
      --mcs-line: rgba(25, 57, 81, .12);
      --mcs-shadow: 0 24px 65px rgba(31, 57, 78, .12);
      background:
        radial-gradient(circle at 18% 4%, rgba(33, 136, 211, .12), transparent 27rem),
        radial-gradient(circle at 94% 23%, rgba(139, 92, 246, .09), transparent 31rem),
        var(--mcs-bg);
    }
    #mcservice-wertgarantie-page::before {
      opacity: .42;
      background-image:
        linear-gradient(rgba(25,57,81,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25,57,81,.035) 1px, transparent 1px);
    }
    #mcservice-wertgarantie-page ::selection { background: rgba(33, 136, 211, .24); color: #0b1d2a; }

    #mcservice-wertgarantie-page .mcs-kicker { color: #167eb7; }
    #mcservice-wertgarantie-page .mcs-title em,
    #mcservice-wertgarantie-page .mcs-hero h1 span {
      background: linear-gradient(92deg, #102231 0%, #167eb7 44%, #7958d7 90%);
      -webkit-background-clip: text;
      background-clip: text;
    }
    #mcservice-wertgarantie-page .mcs-topbar {
      background: rgba(248, 250, 252, .9);
      box-shadow: 0 8px 28px rgba(31, 57, 78, .07);
    }
    #mcservice-wertgarantie-page .mcs-logo { border-radius: 8px; }
    #mcservice-wertgarantie-page .mcs-mini-link:hover { color: var(--mcs-text); }

    #mcservice-wertgarantie-page .mcs-button {
      color: #173044;
      border-color: rgba(25,57,81,.14);
      background: rgba(255,255,255,.82);
      box-shadow: 0 12px 30px rgba(31,57,78,.10);
    }
    #mcservice-wertgarantie-page .mcs-button:hover {
      border-color: rgba(25,57,81,.28);
      box-shadow: 0 16px 38px rgba(31,57,78,.14), 0 0 30px var(--button-glow);
    }
    #mcservice-wertgarantie-page .mcs-button-primary { color: #03141d; }
    #mcservice-wertgarantie-page .mcs-button-whatsapp {
      color: #17643a;
      background: rgba(89,227,145,.14);
      border-color: rgba(38,145,84,.24);
    }
    #mcservice-wertgarantie-page .mcs-partner-pill {
      color: #17643a;
      background: rgba(89,227,145,.14);
      border-color: rgba(38,145,84,.22);
    }
    #mcservice-wertgarantie-page .mcs-proof-row { color: #344d60; }
    #mcservice-wertgarantie-page .mcs-hero::after {
      border-color: rgba(33,136,211,.10);
      box-shadow: inset 0 0 120px rgba(33,136,211,.05), 0 0 120px rgba(139,92,246,.04);
    }
    #mcservice-wertgarantie-page .mcs-orbit { border-color: rgba(33,136,211,.18); }

    #mcservice-wertgarantie-page .mcs-screen,
    #mcservice-wertgarantie-page .mcs-screen-price { color: #fff; }
    #mcservice-wertgarantie-page .mcs-float-card {
      color: #b7cad9;
      border-color: rgba(255,255,255,.17);
      background: rgba(10,23,36,.88);
    }
    #mcservice-wertgarantie-page .mcs-stat-strip {
      background: rgba(255,255,255,.68);
      box-shadow: 0 12px 40px rgba(31,57,78,.05);
    }

    #mcservice-wertgarantie-page .mcs-card,
    #mcservice-wertgarantie-page .mcs-tariff,
    #mcservice-wertgarantie-page .mcs-checker,
    #mcservice-wertgarantie-page .mcs-result,
    #mcservice-wertgarantie-page .mcs-step,
    #mcservice-wertgarantie-page .mcs-fact-panel,
    #mcservice-wertgarantie-page .mcs-faq details {
      background: rgba(255,255,255,.88);
      box-shadow: var(--mcs-shadow);
    }
    #mcservice-wertgarantie-page .mcs-card:hover {
      background: #fff;
      border-color: rgba(33,136,211,.30);
      box-shadow: 0 28px 65px rgba(31,57,78,.15);
    }
    #mcservice-wertgarantie-page .mcs-icon-box {
      background: linear-gradient(145deg, rgba(33,136,211,.11), rgba(139,92,246,.09));
      color: #167eb7;
    }
    #mcservice-wertgarantie-page .mcs-tariff-premium {
      border-color: rgba(33,136,211,.28);
      background:
        radial-gradient(circle at 90% 0%, rgba(139,92,246,.13), transparent 35%),
        radial-gradient(circle at 10% 100%, rgba(53,220,255,.10), transparent 38%),
        rgba(255,255,255,.95);
    }
    #mcservice-wertgarantie-page .mcs-tariff-badge {
      color: #5f7282;
      background: #edf2f6;
    }
    #mcservice-wertgarantie-page .mcs-checklist li { color: #284154; }
    #mcservice-wertgarantie-page .mcs-checklist .mcs-extra { color: #574477; }

    #mcservice-wertgarantie-page .mcs-field select {
      color: #173044;
      border-color: rgba(25,57,81,.16);
      background: #fff;
      box-shadow: inset 0 1px 2px rgba(31,57,78,.04);
    }
    #mcservice-wertgarantie-page .mcs-result {
      background:
        radial-gradient(circle at 100% 0%, rgba(53,220,255,.12), transparent 35%),
        rgba(255,255,255,.94);
    }
    #mcservice-wertgarantie-page .mcs-result-icon { color: #167eb7; }
    #mcservice-wertgarantie-page .mcs-flag {
      color: #425a6d;
      border-color: rgba(25,57,81,.13);
      background: #f1f4f6;
    }
    #mcservice-wertgarantie-page .mcs-flag-good { color: #17643a; border-color: rgba(38,145,84,.22); background: rgba(89,227,145,.13); }
    #mcservice-wertgarantie-page .mcs-flag-warn { color: #795d08; border-color: rgba(181,133,0,.22); background: rgba(255,207,90,.18); }
    #mcservice-wertgarantie-page .mcs-flag-bad { color: #a13b47; border-color: rgba(201,68,83,.20); background: rgba(255,107,122,.13); }

    #mcservice-wertgarantie-page .mcs-cta { color: #fff; }
    #mcservice-wertgarantie-page .mcs-cta p { color: #b9ccda; }
    #mcservice-wertgarantie-page .mcs-cta .mcs-button:not(.mcs-button-primary) {
      color: #fff;
      border-color: rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
    }
    #mcservice-wertgarantie-page .mcs-cta .mcs-button-whatsapp {
      color: #d7ffe5;
      border-color: rgba(89,227,145,.30);
      background: rgba(89,227,145,.12);
    }
    #mcservice-wertgarantie-page .mcs-legal { color: #697d8c; }
    #mcservice-wertgarantie-page .mcs-legal a { color: #246f9d; }

    @media (max-width: 640px) {
      #mcservice-wertgarantie-page .mcs-mobile-dock {
        border-color: rgba(25,57,81,.13);
        background: rgba(248,250,252,.92);
        box-shadow: 0 18px 55px rgba(31,57,78,.20);
      }
    }

    @media (max-width: 980px) {
      .mcs-top-actions .mcs-mini-link { display: none; }
      .mcs-hero-grid, .mcs-tariff-layout, .mcs-checker-wrap, .mcs-cta, .mcs-legal-grid { grid-template-columns: 1fr; }
      .mcs-hero { min-height: auto; }
      .mcs-device-stage { min-height: 570px; margin-top: -10px; }
      .mcs-stat-grid { grid-template-columns: 1fr 1fr; }
      .mcs-stat:nth-child(2) { border-right: 0; }
      .mcs-stat:nth-child(-n+2) { border-bottom: 1px solid var(--mcs-line); }
      .mcs-card-grid { grid-template-columns: 1fr 1fr; }
      .mcs-flow { grid-template-columns: 1fr 1fr; }
      .mcs-cta-actions { display: flex; flex-wrap: wrap; min-width: 0; }
    }

    @media (max-width: 640px) {
      .mcs-shell { width: min(calc(100% - 24px), var(--mcs-max)); }
      .mcs-section { padding: 72px 0; }
      .mcs-topbar-inner { min-height: 70px; }
      .mcs-logo { width: 205px; }
      .mcs-top-actions .mcs-button { display: none; }
      .mcs-hero { padding-top: 48px; }
      .mcs-hero h1 { font-size: clamp(3.2rem, 19vw, 5.2rem); }
      .mcs-hero-actions .mcs-button { width: 100%; }
      .mcs-device-stage { min-height: 470px; transform: scale(.84); margin: -48px -30px -42px; }
      .mcs-orbit-one { width: 440px; height: 440px; }
      .mcs-orbit-two { width: 340px; height: 340px; }
      .mcs-phone { width: 235px; height: 466px; }
      .mcs-float-card { min-width: 160px; padding: 12px 13px; }
      .mcs-float-card-one { left: -2%; }
      .mcs-float-card-two { right: -2%; }
      .mcs-stat-grid, .mcs-card-grid, .mcs-flow, .mcs-facts { grid-template-columns: 1fr; }
      .mcs-stat { border-right: 0; border-bottom: 1px solid var(--mcs-line); }
      .mcs-stat:last-child { border-bottom: 0; }
      .mcs-card { min-height: 0; }
      .mcs-cta-actions .mcs-button { width: 100%; }
      .mcs-mobile-dock {
        position: fixed;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 50;
        padding: 8px;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 18px;
        background: rgba(4,10,17,.88);
        backdrop-filter: blur(18px);
        box-shadow: 0 18px 55px rgba(0,0,0,.45);
      }
      .mcs-mobile-dock .mcs-button { min-height: 46px; padding: 0 10px; font-size: .82rem; border-radius: 12px; }
    }

    @media (prefers-reduced-motion: reduce) {
      #mcservice-wertgarantie-page { scroll-behavior: auto; }
      #mcservice-wertgarantie-page *,
      #mcservice-wertgarantie-page *::before,
      #mcservice-wertgarantie-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
      .mcs-reveal { opacity: 1; transform: none; }
    }
  

    /* Finale mobile Farbanpassung – nach den Layout-Media-Queries */
    @media (max-width: 640px) {
      #mcservice-wertgarantie-page .mcs-mobile-dock {
        border-color: rgba(25,57,81,.13);
        background: rgba(248,250,252,.94);
        box-shadow: 0 18px 55px rgba(31,57,78,.20);
      }
    }

/* BeTheme-Kompatibilität: Content-Wrapper und Theme-Abstände neutralisieren */
body.mcswg-page-active #Content,
body.mcswg-page-active .content_wrapper,
body.mcswg-page-active .sections_group,
body.mcswg-page-active .entry-content {
  background: #eef1f4 !important;
}

body.mcswg-page-active #mcservice-wertgarantie-page {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.mcswg-page-active #mcservice-wertgarantie-page a,
body.mcswg-page-active #mcservice-wertgarantie-page button,
body.mcswg-page-active #mcservice-wertgarantie-page select {
  text-transform: none;
}