/**
 * @author    Ronny Antes
 * @copyright 2026 Ronny Antes - North-Addons
 * @license   North-Addons.de License <https://lizenz.north-addons.de/lizenz.html>
 * @Version   1.8.7
 * @Software  FolienLounge CMS
 */
:root{
  --bg:#0d1014;
  --panel:#15191f;
  --muted:#a7adb7;
  --text:#f4f6f8;
  --accent:#ff6a00;
  --line:#2b3038;
  --light:#f4f2ee;
  --ink:#17191d;
  --hero-overlay:#0b0d10;
  --card-radius:9px;
  --button-radius:5px;
  --body-font:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --heading-font:Montserrat,Inter,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body-font);background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%}
h1,h2,h3,h4,.brand,.hero h1,.page-hero h1{font-family:var(--heading-font)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
.content-pad{padding:0 max(24px,7vw)}

.site-header{height:var(--header-height);display:flex;align-items:center;gap:24px;padding:0 max(20px,4vw);border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;background:
 linear-gradient(0deg,rgba(7,11,17,.14),rgba(7,11,17,.14)),
 linear-gradient(90deg,rgba(6,10,16,.12),rgba(6,10,16,.18)),
 linear-gradient(180deg,#080d14,#0c121b);
backdrop-filter:blur(10px);z-index:30;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 18% 82%,rgba(255,255,255,.04));mix-blend-mode:screen;opacity:.45;pointer-events:none;z-index:0}
.site-header:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,var(--header-overlay-alpha)),rgba(0,0,0,calc(var(--header-overlay-alpha) + .04)));z-index:0;pointer-events:none}.site-header>*{position:relative;z-index:1}
.site-header.has-bg{border-bottom-color:rgba(255,255,255,.14)}
.brand{display:flex;align-items:center;gap:16px;font-weight:800;letter-spacing:.02em;min-width:0;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(6,10,16,.28);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;flex:0 0 auto}.brand-logo{width:auto;height:var(--header-logo-height);max-width:min(50vw,640px);display:block;object-fit:contain;flex:0 1 auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.28))}
.brand-mark{background:linear-gradient(135deg,var(--accent),#ff9752);color:#fff;box-shadow:0 12px 25px rgba(255,106,0,.26)}
.brand-logo{background:transparent;padding:0}.brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.08rem;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.site-header nav{display:flex;gap:8px;margin-left:auto;padding:10px 12px;border-radius:999px;background:rgba(7,11,17,.56);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.site-header nav a{color:#edf2f8;padding:10px 14px;border-radius:999px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.site-header nav a:hover,.site-header nav a:focus-visible{background:rgba(255,255,255,.08);color:#fff}.header-cta:hover,.btn:hover{filter:brightness(1.05)}
.header-cta,.btn{background:linear-gradient(135deg,#ff5a3a,#ff8744);color:#fff;border:1px solid rgba(255,255,255,.12);padding:14px 24px;border-radius:14px;font-weight:800;cursor:pointer;display:inline-block;box-shadow:0 16px 30px rgba(255,90,58,.22)}
.btn.light{background:#fff;color:#111;box-shadow:none}
.nav-toggle{display:none;margin-left:auto;background:rgba(6,10,16,.45);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:24px;width:48px;height:48px;border-radius:14px}

.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,rgba(13,16,20,0),var(--bg));pointer-events:none}
.hero-copy{padding:110px max(30px,7vw);align-self:center;position:relative;z-index:2}
.eyebrow,.section-kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero h1,.page-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.93;letter-spacing:-.055em;margin:18px 0 25px;max-width:900px}
.hero p{max-width:650px;color:#c0c6ce;font-size:1.12rem}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px;flex-wrap:wrap}
.text-link{font-weight:700}
.hero-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-chips span{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;color:#d7dce3}
.hero-visual{position:relative;background:radial-gradient(circle at 30% 35%,rgba(255,106,0,.13),transparent 0 30%),linear-gradient(135deg,#1f252d,var(--hero-overlay));display:grid;place-items:center;overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 50px,rgba(255,255,255,.025) 51px 52px);z-index:0}
.hero-visual>*{position:relative;z-index:1}.hero-visual-has-image:before{background:linear-gradient(135deg,rgba(0,0,0,.28),rgba(0,0,0,.5))}
.hero-image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:0}
.car-shape{width:min(82%,680px);height:240px;border:3px solid rgba(255,255,255,.8);border-radius:48% 58% 18% 18%/52% 55% 25% 22%;transform:skewX(-7deg);position:relative;box-shadow:0 0 80px rgba(255,106,0,.15)}
.car-shape:before,.car-shape:after{content:"";position:absolute;bottom:-48px;width:92px;height:92px;border:16px solid #090b0e;border-radius:50%;background:#303640}.car-shape:before{left:80px}.car-shape:after{right:80px}
.car-shape span{position:absolute;width:50%;height:3px;background:var(--accent);left:25%;top:35%;box-shadow:0 0 20px var(--accent)}
.hero-badge,.hero-floating-card{background:rgba(244,242,238,.95);color:var(--ink);border-radius:var(--card-radius);box-shadow:0 18px 50px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.hero-badge{position:absolute;bottom:7%;right:8%;padding:20px 24px}.hero-badge b,.hero-badge small{display:block}
.hero-floating-card{position:absolute;padding:16px 18px;max-width:250px}.hero-card-top{right:10%;top:11%}.hero-card-bottom{left:7%;bottom:18%}
.hero-floating-card strong,.hero-floating-card small,.hero-floating-card .mini-label{display:block}.mini-label{color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}

.marquee-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f1318;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;align-items:center;gap:18px;padding:14px 0;min-width:200%;animation:marquee 28s linear infinite}
.marquee-track span{display:inline-flex;align-items:center;gap:12px;font-size:.95rem;color:#d7dce3}.marquee-track span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);display:block}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.stats-grid{padding-top:34px;padding-bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat-card{background:linear-gradient(180deg,#191e25,#101419);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.14)}
.feature-icon{font-size:1.55rem;color:var(--accent);display:block;margin-bottom:14px}.chip-icon{color:var(--accent);font-size:.8rem}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:1.15rem;margin-bottom:6px}.stat-card span{color:var(--muted)}

.intro,.page-hero{padding:100px max(24px,7vw) 56px}
.intro{position:relative;overflow:hidden}
.intro .section-kicker{display:block;width:max-content;margin:0 0 18px;position:relative;padding-bottom:10px}
.intro .section-kicker:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.intro h2,.section-head h2,.split h2,.cta h2,.process-head h2{font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.03;letter-spacing:-.04em;margin:0;max-width:1120px}
.intro h2[data-motion-title]{display:block;width:min(1120px,100%);margin:0;position:relative}
.intro h2[data-motion-title]:after{bottom:-14px}
.service-grid{padding:0 max(24px,7vw) 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent}
.service-card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:16px;padding:38px;min-height:285px;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.service-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;background:radial-gradient(circle,rgba(255,106,0,.18),transparent 65%);pointer-events:none}
.service-card h3{font-size:1.6rem;margin:8px 0 10px}.service-card p{color:var(--muted)}.service-card a{color:var(--accent);font-weight:700}

.process-band{padding-bottom:100px}.process-head{margin-bottom:26px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:16px;padding:24px}.process-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(255,106,0,.15);color:var(--accent);font-weight:800;margin-bottom:16px}.process-card h3{margin:0 0 8px;font-size:1.2rem}.process-card p{margin:0;color:var(--muted)}

.split{display:grid;grid-template-columns:1fr 1fr;background:var(--light);color:var(--ink)}.split>div:last-child{padding:100px max(30px,7vw)}
.split-art{min-height:560px;background:linear-gradient(145deg,#3b4149 0 42%,var(--accent) 42% 48%,#17191d 48%);position:relative;overflow:hidden}.split-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.split-art-has-image{background:#e5e1db}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.facts b,.facts span{display:block}.facts span{font-size:.85rem;color:#666}

.gallery-section{padding:100px max(24px,7vw)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}
.gallery-grid{padding:0 max(24px,5vw) 100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.gallery-grid.compact{padding:0;grid-template-columns:repeat(3,1fr);gap:18px}
.media-tile{border:1px solid rgba(255,255,255,.08);padding:0;background:linear-gradient(180deg,rgba(18,22,29,.92),rgba(10,14,20,.94));position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;color:#fff;border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.18);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.media-tile:hover{box-shadow:0 26px 42px rgba(0,0,0,.24);border-color:rgba(255,106,0,.22)}
.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:.5s transform ease, .35s filter ease;filter:saturate(.98)}.media-tile:hover img,.media-tile:hover video{transform:scale(1.08);filter:saturate(1.08)}
.media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,14,0) 35%,rgba(4,8,14,.28) 58%,rgba(4,8,14,.84) 100%);pointer-events:none}
.media-meta{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:12px;z-index:2}
.media-label{display:inline-flex;max-width:min(82%,340px);padding:10px 14px;background:rgba(7,10,15,.56);backdrop-filter:blur(10px);font-size:.95rem;font-weight:700;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.media-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:rgba(255,106,0,.16);color:#fff;border:1px solid rgba(255,106,0,.28);border-radius:12px;font-size:.82rem;font-weight:700;white-space:nowrap}
.media-type-badge{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(7,10,15,.58);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:rgba(7,10,15,.64);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;z-index:2;font-size:1.15rem;box-shadow:0 14px 30px rgba(0,0,0,.22)}

.page-hero{padding-bottom:75px}.page-hero p,.service-list p{color:var(--muted)}.service-list{padding:0 max(24px,7vw) 100px}.service-list article{display:grid;grid-template-columns:1fr 1fr;padding:60px 0;border-top:1px solid var(--line);gap:28px}.service-list h2{font-size:2.4rem;margin:8px 0}.service-list p{max-width:700px}.lead{font-size:1.15rem;color:var(--text)!important}

.contact-layout{padding:0 max(24px,7vw) 100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.contact-form,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label,.form-grid label{display:grid;gap:7px;color:#c9ced6}.full{grid-column:1/-1}
.contact-form input,.contact-form textarea,.form-grid input,.form-grid textarea,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #353b45;background:#11151a;color:#fff;padding:12px;border-radius:var(--button-radius)}
.hp{position:absolute!important;left:-9999px!important}.alert{padding:12px 14px;border-radius:var(--button-radius);margin:10px 0}.success{background:#123923;color:#bdf0ca}.error{background:#4a1f1f;color:#ffd0d0}
.legal{padding:100px max(24px,7vw)}.legal h2,.legal h3{color:var(--accent)}.content-width{max-width:1100px}

.cta{padding:75px max(24px,7vw);background:linear-gradient(135deg,var(--accent),#ff9046);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .section-kicker,.cta span{color:#fff}.cta h2{margin:8px 0}.cta p{max-width:700px}
footer{padding:65px max(24px,7vw);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;color:#b9bec6}footer a:hover{color:#fff}.site-footer.footer-no-admin{grid-template-columns:2fr 1fr 1fr}

.lightbox{position:fixed;z-index:100;inset:0;background:rgba(3,6,10,.94);backdrop-filter:blur(8px);padding:4vh 3vw;display:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.lightbox.is-open{display:grid}.lightbox[hidden]{display:none!important}
.lightbox-shell{width:100%;max-width:min(1320px,100%);display:grid;gap:16px}
.lightbox-stage{width:100%;min-height:min(76vh,820px);display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(14,18,24,.9),rgba(8,12,18,.92));border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 26px 54px rgba(0,0,0,.28);padding:22px}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;border-radius:16px}
.lightbox-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff}.lightbox-caption{padding:0 4px;font-size:1rem;color:#eef1f6}.lightbox-counter{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:700;color:#d7dce3;white-space:nowrap}
.lightbox-close{position:absolute;right:26px;top:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:40px;line-height:1;cursor:pointer;width:54px;height:54px;border-radius:16px}
.lightbox-nav{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:2rem;cursor:pointer;transition:transform .18s ease,background .18s ease}.lightbox-nav:hover{background:rgba(255,106,0,.18);transform:translateY(-1px)}.lightbox-nav:disabled{opacity:.35;cursor:default;transform:none}.lightbox-video-error{max-width:520px;padding:22px 24px;border:1px solid rgba(255,106,0,.28);border-radius:18px;background:rgba(255,106,0,.08);color:#fff;text-align:center;line-height:1.55}.no-scroll{overflow:hidden}

.install{background:#eef1f4;color:#16191d;min-height:100vh;display:grid;place-items:center}.install-card{width:min(760px,92vw);background:#fff;padding:40px;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.install-card input{background:#fff!important;color:#111!important;border:1px solid #ccd2d9!important}

@media(max-width:1100px){.stats-grid,.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .site-header nav{display:none;position:absolute;top:var(--header-height);left:16px;right:16px;background:rgba(10,15,22,.95);padding:14px;flex-direction:column;border-radius:18px}
  .site-header nav.open{display:flex}.nav-toggle{display:block}.header-cta{display:none}.site-header nav a{padding:12px 14px}
  .hero{grid-template-columns:1fr}.hero-visual{min-height:420px}
  .service-grid,.gallery-grid,.gallery-grid.compact{grid-template-columns:1fr 1fr}.split,.contact-layout,.service-list article{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.lightbox{grid-template-columns:1fr}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:14px}.lightbox-nav.next{right:14px}.lightbox-shell{max-width:100%}.lightbox-stage{min-height:60vh}
  .cta{display:block}.cta .btn{margin-top:20px}footer{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .hero-copy{padding-top:70px}.service-grid,.gallery-grid,.gallery-grid.compact,.contact-form,.form-grid,.stats-grid,.process-grid{grid-template-columns:1fr}
  .service-card{padding:28px}.service-list article{padding:40px 0}footer{grid-template-columns:1fr}
  .car-shape{height:160px}.car-shape:before,.car-shape:after{width:70px;height:70px;bottom:-38px}.car-shape:before{left:45px}.car-shape:after{right:45px}
  .brand-text{max-width:160px}.hero-floating-card{display:none}.marquee-track{animation-duration:22s}
}
.animations-off .reveal{opacity:1!important;transform:none!important;transition:none!important}

/* FolienLounge 1.3 – dynamische Effekte und frei angelegte Inhaltsseiten */
.site-header{transition:height .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease,padding .28s ease}
.site-header.is-scrolled{height:82px;box-shadow:0 16px 36px rgba(0,0,0,.26);border-color:rgba(255,255,255,.11)}
.site-header.is-scrolled .brand-mark,.site-header.is-scrolled .brand-logo{transform:scale(.92)}
.site-header.is-scrolled nav{padding:8px 10px}
.brand-mark,.brand-logo{transition:transform .28s ease}

.animations-on .hero-floating-card{animation:folienFloat 5.8s ease-in-out infinite}
.animations-on .hero-card-bottom{animation-delay:-2.2s}
@keyframes folienFloat{0%,100%{margin-top:0}50%{margin-top:-9px}}

.js-tilt{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .16s ease,box-shadow .2s ease;will-change:transform}
.js-tilt:hover{box-shadow:0 22px 48px rgba(0,0,0,.24)}
.stat-card.js-tilt:after,.process-card.js-tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(255,255,255,.10),transparent 36%);opacity:.85}
.stat-card,.process-card{position:relative;overflow:hidden}

.cursor-glow{position:fixed;z-index:15;left:-170px;top:-170px;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,106,0,.075),rgba(255,106,0,.02) 35%,transparent 70%);mix-blend-mode:screen;will-change:transform}
main,footer{position:relative;z-index:10}

.custom-page-hero{padding-bottom:46px}
.custom-page-content{padding:0 max(24px,7vw) 110px;max-width:1050px}
.prose{font-size:1.06rem;color:#d4d9df;line-height:1.8}
.prose h2,.prose h3,.prose h4{color:var(--text);margin:1.5em 0 .55em;line-height:1.15}
.prose h2{font-size:clamp(2rem,3.5vw,3.4rem)}
.prose h3{font-size:clamp(1.45rem,2.4vw,2.2rem)}
.prose p{margin:0 0 1.15em}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.3em}
.prose li{margin:.4em 0}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{margin:1.5em 0;padding:1.1em 1.3em;border-left:4px solid var(--accent);background:rgba(255,255,255,.035);border-radius:0 var(--card-radius) var(--card-radius) 0}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.marquee-track{animation:none}.hero-floating-card{animation:none!important}.js-tilt{transform:none!important;transition:none!important}.cursor-glow{display:none!important}
}
@media(max-width:900px){.cursor-glow{display:none}.site-header.is-scrolled{height:72px}.custom-page-content{padding-bottom:80px}}

@media(max-width:1150px) and (min-width:901px){.site-header{gap:16px}.site-header nav{gap:6px}.site-header nav a{font-size:.92rem;padding:10px 11px}.brand-logo{max-width:min(40vw,460px)}}

/* FolienLounge 1.4 – sichtbarere Motion-Ebene */
body{--motion-multiplier:1;overflow-x:hidden}
body.motion-low{--motion-multiplier:.55}body.motion-high{--motion-multiplier:1.45}
.scroll-progress{position:fixed;z-index:120;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--accent),#ffd1b0);box-shadow:0 0 16px rgba(255,106,0,.65);pointer-events:none}
.motion-canvas{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.9}
.motion-orb{position:absolute;border-radius:50%;filter:blur(75px);opacity:.13;will-change:transform}
.orb-a{width:42vw;height:42vw;background:var(--accent);left:-15vw;top:10vh;animation:orbDriftA calc(18s / var(--motion-multiplier)) ease-in-out infinite alternate}
.orb-b{width:36vw;height:36vw;background:#6a7cff;right:-16vw;top:42vh;animation:orbDriftB calc(23s / var(--motion-multiplier)) ease-in-out infinite alternate}
.orb-c{width:28vw;height:28vw;background:#f7b267;left:38vw;bottom:-18vw;animation:orbDriftC calc(20s / var(--motion-multiplier)) ease-in-out infinite alternate}
.foil-ribbon{position:absolute;width:48vw;height:9vw;border:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);transform:rotate(-22deg);opacity:.7}
.ribbon-a{right:-12vw;top:18vh;animation:ribbonSlide calc(16s / var(--motion-multiplier)) ease-in-out infinite alternate}.ribbon-b{left:-20vw;bottom:12vh;animation:ribbonSlide2 calc(21s / var(--motion-multiplier)) ease-in-out infinite alternate}
@keyframes orbDriftA{to{transform:translate3d(12vw,8vh,0) scale(1.12)}}@keyframes orbDriftB{to{transform:translate3d(-11vw,-9vh,0) scale(.9)}}@keyframes orbDriftC{to{transform:translate3d(6vw,-12vh,0) scale(1.18)}}
@keyframes ribbonSlide{to{transform:translate3d(-9vw,7vh,0) rotate(-17deg)}}@keyframes ribbonSlide2{to{transform:translate3d(12vw,-5vh,0) rotate(-28deg)}}

.hero-rings{position:absolute;inset:7% 4%;pointer-events:none;opacity:.27}.hero-rings i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:ringSpin calc(20s / var(--motion-multiplier)) linear infinite}.hero-rings i:nth-child(1){width:74%;aspect-ratio:1}.hero-rings i:nth-child(2){width:53%;aspect-ratio:1;animation-direction:reverse;animation-duration:27s}.hero-rings i:nth-child(3){width:92%;aspect-ratio:1;animation-duration:34s;border-style:dashed}
@keyframes ringSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-text{max-width:650px;color:#c0c6ce;font-size:1.12rem}.hero-text p{margin:.35em 0}.rich-inline p{margin:.4em 0}.rich-inline a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.page-intro{max-width:780px;color:var(--muted);font-size:1.08rem}

[data-motion-title]{position:relative;display:inline-block}.animations-on [data-motion-title]:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transition:width .9s cubic-bezier(.2,.8,.2,1)}.animations-on [data-motion-title].motion-title-active:after{width:min(190px,45%)}
[data-motion-section]{--section-y:0px}.animations-on body[data-effect-section="1"] [data-motion-section]{transform:translate3d(0,var(--section-y),0);will-change:transform}

[data-magnetic]{--mag-x:0px;--mag-y:0px}.animations-on body[data-effect-magnetic="1"] [data-magnetic]{transform:translate3d(var(--mag-x),var(--mag-y),0);transition:transform .18s ease,filter .2s ease}

.page-data-section{padding:20px max(24px,7vw) 100px;max-width:1180px}.page-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.page-data-card{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:var(--card-radius);padding:20px;min-height:120px}.page-data-label{display:block;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.page-data-value{color:var(--text);overflow-wrap:anywhere}.page-data-value p{margin:.35em 0}.page-data-value a{color:var(--accent)}
.prose img{max-width:100%;height:auto;border-radius:var(--card-radius)}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0}.prose th,.prose td{padding:10px;border:1px solid var(--line)}.prose section,.prose article{margin:1.5em 0}

.service-card:before,.process-card:before,.stat-card:before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),transparent);transition:width .55s ease}.service-card:hover:before,.process-card:hover:before,.stat-card:hover:before{width:100%}
.animations-on .feature-icon{display:inline-block;animation:iconPulse calc(3.2s / var(--motion-multiplier)) ease-in-out infinite}.animations-on .stat-card:nth-child(2) .feature-icon{animation-delay:-.7s}.animations-on .stat-card:nth-child(3) .feature-icon{animation-delay:-1.4s}.animations-on .stat-card:nth-child(4) .feature-icon{animation-delay:-2.1s}@keyframes iconPulse{50%{transform:translateY(-5px) rotate(5deg);filter:drop-shadow(0 0 12px rgba(255,106,0,.45))}}
.animations-on .cta{background-size:180% 180%;animation:ctaFlow calc(8s / var(--motion-multiplier)) ease infinite}@keyframes ctaFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

@media(max-width:900px){.page-data-grid{grid-template-columns:1fr 1fr}.motion-orb{opacity:.08}.foil-ribbon{opacity:.35}}
@media(max-width:600px){.page-data-grid{grid-template-columns:1fr}.hero-rings{opacity:.16}}
@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}.motion-canvas,.hero-rings{display:none!important}[data-motion-section],[data-magnetic]{transform:none!important}.feature-icon,.cta{animation:none!important}[data-motion-title]:after{transition:none!important}}

/* FolienLounge 1.4.9 - forced header asset layer */
.site-header{isolation:isolate;background:#120606!important}
.site-header>.site-header-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:0!important;pointer-events:none!important}
.site-header:before{z-index:1!important}
.site-header:after{z-index:1!important;background:rgba(0,0,0,.06)!important}
.site-header>.brand,.site-header>.nav-toggle,.site-header>nav,.site-header>.header-cta{position:relative!important;z-index:2!important}


/* FolienLounge 1.4.11 – saubere Abschnittsüberschriften */
.intro .section-kicker + [data-motion-title]{clear:both}
@media(max-width:900px){.intro,.page-hero{padding-top:76px;padding-bottom:42px}.service-grid{gap:12px}.service-card{padding:30px}}
@media(max-width:600px){.intro{padding-top:64px;padding-bottom:36px}.intro .section-kicker{margin-bottom:15px}.service-grid{padding-top:0}.service-card{min-height:auto}}

/* 1.4.12: Sortierungsnummern bleiben intern und werden nicht im Frontend dargestellt. */
.service-no{display:none!important}

/* Optionale Sortierungsnummern der Leistungen */
.service-sort-number{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 10px;margin:0 0 16px;border-radius:999px;border:1px solid rgba(255,106,0,.32);background:rgba(255,106,0,.10);color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1}
.service-sort-number-list{margin-bottom:12px}
.service-list .service-sort-number-list+h2{margin-top:0}


/* FolienLounge 1.4.14 – ruhiger, klarer Seitenkopf */
.page-hero{
  position:relative;
  display:block;
  min-height:0;
  padding:clamp(72px,7vw,108px) max(24px,7vw) clamp(58px,5vw,78px);
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 22%,rgba(255,106,0,.12),transparent 0 27%),
    radial-gradient(circle at 90% 85%,rgba(61,84,145,.10),transparent 0 30%),
    linear-gradient(180deg,rgba(14,18,24,.35),rgba(8,12,17,.12));
  border-bottom:1px solid rgba(255,255,255,.06);
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.018) 62.1% 62.25%,transparent 62.35%);
}
.page-hero>*{position:relative;z-index:1}
.page-hero .section-kicker{
  display:block;
  width:max-content;
  margin:0 0 22px;
  padding:0 0 11px;
  position:relative;
  font-size:.8rem;
  letter-spacing:.2em;
}
.page-hero .section-kicker:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:76px;
  height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
}
.page-hero h1,
.page-hero h1[data-motion-title]{
  display:block;
  width:min(1180px,100%);
  max-width:1180px;
  margin:0;
  font-size:clamp(3rem,5.3vw,5.9rem);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.page-hero h1[data-motion-title]:after{
  bottom:-18px;
  height:2px;
  opacity:.55;
}
.page-hero .page-intro{
  max-width:780px;
  margin-top:34px;
  color:var(--muted);
  font-size:1.08rem;
}
.page-hero-services{
  padding-top:clamp(78px,7vw,118px);
  padding-bottom:clamp(62px,5vw,82px);
}
.page-hero-services + .service-list{
  padding-top:34px;
}
.page-hero-services + .service-list article:first-child{
  border-top-color:rgba(255,255,255,.08);
}
@media(max-width:900px){
  .page-hero{padding:68px max(22px,6vw) 48px}
  .page-hero h1,.page-hero h1[data-motion-title]{font-size:clamp(2.7rem,9vw,4.7rem);line-height:1.03}
  .page-hero .section-kicker{margin-bottom:18px}
  .page-hero-services + .service-list{padding-top:20px}
}
@media(max-width:600px){
  .page-hero{padding:54px 22px 38px}
  .page-hero h1,.page-hero h1[data-motion-title]{font-size:clamp(2.35rem,12vw,3.6rem);letter-spacing:-.035em}
  .page-hero .page-intro{margin-top:26px;font-size:1rem}
}


/* FolienLounge 1.5.8 - lokales Kontakt-CAPTCHA */
.captcha-field{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.captcha-copy{display:grid;gap:3px}.captcha-copy strong{font-size:1rem;color:#fff}.captcha-copy span{font-size:.88rem;color:var(--muted)}
.captcha-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.captcha-visual{min-width:220px;min-height:74px;display:grid;place-items:center;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#e8ecf0}
.captcha-visual img{display:block;width:220px;height:74px;object-fit:cover}.captcha-fallback{font:800 1.5rem/1 monospace;letter-spacing:.2em;color:#15191e;padding:20px}
.captcha-refresh{border:1px solid rgba(255,106,0,.25);background:rgba(255,106,0,.10);color:#fff;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:700}.captcha-refresh:hover{background:rgba(255,106,0,.18)}
.captcha-answer{display:grid;gap:7px;max-width:320px}.captcha-answer input{text-transform:uppercase;letter-spacing:.16em;font-weight:800}
@media(max-width:600px){.captcha-row{align-items:stretch}.captcha-visual{min-width:0;width:100%}.captcha-visual img{width:100%;max-width:260px;height:auto}.captcha-refresh{width:100%}}


/* FolienLounge 1.5.9 – mobile Lightbox exakt im sichtbaren Viewport zentrieren */
@media(max-width:900px){
  .lightbox{display:none!important;align-items:center!important;justify-content:center!important;min-height:100dvh!important;height:100dvh!important;padding:max(64px,calc(env(safe-area-inset-top) + 54px)) 14px max(18px,env(safe-area-inset-bottom))!important;overflow:hidden!important}
  .lightbox.is-open{display:flex!important}
  .lightbox[hidden]{display:none!important}
  .lightbox-shell{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important}
  .lightbox-stage{width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 150px)!important;flex:0 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important}
  .lightbox-stage img,.lightbox-stage video{display:block!important;max-width:100%!important;max-height:calc(100dvh - 180px)!important;width:auto!important;height:auto!important;margin:auto!important;object-fit:contain!important}
  .lightbox-meta{width:100%!important;flex:0 0 auto!important;margin:0!important;padding:0 4px!important}
  .lightbox-nav{position:fixed!important;top:50dvh!important;z-index:102!important;transform:translateY(-50%)!important}
  .lightbox-nav.prev{left:max(8px,env(safe-area-inset-left))!important}.lightbox-nav.next{right:max(8px,env(safe-area-inset-right))!important}
  .lightbox-close{position:fixed!important;right:max(10px,env(safe-area-inset-right))!important;top:max(10px,env(safe-area-inset-top))!important;z-index:103!important}
}


/* FolienLounge 1.5.12 – vollständige Responsive-Schicht */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
main,header,footer,section,article,div,form,nav{min-width:0}
img,svg,canvas{max-width:100%}
iframe{max-width:100%;border:0}
input,select,textarea,button{max-width:100%}
.prose,.rich-inline,.page-intro,.page-data-value,.service-card,.process-card,.stat-card,.contact-layout,.site-footer{overflow-wrap:anywhere;word-break:normal}
.content-width{width:min(1100px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.content-pad{padding-left:clamp(20px,5vw,88px);padding-right:clamp(20px,5vw,88px)}

/* Header / Navigation – Desktop, Tablet und Mobile */
.site-header{width:100%;padding-left:clamp(14px,3.2vw,56px);padding-right:clamp(14px,3.2vw,56px);gap:clamp(10px,1.5vw,24px)}
.brand{max-width:min(48vw,680px)}
.brand-logo{max-width:100%;min-width:0}
.site-header nav{min-width:0}
.site-header nav a{white-space:nowrap}
@media(max-width:1240px) and (min-width:1081px){
  .site-header{gap:12px;padding-left:18px;padding-right:18px}
  .brand{max-width:36vw;padding-left:8px;padding-right:10px}
  .brand-logo{max-width:34vw}
  .site-header nav{gap:3px;padding:7px 8px}
  .site-header nav a{padding:9px 9px;font-size:.88rem}
  .header-cta{padding:12px 15px;font-size:.9rem}
}
@media(max-width:1080px){
  .site-header{height:clamp(70px,var(--header-height),86px);min-height:70px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));overflow:visible}
  .brand{max-width:calc(100% - 64px);padding:6px 9px;background:rgba(6,10,16,.38)}
  .brand-logo{height:min(var(--header-logo-height),54px);max-width:min(72vw,520px)}
  .brand-text{font-size:1rem}
  .nav-toggle{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;margin-left:auto;z-index:3}
  .header-cta{display:none!important}
  .site-header nav{
    display:none;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));
    top:calc(clamp(70px,var(--header-height),86px) + max(8px,env(safe-area-inset-top)));max-height:calc(100dvh - max(92px,var(--header-height)) - env(safe-area-inset-bottom));
    margin:0;padding:12px;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:5px;border-radius:18px;
    background:rgba(7,11,17,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px)
  }
  .site-header nav.open{display:flex}
  .site-header nav a{width:100%;padding:13px 14px;border-radius:12px;white-space:normal;font-size:1rem}
  body.mobile-nav-open{overflow:hidden}
}
@media(max-width:520px){
  .site-header{min-height:68px;height:68px}
  .brand{max-width:calc(100% - 56px);gap:9px;border-radius:15px}
  .brand-logo{height:min(var(--header-logo-height),46px);max-width:68vw}
  .brand-mark{width:38px;height:38px;border-radius:11px}
  .brand-text{font-size:.92rem}
  .nav-toggle{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .site-header nav{top:76px}
}

/* Hero */
.hero-copy,.split>div:last-child,.gallery-section,.legal{padding-left:clamp(20px,6vw,110px);padding-right:clamp(20px,6vw,110px)}
.hero h1{font-size:clamp(3rem,6.4vw,7rem)}
@media(max-width:1050px){
  .hero{min-height:0;grid-template-columns:1fr}
  .hero-copy{padding-top:clamp(72px,9vw,104px);padding-bottom:clamp(58px,8vw,92px)}
  .hero h1{max-width:850px;font-size:clamp(3.15rem,8.4vw,6rem);line-height:.96}
  .hero-visual{min-height:clamp(390px,55vw,620px)}
  .hero-card-top{right:6%;top:10%}.hero-card-bottom{left:5%;bottom:16%}.hero-badge{right:6%;bottom:7%}
}
@media(max-width:680px){
  .hero-copy{padding:58px 20px 52px}
  .hero h1{font-size:clamp(2.65rem,13vw,4.5rem);letter-spacing:-.045em;line-height:.98;margin-top:14px}
  .hero p,.hero-text{font-size:1rem}
  .hero-actions{gap:14px;margin-top:26px;align-items:stretch}
  .hero-actions .btn{width:100%;text-align:center}
  .hero-actions .text-link{padding:10px 2px}
  .hero-chips{gap:8px}.hero-chips span{padding:8px 10px;font-size:.86rem}
  .hero-visual{min-height:340px}
  .hero-floating-card{display:none}
  .hero-badge{left:18px;right:auto;bottom:18px;padding:14px 16px}
  .car-shape{height:150px;width:82%}
}
@media(max-width:380px){
  .hero-copy{padding-left:16px;padding-right:16px}
  .hero h1{font-size:clamp(2.3rem,13.5vw,3.25rem)}
  .hero-chips span{font-size:.8rem}
}

/* Raster, Karten und Inhaltsbereiche */
.stats-grid,.process-grid{gap:clamp(12px,1.5vw,20px)}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px);padding-left:clamp(20px,5vw,88px);padding-right:clamp(20px,5vw,88px)}
.gallery-grid,.gallery-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,1.5vw,20px)}
.gallery-grid{padding-left:clamp(18px,5vw,80px);padding-right:clamp(18px,5vw,80px)}
.media-tile{width:100%;min-width:0}
.section-head{min-width:0;flex-wrap:wrap}
.section-head h2{overflow-wrap:anywhere}
.page-data-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
@media(max-width:1100px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .stats-grid,.process-grid,.service-grid{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .section-head>a{align-self:flex-start}
  .service-card,.process-card,.stat-card{min-width:0}
  .gallery-grid,.gallery-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .gallery-grid,.gallery-grid.compact{grid-template-columns:1fr}
  .media-tile{border-radius:18px}
  .media-meta{gap:8px}.media-label{max-width:70%;padding:9px 11px}.media-action{font-size:.76rem}
}

/* Zweispalter / Leistungen */
@media(max-width:960px){
  .split{grid-template-columns:1fr}
  .split-art{min-height:clamp(330px,55vw,520px)}
  .split>div:last-child{padding-top:64px;padding-bottom:70px}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-list article{grid-template-columns:1fr;gap:14px;padding:44px 0}
}
@media(max-width:600px){
  .facts{grid-template-columns:1fr;gap:12px}
  .split>div:last-child{padding:52px 20px 58px}
  .service-list{padding-left:20px;padding-right:20px}
  .service-list h2{font-size:clamp(1.8rem,9vw,2.4rem)}
}

/* Kontakt, Formulare und CAPTCHA */
.contact-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(36px,6vw,80px)}
.contact-form,.form-grid{min-width:0}
.contact-form input,.contact-form textarea,.form-grid input,.form-grid textarea{min-width:0}
@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;gap:38px;padding-left:clamp(20px,5vw,48px);padding-right:clamp(20px,5vw,48px)}
}
@media(max-width:680px){
  .contact-form,.form-grid{grid-template-columns:1fr}
  .contact-form .full,.form-grid .full{grid-column:1}
  .contact-form .btn{width:100%;text-align:center}
  .captcha-field{padding:14px}
  .captcha-answer{max-width:none}
}

