/* Exposé erstellen: Formular-Grundlagen in bewertung-neu.css (.bn-form), hier Fotos und Fortschritt */
.en-form .segment { margin-top:0; }
.en-form .segment > button { line-height:34px; font-size:14px; }
.en-form .en-zaehler { margin-left:auto; font:600 12px/16px var(--schrift); letter-spacing:0; text-transform:none; color:var(--text3); }

.en-raster { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.en-foto { position:relative; aspect-ratio:1; border-radius:14px; overflow:hidden; background:var(--sand-hell); }
.en-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.en-titelbild { position:absolute; left:6px; bottom:6px; height:20px; padding:0 7px; border-radius:10px; background:rgba(20,26,56,.55); color:#fff;
  font:600 10.5px/20px var(--schrift); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.en-weg { position:absolute; right:5px; top:5px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; color:#fff;
  background:rgba(20,26,56,.5); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.en-hinzu { aspect-ratio:1; border-radius:14px; border:1.5px dashed var(--sand); background:#fff; color:var(--taupe-tief);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font:600 12.5px/16px var(--schrift); transition:transform .25s var(--ios), background-color .2s; }
.en-hinzu.gedrueckt { transform:scale(.96); background:#F7F4F0; }
.en-raster:has(.en-foto) .en-hinzu span { font-size:11.5px; }
.en-raster:not(:has(.en-foto)) { grid-template-columns:1fr; }
.en-raster:not(:has(.en-foto)) .en-hinzu { aspect-ratio:auto; height:112px; flex-direction:row; gap:10px; font-size:15px; }
.en-form .en-tipp { margin:8px 4px 0; font:500 12.5px/17px var(--schrift); color:var(--text3); }

.en-fort { margin-top:4px; padding:16px 16px 18px; }
.en-fort[hidden] { display:none; }
.en-fort-kopf { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.en-fort .t1 { font:600 15px/20px var(--schrift); color:var(--navy); }
.en-fort .t2 { font:500 12.5px/16px var(--schrift); color:var(--text3); margin-top:1px; }
.en-dreh { width:22px; height:22px; border-radius:50%; flex:none; border:2.5px solid var(--sand); border-top-color:var(--navy); animation:en-dreh .8s linear infinite; }
@keyframes en-dreh { to { transform:rotate(360deg); } }
.en-form .bn-start[hidden] { display:none; }
.en-form .en-onoffice { margin:12px 2px 0; }