/* AM-DIVER 3D-Konfigurator */
.amd-stage{position:relative;aspect-ratio:1/1;max-width:100%;border-radius:4px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 38%,#fafbfb 0%,#c9cfd2 100%)}
.amd-stage .amd-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.amd-stage .amd-canvas:active{cursor:grabbing}
.amd-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:.85em;letter-spacing:.08em;text-transform:uppercase;color:#5d666d}
.amd-loading[hidden]{display:none!important}
.amd-hint{position:absolute;top:12px;right:14px;font-size:12px;font-weight:400;color:#5d666d;pointer-events:none;padding:3px 8px;border-radius:999px;background:rgba(248,249,249,.75)}
.amd-views{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;
  background:rgba(248,249,249,.85);border:1px solid #d5dadd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.amd-views button{font-size:14px;font-weight:500;line-height:1;font-family:inherit;letter-spacing:0;text-transform:none;color:#14181b;background:none;border:0;border-radius:999px;padding:8px 12px;cursor:pointer;margin:0;box-shadow:none}
.amd-views button[aria-pressed="true"]{background:#14181b;color:#fff}
.amd-views button:focus-visible,.amd-swatch:focus-visible{outline:2px solid #0f6f80;outline-offset:2px}

.amd-swatches{display:grid;gap:22px;margin:0 0 1.5em}
.amd-group{border:0;margin:0;padding:0;min-width:0}
.amd-group legend{display:flex;justify-content:space-between;gap:12px;width:100%;padding:0;margin:0 0 10px;
  font-size:.8em;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5d666d}
.amd-group legend output{font-size:1.15em;font-weight:500;letter-spacing:0;text-transform:none;color:#14181b}
.amd-sw{display:flex;flex-wrap:wrap;gap:10px}
.amd-swatch{appearance:none;-webkit-appearance:none;width:40px;height:40px;min-height:0;border-radius:50%;border:1px solid #d5dadd;padding:0;margin:0;cursor:pointer;
  background:var(--c,#ccc);box-shadow:none}
.amd-swatch.is-ring{background:radial-gradient(circle at 50% 50%,#fff 0 34%,transparent 35%),var(--c,#ccc)}
.amd-swatch[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #14181b}
.amd-swatch.is-text{width:auto;border-radius:999px;padding:0 14px;background:#fff;color:#14181b;font-size:13px}
.amd-swatch.is-unavailable{opacity:.35}
.amd-konfigurator .variations .amd-hidden-row{display:none}
@media (max-width:520px){.amd-hint{display:none}}

/* Breiteres 3D-Fenster auf großen Bildschirmen */
@media (min-width:768px){
  .amd-konfigurator #primary.content-area{width:100%!important;float:none!important;margin-right:0!important}
  .amd-konfigurator.single-product div.product .images.amd-stage{width:58%!important;margin-right:5%!important;float:left}
  .amd-konfigurator.single-product div.product .summary{width:37%!important;float:right;margin-right:0}
}
@media (min-width:768px) and (max-width:1023px){
  .amd-konfigurator.single-product div.product .images.amd-stage{width:52%!important}
  .amd-konfigurator.single-product div.product .summary{width:43%!important}
}