/* Seitenköpfe und Textseiten */
.page-hero h1,.page-hero h1[data-motion-title]{overflow-wrap:anywhere;hyphens:auto}
.prose img,.rich-inline img{height:auto!important}
.prose table,.rich-inline table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose pre,.rich-inline pre{max-width:100%;overflow-x:auto}
@media(max-width:760px){
  .content-width{width:calc(100% - 36px)}
  .page-hero{padding-left:20px;padding-right:20px}
  .page-hero h1,.page-hero h1[data-motion-title]{font-size:clamp(2.2rem,10vw,4rem)}
  .legal,.custom-page-content,.page-data-section{padding-left:0;padding-right:0}
}
@media(max-width:400px){
  .content-width{width:calc(100% - 28px)}
  .page-hero{padding-left:16px;padding-right:16px}
  .page-hero h1,.page-hero h1[data-motion-title]{font-size:clamp(2rem,11vw,3.2rem)}
}

/* Bearbeitbares Betreiber-Copyright + geschütztes North-Addons-Branding */
.footer-branding-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.footer-owner-copyright{display:flex;align-items:center;justify-content:flex-start;min-width:0;text-align:left;font-size:.9rem;color:var(--muted,#aeb4bd)}
.footer-owner-copyright a,.footer-owner-copyright .footer-owner-static{display:inline-flex;align-items:center;gap:.32rem;flex-wrap:wrap;color:inherit;text-decoration:none}
.footer-owner-copyright a:hover{color:var(--light,#fff)}
.footer-owner-years{white-space:nowrap}
#north-addons-copyright-lock{margin-left:auto}

/* CTA und Footer */
.cta{padding-left:clamp(20px,6vw,100px);padding-right:clamp(20px,6vw,100px);flex-wrap:wrap}
.site-footer,footer{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));padding-left:clamp(20px,6vw,100px);padding-right:clamp(20px,6vw,100px);gap:clamp(24px,4vw,50px)}
.site-footer.footer-no-admin{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr))}
@media(max-width:900px){
  .cta{align-items:flex-start}.cta>div{flex:1 1 480px}.cta .btn{flex:0 0 auto}
  .site-footer,footer,.site-footer.footer-no-admin{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .cta{display:grid;grid-template-columns:1fr;padding-top:50px;padding-bottom:50px}.cta .btn{width:100%;text-align:center;margin-top:4px}
  .site-footer,footer,.site-footer.footer-no-admin{grid-template-columns:1fr;padding-top:48px;padding-bottom:46px;gap:24px}
  .footer-branding-row{align-items:flex-start!important;justify-content:flex-start!important}
  .footer-owner-copyright{width:100%;justify-content:flex-start!important;text-align:left!important}
  #north-addons-copyright-lock{width:100%;margin-left:0!important;justify-content:flex-start!important;text-align:left!important;line-height:1.5!important}
}

/* Lightbox – Portrait, Landscape, kleine und große Viewports */
.lightbox[hidden]{display:none!important}
.lightbox-stage{min-width:0}
.lightbox-video-error{max-width:560px;padding:20px;text-align:center;color:#ffd0d0;background:rgba(128,35,35,.22);border:1px solid rgba(255,110,110,.2);border-radius:14px}
@media(max-width:1080px){
  .lightbox{display:none!important;min-height:100dvh!important;height:100dvh!important;padding:max(60px,calc(env(safe-area-inset-top) + 52px)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow:hidden!important}
  .lightbox.is-open{display:flex!important;align-items:center!important;justify-content:center!important}
  .lightbox-shell{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
  .lightbox-stage{width:100%!important;max-height:calc(100dvh - 148px)!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important}
  .lightbox-stage img,.lightbox-stage video{max-width:100%!important;max-height:calc(100dvh - 180px)!important;width:auto!important;height:auto!important;object-fit:contain!important}
}
@media(max-height:520px) and (orientation:landscape){
  .lightbox{padding:10px 64px 10px!important}
  .lightbox-stage{max-height:calc(100dvh - 54px)!important;padding:6px!important}
  .lightbox-stage img,.lightbox-stage video{max-height:calc(100dvh - 66px)!important}
  .lightbox-meta{position:absolute;left:70px;right:70px;bottom:8px;background:rgba(3,6,10,.58);padding:5px 8px!important;border-radius:10px}
  .lightbox-close{top:8px!important;right:8px!important}
  .lightbox-nav{top:50%!important}
}

/* Große Displays: Inhalte bleiben lesbar statt endlos auseinanderzulaufen */
@media(min-width:1700px){
  .hero-copy{padding-left:max(7vw,120px)}
  .service-grid,.stats-grid,.process-band,.gallery-section,.contact-layout{max-width:1720px;margin-left:auto;margin-right:auto}
  .page-hero{padding-left:max(7vw,120px);padding-right:max(7vw,120px)}
  .site-footer,footer{padding-left:max(7vw,120px);padding-right:max(7vw,120px)}
}

/* Touch-Ziele */
@media(pointer:coarse){
  .btn,.nav-toggle,.site-header nav a,.lightbox-close,.lightbox-nav,.captcha-refresh{min-height:44px}
  .text-link{display:inline-flex;align-items:center;min-height:44px}
}

/* ========================================================================
   FolienLounge 1.6.0 – eigenständige Instagram-Galerie
   ======================================================================== */
.instagram-gallery-section{
  padding:0 clamp(18px,5vw,80px) clamp(72px,8vw,120px);
}
.instagram-gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(16px,1.8vw,24px);
  max-width:1680px;
  margin:0 auto;
}
.instagram-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(20,24,31,.96),rgba(10,14,20,.96));
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.instagram-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,106,0,.24);
  box-shadow:0 26px 48px rgba(0,0,0,.24);
}
.instagram-media-tile{
  aspect-ratio:1/1;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.instagram-media-tile:hover{box-shadow:none}
.instagram-card-badges{
  position:absolute;
  z-index:3;
  left:14px;
  top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  pointer-events:none;
}
.instagram-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,106,0,.94),rgba(255,67,86,.88));
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.instagram-badge.subtle{
  background:rgba(7,10,15,.68);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
.instagram-hover-action{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  translate:-50% -40%;
  opacity:0;
  min-width:92px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(7,10,15,.68);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  transition:opacity .2s ease,translate .2s ease;
  pointer-events:none;
}
.instagram-media-tile:hover .instagram-hover-action,
.instagram-media-tile:focus-visible .instagram-hover-action{opacity:1;translate:-50% -50%}
.instagram-card-info{
  display:grid;
  gap:12px;
  padding:17px 18px 19px;
}
.instagram-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  color:var(--muted);
  font-size:.82rem;
}
.instagram-card-meta a{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-weight:800;
}
.instagram-card-meta a:hover{color:var(--accent)}
.instagram-card-info p{
  margin:0;
  color:#c7ccd4;
  font-size:.92rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.instagram-external{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  color:var(--accent);
  font-size:.84rem;
  font-weight:800;
}
.gallery-empty-state{
  max-width:900px;
  margin:0 auto;
  padding:42px 24px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.025);
  color:var(--muted);
}
.gallery-empty-state b{display:block;margin-bottom:7px;color:#fff;font-size:1.05rem}
.public-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin:34px auto 0;
}
.public-pagination a,.public-pagination span{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:rgba(255,255,255,.035);
}
.public-pagination a{font-weight:800}.public-pagination a:hover{border-color:rgba(255,106,0,.3);background:rgba(255,106,0,.10)}
@media(max-width:920px){
  .instagram-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .instagram-gallery-section{padding-left:16px;padding-right:16px}
  .instagram-gallery-grid{grid-template-columns:1fr;gap:16px}
  .instagram-card{border-radius:20px}
  .instagram-card-info{padding:15px 15px 17px}
  .instagram-hover-action{display:none}
  .instagram-card-meta{align-items:flex-start;flex-direction:column;gap:5px}
  .public-pagination{display:grid;grid-template-columns:1fr;text-align:center}
  .public-pagination a,.public-pagination span{width:100%}
}
@media(pointer:coarse){
  .instagram-media-tile{touch-action:manipulation}
  .instagram-external{min-height:44px;align-items:center}
}

