/* 1TakeFilms – Design „Sucher“ (Nov 2026). Liegt als letzte Schicht über theme-2026.css + theme-take.css.
   Idee: Die Seite ist ein Kamerasucher. Ruhige Nacht-Fläche, Kreide-Schrift, Violett nur für Aktionen,
   Türkis nur als „Live“-Signal (REC, Fokus, aktiv). Keine Verläufe als Deko, keine Versal-Etiketten.
   Zurück zur alten Version: Einbindung von theme-neu.css am Ende von index.php entfernen. */
:root{
  --n-nacht:#170f2b; --n-buehne:#22183a; --n-buehne2:#2c2049;
  --n-kreide:#f2eff8; --n-nebel:#a39cb8; --n-dunst:#6f6888;
  --n-vio:#8b3dff; --n-vio2:#a46bff; --n-signal:#19e3c7; --n-rec:#ff3b4e;
  --n-line:rgba(242,239,248,.10); --n-line2:rgba(242,239,248,.18);
  --n-disp:"Archivo",Impact,sans-serif; --n-text:"Instrument Sans",system-ui,sans-serif;
  --n-ease:cubic-bezier(.23,1,.32,1);
  --n-r:12px;
  /* alte Variablen umleiten, damit Inline-Stile mitziehen */
  --tf-font:var(--n-text); --tf-head:var(--n-disp);
  --tk-bg:var(--n-nacht); --tk-ink:var(--n-kreide); --tk-mut:var(--n-nebel); --tk-dim:var(--n-dunst);
  --tk-line:var(--n-line); --tk-line2:var(--n-line2);
  --tk-mono:var(--n-text); --tk-grad:linear-gradient(90deg,var(--n-vio),var(--n-vio));
  --muted:var(--n-nebel)!important; --line:var(--n-line)!important;
}
html:not(#n1){background:radial-gradient(60% 45% at 88% 6%,rgba(139,61,255,.30),transparent 70%) fixed,radial-gradient(55% 40% at 6% 55%,rgba(122,64,245,.22),transparent 70%) fixed,radial-gradient(65% 45% at 75% 100%,rgba(139,61,255,.22),transparent 70%) fixed,var(--n-nacht)!important}
html body:not(#n1){background:transparent!important;color:var(--n-kreide)!important;font-size:17px;line-height:1.6;font-feature-settings:"ss01"}
html body ::selection{background:var(--n-vio);color:#fff}
html body :focus-visible{outline:2px solid var(--n-signal)!important;outline-offset:3px!important}

/* ---------- Typografie: Satz statt Plakat ---------- */
html body :is(section,footer) h2:not(#n1):not(#n2):not(#n3):not(#n4){font-family:var(--n-disp)!important;font-weight:800!important;font-stretch:112%!important;text-transform:none!important;font-size:clamp(1.9rem,3.6vw,3.2rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:var(--n-kreide)!important;text-wrap:balance;max-width:16ch}
html body :is(section,footer) h2 :is(.outline,.accent,span):not(#n1):not(#n2){color:inherit!important;background:none!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:currentColor!important;font:inherit!important}
html body :is(section,footer) h2:not(#n1):not(#n2):not(#n3){background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important}
html body :is(section,footer) h2:not(#n1):not(#n2)::after,html body :is(section,footer) h2:not(#n1):not(#n2)::before{content:none!important;display:none!important}
html body :is(.about-kicker,.bs-kicker,.abo-kicker,.tf-badge):not(#n1):not(#n2):not(#n3){display:none!important}
html body :is(section,footer) :is(h3,h4):not(#n1):not(#n2){text-transform:none!important;letter-spacing:-.01em!important}
html body section p:not(#n1){text-wrap:pretty}

/* Knöpfe: Satzschreibung, klare Form, Violett nur für die Hauptaktion */
html body :is(.btn,.nav-cta,.abo-cta,.tf-cta,.consult-submit,.book-submit,#nlForm button):not(#n1):not(#n2):not(#n3){font-family:var(--n-text)!important;font-weight:600!important;font-size:.95rem!important;text-transform:none!important;letter-spacing:0!important;border-radius:var(--n-r)!important;padding:.85rem 1.3rem!important;box-shadow:none!important;transition:background-color .2s,border-color .2s,transform .16s var(--n-ease)!important;touch-action:manipulation}
html body :is(.btn.tk-pri,.nav-cta,.abo-cta,.tf-cta,.consult-submit,.book-submit,#nlForm button):not(#n1):not(#n2):not(#n3){background:var(--n-vio)!important;color:#fff!important;border:1px solid var(--n-vio)!important}
html body .btn.ghost:not(#n1):not(#n2):not(#n3){background:transparent!important;color:var(--n-kreide)!important;border:1px solid var(--n-line2)!important}
html body :is(.btn,.nav-cta,.abo-cta,.tf-cta,#nlForm button):not(#n1):not(#n2):not(#n3):active{transform:scale(.97)!important}
@media (hover:hover) and (pointer:fine){
  html body :is(.btn.tk-pri,.nav-cta,.abo-cta,.tf-cta,#nlForm button):not(#n1):not(#n2):not(#n3):hover{background:var(--n-vio2)!important;border-color:var(--n-vio2)!important}
  html body .btn.ghost:not(#n1):not(#n2):not(#n3):hover{border-color:var(--n-kreide)!important}
}
html body :is(.btn,.nav-cta,.abo-cta,.tf-cta)::before,html body :is(.btn,.nav-cta,.abo-cta,.tf-cta)::after{display:none!important}

/* ---------- Navigation ---------- */
html body nav:not(#n1):not(#n2){background:rgba(18,15,28,.78)!important;border:1px solid var(--n-line)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-radius:16px!important}
html body nav .navlinks a:not(#n1):not(#n2){font-family:var(--n-text)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:.92rem!important;color:var(--n-nebel)!important;background:none!important;box-shadow:none!important}
html body nav .navlinks a.active:not(#n1):not(#n2),html body nav .navlinks a:hover:not(#n1):not(#n2){color:var(--n-kreide)!important}
html body nav .navlinks a.active:not(#n1):not(#n2){text-decoration:underline!important;text-decoration-color:var(--n-signal)!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important}
html body nav .navlinks a.nav-portal:not(#n1):not(#n2){color:var(--n-kreide)!important}
html body nav .nav-cta:not(#n1):not(#n2):not(#n3){padding:.6rem 1rem!important;font-size:.88rem!important}

/* ---------- Hero: der Sucher ---------- */
html body header.hero:not(#n1):not(#n2){min-height:100svh!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:clamp(120px,16vh,170px) max(16px,6vw) clamp(56px,9vh,104px)!important;background:radial-gradient(70% 55% at 18% 8%,rgba(139,61,255,.22),transparent 70%),var(--n-nacht)!important}
html body header.hero:not(#n1)::before,html body header.hero:not(#n1)::after{display:none!important;content:none!important}
/* Drittel-Raster wie im Kamerasucher, ganz leise */
html body header.hero .tk-vf:not(#n1):not(#n2){inset:clamp(96px,13vh,124px) max(12px,3vw) clamp(20px,3.5vh,36px)!important;background:linear-gradient(var(--n-line),var(--n-line)) 33.333% 0/1px 100% no-repeat,linear-gradient(var(--n-line),var(--n-line)) 66.666% 0/1px 100% no-repeat,linear-gradient(var(--n-line),var(--n-line)) 0 33.333%/100% 1px no-repeat,linear-gradient(var(--n-line),var(--n-line)) 0 66.666%/100% 1px no-repeat;opacity:.6}
html body header.hero .tk-vf i:not(#n1){width:30px!important;height:30px!important;border-color:rgba(242,239,248,.55)!important;border-width:2px!important}
html body header.hero .tk-rec:not(#n1){left:44px!important;top:6px!important;font:600 13px/1 var(--n-text)!important;letter-spacing:.04em!important;font-variant-numeric:tabular-nums;color:var(--n-kreide)!important}
html body header.hero .tk-fmt{position:absolute;right:44px;top:6px;font:600 13px/1 var(--n-text);letter-spacing:.04em;color:var(--n-nebel)}
html body header.hero:not(#n1):not(#n2) h1:not(#n3){position:relative;z-index:1;font-family:var(--n-disp)!important;font-weight:800!important;font-stretch:118%!important;text-transform:none!important;font-size:clamp(2.7rem,7vw,7rem)!important;line-height:.95!important;letter-spacing:-.035em!important;color:var(--n-kreide)!important;margin:0 0 clamp(28px,5vh,52px)!important;max-width:none!important}
html body header.hero:not(#n1):not(#n2) h1 > span:not(#n3){display:block!important;margin:0!important;width:auto!important;color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html body header.hero:not(#n1):not(#n2) h1 > span:nth-child(2):not(#n3){color:#8b3dff!important;background:linear-gradient(90deg,#8b3dff 0%,#6a5cf5 45%,#19e3c7 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;width:fit-content!important;padding-bottom:.06em}
html body header.hero:not(#n1):not(#n2) .hero-bottom:not(#n3){position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,52ch) auto!important;justify-content:space-between!important;align-items:end!important;gap:28px 48px!important;padding:0!important;border:0!important}
html body header.hero:not(#n1):not(#n2) .hero-bottom p:not(#n3){font-size:clamp(1rem,1.25vw,1.15rem)!important;line-height:1.6!important;color:var(--n-nebel)!important;max-width:52ch!important}
@media (max-width:760px){
  html body header.hero:not(#n1):not(#n2) .hero-bottom:not(#n3){grid-template-columns:1fr!important}
  html body header.hero .tk-fmt{display:none}
  html body header.hero .tk-vf:not(#n1):not(#n2){background:none}
}

/* ---------- Laufband: ruhig, eine Farbe ---------- */
html body #tkMq .tk-band:not(#n1):not(#n2):not(#n3):not(#n4){background:var(--n-buehne)!important;transform:rotate(-1.5deg)!important}
html body .tk-band::before,html body .tk-band::after{background:var(--n-line2)!important}
html body .tk-it:not(#n1){font-weight:800!important;font-stretch:118%;text-transform:none!important;letter-spacing:-.02em}
html body .tk-it:nth-of-type(even):not(#n1){color:var(--n-nebel)!important;background:none!important;-webkit-text-fill-color:var(--n-nebel)}
html body .tk-sep:not(#n1){width:10px;height:10px;border-radius:50%;transform:none;background:var(--n-vio)!important}

/* ---------- Kunden ---------- */
html body #kunden:not(#n1){border-top:0!important}
html body #kunden:not(#n1)::before{display:none!important}
html body #kunden .cl-marquee :is(.cl-logo,.cl-name)::after{background:var(--n-dunst)!important;box-shadow:none!important;width:5px!important;height:5px!important;margin-top:-2.5px!important}
html body #kunden .cl-name:not(#n1):not(#n2){text-transform:none!important;-webkit-text-stroke:0!important;color:var(--n-nebel)!important;font-weight:800!important;font-stretch:112%}
html body #kunden .cl-name:hover:not(#n1):not(#n2){color:var(--n-kreide)!important;background:none!important}

/* ---------- Abschnitte: gemeinsamer Rhythmus ---------- */
html body :is(#services,#home-refs,#full-service,#abo,#jobs,#stimmen,#faq):not(#n1):not(#n2){border-top:1px solid var(--n-line)!important;background:none!important}
html body :is(#services,#home-refs,#abo,#jobs,#stimmen,#faq):not(#n1):not(#n2){padding-top:clamp(64px,8vw,112px)!important;padding-bottom:clamp(64px,8vw,112px)!important}

/* Leistungen: Verzeichnis, keine Nummern (ist keine Reihenfolge) */
html body #services .sec-head:not(#n1){max-width:1240px;margin:0 auto clamp(40px,5vw,64px)!important;padding:0!important}
html body #services .services > .svc:not(#n1):not(#n2):not(#n3):not(#n4){background:none!important;border-top:1px solid var(--n-line2)!important;padding:1.5rem 2rem 2rem 0!important}
html body #services .services > .svc:not(#n1):not(#n2):not(#n3):not(#n4)::before{content:none!important;display:none!important}
html body #services .services > .svc:not(#n1):not(#n2):not(#n3)::after{content:"Mehr"!important;font:600 .85rem/1 var(--n-text)!important;color:var(--n-signal)!important;top:1.6rem!important;right:1.2rem!important}
html body #services .svc:not(#n1):not(#n2) h3:not(#n3){font-family:var(--n-disp)!important;font-weight:750!important;font-stretch:112%!important;text-transform:none!important;font-size:clamp(1.15rem,1.45vw,1.4rem)!important;line-height:1.15!important;color:var(--n-kreide)!important}
html body #services .svc:not(#n1):not(#n2) p:not(#n3){color:var(--n-nebel)!important;font-size:.98rem!important}
@media (hover:hover) and (pointer:fine){html body #services .services > .svc.svc-link:not(#n1):not(#n2):not(#n3):not(#n4):hover{border-top-color:var(--n-vio)!important}}

/* Referenzen */
html body #home-refs .hr-head:not(#n1){max-width:1240px;margin-inline:auto}
html body #home-refs .hr-card.hr-soon:not(#n1):not(#n2) .hr-media{background:var(--n-buehne)!important;border:1px solid var(--n-line)!important;box-shadow:none!important}
html body #home-refs :is(.hr-soon-tag,.hr-tag):not(#n1):not(#n2){font:600 12px/1 var(--n-text)!important;letter-spacing:0!important;text-transform:none!important;background:var(--n-buehne2)!important;color:var(--n-nebel)!important;border:0!important}
html body #home-refs .hr-card:not(#n1):not(#n2) figcaption b{font-family:var(--n-disp)!important;font-stretch:112%;text-transform:none!important;color:var(--n-kreide)!important}
html body #home-refs .hr-card:not(#n1):not(#n2) figcaption span{font:400 13px/1.4 var(--n-text)!important;letter-spacing:0!important;text-transform:none!important}

/* Ablauf (echte Reihenfolge → Nummern bleiben) */
html body #full-service.tk-tl .tk-editor:not(#n1){background:var(--n-buehne)!important;box-shadow:none!important;border-color:var(--n-line2)!important;border-radius:16px!important}
html body .tk-bar:not(#n1),html body .tk-info .tk-of,html body .tk-ll div{font-family:var(--n-text)!important;letter-spacing:0!important;text-transform:none!important}
html body .tk-info .tk-n:not(#n1){background:none!important;color:var(--n-vio2)!important;-webkit-text-fill-color:var(--n-vio2)}
html body .tk-info b:not(#n1){text-transform:none!important;font-stretch:112%}
html body #full-service .fs-steps:not(#n1) li::after{background:var(--n-vio)!important;box-shadow:none!important}
html body .tk-bar .tk-etc{font-variant-numeric:tabular-nums}

/* Abo */
html body #abo .abo-calc:not(#n1):not(#n2):not(#n3){background:var(--n-buehne)!important;border:1px solid var(--n-line2)!important;border-radius:20px!important;box-shadow:none!important}
html body #abo :is(.abo-price b,.abo-count b):not(#n1):not(#n2){background:none!important;color:var(--n-kreide)!important;-webkit-text-fill-color:var(--n-kreide)!important;font-stretch:112%}
html body #abo input[type=range]{accent-color:var(--n-vio)}
html body #abo .abo-feat li::before{color:var(--n-signal)!important;background:none!important}

/* Jobs, Stimmen */
html body .jb-card:not(#n1):not(#n2){border-radius:var(--n-r)!important;border:1px solid var(--n-line2)!important;background:var(--n-buehne)!important}
html body .jb-card b:not(#n1){text-transform:none!important;font-stretch:112%}
html body .tm:not(#n1):not(#n2){background:var(--n-buehne)!important;border:1px solid var(--n-line)!important;border-radius:16px!important}
@media (hover:hover) and (pointer:fine){html body .jb-card:not(#n1):not(#n2):hover{border-color:var(--n-nebel)!important}html body .tm:not(#n1):not(#n2):hover{transform:none!important;border-color:var(--n-line2)!important}}

/* FAQ: keine Nummern, ruhige Liste */
html body .faq-item:not(#n1):not(#n2):not(#n3) summary::before,html body .faq-item:not(#n1):not(#n2):not(#n3)::before{content:none!important;display:none!important}
html body .faq-item:not(#n1):not(#n2):not(#n3) summary{padding-left:0!important}
html body .faq-item:not(#n1):not(#n2){background:none!important;border:0!important;border-bottom:1px solid var(--n-line2)!important;border-radius:0!important;box-shadow:none!important}
html body .faq-item summary:not(#n1):not(#n2){font-family:var(--n-text)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;font-size:1.08rem!important;color:var(--n-kreide)!important}
html body .faq-item p:not(#n1){color:var(--n-nebel)!important;max-width:70ch}

/* Kontakt */
html body #contact.contact:not(#n1):not(#n2){text-align:left!important;background:none!important;border-top:1px solid var(--n-line)!important}
html body #contact.contact > div:not(#n1){max-width:1240px!important}
html body #contact.contact h2:not(#n1):not(#n2):not(#n3):not(#n4){font-size:clamp(2.4rem,5.4vw,4.8rem)!important;max-width:14ch;margin:0 0 1.4rem!important}
html body #contact.contact > div > p:not(#n1){margin:0 0 2rem!important;max-width:56ch!important}
html body #contact.contact > div > div[style*="justify-content:center"]{justify-content:flex-start!important}
html body #contact.contact > div > div[style*="text-transform:uppercase"]{display:none!important}
html body .tk-cm-i:not(#n1){background:var(--n-buehne2)!important;border-color:var(--n-line2)!important;color:var(--n-kreide)!important}
html body .tk-cm small:not(#n1){font:500 13px/1 var(--n-text)!important;letter-spacing:0!important;text-transform:none!important}
html body .tk-cm::after{background:var(--n-vio)!important}
@media (hover:hover) and (pointer:fine){html body a.tk-cm:hover:not(#n1){background:var(--n-buehne)!important}}

/* Newsletter + Footer */
html body .nl-wrap b:not(#n1){text-transform:none!important;font-stretch:112%}
html body #nlForm input[type=email]:not(#n1){border-radius:var(--n-r)!important;font-size:16px!important}
html body .tf-foot:not(#n1):not(#n2){background:none!important;border-top:1px solid var(--n-line)!important}
html body .tf-foot :is(h4,b,strong):not(#n1){text-transform:none!important;letter-spacing:0!important}

/* Ankündigungen in derselben Sprache */
html body .tk-an:not(#n1){--an-bg:var(--n-vio);font-family:var(--n-text)}
html body .tk-an-hot:not(#n1){--an-bg:#e5304a}
html body .tk-an-calm:not(#n1){--an-bg:var(--n-buehne2)}
html body .tk-an-tag:not(#n1),html body .tk-an-code span{font-family:var(--n-text)!important;letter-spacing:0!important;text-transform:none!important}
html body .tk-an-calm :is(.tk-an-btn,.tk-an-tag):not(#n1):not(#n2),html body .tk-an-calm .tk-an-card .tk-an-btn:not(#n1):not(#n2){background:var(--n-vio)!important;color:#fff!important}
html body .tk-an-card h3:not(#n1):not(#n2){text-transform:none!important;font-stretch:112%}

/* Eine Bewegung beim Laden: die Headline kommt wie aus der Unschärfe ins Bild */
@media (prefers-reduced-motion:no-preference){
  html body header.hero:not(#n1):not(#n2) h1 > span:not(#n3){opacity:0;filter:blur(10px);transform:translateY(12px);animation:n-focus 1s var(--n-ease) forwards!important}
  html body header.hero:not(#n1):not(#n2) h1 > span:nth-child(2):not(#n3){animation-delay:.18s!important}
}
@media (prefers-reduced-motion:reduce){
  html body header.hero:not(#n1):not(#n2) h1 > span:not(#n3){opacity:1!important;filter:none!important;transform:none!important;animation:none!important}
}
@keyframes n-focus{to{opacity:1;filter:blur(0);transform:none}}

/* Alte Verlaufsrahmen + lila Kartenflächen (theme-2026, v. a. unter 900px) aus: FAQ bleibt eine Linienliste, Karten ruhig */
html body :is(.svc,.bs-card,.tm,.branch-item,.faq-item,.imp-card,.team-card,.abo-calc,.an-in,.contact-meta,.tf-foot-cta,.svc-cta,.consult-card,.book-card,.price-note,.hr-play):not(#n1):not(#n2):not(#n3):not(#n4)::before{content:none!important;display:none!important;background:none!important}
html body #faq .faq-item:not(#n1):not(#n2):not(#n3):not(#n4){background:none!important;background-color:transparent!important;border:0!important;border-bottom:1px solid var(--n-line2)!important;border-radius:0!important}
html body :is(.imp-card,.team-card,.tf-foot-cta,.svc-cta,.consult-card,.book-card):not(#n1):not(#n2):not(#n3):not(#n4){background:var(--n-buehne)!important;background-color:var(--n-buehne)!important;border:1px solid var(--n-line)!important;border-radius:var(--n-r)!important;box-shadow:none!important}

/* Am Desktop alles etwas kleiner ("herausgezoomt"); der eigene Mauszeiger rechnet den Zoom heraus */
@media (min-width:901px){html:not(#n1){zoom:.88}
  /* Vollbild-Fenster (Leistungen, Über uns, Rechtliches) würden sonst mitschrumpfen und unten den Seiteninhalt zeigen */
  html body :is(.about-overlay,.legal-overlay,.consult-modal):not(#n1):not(#n2){right:auto!important;bottom:auto!important;width:calc(100vw / .88)!important;height:calc(100vh / .88)!important;height:calc(100dvh / .88)!important;max-height:none!important}
}

/* ---------- Leistungen: Raster passt sich der Anzahl eingeschalteter Karten an (Admin → Leistungen) ----------
   1–4 = eine Reihe, 5–6 = 3 Spalten, 7–8 = 4, 9 = 3, ab 10 = 4. Unvollständige letzte Reihe füllt die Breite. */
html body #services .services:not(#n1):not(#n2):not(#n3):not(#n4){display:flex!important;flex-wrap:wrap!important;gap:0!important;grid-template-columns:none!important;--svc-cols:4}
html body #services .services:has(> .svc:nth-child(3):last-child):not(#n1):not(#n2):not(#n3):not(#n4):not(#n5){--svc-cols:3}
html body #services .services:has(> .svc:nth-child(2):last-child):not(#n1):not(#n2):not(#n3):not(#n4):not(#n5){--svc-cols:2}
html body #services .services:has(> .svc:only-child):not(#n1):not(#n2):not(#n3):not(#n4):not(#n5){--svc-cols:1}
html body #services .services:is(:has(> .svc:nth-child(5):last-child),:has(> .svc:nth-child(6):last-child),:has(> .svc:nth-child(9):last-child)):not(#n1):not(#n2):not(#n3):not(#n4):not(#n5){--svc-cols:3}
html body #services .services > .svc:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5){flex:1 1 calc(100% / var(--svc-cols))!important;min-width:0!important;max-width:none!important;grid-column:auto!important;box-sizing:border-box!important}
@media (min-width:601px) and (max-width:1100px){html body #services .services:not(#n1):not(#n2):not(#n3):not(#n4){--svc-cols:2!important}}
@media (max-width:600px){html body #services .services:not(#n1):not(#n2):not(#n3):not(#n4){--svc-cols:1!important}}
/* Kunden-Ueberschrift sichtbar (2026-11-12) */
html body #kunden .cl-label:not(#n1):not(#n2):not(#n3){display:flex!important;margin:0 auto 1.6rem!important;font-size:clamp(.82rem,1.1vw,.95rem)!important;letter-spacing:.2em!important;color:rgba(255,255,255,.82)!important}
/* Kundenlogos immer farbig (2026-11-12) */
html body #kunden .cl-logo img:not(#n1):not(#n2){filter:none!important;opacity:1!important;height:clamp(96px,11vw,150px)!important;max-width:clamp(220px,24vw,340px)!important}
html body #kunden :is(.cl-logo,.cl-name):not(#tf-x):not(#n1){height:clamp(120px,13vw,170px)!important}