/* JALES – Raumvorschau. AUTOGENERIERT aus jales-preise/06_Skripte/groessenvorschau.py – nie von Hand aendern. */
.fa-raum{margin:12px 0 12px;}  /* unten 12 px Luft vor „Angebot anfragen“ (feinemotive.de 26.09.) */
        .fa-raum[hidden],.fa-raum [hidden],.fa-sofa-ctrl[hidden]{display:none!important;}  /* .fa-sofa-ctrl hat display:flex, das hob hidden bisher auf */
        .fa-raum-bild{position:relative;width:100%;overflow:hidden;border:1px solid var(--line,#E8DFCC);border-radius:8px;background:#ECE7DE;touch-action:manipulation;}
        .fa-raum-buehne{position:absolute;inset:0;transform-origin:0 0;transition:transform .28s ease;}
        .fa-raum-hg{display:block;width:100%;height:100%;object-fit:cover;}
        .fa-raum-wb{position:absolute;box-sizing:border-box;overflow:hidden;outline:1px solid rgba(0,0,0,.2);outline-offset:-1px;}
        .fa-raum-motiv{display:block;width:100%;height:100%;object-fit:cover;}
        .fa-raum-cap{margin:6px 0 0;font:400 11.5px/1.4 var(--font-sans,'Manrope',sans-serif);color:var(--muted,#5A5246);}
        .fa-raum-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;}
        .fa-raum-gruppen{margin:0 0 6px;}
        .fa-raum-szenen{margin:0 0 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;}
        .fa-raum-szenen .fa-raum-knopf{flex:0 0 auto;}
        .fa-raum-szenen.fa-raum-rand{padding-right:36px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);}  /* Randhinweis wie Manufaktur-Leiste (M33) */
        .fa-raum-reiter{min-height:44px;padding:0 4px;margin-right:12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted,#5A5246);font:700 12.5px/1 var(--font-sans,'Manrope',sans-serif);cursor:pointer;}
        .fa-raum-reiter[aria-pressed=true]{color:#2A3F33;border-bottom-color:#2A3F33;}
        .fa-raum-l{font:600 11.5px/1.3 var(--font-sans,'Manrope',sans-serif);color:var(--muted,#5A5246);margin-right:2px;}
        .fa-raum-knopf{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line,#E8DFCC);border-radius:999px;background:#fff;color:#2A3F33;font:600 12.5px/1 var(--font-sans,'Manrope',sans-serif);cursor:pointer;}
        .fa-raum-knopf[aria-pressed=true]{background:#2A3F33;border-color:#2A3F33;color:#F8F4EC;}
        .fa-raum-knopf:disabled{opacity:.45;cursor:default;}
        .fa-raum-zoomwert{min-width:30px;text-align:center;font:700 12.5px/1 var(--font-sans,'Manrope',sans-serif);color:#2A3F33;}
        .fa-raum-eigen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;}
        .fa-raum-datei{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;box-sizing:border-box;border:1.5px solid #2A3F33;border-radius:999px;background:#EEF2EC;font:700 13px/1.2 var(--font-sans,'Manrope',sans-serif);color:#2A3F33;cursor:pointer;}  /* Veit 26.09.: Knopf statt Textlink; gruen, nicht gold (Angebot bleibt primaer) */
        .fa-raum-datei:hover{background:#2A3F33;color:#F8F4EC;}
        .fa-raum-datei svg{flex:0 0 auto;}
        .fa-raum-werkzeug{display:inline-flex;align-items:center;min-height:44px;font:600 12.5px/1.3 var(--font-sans,'Manrope',sans-serif);color:#2A3F33;text-decoration:underline;text-underline-offset:3px;}
        .fa-raum .fa-raum-vergleich{margin:8px 0 0;font:600 12px/1.4 var(--font-sans,'Manrope',sans-serif);color:#2A3F33;}
        @media (max-width:600px){.fa-raum-datei{width:100%;}}
        .fa-raum-datei input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);}
        .fa-raum-datei:focus-within{outline:2px solid #2A3F33;outline-offset:2px;border-radius:4px;}
        .fa-raum-std{appearance:none;background:none;border:none;padding:0;min-height:44px;font:600 12.5px/1.3 var(--font-sans,'Manrope',sans-serif);color:#2A3F33;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
        .fa-raum-hinweis{flex-basis:100%;margin:0;font:400 11.5px/1.4 var(--font-sans,'Manrope',sans-serif);color:var(--muted,#5A5246);}
        .fa-raum-zuschnitt{flex-basis:100%;margin:2px 0 0;font:600 11.5px/1.4 var(--font-sans,'Manrope',sans-serif);color:#8C6420;}
        @media (prefers-reduced-motion: reduce){.fa-raum-buehne{transition:none;}}
        @media print{.fa-raum{display:none!important;}}