.flower-integreret.intro-aktiv { overflow: hidden; }
.flower-integreret .flower-scene { position: fixed; inset: 0 0 4rem; z-index: 1000; overflow: hidden; }
.flower-integreret #flower-original, .flower-integreret #flower-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.flower-integreret #flower-original { object-fit: cover; object-position: 50% 42%; }
.flower-integreret #flower-canvas { opacity: 0; }
.flower-integreret .er-klar #flower-canvas { opacity: 1; }
.flower-integreret .er-klar #flower-original { visibility: hidden; }
.flower-integreret .flower-controls { position: fixed; inset: auto 0 0; z-index: 1001; height: 4rem; padding: .6rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #faf6f0; color: #1a1613; }
.flower-integreret .flower-controls[hidden], .flower-integreret .flower-scene[hidden] { display: none; }
.flower-integreret .flower-controls strong { font-family: 'Anton', sans-serif; font-weight: 400; margin-right: 1rem; }
.flower-integreret .flower-controls nav { display: flex; gap: 1rem; }
.flower-integreret .flower-controls button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: .5rem; }
.flower-integreret #flower-status { font-size: .8rem; }
@media (max-width: 40rem) {
 .flower-integreret #flower-status { display: none; }
 .flower-integreret .flower-controls { font-size: .85rem; }
 .flower-integreret .flower-controls nav { gap: .25rem; }
}
