@font-face{font-family:"Uncut Sans Book";src:url("/fonts/UncutSans-Book.woff2") format("woff2"),url("/fonts/UncutSans-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Uncut Sans";src:url("/fonts/UncutSans-Regular.woff2") format("woff2"),url("/fonts/UncutSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}

:root{
  color-scheme:light;
  --graphit:#434950;
  --buttercream:#FFF6C7;
  --raster:#D5CDA5;
  --leuchtgelb:#FFDB28;
  --pad-x:clamp(1.5rem, 3vw, 3rem);
  --pad-y:clamp(1.6rem, 3vw, 2.75rem);
  --fs-small:clamp(.82rem, 1.05vw, .96rem);
  --fs-headline:clamp(2.4rem, 5vw, 4.15rem);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  min-height:100dvh;background:var(--buttercream);color:var(--graphit);
  font-family:"Uncut Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none;}

.page{position:relative;min-height:100dvh;overflow:hidden;}

.raster-d,.raster-m{position:absolute;inset:0;padding:0 var(--pad-x);pointer-events:none;z-index:0;}
.raster-d{display:grid;grid-template-columns:repeat(6,1fr);}
.raster-m{display:none;grid-template-columns:repeat(2,1fr);}
.raster-d>i,.raster-m>i{height:100%;}
/*.raster-d>i+i,.raster-m>i+i{border-left:1px solid var(--raster);}*/
.raster-d>i,.raster-m>i{border-right:1px solid var(--raster);}
.raster-d>i:first-child,.raster-m>i{border-left:1px solid var(--raster);}

.stage{
  position:relative;z-index:1;min-height:100dvh;
  padding:var(--pad-y) var(--pad-x);
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-template-rows:auto minmax(2rem,1.35fr) auto minmax(1.5rem,.85fr) auto;
  column-gap:0;
  opacity:0;transform:translateY(8px);
  animation:rise .7s cubic-bezier(.2,.7,.2,1) .05s forwards;
}
@keyframes rise{to{opacity:1;transform:none;}}

.brand{display:contents;}
.meta{display:contents;}
.msp{display:none;}

.wordmark{grid-column:1 / 3;grid-row:1;align-self:start;color:var(--graphit);padding:0 2%;}
.wordmark svg,.wordmark img{display:block;width:100%;height:auto;}

.zusatz{
  grid-column:4 / 6;grid-row:1;align-self:end;
  font-family:"Uncut Sans";font-size:var(--fs-small);line-height:1.25;letter-spacing:.03em;
  padding-left:2.3%;
}

.headline{
  grid-column:4 / 7;grid-row:3;align-self:center;
  max-width:9.5em;
  padding-left:1.1%;
}

h1, h1.headline {
  font-family:"Uncut Sans Book";font-weight:400;
  font-size:var(--fs-headline);line-height:1;letter-spacing:0;
}

.content{
  grid-column:4 / 7;grid-row:3;align-self:center;
  font-family:"Uncut Sans";font-size:var(--fs-small);line-height:1.25;letter-spacing:.03em;font-style:normal;
  padding-left:1.6%;
}

.content h1{ margin-left:-0.5%; margin-bottom:0.2em; }
.content h2,h3{ margin-bottom:0.2em; }
.content p{ margin-bottom:0.4em; }
.content ul {list-style-position:inside; margin-bottom:0.4em; }


.f-legal,.f-address,.f-contact{
  grid-row:5;align-self:end;
  font-family:"Uncut Sans";font-size:var(--fs-small);line-height:1.25;letter-spacing:.03em;font-style:normal;
}
.f-legal{grid-column:1 / 3;padding-left:2.5%;}
.f-address{grid-column:4 / 6;padding-left:2.5%;}
.f-contact{grid-column:6 / 7;padding-left:4%;}

a.link{
  display:inline-block;text-decoration:underline;text-decoration-color:transparent;
  text-underline-offset:3px;text-decoration-thickness:1.5px;transition:text-decoration-color .18s ease;
}
a.link:hover{text-decoration-color:var(--leuchtgelb);}
a.link:focus-visible{outline:2px solid var(--graphit);outline-offset:3px;border-radius:2px;text-decoration-color:transparent;}

@media (max-width:720px){
  :root{
    --pad-x:clamp(1.1rem, 5.5vw, 1.7rem);
    --pad-y:clamp(1.4rem, 6vw, 2rem);
    --fs-headline:clamp(2.05rem, 9vw, 3.1rem);
  }
  .raster-d{display:none;}
  .raster-m{display:grid;}

  .stage{display:flex;flex-direction:column;}

  .brand{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:clamp(.5rem,3vw,1rem);}
  .wordmark{grid-column:auto;padding:0 4%;width:clamp(130px,44vw,200px);align-self:start;}
  .wordmark svg,.wordmark img{width:100%;}
  .zusatz{grid-column:auto;padding-top:.12em;padding-left:0;}

  .msp{display:block;}
  .msp-a{flex:1.5 1 0;}
  .msp-b{flex:1 1 0;}

  .headline{grid-column:auto;align-self:stretch;max-width:none;padding:0 2%;}
  .content{grid-column:auto;align-self:stretch;max-width:none;padding:0 2.5%;}

  .f-address{grid-column:auto;align-self:stretch;text-align:left;padding-left:2%;}
  .meta{display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(1rem,4vh,1.7rem);}
  .f-contact{grid-column:auto;order:1;text-align:left;padding-left:2%;}
  .f-legal{grid-column:auto;order:2;text-align:right;padding-right:2%;}
}

@media (prefers-reduced-motion:reduce){
  .stage{animation:none;opacity:1;transform:none;}
  a.link{transition:none;}
}