:root{--bg:#07101a;--bg2:#101b27;--panel:#132232;--panel2:#182b3e;--text:#f4f5f6;--muted:#aeb8c4;--line:#314355;--accent:#d4a05c;--accent2:#f0d4a4;--green:#79c48d;--red:#d75d56;--radius:20px;--shadow:0 22px 65px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 0,rgba(212,160,92,.17),transparent 30rem),linear-gradient(145deg,var(--bg),var(--bg2));line-height:1.65;min-height:100vh}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 34px));margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(5,12,19,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.25)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900}.brand img{width:43px;height:43px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.22)}.menu{display:flex;align-items:center;gap:3px}.menu a,.dropbtn{padding:10px 11px;border-radius:11px;text-decoration:none;color:var(--muted);font-weight:720;font-size:.93rem}.menu a:hover,.menu a.active,.drop:hover .dropbtn{background:rgba(255,255,255,.08);color:white}.drop{position:relative}.dropcontent{display:none;position:absolute;top:100%;left:0;min-width:225px;background:#0c1825;border:1px solid var(--line);padding:8px;border-radius:14px;box-shadow:var(--shadow)}.drop:hover .dropcontent,.drop:focus-within .dropcontent{display:block}.dropcontent a{display:block}.mobile{display:none;background:var(--panel);border:1px solid var(--line);color:white;border-radius:11px;padding:8px 12px;font-size:1.2rem}.hero{padding:70px 0 42px;display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.badge,.versionbadge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(212,160,92,.12);border:1px solid rgba(240,212,164,.28);color:#f0d4a4;font-weight:850;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}h1{font-size:clamp(2.7rem,5.4vw,5rem);line-height:.98;letter-spacing:-.052em;margin:20px 0}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.07;letter-spacing:-.035em;margin:8px 0 15px}h3{line-height:1.25}.lead{font-size:1.14rem;color:var(--muted);max-width:720px}.muted{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:13px;font-weight:850;text-decoration:none;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#20170d}.secondary{background:rgba(255,255,255,.055);border-color:var(--line)}.heroimage{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(240,212,164,.25);box-shadow:var(--shadow);min-height:430px}.heroimage img{width:100%;height:100%;min-height:430px;object-fit:cover}.heroimage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%);pointer-events:none}.heroimage .caption{position:absolute;z-index:2;left:20px;bottom:16px;font-weight:800;text-shadow:0 2px 8px #000}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px}.quick a{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(12,24,37,.94);text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.2)}.quick a:hover{transform:translateY(-2px);border-color:#705739;transition:.2s}.qicon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#21180d;font-size:1.25rem}.quick small{display:block;color:var(--muted)}section{padding:66px 0}.sectionhead{max-width:790px;margin-bottom:30px}.eyebrow{color:#edca94;text-transform:uppercase;letter-spacing:.11em;font-size:.79rem;font-weight:850}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 12px 34px rgba(0,0,0,.13)}.card:hover{border-color:#645038}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(212,160,92,.13);font-size:1.45rem}.news{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.newsfeature{padding:30px;border-radius:24px;background:linear-gradient(135deg,#1c3144,#2a2119);border:1px solid #5b4934}.newlist{display:grid;gap:11px}.newitem{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.stat strong{display:block;font-size:2rem;color:#f0d4a4}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:13px}.shot{position:relative;overflow:hidden;border-radius:17px;border:1px solid var(--line);background:#0d1823;cursor:pointer}.shot:first-child{grid-row:span 2}.shot img{width:100%;height:100%;object-fit:cover}.shot .shotlabel{position:absolute;left:12px;bottom:10px;padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.72);font-size:.84rem}.mockshot{width:100%;height:100%;padding:18px;background:linear-gradient(145deg,#d8d8ce,#777e82);color:#101010}.mockbar{height:25px;background:#23272b;margin:-18px -18px 14px}.mocktable{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.mockcell{height:30px;background:rgba(255,255,255,.72);border:1px solid #8c8c82}.mockside{float:right;width:25%;height:150px;background:#f3ede0;border:1px solid #888;margin-left:10px}.video-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.video-frame{aspect-ratio:16/9;width:100%;border:0;border-radius:18px}.faq details,.history-item{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);margin-bottom:11px;padding:0 18px}.faq summary,.history-item summary{cursor:pointer;padding:16px 0;font-weight:850}.faq .answer,.history-content{padding:0 0 17px;color:var(--muted)}.history-content h4{color:#f0d4a4;margin:17px 0 6px}.history-content ul{margin-top:5px}.searchbox{display:flex;gap:9px;margin:20px 0}.searchbox input{flex:1;min-width:0;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:#0d1926;color:white;font:inherit}.search-status{color:var(--muted);font-size:.9rem}.compare{overflow:auto;border:1px solid var(--line);border-radius:18px}.compare table{width:100%;border-collapse:collapse;min-width:760px}.compare th,.compare td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}.compare th{background:#17293a}.check{color:#91e0a8;font-weight:900}.download-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.counter{font-size:.87rem;color:var(--muted);margin-top:8px}.counter strong{color:#f0d4a4}.manualtopics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manualtopic{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.manual-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:17px;background:white}.pagehero{padding:62px 0 25px}.notice{padding:16px 18px;border-left:4px solid var(--accent);background:rgba(212,160,92,.09);border-radius:10px;color:#e9d3b0}.lightbox{display:none;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;border-radius:12px}.close{position:fixed;right:20px;top:18px;border:1px solid #777;background:#111;color:white;border-radius:50%;width:45px;height:45px;font-size:1.4rem}footer{border-top:1px solid var(--line);padding:37px 0 48px;color:var(--muted)}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px}footer a{display:block;text-decoration:none;margin:5px 0}.cookie{position:fixed;left:18px;right:18px;bottom:18px;max-width:800px;margin:auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;background:#0c1926;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.cookie p{margin:0;color:var(--muted);font-size:.88rem}.hidden{display:none!important}
@media(max-width:930px){.menu{display:none;position:absolute;top:70px;left:17px;right:17px;flex-direction:column;align-items:stretch;background:#0a1622;border:1px solid var(--line);padding:9px;border-radius:14px}.menu.open{display:flex}.mobile{display:block}.dropcontent{position:static;display:block;background:transparent;border:0;box-shadow:none;padding-left:15px}.dropbtn{display:none}.hero,.news,.video-grid{grid-template-columns:1fr}.grid,.stats,.manualtopics{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.shot:first-child{grid-column:span 2;grid-row:auto}}
@media(max-width:650px){.grid,.grid.two,.stats,.quick,.manualtopics,.footergrid,.gallery{grid-template-columns:1fr}.shot:first-child{grid-column:auto}.download-card{grid-template-columns:1fr}.hero{padding-top:48px}.heroimage,.heroimage img{min-height:280px}.cookie{flex-direction:column;align-items:stretch}section{padding:50px 0}}

.packslider{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:20px}.packtrack{display:flex;transition:transform .4s ease}.packslide{min-width:100%;padding:8px}.packpreview{min-height:390px;border-radius:18px;background:linear-gradient(145deg,#e5e2da,#96928a);display:grid;place-items:center;color:#161616;padding:30px;text-align:center}.packpreview .symbolrow{font-size:3rem;letter-spacing:.18em;margin-bottom:18px}.packpreview h2{color:#1b1b1b}.packcontrols{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.packdots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.packdot{width:9px;height:9px;border:0;border-radius:50%;background:#5b6877}.packdot.active{background:var(--accent2);transform:scale(1.3)}

.image-preview{background:#fff!important;padding:18px!important;min-height:430px!important}.image-preview img{max-width:100%;max-height:410px;object-fit:contain;margin:auto}.packmeta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px}.packmeta h2{margin:0}@media(max-width:650px){.image-preview{min-height:260px!important}.image-preview img{max-height:240px}.packmeta{align-items:stretch;flex-direction:column}}

/* Hero-Video auf der Startseite */
.hero-video{position:relative;background:#05080c}
.hero-video video{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}
.hero-video-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,12,.18),transparent 42%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 48%)}
.hero-video .caption{z-index:2}
.hero-video-toggle{position:absolute;z-index:3;right:14px;bottom:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(4,10,16,.72);color:#fff;font-size:1rem;cursor:pointer;backdrop-filter:blur(8px)}
.hero-video-toggle:hover,.hero-video-toggle:focus-visible{background:rgba(212,160,92,.9);color:#20170d}
@media (prefers-reduced-motion: reduce){.hero-video video{display:none}.hero-video{background:url("../img/mymdbce_webheader.jpg") center/cover no-repeat}.hero-video-toggle{display:none}}
@media(max-width:650px){.hero-video video{min-height:280px}}