/* Açılış: Logo-Loader → Logos fliegen in den Header */
.intro-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f2f0e8;transition:background-color .6s ease,opacity .5s ease}
.intro-loader.fly{background-color:rgba(242,240,232,0)}
.intro-loader.gone{opacity:0;pointer-events:none}
.il-brand{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px)}
.il-brand img{display:block;will-change:transform;transform-origin:0 0}
.il-dan{height:clamp(46px,6.4vw,92px);width:auto;clip-path:inset(0 100% 0 0);animation:ilWipe .75s cubic-bezier(.7,0,.2,1) .15s forwards}
.il-x{font:300 clamp(20px,2.6vw,34px)/1 'DM Sans',sans-serif;color:#9d343a;opacity:0;transform:rotate(-90deg) scale(.4);animation:ilX .5s cubic-bezier(.2,.8,.2,1) .7s forwards;transition:opacity .3s}
.il-mess{height:clamp(58px,8vw,116px);width:auto;border-radius:clamp(6px,.8vw,12px);box-shadow:0 18px 40px rgba(20,16,10,.25);opacity:0;transform:translateY(18px) scale(.94);animation:ilIn .7s cubic-bezier(.2,.8,.2,1) .85s forwards}
.il-bar{position:absolute;left:50%;bottom:clamp(60px,12vh,120px);width:min(220px,50vw);height:2px;margin-left:min(-110px,-25vw);background:rgba(38,38,31,.1);overflow:hidden;transition:opacity .3s}
.il-bar i{display:block;height:100%;width:100%;background:#9d343a;transform-origin:left;transform:scaleX(0);animation:ilBar 1.35s cubic-bezier(.6,0,.2,1) .2s forwards}
.il-tag{position:absolute;left:0;right:0;bottom:calc(clamp(60px,12vh,120px) + 18px);text-align:center;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.22em;color:#8d887c;opacity:0;animation:ilIn .6s ease 1s forwards;transition:opacity .3s}
.intro-loader.fly .il-x,.intro-loader.fly .il-bar,.intro-loader.fly .il-tag{opacity:0!important}
@keyframes ilWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes ilX{to{opacity:1;transform:none}}
@keyframes ilIn{to{opacity:1;transform:none}}
@keyframes ilBar{to{transform:scaleX(1)}}
/* Während des Loaders: Header-Logos verstecken, Hero-Animationen anhalten */
html.is-loading .sn .nav-brand{visibility:hidden}
html.is-loading .hero-title .hw>span,html.is-loading .hero-in{animation-play-state:paused!important}
html.is-loading,html.is-loading body{overflow:hidden}
html.no-intro .intro-loader{display:none}
.il-dan{height:clamp(66px,9vw,130px)}
.il-mess{height:clamp(44px,5.6vw,82px)}

.il-bar{display:block!important;left:50%!important;margin-left:0!important;transform:translateX(-50%);width:min(220px,50vw)}