@font-face{font-family:"Bricolage Grotesque";src:url("./fonts/bricolage-grotesque-latin-opsz-normal.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"AT Serif";src:url("./fonts/instrument-serif-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}

@font-face{font-family:"AT Editorial";src:url("./juwelier/assets/serif.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"AT Editorial";src:url("./juwelier/assets/serif-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"AT Atelier";src:url("./juwelier/assets/sans.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--papier:#f3f1ec;--tinte:#121212;--leise:#6a6a63;--rand:clamp(1rem,5vw,4.5rem);color-scheme:light}
@view-transition{navigation:auto}
html,body{background:var(--papier)}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;color:var(--tinte);font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible{outline:3px solid var(--tinte);outline-offset:5px}
.concept-note{background:transparent;color:var(--leise);border:0;padding:1rem var(--rand) 0;font-size:.78rem;text-align:center}
.concept-note strong{font-weight:600}
main{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(2.2rem,6vw,4rem);padding:clamp(3rem,9vw,6rem) var(--rand) clamp(3rem,7vw,5rem)}

.auftakt{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.6rem);text-align:center}
h1{margin:0;font-size:clamp(2.8rem,12vw,8rem);font-weight:700;line-height:.88;letter-spacing:-.05em}
h1 em{font-family:"AT Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;padding-right:.04em}
.auftakt__kicker{margin:0 0 -.2rem;color:var(--leise);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.auftakt__lead{margin:.4rem 0 0;max-width:38rem;color:var(--tinte);font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);font-weight:500;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.auftakt__text{margin:0;max-width:34rem;color:#3d3d38;font-size:clamp(1.02rem,1rem + .35vw,1.2rem);line-height:1.55;text-wrap:balance}
.auftakt__punkt{margin:.3rem 0 0;color:var(--tinte);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.auftakt__punkt em{font-family:"AT Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0}

.kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,23rem);justify-content:center;gap:1.25rem;width:100%}
.kachel>a{position:relative;display:flex;flex-direction:column;height:100%;min-height:31rem;overflow:hidden;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 0 rgb(0 0 0 / .06),0 18px 36px -24px rgb(0 0 0 / .45);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
@media (hover:hover){.kachel>a:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgb(0 0 0 / .06),0 28px 50px -26px rgb(0 0 0 / .55)}
}

.rk{--rk-p:color-mix(in srgb,var(--rk-t) 55%,#f5f1e8);background:var(--rk-p);color:#383a31;border:1px solid #ddd3c4;font-family:Arial,Helvetica,sans-serif}
.rk__kopf{display:flex;align-items:flex-start;justify-content:space-between;padding:1.15rem 1.3rem .95rem}
.rk__marke{font:1.5rem/.9 Georgia,"Times New Roman",serif;letter-spacing:.035em;color:var(--rk-a)}
.rk__marke small{font-size:.5em;letter-spacing:.15em;vertical-align:middle;margin-right:.2rem}
.rk__marke span{display:block;margin:.55rem 0 0 1.05rem;font:.52rem/1 Arial,sans-serif;letter-spacing:.23em;color:#383a31}
.rk__nr{font-size:.68rem;letter-spacing:.14em;color:#55544b;padding-top:.2rem}
.rk__bild{position:relative;margin:0 1.3rem}
.rk__foto{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#453a30}
.rk__zoom,.rk__zoom img{position:absolute;inset:0}.rk__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rk__thomas{position:absolute;right:.8rem;bottom:-2.1rem;width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;border:3px solid var(--rk-p);box-shadow:0 6px 16px -8px rgb(0 0 0 / .5)}
.rk__text{display:flex;flex-direction:column;gap:.7rem;flex:1;padding:1.35rem 1.3rem 1.3rem}
.rk__beruf{padding-right:5rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rk-a)}
.rk__titel{font:400 clamp(1.9rem,8.5vw,2.3rem)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.05em;color:var(--rk-a)}
.rk__titel em{font-weight:400}
.rk__knopf{align-self:flex-start;display:inline-flex;gap:1.6rem;margin-top:auto;padding:.8rem 1.1rem;background:var(--rk-a);color:#f5f1e8;font-size:.82rem;transition:background-color .2s ease}
@media (hover:hover){.rk:hover .rk__foto img{transform:scale(1.07)}
.rk:hover .rk__knopf{background:color-mix(in srgb,var(--rk-a) 82%,#fff)}
}

.jk{background:#0b141b;color:#eeeae1;font-family:"AT Atelier",Arial,sans-serif;isolation:isolate}
.jk__buehne{position:absolute;z-index:-1;top:3.4rem;right:-24%;width:104%}
.jk__buehne::after{content:"";position:absolute;inset:-10% -10% -40% -10%;background:linear-gradient(0deg,#0b141b 28%,rgb(11 20 27 / .55) 55%,transparent 80%),linear-gradient(90deg,rgb(11 20 27 / .7),transparent 45%)}
.jk__brillant{display:block;width:100%;height:auto;fill:none;stroke:#d8aa85;stroke-width:.8;stroke-linejoin:round;animation:jk-drehen 90s linear infinite;transition:scale 1.2s cubic-bezier(.2,.7,.2,1)}
.jk__brillant circle{stroke-width:1.1}
@keyframes jk-drehen{to{rotate:1turn}
}
.jk__kopf{display:flex;align-items:center;gap:.7rem;padding:1.15rem 1.3rem;border-bottom:1px solid #3e4a52}
.jk__signet{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid #a28166;border-radius:50%;font:1.35rem/1 "AT Editorial",Georgia,serif;color:#d8aa85}
.jk__marke{font-size:.7rem;font-weight:600;letter-spacing:.17em;line-height:1.3}
.jk__marke small{display:block;margin-top:.3rem;font-size:.52rem;font-weight:400;letter-spacing:.15em;color:#aeb8bc}
.jk__nr{margin-left:auto;font-size:.66rem;letter-spacing:.14em;color:#aeb8bc}
.jk__text{display:flex;flex-direction:column;gap:.85rem;margin-top:auto;padding:1.3rem}
.jk__zeile{display:flex;align-items:center;gap:.6rem;font-size:.62rem;font-weight:500;letter-spacing:.17em;color:#d8aa85}
.jk__zeile i{width:5px;height:5px;border-radius:50%;background:#d8aa85}
.jk__titel{font:400 clamp(2.7rem,12vw,3.4rem)/.98 "AT Editorial",Georgia,serif;letter-spacing:-.035em}
.jk__titel em{font-style:italic;color:#d8aa85}
.jk__link{align-self:flex-start;display:inline-flex;gap:1.8rem;padding:.35rem 0;border-bottom:1px solid #d8aa85;font-size:.8rem;color:#d8aa85}
.jk__index{display:flex;gap:1.3rem;padding-top:.85rem;border-top:1px solid #3e4a52;font-size:.5rem;letter-spacing:.2em;color:#aeb8bc}
@media (hover:hover){.jk:hover .jk__brillant{scale:1.1}
.jk:hover .jk__link{color:#fff}
}

.sk{justify-content:flex-end;gap:.4rem;padding:1.3rem;background:#2a2a2a;color:#fff}
.sk__nr{position:absolute;top:1rem;left:1.3rem;font-size:.7rem;letter-spacing:.12em}
.sk__thomas{width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;margin-bottom:auto;margin-top:2rem}
.sk__beruf{font-size:2.6rem;line-height:1;letter-spacing:-.04em}
.sk__firma{font-size:.9rem;opacity:.8}

@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rk__zoom{animation:rk-zoom linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
}
}
@keyframes rk-zoom{from{scale:1.2}
to{scale:1}
}

.kachel--bald{position:relative;display:grid;place-items:center;align-content:center;gap:.6rem;min-height:12rem;padding:2rem 1.5rem;border:1.5px dashed #c9c5bb;border-radius:.5rem;color:var(--leise);text-align:center}
.bald__nr{position:absolute;top:1rem;left:1.2rem;font-size:.7rem;font-weight:600;letter-spacing:.14em}
.bald__zeichen{font-family:"AT Serif",Georgia,serif;font-style:italic;font-size:4.2rem;line-height:1;color:#b7b2a6}
.bald__text{display:flex;flex-direction:column;gap:.15rem;font-size:.95rem}
.bald__text strong{color:var(--tinte);font-weight:600}
.project-footer{justify-content:center;text-align:center;border:0;padding:1.5rem var(--rand) 2rem;font-size:.78rem;color:var(--leise);flex-direction:column;align-items:center;gap:.35rem}
.version{order:2;font-size:.7rem;letter-spacing:.08em;color:#66645b}
.project-footer .version{opacity:1}   
.hub-404{align-items:flex-start}
.hub-404 h1{text-align:left;font-size:clamp(2.2rem,8vw,4.5rem)}

@media (min-width:50rem){.kacheln{grid-template-columns:repeat(2,minmax(0,22rem));gap:1.5rem}
.kachel--bald{grid-column:1 / -1;min-height:0;grid-auto-flow:column;justify-content:center;gap:1.2rem;padding:1.4rem}
.kachel--bald .bald__zeichen{font-size:3rem}
.kachel--bald .bald__text{text-align:left}
}
@media (min-width:76rem){.kacheln{grid-template-columns:repeat(3,minmax(0,22rem))}
.kachel--bald{grid-column:auto;grid-auto-flow:row;padding:2rem 1.5rem}
.kachel--bald .bald__zeichen{font-size:4.6rem}
.kachel--bald .bald__text{text-align:center}
}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}
.kachel>a,.rk__foto img,.rk__knopf,.jk__brillant{transition:none}
.jk__brillant{animation:none}
}

.dk{background:#f7f6f2;color:#252625;padding:1.3rem;border:1px solid #c9cac3;font-family:Arial,sans-serif}
.dk__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #c9cac3}
.dk__head strong{font-size:1.7rem;letter-spacing:-.08em}
.dk__head>span{font-size:.55rem;letter-spacing:.08em}
.dk__tag{font-size:.6rem;letter-spacing:.1em;margin-top:1.6rem}
.dk__title{font-size:1.7rem;line-height:1.15;letter-spacing:-.055em;font-weight:500;margin:1rem 0 1.4rem}
.dk__title em{font-style:normal;color:#263cc5}
.dk__bild{position:relative;display:block;overflow:hidden}.dk__object{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.dk__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:1.3rem;font-size:.72rem;color:#263cc5}
.dk__portrait{width:3.5rem;height:3.5rem;object-fit:cover;mix-blend-mode:multiply}

.code-card{padding:1.5rem;background:#101215;color:#edf0eb;border:1px solid #373d46;font-family:monospace}
.code-card__top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid #373d46}
.code-card__top strong{font-size:1rem;color:#b4ed95}
.code-card__top>span{font-size:.5rem;color:#a3aab3}
.code-card__syntax{color:#c4a8ff;font-size:.8rem;margin-top:2.5rem}
.code-card__title{font:500 clamp(1.5rem,2.5vw,2.4rem)/1.15 Arial,sans-serif;letter-spacing:-.05em;margin:1.3rem 0 1.8rem}
.code-card__title em{color:#b4ed95;font-style:normal}
.code-card__lines{font-size:.75rem;line-height:2;color:#f1cb89}
.code-card__lines>span{color:#edf0eb}
.code-card__brace{font-size:4rem;color:#616b78;line-height:1.1;margin:1.5rem 0}
.code-card__link{margin-top:auto;padding-top:1.5rem;font-size:.75rem;color:#b4ed95}

.wood-card{background:#f3f0e8;color:#30382b;padding:1.4rem;border:1px solid #c9c9ba}
.wood-card__head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid #c9c9ba}
.wood-card__head strong{font:500 1.2rem Arial,sans-serif;letter-spacing:.12em}
.wood-card__head small{display:block;font-size:.42rem;letter-spacing:.07em;margin-top:.5rem}
.wood-card__head>span{font:9px Arial,sans-serif}
.wood-card__title{font:400 2.3rem/1.05 Georgia,serif;letter-spacing:-.05em;margin:1.7rem 0}
.wood-card__title em{font-weight:400}
.wood-card__bild{position:relative;display:block;aspect-ratio:1.3;overflow:hidden;background:#d9d2c2}.wood-card__bild>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wood-card__link{font:12px Arial,sans-serif;display:flex;justify-content:space-between;padding-top:1.5rem;margin-top:auto}
.hub-contact{max-width:760px;margin:65px auto 80px;padding:35px 24px;border-top:1px solid #ccc9bf;text-align:center}
.hub-contact p{font-size:clamp(20px,3vw,29px);line-height:1.45}
.hub-contact p em{font-family:Georgia,serif;font-weight:400}
.hub-contact a{display:inline-block;font-size:14px;line-height:1.7;margin-top:22px;padding:12px 0;text-underline-offset:5px}

.auftakt h1{font-size:clamp(46px,8.2vw,122px);max-width:100%;line-height:1.05}
.english-name{margin:-10px 0 0;font-size:12px;letter-spacing:.13em;color:#595951}
.auftakt__lead{font-size:clamp(26px,3.1vw,43px);max-width:22ch;line-height:1.15}
.auftakt__text{max-width:44ch}
.collection-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:15px}
.collection-nav a{display:flex;gap:30px;align-items:center;padding:13px 20px;border:1px solid #aaa89e;border-radius:30px;min-height:48px;font-size:14px;text-decoration:none}
.collection-nav a:hover{background:#e5e3dc}
.series-collection{width:100%;max-width:1200px;margin:75px auto 0;scroll-margin-top:30px}
.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid #bdbbb1;padding:30px 0;margin-bottom:22px}
.collection-heading>div>p{font-size:10px;letter-spacing:.1em;margin:0 0 12px}
.collection-heading h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.05em;margin:0;line-height:1.1}
.collection-heading>p{max-width:35ch;font-size:15px;line-height:1.6;margin:0}
.series-collection .kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-timetraveller{background:#e9f4f3;padding:35px;border-radius:10px}
.collection-timetraveller .collection-heading{border:0;padding-top:0}
.collection-timetraveller .kacheln{grid-template-columns:minmax(0,1fr)}
.robot-card{display:flex;flex-direction:column;--rc-gap:30px;gap:var(--rc-gap);padding:35px;background:radial-gradient(ellipse at 80% 55%,#b6f4f3,transparent 65%),#f5fbfa;color:#102329;text-decoration:none;min-width:0}
.robot-card__head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.robot-card__head strong{font-size:25px;letter-spacing:-.03em}
.robot-card__head strong>span{font-weight:400;color:#006a73}
.robot-card__head>span{font-size:9px;letter-spacing:.04em}
.robot-card__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center}
.robot-card__profession{font-size:clamp(18px,2vw,27px);line-height:1.35;display:block;margin-bottom:25px}
.robot-card__title{font-size:clamp(42px,5.4vw,80px);line-height:.98;letter-spacing:-.055em;display:block}
.robot-card__title em{font-style:normal;color:#006a73}
.robot-card__bild>img{position:static;width:100%;height:auto;max-height:440px;object-fit:contain;min-width:0}
.robot-card__link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #b5cfce;padding-top:20px;font-size:13px;min-height:44px}
.hub-contact small{display:block;font-size:12px;line-height:1.7;max-width:60ch;margin:25px auto 0;color:#595951}
@media(max-width:700px){.series-collection{margin-top:55px}
.collection-heading{display:block}
.collection-heading>p{margin-top:20px}
.series-collection .kacheln{grid-template-columns:minmax(0,1fr)}
.collection-timetraveller{padding:20px}
.robot-card{padding:20px;--rc-gap:25px}
.robot-card__body{gap:10px}
.robot-card__title{font-size:clamp(32px,8vw,52px)}
.robot-card__profession{font-size:16px;margin-bottom:20px}
.robot-card__head strong{font-size:23px}
.robot-card__head>span{font-size:8px}
.robot-card__link{font-size:11px}
.auftakt h1{font-size:clamp(42px,10vw,68px)}
}
@media(max-width:400px){.robot-card__body{grid-template-columns:minmax(0,1fr)}
.robot-card__bild>img{max-height:260px}
.robot-card__title{font-size:43px}
.robot-card__profession br{display:none}
.collection-timetraveller{padding:14px}
}

.series-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;max-width:1640px;align-items:start}
.series-pair .series-collection{margin:35px 0 0;padding:0;max-width:none;background:none;border-radius:0;min-width:0}
.series-pair .collection-heading{display:block;min-height:205px;padding:24px 0;margin:0;border-top:1px solid #aaa89e}
.series-pair .collection-heading h2{font-size:clamp(32px,3.2vw,54px)}
.series-pair .collection-heading>p{margin-top:16px;max-width:48ch;font-size:14px}
.series-pair .kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.series-pair .kachel{min-width:0}
.series-pair .kachel>a{min-height:510px}
.series-pair .robot-card{padding:22px;--rc-gap:18px}
.series-pair .robot-card__body{grid-template-columns:minmax(0,1fr);gap:16px}
.series-pair .robot-card__title{font-size:clamp(34px,3.4vw,52px)}
.series-pair .robot-card__profession{font-size:17px;margin-bottom:14px}
.series-pair .robot-card__bild>img{height:175px;width:100%;object-fit:contain}
.series-pair .robot-card__head{gap:8px}
.series-pair .robot-card__head strong{font-size:22px}
.series-pair .robot-card__link{margin-top:auto}
.robot-card__owner{display:flex;align-items:center;gap:10px;min-height:44px;font-size:10px}

.robot-card .robot-card__owner{margin:auto 0 calc(12px - var(--rc-gap))}.robot-card .robot-card__owner~.robot-card__link{margin-top:0}
.robot-card__owner img{flex:none;width:48px;height:55px;border-radius:7px;object-fit:cover}

.jk__index{position:relative}
.jk__index img{position:absolute;right:0;bottom:calc(100% + .85rem);width:53px;height:66px;object-fit:cover;border-radius:5px}
.series-pair .jk__titel{font-size:clamp(33px,3vw,48px)}
.series-pair .rk__titel{font-size:clamp(26px,2.4vw,35px)}
.series-pair .wood-card__title{font-size:32px}
.series-pair .dk__head strong{font-size:24px}
.series-pair .jk__kopf{gap:8px;padding:18px 14px}
.series-pair .jk__marke{font-size:9px;letter-spacing:.12em}
.series-pair .jk__index{gap:10px;letter-spacing:.1em;font-size:7px}
.series-pair .jk__zeile{font-size:8px;letter-spacing:.12em}
.kachel--idea>a{border:1px dashed #aaa89e;background:transparent;box-shadow:none;align-items:center;justify-content:center;text-align:center;padding:24px;gap:15px;color:#55564f}
.idea-plus{font:300 70px/1 Arial,sans-serif;color:#74766b}
.kachel--idea small{font-size:12px;line-height:1.8}
.kachel--idea>a:hover{background:#eae8e0}
.english-name{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.collection-timetraveller .collection-heading{border-top:1px solid #709998}
.series-pair .rk__marke{font-size:22px}
@media(max-width:1150px){.series-pair{grid-template-columns:1fr;max-width:820px}
.series-pair .collection-heading{min-height:0;margin-bottom:12px}
.series-pair .robot-card__body{grid-template-columns:1fr}
.series-pair .kachel>a{min-height:500px}
}
@media(max-width:550px){.series-pair .kacheln{grid-template-columns:minmax(0,1fr)}
.series-pair .kachel>a{min-height:440px}
.series-pair .kachel--idea>a{min-height:240px}
.series-pair .jk__titel{font-size:46px}
.series-pair .robot-card__title{font-size:46px}
.series-pair .robot-card__bild>img{height:200px}
.series-pair .collection-heading h2{font-size:40px}
.series-pair .rk__titel{font-size:32px}
}
@media(min-width:1151px){.series-pair .kacheln{grid-auto-rows:640px}
.series-pair .kachel>a{min-height:0}
.series-pair .robot-card__bild>img{height:160px}
.series-pair .robot-card__title{font-size:46px}
}

.web92-card{display:flex;flex-direction:column;gap:14px;padding:22px;background:#3f5d6b;background-image:repeating-linear-gradient(0deg,transparent 0 1px,rgba(0,0,0,.08) 1px 2px);color:#eef2f3;text-decoration:none;min-width:0}
.web92-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.web92-card__head strong{font-size:22px;letter-spacing:-.03em}
.web92-card__head strong>span{font-weight:400;color:#bfe3ea}
.web92-card__head>span{font-size:9px;letter-spacing:.04em}
.web92-card__win{display:flex;flex-direction:column;flex:1;min-height:0;background:#c0c0c0;color:#000;border:2px solid;border-color:#f4f4f4 #5a5a5a #5a5a5a #f4f4f4;box-shadow:5px 5px 0 rgba(0,0,0,.35);font:11px/1.3 Helvetica,Arial,sans-serif}
.web92-card__title{display:flex;align-items:center;gap:6px;padding:3px 5px;background:#8f8f8f;border-bottom:2px solid #5a5a5a;font-weight:700}
.web92-card__title>span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web92-card__title i{width:12px;height:12px;border:2px solid;border-color:#f4f4f4 #5a5a5a #5a5a5a #f4f4f4;background:#c0c0c0;flex:none}
.web92-card__menu{display:flex;gap:12px;padding:3px 8px;border-bottom:2px solid #5a5a5a}
.web92-card__url{display:flex;gap:5px;align-items:center;padding:4px 8px;border-bottom:2px solid #5a5a5a}
.web92-card__url b{flex:none}
.web92-card__url>span{flex:1;min-width:0;padding:1px 4px;background:#fff;border:2px solid;border-color:#5a5a5a #f4f4f4 #f4f4f4 #5a5a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web92-card__page{flex:1;display:flex;flex-direction:column;gap:9px;margin:5px;padding:11px 13px;background:#fff;border:2px solid;border-color:#5a5a5a #f4f4f4 #f4f4f4 #5a5a5a;font:14px/1.3 "Times New Roman",Times,serif;min-height:0;overflow:hidden}
.web92-card__page>strong{font-size:clamp(20px,1.7vw,25px);line-height:1.1;letter-spacing:0;text-wrap:balance}
.web92-card__links{display:flex;flex-direction:column;gap:3px;padding-left:18px}
.web92-card__links span{color:#0000ee;text-decoration:underline}
.web92-card__links span::before{content:"•";color:#000;display:inline-block;width:14px;margin-left:-14px;text-decoration:none}
.web92-card__owner{display:flex;align-items:center;gap:10px;margin-top:auto;font:11px Helvetica,Arial,sans-serif}
.web92-card__owner img{width:41px;height:52px;object-fit:cover;border:1px solid #000;image-rendering:pixelated}
.web92-card__buttons{display:flex;flex-wrap:wrap;gap:5px;padding:5px;border-top:2px solid #f4f4f4}
.web92-card__buttons span{padding:2px 7px;border:2px solid;border-color:#f4f4f4 #5a5a5a #5a5a5a #f4f4f4}
.web92-card__link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.3);padding-top:14px;font-size:13px;min-height:44px;margin-top:auto}
@media(max-width:700px){.web92-card{padding:16px;gap:12px}
.web92-card__head strong{font-size:20px}
.web92-card__head>span{font-size:8px}
.web92-card__page{padding:10px 12px}
.web92-card__link{font-size:11px}
}

.web99-card{display:flex;flex-direction:column;gap:14px;padding:22px;background:#008080;color:#fff;text-decoration:none;min-width:0}
.web99-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.web99-card__head strong{font-size:22px;letter-spacing:-.03em}
.web99-card__head strong>span{font-weight:400;color:#effbfb}
.web99-card__head>span{font-size:9px;letter-spacing:.04em}
.web99-card__win{display:flex;flex-direction:column;flex:1;min-height:0;padding:2px;background:#c0c0c0;color:#000;border:1px solid;border-color:#dfdfdf #000 #000 #dfdfdf;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #808080,4px 4px 0 rgba(0,0,0,.3);font:10px/1.25 Tahoma,Verdana,Arial,sans-serif}
.web99-card__title{display:flex;align-items:center;gap:5px;padding:2px 3px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;font-size:11px}
.web99-card__title>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web99-card__title>i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9cf,#036 70%);border:1px solid #fff;flex:none}
.web99-card__title>b{display:flex;gap:2px}
.web99-card__title>b i{width:14px;height:12px;display:grid;place-items:center;font-style:normal;font-size:10px;line-height:1;color:#000;background:#c0c0c0;border:1px solid;border-color:#fff #000 #000 #fff}
.web99-card__menu{display:flex;gap:10px;padding:3px 5px;overflow:hidden;white-space:nowrap}
.web99-card__url{display:flex;gap:5px;align-items:center;padding:3px 5px;border-top:1px solid #fff;border-bottom:1px solid #808080}
.web99-card__url b{flex:none}
.web99-card__url>span{flex:1;min-width:0;padding:1px 4px;background:#fff;border:1px solid;border-color:#808080 #fff #fff #808080;box-shadow:inset 1px 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web99-card__frames{flex:1;display:flex;min-height:0;margin:3px 0 2px;border:2px solid;border-color:#808080 #fff #fff #808080}
.web99-card__nav{flex:none;width:92px;display:flex;flex-direction:column;gap:7px;padding:10px 7px;background:#000050;color:#ff0;text-decoration:underline;border-right:4px solid #c0c0c0;font:11px Arial,Helvetica,sans-serif}
.web99-card__nav span::before{content:"● ";color:#c00;text-decoration:none;display:inline-block}
.web99-card__page{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 10px 12px;background:#ecece4;color:#000;font:14px/1.3 Verdana,Arial,sans-serif;overflow:hidden}
.web99-card__still{display:contents}
.web99-card__page>img,.web99-card__page>.web99-card__still>img{width:100%;max-width:300px;height:auto;image-rendering:auto}
.web99-card__ticker{align-self:stretch;padding:2px 4px;background:#000;color:#0f0;font:10px "Courier New",Courier,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web99-card__welcome{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;min-width:0}
.web99-card__welcome img{flex:none;width:48px;height:60px;object-fit:cover;border:2px solid #fff;box-shadow:2px 2px 0 #808080}
.web99-card__welcome strong{font:700 clamp(15px,1.4vw,19px)/1.15 "Comic Sans MS",Arial,sans-serif;color:#000080;text-align:center}
.web99-card__counter{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 2px;max-width:100%;font-size:10px;white-space:nowrap}
.web99-card__counter>span{flex-basis:100%;text-align:center}
.web99-card__counter b{display:inline-grid;place-items:center;width:12px;height:18px;background:#000;color:#0f0;font:700 13px "Courier New",Courier,monospace}
.web99-card__y2k{display:flex;align-items:center;gap:8px;align-self:stretch;padding:5px;background:#ffc;border:1px solid #c00;font:700 12px Arial,Helvetica,sans-serif;color:#c00}
.web99-card__y2k img{width:60px;height:auto;flex:none}
.web99-card__uc{width:200px;margin-top:auto}
.web99-card__status{display:flex;align-items:center;gap:5px;padding:2px 4px;border-top:1px solid #fff}
.web99-card__status span{flex:1;padding:1px 4px;border:1px solid;border-color:#808080 #fff #fff #808080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web99-card__link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.35);padding-top:14px;font-size:13px;min-height:44px;margin-top:auto}
@media(max-width:700px){.web99-card{padding:16px;gap:12px}
.web99-card__head strong{font-size:20px}
.web99-card__head>span{font-size:8px}
.web99-card__nav{width:78px;font-size:10px;padding:8px 5px}
.web99-card__page{padding:8px}
.web99-card__link{font-size:11px}
}


@font-face{font-family:"AT Druck";src:url("./siebdruck/assets/anybody.woff2") format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
.druck-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:540px;height:100%;padding:30px;background:#ece7f3;color:#3a2d6b;text-decoration:none;border:1px solid #3a2d6b;transition:background .5s,color .5s;cursor:crosshair}
.druck-card__head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.druck-card__head strong{font-size:19px;letter-spacing:-.04em}
.druck-card__head>span{font:10px monospace}
.druck-card__label{font:11px monospace;letter-spacing:.1em;margin-top:28px}
.druck-card__title{position:relative;display:block;font-family:"AT Druck","Bricolage Grotesque",sans-serif;font-size:clamp(46px,4.6vw,68px);line-height:.9;letter-spacing:-.03em;font-weight:800;margin-top:32px;z-index:1;font-variation-settings:"wdth" 58,"wght" 420;transition:font-variation-settings .6s cubic-bezier(.2,.8,.2,1)}
.druck-card__ink,.druck-card__text{display:block}
.druck-card__ink{position:absolute;inset:0;color:var(--dc-p);mix-blend-mode:multiply;transform:translate(0,0);transition:transform .6s cubic-bezier(.2,.8,.2,1),color 1.4s ease}
.druck-card__text{position:relative}
.druck-card__star{position:absolute;right:24px;bottom:110px;font-size:120px;line-height:1;color:var(--dc-r);transition:transform 1.3s cubic-bezier(.45,0,.25,1),color 1.4s ease}
.druck-card__bottom{margin-top:auto;padding-top:80px;font-size:15px}
.druck-card__bottom b{display:block;border-top:1px solid currentColor;margin-top:17px;padding-top:17px;font-size:13px}

.druck-card{--dc-g:#ece8f2;--dc-t:#2f2262;--dc-z:#6a3fc8;--dc-r:#5f7410;--dc-p:#e5977f}
.kachel>.druck-card{background:var(--dc-g);color:var(--dc-t);border-color:var(--dc-t);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background-color 1.4s ease,color 1.4s ease,border-color 1.4s ease}
.druck-card[data-farbe="1"]{--dc-g:#ecb097;--dc-t:#4a1a0c;--dc-z:#b8400f;--dc-r:#1d4ed8;--dc-p:#8ea7ec}
.druck-card[data-farbe="2"]{--dc-g:#ecd079;--dc-t:#3b2c04;--dc-z:#a05a00;--dc-r:#6d28d9;--dc-p:#b694ec}
.druck-card[data-farbe="3"]{--dc-g:#abd8c9;--dc-t:#0c3a32;--dc-z:#16765e;--dc-r:#db2777;--dc-p:#ed93bb}

.druck-card:not([data-farbe="0"])[data-farbe] .druck-card__ink{mix-blend-mode:normal}
.druck-card__zwei{position:relative;z-index:1;display:block;margin-top:16px;font-family:"AT Druck","Bricolage Grotesque",sans-serif;font-size:clamp(23px,2.3vw,34px);line-height:.92;letter-spacing:-.01em;color:var(--dc-z);font-variation-settings:"wdth" 70,"wght" 560;transition:font-variation-settings .6s cubic-bezier(.2,.8,.2,1),color 1.4s ease}
.druck-card:hover .druck-card__title,.druck-card.wirkt .druck-card__title{font-variation-settings:"wdth" 72,"wght" 700}
.druck-card:hover .druck-card__zwei,.druck-card.wirkt .druck-card__zwei{font-variation-settings:"wdth" 84,"wght" 760}
.druck-card:hover .druck-card__ink,.druck-card.wirkt .druck-card__ink{transform:translate(.07em,.05em)}
.druck-card:hover .druck-card__star,.druck-card.wirkt .druck-card__star{transform:rotate(360deg) scale(1.25)}
@media(max-width:600px){.druck-card{padding:24px;min-height:470px}
.druck-card__title{font-size:clamp(44px,12vw,68px)}
.druck-card__head{align-items:start}
.druck-card__head>span{font-size:9px}
.druck-card__star{font-size:95px}
.druck-card__zwei{font-size:clamp(22px,6vw,34px)}
.druck-card.wirkt .druck-card__star{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){.kachel>.druck-card,.druck-card__title,.druck-card__zwei,.druck-card__ink,.druck-card__star{transition:none}
}

@supports(grid-template-rows:subgrid){.series-pair .series-collection{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;align-content:start}
}


@media(max-width:550px){.kachel--idea{display:none}}

@property --rk-a{syntax:"<color>";inherits:true;initial-value:#512b34}
@property --rk-t{syntax:"<color>";inherits:true;initial-value:#f5f1e8}
.dk__skizze,.dk__ebene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 0 100%)}
.dk__strich{position:absolute;top:0;bottom:0;left:-2px;width:calc(100% + 2px);background:linear-gradient(90deg,#263cc5 0 1.5px,transparent 1.5px);translate:100% 0;pointer-events:none}
.robot-card::after{content:"";position:absolute;inset:0 0 auto;height:10%;background:linear-gradient(180deg,transparent,rgb(11 227 236 / .09) 85%,#0be3ec calc(100% - 1px),#0be3ec);translate:0 -101%;pointer-events:none}

@media (prefers-reduced-motion:no-preference){
@media (hover:hover){.robot-card:hover::after{animation:rc-scan 2.2s cubic-bezier(.45,0,.35,1)}}}
@keyframes rc-scan{from{translate:0 -101%}to{translate:0 1010%}}


.kachel>.rk.lebt{animation:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background-color 1.6s ease}
.rk.lebt .rk__marke,.rk.lebt .rk__beruf,.rk.lebt .rk__titel{transition:color 1.6s ease}.rk.lebt .rk__knopf{transition:background-color 1.6s ease}.rk.lebt .rk__thomas{transition:border-color 1.6s ease}
.rk[data-saison=winter]{--rk-a:#293e50;--rk-t:#eaf0f2}.rk[data-saison=fruehling]{--rk-a:#355137;--rk-t:#e7eddf}.rk[data-saison=sommer]{--rk-a:#873e21;--rk-t:#fff0c8}.rk[data-saison=herbst]{--rk-a:#512b34;--rk-t:#e6cdb0}
.rk__lage,.wood-card__bild>.wood-card__lage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}

.auftakt__lead{max-width:none;font-size:min(clamp(26px,3.1vw,43px),5.6vw)}.auftakt__zeile{white-space:nowrap}



.robot-card__bild{position:relative;display:block;min-width:0;transform:translate(23%,8%) scale(1.44);transform-origin:50% 95%}.robot-card__copy{position:relative;z-index:1}.robot-card__bild>img{display:block}.robot-card__bild>.rc-roentgen{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;visibility:hidden;pointer-events:none}.robot-card.rc-js:hover::after{animation:none}.rc-linie{position:absolute;left:0;right:0;top:0;height:10%;background:linear-gradient(180deg,transparent,rgb(11 227 236 / .09) 85%,#0be3ec calc(100% - 1px),#0be3ec);pointer-events:none;z-index:2}

.robot-card.rc-schirm{position:absolute;inset:0;z-index:1;pointer-events:none;color:#006a73;background:#fff}
.rc-schirm .robot-card__head strong,.rc-schirm .robot-card__title{color:#006a73}
.rc-schirm .robot-card__head strong>span,.rc-schirm .robot-card__title em{color:#0bb8c0}
.rc-schirm .robot-card__link{border-top-color:#9fe3e6}


.auftakt__heim{margin:clamp(1.4rem,3vw,2.2rem) 0 0}
.heim-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;padding:0 1.5rem;border-radius:999px;background:var(--tinte,#151515);color:#f4f2ec;font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;box-shadow:0 10px 24px -14px rgb(0 0 0 / .55);transition:width .45s cubic-bezier(.6,0,.3,1),padding .45s cubic-bezier(.6,0,.3,1),background-color .35s,transform .25s}
.heim-knopf__ring{position:absolute;inset:0;border-radius:inherit;box-sizing:border-box;border:2px solid transparent;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;transition:opacity .2s}
.heim-knopf__ring i{position:absolute;left:50%;top:50%;width:max(150%,120px);aspect-ratio:1;background:conic-gradient(#3a3a3a 0 55%,#f08a3e 75%,#22c3e6 88%,#3a3a3a);transform:translate(-50%,-50%);animation:hk-umlauf 5s linear infinite}
@keyframes hk-umlauf{to{transform:translate(-50%,-50%) rotate(1turn)}}
.project-footer .heim-knopf{min-height:48px;color:#f4f2ec}
@media (hover:hover){.heim-knopf:hover{transform:translateY(-2px);background:#2a2a2a}}
.heim-knopf:focus-visible{outline:2px solid #1f9d55;outline-offset:3px}
.heim-knopf__text{transition:opacity .2s}
.heim-knopf__haken{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .35s .42s}
.heim-knopf.fertig{width:48px!important;padding:0;background:#1f9d55;transform:none}
.heim-knopf.fertig .heim-knopf__ring{opacity:0}
.heim-knopf.fertig .heim-knopf__text{opacity:0}
.heim-knopf.fertig .heim-knopf__haken{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.heim-knopf__ring i{animation:none}.heim-knopf,.heim-knopf__text,.heim-knopf__haken{transition:none}}


.kachel>a,.heim-knopf{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.kachel img{-webkit-user-drag:none}   
.kachel>a.gedrueckt{transform:scale(.97);box-shadow:0 0 0 2px #f08a3e,0 0 18px 2px rgb(34 195 230 / .45);transition-duration:.12s}
@media(prefers-reduced-motion:reduce){.kachel>a.gedrueckt{transform:none}}