:root{--fg:#1d252a;--muted:#6e7171;--paper:#f5f6f5;--line:#d5d7d8;--blue:#718798}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f5;color:var(--fg);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:4px solid #376b88;outline-offset:4px}img{display:block;max-width:100%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.visual-home{max-width:1700px;margin:auto}.visual-stage{position:relative}.visual-stage picture,.visual-stage img{display:block;width:100%;height:auto}.visual-stage .hotspot{position:absolute;z-index:3;display:block;color:transparent;text-decoration:none;font-size:0;border-radius:4px;transition:box-shadow .16s,background-color .16s}.visual-stage .hotspot:hover{box-shadow:inset 0 0 0 3px #f5f7f5aa;background-color:#fdfefe17}.visual-stage .hotspot:focus-visible{outline:4px solid #3578a2;outline-offset:-5px}.visual-stage .hotspot[class*="m-"]{display:none}
/* Each rectangle is mapped to the original approved desktop visual, not an altered redrawing. */
.d-home{left:4.1%;top:4.7%;width:4.5%;height:3.5%}.d-shop{left:9.6%;top:4.7%;width:4.1%;height:3.5%}.d-mag{left:15.0%;top:4.7%;width:5.9%;height:3.5%}.d-search{left:83.0%;top:4.2%;width:2.4%;height:4.2%}.d-ig{left:87.6%;top:4.1%;width:2.7%;height:4.4%}.d-fb{left:92.0%;top:4.1%;width:1.9%;height:4.4%}.d-rest{left:4.7%;top:18%;width:35.6%;height:28.0%}.d-heim{left:41.0%;top:24%;width:27%;height:24.5%}.d-gold{left:68%;top:30%;width:25%;height:20.4%}.d-tv{left:4%;top:47%;width:40%;height:22%}.d-art{left:45%;top:51.5%;width:27%;height:18%}.d-acc{left:73%;top:51.5%;width:20%;height:18%}.d-cta{left:41.2%;top:92.9%;width:17%;height:4.0%}
.mobile-intro{display:none;text-align:center;padding:34px 25px 45px;background:linear-gradient(#f4f4f1,#f6f6f5)}.mobile-intro h1{font:normal clamp(30px,7.4vw,45px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:0 auto 18px}.mobile-intro p{font-size:13px;line-height:1.65;max-width:570px;margin:auto;color:#6e7171}.mobile-intro a{display:inline-block;background:#2d3032;color:#fff;text-decoration:none;padding:14px 23px;margin-top:24px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
footer{border-top:1px solid #d8d8d8;background:#f5f6f5;color:#2a3034;padding:30px max(28px,4%) 17px}.foot-top{display:flex;gap:28px;align-items:flex-start;justify-content:space-between}.foot-brand{font-size:20px;font-weight:700;line-height:1.4}.foot-brand small{display:block;font-size:11px;font-weight:400;color:#7a7f83;letter-spacing:.025em;margin-top:8px}.foot-links{display:flex;gap:32px;flex-wrap:wrap;padding-top:12px}.foot-links a{font-size:12px;text-decoration:none;text-transform:uppercase}.foot-links a:hover{text-decoration:underline}.foot-bottom{border-top:1px solid #dedede;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:29px;padding-top:17px;font-size:11px;color:#848889}
/* Later collection and information pages remain deliberately simple, pending design sign-off. */
.inner-head{padding:19px min(4%,42px);background:#f8f8f7;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.inner-head img{width:min(370px,75vw)}.inner-head nav{display:flex;gap:21px;flex-wrap:wrap}.inner-head nav a{font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em}.inner-head nav a:hover{text-decoration:underline}.content{max-width:1180px;width:calc(100% - 48px);margin:0 auto;padding:72px 0 90px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#617787;margin-bottom:15px}.content h1{font:normal clamp(43px,5.8vw,78px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 22px}.content .lede{font-size:17px;line-height:1.7;max-width:760px;color:#4b5860}.note{font-size:13px;color:#7d8589;max-width:780px;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px;margin-top:50px}.item{min-width:0}.item a{text-decoration:none}.item-photo{aspect-ratio:1/1;background:#e5e8e8;border:1px solid #d8dfdf;overflow:hidden}.item-photo img{width:100%;height:100%;object-fit:contain}.item h2{font-size:16px;line-height:1.35;margin:13px 0 8px}.item p{font-size:12px;color:#5d6a72;margin:0}.minor-link{display:inline-block;text-decoration:none;border-bottom:1px solid #34434b;padding-bottom:2px;margin-top:28px}.sub{color:#77838a;font-size:12px;margin-bottom:35px}.page-note{border-top:1px solid var(--line);margin-top:65px;padding:26px 0;font-size:13px;color:#69767a}.text-block{max-width:780px;font-size:16px;line-height:1.8;color:#4c565a}.text-block a{color:#325c71}
/* Dynamic visual map for the approved mobile screenshot. The containers are still six separate clickable regions. */
@media(max-width:720px){.visual-stage .hotspot{display:none}.visual-stage .hotspot[class*="m-"]{display:block}.visual-stage .m-home,.visual-stage .m-shop,.visual-stage .m-mag,.visual-stage .m-search,.visual-stage .m-ig,.visual-stage .m-fb,.visual-stage .m-rest,.visual-stage .m-heim,.visual-stage .m-gold,.visual-stage .m-tv,.visual-stage .m-art,.visual-stage .m-acc{display:block}.m-home{left:21%;top:16%;width:18%;height:6%}.m-shop{left:41%;top:16%;width:18%;height:6%}.m-mag{left:62%;top:16%;width:23%;height:6%}.m-search{left:86.8%;top:19.5%;width:5.2%;height:4.8%}.m-ig{left:89.1%;top:27.1%;width:4.9%;height:4.8%}.m-fb{left:90.0%;top:34.0%;width:3.8%;height:4.8%}.m-rest{left:5%;top:30%;width:42%;height:23%}.m-heim{left:48%;top:31%;width:47%;height:23%}.m-gold{left:4%;top:54%;width:51%;height:18.3%}.m-tv{left:56%;top:55%;width:41%;height:18%}.m-art{left:5%;top:73%;width:47%;height:18.3%}.m-acc{left:53%;top:73%;width:42%;height:18.3%}.mobile-intro{display:block}.foot-top{display:block}.foot-links{gap:15px 25px;padding-top:25px}.foot-bottom{display:block;line-height:1.8}.inner-head{display:block}.inner-head img{margin:auto}.inner-head nav{justify-content:center;margin-top:22px}.content{padding:45px 0 60px}.product-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:22px 13px}.item h2{font-size:13px}.content .lede{font-size:15px}}
@media(max-width:420px){footer{padding:25px 20px 15px}.foot-links{gap:12px 20px}.foot-links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.mobil-menue[hidden]{display:none}.mobil-menue{display:none}@media(max-width:720px){.visual-stage button.hotspot{padding:0;background:transparent;border:0;cursor:pointer}.mobil-menue{position:relative;z-index:5;display:flex;gap:10px;justify-content:space-around;flex-wrap:wrap;background:#fafafa;border-bottom:1px solid #b8bfc3;padding:18px}.mobil-menue a{font-size:12px;color:#283037;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}}

/* Freigabe 100Schön: Container werden beim Mouseover optisch NICHT verändert.
   Die sechs Container bleiben anklickbar; Tastatur-Fokusring bleibt erhalten. */
.visual-stage .hotspot:is(.d-rest,.d-heim,.d-gold,.d-tv,.d-art,.d-acc,.m-rest,.m-heim,.m-gold,.m-tv,.m-art,.m-acc) {
  transition: none;
}
.visual-stage .hotspot:is(.d-rest,.d-heim,.d-gold,.d-tv,.d-art,.d-acc,.m-rest,.m-heim,.m-gold,.m-tv,.m-art,.m-acc):hover {
  background-color: transparent;
  box-shadow: none;
}
/* Desktop: Alle anklickbaren Elemente bleiben beim Mouseover optisch unverändert.
   Tastatur-Fokusringe (:focus-visible) bleiben für Barrierefreiheit erhalten. */
@media (min-width:721px) {
  .visual-stage .hotspot { transition: none; }
  .visual-stage .hotspot:hover { background-color: transparent; box-shadow: none; }
  .foot-links a:hover, .inner-head nav a:hover { text-decoration: none; }
}