/*
 * DADA Piercing — ana sayfa: müşterinin landing tasarımı (dada-piercing-landing-dunkel, Okt 2026). Yalnız ana sayfada yüklenir
 * (site/override/theme-a/bas/anasayfa.php); iç sayfalar, Journal ve makaleler koyu temada kalır. Sınıflar "lp-" önekli.
 * Kırmızı #A81818. Yazılar dosyadan (CDN yok): Crimson Pro, Alfa Slab One, Courier Prime, Inter, Bodoni Moda, Permanent Marker, "SD" alt kümeleri.
 */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/site/fonts/lp/inter-var.woff2") format('woff2')}
@font-face{font-family:'Alfa Slab One';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/site/fonts/lp/alfa-slab-one.woff2") format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/site/fonts/lp/courier-prime-400.woff2") format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/site/fonts/lp/courier-prime-700.woff2") format('woff2')}
@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:200 900;font-display:swap;src:url("/assets/site/fonts/lp/crimson-pro-var.woff2") format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:900;font-display:swap;src:url("/assets/site/fonts/lp/bodoni-moda-900.woff2") format('woff2')}
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/site/fonts/lp/permanent-marker.woff2") format('woff2')}

/* ===== DADA Piercing: gleiche Gestaltung wie die Tattoo-Seite (Stand 16.10.2026) ===== */
:root{
  --weiss:#FFFFFF;--grau:#F2F2F2;--grau-2:#E6E6E6;--linie:#E3E3E3;
  --schwarz:#0B0B0B;--karte:#232323;--tinte:#0A0923;--text:#1A1A1A;--soluk:#5E5A55;
  --rot:#A81818;--rot-2:#861212;--offen:#1F9D55;
  --logo:'Archivo','Helvetica Neue',Arial,sans-serif;--ui:'Inter','Helvetica Neue',Arial,sans-serif;
  --slab:'Alfa Slab One',Rockwell,serif;--typo:'Courier Prime','Courier New',monospace;--serif:'Crimson Pro',Georgia,serif;
  --kap:72rem;--kose:14px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--weiss)}
body{font:400 18px/1.55 var(--serif);background:var(--weiss);color:var(--text);padding-bottom:68px;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,video{display:block;max-width:100%}
ul,ol{list-style:none}
.lp-kenar{padding-left:16px;padding-right:16px;max-width:var(--kap);margin-left:auto;margin-right:auto}
section{padding:52px 0}
h1,h2,h3{color:var(--tinte)}
h2{font-family:var(--slab);font-weight:400;line-height:1;font-size:clamp(1.65rem,1.2rem + 2vw,2.6rem);text-transform:uppercase}
h3{font-family:var(--typo);font-weight:700;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}
p{color:var(--text)}
.kick{display:block;margin-bottom:10px;font-family:var(--typo);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rot)}

