@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gruen:#7e9584;--gruen-tief:#5d7363;--nacht:#121412;--rot:#c8102e;--knochen:#f1eee6;--schwarz:#0e0f0e;--display:"Big Shoulders Kasten", "Arial Narrow", sans-serif;--text:"Inter Tight Variable", "Helvetica Neue", Arial, sans-serif;--gross:clamp(3.2rem, 6.2vw, 7.4rem);--mittel:clamp(2.3rem, 4.4vw, 4.8rem);--fliess:clamp(1.06rem, .98rem + .32vw, 1.3rem);--klein:.95rem;--ease:cubic-bezier(.23, 1, .32, 1);--rand:clamp(1.1rem, 4vw, 3.5rem);--leiste:64px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--nacht);color:var(--schwarz);font-family:var(--text);font-size:var(--fliess);margin:0;line-height:1.55;display:flow-root;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--rot);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--knochen);padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:1rem;left:1rem}[id]{scroll-margin-top:calc(var(--leiste) + 1rem)}.frame{display:block;overflow:hidden}h2,h3,p,figure,blockquote{margin:0}.stapel{font-weight:800;font-family:var(--display);font-size:var(--gross);text-transform:uppercase;letter-spacing:.01em;flex-direction:column;align-items:flex-start;gap:.06em;margin:0;line-height:1;display:flex}.stapel.klein{font-size:var(--mittel)}.kasten{background:var(--schwarz);width:fit-content;max-width:100%;color:var(--knochen);text-wrap:balance;padding:.07em .22em .03em;display:inline-block}.kasten.hell{background:var(--knochen);color:var(--schwarz)}.kasten.rot{background:var(--rot);color:#fff}body:before{content:"";height:calc(var(--einstieg,100svh) - var(--leiste));display:block}.leiste{margin-bottom:calc(-1 * var(--einstieg,100svh));height:var(--leiste);z-index:30;padding-inline:var(--rand);background:var(--schwarz);color:var(--knochen);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-size:clamp(.92rem,.82rem + .25vw,1.12rem);font-weight:600;display:grid;position:sticky;top:0;bottom:0}.leiste a{text-decoration:none}.marke{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;justify-self:start;font-size:clamp(1.35rem,1.6vw,2.2rem);font-weight:800;line-height:1}.marke span{color:var(--rot)}.links{gap:clamp(1rem,2.4vw,2.6rem);display:flex}.rechts{justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.leiste-status{opacity:.82;white-space:nowrap;font-weight:500}.tel{font-variant-numeric:tabular-nums;text-underline-offset:.25em;white-space:nowrap;text-decoration:underline!important;-webkit-text-decoration-color:var(--rot)!important;text-decoration-color:var(--rot)!important;text-decoration-thickness:2px!important}@media (hover:hover) and (pointer:fine){.leiste a:hover{color:#fff}.links a:hover{text-underline-offset:.3em;text-decoration:underline}}.einstieg{background:var(--nacht);height:280svh;position:relative}.buehne{background:var(--nacht);height:100svh;position:sticky;top:0;overflow:hidden}.film{background:var(--nacht);position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .4s linear}.film.is-live canvas{opacity:1}.hero-film{position:absolute;inset:0}.hero-film .still{transform:scale(1.02)}.dunkel{pointer-events:none;--r:0%;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 46% -4%, transparent var(--r), #000 calc(var(--r) + 22%)), radial-gradient(circle at 94% 34%, transparent calc(var(--r) * .9), #000 calc(var(--r) * .9 + 18%));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 46% -4%, transparent var(--r), #000 calc(var(--r) + 22%)), radial-gradient(circle at 94% 34%, transparent calc(var(--r) * .9), #000 calc(var(--r) * .9 + 18%));mask-image:radial-gradient(ellipse 70% 60% at 46% -4%, transparent var(--r), #000 calc(var(--r) + 22%)), radial-gradient(circle at 94% 34%, transparent calc(var(--r) * .9), #000 calc(var(--r) * .9 + 18%));background:url(/img/hero-dunkel.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.einstieg-text{z-index:2;left:var(--rand);bottom:calc(var(--leiste) + clamp(1.6rem, 6vh, 4rem));flex-direction:column;align-items:flex-start;gap:clamp(.9rem,1.6vw,1.3rem);max-width:min(56vw,60rem);display:flex;position:absolute}.einstieg .kasten{background:var(--knochen);color:var(--schwarz)}.einstieg .kasten:nth-child(2){margin-left:.5em}.einstieg-zeile{max-width:36rem;font-size:clamp(.98rem,.9rem + .2vw,1.15rem);font-weight:600}.einstieg-zeile span{background:var(--schwarz);color:var(--knochen);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.28rem .55rem;line-height:1.95;display:inline}.auftakt{z-index:3;background:var(--gruen);padding:clamp(4.5rem, 10vw, 9rem) var(--rand) clamp(3.5rem, 7vw, 6rem);margin-top:-80svh;position:relative}.auftakt:before{content:"";background:var(--rot);height:6px;position:absolute;top:-1px;left:0;right:0}.auftakt-innen{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(1.6rem,4vw,4rem);max-width:72rem;display:grid}.auftakt-innen .stapel{grid-column:1/-1;margin-bottom:clamp(.4rem,1.5vw,1rem)}.lauf{text-wrap:pretty;max-width:62ch}.zitat blockquote{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;font-size:clamp(1.7rem,2.6vw,2.8rem);font-weight:700;line-height:1.05}.zitat figcaption{font-size:var(--klein);color:#1d2620;margin-top:.6rem}.zitat.hell figcaption{color:#d9dcd5}.ablauf{background:var(--gruen);padding:clamp(2rem, 5vw, 4rem) var(--rand) clamp(4rem, 9vw, 8rem);z-index:3;position:relative}.ablauf-kopf{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.lampe{flex:none;width:clamp(9rem,16vw,15rem)}.lampe .frame{border-radius:2px;box-shadow:0 14px 34px #0a0e0b59}.schritte{border-top:2px solid var(--schwarz);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,2.4rem);margin:0;padding:0;list-style:none;display:grid}.schritt{flex-direction:column;gap:.7rem;padding-top:1.1rem;display:flex}.schritt-nr{font-family:var(--display);color:var(--rot);background:var(--schwarz);width:fit-content;padding:.1rem .4rem;font-size:1.15rem;font-weight:800;line-height:1.1}.schritt-wort{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.1vw,2.3rem);font-weight:800;line-height:1}.schritt-text{max-width:30ch}.schritt-stimme{color:var(--schwarz);font-size:1.02rem;font-weight:600;line-height:1.4}.schritt-stimme .w{opacity:var(--o,1);transition:opacity .12s linear}.ablauf-quelle{font-size:var(--klein);color:#1d2620;margin-top:2rem}.nahe{z-index:3;background:var(--nacht);color:var(--knochen);padding:clamp(3rem,7vw,6rem) 0;position:relative}.bogen{clip-path:inset(0 14% round 46vw 46vw 0 0);will-change:clip-path;width:100%;height:min(86svh,62vw);margin:0 auto}.bogen .film{width:100%;height:100%}.nahe-text{margin:calc(-1 * clamp(6rem, 12vw, 11rem)) var(--rand) 0;gap:1.4rem;max-width:46rem;display:grid;position:relative}.nahe-text .zitat{background:var(--nacht);max-width:34rem;padding:1.1rem 1.2rem 1rem}.piercing{z-index:3;background:var(--knochen);padding:clamp(4rem, 9vw, 8rem) var(--rand);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;position:relative}.piercing-text{gap:1.6rem;display:grid}.piercing-bild figcaption,.tattoo-skizze figcaption{font-size:var(--klein);color:#2c312d;margin-top:.55rem}.tattoo-skizze figcaption{color:#141a16}.tattoo{z-index:3;background:var(--gruen);padding:clamp(4rem, 9vw, 8rem) var(--rand);position:relative}.tattoo-raster{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:clamp(1.6rem,4vw,4rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}.tattoo-text{gap:1.3rem;padding-top:clamp(0rem,4vw,4rem);display:grid}.tattoo-skizze{max-width:26rem;margin-top:1rem}.link{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--rot);text-decoration-color:var(--rot);font-weight:700}.tattoo-platz .frame,.piercing-bild .frame,.tattoo-skizze .frame{border-radius:2px}.safe{z-index:3;background:var(--rot);color:#fff;padding:clamp(4.5rem, 10vw, 9rem) var(--rand);justify-items:start;gap:1.6rem;display:grid;position:relative}.safe .kasten{background:var(--schwarz)}.safe-text{text-wrap:balance;max-width:30ch;font-size:clamp(1.25rem,1rem + 1vw,2rem);font-weight:600;line-height:1.3}.safe .zitat figcaption{color:#fff}.besuch{z-index:3;background:var(--knochen);padding:clamp(4rem, 9vw, 8rem) var(--rand) clamp(3rem, 6vw, 5rem);position:relative}.besuch-raster{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}.weg svg{width:100%;height:auto;display:block}.besuch-info{justify-items:start;gap:1.1rem;display:grid}.status{font-family:var(--display);text-transform:uppercase;background:var(--schwarz);color:var(--knochen);padding:.12em .3em .06em;font-size:clamp(1.6rem,2.3vw,2.4rem);font-weight:800;line-height:1}.zeiten{border-collapse:collapse;font-variant-numeric:tabular-nums}.zeiten th,.zeiten td{text-align:left;border-bottom:1px solid #c9c6bd;padding:.35rem 1.4rem .35rem 0;font-weight:500}.zeiten tr.heute th,.zeiten tr.heute td{color:var(--rot);font-weight:800}.adresse{font-weight:700}.knopf{background:var(--rot);color:#fff;font-variant-numeric:tabular-nums;transition:transform .14s var(--ease), background-color .16s var(--ease);border-radius:2px;padding:.85rem 1.2rem;font-weight:800;text-decoration:none;display:inline-block}.knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.knopf:hover{background:#a90d26}}.schluss{z-index:3;background:var(--schwarz);color:var(--knochen);padding:2.2rem var(--rand) 2.6rem;font-size:var(--klein);gap:.6rem;display:grid;position:relative}.schluss-marke{font-family:var(--display);text-transform:uppercase;font-size:2rem;font-weight:800;line-height:1}.schluss-marke span{color:var(--rot)}.schluss a{color:inherit}.schluss-links{flex-wrap:wrap;gap:1rem;display:flex}.schluss-links button{text-underline-offset:.25em;cursor:pointer;color:var(--knochen);background:0 0;border:0;padding:0;text-decoration:underline}dialog{background:var(--knochen);max-width:36rem;color:var(--schwarz);border:0;padding:1.6rem 1.6rem 1.4rem;font-size:1rem}dialog h2{font-family:var(--display);text-transform:uppercase;margin-bottom:.8rem;font-size:1.8rem;font-weight:800;line-height:1}dialog p{margin-bottom:.8rem}dialog::backdrop{background:#0a0c0ab8}dialog .close{background:var(--schwarz);color:var(--knochen);cursor:pointer;border:0;padding:.55rem .9rem;font-weight:700}dialog[open]{animation:auf .32s var(--ease)}@keyframes auf{0%{opacity:0;transform:translateY(8px)scale(.97)}}.motion .rein{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(12px)}.motion .rein.da{opacity:1;transform:none}.no-motion .einstieg{height:100svh}.no-motion .auftakt{margin-top:0}.no-motion .dunkel{display:none}.no-motion .bogen{clip-path:none}@media (width<=900px){.schritte{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.4rem}}@media (width<=760px){:root{--leiste:58px}body:before{display:none}body{padding-bottom:calc(var(--leiste) + env(safe-area-inset-bottom))}.leiste{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--leiste) + env(safe-area-inset-bottom));top:auto;bottom:0;grid-template-columns:1fr auto;margin:0;position:fixed;inset-inline:0}.links,.nur-gross{display:none}.marke{font-size:1.32rem}.einstieg{height:230svh}.einstieg-text{bottom:calc(var(--leiste) + 1.4rem);max-width:calc(100vw - 2 * var(--rand))}.stapel{font-size:clamp(2.5rem,12.4vw,3.6rem)}.stapel.klein{font-size:clamp(2rem,10vw,2.8rem)}.auftakt{margin-top:-60svh}.auftakt-innen,.piercing,.tattoo-raster,.besuch-raster{grid-template-columns:1fr}.ablauf-kopf{flex-direction:column;align-items:flex-start}.lampe{width:52vw}.schritte{grid-template-columns:1fr}.bogen{clip-path:inset(0 6% round 44vw 44vw 0 0);height:74svh}.nahe-text{margin-top:-5rem}.tattoo-text{padding-top:0}.dunkel{background-image:url(/img/hero-dunkel-s.webp)}}.einstieg-text{top:clamp(4.5rem,13vh,8.5rem);bottom:auto}@media (width<=760px){.einstieg-text{top:clamp(3.2rem,9svh,5rem);bottom:auto}}