:root{--bg:#070809;--panel:#111316;--panel2:#17191d;--red:#d71920;--red2:#ff3038;--silver:#d9dde2;--muted:#a9afb7;--white:#f7f7f5;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#241013 0,transparent 28%),var(--bg);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{border-bottom:1px solid #24272b;background:#050607cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:.08em}.brand span{color:var(--red2)}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px}.navlinks a{text-decoration:none;color:#d7d9dc}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:7px;text-decoration:none;font-weight:800;border:1px solid #3a3d42;background:#17191c}.btn.red{background:linear-gradient(180deg,#ef2c34,#b90d13);border-color:#ff4c53;box-shadow:0 8px 30px #d7192033}.hero{padding:62px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{color:#ff454c;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:14px 0 22px;letter-spacing:-.04em;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--red2)}.lead{font-size:20px;color:#c6c9ce;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.logo-stage{position:relative;min-height:450px;display:grid;place-items:start center;align-self:start;transform:translateY(-38px);padding-top:0}.logo-stage:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#e01b2438,transparent 64%);filter:blur(2px)}.logo-stage img{width:100%;max-width:600px;position:relative;filter:drop-shadow(0 30px 45px #000)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2b2d31;border:1px solid #2b2d31;border-radius:10px;overflow:hidden;margin-top:34px}.stat{background:#0d0f11;padding:20px}.stat b{display:block;font-size:24px}.stat span{color:var(--muted);font-size:13px}.section{padding:78px 0}.section.alt{background:#0d0f11;border-top:1px solid #1e2125;border-bottom:1px solid #1e2125}.kicker{color:#ff454c;font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:.14em}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:10px 0 18px;letter-spacing:-.03em}.intro{max-width:790px;color:#bdc1c7;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.card{background:linear-gradient(145deg,#15171a,#0d0f11);border:1px solid #282b30;border-radius:12px;padding:26px;min-height:205px}.icon{font-size:26px}.card h3{font-size:20px;margin:12px 0 8px}.card p{color:#aeb3ba;margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.metal{background:linear-gradient(135deg,#1b1e22,#0b0d0f);border:1px solid #2c3035;border-radius:16px;padding:34px;box-shadow:inset 0 1px #ffffff0d}.checks{display:grid;gap:13px;margin-top:22px}.check{display:flex;gap:12px;color:#d6d8dc}.check:before{content:"✓";color:#ff4149;font-weight:900}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:28px}.contact-box{background:#111316;border:1px solid #292c31;border-radius:14px;padding:28px}.contact-line{padding:13px 0;border-bottom:1px solid #25282d}.contact-line:last-child{border:0}.contact-line small{display:block;color:#8f969f;text-transform:uppercase;letter-spacing:.1em}.contact-line b{font-size:18px}.mapbox{min-height:100%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 10%,#331015,#111316 45%);border:1px solid #2a2d32;border-radius:14px;padding:34px}.footer{padding:28px 0;color:#9da3aa;border-top:1px solid #22252a;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#c9ccd1}.legal{padding:60px 0}.legal h1{font-size:44px}.legal h2{margin-top:34px}.notice{border-left:4px solid var(--red);background:#151013;padding:16px 18px;color:#e5c9cb;border-radius:4px}.mobile-call{display:none}@media(max-width:850px){.navlinks a:not(.btn){display:none}.hero-grid,.feature,.contact-grid{grid-template-columns:1fr}.logo-stage{min-height:300px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero{padding-top:38px}.mobile-call{display:inline-flex}.logo-stage{order:-1;transform:translateY(-12px);place-items:start center}.section{padding:58px 0}}

/* Kontakt-Popup */
button.btn{font:inherit;color:inherit;cursor:pointer}.contact-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:#000c;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.2s ease}.contact-modal.open{opacity:1;visibility:visible}.contact-modal-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:radial-gradient(circle at 50% 0,#351217 0,#15171a 34%,#090a0c 100%);border:1px solid #4a2b2e;border-radius:18px;padding:30px;box-shadow:0 30px 90px #000}.contact-close{position:absolute;right:15px;top:12px;width:42px;height:42px;border:1px solid #3b3e43;border-radius:50%;background:#0d0f11;color:#fff;font-size:29px;line-height:1;cursor:pointer}.contact-logo{display:block;width:min(285px,72%);max-height:145px;object-fit:contain;margin:-10px auto 10px;filter:drop-shadow(0 15px 25px #000)}.contact-modal-card h2{font-size:clamp(28px,5vw,40px);line-height:1.05;margin:8px 0 12px}.contact-modal-card p{color:#bdc1c7}.contact-choice{padding:14px 0;border-bottom:1px solid #2b2e33}.contact-choice small{display:block;color:#969ca4;text-transform:uppercase;letter-spacing:.1em}.contact-choice a{display:inline-block;margin-top:3px;color:#fff;font-size:21px;font-weight:900;text-decoration:none}.contact-choice a:hover{color:var(--red2)}.modal-actions{margin-top:22px}.contact-business{margin-top:22px;padding-top:16px;border-top:1px solid #282b30;color:#979da5;font-size:13px}.modal-open{overflow:hidden}@media(max-width:600px){.contact-modal-card{padding:24px 20px}.contact-logo{width:220px}.modal-actions .btn{width:100%}}

.hero-slogan{font-size:clamp(22px,2.5vw,32px);font-weight:800;margin:0 0 16px;color:#f1f2f3}.logo-stage{display:flex;flex-direction:column;align-items:center}.logo-sub{position:relative;margin-top:-8px;text-align:center;color:#9298a0;line-height:1.25}.logo-sub strong{display:block;font-size:13px;letter-spacing:.14em;color:#b8bdc4}.logo-sub span{display:block;font-size:11px;font-style:italic;letter-spacing:.025em;margin-top:2px}@media(max-width:850px){.logo-sub{margin-top:-2px}}

/* PIN DOC startup - self contained, works from local file:// */
.pinboot{position:fixed;inset:0;z-index:99999;background:#020202;overflow:hidden;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}.booting{overflow:hidden}.pinboot:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 26%,rgba(210,0,0,.28),transparent 26%),radial-gradient(circle at 50% 70%,rgba(255,255,255,.06),transparent 35%);animation:power 1.1s steps(2) forwards}.boot-backglass{position:absolute;top:7%;width:min(680px,82vw);height:34vh;min-height:210px;border:4px solid #292929;border-radius:18px;background:linear-gradient(145deg,#050505,#171717 50%,#050505);box-shadow:0 0 0 2px #080808,0 0 55px rgba(220,0,0,.15);display:grid;place-items:center;opacity:.08;animation:backglass 1.25s .25s forwards}.boot-backglass img{max-width:70%;max-height:62%;filter:brightness(.2);animation:logoignite 1.1s .55s forwards}.boot-score{position:absolute;bottom:7%;font:700 20px monospace;letter-spacing:.35em;color:#ff2b20;text-shadow:0 0 12px red;animation:score .75s 1.25s steps(4) forwards}.boot-field{position:absolute;bottom:-5%;width:min(560px,72vw);height:52vh;transform:perspective(650px) rotateX(58deg);transform-origin:bottom;border:3px solid #252525;border-radius:34px 34px 0 0;background:linear-gradient(#111,#050505);box-shadow:0 0 30px #000 inset}.insert{position:absolute;width:26px;height:26px;border-radius:50%;background:#240000;box-shadow:0 0 0 3px #111}.i1{left:18%;top:30%;animation:blink .22s 1.45s 2}.i2{left:37%;top:18%;animation:blink .22s 1.65s 2}.i3{left:56%;top:35%;animation:blink .22s 1.85s 2}.i4{left:72%;top:20%;animation:blink .22s 2.05s 2}.i5{left:46%;top:55%;animation:blink .22s 2.25s 2}.lane{position:absolute;right:8%;top:5%;bottom:0;width:44px;border-left:2px solid #333;border-right:2px solid #333}.ball{position:absolute;right:10%;bottom:4%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#aaa 25%,#444 55%,#111 78%);box-shadow:0 0 14px #fff8;animation:launch 1.05s 2.45s cubic-bezier(.2,.8,.2,1) forwards}.plunger{position:absolute;right:8.8%;bottom:-4%;width:38px;height:90px;border-radius:12px;background:linear-gradient(90deg,#333,#aaa,#333);animation:plunge .5s 2.25s ease-in-out}.boot-text{position:absolute;bottom:3%;font:700 12px Arial,sans-serif;letter-spacing:.28em;color:#777;animation:textglow .7s 3s forwards}.boot-out{opacity:0;visibility:hidden;pointer-events:none}
@keyframes power{0%,18%,32%{opacity:.08}22%,38%{opacity:.8}100%{opacity:1}}@keyframes backglass{0%{opacity:.05;filter:brightness(.1)}35%{opacity:.85;filter:brightness(1.6)}48%{opacity:.25}65%,100%{opacity:1;filter:brightness(1)}}@keyframes logoignite{0%{filter:brightness(.1)}45%{filter:brightness(2) drop-shadow(0 0 18px #d00)}100%{filter:brightness(1.05) drop-shadow(0 0 8px #900)}}@keyframes score{to{letter-spacing:.12em;content:"30 000 000"}}@keyframes blink{50%{background:#f31;box-shadow:0 0 18px #f31,0 0 35px #f00}}@keyframes plunge{45%{transform:translateY(48px)}100%{transform:translateY(0)}}@keyframes launch{0%{transform:translate(0,0)}45%{transform:translate(0,-340px)}70%{transform:translate(-115px,-410px)}100%{transform:translate(-235px,-300px)}}@keyframes textglow{to{color:#ddd;text-shadow:0 0 10px #d00}}
@media(max-width:600px){.boot-backglass{top:10%;height:28vh}.boot-field{width:86vw;height:48vh}.ball{right:9%}}
@media(prefers-reduced-motion:reduce){.pinboot{display:none!important}.booting{overflow:auto}}

/* ===== Legacy-Fallbacks fuer aeltere Browser/Geraete ===== */
/* Alte Browser ignorieren unbekannte Regeln und erhalten diese einfacheren Alternativen. */
.wrap{max-width:1180px;width:94%;}
.btn{-webkit-transition:all .2s ease;transition:all .2s ease;}
.pinboot{top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .7s ease,visibility .7s;transition:opacity .7s ease,visibility .7s;}
.contact-modal{top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.82);}
.boot-backglass{-webkit-animation:backglass 1.25s .25s forwards;animation:backglass 1.25s .25s forwards;}
.boot-backglass img{-webkit-animation:logoignite 1.1s .55s forwards;animation:logoignite 1.1s .55s forwards;}
.ball{-webkit-animation:launch 1.05s 2.45s forwards;animation:launch 1.05s 2.45s forwards;}
.plunger{-webkit-animation:plunge .5s 2.25s ease-in-out;animation:plunge .5s 2.25s ease-in-out;}
.boot-text{-webkit-animation:textglow .7s 3s forwards;animation:textglow .7s 3s forwards;}
@-webkit-keyframes backglass{0%{opacity:.05}35%{opacity:.85}48%{opacity:.25}65%,100%{opacity:1}}
@-webkit-keyframes logoignite{0%{opacity:.25}45%{opacity:1}100%{opacity:1}}
@-webkit-keyframes plunge{45%{-webkit-transform:translateY(48px)}100%{-webkit-transform:translateY(0)}}
@-webkit-keyframes launch{0%{-webkit-transform:translate(0,0)}45%{-webkit-transform:translate(0,-340px)}70%{-webkit-transform:translate(-115px,-410px)}100%{-webkit-transform:translate(-235px,-300px)}}
@-webkit-keyframes textglow{to{color:#ddd}}

/* Flex-Fallback, falls CSS Grid nicht vorhanden ist. */
@supports not (display:grid){
  .hero-grid,.feature,.contact-grid,.cards,.stats{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .hero-grid>*,.feature>*,.contact-grid>*{width:48%;}
  .cards>.card{width:31%;margin:1%;}
  .stats>.stat{width:24%;}
  .logo-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
  @media(max-width:850px){.hero-grid>*,.feature>*,.contact-grid>*,.cards>.card{width:100%;}.stats>.stat{width:50%;}}
}

/* ===== Modern PIN DOC Intro v2 – same robust ES5 timing, upgraded visuals ===== */
#pinboot{background:radial-gradient(circle at 50% 32%,#17191d 0,#070809 35%,#020203 75%);}
#pinboot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.035) 48%,transparent 54%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);}
#skipIntro{border-radius:18px!important;border-color:#454950!important;background:rgba(12,13,15,.82)!important;font-size:12px;letter-spacing:.08em;box-shadow:0 8px 28px #0008;}
#backglass{overflow:hidden!important;border-radius:22px!important;border:1px solid #555b63!important;background:linear-gradient(145deg,#1a1d21,#060708 48%,#111318)!important;box-shadow:0 28px 70px #000,0 0 0 1px #ffffff12 inset!important;}
#backglass:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(231,25,34,.24),transparent 38%),linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08) 46%,transparent 57%);}
#backglass:after{content:"PINBALL SERVICE SYSTEM";position:absolute;left:0;right:0;bottom:11px;color:#777e87;font:700 9px Arial,sans-serif;letter-spacing:.34em;}
#backglass img{position:relative;z-index:2;filter:drop-shadow(0 18px 25px #000)!important;}
.boot-dmd-label{position:absolute;z-index:3;left:18px;top:14px;font:700 9px Arial,sans-serif;letter-spacing:.25em;color:#707780;}
.modern-score{position:absolute;z-index:3;right:18px;top:12px;padding:5px 9px;border:1px solid #4d2023;border-radius:5px;background:#120405;font:700 18px/1.1 "Courier New",monospace;letter-spacing:.14em;color:#ff3941;text-shadow:0 0 10px #f00;box-shadow:inset 0 0 14px #5d000055;}
.modern-playfield{position:absolute;left:50%;top:43%;width:78%;max-width:780px;height:48%;margin-left:-39%;border:1px solid #3a3f46;border-radius:22px 22px 8px 8px;background:radial-gradient(circle at 50% 40%,#20242a,#0d0f12 52%,#050607);overflow:hidden;box-shadow:inset 0 0 60px #000,0 28px 70px #000;}
.pf-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#69717b 1px,transparent 1px),linear-gradient(90deg,#69717b 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(12deg);}
.pf-title{position:absolute;left:6%;top:7%;font:800 10px Arial,sans-serif;letter-spacing:.28em;color:#8c939c;}
.bumper{position:absolute;width:62px;height:62px;border-radius:50%;border:4px solid #454b53;background:radial-gradient(circle at 35% 30%,#5f6670,#171a1e 44%,#050607 72%);box-shadow:0 8px 18px #000,0 0 0 5px #111;}
.bumper:after{content:"";position:absolute;inset:11px;border-radius:50%;border:2px solid #b61b22;box-shadow:0 0 12px #d7192077;}
.b1{left:25%;top:18%}.b2{left:47%;top:30%}.b3{left:64%;top:13%}
.rail{position:absolute;height:3px;background:linear-gradient(90deg,#555,#e2e4e7,#555);box-shadow:0 0 5px #fff5;transform-origin:left center}.r1{left:14%;top:68%;width:31%;transform:rotate(-17deg)}.r2{left:55%;top:70%;width:28%;transform:rotate(20deg)}
.modern-playfield .lamp{width:30px!important;height:30px!important;border:2px solid #6e737a!important;background:radial-gradient(circle,#351012,#160405)!important;box-shadow:0 0 0 4px #0a0b0d,0 5px 10px #000!important;z-index:4;}
.modern-playfield .lamp:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#6e171b;}
.modern-playfield .lane{border-color:#666!important;background:linear-gradient(90deg,#111,#282c31,#111)!important;}
#plunger{border-radius:10px!important;background:linear-gradient(90deg,#3d4248,#f1f3f4 45%,#777d84 58%,#25282d)!important;border:1px solid #c9cdd1!important;box-shadow:0 7px 18px #000,0 0 7px #fff5!important;transition:bottom .22s ease;}
#ball{background:radial-gradient(circle at 29% 24%,#fff 0,#f5f5f5 8%,#aeb4ba 26%,#4d5359 48%,#0b0c0d 72%)!important;border:1px solid #f5f5f5!important;box-shadow:0 0 10px #fff8,0 0 28px #d7192055!important;transition:bottom .28s ease,right .28s ease;z-index:8;}
.pf-status{position:absolute;left:6%;bottom:7%;font:700 10px Arial,sans-serif;color:#777e87;letter-spacing:.22em;}
.modern-boot-text{position:absolute;left:0;bottom:2%;width:100%;text-align:center;color:#818892;letter-spacing:.32em;font:700 11px Arial,sans-serif;text-transform:uppercase;text-shadow:0 0 12px #000;}
@media(max-width:600px){#backglass{width:88%!important;margin-left:-44%!important;height:29%!important}.modern-playfield{width:90%;margin-left:-45%;}.bumper{width:48px;height:48px}.modern-score{font-size:14px}.pf-title{font-size:8px}}
.virtual-intro{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#030303;color:#fff;font-family:Arial,sans-serif;opacity:1;transition:opacity .6s ease}.virtual-intro.virtual-out{opacity:0;pointer-events:none}.virtual-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#050505 url('pindoc-virtual-start.png') center center no-repeat;background-size:contain;transform:scale(1.015);animation:virtualWake 4.2s ease-out both}.virtual-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,0,0,.02),rgba(0,0,0,.28) 75%,rgba(0,0,0,.58));pointer-events:none}.virtual-flash{position:absolute;inset:0;background:rgba(255,35,15,.18);opacity:0;pointer-events:none;animation:virtualFlash 3.4s ease-out 1}.virtual-skip{position:absolute;right:22px;top:20px;z-index:5;padding:10px 16px;border:1px solid #d63b31;border-radius:5px;background:#090909;background:rgba(5,5,5,.78);color:#eee;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 16px rgba(220,25,20,.25)}.virtual-power{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:4;font-size:12px;letter-spacing:.28em;color:#ddd;text-shadow:0 0 10px #e21d16;white-space:nowrap}.virtual-progress{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;display:flex;gap:5px}.virtual-progress span{display:block;width:24px;height:5px;background:#38100f;border:1px solid #7a2420;box-shadow:inset 0 0 4px #000}.virtual-progress span.on{background:#f2382e;box-shadow:0 0 10px #e72a22}@keyframes virtualWake{0%{filter:brightness(.18) saturate(.5);transform:scale(1.04)}18%{filter:brightness(.55) saturate(.8)}42%{filter:brightness(1.08) saturate(1.05)}100%{filter:brightness(1) saturate(1);transform:scale(1.015)}}@keyframes virtualFlash{0%,13%,20%,100%{opacity:0}15%{opacity:.32}18%{opacity:.05}58%{opacity:0}60%{opacity:.16}64%{opacity:0}}@media(max-width:760px){.virtual-bg{background-size:cover;background-position:center top}.virtual-skip{right:10px;top:10px;font-size:12px;padding:8px 10px}.virtual-power{bottom:34px;font-size:10px}.virtual-progress{bottom:16px}.virtual-progress span{width:17px}}

/* SEO/Service symptom grid */
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.problem-grid span{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);font-weight:600}@media(max-width:760px){.problem-grid{grid-template-columns:1fr}}

/* PIN DOC Alleinstellungsversprechen im Startbereich */
.hero-systems{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}.hero-systems span{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.055);font-size:12px;font-weight:700;letter-spacing:.02em}.hero-promise{margin:12px 0 0;font-size:18px;letter-spacing:.02em}.hero-promise strong{color:#e52b2f}.hero .lead strong{font-weight:700}@media(max-width:700px){.hero-systems{gap:6px}.hero-systems span{font-size:11px;padding:6px 8px}.hero-promise{font-size:16px}}

/* Instagram – aktuelle Arbeiten aus der PIN DOC Werkstatt */
.instagram-section{padding:70px 0;background:radial-gradient(circle at 82% 30%,rgba(215,25,32,.16),transparent 30%)}.instagram-box{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center;padding:34px;border:1px solid #2d3035;border-radius:18px;background:linear-gradient(135deg,#141619,#090a0c);box-shadow:0 22px 60px #0006}.instagram-box h2{margin-top:8px}.instagram-note{font-size:17px;color:#d6d9dd;margin:20px 0 0}.instagram-action{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;border:1px solid #34373c;border-radius:15px;background:radial-gradient(circle at 50% 5%,#421116,#111316 55%)}.instagram-mark{width:62px;height:62px;border:2px solid #ff4a51;border-radius:18px;display:grid;place-items:center;font-size:42px;line-height:1;color:#fff;box-shadow:0 0 30px #d7192044;margin-bottom:12px}.instagram-action strong{font-size:25px}.instagram-action span{font-size:13px;color:#9da3aa;margin:4px 0 20px}.instagram-btn{border-color:#ff4c53;background:linear-gradient(135deg,#6e1821,#d71920 58%,#ef4450);box-shadow:0 10px 28px #d7192038}.instagram-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}@media(max-width:850px){.instagram-box{grid-template-columns:1fr;padding:24px}.instagram-action{min-height:200px}.instagram-section{padding:50px 0}}

/* Mobile accessibility: Pflichtangaben immer erreichbar */
@media(max-width:850px){
  .nav{height:auto;min-height:74px;padding:10px 0;flex-wrap:wrap;gap:8px 14px}
  .navlinks{gap:10px;flex-wrap:wrap;justify-content:flex-end}
  .navlinks a.legal-nav{display:inline-flex!important;font-size:12px;padding:7px 9px;border:1px solid #3a3d42;border-radius:6px;background:#111316;color:#f1f2f3}
}
@media(max-width:520px){
  .brand{width:100%;text-align:center;font-size:13px}
  .navlinks{width:100%;justify-content:center}
  .navlinks a.legal-nav{font-size:12px}
  .navlinks .btn{padding:9px 11px;font-size:12px}
}

/* Accessibility / mobile usability improvements */
:focus-visible{outline:3px solid #ff5a61;outline-offset:3px}
a,button{touch-action:manipulation}
.btn,.navlinks a,.contact-close{min-height:44px}
.navlinks a{display:inline-flex;align-items:center}
@media(max-width:850px){
  .navlinks a.legal-nav{min-height:44px;padding:10px 13px;font-size:14px}
  .navlinks .btn{min-height:44px;padding:10px 13px;font-size:14px}
  .contact-line b,.contact-choice a{overflow-wrap:anywhere}
}
@media(max-width:480px){
  .wrap{width:min(var(--max),calc(100% - 24px))}
  .hero h1{font-size:clamp(36px,12vw,52px)}
  .lead,.intro{font-size:17px}
  .stats{grid-template-columns:1fr}
  .legal h1{font-size:clamp(32px,10vw,44px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .virtual-bg,.virtual-flash{animation:none!important}
}
@media(forced-colors:active){
  .btn,.card,.contact-box,.mapbox,.metal,.navlinks a.legal-nav{border:1px solid ButtonText}
}
.skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);background:#fff;color:#000;padding:12px 16px;border-radius:6px;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}


/* Clear first-5-seconds information hierarchy */
.hero-primary-action{margin-top:24px}.hero-cta{min-height:54px;padding:15px 22px;font-size:16px;letter-spacing:.015em}.hero-quick-contact{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.hero-quick-contact a{color:#d9dde2;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding:5px 0}.hero-quick-contact a:hover{color:#fff;border-color:#ff454c}.hero-details{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.hero-detail-title{margin:0 0 8px;font-size:20px;font-weight:800;color:#e6e8eb}.hero-detail-title strong{color:#ff454c}.hero-details .lead{font-size:17px;margin-top:8px;color:#b8bdc4}.hero-details .hero-systems{margin-top:16px}.hero .stats{margin-top:26px}@media(max-width:600px){.hero-cta{width:100%;font-size:14px;padding:14px 12px}.hero-quick-contact{display:grid;gap:4px}.hero-quick-contact a{min-height:44px;display:flex;align-items:center}.hero-details{margin-top:24px}.hero-detail-title{font-size:18px}}