/* phoneabc – Design aus der gelieferten Referenz. Keine Framework-Abhängigkeiten. */
:root{color-scheme:light;--dark:#07121a;--dark-top:#09141c;--ink:#0a1422;--muted:#515d6d;--blue:#008cff;--mint:#48e1bd;--line:#dde3ea;--surface:#fff;--border:#dde3ea;--max:1280px;--radius:12px;--font:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{display:inline-block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #22cba7;outline-offset:6px}button{border:0}a{text-decoration:none}.container{width:calc(100% - 80px);max-width:var(--max);margin-inline:auto}.dark-stage{background:var(--dark);color:#fff}.site-header{position:relative;z-index:5;background:linear-gradient(110deg,#09151ef2,#061018ea);border-bottom:1px solid #ffffff0a}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-size:34px;line-height:1;font-weight:750;letter-spacing:-1.7px;white-space:nowrap;display:flex;align-items:center;gap:10px}.wordmark span{color:#009eff}.wordmark .brand-mark{flex:0 0 auto;display:block}.brand-group{display:flex;align-items:center;gap:8px}.tommy-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;opacity:.75;flex:0 0 auto;transition:opacity .15s,background .15s}.tommy-link:hover,.tommy-link:focus-visible{opacity:1;background:#ffffff1a}.tommy-link img{display:block;width:19px;height:19px}.lang-switch{display:flex;gap:4px;align-items:center}.lang-btn{display:inline-flex;padding:5px;border-radius:7px;background:none;border:0;cursor:pointer;opacity:.55;filter:grayscale(35%);transition:opacity .15s,filter .15s,background .15s}.lang-btn:hover,.lang-btn:focus-visible{opacity:1;filter:none;background:#ffffff1a}.lang-btn[aria-pressed="true"]{opacity:1;filter:none;background:#ffffff26}.lang-flag{width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #ffffff33;display:block}.mobile-lang-switch{display:none}.cookie-banner .btn,.cookie-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:12px 18px;min-height:40px;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:transform .15s,background .15s;font-family:var(--font)}.cookie-banner .btn-brand,.cookie-modal .btn-brand{background:var(--blue);color:#fff}.cookie-banner .btn-brand:hover,.cookie-modal .btn-brand:hover{background:#087de4}.cookie-banner .btn-ghost,.cookie-modal .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.cookie-banner .btn-ghost:hover,.cookie-modal .btn-ghost:hover{background:#f2f5f9}.desktop-nav{display:flex;gap:37px;margin-left:65px;font-size:14px}.desktop-nav a{padding:12px 0;color:#e4ebf0;transition:color .18s}.desktop-nav a:hover{color:var(--mint)}.header-contact{display:flex;align-items:center;gap:28px}.location{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.4}.location svg{width:23px;height:23px;color:#16baff}.location small{display:block;color:#a9b7c2;font-size:12px;white-space:nowrap;margin-top:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:14px;font-weight:600;line-height:1.3;padding:18px 24px;min-height:54px;border-radius:7px;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.button .arrow{width:18px;margin-left:7px}.button-primary{background:var(--blue);color:#fff;box-shadow:0 7px 25px #008cff14}.button-primary:hover{background:#087de4;box-shadow:0 9px 28px #008cff28}.button-small{padding:13px 22px;min-height:44px}.button-outline{color:#fff;background:#07121a80;border-color:#39a6c8}.button-outline:hover{background:#112735}.menu-button{display:none;background:none;color:white;padding:10px}.mobile-nav{padding:10px 0 20px}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:12px 4px;border-bottom:1px solid #ffffff12;color:#d6e3eb}.hero{min-height:578px;position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:42px;padding-bottom:37px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:75px;pointer-events:none;width:60%}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;font-weight:500;letter-spacing:3px;color:#c3f3ff;margin:0 0 19px}.hero h1{font-size:clamp(52px,5.3vw,78px);line-height:1.01;letter-spacing:-2.9px;font-weight:800;margin:0 0 25px}.hero h1 .hero-highlight{color:#31c8d8;background:linear-gradient(100deg,#008cff 2%,#13b5ee 43%,#54e6b9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:19px;line-height:1.55;color:#e4ecf2;margin:0 0 30px}.hero-actions{display:flex;gap:17px;align-items:center}.hero-art{position:absolute;z-index:-1;width:88%;height:100%;right:-7%;top:0;pointer-events:none}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07121a8c 0%,transparent 50%);pointer-events:none}.art-note{position:absolute;right:5%;top:10%;font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.25;color:#e9f3f5;transform:rotate(-8deg);z-index:1;margin:0}.art-note-underline{display:block;width:105px;height:2px;background:#6decc9;transform:rotate(-5deg);margin-top:12px}.trust-list{list-style:none;padding:0;margin:0;display:flex;gap:49px;position:relative;z-index:2;max-width:650px}.trust-list li{display:flex;gap:13px;align-items:center;font-size:13px;line-height:1.45;color:#e1e8ed}.trust-list svg{color:#a1efed;width:30px;height:34px}.trust-list li:nth-child(3) svg{color:#9ce9cd}.mobile-break{display:none}.light-stage{background:linear-gradient(#fff,#fdfefe);padding-bottom:4px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:30px}.service-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,#fff,#f8f9fc);overflow:hidden;transition:box-shadow .2s,transform .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #07121a0d}.service-photo{aspect-ratio:1.6;overflow:hidden;background:#10202b}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:hover img{transform:scale(1.035)}.service-copy{padding:18px 23px 23px}.service-copy h2{font-size:23px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px}.service-copy p{font-size:14px;line-height:1.55;color:#4b5667;margin:0;max-width:85%}.round-arrow{position:absolute;right:22px;bottom:36px;width:35px;height:35px;background:#edf1f6;border-radius:50%;display:grid;place-items:center;transition:background .2s}.round-arrow svg{width:18px;height:18px}.service-card:hover .round-arrow{background:#dfeeff}.contact-section{padding-top:24px}.contact-strip{display:flex;align-items:center;gap:25px;padding:18px 28px 18px 16px;min-height:119px;background:linear-gradient(100deg,#edf0f5,#f5f6f9);border-radius:12px}.store-sketch{width:168px;height:97px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.contact-copy{flex:1}.contact-copy h2{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:0 0 8px}.contact-copy p{font-size:14px;line-height:1.6;margin:0;color:#4b5667}.button-light{background:transparent;border-color:#152b42;color:#142135;font-size:14px;padding:14px 20px;min-height:48px}.button-light:hover{background:#fff}.contact-details{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 28px;color:#6a7685;font-size:13px;padding:24px 0 9px}.contact-details a{display:flex;align-items:center;gap:8px}.contact-details svg{width:16px;height:16px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#7c8794;padding:21px 0 25px}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--ink)}.skip-link{position:fixed;left:10px;top:-80px;padding:12px 20px;background:white;color:#07121a;z-index:100}.skip-link:focus{top:10px}.dialog-open{overflow:hidden}dialog{padding:0;border:1px solid #d8e1e9;border-radius:18px;width:min(820px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#020d17b5;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:16px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#142c3ecc}.dialog-close:hover{background:#07121a}.dialog-image{height:245px;background:#07121a}.dialog-image img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.dialog-copy{padding:30px 36px 34px}.dialog-copy .eyebrow{color:#47788c;font-size:11px;margin-bottom:12px;letter-spacing:2px}.dialog-copy h2{font-size:31px;letter-spacing:-1px;line-height:1.12;margin:0 0 18px}.dialog-copy>p:not(.eyebrow){color:#506172;line-height:1.6}.dialog-copy ul{list-style:none;margin:20px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.dialog-copy li{font-size:13px;padding:7px 11px;border-radius:5px;background:#eef5f9;color:#314f61}.dialog-actions{display:flex;align-items:center;gap:16px}.button-text{color:#295574;padding-inline:5px}.dialog-note{font-size:12px;margin:23px 0 0}.noscript-note{padding:20px;text-align:center}
@media(min-width:1600px){.hero-art{right:-12%;width:92%}.hero{min-height:630px}.hero-copy{padding-bottom:95px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header-inner{height:84px;gap:20px}.desktop-nav{margin-left:10px;gap:25px}.header-contact{gap:18px}.location small{display:none}.wordmark{font-size:30px}.hero{min-height:520px}.hero-copy{width:66%}.hero h1{font-size:61px}.hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding:16px}.hero-art{right:-14%;width:97%}.art-note{right:12%;font-size:17px}.trust-list{gap:35px}.service-copy h2{font-size:20px}.service-copy{padding:18px}.round-arrow{right:16px}.contact-copy h2{font-size:19px}.store-sketch{width:140px}.contact-strip{gap:18px;padding-right:20px}.contact-copy p{font-size:13px}}
@media(max-width:900px) and (min-width:701px){.header-contact .location{display:none}.hero h1{font-size:52px}.hero-copy{width:72%}.hero-description{font-size:17px}.hero-art{right:-28%;opacity:.8}.art-note{display:none}.trust-list{gap:24px}.trust-list li{font-size:12px}.services{gap:15px}.service-copy h2{font-size:18px;letter-spacing:-.4px}.service-copy p{font-size:13px;max-width:80%}.round-arrow{width:29px;height:29px;right:10px}.contact-strip{flex-wrap:wrap}.store-sketch{width:100px}.contact-strip>.button{margin-left:auto}.desktop-nav{gap:18px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header-inner{height:77px;gap:12px}.wordmark{font-size:27px;letter-spacing:-1.3px;gap:7px}.wordmark .brand-mark{width:24px;height:24px}.tommy-link{width:24px;height:24px}.tommy-link img{width:15px;height:15px}.desktop-nav{display:none}.header-contact{margin-left:auto}.header-contact .button{display:none}.header-contact .lang-switch{display:none}.mobile-lang-switch{display:flex;gap:16px;justify-content:center;padding:16px 4px 2px;margin-top:6px;border-top:1px solid #ffffff12}.mobile-lang-switch .lang-btn{padding:6px;opacity:.7}.location{font-size:11px;gap:5px}.location svg{width:17px;height:17px}.location small{display:none}.menu-button{display:grid;place-items:center;width:35px;height:40px;padding:5px}.menu-button svg{width:22px;height:22px}.hero{display:block;padding:22px 0 0;min-height:auto}.hero-copy{width:100%;padding:0;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.2px;margin:0 0 16px}.hero h1{font-size:clamp(38px,10.5vw,65px);letter-spacing:-1.7px;line-height:1.025;margin-bottom:17px}.hero-description{font-size:15px;line-height:1.5;margin-bottom:22px;max-width:100%}.mobile-break{display:block}.hero-actions{flex-direction:column;align-items:stretch;max-width:100%;gap:11px}.hero-actions .button{justify-content:center;min-height:46px;font-size:13px;padding:13px 18px}.hero-actions .button .arrow{margin-left:auto}.hero-actions .button-outline{justify-content:space-between}.hero-actions .button-primary{justify-content:flex-start}.hero-art{position:relative;right:auto;top:auto;width:calc(100% + 36px);height:auto;margin:3px -18px 0;z-index:-1;aspect-ratio:1.5}.hero-art img{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(0deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 85%,transparent)}.hero-art:after{display:none}.art-note{display:block;right:5%;top:9%;font-size:14px;line-height:1.2}.art-note-underline{width:65px;height:1px;margin-top:7px}.trust-list{gap:10px;justify-content:space-between;margin:0 -18px;padding:16px 15px 18px;background:#0c1b23cc;max-width:none;position:relative}.trust-list li{font-size:10px;line-height:1.4;gap:6px}.trust-list svg{width:23px;height:26px}.services{display:flex;flex-direction:column;gap:0;padding-top:8px}.service-card{flex-direction:row;align-items:center;border:0;border-bottom:1px solid #e4e9f0;border-radius:0;padding:14px 0;background:none;min-height:118px}.service-card:hover{transform:none;box-shadow:none}.service-card:last-child{border:0}.service-photo{width:96px;height:84px;aspect-ratio:auto;flex-shrink:0;border-radius:7px}.service-copy{padding:0 32px 0 15px;flex:1}.service-copy h2{font-size:16px;letter-spacing:-.45px;line-height:1.25;margin-bottom:7px}.service-copy p{font-size:12px;max-width:100%;line-height:1.5}.round-arrow{right:0;top:50%;bottom:auto;transform:translateY(-50%);width:26px;height:26px}.round-arrow svg{width:15px;height:15px}.contact-section{padding-top:6px}.contact-strip{padding:16px;gap:10px;display:grid;grid-template-columns:60px minmax(0,1fr);border-radius:8px}.store-sketch{width:60px;height:70px}.contact-copy h2{font-size:15px;line-height:1.35;letter-spacing:-.4px;margin-bottom:4px}.contact-copy p{font-size:11px;line-height:1.5}.contact-strip>.button{grid-column:1/-1;width:100%;font-size:13px;padding:11px 16px;min-height:42px;margin-top:4px;justify-content:space-between}.contact-details{gap:7px 15px;font-size:11px;padding-top:18px}.site-footer{align-items:flex-start;gap:8px;font-size:10px;padding-top:17px}.footer-links{gap:10px;flex-wrap:wrap;justify-content:flex-end}.footer-links a:last-child{display:none}.dialog-image{height:190px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:27px}.dialog-copy p{font-size:14px}.dialog-actions{align-items:stretch;flex-direction:column;gap:5px}.dialog-copy li{font-size:12px}.dialog-copy .dialog-note{font-size:11px}}
@media(max-width:360px){.location{display:none}.hero h1{font-size:37px}.service-photo{width:80px;height:76px}.service-copy{padding-left:12px}.service-copy h2{font-size:15px}.trust-list{gap:5px;padding-inline:12px}.trust-list li{font-size:9px}.trust-list svg{width:19px}.wordmark{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.menu-button,.hero-actions,.round-arrow,.footer-links,dialog{display:none!important}.dark-stage{background:#fff;color:#111}.hero h1 .hero-highlight{-webkit-text-fill-color:#087fff}.hero-description,.trust-list li,.eyebrow{color:#333}.hero-art{opacity:.25}.site-header{background:#fff}.services{break-inside:avoid}.contact-details{color:#111}}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff17;border:none;color:#fff;flex-shrink:0;transition:background .15s,transform .15s}.theme-toggle:hover,.theme-toggle:focus-visible{background:#ffffff29}.theme-toggle:active{transform:scale(.93)}.theme-toggle svg{width:19px;height:19px}.theme-toggle .icon-moon{display:none}[data-theme="dark"] .theme-toggle .icon-sun{display:none}[data-theme="dark"] .theme-toggle .icon-moon{display:inline-block}
@media(max-width:700px){.theme-toggle{width:34px;height:34px}.theme-toggle svg{width:17px;height:17px}}
:root[data-theme="dark"]{--ink:#eef3f7;--muted:#a9b7c4;--line:#243140;--surface:#101c26;--border:#243140;color-scheme:dark}
[data-theme="dark"] body{background:#0a141c}
[data-theme="dark"] .light-stage{background:linear-gradient(#0a141c,#0b161f)}
[data-theme="dark"] .cookie-banner .btn-ghost,[data-theme="dark"] .cookie-modal .btn-ghost{background:#0e1922}
[data-theme="dark"] .cookie-banner .btn-ghost:hover,[data-theme="dark"] .cookie-modal .btn-ghost:hover{background:#16232d}
[data-theme="dark"] .service-card{background:linear-gradient(140deg,#101c26,#0c1620);border-color:#1e2b38}
[data-theme="dark"] .service-card:hover{box-shadow:0 15px 32px #00000040}
[data-theme="dark"] .service-photo{background:#0a141c}
[data-theme="dark"] .service-copy p{color:#a9b7c4}
[data-theme="dark"] .round-arrow{background:#16232d}
[data-theme="dark"] .service-card:hover .round-arrow{background:#1c3040}
[data-theme="dark"] .contact-strip{background:linear-gradient(100deg,#101f29,#0d1922)}
[data-theme="dark"] .store-sketch{mix-blend-mode:normal;filter:brightness(.85) contrast(1.05)}
[data-theme="dark"] .contact-copy p{color:#a9b7c4}
[data-theme="dark"] .button-light{border-color:#3a5064;color:#eef3f7}
[data-theme="dark"] .button-light:hover{background:#ffffff10}
[data-theme="dark"] .contact-details{color:#8fa0b0}
[data-theme="dark"] .site-footer{color:#8fa0b0}
[data-theme="dark"] .footer-links a:hover{color:#fff}
[data-theme="dark"] .skip-link{background:#101c26;color:#eef3f7}
[data-theme="dark"] dialog{background:#101c26;border-color:#243140;color:#eef3f7;box-shadow:0 30px 100px #000a}
[data-theme="dark"] .dialog-copy .eyebrow{color:#7fc4ee}
[data-theme="dark"] .dialog-copy>p:not(.eyebrow){color:#a9b7c4}
[data-theme="dark"] .dialog-copy li{background:#182631;color:#bcd4e6}
[data-theme="dark"] .button-text{color:#7fc4ee}
[data-theme="dark"] .dialog-close{background:#142c3ecc;color:#fff}
[data-theme="dark"] .dialog-close:hover{background:#0a141c}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
.google-rating{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:#c9d4dc;font-size:13px;text-decoration:none;transition:color .15s}
.google-rating:hover,.google-rating:focus-visible{color:#fff}
.google-rating-stars{color:#fdd663;font-size:15px;letter-spacing:1px}
.google-rating strong{color:#fff;font-weight:700}
@media(max-width:700px){.google-rating{margin-top:16px;font-size:12px}}

/* ===== Mega-Menü (Hersteller-Navigation) ===== */
.nav-item{position:relative}
.nav-item>a{display:inline-flex;align-items:center;gap:5px}
.nav-caret{width:11px;height:11px;transition:transform .18s}
.nav-item.has-mega:hover .nav-caret,.nav-item.has-mega:focus-within .nav-caret{transform:rotate(180deg)}
.mega-panel{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:14px;background:#0c1c27;border:1px solid #ffffff17;border-radius:14px;box-shadow:0 24px 60px #010a11cc;padding:18px;z-index:50;width:max-content}
.nav-item.has-mega:hover .mega-panel,.nav-item.has-mega:focus-within .mega-panel,.nav-item.has-mega.is-open .mega-panel{display:block}
.mega-brands{display:grid;grid-template-columns:repeat(3,168px);gap:4px}
.mega-brand{position:relative}
.mega-brand-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:8px;color:#e4ebf0;font-size:14px;font-weight:600;transition:background .15s,color .15s}
.mega-brand-link:hover,.mega-brand:hover>.mega-brand-link,.mega-brand:focus-within>.mega-brand-link{background:#ffffff14;color:#fff}
.mega-brand-link svg{width:14px;height:14px;opacity:.6;flex-shrink:0}
.mega-soon{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:8px;color:#5c6b78;font-size:14px;font-weight:600;cursor:default}
.mega-soon small{font-size:10px;font-weight:600;letter-spacing:.4px;color:#7c8b98;background:#ffffff0f;padding:3px 7px;border-radius:20px}
.mega-flyout{display:none;position:absolute;left:100%;top:-10px;margin-left:12px;background:#0c1c27;border:1px solid #ffffff17;border-radius:14px;box-shadow:0 24px 60px #010a11cc;padding:16px;width:380px;max-height:70vh;overflow:auto}
.mega-brand:hover>.mega-flyout,.mega-brand:focus-within>.mega-flyout,.mega-brand.is-open>.mega-flyout{display:block}
.mega-flyout-all{display:block;font-size:12.5px;font-weight:700;color:var(--mint);padding:4px 6px 12px;letter-spacing:.2px}
.mega-flyout-all:hover{text-decoration:underline}
.mega-flyout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega-model-link{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:9px;color:#c7d3db;font-size:10.5px;line-height:1.2;text-align:center;transition:background .15s,color .15s}
.mega-model-link:hover,.mega-model-link:focus-visible{background:#ffffff14;color:#fff}
.mega-model-link .iphone-icon{width:26px;height:auto}
@media(max-width:1150px){.mega-panel{display:none!important}}
.mobile-nav details{border-bottom:1px solid #ffffff12}
.mobile-nav details>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;color:#d6e3eb;cursor:pointer;list-style:none}
.mobile-nav details>summary::-webkit-details-marker{display:none}
.mobile-nav details>summary svg{width:14px;height:14px;transition:transform .18s}
.mobile-nav details[open]>summary svg{transform:rotate(180deg)}
.mobile-brand-list{padding:0 4px 12px}
.mobile-brand-list a,.mobile-brand-list span{display:block;padding:9px 10px;border-radius:8px;font-size:14px;color:#c7d3db}
.mobile-brand-list span{color:#5c6b78}
.mobile-brand-list span small{margin-left:6px;font-size:10px;background:#ffffff0f;padding:2px 6px;border-radius:20px}

/* ===== Hersteller-/Geräte-Kategorie-Seite (apple.php) ===== */
.brand-hero{padding:56px 0 40px;text-align:center}
.brand-hero .eyebrow{justify-content:center;display:flex}
.brand-hero h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.4px;margin:10px 0 14px}
.brand-hero p{color:#c9d4dc;max-width:560px;margin:0 auto;line-height:1.6}
.device-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:10px 0 60px}
.device-cat-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 18px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff14;color:#e4ebf0;transition:transform .2s,background .2s}
.device-cat-card:hover{transform:translateY(-4px);background:#ffffff10}
.device-cat-card.is-soon{opacity:.55;cursor:default}
.device-cat-card.is-soon:hover{transform:none;background:#ffffff08}
.device-cat-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#ffffff10}
.device-cat-card h2{font-size:17px;margin:0}
.device-cat-card .soon-tag{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.4px;background:#ffffff14;padding:3px 8px;border-radius:20px;color:#a9b7c4}
@media(max-width:700px){.device-cat-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== iPhone-Modellübersicht (apple-iphone.php) ===== */
.model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px;flex-wrap:wrap}
.model-toolbar h1{font-size:clamp(28px,3.4vw,40px);letter-spacing:-1.2px;margin:0}
.model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding-bottom:60px}
.model-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14;color:#e4ebf0;text-align:center;transition:transform .2s,background .2s}
.model-card:hover{transform:translateY(-3px);background:#ffffff10}
.model-card .iphone-icon{width:52px;height:auto}
.model-card span{font-size:12.5px;font-weight:600;line-height:1.25}
.model-card small{font-size:10.5px;color:#8fa0b0}
@media(max-width:1150px){.model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.model-card{padding:14px 6px}}

/* ===== Reparatur-Seite je Modell (iphone-reparatur.php) ===== */
.model-hero{display:flex;align-items:center;gap:24px;padding:44px 0 30px;flex-wrap:wrap}
.model-hero .iphone-icon{width:88px;height:auto;flex-shrink:0}
.model-hero h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-1.2px;margin:0 0 6px}
.model-hero p{color:#c9d4dc;margin:0;max-width:520px}
.repair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:56px}
.repair-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
.repair-row-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#ffffff10}
.repair-row-icon svg{stroke:var(--mint)}
.repair-row-copy{flex:1;min-width:0}
.repair-row-copy h3{font-size:15px;margin:0 0 3px;color:#e4ebf0}
.repair-row-copy .repair-meta{font-size:11.5px;color:#8fa0b0}
.repair-row-price{font-size:16px;font-weight:700;color:#fff;white-space:nowrap}
.repair-row-price.is-anfrage{font-size:12.5px;font-weight:600;color:#8fa0b0}
.repair-row-cta{flex-shrink:0}
@media(max-width:900px){.repair-list{grid-template-columns:1fr}.model-hero{padding-top:30px}}

/* ===== Buchungs-Modal ===== */
#booking-dialog{max-width:480px}
.booking-tabs{display:flex;gap:10px;padding:22px 26px 0}
.booking-tab{flex:1;padding:13px 10px;border-radius:9px;border:1px solid var(--line);background:transparent;font-size:13.5px;font-weight:700;color:var(--muted);text-align:center}
.booking-tab[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.booking-body{padding:22px 26px 28px}
.booking-body h2{font-size:20px;margin:0 0 4px}
.booking-body .booking-sub{font-size:13px;color:var(--muted);margin:0 0 18px}
.booking-field{margin-bottom:14px}
.booking-field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--ink)}
.booking-field input,.booking-field textarea,.booking-field select{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--line);font-size:14px;font-family:var(--font);background:#fff;color:var(--ink)}
.booking-field textarea{resize:vertical;min-height:70px}
.booking-hint{font-size:11.5px;color:var(--muted);margin:-6px 0 14px}
.booking-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.booking-row2[hidden]{display:none}
.booking-status{font-size:13px;padding:11px 13px;border-radius:8px;margin-bottom:14px;display:none}
.booking-status.is-visible{display:block}
.booking-status.is-error{background:#fde8e8;color:#a12525}
.booking-status.is-success{background:#e6f8f0;color:#0d7a4d}
[data-theme="dark"] .booking-field input,[data-theme="dark"] .booking-field textarea,[data-theme="dark"] .booking-field select{background:#0e1922;border-color:#243140;color:#eef3f7}
[data-theme="dark"] .booking-tab{border-color:#243140;color:#a9b7c4}
[data-theme="dark"] .booking-status.is-error{background:#3a1414;color:#ff9d9d}
[data-theme="dark"] .booking-status.is-success{background:#0f2b1f;color:#7de6b4}
.map-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:28px;align-items:center;padding:38px 0 34px;border-top:1px solid var(--line)}.map-section .eyebrow{color:#47788c}.map-info h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:0 0 10px}.map-address{font-size:14px;line-height:1.6;color:#4b5667;margin:0 0 4px}.map-hours{font-size:13px;color:#7c8794;margin:0}.map-info .google-rating{color:#4b5667;margin-top:16px}.map-info .google-rating:hover,.map-info .google-rating:focus-visible{color:#07121a}.map-cta{display:flex;align-items:center;justify-content:center}.map-directions-btn{width:max-content;white-space:nowrap}.map-embed{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 15px 32px #07121a0d}.map-embed iframe{display:block;width:100%;height:320px}
@media(max-width:700px){.map-section{grid-template-columns:1fr;gap:18px;padding:26px 0 22px}.map-info h2{font-size:21px}.map-embed iframe{height:220px}.map-directions-btn{width:100%;justify-content:center}}
[data-theme="dark"] .map-section{border-top-color:#ffffff14}
[data-theme="dark"] .map-info h2{color:#fff}
[data-theme="dark"] .map-address{color:#c7d2da}
[data-theme="dark"] .map-hours{color:#8fa0b0}
[data-theme="dark"] .map-info .google-rating{color:#c7d2da}
[data-theme="dark"] .map-info .google-rating:hover,[data-theme="dark"] .map-info .google-rating:focus-visible{color:#fff}
[data-theme="dark"] .map-embed{border-color:#ffffff14}

/* Startseite: Hauptbild nicht mehr rechts abschneiden (Ersatzteile und Schriftzug vollstaendig sichtbar) */
@media (min-width:901px){.hero-art{right:0;width:81%}}
@media (min-width:1600px){.hero-art{right:0;width:80%}}
@media (min-width:901px) and (max-width:1150px){.hero-art{right:0;width:83%}}
@media (min-width:701px) and (max-width:900px){.hero-art{right:0;width:60%}}