:root{--bg:#08090a;--surface:#101114;--surface2:#17191d;--ink:#dfdcda;--muted:#a7a5a5;--red:#981b28;--red2:#741521;--border:rgba(255,255,255,.17);--display:Impact,'Arial Narrow',sans-serif;--body:Arial,Helvetica,sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,video{max-width:100%}::selection{background:var(--red);color:white}:focus-visible{outline:2px solid var(--red);outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;z-index:200;background:white;color:black;padding:8px 18px}.skip:focus{top:12px}.container{max-width:1480px;padding:0 clamp(24px,5vw,90px);margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:11px;color:#ff4c63}.eyebrow:before{content:'';display:inline-block;height:1px;width:28px;background:var(--red);vertical-align:middle;margin-right:12px}.kicker{color:#cac7c8;font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.display{font:800 clamp(68px,10.3vw,168px)/.82 var(--display);letter-spacing:-.028em;text-transform:uppercase;margin:21px 0 20px}.display span,.accent{color:var(--red)}.h2{font:800 clamp(43px,6vw,90px)/.96 var(--display);letter-spacing:-.012em;text-transform:uppercase;margin:18px 0}.h3{font:750 clamp(28px,3vw,45px)/1 var(--display);text-transform:uppercase;margin:0 0 12px}.lede{max-width:610px;font-size:clamp(16px,1.5vw,20px);color:#cbc9c9;line-height:1.65}.muted{color:var(--muted)}.small{font-size:13px}.arrow{display:inline-block;margin-left:13px;transition:transform .2s}.link-arrow:hover .arrow{transform:translate(4px,-3px)}.btn{display:inline-flex;gap:12px;justify-content:center;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.55);color:white;padding:15px 22px;font:700 12px/1.1 var(--body);letter-spacing:.12em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s}.btn:hover{border-color:white;transform:translateY(-2px)}.btn.red{border-color:var(--red);background:var(--red)}.btn.red:hover{background:#c90d2b}.btn.sm{padding:12px 17px;font-size:11px}.row-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.header{position:fixed;z-index:100;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(7,8,10,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;flex:0 0 auto;max-width:200px}.brand img{width:190px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:clamp(13px,2vw,30px);margin-left:auto}.nav-link,.nav-trigger{color:#d6d3d1;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:800;white-space:nowrap;background:none;border:none;padding:32px 0}.nav-link:hover,.nav-trigger:hover,.nav-link.active,.nav-trigger.active{color:#ff4a62}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% - 2px);left:-26px;min-width:310px;background:#131418;border:1px solid var(--border);box-shadow:0 23px 60px rgba(0,0,0,.45);padding:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:11px 12px;color:#ddd;font-size:12px;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.06)}.dropdown-menu a:last-child{border:0}.dropdown-menu a:hover{background:#242429;color:white}.lang-tag{border-left:1px solid var(--border);padding-left:15px;font-weight:700;font-size:12px;color:#aaa}.nav-toggle{display:none;background:transparent;border:1px solid var(--border);color:white;padding:9px 12px}.mobile-nav{display:none}.site-hero{position:relative;min-height:850px;height:min(910px,100svh);display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,rgba(110,17,31,.31) 0,transparent 34%),#08090a}.site-hero::before,.page-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,9,10,.87) 0%,rgba(8,9,10,.52) 56%,rgba(8,9,10,.25) 100%);z-index:1}.site-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.08) 4px);opacity:.36;z-index:2}.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-art::before{content:'';position:absolute;width:90vw;height:90vw;max-width:1180px;max-height:1180px;border-radius:50%;right:-16%;top:-15%;background:radial-gradient(circle at 49% 50%,transparent 0 18%,rgba(241,39,63,.08) 18.2% 18.5%,transparent 19%),conic-gradient(from 17deg,transparent 0 10deg,rgba(210,215,219,.19) 11deg 43deg,transparent 44deg 61deg,rgba(210,215,219,.11) 62deg 101deg,transparent 102deg 123deg,rgba(200,205,210,.1) 125deg 162deg,transparent 163deg 195deg,rgba(220,225,230,.14) 197deg 232deg,transparent 234deg 265deg,rgba(220,225,230,.09) 268deg 302deg,transparent 305deg 333deg,rgba(220,225,230,.1) 335deg 360deg);mask-image:radial-gradient(circle,transparent 0 27%,black 28% 44%,transparent 45%);animation:rotateSlow 80s linear infinite}.hero-art::after{content:'';position:absolute;right:-12%;bottom:-26%;width:90vw;height:55vw;transform:rotate(-14deg);background:linear-gradient(180deg,transparent 0 32%,rgba(237,16,50,.36) 40%,rgba(237,16,50,.13) 48%,transparent 55%);filter:blur(18px);animation:pulse 9s ease-in-out infinite alternate}.hero-content{position:relative;z-index:3;width:100%;padding-top:88px}.hero-content .lede{max-width:525px}.hero-meta{position:absolute;z-index:4;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-meta span:last-child{display:flex;align-items:center;gap:8px}.scroll-line{height:36px;width:1px;background:var(--red);display:inline-block;vertical-align:middle}.chapter{padding:clamp(80px,9vw,142px) 0}.chapter.alt{background:#0e0f11}.split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}.split-head .lede{max-width:480px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.service-card{min-height:345px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.12);background:linear-gradient(140deg,rgba(255,255,255,.035),transparent 70%),#131417;position:relative;isolation:isolate;transition:background .25s,transform .25s}.service-card:hover{background:#1b1d20;transform:translateY(-4px)}.service-card:before{content:'';position:absolute;right:22px;top:17px;width:90px;height:90px;border:1px solid rgba(255,255,255,.10);border-radius:50%}.service-card:after{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s}.service-card:hover:after{transform:scaleX(1)}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.number{font:700 13px var(--body);color:#ff526b;letter-spacing:.15em}.service-symbol{font:800 48px var(--display);line-height:1;color:#383a3e}.service-card h3{font:800 clamp(33px,3.5vw,51px)/.96 var(--display);margin:0 0 12px;text-transform:uppercase}.service-card p{margin:0 0 13px;color:#aaa;font-size:13px}.service-card .card-arrow{font-size:24px;color:#f5f5f5}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.project-card{position:relative;isolation:isolate;min-height:350px;background:#17191b;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:29px;border:1px solid rgba(255,255,255,.08)}.project-card:nth-child(1){grid-column:span 7;min-height:470px}.project-card:nth-child(2){grid-column:span 5;min-height:470px}.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5){grid-column:span 4}.project-art{position:absolute;inset:0;z-index:-1;opacity:.95;transition:transform .7s}.project-card:hover .project-art{transform:scale(1.07)}.project-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 80%)}.art-film{background:radial-gradient(ellipse at 72% 35%,rgba(243,63,77,.4),transparent 28%),linear-gradient(135deg,#35383d,#050607 63%)}.art-ad{background:radial-gradient(ellipse at 30% 40%,rgba(245,237,231,.2),transparent 40%),linear-gradient(105deg,#20242a,#070808)}.art-wedding{background:radial-gradient(ellipse at 62% 20%,rgba(164,124,109,.27),transparent 42%),linear-gradient(130deg,#393034,#09090a 66%)}.art-photo{background:radial-gradient(ellipse at 52% 35%,rgba(170,172,175,.23),transparent 32%),linear-gradient(140deg,#353535,#080809 63%)}.art-event{background:radial-gradient(ellipse at 62% 28%,rgba(152,27,40,.23),transparent 38%),linear-gradient(125deg,#292225,#070708)}.project-art:before{content:'';position:absolute;left:21%;top:-25%;width:70%;height:125%;border:1px solid rgba(255,255,255,.15);transform:rotate(38deg)}.project-art:after{content:'';position:absolute;left:43%;top:-45%;width:30%;height:145%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:rotate(29deg)}.project-title{font:800 clamp(37px,4vw,57px)/.95 var(--display);text-transform:uppercase;margin:7px 0 8px}.project-tag{font-size:10px;color:#f3a6af;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.project-details{font-size:13px;color:#ddd;margin:0}.manifesto{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,90px);align-items:center}.manifesto-art{min-height:510px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 52% 53%,#3b1120 0,#18191d 33%,#09090c 66%)}.manifesto-art:before{content:'IQ';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:900 clamp(180px,28vw,420px)/1 var(--display);letter-spacing:-.1em;color:rgba(255,255,255,.055)}.manifesto-art:after{content:'';position:absolute;top:17%;left:20%;width:70%;height:62%;border:24px solid rgba(152,27,40,.22);border-right-color:rgba(255,255,255,.12);border-radius:50%;transform:rotate(-25deg)}.list-lines{margin:28px 0 32px;border-top:1px solid var(--border)}.list-line{border-bottom:1px solid var(--border);padding:15px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.list-line strong{font-size:12px;color:var(--red)}.band{background:var(--red);padding:65px 0}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}.band .h2{margin:0;font-size:clamp(50px,7vw,110px)}.band p{margin:0;color:#f6dfe3}.band .btn{border-color:white;background:white;color:#131315;white-space:nowrap}.band .btn:hover{background:#121315;color:white}.footer{background:#080809;border-top:1px solid var(--border);padding:60px 0 22px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:35px;padding-bottom:55px}.footer img{width:220px}.footer-label{font-size:11px;color:#aaa;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-links a:hover{color:#be5260}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:25px;font-size:12px;color:#999}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.page-hero{min-height:570px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:190px 0 85px;background:radial-gradient(ellipse at 75% 65%,rgba(112,20,42,.28),transparent 42%),#0b0b0d}.page-hero .container{position:relative;z-index:3;width:100%}.page-hero .display{font-size:clamp(70px,10vw,148px);max-width:1100px}.page-hero .lede{max-width:790px}.page-hero .hero-art::before{right:-29%;top:-55%;opacity:.65}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature{padding:36px;border:1px solid var(--border);background:#141518}.feature span{font-size:12px;font-weight:700;color:var(--red);letter-spacing:.12em}.feature h3{font:800 39px/1 var(--display);text-transform:uppercase;margin:15px 0}.feature p{color:var(--muted);margin:0;font-size:14px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,80px);align-items:center}.quote{font:700 clamp(28px,4vw,54px)/1.1 var(--display);text-transform:uppercase}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flow-step{padding-top:20px;border-top:2px solid var(--red)}.flow-step .step-no{font:800 54px/1 var(--display);color:#555}.flow-step h3{font:800 29px/1.1 var(--display);text-transform:uppercase;margin:10px 0}.flow-step p{font-size:13px;color:#bbb}.sub-services{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sub-services .feature{min-height:200px}.form-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:0;min-height:790px;border:1px solid var(--border)}.form-panel{padding:clamp(27px,5vw,70px);background:#111214}.form-photo{position:relative;overflow:hidden;min-height:520px;background:radial-gradient(ellipse at 58% 25%,rgba(235,207,188,.27),transparent 36%),linear-gradient(130deg,#3d3031,#100f11 68%)}.form-photo:before{content:'';position:absolute;inset:12%;border:1px solid rgba(255,255,255,.25)}.form-photo:after{content:'UNVERGESSLICH.';position:absolute;left:10%;bottom:11%;max-width:80%;font:800 clamp(48px,7vw,100px)/.9 var(--display);color:rgba(255,255,255,.9);overflow-wrap:anywhere}.form-photo.other{background:radial-gradient(ellipse at 50% 37%,rgba(227,29,62,.32),transparent 36%),#17191d}.form-photo.other:after{content:'DEINE IDEE. UNSER BLICK.'}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group label{display:block;color:#dcdcdc;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{display:block;width:100%;border:1px solid rgba(255,255,255,.24);background:#15161a;color:white;border-radius:0;padding:13px 14px;font-size:14px;outline:0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red)}.form-group textarea{min-height:125px;resize:vertical}.form-group select option{background:#111}.form-group small{display:block;margin-top:5px;color:#aaa}.form-note{font-size:12px;color:#aaa;margin:15px 0}.form-note a{text-decoration:underline}.check{display:flex;align-items:flex-start;gap:10px;color:#ccc;font-size:12px}.check input{margin-top:5px;accent-color:var(--red)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter-btn{border:1px solid var(--border);padding:9px 14px;background:transparent;color:#bbb;font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.filter-btn.active,.filter-btn:hover{background:var(--red);border-color:var(--red);color:white}.project-card[hidden]{display:none}.wide-note{padding:30px;border-left:3px solid var(--red);background:#141518;color:#bebbbd;font-size:14px}.placeholder{padding:44px 30px;background:repeating-linear-gradient(-45deg,#121315,#121315 14px,#15161a 14px,#15161a 28px);border:1px solid var(--border);min-height:230px;display:flex;justify-content:center;align-items:center;text-align:center;color:#9b9898;font-size:14px}.legal{max-width:850px}.legal p,.legal li{color:#c6c4c4}.legal a{color:#c56873;text-decoration:underline}.text-link{color:#be5260;text-decoration:underline;text-underline-offset:4px}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@keyframes rotateSlow{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.65;transform:rotate(-12deg) translateY(36px)}}@media(max-width:1150px){.desktop-nav{gap:15px}.nav-link,.nav-trigger{font-size:10px}.brand img{width:165px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto{grid-template-columns:1fr 1fr}}@media(max-width:850px){.nav-wrap{min-height:75px}.desktop-nav{display:none}.nav-toggle{display:block}.mobile-nav{display:none;border-top:1px solid var(--border);padding:10px 24px 24px;max-height:75svh;overflow:auto}.mobile-nav.open{display:block}.mobile-nav a,.mobile-nav .mobile-parent{display:block;padding:10px 3px;border-bottom:1px solid rgba(255,255,255,.07);text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.1em}.mobile-nav .mobile-parent{color:#be5260}.mobile-nav .mobile-sub{padding-left:18px}.mobile-nav .mobile-sub a{font-weight:500;color:#ddd;text-transform:none;letter-spacing:0}.site-hero{height:auto;min-height:760px}.hero-meta{display:none}.split-head,.manifesto,.two-col,.form-layout{grid-template-columns:1fr;display:grid}.footer-top{grid-template-columns:1fr 1fr}.form-photo{min-height:340px;order:-1}.project-card:nth-child(n){grid-column:span 6;min-height:370px}.flow-steps{grid-template-columns:1fr 1fr}.band-inner{flex-direction:column;align-items:flex-start}}@media(max-width:550px){.container{padding-left:20px;padding-right:20px}.brand img{width:155px}.site-hero{min-height:690px}.hero-content{padding-top:130px}.display{font-size:clamp(59px,16vw,92px)}.service-grid,.feature-grid,.sub-services,.footer-top,.form-row,.flow-steps{grid-template-columns:1fr}.service-card{min-height:275px}.project-card:nth-child(n){grid-column:span 12;min-height:340px}.page-hero{min-height:490px;padding-top:140px;padding-bottom:55px}.page-hero .display{font-size:clamp(60px,15vw,91px)}.chapter{padding:75px 0}.manifesto-art{min-height:340px}.form-panel{padding:28px 22px}.form-photo{min-height:270px}.footer-bottom{flex-direction:column}.band{padding:55px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art::before,.hero-art::after{animation:none}.fade-up{opacity:1;transform:none;transition:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* IQ Media Arts: refinement after selecting the white-outline logo */
.brand img{width:168px;max-height:78px;object-fit:contain;object-position:left center}
.footer img{width:210px;height:auto}
@media(max-width:1150px){.brand img{width:155px}}
@media(max-width:550px){.brand img{width:145px}}


/* October 2026: refined, quieter cinematic direction inspired by contemporary production studios.
   German navigation remains functional; EN/AR are visibly planned, not dead links. */
:root{
  --display: 'Segoe UI', Arial, Helvetica, sans-serif;
  --body: 'Segoe UI', Arial, Helvetica, sans-serif;
  --ink:#e0dedb;
  --muted:#aaa7a6;
  --red:#851c2a;
  --red2:#681822;
}
body{font-family:var(--body);font-size:15px;line-height:1.68}
.eyebrow{color:#b65e67;font-size:10px;letter-spacing:.17em;font-weight:600}
.display{
  font-family:var(--display);
  font-size:clamp(44px,5.5vw,84px);
  line-height:1.12;
  font-weight:650;
  letter-spacing:-.045em;
  text-transform:none;
  max-width:960px;
  margin:26px 0 25px;
}
.display span{color:#e0dedb}
.site-hero .display span{color:#b5aaab}
.h2{font-family:var(--display);font-size:clamp(32px,4vw,61px);line-height:1.1;font-weight:650;letter-spacing:-.045em;text-transform:none}
.h3{font-family:var(--display);font-size:clamp(25px,2.8vw,39px);line-height:1.2;font-weight:650;text-transform:none}
.page-hero .display{font-size:clamp(47px,6vw,90px);max-width:1040px}
.service-card h3{font-family:var(--display);font-size:clamp(25px,2.6vw,35px);font-weight:650;letter-spacing:-.035em;line-height:1.12;text-transform:none}
.project-title{font-family:var(--display);font-size:clamp(30px,3.2vw,45px);font-weight:650;line-height:1.16;letter-spacing:-.04em;text-transform:none}
.feature h3,.flow-step h3{font-family:var(--display);font-weight:650;letter-spacing:-.03em;text-transform:none}
.quote{font-family:var(--display);font-weight:650;text-transform:none}
.form-photo:after{font-family:var(--display);font-weight:650;letter-spacing:-.04em}
.site-hero{min-height:690px;height:min(780px,100svh);background:radial-gradient(ellipse at 76% 59%,rgba(92,22,34,.19),transparent 38%),#08090a}
.site-hero .hero-art::before{opacity:.27;right:-27%}
.site-hero .hero-art::after{opacity:.22}
.hero-content .lede{max-width:600px;font-size:clamp(15px,1.35vw,18px);color:#b9b6b5;line-height:1.75}
.nav-wrap{min-height:84px}
.nav-link,.nav-trigger{font-size:11px;font-weight:600;letter-spacing:.065em;text-transform:none;padding:30px 0}
.nav-link:hover,.nav-trigger:hover,.nav-link.active,.nav-trigger.active{color:#c46c78}
.desktop-nav{gap:clamp(14px,1.8vw,26px)}
.lang-switch{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid var(--border);font-size:11px;letter-spacing:.03em;font-weight:650}
.lang-switch a:not(.lang-current),.mobile-languages a:not(.lang-current){color:#fff!important;opacity:1!important}
.lang-switch a:not(.lang-current):hover,.mobile-languages a:not(.lang-current):hover{color:#f0c5cd!important}
.lang-current{color:#fff;background:#ab233e;border:1px solid #e13b5c;border-radius:4px;padding:5px 8px;box-shadow:0 0 0 1px rgba(225,59,92,.12);font-weight:800}
.lang-future{color:#777578;cursor:not-allowed}
.mobile-languages{display:flex;gap:18px;align-items:center;padding:17px 3px;font-weight:650;font-size:12px}
.btn{font-weight:650;letter-spacing:.06em;font-size:11px}
.btn.red:hover{background:#9b2432}
.service-card .number{color:#bc6670}
.project-tag{color:#d28c92}
@media(max-width:1150px){
 .nav-link,.nav-trigger{font-size:10px}
 .desktop-nav{gap:12px}
 .lang-switch{gap:6px;padding-left:10px}
}
@media(max-width:850px){
 .site-hero{min-height:630px;height:auto}
 .hero-content{padding-top:175px;padding-bottom:100px}
 .mobile-nav a,.mobile-nav .mobile-parent{letter-spacing:.04em;text-transform:none}
}
@media(max-width:550px){
 .display{font-size:clamp(39px,10.2vw,60px);line-height:1.13}
 .page-hero .display{font-size:clamp(40px,10vw,66px)}
 .site-hero{min-height:610px}
 .hero-content{padding-top:135px;padding-bottom:90px}
 .h2{font-size:clamp(31px,9vw,46px)}
}

/* Projekte aus Pages CMS */
.project-card .cms-cover{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;filter:saturate(.9)}
.project-card:focus-visible{outline:2px solid #c46c78;outline-offset:4px}
.project-note{font-size:14px;color:#bab6b5;margin:0 0 22px}
.project-content{max-width:750px;line-height:1.85;color:#ccc7c5;white-space:pre-line}

/* IQ Media Arts · Einheitliche Links in allen Fußzeilen */
.footer-bottom-links{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.footer-social-icons{display:flex;align-items:center;gap:9px}
.footer-social-icons a{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);color:#ccc;text-decoration:none;border-radius:50%;transition:color .2s,border-color .2s,background .2s}
.footer-social-icons a:hover,.footer-social-icons a:focus-visible{color:#fff;background:#661e2a;border-color:#9b3544}
.footer-social-icons svg{display:block;flex:none}
.footer-legal{display:flex;gap:16px;align-items:center}
@media(max-width:550px){.footer-bottom-links{gap:17px}.footer-social-icons a{width:40px;height:40px}}

/* Diskrete Gestaltungsangabe in der Fußzeile */
.footer-signature{display:flex;flex-direction:column;gap:7px}
.footer-signature small{font-size:11px;line-height:1.5;color:#8e8a8b;letter-spacing:.01em}

/* IQ Media Arts — Logo-Intro v03 (nach Video-Vorlage).
   Das Logo erscheint in der Mitte. Der Seiten-Fade beginnt bereits
   KURZ VOR der Bewegung des Logos nach links oben und laeuft
   waehrend dieser Bewegung (kein Warten bis zur Endposition).
   Der Header blendet erst zum Schluss ein, um ein doppeltes Logo
   zu vermeiden. Einheitlich auf allen Seiten. */
body::before,
body::after {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: 2147483000;
}
body::before {
  inset: 0;
  background: #050506;
  opacity: 1;
  /* Fallback: Bei JavaScript-Fehlern bleibt die Website nicht verdeckt. */
  animation: iqma-reference-fallback 2200ms ease forwards;
}
@keyframes iqma-reference-fallback {
  0%, 85% { opacity: 1; }
  100% { opacity: 0; }
}
body::after {
  left: 50%;
  top: 50%;
  width: min(72vw, 440px);
  aspect-ratio: 935 / 438;
  background: url("logo-iqmediaarts.png") center center / contain no-repeat;
  transform: translate(-50%, -50%) scale(.96);
  opacity: 0;
  will-change: left, top, transform, opacity;
}
/* Eingangsanimation: Logo erscheint -> Seite beginnt einzublenden ->
   Logo bewegt sich ins Header-Ziel, waehrend die Seite sichtbar wird. */
html.iqma-reference-ready body::before {
  animation: iqma-reference-curtain 1880ms ease both;
}
html.iqma-reference-ready body::after {
  animation: iqma-reference-logo 1880ms ease-in-out both;
}
html.iqma-reference-ready main,
html.iqma-reference-ready .footer {
  animation: iqma-reference-page 1880ms ease-in-out both;
}
html.iqma-reference-ready .header {
  animation: iqma-reference-header 1880ms ease-in-out both;
}
@keyframes iqma-reference-curtain {
  0%, 38% { opacity: 1; }
  85%, 100% { opacity: 0; }
}
@keyframes iqma-reference-logo {
  0% {
    left: 50%; top: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.88);
    clip-path: inset(0 68% 0 0);
  }
  19% {
    left: 50%; top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    clip-path: inset(0 0 0 0);
  }
  43% {
    left: 50%; top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    clip-path: inset(0 0 0 0);
  }
  80% {
    left: var(--iqma-logo-center-x, 96px);
    top: var(--iqma-logo-center-y, 44px);
    opacity: 1;
    transform: translate(-50%, -50%) scale(var(--iqma-logo-end-scale, .38));
    clip-path: inset(0 0 0 0);
  }
  91% {
    left: var(--iqma-logo-center-x, 96px);
    top: var(--iqma-logo-center-y, 44px);
    opacity: 1;
    transform: translate(-50%, -50%) scale(var(--iqma-logo-end-scale, .38));
    clip-path: inset(0 0 0 0);
  }
  100% {
    left: var(--iqma-logo-center-x, 96px);
    top: var(--iqma-logo-center-y, 44px);
    opacity: 0;
    transform: translate(-50%, -50%) scale(var(--iqma-logo-end-scale, .38));
    clip-path: inset(0 0 0 0);
  }
}
@keyframes iqma-reference-page {
  0%, 38% { opacity: 0; }
  83%, 100% { opacity: 1; }
}
@keyframes iqma-reference-header {
  0%, 72% { opacity: 0; }
  94%, 100% { opacity: 1; }
}
/* Nur echte Seitennavigation: kurze Überblendung ins Schwarz.
   Der neue Dokumentaufruf startet dann die vollständige Logo-Bewegung. */
html.iqma-reference-leaving body::before {
  animation: iqma-reference-exit 190ms ease-in both;
}
@keyframes iqma-reference-exit {
  from { opacity: 0; }
  to { opacity: 1; }
}
html.iqma-reference-leaving body::after {
  animation: none;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  html.iqma-reference-ready body::before,
  html.iqma-reference-ready body::after,
  html.iqma-reference-ready .header,
  html.iqma-reference-ready main,
  html.iqma-reference-ready .footer,
  html.iqma-reference-leaving body::before,
  html.iqma-reference-leaving body::after {
    animation: none !important;
    transition: none !important;
  }
  body::before, body::after { opacity: 0 !important; }
  .header, main, .footer { opacity: 1 !important; }
}


/* v10 — Gemeinsame CTA-Abmessungen aller Seiten (außer Kontakt).
   Hochzeiten nutzt exakt dieselbe Band-Struktur; nur die zwei Links stehen untereinander. */
.band{color:#fff}
.band-inner{min-height:245px}
.band-inner>div:first-child{flex:1 1 auto;min-width:0}
.band .kicker{color:#fff;font-size:13px;letter-spacing:.15em}
.band .h2{font:800 clamp(36px,5vw,75px)/1.03 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:16px 0 17px;min-height:0;display:block}
.band p,.wedding-main .band p{font-size:14px;line-height:1.65;margin:0;color:#f6dfe3}
.band .btn{padding:20px 24px;font-size:12px;font-weight:800;letter-spacing:.01em;text-transform:none;min-height:57px}
.band-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px;flex:0 0 auto}
.band-actions .btn{justify-content:space-between}
@media(max-width:850px){.band-inner{min-height:0}.band-actions{width:min(100%,350px)}.band .h2{font-size:clamp(36px,7vw,57px)}}
@media(max-width:550px){.band .h2{font-size:clamp(32px,9vw,47px)}.band .btn{white-space:normal}}

/* v11 — Gemeinsamer Header: mehr Raum, klarere Typografie, weicher Abschluss.
   Keine zusaetzliche Wortmarke: das vorhandene Logo bleibt allein. */
:root{--iqma-header-height:112px}
.header{
  border-bottom:0;
  background:rgba(7,8,10,.96);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:18px;
  background:linear-gradient(180deg,rgba(7,8,10,.64),rgba(7,8,10,0));
  pointer-events:none;
}
.nav-wrap{min-height:var(--iqma-header-height);gap:clamp(16px,2vw,28px)}
.brand{max-width:232px}
.brand img{width:222px;max-height:105px;height:auto;object-fit:contain}
.desktop-nav{gap:clamp(15px,1.85vw,27px)}
.nav-link,.nav-trigger{
  font-family:var(--body);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.015em;
  text-transform:none;
  padding:40px 0;
}
.lang-switch{font-size:12px;font-weight:700;gap:9px;padding-left:16px}
html{scroll-padding-top:132px}
.wedding-main [id]{scroll-margin-top:132px}

/* v12 — Kompakter, lesbarer Footer mit ruhigem schwarzem Hintergrund.
   Abmessungen und Typografie aus v11 bleiben erhalten. */
.footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#080809;
  border-top:1px solid rgba(255,255,255,.12);
  padding:38px 0 18px;
}
.footer .container{position:relative;z-index:1}
.footer-top{
  gap:clamp(22px,3vw,45px);
  padding-bottom:27px;
}
.footer-label{font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:11px;color:#ddd4d6}
.footer-links{gap:5px;font-size:14px;font-weight:600;line-height:1.45}
.footer-links a{color:#e2dcde}
.footer-links a:hover,.footer-links a:focus-visible{color:#e6a5ad}
.footer-bottom{padding-top:17px;gap:14px}
.footer-signature{gap:4px}
@media(max-width:1150px){
  :root{--iqma-header-height:98px}
  .desktop-nav{display:none}
  .nav-toggle{display:block}
  .mobile-nav{display:none;border-top:1px solid var(--border);padding:10px 24px 24px;max-height:75svh;overflow:auto}
  .mobile-nav.open{display:block}
  .mobile-nav a,.mobile-nav .mobile-parent{display:block;padding:10px 3px;border-bottom:1px solid rgba(255,255,255,.07);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:none}
  .mobile-nav .mobile-parent{color:#be5260}
  .mobile-nav .mobile-sub{padding-left:18px}
  .mobile-nav .mobile-sub a{font-weight:500;color:#ddd;letter-spacing:0}
  .nav-wrap{min-height:var(--iqma-header-height)}
  .brand img{width:197px;max-height:92px}
  .footer-top{gap:28px}
}
@media(max-width:850px){
  .mobile-nav.open{display:block}
}
@media(max-width:550px){
  :root{--iqma-header-height:94px}
  .brand img{width:180px;max-height:87px}
  .footer{padding-top:32px;padding-bottom:17px}
  .footer-top{gap:27px;padding-bottom:25px}
  .footer-links{font-size:14px}
  .footer-bottom{padding-top:17px}
  html{scroll-padding-top:114px}
  .wedding-main [id]{scroll-margin-top:114px}
}


/* v14 – Dark social sections deliberately MATCH Kontakt. Hochzeiten is the only light version. */
.iqma-social-section{background:#08090a;color:#dfdcda;padding:clamp(58px,6vw,82px) 0}
.iqma-social-section .iqma-social-label{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#ff4c63}
.iqma-social-section .iqma-social-label::before{content:"";width:28px;height:1px;background:#981b28;flex:none}
.iqma-social-section h2{margin:14px 0 7px;font:650 clamp(25px,3vw,39px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:none;color:#dfdcda}
.iqma-social-section p{margin:0;font-size:13px;line-height:1.65;color:#a7a5a5}
.iqma-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}
.iqma-social-item{min-width:0;display:flex;align-items:center;gap:13px;padding:20px 17px;border:1px solid rgba(255,255,255,.21);color:#f1eeec;background:transparent;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}
.iqma-social-item svg{flex:none;color:#ad5a65}
.iqma-social-arrow{margin-left:auto;color:#be9ea2;transition:transform .2s}
.iqma-social-item:hover,.iqma-social-item:focus-visible{background:#1c1c20;border-color:#a23b49;color:#f1eeec}
.iqma-social-item:hover .iqma-social-arrow{transform:translate(3px,-3px)}
/* Wedding social alone is paper-white, and cards turn burgundy on hover/focus. */
.wedding-social-section{background:#fff;color:#171719}
.wedding-social-section .iqma-social-label{color:#981b28}
.wedding-social-section h2{color:#171719}
.wedding-social-section p{color:#5e5b5e}
.wedding-social-section .iqma-social-item{background:#fff;color:#222124;border-color:#ddd8da}
.wedding-social-section .iqma-social-item svg{color:#a02e40}
.wedding-social-section .iqma-social-arrow{color:#8d5860}
.wedding-social-section .iqma-social-item:hover,.wedding-social-section .iqma-social-item:focus-visible{background:#981b28;color:#fff;border-color:#981b28}
.wedding-social-section .iqma-social-item:hover svg,.wedding-social-section .iqma-social-item:focus-visible svg,.wedding-social-section .iqma-social-item:hover .iqma-social-arrow,.wedding-social-section .iqma-social-item:focus-visible .iqma-social-arrow{color:#fff}
@media(max-width:1100px){.iqma-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.iqma-social-section{padding:58px 0}.iqma-social-item{padding:15px 10px;gap:8px;font-size:12px}.iqma-social-item svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.iqma-social-item,.iqma-social-arrow{transition:none}}

/* v25 — Leistungen: nine entries, 5 + 4, existing dropdown visual identity. */
@media (min-width:851px){
  .desktop-nav .dropdown-menu.iqma-nine-services{
    display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(5,minmax(0,auto));
    width:min(650px,calc(100vw - 56px));min-width:0;
    left:auto;right:-32px;gap:0 19px;box-sizing:border-box;
  }
  .desktop-nav .dropdown-menu.iqma-nine-services a{
    display:flex;align-items:center;min-height:49px;line-height:1.4;
    padding:10px 12px;box-sizing:border-box;
  }
  .desktop-nav .dropdown-menu.iqma-nine-services a:nth-child(5),
  .desktop-nav .dropdown-menu.iqma-nine-services a:nth-child(9){border-bottom:0}
}
@media (max-width:850px){
  .mobile-nav .mobile-sub a{min-height:43px;box-sizing:border-box}
}
/* One-line CTA when space allows, accessible wrapping on smaller viewports. */
.arbeiten-band .h2{font-size:clamp(29px,3.25vw,56px);line-height:1.08;letter-spacing:-.035em}
@media(min-width:1450px){.arbeiten-band .h2{white-space:nowrap}}
@media(max-width:850px){.arbeiten-band .h2{white-space:normal;font-size:clamp(30px,6vw,54px)}}
@media(max-width:550px){.arbeiten-band .h2{font-size:clamp(28px,8.5vw,41px)}}