/* thenewmountains Landingpages – Gerüst nach Kreuter-Blueprint. Farbe per .th-<thema> am Root-Container. */
@font-face{font-family:"TNM Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"TNM Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"TNM Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"TNM Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-latin-800-normal.woff2) format("woff2")}

.tnm{--ac:#F28C3A;--ac-l:#F7B36A;--ac-d:#E2621E;--ac-rgb:242,140,58;--ac-d-rgb:120,52,14;--ac-on:#1A0D04;--bg:#06070a;--core1:#6B3F1E;--core2:#3A2010;--core3:#140B06;--tint:#2A1A0E}
.tnm.th-familien{--ac:#4EF6D7;--ac-l:#A3FFE3;--ac-d:#1ADDC7;--ac-rgb:78,246,215;--ac-d-rgb:10,90,80;--ac-on:#03211C;--bg:#061018;--core1:#145A52;--core2:#0B3631;--core3:#041412;--tint:#0D2A27}
.tnm.th-tiere{--ac:#C5F82A;--ac-l:#E2FF8C;--ac-d:#9ED40C;--ac-rgb:197,248,42;--ac-d-rgb:60,82,10;--ac-on:#162000;--bg:#070b0a;--core1:#46590F;--core2:#2A360A;--core3:#0F1404;--tint:#1E2809}
.tnm.th-luft{--ac:#A78BFA;--ac-l:#C4B5FD;--ac-d:#7C5CE0;--ac-rgb:167,139,250;--ac-d-rgb:60,40,110;--ac-on:#160B33;--bg:#0a0912;--core1:#3E2F73;--core2:#251C45;--core3:#0D0A1A;--tint:#1E1838}
.tnm.th-premium{--ac:#D9B77E;--ac-l:#F3DDB0;--ac-d:#B38D52;--ac-rgb:217,183,126;--ac-d-rgb:90,72,40;--ac-on:#1C1608;--bg:#0b0d12;--core1:#5E4C2C;--core2:#3A2F1C;--core3:#14110B;--tint:#2A2318}
.tnm.th-praxen{--ac:#4DA8FF;--ac-l:#A9D6FF;--ac-d:#2B7FE0;--ac-rgb:77,168,255;--ac-d-rgb:20,60,110;--ac-on:#03152B;--bg:#070b12;--core1:#1D4A80;--core2:#112C4D;--core3:#060F1C;--tint:#0F2340}
.tnm.th-firmen{--ac:#FFD60A;--ac-l:#FFE769;--ac-d:#E0B800;--ac-rgb:255,214,10;--ac-d-rgb:100,84,4;--ac-on:#1F1A00;--bg:#0e0f11;--core1:#5C4F0E;--core2:#383009;--core3:#131106;--tint:#262110}
.tnm.th-gastro{--ac:#FBA107;--ac-l:#FFC04D;--ac-d:#E08A00;--ac-rgb:251,161,7;--ac-d-rgb:110,70,4;--ac-on:#1F1300;--bg:#1b1917;--core1:#6B4A10;--core2:#3D2B0B;--core3:#171006;--tint:#33260F}
.tnm.th-hotel{--ac:#CBD5E1;--ac-l:#E8EEF5;--ac-d:#94A3B8;--ac-rgb:203,213,225;--ac-d-rgb:60,70,85;--ac-on:#0F1520;--bg:#090b0e;--core1:#3B4452;--core2:#232933;--core3:#0C0E12;--tint:#1C2129}

body.tnm-page{margin:0;background:#06070a}
.tnm{position:relative;overflow:hidden;background:var(--bg);color:#F4F1EC;font-family:"TNM Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
/* Elementor-Defaults neutralisieren */
.tnm .e-con,.tnm.e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--margin-top:0px;--margin-bottom:0px}
.tnm .elementor-widget:not(:last-child){margin-block-end:0}
.tnm .elementor-heading-title{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
.tnm .elementor-widget-text-editor{color:inherit;font-family:inherit}
.tnm .elementor-widget-text-editor p{margin:0}
.tnm .elementor-widget-text-editor p+p{margin-top:.8em}
.tnm a{color:var(--ac-l)}
.tnm a:hover{color:var(--ac-l);opacity:.9}
.tnm *{box-sizing:border-box}

/* Layout */
.tnm .wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:20px;position:relative}
.tnm .sec{width:100%;margin-top:96px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.tnm .sec.first{margin-top:60px}
.tnm .grid{width:100%;margin-top:18px;display:grid;gap:16px;text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tnm .grid.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.tnm .grid.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:900px}
.tnm .row{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;width:100%;text-align:left}
.tnm .row>*{flex:1 1 400px;min-width:0}

/* Elementor-Container-Layouts */
.tnm .hero{position:relative}
.tnm .hero-bgw{position:absolute!important;inset:0;width:100%!important;max-width:none!important;margin:0!important;z-index:0}
.tnm .hero-bgw>.elementor-widget-container{height:100%}
.tnm .hero-in{z-index:1}
.tnm .row{flex-direction:row!important;flex-wrap:wrap!important;gap:20px!important;align-items:stretch}
.tnm .row>*{flex:1 1 400px!important;min-width:0;width:auto!important}
.tnm .row>.loopw{flex:0 0 260px!important;align-self:center}
.tnm .row>.chartw{flex:1 1 420px!important}
.tnm .painsc{gap:12px!important}
.tnm .sec.card{padding:44px 24px;text-align:center;border-radius:22px;border-color:rgba(var(--ac-rgb),.3)}
.tnm .sec>.elementor-widget{width:100%}
.tnm .h1,.tnm .h2,.tnm .lead,.tnm .kicker{margin-inline:auto}
.tnm .e-con.card{gap:10px}
.tnm .t-btn{width:auto!important}

/* Typo */
.tnm .eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--ac);text-transform:uppercase}
.tnm .h1{font-weight:800;font-size:clamp(34px,5.2vw,62px);line-height:1.08;letter-spacing:-1.5px;text-align:center;max-width:920px}
.tnm .h1 .grad,.tnm .grad{background:linear-gradient(90deg,var(--ac-l) 0%,var(--ac) 55%,var(--ac-d) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tnm .h2{font-size:clamp(28px,3.6vw,42px);line-height:1.15;font-weight:800;letter-spacing:-1px;max-width:860px}
.tnm .h2 .acc{color:var(--ac)}
.tnm .h3{font-size:18px;font-weight:700;line-height:1.3}
.tnm .lead{max-width:720px;font-size:16px;line-height:1.6;color:#CFC9C0}
.tnm .muted{font-size:14px;line-height:1.55;color:#CFC9C0}
.tnm .small{font-size:12px;color:#A9A298}
.tnm .kicker{font-size:18px;font-weight:600;text-align:center}
.tnm .quote{font-size:18px;font-weight:600;font-style:italic}

/* Bausteine */
.tnm .card{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(16,14,13,.72);text-align:left}
.tnm .card.hot{border-color:rgba(var(--ac-rgb),.35)}
.tnm .card.glow{background:radial-gradient(circle at 50% 0%,rgba(var(--ac-rgb),.16),rgba(16,14,13,.85) 70%)}
.tnm .num{width:40px;height:40px;border-radius:12px;background:rgba(var(--ac-rgb),.15);color:var(--ac-l);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}
.tnm .pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(var(--ac-rgb),.45);border-radius:999px;background:rgba(var(--ac-d-rgb),.35);font-size:12px;font-weight:600;letter-spacing:2px;color:var(--ac-l);text-align:center}
.tnm .dot{width:8px;height:8px;border-radius:50%;background:var(--ac);flex-shrink:0;animation:tnm-dot 2s ease-in-out infinite}
.tnm .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:13px;color:#BDB6AC}
.tnm .chips span{display:inline-flex;align-items:center;gap:6px}
.tnm .chips span::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--ac);background:radial-gradient(circle,var(--ac) 0 2px,transparent 3px)}
.tnm .check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.45;color:#E7E2DA}
.tnm .check li{position:relative;padding-left:30px}
.tnm .check li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-11' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-11' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") center/contain no-repeat}

/* Buttons (eigene + Elementor-Button) */
.tnm .cta,.tnm .t-btn .elementor-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:12px;background:linear-gradient(90deg,var(--ac-l) 0%,var(--ac-d) 100%);color:var(--ac-on)!important;font-family:inherit;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 30px rgba(var(--ac-rgb),.35);border:0;cursor:pointer;text-align:center;line-height:1.2}
.tnm .cta:hover,.tnm .t-btn .elementor-button:hover{filter:brightness(1.08);color:var(--ac-on)}
.tnm .cta::after,.tnm .t-btn .elementor-button::after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));animation:tnm-sheen 3.2s ease-in-out infinite;pointer-events:none}
.tnm .cta.ghost,.tnm .t-btn.ghost .elementor-button{background:transparent;color:var(--ac-l)!important;border:1px solid rgba(var(--ac-rgb),.6);box-shadow:none}
.tnm .cta.ghost::after,.tnm .t-btn.ghost .elementor-button::after{display:none}
.tnm .cta.full{width:100%}

/* Hero */
.tnm .hero{position:relative;padding:36px 0 40px}
.tnm .hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tnm .hero-bg svg{position:absolute;inset:0;width:100%;height:100%}
.tnm .hero-bg .glow{position:absolute;left:50%;top:400px;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ac-rgb),.30) 0%,rgba(var(--ac-d-rgb),.18) 35%,transparent 70%);animation:tnm-pulse 6s ease-in-out infinite}
.tnm .hero-bg .fade{position:absolute;left:0;right:0;bottom:0;height:380px;background:linear-gradient(180deg,transparent 0%,var(--bg) 85%)}
.tnm .hero-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.tnm .brand{font-weight:800;font-size:22px;letter-spacing:1px;color:var(--ac-l)}
.tnm .daysline{font-size:15px;color:#D9D4CC;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.tnm .daysbox{display:inline-flex;min-width:38px;height:30px;padding:0 6px;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(var(--ac-rgb),.6);background:rgba(var(--ac-d-rgb),.5);color:#fff;font-weight:700}
.tnm .r1{transform-origin:720px 400px;animation:tnm-spin 60s linear infinite}
.tnm .r2{transform-origin:720px 400px;animation:tnm-spin-rev 90s linear infinite}
.tnm .r3{transform-origin:720px 400px;animation:tnm-spin 30s linear infinite}
.tnm .flow{stroke-dasharray:4 10;animation:tnm-flow 18s linear infinite}
.tnm .pulse{animation:tnm-pulse 6s ease-in-out infinite}
.tnm .in0{animation:tnm-fadein .8s ease-out .3s both}
.tnm .in1{animation:tnm-reveal 1.1s ease-out .6s both}
.tnm .in2{animation:tnm-reveal 1.2s ease-out 1s both}
.tnm .in3{animation:tnm-reveal 1.2s ease-out 1.4s both}

/* Countdown */
.tnm .cd{display:flex;justify-content:center;gap:10px}
.tnm .cd>div{display:flex;flex-direction:column;align-items:center;gap:6px}
.tnm .cd b{width:62px;height:58px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(var(--ac-rgb),.35);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff}
.tnm .cd.sm b{width:52px;height:48px;font-size:21px;border-color:rgba(255,255,255,.08)}
.tnm .cd i{font-style:normal;font-size:11px;letter-spacing:1px;color:#A9A298}

/* Formular */
.tnm .form{padding:28px;border-radius:18px;border:1px solid rgba(var(--ac-rgb),.25);background:rgba(16,14,13,.82);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:left}
.tnm .form h2{margin:2px 0 0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.5px;color:#F4F1EC}
.tnm .form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#D9D4CC}
.tnm .fld{height:50px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;font:inherit;font-size:15px;width:100%}
.tnm .fld::placeholder{color:#6b6f78}
.tnm .fld:focus{outline:2px solid var(--ac);outline-offset:1px}
.tnm .kanal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tnm .kanal label{flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);cursor:pointer;font-size:13px;color:#E7E2DA;text-align:center}
.tnm .kanal input{position:absolute;opacity:0;pointer-events:none}
.tnm .kanal label:has(input:checked){border-color:var(--ac);background:rgba(var(--ac-rgb),.14);color:#fff}
.tnm .kanal label:has(input:focus-visible){outline:2px solid var(--ac)}
.tnm .chips3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tnm .chips3 div{padding:10px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:12px;text-align:center;color:#D9D4CC}
.tnm .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.tnm .form-msg{padding:14px 16px;border-radius:12px;font-size:14px;display:none}
.tnm .form-msg.err{display:block;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.5)}
.tnm .form-msg.ok{display:block;background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.4)}
.tnm .inline-form .fields{display:flex;flex-wrap:wrap;gap:10px}
.tnm .inline-form .fields>*{flex:1 1 180px;min-width:0}

/* Schema / Grafiken */
.tnm .bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);margin:4px 0 10px}
.tnm .bar i{display:block;height:100%;border-radius:4px;background:#8E877D}
.tnm .hot .bar i{background:var(--ac)}
.tnm .loopsvg{width:260px;max-width:100%;height:auto;flex-shrink:0}
.tnm .loopring{transform-origin:150px 150px;animation:tnm-spin 40s linear infinite}
.tnm .steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px}
.tnm .steps .card{padding:16px 22px;display:flex;align-items:center;gap:12px}
.tnm .steps .num{margin:0}
.tnm .steps .arr{color:var(--ac);font-size:22px}

/* Video (Klick-zum-Laden, DSGVO) */
.tnm .yt{position:relative;width:100%;max-width:860px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--ac-rgb),.35);background:radial-gradient(circle at 50% 40%,rgba(var(--ac-rgb),.18),rgba(10,10,12,.95) 70%)}
.tnm .yt button{all:unset;cursor:pointer;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#F4F1EC;text-align:center;padding:20px}
.tnm .yt .play{width:78px;height:78px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(var(--ac-rgb),.18)}
.tnm .yt .play::before{content:"";margin-left:6px;border-left:24px solid var(--ac-on);border-top:15px solid transparent;border-bottom:15px solid transparent}
.tnm .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Entwurfs-Platzhalter: im Frontend ausgeblendet, bis echte Inhalte da sind */
.tnm .tnm-draft{display:none!important}
body.elementor-editor-active .tnm .tnm-draft{display:flex!important;outline:2px dashed rgba(var(--ac-rgb),.6);outline-offset:6px}

/* Footer */
.tnm .foot{margin:56px 0 0;padding:0 0 48px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;font-size:13px;color:#8E877D}
.tnm .foot a{color:#A9A298}

@keyframes tnm-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes tnm-spin-rev{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes tnm-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes tnm-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-600}}
@keyframes tnm-dot{0%,100%{box-shadow:0 0 0 0 rgba(var(--ac-rgb),.7)}50%{box-shadow:0 0 0 6px rgba(var(--ac-rgb),0)}}
@keyframes tnm-reveal{0%{filter:blur(16px);opacity:.25;transform:translateY(10px)}100%{filter:blur(0);opacity:1;transform:none}}
@keyframes tnm-fadein{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@keyframes tnm-sheen{0%{transform:translateX(-120%)}60%,100%{transform:translateX(260%)}}
@media (max-width:600px){.tnm .sec{margin-top:72px}.tnm .form{padding:22px}.tnm .form h2{font-size:26px}.tnm .cd b{width:54px;height:52px;font-size:22px}.tnm .hero{padding-top:24px}}
@media (prefers-reduced-motion:reduce){.tnm *{animation:none!important}}
/* Elementor-Kit-Overrides (Kit-Farben/-Schriften schlagen sonst durch) */
.tnm .elementor-widget-heading .elementor-heading-title,.tnm .elementor-heading-title{color:inherit!important;font-family:inherit!important;font-weight:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none}
.tnm .elementor-widget-text-editor,.tnm .elementor-widget-text-editor p{font-family:inherit!important;font-size:inherit;line-height:inherit}
.tnm .elementor-widget-text-editor{color:inherit!important}
.tnm .lead.elementor-widget-text-editor{color:#CFC9C0!important}
.tnm .muted.elementor-widget-text-editor{color:#CFC9C0!important}
.tnm .small.elementor-widget-text-editor,.tnm .small.elementor-widget-heading{color:#A9A298!important}
.tnm .eyebrow.elementor-widget-heading{color:var(--ac)!important}
.tnm .brand.elementor-widget-heading{color:var(--ac-l)!important}
.tnm .hero-in{text-align:center}
.tnm .hero-in .row{text-align:left}
html:has(body.tnm-page),body.tnm-page{background:#06070a!important}
.tnm .inline-form{margin-inline:auto}
.tnm .inline-form .kanal{width:100%}
.tnm .check li.card::before{left:18px;top:19px}
.tnm .foot .credit{flex-basis:100%;text-align:center;font-size:12px}
/* Themen-Hintergründe (nach Kreuter immo-/gh-/wachstum-) */
.tnm .hero-bg svg.t-var{position:absolute;inset:0;width:100%;height:100%}
.tnm .t-ripple{stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:t-ripple 8s ease-out infinite;animation-delay:var(--dl,0s);opacity:0}
@keyframes t-ripple{0%{transform:scale(.4);opacity:.6}100%{transform:scale(4);opacity:0}}
.tnm .t-dust{animation:t-rise var(--d,10s) linear infinite;animation-delay:var(--dl,0s);opacity:0}
@keyframes t-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.75}75%{opacity:.45}100%{opacity:0;transform:translate(var(--dx,0),-520px)}}
.tnm .t-ember{animation:t-ember var(--d,9s) linear infinite;animation-delay:var(--dl,0s);opacity:0}
@keyframes t-ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}100%{opacity:0;transform:translate(var(--dx,0),-420px)}}
.tnm .t-trace{stroke-dasharray:240 1800;animation:t-trace 5s linear infinite}
@keyframes t-trace{0%{stroke-dashoffset:2040}100%{stroke-dashoffset:0}}
.tnm .t-heart{transform-box:fill-box;transform-origin:center;animation:t-heart 1.6s ease-out infinite}
@keyframes t-heart{0%,100%{opacity:.6;transform:scale(1)}12%{opacity:1;transform:scale(1.06)}22%{opacity:.75;transform:scale(1.01)}32%{opacity:.95;transform:scale(1.04)}55%{opacity:.6;transform:scale(1)}}
.tnm .t-cross{animation:t-cross var(--d,16s) linear infinite;animation-delay:var(--dl,0s);opacity:0}
.tnm .t-cross>rect{transform-box:fill-box}
@keyframes t-cross{0%{opacity:0;translate:0 30px;rotate:0deg}20%{opacity:.55}80%{opacity:.35}100%{opacity:0;translate:0 -160px;rotate:90deg}}
.tnm .t-twinkle{animation:t-twinkle 6s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes t-twinkle{0%,100%{opacity:.9}45%{opacity:.9}55%{opacity:.1}70%{opacity:.8}}
.tnm .t-orbit{transform-origin:720px 420px;animation:tnm-spin var(--d,20s) linear infinite}
.tnm .t-breathe{animation:t-breathe 7s ease-in-out infinite}
@keyframes t-breathe{0%,100%{opacity:.6}50%{opacity:1}}
.tnm .t-win{animation:t-twinkle var(--d,6s) ease-in-out infinite;animation-delay:var(--dl,0s);opacity:.8}
.tnm .t-beacon{animation:t-beacon 3s linear infinite}
@keyframes t-beacon{0%,70%,100%{opacity:.15}78%{opacity:1}86%{opacity:.15}}
.tnm .t-beam{animation:t-beam 11s cubic-bezier(.45,0,.25,1) infinite}
@keyframes t-beam{0%{transform:translateX(0)}60%,100%{transform:translateX(2000px)}}
.tnm .t-node{transform-box:fill-box;transform-origin:center;animation:t-node 9s ease-in-out infinite;animation-delay:var(--dl,0s);opacity:.35}
@keyframes t-node{0%,100%{opacity:.35;transform:scale(1)}12%{opacity:1;transform:scale(1.5)}30%{opacity:.35;transform:scale(1)}}
.tnm .t-scan{animation:t-scan 7s linear infinite}
@keyframes t-scan{0%{transform:translateY(0)}100%{transform:translateY(1300px)}}
.tnm .t-sky{opacity:.9}
@media (max-width:700px){.tnm .t-dust:nth-child(2n),.tnm .t-ember:nth-child(2n),.tnm .t-twinkle:nth-child(2n){display:none}}
.tnm .hero-bg svg.t-var{-webkit-mask-image:radial-gradient(ellipse 42% 50% at 50% 38%,rgba(0,0,0,.25) 0%,rgba(0,0,0,.25) 45%,#000 85%);mask-image:radial-gradient(ellipse 42% 50% at 50% 38%,rgba(0,0,0,.25) 0%,rgba(0,0,0,.25) 45%,#000 85%)}
.tnm .t-win{fill-opacity:.45;animation-name:t-win}
@keyframes t-win{0%,100%{opacity:.7}45%{opacity:.7}55%{opacity:.08}70%{opacity:.55}}
.tnm .t-sky{opacity:.55}
/* CI-Bilder: Duoton-Anmutung, Akzent-Rahmen, Glow */
.tnm .ci-pics{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:420px}
.tnm .ci-img{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--ac-rgb),.45);box-shadow:0 20px 60px -25px rgba(var(--ac-rgb),.55);background:radial-gradient(circle at 50% 30%,rgba(var(--ac-rgb),.35),var(--tint) 75%)}
.tnm .ci-main{grid-row:1 / span 2}
.tnm .ci-img img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.06);mix-blend-mode:luminosity;opacity:.92;transition:mix-blend-mode .3s,opacity .3s,filter .3s}
.tnm .ci-img:hover img{mix-blend-mode:normal;opacity:1;filter:none}
.tnm .ci-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(var(--ac-d-rgb),.55));pointer-events:none}
.tnm .ci-avatar{margin:0 auto;width:132px;height:132px;border-radius:50%;overflow:hidden;border:2px solid var(--ac);box-shadow:0 0 0 8px rgba(var(--ac-rgb),.15),0 20px 50px -15px rgba(var(--ac-rgb),.6);background:var(--tint)}
.tnm .ci-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
/* Linkseite */
.tnm .lk-list{width:100%;max-width:620px;margin:10px auto 0;display:flex;flex-direction:column;gap:12px}
.tnm .lk{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;border-radius:14px;text-decoration:none;color:#F4F1EC!important;background:rgba(16,14,13,.75);border:1px solid rgba(var(--ac-rgb),.35);transition:transform .15s,border-color .15s,background .15s}
.tnm .lk b{font-size:16px}
.tnm .lk span{font-size:13px;color:#BDB6AC}
.tnm .lk:hover{transform:translateY(-2px);border-color:var(--ac);background:rgba(var(--ac-rgb),.10)}
.tnm .lk.hot{background:linear-gradient(90deg,var(--ac-l),var(--ac-d));color:var(--ac-on)!important;border:0}
.tnm .lk.hot span{color:var(--ac-on);opacity:.8}
.tnm .lk-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
.tnm .lk.ghost{padding:12px 14px}
.tnm .socials{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tnm .socials a{padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--ac-rgb),.4);font-size:13px;color:#E7E2DA!important;text-decoration:none}
.tnm .socials a:hover{background:rgba(var(--ac-rgb),.12)}
@media (max-width:600px){.tnm .ci-pics{min-height:340px}}
.tnm .ci-prod{margin:0 0 4px;height:240px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 55%,rgba(var(--ac-rgb),.28),rgba(var(--ac-d-rgb),.18) 45%,transparent 72%)}
.tnm .ci-prod img{max-height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(var(--ac-rgb),.25))}
.tnm .loopw{position:relative}
.tnm .ci-loop{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);background:none;z-index:1}
.tnm .loopw svg text[y="146"],.tnm .loopw svg text[y="166"]{display:none}
.tnm .ci-img img{mix-blend-mode:normal;filter:saturate(.75) contrast(1.05) brightness(.95);opacity:1}
.tnm .ci-img::after{background:linear-gradient(180deg,rgba(var(--ac-rgb),.10) 0%,transparent 40%,rgba(var(--ac-d-rgb),.55) 100%);mix-blend-mode:normal}
.tnm .ci-img:hover img{filter:none}
.tnm .ci-prod.duo{gap:6px}.tnm .ci-prod.duo img{max-width:50%;max-height:90%}.tnm .ci-prod.duo img+img{max-height:72%;align-self:flex-end;margin-bottom:6%}
/* Black-Weeks-Zubehör gratis */
.tnm .zb{margin-top:22px;padding:24px 22px;text-align:center}
.tnm .zb-l{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tnm .zb-i{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:#E7E2DA}
.tnm .zb-i b{font-weight:700}
.tnm .zb-i span:not(.zb-ic){color:#A9A298;font-size:12px}
.tnm .zb-ic{display:block;width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;background-image:url(/wp-content/uploads/tnm-lp/img/bw-zubehoer.webp);background-size:600% 100%;background-repeat:no-repeat;filter:saturate(.8);box-shadow:0 0 0 2px rgba(var(--ac-rgb),.55),0 0 28px rgba(var(--ac-rgb),.22);transition:filter .3s,transform .3s}
.tnm .zb-i:hover .zb-ic{filter:none;transform:translateY(-2px)}
@media (max-width:900px){.tnm .zb-l{grid-template-columns:repeat(3,1fr)}}
@media (max-width:420px){.tnm .zb-l{gap:10px}.tnm .zb-i{font-size:12px}}
/* Zubehör: freigestellt auf CI-Hintergrund statt Gold */
.tnm .zb-ic{background-image:url(/wp-content/uploads/tnm-lp/img/bw-zubehoer-t.webp),radial-gradient(circle at 50% 62%,rgba(var(--ac-rgb),.28) 0%,rgba(var(--ac-rgb),.08) 45%,#0c0c0f 72%);background-size:600% 100%,100% 100%;background-color:#0c0c0f;filter:none;box-shadow:0 0 0 1px rgba(var(--ac-rgb),.45),0 0 26px rgba(var(--ac-rgb),.18)}
.tnm .zb-i:hover .zb-ic{box-shadow:0 0 0 1px rgba(var(--ac-rgb),.8),0 0 34px rgba(var(--ac-rgb),.35)}
/* FAQ (Akkordeon ohne JS) */
.tnm .faq{max-width:860px;margin:18px auto 0;display:flex;flex-direction:column;gap:10px;text-align:left}
.tnm .faq-i{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(16,14,13,.72);transition:border-color .2s}
.tnm .faq-i[open]{border-color:rgba(var(--ac-rgb),.45)}
.tnm .faq-i summary{list-style:none;cursor:pointer;padding:18px 52px 18px 20px;font-weight:700;font-size:16px;line-height:1.4;color:#F4EFE8;position:relative}
.tnm .faq-i summary::-webkit-details-marker{display:none}
.tnm .faq-i summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--ac);transition:transform .2s}
.tnm .faq-i[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.tnm .faq-i summary:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:14px}
.tnm .faq-i p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.6;color:#CFC9C0}
.tnm .foot-so{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:8px 0 4px;font-size:14px}
.tnm .foot-so a{color:#E7E2DA;text-decoration:none;border-bottom:1px solid rgba(var(--ac-rgb),.5)}
.tnm .foot-so a:hover{color:var(--ac-l)}
.tnm .zb-i .zb-v{color:var(--ac-l);font-weight:700;font-size:12px}
/* FAQ-Seite */
.tnm .faq-more{text-align:center;margin:18px 0 0;font-size:15px}
.tnm .faq-more a{color:var(--ac-l);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(var(--ac-rgb),.5)}
.tnm .faq-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.tnm .faq-nav a{padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--ac-rgb),.4);color:#E7E2DA;text-decoration:none;font-size:14px;background:rgba(16,14,13,.6)}
.tnm .faq-nav a:hover{border-color:var(--ac);color:var(--ac-l)}
.tnm .faq-sub{max-width:860px;margin:28px auto 0;font-size:18px;text-align:left}
.tnm .faq-sub a{color:var(--ac-l);text-decoration:none}
.tnm [id]{scroll-margin-top:24px}
/* Bildtest Hero: Foto-Varianten (Klasse hv-a / hv-b am <html>, gesetzt im <head>) */
.tnm .hero-bg .photo{position:absolute;inset:0;background-position:center 38%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease}
.tnm .hero-bg .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,10,.8) 0%,rgba(6,7,10,.58) 38%,rgba(6,7,10,.66) 70%,var(--bg) 100%),radial-gradient(ellipse 70% 55% at 50% 32%,rgba(var(--ac-rgb),.10),transparent 70%)}
html[data-hv="a"] .tnm .hero-bg .photo.pa{background-image:var(--ph);opacity:1}
html[data-hv="b"] .tnm .hero-bg .photo.pb{background-image:var(--ph);opacity:1}
@media (max-width:768px){html[data-hv="a"] .tnm .hero-bg .photo.pa,html[data-hv="b"] .tnm .hero-bg .photo.pb{background-image:var(--ph-m);background-position:center 30%}}
html[data-hv="a"] .tnm .hero-bg svg,html[data-hv="b"] .tnm .hero-bg svg{opacity:.28}
html[data-hv="a"] .tnm .hero-bg .glow,html[data-hv="b"] .tnm .hero-bg .glow{opacity:.45}
/* TNM-A11Y: Links nicht nur über Farbe, Kontrast */
.tnm p a,.tnm .small a,.tnm .foot a,.tnm .lead a,.tnm li a{text-decoration:underline;text-underline-offset:2px}
.tnm .faq-more a,.tnm a.cta,.tnm a.card{text-decoration:none}
.tnm .small{color:#BDB7AE}
.tnm .foot,.tnm .foot a,.tnm .foot .credit{color:#BDB7AE}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background-color:#1E6B34!important;border-color:#1E6B34!important;color:#fff!important}