/* Knöpfe */
.lp-hap,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;font:700 1rem var(--ui);text-decoration:none;cursor:pointer}
.knopf{padding:.9rem 1.7rem;background:var(--rot);color:#fff;box-shadow:0 2px 0 var(--rot-2)}

/* Header */
.lp-ust{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 16px;background:#fff}
.lp-logo{display:flex;align-items:baseline;gap:.55rem;text-decoration:none}
.lp-logo b{font:900 1.6rem var(--logo);letter-spacing:.01em;color:var(--text)}
.lp-logo span{font:700 .78rem var(--typo);letter-spacing:.2em;text-transform:uppercase;color:var(--rot)}
.lp-menu{display:none;gap:1.6rem}
.lp-menu a{text-decoration:none;font:600 .95rem var(--ui);color:var(--soluk)}
.lp-menu a:hover{color:var(--text)}
.lp-menu.auf{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--linie);padding:1rem 16px}
.lp-ust__sag{display:flex;align-items:center;gap:.5rem}
.lp-ust .lp-hap{padding:.42rem 1rem;font-size:.88rem;background:var(--grau);color:var(--text)}
.lp-ust .lp-hap--kirmizi{background:var(--rot);color:#fff}
.lp-dil{font:700 .85rem var(--ui);color:var(--soluk)}
.lp-dil a{text-decoration:none}.lp-dil a[aria-current]{color:var(--text)}
@media(min-width:960px){.lp-menu{display:flex}.lp-menu-dugme{display:none!important}}
@media(max-width:520px){.lp-dil{display:none}.lp-ust__sag .lp-hap[href^="https://wa.me"]{display:none}}

/* Hero */
.lp-giris{padding:40px 16px 44px;text-align:center;background:#fff}
.montage{max-width:60rem;margin:0 auto;text-align:center}
.lp-giris .kick{display:none}
.z-h1{font-family:var(--slab);font-weight:400;text-transform:uppercase;line-height:1.02;font-size:clamp(1.3rem,5.5vw,3.4rem);color:var(--tinte)}
.z-h1 span{display:block}
.z-h1 span + span{color:var(--rot)}
.durch--gerade{position:relative;display:inline-block;margin-right:.08em;font-family:'Bodoni Moda',Didot,serif;font-weight:900;font-style:normal;font-size:1.18em;line-height:.9;text-transform:lowercase;color:var(--tinte);letter-spacing:-.01em}
.durch--gerade::first-letter{text-transform:uppercase}
.durch--gerade::after{content:"";position:absolute;left:-3%;right:-2%;top:44%;height:.3em;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201400%2060%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M10%2042%20C180%2034%20380%2034%20560%2038%20S880%2026%201060%2018%20S1290%2026%201380%2036%27%20fill%3D%27none%27%20stroke%3D%27%23A81818%27%20stroke-width%3D%2716%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none}
.z-text{margin:18px auto 0;max-width:36rem;font-size:1.2rem;line-height:1.45}
.z-walkin{display:inline-block;margin-top:18px;font:700 1rem var(--typo);color:var(--rot);text-decoration:underline;text-decoration-color:var(--text);text-decoration-thickness:3px;text-underline-offset:6px}
.lp-cta{display:flex;flex-direction:column;align-items:center;margin-top:28px}
.lp-cta .lp-hap{padding:.95rem 2.2rem;font-size:1.05rem;background:var(--rot);color:#fff;box-shadow:0 2px 0 var(--rot-2)}
.lp-cta__etiket{position:relative;top:-9px;display:inline-flex;align-items:center;gap:.4rem;padding:3px 9px;border-radius:4px;background:var(--text);color:#fff;font:700 .7rem var(--typo);letter-spacing:.04em;text-transform:uppercase}
.lp-cta__etiket::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--offen)}

/* Videos */
.lp-vitrin{overflow:hidden;padding-top:8px;background:#fff}
.lp-bolum-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:16px}
.lp-vitrin .lp-bolum-bas{justify-content:flex-end}
.lp-oklar{display:flex;gap:.5rem}
.lp-ok{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--tinte);font-size:1.3rem;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.lp-ray{display:flex;gap:1rem;transition:transform .5s cubic-bezier(.22,.7,.2,1)}
.lp-slayt{flex:0 0 min(78vw,640px);aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:var(--kose);background:var(--grau);opacity:.55;transition:opacity .3s}
.lp-slayt[data-merkez]{opacity:1}
.lp-slayt video{width:100%;height:100%;object-fit:cover}
.lp-slayt__etiket{position:absolute;left:16px;top:14px;font:700 .8rem var(--typo);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.lp-oynat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:0;border-radius:50%;background:rgba(13,14,16,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='white'/%3E%3C/svg%3E") center/24px no-repeat;color:transparent;font-size:0;cursor:pointer}
.lp-slayt.spielt .lp-oynat{opacity:0;pointer-events:none}

/* Arbeiten */
.lp-koleksiyon h2{max-width:18ch}
.lp-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:900px){.lp-izgara{grid-template-columns:repeat(3,1fr);gap:14px}}
.lp-kart{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border:0;border-radius:10px;padding:0;cursor:pointer;background:var(--grau)}
.lp-kart img,.lp-kart video{color:transparent;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-kart video{opacity:0;transition:opacity .3s}.lp-kart.spielt video{opacity:1}
.lp-kart__alt{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.78));text-align:left;font:700 .8rem var(--typo);color:#fff}

/* Problem */
.n-sek h2{margin-bottom:6px}
.problem-liste{display:grid;gap:12px;margin:22px 0;max-width:40rem}
.problem-liste li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:clamp(1.08rem,1rem + .4vw,1.25rem);line-height:1.45}
.problem-liste li::before{content:"";flex:0 0 10px;height:10px;margin-top:.55em;border-radius:50%;background:var(--rot)}
.n-sek:not(.dunkel):not(.manifest) .lp-kenar > p{font-size:clamp(1.12rem,1rem + .6vw,1.35rem);font-weight:500;max-width:40ch}

/* So läuft's: schwarz */
.n-sek.dunkel{background:var(--schwarz);color:#fff}
.n-sek.dunkel h2{color:#fff}
.n-sek.dunkel .kick{color:rgba(255,255,255,.7)}
.schritte{display:grid;gap:12px;margin:24px 0 26px;counter-reset:s}
@media(min-width:900px){.schritte{grid-template-columns:repeat(3,1fr)}}
.schritte li{counter-increment:s;padding:20px;border-radius:var(--kose);background:var(--karte);color:#fff;font-weight:600;font-size:1.1rem;line-height:1.4}
.schritte li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:50%;background:var(--rot);color:#fff;font:700 1rem var(--typo)}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px}

/* Was es kostet: roter Block */
.n-sek.manifest{background:var(--rot);color:#fff}
.n-sek.manifest .kick{color:rgba(255,255,255,.8)}
.n-sek.manifest h2{color:#fff;max-width:18ch}
.n-sek.manifest p{margin-top:14px;color:#fff;font-weight:700;font-size:clamp(1.15rem,1rem + .6vw,1.4rem)}

/* Preise: schwarze Karte */
.lp-preise > p:not(.preis-hinweis){margin-top:8px;font-size:1.1rem}
.preisliste{max-width:34rem;margin:22px 0 12px;padding:10px 22px;border-radius:18px;background:var(--schwarz);color:#fff}
.preisliste div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #2E2E2E;font-family:var(--typo);font-weight:700}
.preisliste div:last-child{border-bottom:0}
.preisliste dd{white-space:nowrap;color:#fff}
.preis-hinweis{font-size:.95rem;color:var(--soluk)}

/* Studio */
.lp-studio{display:grid;gap:28px}
@media(min-width:900px){.lp-studio{grid-template-columns:1fr 1.1fr;align-items:start}}
.lp-studio__yanit p{margin-top:14px;font-size:1.12rem}
.lp-studio h3{margin-bottom:14px}
.lp-bilgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:420px){.lp-bilgi{grid-template-columns:minmax(0,1fr)}}
.lp-bilgi > div{padding:18px 20px;border-radius:16px;background:var(--grau)}
.lp-bilgi dt{margin-bottom:6px;font:700 .74rem var(--typo);letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.lp-bilgi dd{font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.lp-bilgi dd[data-offen]{display:flex;align-items:center;gap:.45rem}
.lp-bilgi dd[data-offen]::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--offen)}

/* FAQ */
#faq-baslik{font-family:'Permanent Marker',var(--slab);font-weight:400;text-transform:uppercase;font-size:clamp(2rem,1.4rem + 3vw,3.4rem);line-height:1.02;transform:rotate(-2deg);transform-origin:left center;margin-bottom:26px}
.lp-sss details{margin-bottom:10px;border-radius:var(--kose);background:var(--grau)}
.lp-sss summary{display:flex;justify-content:space-between;gap:1rem;padding:18px 20px;font-weight:700;font-size:1.12rem;line-height:1.35;cursor:pointer;list-style:none}
.lp-sss summary::-webkit-details-marker{display:none}
.lp-sss summary::after{content:"+";color:var(--rot);font:700 1.3rem/1 var(--ui);transition:transform .2s}
.lp-sss details[open] summary::after{transform:rotate(45deg)}
.lp-sss details p{padding:0 20px 20px;max-width:68ch}

/* Footer */
.lp-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px max(16px,calc((100% - 72rem)/2 + 16px)) 36px;background:var(--schwarz);color:rgba(255,255,255,.7);font-size:.95rem}
.lp-alt nav{display:flex;flex-wrap:wrap;gap:18px}
.lp-alt a{text-decoration:none}.lp-alt a:hover{color:#fff}

/* Leiste unten */
.cubuk{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 1.2fr;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--linie)}
.cubuk a{display:grid;place-items:center;height:56px;text-decoration:none;font:700 .94rem var(--ui)}
.cubuk a + a{border-left:1px solid var(--linie)}
.cubuk .cubuk__ana{background:var(--rot);color:#fff;border-left:0}
@media(min-width:960px){.cubuk{display:none}body{padding-bottom:0}}
@media(max-width:400px){.lp-logo span{font-size:.68rem;letter-spacing:.1em}.lp-logo{gap:.35rem}.lp-ust{gap:.5rem;padding:10px 12px}.lp-ust .lp-hap{padding:.4rem .8rem}}
@media(max-width:380px){.lp-cta .lp-hap{font-size:.95rem;padding:.9rem 1.4rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Google-Bewertungen im Hero (wie Tattoo-Seite) */
.stempel{display:inline-flex;align-items:center;gap:.5rem;margin-top:20px;padding:.5rem .95rem;border-radius:999px;background:var(--grau);border:1px solid var(--linie);color:var(--text);font:700 .95rem var(--typo);text-decoration:none;white-space:nowrap;letter-spacing:-.02em}
.stempel .sterne{color:var(--rot);font-family:var(--ui);font-size:1.15em;letter-spacing:.04em}
.stempel .g-logo{flex:0 0 18px;display:block}
@media(max-width:420px){.stempel{font-size:.74rem;gap:.35rem;padding:.5rem .75rem}.stempel .sterne{font-size:1.05em;letter-spacing:0}}
.lp-cta .z-walkin{margin-top:10px}
/* CTA-Hinweis mit Pfeil (wie Tattoo-Seite) */
.cta-hinweis{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-bottom:6px}
.cta-hinweis p{text-align:right;font:700 .95rem/1.35 var(--typo);color:var(--text)}
.cta-hinweis b{font-weight:700}
.offen-zeile{display:inline-flex;align-items:center;gap:.4rem}
.offen-zeile::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--offen)}
.cta-pfeil{width:64px;height:48px;flex:0 0 auto;transform:translateY(10px)}
@media(max-width:380px){.cta-hinweis p{font-size:.8rem}}
/* Zeile unter dem Knopf: kleiner Hinweis statt zweiter Überschrift */
.lp-cta .z-walkin{display:block;margin-top:14px;font:700 .85rem var(--typo);color:var(--soluk);text-decoration:none;letter-spacing:-.01em}
.lp-cta .knopf{padding:.95rem 2.2rem;font-size:1.05rem}
.knopf .pfeil{transition:transform .2s}.knopf:hover .pfeil{transform:translateX(3px)}
@media(max-width:380px){.lp-cta .knopf{font-size:.95rem;padding:.9rem 1.2rem;white-space:nowrap}}
/* SOFT-Variante: keine schwarzen und roten Flächen */
.n-sek.dunkel{background:var(--grau);color:var(--text)}
.n-sek.dunkel h2{color:var(--tinte)}
.n-sek.dunkel .kick{color:var(--rot)}
.schritte li{background:#fff;color:var(--text)}
.n-sek.manifest{background:#fff;color:var(--text)}
.n-sek.manifest .kick{color:var(--rot)}
.n-sek.manifest h2{color:var(--rot)}
.n-sek.manifest p{color:var(--text)}
.preisliste{background:var(--grau);color:var(--text)}
.preisliste div{border-bottom-color:#E0E0E0}
.preisliste dd{color:var(--rot)}
/* Google-Bewertungen (soft: weiß, graue Karten) */
.beweise .lp-kenar > p{color:var(--soluk)}
.beweis-zahl{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin:16px 0 6px;font:700 1rem var(--typo);color:var(--text)}
.beweis-zahl b{font-family:var(--slab);font-weight:400;font-size:clamp(3rem,2rem + 5vw,4.6rem);line-height:1;color:var(--rot)}
.beweis-zahl .sterne,.rev .s{color:var(--rot);letter-spacing:.06em;font-family:var(--ui)}
.bew-kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:22px}
.bew-kopf a{font:700 .95rem var(--typo);color:var(--text)}
.revs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:14px;padding-bottom:6px;scrollbar-width:none}
.revs::-webkit-scrollbar{display:none}
.rev{flex:0 0 min(82vw,360px);scroll-snap-align:start;padding:20px;border-radius:var(--kose);background:var(--grau)}
.rev p{margin:10px 0 14px;font-size:1.08rem}
.rev cite{font:400 .85rem var(--typo);font-style:normal;color:var(--soluk)}
/* Foto-Karussell */
.werke-sek{padding:40px 0}
.werke__kopf{display:flex;justify-content:flex-end;margin-bottom:12px}
.werke__liste{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px;scrollbar-width:none}
.werke__liste::-webkit-scrollbar{display:none}
.werk{flex:0 0 min(64vw,260px);scroll-snap-align:start}
.werk__foto,.werk img{display:grid;place-items:center;width:100%;aspect-ratio:4/5;border-radius:12px;background:var(--grau);color:var(--soluk);font:400 .85rem var(--typo);object-fit:cover}
@font-face{font-family:'SD Anton';font-display:swap;src:url("/assets/site/fonts/lp/sd-anton.woff2") format('woff2')}
@font-face{font-family:'SD Alfa';font-display:swap;src:url("/assets/site/fonts/lp/sd-alfa.woff2") format('woff2')}
@font-face{font-family:'SD Ultra';font-display:swap;src:url("/assets/site/fonts/lp/sd-ultra.woff2") format('woff2')}
@font-face{font-family:'SD Bodoni';font-weight:900;font-display:swap;src:url("/assets/site/fonts/lp/sd-bodoni.woff2") format('woff2')}
@font-face{font-family:'SD BodoniI';font-weight:900;font-display:swap;src:url("/assets/site/fonts/lp/sd-bodoni-italik.woff2") format('woff2')}
@font-face{font-family:'SD Archivo';font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("/assets/site/fonts/lp/sd-archivo.woff2") format('woff2')}
/* Hero-Titel: Zeile 1 schief im Dada-Stil, Zeile 2 kerzengerade */
.pierc-h1{font-family:inherit;text-transform:none;line-height:1}
.pierc-h1 .schief-zeile{display:block;font-size:clamp(2.1rem,9.6vw,4.4rem);line-height:1.08;color:var(--tinte)}
.pierc-h1 .sd-w{display:inline-block;white-space:nowrap}
.pierc-h1 .sd-w span{display:inline-block;line-height:1}
.pierc-h1 .gerade-zeile{display:block;margin-top:14px;font-family:'Archivo',sans-serif;font-weight:880;font-stretch:100%;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.05rem,5vw,2.2rem);line-height:1.1;color:var(--rot)!important}
.sd-bod{font-family:'SD Bodoni',Didot,serif;font-weight:900}
.sd-bi{font-family:'SD BodoniI',Didot,serif;font-weight:900}
.sd-arc{font-family:'SD Archivo',sans-serif;font-weight:880;font-stretch:75%}
.sd-arcw{font-family:'SD Archivo',sans-serif;font-weight:900;font-stretch:110%}
.sd-ant{font-family:'SD Anton',sans-serif}
.sd-alfa{font-family:'SD Alfa',serif}
.sd-ul{font-family:'SD Ultra',serif}
.pierc-h1 .schief-zeile,.pierc-h1 .schief-zeile span{color:var(--tinte)!important}
/* Fotos statt Videos im oberen Karussell, Videos im unteren */
.lp-slayt img{width:100%;height:100%;object-fit:cover}
.werk--video{position:relative}
.werk video,.werk img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--grau)}
.werk--video.spielt .lp-oynat{opacity:0;pointer-events:none}

/* ===== Sistem eklemeleri (site verisiyle çalışması ve CSP için; bu dosyanın değişkenleri: --rot, --text, --soluk, --serif) ===== */
/* Mobil alt çubuk: koyu temanın açık yazı rengi beyaz çubukta kaybolmasın */
.cubuk a{color:var(--text)}
.cubuk .cubuk__ana{color:#fff}
.lp-logo{align-items:center}
.lp-logo img{display:block;width:auto;height:80px}
@media(max-width:959px){.lp-logo img{height:72px}}
@media(max-width:520px){.lp-logo img{height:62px}}
html{scroll-padding-top:104px}
.lp-dil a{text-decoration:none}
.lp-dil [aria-current]{color:var(--text)}
.offen-zeile.zu::before,.lp-bilgi dd[data-offen].zu::before{background:#9A9A9A}
.lp-bilgi dd .zeile{display:block;white-space:nowrap}
.lp-sss details > div{padding:0 20px 20px;color:var(--soluk)}
.lp-sss details > div p{color:inherit;font-family:var(--serif)}
.werk img{display:block;height:auto}
.lp-slayt--foto img{display:block;height:100%}
.lp-ok--dur{font-size:.72rem;letter-spacing:-.05em}
.lp-ok--dur[hidden]{display:none}
.werke__liste:focus-visible{outline:2px solid var(--rot);outline-offset:4px}
/* Giriş başlığı: harf başına boyut/dönüş (müşteri dosyasındaki satır içi stillerin sınıf karşılığı; CSP satır içi stile izin vermez) */
.pierc-h1 .sd-h1{font-size:1.25em;transform:rotate(-3deg) translateY(0em)}
.pierc-h1 .sd-h2{font-size:1.0em;transform:rotate(4deg) translateY(0em)}
.pierc-h1 .sd-h3{font-size:1.0em;transform:rotate(-6deg) translateY(0.02em)}
.pierc-h1 .sd-h4{font-size:0.85em;transform:rotate(5deg) translateY(-0.08em)}
.pierc-h1 .sd-h5{font-size:0.9em;transform:rotate(-4deg) translateY(0em)}
.pierc-h1 .sd-h6{font-size:0.75em;transform:rotate(3deg) translateY(-0.12em)}
.pierc-h1 .sd-h7{font-size:1.05em;transform:rotate(8deg) translateY(0em)}
.pierc-h1 .sd-h8{font-size:0.85em;transform:rotate(-6deg) translateY(-0.06em)}
.pierc-h1 .sd-h9{font-size:0.85em;transform:rotate(4deg) translateY(-0.1em)}
.pierc-h1 .sd-h10{font-size:1.05em;transform:rotate(-3deg) translateY(0em)}
.pierc-h1 .sd-h11{font-size:0.9em;transform:rotate(6deg) translateY(-0.04em)}
.pierc-h1 .sd-h12{font-size:0.85em;transform:rotate(-5deg) translateY(0em)}
.pierc-h1 .sd-h13{font-size:1.08em;transform:rotate(9deg) translateY(0em)}
.pierc-h1 .sd-h14{font-size:1.2em;transform:rotate(-4deg) translateY(0em)}
.pierc-h1 .sd-h15{font-size:0.95em;transform:rotate(5deg) translateY(0em)}
.pierc-h1 .sd-h16{font-size:0.85em;transform:rotate(-3deg) translateY(-0.04em)}
.pierc-h1 .sd-h17{font-size:1.0em;transform:rotate(6deg) translateY(0em)}
.pierc-h1 .sd-h18{font-size:1.0em;transform:rotate(-7deg) translateY(0em)}
.pierc-h1 .sd-h19{font-size:1.0em}