/* FolienLounge 1.8.0 – Bootstrap / Pagebuilder / Sidebars / Widgets / Boxen */
.site-layout-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:28px max(18px,4vw) 70px;align-items:start}.site-layout-grid.has-left{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.site-layout-grid.has-right{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.site-layout-grid.has-left.has-right{grid-template-columns:minmax(210px,280px) minmax(0,1fr) minmax(210px,280px)}.site-layout-main{min-width:0}.site-layout-sidebar{display:grid;gap:18px;position:sticky;top:calc(var(--header-height,92px) + 24px)}.fl-sidebar{display:grid;gap:18px}.fl-widget,.fl-box{border:1px solid var(--line);border-radius:max(14px,var(--card-radius));background:rgba(20,24,30,.86);padding:20px;box-shadow:0 16px 36px rgba(0,0,0,.12)}.fl-widget h3,.fl-box h3{margin:0 0 14px;font-size:1.05rem}.fl-widget-menu{display:grid;gap:5px}.fl-widget-menu a{padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.03)}.fl-widget-list{margin:0;padding-left:18px}.fl-box-accent{border-color:rgba(255,106,0,.35);background:linear-gradient(145deg,rgba(255,106,0,.12),rgba(20,24,30,.9))}.fl-box-light{background:var(--light);color:var(--ink)}.fl-box-transparent{background:transparent;box-shadow:none}.fl-box-outline{background:transparent;border:1px solid rgba(255,106,0,.45)}
.fl-builder{padding:28px 0 64px}.fl-builder-row-wrap{padding-left:max(18px,5vw);padding-right:max(18px,5vw);margin-bottom:24px}.fl-builder-row{align-items:stretch}.fl-builder-col{min-width:0}.fl-block{height:100%;min-width:0}.fl-block-heading,.fl-block-text,.fl-block-html,.fl-block-contact,.fl-block-services,.fl-block-gallery,.fl-block-instagram,.fl-block-widget,.fl-block-box{padding:18px 0}.fl-block-heading h1,.fl-block-heading h2,.fl-block-heading h3{margin:0}.fl-block-image figure{margin:0}.fl-block-image img{width:100%;max-height:720px;object-fit:cover;border-radius:max(14px,var(--card-radius))}.fl-block-image figcaption{color:var(--muted);font-size:.88rem;padding-top:8px}.fl-builder-button{display:inline-flex}.fl-builder-cta{padding:30px;border-radius:max(16px,var(--card-radius));background:linear-gradient(135deg,var(--accent),#ff9148);color:#fff}.fl-builder-cta h3{margin-top:0}.fl-mini-card{height:100%;border:1px solid var(--line);border-radius:max(14px,var(--card-radius));padding:20px;background:rgba(255,255,255,.025)}.fl-mini-card h3{margin-top:0}.fl-widget-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fl-widget-media{border:0;padding:0;aspect-ratio:1;background:#0b0e12;border-radius:10px;overflow:hidden;cursor:pointer}.fl-widget-media img,.fl-widget-media video{width:100%;height:100%;object-fit:cover}.site-footer+.fl-sidebar{margin:0 max(18px,5vw)}
body .container-fluid.fl-builder-row-wrap{max-width:1680px;margin-left:auto;margin-right:auto}.fl-builder .btn{font-family:inherit}.fl-builder img{max-width:100%;height:auto}
@media(max-width:1180px){.site-layout-grid.has-left.has-right{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}.site-layout-grid.has-left.has-right .site-layout-right{grid-column:1/-1;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.site-layout-grid,.site-layout-grid.has-left,.site-layout-grid.has-right,.site-layout-grid.has-left.has-right{grid-template-columns:1fr;padding:20px max(16px,4vw) 50px}.site-layout-sidebar{position:static}.site-layout-left{order:0}.site-layout-main{order:1}.site-layout-right{order:2}.site-layout-grid.has-left.has-right .site-layout-right{grid-template-columns:1fr}.fl-builder-row-wrap{padding-left:max(14px,4vw);padding-right:max(14px,4vw)}}
@media(max-width:600px){.fl-builder{padding-top:14px}.fl-builder-row-wrap{margin-bottom:12px}.fl-widget,.fl-box{padding:16px}.fl-widget-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-builder-cta{padding:22px}}
/* Builder grid fallback when Bootstrap is disabled */
.fl-builder-row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.fl-builder-row>.fl-builder-col{padding-left:10px;padding-right:10px;flex:0 0 auto;width:100%}@media(min-width:768px){.fl-builder-row>.col-md-12{width:100%}.fl-builder-row>.col-md-9{width:75%}.fl-builder-row>.col-md-8{width:66.666667%}.fl-builder-row>.col-md-6{width:50%}.fl-builder-row>.col-md-4{width:33.333333%}.fl-builder-row>.col-md-3{width:25%}}
/* Vollständiger 12-Spalten-Fallback für den Builder, falls Bootstrap deaktiviert wird. */
@media(min-width:768px){
  .fl-builder-row>.col-md-1{width:8.333333%}.fl-builder-row>.col-md-2{width:16.666667%}.fl-builder-row>.col-md-3{width:25%}.fl-builder-row>.col-md-4{width:33.333333%}.fl-builder-row>.col-md-5{width:41.666667%}.fl-builder-row>.col-md-6{width:50%}.fl-builder-row>.col-md-7{width:58.333333%}.fl-builder-row>.col-md-8{width:66.666667%}.fl-builder-row>.col-md-9{width:75%}.fl-builder-row>.col-md-10{width:83.333333%}.fl-builder-row>.col-md-11{width:91.666667%}.fl-builder-row>.col-md-12{width:100%}
}

/* 1.8.0 – integrierte Style-Grafikpakete */
.service-card.has-style-service-image{min-height:330px;display:flex;align-items:flex-end;background:#0b0d10}.service-card-style-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .55s ease}.service-card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 12%,rgba(0,0,0,.86) 76%,rgba(0,0,0,.96))}.service-card-content{position:relative;z-index:2;width:100%}.service-card.has-style-service-image p{color:rgba(255,255,255,.78)}.service-card.has-style-service-image:hover .service-card-style-image{transform:scale(1.035)}.cta.has-style-cta-image{position:relative;isolation:isolate;background-image:linear-gradient(100deg,rgba(0,0,0,.76),rgba(0,0,0,.34)),var(--cta-style-image);background-size:cover;background-position:center}.cta.has-style-cta-image:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 26%,transparent),transparent 55%)}@media(max-width:700px){.service-card.has-style-service-image{min-height:280px}.cta.has-style-cta-image{background-position:center}}
.process-band{background-image:linear-gradient(180deg,rgba(5,7,10,.76),rgba(5,7,10,.92)),var(--style-section-image);background-size:cover;background-position:center;background-blend-mode:normal}


/* Frontend-Stylewechsler */
.frontend-style-switcher{display:flex;align-items:center;margin:0 0 0 4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.10);min-width:0}
.frontend-style-switcher label{display:flex;align-items:center;gap:7px;margin:0;color:#cbd2dc;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.frontend-style-switcher select{appearance:auto;min-width:150px;max-width:230px;height:38px;padding:0 30px 0 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,12,18,.82);color:#fff;font:600 .86rem/1 var(--body-font);outline:none;cursor:pointer}
.frontend-style-switcher select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
.frontend-style-switcher.is-switching{opacity:.68;pointer-events:none}
.style-switcher-submit{padding:8px 12px;margin-left:6px;font-size:.8rem}
@media(max-width:1080px){
  .frontend-style-switcher{width:100%;margin:8px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.10)}
  .frontend-style-switcher label{width:100%;justify-content:space-between}
  .frontend-style-switcher select{flex:1;min-width:0;max-width:none;height:44px}
}

/* FolienLounge 1.8.5 – Frontend-Performanceprofile */
.performance-balanced .motion-canvas,
.performance-minimal .motion-canvas{display:none!important}
.performance-minimal .marquee-track,
.performance-minimal .hero-floating-card,
.performance-minimal .feature-icon,
.performance-minimal .cta{animation:none!important}
.performance-minimal .site-header,
.performance-minimal .site-header nav,
.performance-minimal .brand,
.performance-minimal .hero-badge,
.performance-minimal .hero-floating-card,
.performance-minimal .media-label,
.performance-minimal .media-type-badge,
.performance-minimal .play,
.performance-minimal .lightbox{backdrop-filter:none!important}
.performance-minimal .reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:900px){
  .performance-balanced .site-header,
  .performance-balanced .site-header nav,
  .performance-balanced .brand{backdrop-filter:none!important}
}
/* 1.8.5 Zusatz: im ausgewogenen/minimalen Modus keine unnötigen GPU-Layer */
.performance-balanced .js-tilt,
.performance-minimal .js-tilt{transform:none!important;will-change:auto!important}
.performance-balanced .site-header,
.performance-balanced .site-header nav,
.performance-balanced .brand{backdrop-filter:none!important}

/* FolienLounge 1.8.7 – verwaltete Frontend-Menüs und optionale Dropdown-Kategorien */
.frontend-nav-dropdown{position:relative;display:flex;align-items:center}
.frontend-nav-dropdown>summary{list-style:none;cursor:pointer;color:#edf2f8;padding:10px 14px;border-radius:999px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.3);white-space:nowrap;display:flex;align-items:center;gap:7px;user-select:none}
.frontend-nav-dropdown>summary::-webkit-details-marker{display:none}
.frontend-nav-dropdown>summary::after{content:"⌄";font-size:.78em;transition:transform .18s ease}
.frontend-nav-dropdown[open]>summary,.frontend-nav-dropdown>summary:hover,.frontend-nav-dropdown>summary:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.frontend-nav-dropdown[open]>summary::after{transform:rotate(180deg)}
.frontend-nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;display:grid;gap:5px;padding:9px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(7,11,17,.97);box-shadow:0 22px 46px rgba(0,0,0,.34);backdrop-filter:blur(12px);z-index:40}
.site-header nav .frontend-nav-dropdown-menu a{display:block;border-radius:10px;padding:10px 12px;white-space:normal}
@media(min-width:901px){.frontend-nav-dropdown:hover>.frontend-nav-dropdown-menu{display:grid}.frontend-nav-dropdown:not([open]):hover>summary{background:rgba(255,255,255,.08)}}
@media(max-width:900px){.frontend-nav-dropdown{display:grid;width:100%}.frontend-nav-dropdown>summary{width:100%;padding:13px 14px;border-radius:12px;justify-content:space-between}.frontend-nav-dropdown-menu{position:static;min-width:0;width:100%;margin-top:5px;padding:7px 0 0 12px;border:0;border-left:2px solid rgba(255,255,255,.1);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.site-header nav .frontend-nav-dropdown-menu a{padding:11px 12px}}