/* Custom loading bar style for model-viewer */ 
                model-viewer::part(default-progress-bar) { background-color: #666666; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-bar { background-color: #f0f0f0; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-value { background-color: #666666; } /* AR Button Animation ausblenden */ .ar-button-animation { display: none; } /* --- Model Viewer Größenanpassung (Responsive) --- */ @media only screen and (max-width: 600px) { .ardisplay_viewer { min-height:300px; height:300px; width: 100%; } } @media only screen and (min-width: 600px) { .ardisplay_viewer { min-height:400px; height:400px; width: 100%; } } @media only screen and (min-width: 768px) { .ardisplay_viewer { min-height:500px; height:500px; width: 100%; } } @media only screen and (min-width: 992px) { .ardisplay_viewer { min-height:600px; height:600px; width: 100%; } } /* --- Maßeinheiten & Messpunkte (Dimensions) --- */ .dot { width: 10px; height: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); background: #fff; } .dimension { background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.8); font-family: Futura, Helvetica Neue, sans-serif; font-size: 12px; font-weight: 600; max-width: 128px; padding: 0.25em 0.5em; } /* --- Interaktive Elemente --- */ .hotspot { font-size: 12px; } /* Custom Design für den Button mit der Farbe #bf552c */ .ar_cta_button { font-size: 12px; background-color: #bf552c !important; /* Das kräftige Rot/Orange */ color: #ffffff !important; /* Text weiß */ padding: 10px 20px !important; border-radius: 15px !important; text-decoration: none !important; font-weight: bold !important; display: inline-block; margin-top: 10px; border: 2px solid #bf552c !important; transition: all 0.3s ease; } /* Hover-Effekt (Mouseover) */ .ar_cta_button:hover { background-color: #ffffff !important; /* Weißer Hintergrund */ color: #bf552c !important; /* Text in Buttonfarbe */ border: 2px solid #bf552c !important; /* Rahmen in Buttonfarbe */ cursor: pointer; } /* Reset Button (Oben Links) */ .ar-reset { position: absolute; top: 6px; left: 6px; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; background: none; border-radius: 4px; border: none; cursor: pointer; }