:root{--bg:#070707;--panel:#11100e;--ink:#eee8dc;--muted:#bdb5a7;--metal:#c7b18d;--line:#7d633f;--accent:#d6a45b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}.site{min-height:100vh;background:radial-gradient(circle at 50% 0,#21170d 0,#090807 35%,#050505 100%)}.start-shell{width:100%;max-width:3840px;margin:0 auto}.start-stage{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#000}.start-stage>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;display:block;z-index:5;cursor:pointer;background:transparent;border:0;outline:0}.hotspot:focus-visible{outline:2px solid #f0c47d;outline-offset:2px;background:rgba(255,190,90,.08)}.hotspot:hover{background:rgba(255,205,130,.025)}.top-start{left:29.1%;top:0;width:3.1%;height:4.7%}.top-moto{left:33.6%;top:0;width:6.5%;height:4.7%}.top-auto{left:40.2%;top:0;width:6.1%;height:4.7%}.top-rest{left:46.3%;top:0;width:6.5%;height:4.7%}.top-work{left:52.8%;top:0;width:5.2%;height:4.7%}.top-parts{left:58.0%;top:0;width:7.2%;height:4.7%}.top-life{left:65.1%;top:0;width:5.1%;height:4.7%}.top-fotos{left:70.1%;top:0;width:4.1%;height:4.7%}.top-videos{left:74.1%;top:0;width:4.3%;height:4.7%}.top-guest{left:78.0%;top:0;width:5.2%;height:4.7%}.top-contact{left:83.0%;top:0;width:5.0%;height:4.7%}.logo-hotspot{left:3.5%;top:2.140%;width:27.0%;height:22.0%}.fb-hotspot{left:87.1%;top:0;width:3.0%;height:4.7%}.tile-moto{left:1.55%;top:50.932%;width:15.8%;height:19.0%}.tile-auto{left:17.7%;top:50.932%;width:15.8%;height:19.0%}.tile-rest{left:33.9%;top:50.932%;width:15.8%;height:19.0%}.tile-work{left:50.0%;top:50.932%;width:15.8%;height:19.0%}.tile-parts{left:66.2%;top:50.932%;width:15.8%;height:19.0%}.tile-life{left:82.4%;top:50.932%;width:16.0%;height:19.0%}.video-head{left:1.5%;top:69.848%;width:63.8%;height:4.2%}.vid0{left:2.3%;top:73.593%;width:12.0%;height:14.8%}.vid1{left:14.8%;top:73.593%;width:12.0%;height:14.8%}.vid2{left:27.3%;top:73.593%;width:12.0%;height:14.8%}.vid3{left:39.8%;top:73.593%;width:12.0%;height:14.8%}.vid4{left:52.3%;top:73.593%;width:12.0%;height:14.8%}.all-videos{left:56.0%;top:69.848%;width:9.5%;height:4.2%}.friends{left:66.5%;top:69.848%;width:15.2%;height:19.6%}.quick-gallery{left:83.4%;top:69.848%;width:14.9%;height:4.0%}.quick-guest{left:83.4%;top:73.593%;width:14.9%;height:4.0%}.quick-contact{left:83.4%;top:77.339%;width:14.9%;height:4.0%}.quick-location{left:83.4%;top:81.084%;width:14.9%;height:4.0%}.quick-media{left:83.4%;top:84.830%;width:14.9%;height:4.0%}.legal-impressum{left:82.1%;top:95.599%;width:4.5%;height:3.0%}.legal-datenschutz{left:87.0%;top:95.599%;width:6.1%;height:3.0%}.legal-cookies{left:93.1%;top:95.599%;width:5.0%;height:3.0%}.subpage{min-height:100vh;background:linear-gradient(#0a0908,#14100b 55%,#070707)}.subnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.55rem;padding:.6rem 1rem;background:rgba(7,7,7,.94);border-bottom:1px solid #5b4326;backdrop-filter:blur(10px)}.subnav .mark{font-size:1.35rem;font-weight:700;font-style:italic;letter-spacing:-.06em;margin-right:auto;color:#ddd1bd}.subnav a{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#c9c0b1;padding:.55rem .45rem}.subnav a:hover,.subnav a.active{color:#e4b66e}.page{width:min(1200px,92vw);margin:auto;padding:3rem 0 5rem}.page-hero{padding:4rem 0 3rem;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.48)),url('mcnitro-start-4k.jpg') center 42%/cover;border-bottom:1px solid #5c4327}.eyebrow{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:#c6a878}.page h1{font-size:clamp(2.4rem,5vw,5.5rem);margin:.25rem 0 1rem;color:#f0e8db}.page h2{font-size:clamp(1.5rem,2.8vw,2.6rem);margin:0 0 .8rem}.page p{line-height:1.65;color:#d2cabd}.lead{font-size:1.1rem;max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card{background:linear-gradient(145deg,#17130e,#0c0c0b);border:1px solid #70502e;box-shadow:0 12px 35px #0008;padding:1.35rem}.card h3{margin:.1rem 0 .5rem;color:#e7bd7e}.card small{color:#9e9689}.brand-cloud{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;padding:2rem 0}.brand-cloud span{padding:.6rem .85rem;border:1px solid #6e5637;background:#12100d;color:#c7c0b4;letter-spacing:.08em}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #755631;display:block}.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.video-box{background:#0c0c0b;border:1px solid #6e512e;padding:1rem}.video-box video{width:100%;background:#000;display:block}.video-box .poster{aspect-ratio:16/9;background:url('mcnitro-start-4k.jpg') center/cover}.button{display:inline-block;margin-top:1rem;padding:.75rem 1rem;border:1px solid #a27642;color:#e4b36d;background:#15100b}.notice{border-left:3px solid #b88445;padding:1rem 1.2rem;background:#12100d;color:#c9c1b4}.map{width:100%;height:520px;border:1px solid #6c4e2e;background:#111}.map iframe{width:100%;height:100%;border:0}.guest-form,.contact-form{display:grid;gap:.8rem;max-width:720px}.guest-form input,.guest-form textarea,.contact-form input,.contact-form textarea{width:100%;background:#0e0d0b;color:#eee;border:1px solid #5f472b;padding:.8rem;font:inherit}.footer{border-top:1px solid #4e3a25;padding:1.5rem 4vw;color:#938b80;font-size:.8rem;text-align:center}.footer a{color:#bba784;margin:0 .5rem}.login{max-width:520px;margin:auto}.login input{display:block;width:100%;padding:.8rem;margin:.6rem 0;background:#0d0d0c;border:1px solid #5c4529;color:#fff}.login button{padding:.8rem 1.2rem;background:#9c6b35;border:0;color:#fff;font-weight:700}.auth-msg{margin-top:1rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.media-grid .card{min-height:170px}@media(max-width:900px){.subnav{overflow:auto;white-space:nowrap}.subnav .mark{position:sticky;left:0;background:#070707;padding-right:.5rem}.page{padding-top:2rem}.photo-grid{grid-template-columns:repeat(2,1fr)}.video-list{grid-template-columns:1fr}}@media(max-width:600px){.start-stage{min-width:0;transform-origin:top left}.start-shell{overflow-x:hidden}.page{width:min(94vw,1200px)}.photo-grid{grid-template-columns:1fr}.page-hero{padding:3rem 0 2rem}.footer{font-size:.72rem}}

/* McNitro responsive master-layout: desktop composition is untouched. On small screens the exact master graphic remains intact; mobile navigation and quick links provide usable touch targets without re-arranging or cutting the artwork. */
.mobile-nav,.mobile-actions{display:none}
@media (max-width: 760px){
  html,body{width:100%;overflow-x:hidden}
  .start-shell{width:100%;max-width:none;margin:0;background:#050505}
  .mobile-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.55rem;padding:.62rem .72rem;background:rgba(7,7,7,.97);border-bottom:1px solid #76562f;box-shadow:0 5px 18px rgba(0,0,0,.55)}
  .mobile-brand{font-family:Georgia,'Times New Roman',serif;font-size:1.15rem;font-style:italic;font-weight:700;letter-spacing:-.05em;color:#e3d5bd;margin-right:auto}
  .mobile-fb{width:34px;height:34px;display:grid;place-items:center;border:1px solid #76562f;border-radius:50%;font:700 1rem Arial;color:#fff;background:#173e78}
  .mobile-menu{position:relative;color:#e4b66e}
  .mobile-menu summary{list-style:none;cursor:pointer;border:1px solid #76562f;padding:.48rem .65rem;font:700 .7rem Georgia,'Times New Roman',serif;letter-spacing:.12em;color:#e5d6be;background:#15110c}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu-panel{position:absolute;right:0;top:calc(100% + .45rem);width:min(88vw,360px);display:grid;grid-template-columns:1fr 1fr;background:rgba(10,9,8,.985);border:1px solid #76562f;box-shadow:0 18px 45px #000c;padding:.35rem;max-height:72vh;overflow:auto}
  .mobile-menu-panel a{padding:.78rem .7rem;color:#ddd3c3;border-bottom:1px solid #2e2418;font:700 .72rem Georgia,'Times New Roman',serif;letter-spacing:.05em}
  .mobile-menu-panel a:hover,.mobile-menu-panel a:focus{background:#20170e;color:#efbd70}
  .start-stage{width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}
  .start-stage>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}
  .hotspot{z-index:8}
  .mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.8rem .7rem 1.1rem;background:linear-gradient(#090807,#030303);border-top:1px solid #3c2b1b}
  .mobile-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:.55rem .45rem;border:1px solid #604728;background:linear-gradient(145deg,#17130e,#0c0c0b);color:#d9cdbb;font:700 .72rem Georgia,'Times New Roman',serif;letter-spacing:.04em;text-align:center}
  .mobile-actions a:active,.mobile-actions a:focus{background:#23180d;color:#efbd70;border-color:#a47742}
}
@media (min-width:761px) and (max-width:1100px){
  .start-stage{width:100%;height:auto;aspect-ratio:3/2}
  .start-stage>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
}

/* Mobile hero-first layer: uses a direct crop from the exact 4K master artwork. Desktop remains unchanged. */
.mobile-hero-focus{display:none}
@media (max-width:760px){
  .mobile-hero-focus{display:block;position:relative;width:100%;height:min(68vh,680px);min-height:470px;overflow:hidden;background:#050505;border-bottom:1px solid #76562f}
  .mobile-hero-focus img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;user-select:none;-webkit-user-drag:none}
  .mobile-hero-logo{position:absolute;z-index:9;left:3.5%;top:2.14%;width:27%;height:22%;display:block}
  .mobile-nav{position:sticky;top:0}
  .mobile-menu summary{width:42px;height:38px;display:grid;place-items:center;padding:0;font:700 1.15rem/1 Arial,sans-serif;letter-spacing:0}
  .mobile-menu-panel{top:calc(100% + .45rem)}
  .start-stage{aspect-ratio:3/2;height:auto;overflow:hidden}
  .start-stage>img{width:100%;height:auto;object-fit:contain}
}

/* Mobile 2026: hero-first without duplicating the master artwork. Desktop remains untouched. */
@media (max-width:760px){
  .mobile-nav{position:sticky;top:0;z-index:60;min-height:72px;padding:.45rem .65rem;display:flex;align-items:center;gap:.6rem;background:rgba(7,7,7,.98);border-bottom:1px solid #76562f;box-shadow:0 5px 18px rgba(0,0,0,.55)}
  .mobile-brand-logo{display:flex;align-items:center;min-width:0;margin-right:auto;height:58px}
  .mobile-brand-logo img{display:block;width:auto;height:50px;max-width:56vw;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.72));opacity:.97}
  .mobile-menu summary{width:40px;height:38px;display:grid;place-items:center;padding:0;font:700 1.1rem/1 Arial,sans-serif;letter-spacing:0;color:#e5d6be;background:#15110c;border:1px solid #76562f}
  .mobile-menu-panel{top:calc(100% + .45rem);right:-2px;width:min(90vw,380px);grid-template-columns:1fr 1fr;max-height:76vh;overflow:auto}
  .mobile-fb{width:34px;height:34px;flex:0 0 34px}
  .mobile-hero-focus{display:none!important}
  .start-stage{display:none!important}
  .mobile-responsive-home{display:block;background:#050505;padding-bottom:1rem}
  .mobile-hero-single{position:relative;width:100%;height:clamp(260px,62vw,390px);overflow:hidden;background:#080706;border-bottom:1px solid #795a34}
  .mobile-hero-single img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
  .mobile-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 7px 0;background:#050505}
  .mobile-tile-grid a{position:relative;display:block;overflow:hidden;min-width:0;border:1px solid #76562f;background:#0b0a08;box-shadow:0 5px 16px rgba(0,0,0,.42)}
  .mobile-tile-grid img{display:block;width:100%;height:auto;aspect-ratio:595/550;object-fit:cover}
  .mobile-tile-grid span{position:absolute;left:0;right:0;bottom:0;padding:.55rem .5rem;background:linear-gradient(transparent,rgba(0,0,0,.95) 35%);color:#f0e7d8;font:700 .78rem Georgia,'Times New Roman',serif;letter-spacing:.04em;text-shadow:0 1px 3px #000;padding-top:1.3rem}
  .mobile-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 7px 0}
  .mobile-secondary-row a,.mobile-utility-row a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.7rem .75rem;border:1px solid #604728;background:linear-gradient(145deg,#17130e,#0c0c0b);color:#d9cdbb;font:700 .73rem Georgia,'Times New Roman',serif;letter-spacing:.03em}
  .mobile-secondary-row b{color:#e2ad64;font-size:1rem}
  .mobile-utility-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px 7px 0}
  .mobile-utility-row a{justify-content:center;min-height:42px;padding:.55rem .35rem;text-align:center;font-size:.66rem}
}
@media (min-width:761px){.mobile-responsive-home{display:none}}
@media (max-width:760px){
  .mobile-brand-logo img{height:50px;max-width:56vw}
  .mobile-hero-single{height:clamp(300px,78vw,420px)}
  .mobile-hero-single img{object-position:38% center}
  .mobile-tile-grid{gap:8px;padding:9px 7px 0}
  .mobile-tile-grid a{border-radius:2px}
  .mobile-tile-grid span{font-size:.76rem}
}

@media (max-width:760px){
  .mobile-legal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px 7px 12px;background:#050505;border-top:1px solid #2f2418}
  .mobile-legal-row a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .3rem;border:1px solid #3f3020;background:#0d0c0a;color:#a99d8b;font:600 .63rem Georgia,'Times New Roman',serif;letter-spacing:.03em;text-align:center}
  .mobile-legal-row a:active,.mobile-legal-row a:focus{color:#e5b66c;border-color:#76562f}
}
@media (min-width:761px){.mobile-legal-row{display:none}}

/* Final mobile refinement: integrated logo + Wolfgang-first hero. Desktop untouched. */
@media (max-width:760px){
  .mobile-nav{
    position:sticky;top:0;z-index:60;
    min-height:72px;height:72px;
    margin-bottom:-72px;
    padding:.35rem .65rem;
    background:linear-gradient(180deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.22) 68%,rgba(5,5,5,0) 100%);
    border-bottom:0;box-shadow:none;
    pointer-events:none;
  }
  .mobile-brand-logo,.mobile-menu,.mobile-fb{pointer-events:auto}
  .mobile-brand-logo{height:58px;align-items:flex-start;margin-right:auto;padding-top:.05rem}
  .mobile-brand-logo img{
    width:auto;height:49px;max-width:55vw;
    object-fit:contain;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.9));
    opacity:.98;
  }
  .mobile-menu summary{background:rgba(10,9,8,.48);border-color:rgba(118,86,47,.82);backdrop-filter:blur(4px)}
  .mobile-fb{background:rgba(23,62,120,.78);border-color:rgba(214,164,91,.6);backdrop-filter:blur(4px)}
  .mobile-responsive-home{padding-bottom:1rem}
  .mobile-hero-single{
    height:clamp(320px,88vw,470px);
    border-bottom:1px solid #795a34;
    background:#080706;
  }
  .mobile-hero-single img{
    width:100%;height:100%;object-fit:cover;
    object-position:center center;
    display:block;
  }
  .mobile-tile-grid{padding-top:9px}
}