/* ms-topic-v2510.css · Themen-, Kanal- und Infoseiten im Look der Website-erstellen-Landingpage (V2510) */
@font-face{font-family:"League Spartan";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/league-spartan-latin.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/montserrat-latin.woff2") format("woff2")}

/* ---------- Referenz-Logoleiste (aus dem LP-Bundle) ---------- */
body.ms-polish-v213 main > section.ms-proof-system.ms-client-proof, .ms-client-proof{ position: relative; z-index: 2; overflow: hidden; contain: paint; isolation: isolate; padding: 25px 0 28px; color: #fff; background: radial-gradient(circle at 18% 0%, rgba(146, 80, 255, .25), transparent 34%), radial-gradient(circle at 88% 130%, rgba(112, 0, 217, .3), transparent 38%), linear-gradient(112deg, #0d0e1a 0%, #15162a 56%, #1d1037 100%) !important; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 255, 255, .08); } .ms-client-proof::before{ content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35; 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(90deg, transparent, #000 25%, #000 75%, transparent); } .ms-client-proof__head{ position: relative; width: min(1180px, calc(100% - 40px)); margin: 0 auto 17px; display: flex; align-items: center; justify-content: center; gap: 12px; color: rgba(255, 255, 255, .72); font-size: 10px; font-weight: 800; line-height: 1.35; letter-spacing: .16em; text-align: center; text-transform: uppercase; } .ms-client-proof__head::before, .ms-client-proof__head::after{ content: ""; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, rgba(217, 185, 121, .75)); } .ms-client-proof__head::after{ transform: rotate(180deg); } .ms-logo-marquee{ position: relative; overflow: hidden; width: 100%; height: 74px; max-width: 100%; contain: inline-size layout paint; mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); } .ms-logo-track{ position: absolute; top: 0; left: 0; display: flex; align-items: stretch; width: max-content; will-change: transform; animation: msLogoFlow 48s linear infinite; } .ms-logo-set{ display: flex; align-items: stretch; gap: 16px; padding-right: 16px; } .ms-logo-item{ position: relative; flex: 0 0 216px; height: 74px; display: grid; place-items: center; padding: 13px 24px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; background: rgba(255, 255, 255, .055); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 30px rgba(0, 0, 0, .13); transition: transform .28s ease, border-color .28s ease, background .28s ease; } .ms-logo-item[href]::after{ content: "↗"; position: absolute; top: 8px; right: 10px; color: rgba(255, 255, 255, .34); font-size: 10px; opacity: 0; transform: translate(-3px, 3px); transition: opacity .25s ease, transform .25s ease; } .ms-logo-item img{ display: block; width: auto; max-width: 170px; height: auto; max-height: 45px; object-fit: contain; filter: none; } .ms-logo-item--static{ cursor: default; } .ms-logo-item--iso img{ max-width: 86px; max-height: 48px; } .ms-logo-item--toscan img{ max-width: 194px; max-height: 55px; filter: drop-shadow(0 1px 5px rgba(255, 255, 255, .16)); } .ms-logo-item--forgatsch, .ms-logo-item--toscan, .ms-logo-item--glam, .ms-logo-item--mery, .ms-logo-item--sysprom, .ms-logo-item--enop, .ms-logo-item--zahnpark{ padding-inline: 12px; } .ms-logo-item--sv img{ max-width: 170px; max-height: 42px; } .ms-logo-item--kss{ padding: 7px 22px; } .ms-logo-item--kss img{ max-width: 76px; max-height: 58px; } .ms-logo-item--leistung img{ max-width: 78px; max-height: 58px; } .ms-logo-item--forgatsch img{ max-width: 184px; max-height: 57px; } .ms-logo-item--glam img{ width: auto; height: auto; max-width: 190px; max-height: 54px; object-fit: contain; } .ms-logo-item--mery img{ max-width: 158px; max-height: 52px; } .ms-logo-item--sysprom img{ max-width: 192px; max-height: 56px; } .ms-logo-item--sysprom{ padding-block: 8px; } .ms-logo-item--zahnpark img{ max-width: 188px; max-height: 47px; } .ms-logo-item--salesarena{ padding-block: 7px; } .ms-logo-item--salesarena img{ max-width: 42px; max-height: 60px; filter: drop-shadow(0 4px 10px rgba(217, 185, 121, .2)); } .ms-logo-item--enop img{ max-width: 158px; max-height: 48px; filter: brightness(0) invert(1) drop-shadow(0 2px 9px rgba(255, 255, 255, .12)); opacity: .96; } @media (hover: hover){.ms-logo-marquee:hover .ms-logo-track{ animation-play-state: paused; }.ms-logo-item:hover{ z-index: 2; transform: translateY(-4px); border-color: rgba(217, 185, 121, .55); background: rgba(255, 255, 255, .095); }.ms-logo-item[href]:hover::after{ opacity: 1; transform: translate(0, 0); }.ms-logo-item--static:hover{ transform: none; border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .055); }} @keyframes msLogoFlow{ from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 780px){.ms-client-proof{ padding: 21px 0 24px; }.ms-client-proof__head{ width: calc(100% - 28px); margin-bottom: 14px; font-size: 8px; letter-spacing: .13em; }.ms-logo-marquee{ height: 64px; mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%); }.ms-logo-set{ gap: 10px; padding-right: 10px; }.ms-logo-item{ flex-basis: 168px; height: 64px; padding: 11px 18px; border-radius: 14px; }.ms-logo-item--forgatsch, .ms-logo-item--toscan, .ms-logo-item--glam, .ms-logo-item--mery, .ms-logo-item--sysprom, .ms-logo-item--enop, .ms-logo-item--zahnpark{ padding-inline: 10px; }.ms-logo-item--salesarena{ padding-block: 6px; }.ms-logo-item img{ max-width: 132px; max-height: 37px; }.ms-logo-item--iso img{ max-width: 70px; max-height: 39px; }.ms-logo-item--toscan img{ max-width: 148px; max-height: 42px; }.ms-logo-item--forgatsch img, .ms-logo-item--glam img, .ms-logo-item--sysprom img, .ms-logo-item--enop img, .ms-logo-item--zahnpark img{ max-width: 145px; max-height: 42px; }.ms-logo-item--mery img{ max-width: 128px; max-height: 42px; }.ms-logo-item--salesarena img{ max-width: 35px; max-height: 52px; }} @media (prefers-reduced-motion: reduce){.ms-logo-track{ animation: none; }.ms-logo-set[aria-hidden="true"]{ display: none; }.ms-logo-marquee{ overflow-x: auto; scrollbar-width: thin; }} main > section.ms-client-proof{ padding-top: clamp(24px, 3vw, 38px) !important; padding-bottom: clamp(24px, 3vw, 38px) !important; } @media (max-width: 760px){main > section.ms-client-proof{ padding-top: 20px !important; padding-bottom: 20px !important; }} main > section.ms-client-proof{ padding-top: clamp(20px, 2.4vw, 30px) !important; padding-bottom: clamp(20px, 2.4vw, 30px) !important; } @media (max-width: 760px){main > section.ms-client-proof{ padding-top: 17px !important; padding-bottom: 17px !important; }} @media(max-width:720px){body main .ms-proof-system, body main .ms-client-proof{padding-top:50px!important;padding-bottom:50px!important}} @media(max-width:420px){body main .ms-proof-system, body main .ms-client-proof{padding-top:44px!important;padding-bottom:44px!important}} .ms-logo-marquee{ contain: layout; transform: none; isolation: auto; } .ms-logo-track{ position: relative; top: auto; left: auto; will-change: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; animation-name: msLogoFlow3d; } @keyframes msLogoFlow3d{ from{ transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } .ms-logo-marquee.ms-mq-run .ms-logo-track{ will-change: transform; } .ms-logo-marquee.ms-mq-hold .ms-logo-track{ animation-play-state: paused; } @media (max-width: 900px), (pointer: coarse){.ms-logo-marquee{ contain: none; -webkit-mask-image: none !important; mask-image: none !important; }.ms-logo-marquee::before, .ms-logo-marquee::after{ content: ""; position: absolute; top: -2px; bottom: -2px; width: 30px; z-index: 4; pointer-events: none; }.ms-logo-marquee::before{ left: 0; background: linear-gradient(90deg, #14152b 18%, rgba(20, 21, 43, 0)); }.ms-logo-marquee::after{ right: 0; background: linear-gradient(270deg, #1d1138 18%, rgba(29, 17, 56, 0)); }} @media (prefers-reduced-motion: reduce){.ms-logo-marquee{ overflow-x: auto; -webkit-overflow-scrolling: touch; }.ms-logo-track{ position: relative; animation: none; will-change: auto; }}

/* ---------- Tokens ---------- */
body.tp-page{--tp-purple:#7b00ff;--tp-purple-dark:#5500dd;--tp-ink:#12131f;--tp-muted:#60616c;--tp-paper:#f3f2f0;--tp-gold:#c8a35c;--tp-gold2:#efd696;--tp-line:#dedee2;--tp-disp:"League Spartan","Montserrat",Arial,sans-serif;--tp-body:"Montserrat",Arial,sans-serif}
body.tp-page{background:var(--tp-paper)!important;color:var(--tp-ink);font-family:var(--tp-body)!important}
body.tp-page h1,body.tp-page h2,body.tp-page h3{font-family:var(--tp-disp)!important;text-transform:uppercase;letter-spacing:-.02em}
body.tp-page .ms-headline-gold{color:var(--tp-purple)!important;background:none!important;-webkit-text-fill-color:var(--tp-purple)!important}

/* ---------- Hero ---------- */
body.tp-page .hero.tp-hero,body.tp-page .tp-hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,74px) 0 clamp(36px,4.4vw,58px)!important;margin:0!important;background:radial-gradient(circle at 78% 18%,rgba(123,0,255,.16),transparent 27%),radial-gradient(circle at 6% 78%,rgba(123,0,255,.08),transparent 24%),var(--tp-paper)!important;border-bottom:1px solid var(--tp-line)!important;min-height:0!important;text-align:center}
body.tp-page .tp-hero::before{content:"";position:absolute;width:620px;height:620px;right:-370px;top:-220px;border:1px solid rgba(123,0,255,.13);border-radius:50%;box-shadow:0 0 0 105px rgba(123,0,255,.032),0 0 0 210px rgba(123,0,255,.018);pointer-events:none}
body.tp-page .tp-hero__wrap{position:relative;z-index:1;width:min(1180px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px;justify-items:center;text-align:center}
body.tp-page .tp-hero__copy{max-width:880px;width:100%}
body.tp-page .tp-eyebrow{display:inline-flex!important;align-items:center;gap:12px;margin:0 0 16px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--tp-purple)!important;font:800 11px/1.3 var(--tp-body)!important;letter-spacing:.22em!important;text-transform:uppercase}
body.tp-page .tp-eyebrow::before,body.tp-page .tp-eyebrow::after{content:"";width:28px;height:2px;border-radius:0;background:linear-gradient(90deg,var(--tp-gold),var(--tp-gold2))!important;box-shadow:none!important}
body.tp-page h1.tp-h1{margin:0!important;font-size:clamp(30px,3.8vw,54px)!important;line-height:1.02!important;font-weight:900!important;color:var(--tp-ink)!important;text-wrap:balance;overflow-wrap:normal;hyphens:manual}
body.tp-page .tp-lead{max-width:680px;margin:18px auto 0!important;font-size:clamp(16px,1.5vw,19.5px)!important;line-height:1.55!important;color:#3c3e4a!important;font-weight:500!important}
body.tp-page .tp-tags{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0!important}
body.tp-page .tp-tags span{display:inline-flex!important;align-items:center;gap:7px;padding:7px 13px!important;border-radius:999px!important;border:1px solid rgba(123,0,255,.2)!important;background:#fff!important;font:800 10.5px/1 var(--tp-body)!important;letter-spacing:.08em!important;text-transform:uppercase;color:#4a4b63!important;box-shadow:none!important}
body.tp-page .tp-tags span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tp-purple)!important;box-shadow:none!important}
body.tp-page .tp-product{max-width:660px;margin:20px auto 0!important;padding:13px 18px;border-radius:14px;background:linear-gradient(120deg,rgba(217,185,121,.14),rgba(123,0,255,.06));border:1px dashed rgba(200,163,92,.75);font-size:clamp(14px,1.25vw,16px);line-height:1.5;color:#2a2b3d}
body.tp-page .tp-product b{color:var(--tp-purple)}
body.tp-page .tp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:15px 0 0!important;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#3c3e4a}
body.tp-page .tp-trust span{display:inline-flex;align-items:center;gap:7px}
body.tp-page .tp-trust i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,var(--tp-gold),var(--tp-gold2));color:#2b2008;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 3px 9px rgba(200,163,92,.35)}
body.tp-page .tp-actions{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin:22px 0 0!important}
body.tp-page a.tp-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;padding:12px 28px!important;border-radius:999px!important;border:0!important;background:linear-gradient(100deg,var(--tp-purple-dark),var(--tp-purple))!important;color:#fff!important;font:800 13px/1.15 var(--tp-body)!important;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;box-shadow:0 16px 38px rgba(123,0,255,.32)!important;transition:transform .2s,box-shadow .2s}
body.tp-page a.tp-btn small{font-size:9.5px;font-weight:800;letter-spacing:.14em;opacity:.88}
body.tp-page a.tp-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(123,0,255,.4)!important}
body.tp-page a.tp-wa{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:62px;padding:12px 22px!important;border-radius:999px!important;border:1.5px solid rgba(37,211,102,.55)!important;background:#f3fcf6!important;color:#157a3c!important;font:800 13px/1 var(--tp-body)!important;letter-spacing:.03em;text-decoration:none;box-shadow:none!important;transition:transform .2s,background .2s}
body.tp-page a.tp-wa svg{width:18px;height:18px;flex:none}
body.tp-page a.tp-wa:hover{transform:translateY(-2px);background:#e8f9ee!important}
body.tp-page a.tp-btn:focus-visible,body.tp-page a.tp-wa:focus-visible{outline:3px solid rgba(200,163,92,.9);outline-offset:3px}

/* Hero-Karte (ehemals rechte Spalte) */
body.tp-page .hero-card.tp-card{width:min(860px,100%);margin:0!important;padding:clamp(20px,3vw,32px)!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(200,163,92,.55)!important;box-shadow:0 18px 50px rgba(17,18,33,.10)!important;text-align:left;color:var(--tp-ink)!important}
body.tp-page .tp-card::before{display:none!important}
body.tp-page .tp-card .eyebrow{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 10px!important;color:var(--tp-purple)!important;font:800 10.5px/1.3 var(--tp-body)!important;letter-spacing:.2em!important;text-transform:uppercase}
body.tp-page .tp-card .eyebrow::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--tp-gold),var(--tp-gold2))}
body.tp-page .tp-card h2{margin:0!important;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.05!important;color:var(--tp-ink)!important}
body.tp-page .tp-card .metric-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px!important}
body.tp-page .tp-card .metric{padding:14px!important;border-radius:14px!important;background:#f7f5fb!important;border:1px solid rgba(123,0,255,.12)!important;color:var(--tp-ink)!important}
body.tp-page .tp-card .metric b{display:block;font-family:var(--tp-disp);font-size:22px;line-height:1;color:var(--tp-purple)!important;text-transform:uppercase}
body.tp-page .tp-card .metric span{display:block;margin-top:4px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-muted)!important}
body.tp-page .tp-card .terminal{margin-top:14px!important;padding:14px 18px!important;border-radius:14px!important;background:var(--tp-ink)!important;color:#fff!important;display:grid;gap:8px;font-size:14px;font-family:var(--tp-body)!important}
body.tp-page .tp-card .terminal i{color:var(--tp-gold2)!important;font-style:normal;margin-right:8px}

/* ---------- Sektionen ---------- */
body.tp-page main .section{padding:clamp(44px,6vw,72px) 0!important;background:transparent!important;border:0!important}
body.tp-page main .section:nth-of-type(odd){background:#fff!important}
body.tp-page .section-title{text-align:center;max-width:760px;margin:0 auto 30px!important}
body.tp-page .section-title .eyebrow,body.tp-page .panel .eyebrow{display:inline-flex!important;align-items:center;gap:12px;margin:0 0 14px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--tp-purple)!important;font:800 11px/1.3 var(--tp-body)!important;letter-spacing:.22em!important;text-transform:uppercase}
body.tp-page .section-title .eyebrow::before,body.tp-page .section-title .eyebrow::after,body.tp-page .panel .eyebrow::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--tp-gold),var(--tp-gold2))!important;box-shadow:none!important}
body.tp-page .section h2{margin:0!important;font-size:clamp(27px,3.3vw,44px)!important;line-height:1.04!important;color:var(--tp-ink)!important;text-wrap:balance}
body.tp-page .section-title .sub,body.tp-page .panel .lead,body.tp-page .panel p{color:#3c3e4a!important;font-size:clamp(15px,1.25vw,17px)!important;line-height:1.6}
body.tp-page .section-title .sub{margin:14px auto 0!important;max-width:640px}
body.tp-page .grid.cols-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.tp-page .card{position:relative;background:#fff!important;border:1px solid rgba(200,163,92,.5)!important;border-radius:20px!important;padding:26px!important;box-shadow:0 14px 40px rgba(17,18,33,.07)!important;color:var(--tp-ink)!important;transition:transform .25s,box-shadow .25s}
body.tp-page .card::before{display:none!important}
body.tp-page .card:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(17,18,33,.12)!important}
body.tp-page .card .icon{display:inline-grid!important;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--tp-gold),var(--tp-gold2))!important;color:#2b2008!important;font:900 13px/1 var(--tp-body)!important;margin:0 0 14px!important;box-shadow:0 6px 16px rgba(200,163,92,.3)}
body.tp-page .card h3{margin:0 0 8px!important;font-size:19px!important;line-height:1.1!important;color:var(--tp-ink)!important}
body.tp-page .card p{margin:0!important;color:#4a4b63!important;font-size:14.5px!important;line-height:1.6}
body.tp-page .split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important;align-items:start}
body.tp-page .panel{background:#fff!important;border:1px solid rgba(200,163,92,.5)!important;border-radius:22px!important;padding:clamp(22px,3vw,34px)!important;box-shadow:0 14px 40px rgba(17,18,33,.07)!important;color:var(--tp-ink)!important}
body.tp-page .panel::before{display:none!important}
body.tp-page .panel.process{display:grid!important;gap:12px!important;counter-reset:tpstep}
body.tp-page .process .step{display:flex!important;gap:14px;align-items:flex-start;padding:14px 16px!important;border-radius:14px!important;background:#f7f5fb!important;border:1px solid rgba(123,0,255,.12)!important;counter-increment:tpstep}
body.tp-page .process .step::before{content:counter(tpstep,decimal-leading-zero);flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--tp-gold),var(--tp-gold2));color:#2b2008;font:900 12px/1 var(--tp-body)}
body.tp-page .process .step h3{margin:6px 0 0!important;font-size:16px!important;line-height:1.2!important;font-family:var(--tp-body)!important;text-transform:none!important;letter-spacing:0!important;color:var(--tp-ink)!important}
body.tp-page .process .step p:empty{display:none}
body.tp-page .panel .hero-actions .btn,body.tp-page .section .hero-actions .btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:54px;padding:0 24px!important;border-radius:999px!important;border:0!important;background:linear-gradient(100deg,var(--tp-purple-dark),var(--tp-purple))!important;color:#fff!important;font:800 12px/1.2 var(--tp-body)!important;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 14px 34px rgba(123,0,255,.3)!important;text-decoration:none}
body.tp-page .mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body.tp-page .mini-links a{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(123,0,255,.25)!important;background:#fff!important;color:var(--tp-purple)!important;font:800 10.5px/1 var(--tp-body)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
body.tp-page .faq{max-width:860px;margin:0 auto}
body.tp-page .faq details{background:#fff!important;border:1px solid rgba(200,163,92,.45)!important;border-radius:16px!important;padding:0 20px!important;margin:0 0 10px!important;box-shadow:0 10px 30px rgba(17,18,33,.05)!important}
body.tp-page .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0!important;font:800 15.5px/1.3 var(--tp-body)!important;color:var(--tp-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.tp-page .faq summary::-webkit-details-marker{display:none}
body.tp-page .faq summary::after{content:"+";flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0e9ff;color:var(--tp-purple);font-weight:900;font-size:18px;transition:transform .25s}
body.tp-page .faq details[open] summary::after{transform:rotate(45deg)}
body.tp-page .faq details p{margin:0 0 16px!important;color:#4a4b63!important;font-size:14.5px!important;line-height:1.65}
body.tp-page .seo-context-v2467 .panel{max-width:900px;margin:0 auto}

/* v106-Seiten (Dienstleister/Handwerker/Leadgenerierung) */
body.tp-page .v106-page-wrap{max-width:1180px!important;padding:0 20px 60px!important}
body.tp-page .v106-page-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:40px auto 0!important}
body.tp-page .v106-page-card{background:#fff!important;border:1px solid rgba(200,163,92,.5)!important;border-radius:20px!important;padding:26px!important;box-shadow:0 14px 40px rgba(17,18,33,.07)!important;color:var(--tp-ink)!important}
body.tp-page .v106-page-card h2,body.tp-page .v106-page-card h3{margin:0 0 10px!important;font-size:21px!important;line-height:1.1!important;color:var(--tp-ink)!important}
body.tp-page .v106-page-card p,body.tp-page .v106-page-card li{color:#4a4b63!important;font-size:14.5px!important;line-height:1.6;font-weight:500!important}
body.tp-page .v106-page-faq{max-width:860px;margin:40px auto 0!important;display:grid;gap:10px}
body.tp-page .v106-page-faq details{background:#fff!important;border:1px solid rgba(200,163,92,.45)!important;border-radius:16px!important;padding:0 20px!important;box-shadow:0 10px 30px rgba(17,18,33,.05)!important}
body.tp-page .v106-page-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0!important;font:800 15.5px/1.3 var(--tp-body)!important;color:var(--tp-ink)!important}
body.tp-page .v106-page-faq summary::-webkit-details-marker{display:none}
body.tp-page .v106-page-faq summary::after{content:"+";flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0e9ff;color:var(--tp-purple);font-weight:900;font-size:18px}
body.tp-page .v106-page-faq details[open] summary::after{content:"–"}
body.tp-page .v106-page-faq details p{margin:0 0 16px!important;color:#4a4b63!important;font-size:14.5px!important;line-height:1.65}
body.tp-page .v106-breadcrumb,body.tp-page .breadcrumb{display:none!important}

/* ---------- Mobil ---------- */
@media(max-width:900px){
  body.tp-page .grid.cols-3{grid-template-columns:minmax(0,1fr)!important}
  body.tp-page .split{grid-template-columns:minmax(0,1fr)!important}
  body.tp-page .v106-page-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:650px){
  body.tp-page h1.tp-h1{font-size:clamp(25px,7.6vw,34px)!important;line-height:1.06!important}
  body.tp-page .tp-lead{font-size:15px!important;margin-top:14px!important}
  body.tp-page .tp-eyebrow{letter-spacing:.14em!important;font-size:10px!important}
  body.tp-page .tp-eyebrow::before,body.tp-page .tp-eyebrow::after{width:16px}
  body.tp-page .tp-product{font-size:13.5px;padding:11px 14px}
  body.tp-page .tp-trust{gap:6px 12px;font-size:11.5px}
  body.tp-page a.tp-btn,body.tp-page a.tp-wa{flex:1 1 100%}
  body.tp-page .tp-card .metric-row{grid-template-columns:minmax(0,1fr)}
  body.tp-page .section h2{font-size:clamp(24px,6.6vw,32px)!important}
  body.tp-page .card,body.tp-page .panel,body.tp-page .v106-page-card{padding:20px!important}
}
@media(max-width:379px){body.tp-page h1.tp-h1,body.tp-page .section h2{hyphens:auto;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){body.tp-page .card:hover,body.tp-page a.tp-btn:hover,body.tp-page a.tp-wa:hover{transform:none}}

/* ---------- V2510 Feinschliff mobil/Spezifität ---------- */
body.tp-page main{padding-left:0!important;padding-right:0!important}
body.tp-page .hero.tp-hero{border-radius:0!important;width:auto!important;max-width:none!important}
body.tp-page .tp-hero .ms-title-watermark{margin:0 0 6px!important}
body.tp-page .tp-hero .ms-title-watermark img{width:64px!important;height:auto!important;margin:0 auto!important}
body.tp-page .tp-hero .tp-tags{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
body.tp-page .tp-hero .tp-tags span{display:inline-flex!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;margin:0!important}
body.tp-page .tp-hero .tp-hero__copy{padding:0 2px}
@media(max-width:650px){
  body.tp-page .hero.tp-hero{padding:26px 0 30px!important}
  body.tp-page .tp-hero .tp-hero__wrap{width:calc(100% - 28px)!important}
  body.tp-page .tp-hero .ms-title-watermark img{width:54px!important}
}
/* v106: Dunkel-Overlay und Seitenpolster entfernen, Inhalt eigenständig polstern */
body.tp-page main.v106-page-wrap{padding:0 0 60px!important;max-width:none!important}
body.tp-page main.v106-page-wrap::before,body.tp-page main.v106-page-wrap::after{display:none!important}
body.tp-page main.v106-page-wrap>:not(.tp-hero):not(.ms-client-proof):not(.msr):not(.ms-lm){width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
body.tp-page main.v106-page-wrap .v106-page-grid{margin-top:44px!important}
/* Sektionshintergründe: helle LP-Rhythmik statt positionsabhängiger Lila-Bänder */
body.tp-page.msu-page main > .section:nth-of-type(n){background:var(--tp-paper)!important;color:var(--tp-ink)!important}
body.tp-page.msu-page main > .section:nth-of-type(even){background:#fff!important}
body.tp-page.msu-page main > .section:nth-of-type(n) h2,body.tp-page.msu-page main > .section:nth-of-type(n) h3{color:var(--tp-ink)!important}
/* Inline-Anfrage (Kontakt/Check) im Modul-Look */
body.tp-page .ms-inline-anfrage{width:min(860px,calc(100% - 40px))!important;max-width:none!important;margin:10px auto 64px!important;padding:clamp(24px,3.6vw,44px) clamp(18px,3.4vw,42px)!important;background:#fff!important;border:1px solid rgba(200,163,92,.55)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(43,23,88,.14)!important;text-align:center}
body.tp-page .ms-inline-anfrage h2{font-size:clamp(24px,3vw,36px)!important;line-height:1.08!important;margin:0 0 10px!important;text-wrap:balance}
body.tp-page .ms-inline-anfrage>p{color:#3c3e4a!important;font-size:15.5px!important;margin:0 0 18px!important}
body.tp-page .ms-inline-anfrage .form-card{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important;text-align:left;border-radius:0!important}
body.tp-page .ms-inline-anfrage .form-card::before{display:none!important}
body.tp-page .ms-inline-anfrage .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.tp-page .ms-inline-anfrage .input{width:100%;box-sizing:border-box;padding:14px 15px!important;border:1.5px solid #d9d7e6!important;border-radius:13px!important;background:#fbfaff!important;font:600 14.5px/1.3 var(--tp-body)!important;color:var(--tp-ink)!important;box-shadow:none!important}
body.tp-page .ms-inline-anfrage .input:focus{border-color:var(--tp-purple)!important;box-shadow:0 0 0 4px rgba(123,0,255,.12)!important;outline:none}
body.tp-page .ms-inline-anfrage .ms-form-mini{color:#60616c!important;font-size:12px!important;margin:0 0 10px!important}
body.tp-page .ms-inline-anfrage .ms-whatsapp-optin,body.tp-page .ms-inline-anfrage .ms-form-consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0!important;font-size:11.5px!important;line-height:1.5;color:#5e606b!important}
body.tp-page .ms-inline-anfrage .ms-whatsapp-optin input,body.tp-page .ms-inline-anfrage .ms-form-consent input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:var(--tp-purple)}
body.tp-page .ms-inline-anfrage .btn{display:flex!important;width:100%;margin-top:16px!important;min-height:60px;border-radius:999px!important;border:0!important;background:linear-gradient(100deg,var(--tp-purple-dark),var(--tp-purple))!important;color:#fff!important;font:800 13px/1.15 var(--tp-body)!important;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 16px 38px rgba(123,0,255,.32)!important}
body.tp-page .ms-inline-anfrage .ms-form-wa-alt{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;min-height:52px;border-radius:999px;border:1.5px solid rgba(37,211,102,.55)!important;background:#f3fcf6!important;color:#157a3c!important;font:800 13px/1 var(--tp-body)!important;text-decoration:none!important}
@media(max-width:650px){body.tp-page .ms-inline-anfrage .form-grid{grid-template-columns:minmax(0,1fr)!important}body.tp-page .ms-inline-anfrage{width:calc(100% - 28px)!important;border-radius:20px!important}}
body.tp-page .faq{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}