@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(fonts/poppins-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(fonts/poppins-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#c6c8c9;--dark:#282828;--g:4vw;--max:1500px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:#000;font-family:Poppins,system-ui,sans-serif;font-weight:300;font-size:clamp(15px,1.2vw,17.344px);line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit}
p a,pre a{text-decoration:underline;text-underline-offset:.15em}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(34px,4.75vw,68.4px);line-height:1.2}
h3{font-size:clamp(28px,3.14vw,45.2px);line-height:1.3}
pre,code{font-family:Poppins,system-ui,sans-serif;font-weight:500;white-space:pre-wrap}
p+p{margin-top:1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#000;color:#fff;padding:.6em 1em;z-index:9}
/* Header */
.site-header{position:absolute;inset:0 0 auto 0;z-index:5}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:105px}
.brand{font-weight:700;font-size:clamp(20px,2.23vw,32.1px);text-decoration:none;letter-spacing:-.01em}
.nav a{text-decoration:none}
.nav a:hover,.brand:hover{opacity:.7}
/* Sektionen */
section{position:relative}
.s-quote .wrap{min-height:991px;min-height:max(100vh,640px);display:flex;flex-direction:column;justify-content:center;padding-top:150px;padding-bottom:60px}
.s-quote h2{max-width:980px}
.s-quote pre{max-width:980px;text-align:right;margin-top:32px}
.s-video{background:#000;cursor:pointer}
.s-video video{display:block;width:100%;aspect-ratio:1425/1055;max-height:120vh;object-fit:cover;background:#000}
.s-video .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(0,0,0,.45);border:0;cursor:pointer;display:grid;place-items:center;transition:opacity .3s}
.s-video .play svg{width:30px;height:30px;fill:#fff;margin-left:5px}
.s-video.playing .play{opacity:0}
.s-video.playing:hover .play{opacity:.8}
.s-video.playing .play svg.i-play{display:none}.s-video .play svg.i-pause{display:none}.s-video.playing .play svg.i-pause{display:block;margin-left:0}
.cols{display:grid;grid-template-columns:repeat(24,1fr);column-gap:11px;align-items:start}
.s-intro{padding:54px 0 93px}
.s-intro figure{grid-column:1/13}
.s-intro .txt{grid-column:16/22}
.s-skin{padding:14px 0 14px}
.s-skin h1{font-size:clamp(72px,17.1vw,246px);line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.s-container{padding:93px 0 170px}
.s-container .txt{grid-column:1/10}
.s-container figure{grid-column:12/18}
.s-senses{padding:14px 0 20px}
.s-senses h1{font-size:clamp(40px,7.38vw,106.2px);line-height:1.15;letter-spacing:-.015em}
.s-tech{background:var(--dark);color:#fff;padding:105px 0}
.s-tech .txt{grid-column:1/12}
.s-tech figure{grid-column:15/21}
.s-coop{padding:95px 0 95px}
.s-coop .txt{grid-column:1/14}
.s-coop .gap{height:1.8em}
.s-suits{padding:48px 0 48px}
.s-suits figure{grid-column:1/8}
.s-suits .txt{grid-column:16/23}
.s-book{background:#fff;padding:95px 0 95px}
.s-book .txt{grid-column:1/13}
.s-book .row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:1.8em}
.s-book .cover{width:264px;flex:none;margin-top:-20px}
.s-book h2{margin-bottom:.45em}
.site-footer{padding:93px 0 60px}
/* Legal */
.s-legal{min-height:calc(100vh - 176px);display:flex;align-items:center;padding:150px 0 60px}
.s-legal .portrait{grid-column:4/11}
.s-legal .txt{grid-column:11/24;padding-left:10px}
.s-legal .addr{margin-top:3.6em}
.s-legal .impressum{margin-top:2.4em;font-size:.82em;line-height:1.7;opacity:.85}
@media (max-width:767px){
  :root{--g:6vw}
  .cols{display:block}
  .cols>*+*{margin-top:40px}
  .site-header .wrap{height:80px}
  .s-quote .wrap{padding-top:120px;min-height:auto}
  .s-skin h1{white-space:normal}
  .s-intro,.s-container,.s-tech,.s-coop,.s-suits,.s-book{padding:56px 0}
  .s-book .row{flex-direction:column}
  .s-book .cover{margin-top:0;width:220px}
  .s-legal{padding-top:110px}
  .s-video video{aspect-ratio:16/9}
}