/* Kyburg Backyard — Systemseiten (styles-systemseiten.css). Generiert. */
*{box-sizing:border-box}
::selection{background:var(--volt);color:var(--action-text)}
body{margin:0;overflow-x:clip;background:var(--surface-page);color:var(--text-1);font-family:var(--font-ui);font-size:var(--body-size);line-height:var(--body-lh);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
:focus:not(:focus-visible){outline:none}
.wrap{max-width:var(--w-content);margin:0 auto;padding:0 var(--pad-desktop);display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--s-48)}
@media(max-width:810px){.wrap{padding:0 var(--pad-tablet);gap:var(--s-32)}}
@media(max-width:480px){.wrap{padding:0 var(--pad-mobile)}}
.raster{display:flex;gap:var(--s-48);align-items:flex-start}
.raster > .li{flex:5 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--s-16)}
.raster > .re{flex:7 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--s-16)}
@media(max-width:1000px){.raster{flex-direction:column;gap:var(--s-32);align-items:stretch}}
.nrz,.bl,.mk{display:flex;align-items:center;gap:var(--s-8);line-height:1;font-family:var(--font-data);font-size:var(--label-size);letter-spacing:var(--label-tracking);word-spacing:var(--mono-word);text-transform:uppercase;color:var(--text-2)}
.nrz .nr{color:var(--volt)}
.bl{gap:var(--s-12)}
.bl::before{content:"";display:block;width:var(--s-8);height:var(--s-8);background:var(--volt);flex:none}
h1{font-family:var(--font-ui);font-weight:500;font-size:var(--title-m-size);line-height:1.1;letter-spacing:-.01em;color:var(--text-1);max-width:20ch;text-wrap:balance}
.lead{font-size:var(--body-l-size);line-height:var(--body-l-lh);color:var(--text-2);max-width:var(--body-measure);text-wrap:pretty}
.tl{display:inline-flex;align-items:center;align-self:flex-start;min-height:var(--hit-min);font-family:var(--font-data);font-size:var(--label-size);letter-spacing:var(--label-tracking);word-spacing:var(--mono-word);text-transform:uppercase;color:var(--volt);white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;text-decoration-thickness:1px;transition:text-decoration-color var(--dur-state) var(--ease-value)}
.tl span{letter-spacing:0}
.tl:active{color:var(--volt-press);transition:none}
@media(hover:hover){.tl:hover{text-decoration-color:var(--volt)}}
.re > .tl{margin-top:calc((var(--label-size) - var(--hit-min)) / 2)}
.stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-16)}
.stack .lead{margin-top:var(--s-8)}
.stack .tl{margin-top:calc((var(--label-size) - var(--hit-min)) / 2)}
.kurz{min-height:100svh;display:flex;flex-direction:column}
.stage{flex:1;padding:var(--s-96) 0}
@media(max-width:810px){.stage{padding:var(--s-64) 0}}
@media(max-width:480px){.stage{padding:var(--s-48) 0}}
.doc{padding:var(--s-96) 0}
@media(max-width:810px){.doc{padding:var(--s-64) 0}}
@media(max-width:480px){.doc{padding:var(--s-48) 0}}
.stand{font-family:var(--font-data);font-size:var(--label-s-size);letter-spacing:var(--label-tracking);word-spacing:var(--mono-word);text-transform:uppercase;color:var(--text-2)}
.doc .re{gap:0}
.doc h2{margin:var(--s-32) 0 var(--s-8);padding-top:var(--s-16);border-top:1px solid var(--volt-20);font-family:var(--font-data);font-weight:700;font-size:var(--label-size);line-height:1;letter-spacing:var(--label-tracking);word-spacing:var(--mono-word);text-transform:uppercase;color:var(--text-1)}
.doc h2:first-child{margin-top:0}
.doc .re p{margin:0 0 var(--s-16);max-width:var(--body-measure);color:var(--text-2);text-wrap:pretty}
.doc .re ul{margin:0 0 var(--s-16);max-width:var(--body-measure);color:var(--text-2);line-height:var(--list-lh);display:flex;flex-direction:column;gap:var(--s-4)}
.doc .re li{position:relative;padding-left:calc(1ch + var(--s-8))}
.doc .re li::before{content:"–";position:absolute;left:0;top:0;color:var(--text-2)}
.doc .re > :last-child{margin-bottom:0}
.doc .re a{color:var(--text-1);text-decoration:underline;text-decoration-color:var(--volt-20);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color var(--dur-state) var(--ease-value)}
@media(hover:hover){.doc .re a:hover{text-decoration-color:var(--volt)}}
.doc a[href^="mailto:"]{white-space:nowrap}
.ph{font-family:var(--font-data);font-size:var(--label-s-size);letter-spacing:var(--label-tracking);word-spacing:var(--mono-word);text-transform:uppercase;color:var(--volt);background:var(--volt-10);box-shadow:inset 0 0 0 1px var(--volt-20);padding:0 var(--s-4);overflow-wrap:break-word;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.leiste{--ziel:var(--hit-min);position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:var(--s-24);
  height:var(--h-bar);padding:0 calc(max(0px, (100% - var(--w-content)) / 2) + var(--pad-desktop) - var(--s-12));
  background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:var(--glass-border)}
@media(min-width:1001px){.leiste{--ziel:var(--hit-pointer)}}
@media(max-width:810px){.leiste{height:var(--h-bar-mobile);padding:0 calc(var(--pad-tablet) - var(--s-12))}}
@media(max-width:480px){.leiste{padding:0 calc(var(--pad-mobile) - var(--s-12))}}
.leiste .lg{display:inline-flex;align-items:center;height:var(--ziel);padding:0 var(--s-12);
  font:700 var(--mark-size)/1 var(--font-data);letter-spacing:var(--label-tracking);text-transform:uppercase;
  white-space:nowrap;color:var(--text-1);text-decoration:none;transition:opacity var(--dur-state) var(--ease-value)}
@media(hover:hover){.leiste a.lg:hover{opacity:.7}}
.leiste .lnav{display:flex;align-items:center;gap:clamp(0px, .6vw, var(--s-8))}
.leiste .lnav a:not(.lcta){display:inline-flex;align-items:center;height:var(--ziel);padding:0 var(--s-12);flex:none;
  font:500 var(--nav-size)/1 var(--font-ui);letter-spacing:var(--ui-tracking);text-transform:uppercase;
  color:var(--text-2);text-decoration:none;transition:color var(--dur-state) var(--ease-value)}
@media(hover:hover){.leiste .lnav a:not(.lcta):hover{color:var(--text-1)}}
.leiste .lnav a:not(.lcta):focus-visible{outline-offset:calc(var(--focus-offset) * -1)}
.leiste .lcta{display:inline-flex;align-items:center;justify-content:center;height:var(--ziel);margin:0 var(--s-12);
  padding:0 var(--s-16);flex:none;background:var(--volt);color:var(--action-text);border:0;
  font:700 var(--nav-size)/1 var(--font-ui);letter-spacing:var(--ui-tracking);text-transform:uppercase;
  white-space:nowrap;text-decoration:none;transition:background var(--dur-state) var(--ease-value),box-shadow var(--dur-state) var(--ease-value)}
@media(hover:hover){.leiste .lcta:hover{background:var(--volt-hover);box-shadow:var(--glow-volt)}}
.leiste .lcta:active{background:var(--volt-press);box-shadow:none;transition:none}
@media(max-width:810px){.leiste .lnav a:not(.lcta){display:none}}