screen2: Der Tagdialog bekommt die Silhouette des Hauses

Filipe: "die ganze kachel und button sollen geiler aussehen."

Der INHALT war schon gebaut -- Eintraege mit Schiene in ihrer Farbe,
Plaketten (TERMIN, FRIST), Knopfreihe, Akzentknopf. Nur die HUELLE
nicht: ein Rechteck mit 18 px Rundung und einem gezeichneten Rand.
Damit war der Dialog die einzige grosse Flaeche im Workspace ohne Fase
-- und ausgerechnet die, die sich ueber alles andere legt. Man sieht
es nicht als Fehler, sondern denkt "der gehoert wohl zum Browser".

Jetzt dieselbe Bauart wie die Sammelkacheln: Der <dialog> traegt nur
die Fassung (2 px Polsterung mit Farbverlauf darunter), alles Sichtbare
liegt in einer neuen Ebene `.k-dialog__glas` darin. Ohne diese zweite
Ebene muesste die Fassung ein `border` sein -- und ein Rand folgt dem
Rechteck, nicht der abgeschraegten Ecke.

ZWEI ECKEN, NICHT VIER: Bei einem Kasten, der mitten im Bild aufgeht,
wirken vier abgeschnittene Ecken unruhig -- er soll wie eine Platte
wirken, die man auflegt, nicht wie ein Achteck. Oben links und unten
rechts geben die Richtung, die anderen beiden halten die Form.

`border-radius: 0` ist dabei Pflicht und nicht Kosmetik: Bliebe der
Radius neben dem `clip-path` stehen, wuerde er die Ecken der Flaeche
INNERHALB der Silhouette runden -- an den nicht gefasten Ecken saehe
man eine doppelte Kante.

NEBENBEI EINEN WIRKUNGSLOSEN EFFEKT ENTFERNT: `backdrop-filter:
blur(14px)` stand auf dem Dialog und waere mit auf die neue Glasebene
gewandert. Die ist zu 97 Prozent deckend -- der Browser haette bei
jedem Bild einen Weichzeichner ausgerechnet, den niemand sieht. Das
Verwischen des Hintergrunds macht `.k-dialog::backdrop`, und dort
gehoert es hin. Ein Effekt, der nichts bewirkt, ist nicht harmlos: Er
kostet Rechenzeit und behauptet im Quelltext etwas ueber das Aussehen,
das nicht stimmt.

Geprueft: pruef-kalender, pruef-css-klassen, pruef-buehne -- alle in
Ordnung.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/kalender.html

@@ -14,11 +14,11 @@
 <meta name="theme-color" content="#06090f" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202609090041" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609090044" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609090044" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090044" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202609090044" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609090044" />
 </head>
 
 <body class="start">
@@ -283,7 +283,15 @@
   <!-- Der Tagesdialog. Als echtes <dialog>: Esc schließt, der Tastaturfokus
        bleibt drin, und der Rest der Seite ist für Vorleseprogramme still –
        das alles bringt das Element mit, ohne dass es nachgebaut wird. -->
+  <!-- DIE FASSUNG UND DAS GLAS SIND ZWEI EBENEN (screen2, 09.09.2026).
+       Der <dialog> selbst traegt nur noch die Fase und den
+       Farbverlauf der Fassung; alles Sichtbare liegt in
+       `.k-dialog__glas` darin. Ohne diese zweite Ebene muesste die
+       Fassung ein `border` sein -- und ein Rand folgt dem Rechteck,
+       nicht der abgeschraegten Ecke. Dieselbe Bauart wie bei der
+       Zentrale und der Rollenkachel auf der Anmeldeseite. -->
   <dialog id="tagdialog" class="k-dialog" aria-labelledby="tagdialog-titel">
+   <div class="k-dialog__glas">
     <div class="k-dialog__kopf">
       <div>
         <strong id="tagdialog-titel" class="k-dialog__titel">…</strong>
@@ -297,6 +305,7 @@
       <button type="button" class="knopf knopf--klein" id="tagdialog-neu">Hier eintragen</button>
       <span class="k-dialog__tipp">Esc schließt</span>
     </div>
+   </div><!-- /.k-dialog__glas -->
   </dialog>
 
 <!-- ====================================================================
@@ -331,11 +340,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609090041" defer></script>
-<script src="assets/js/bereiche.js?v=202609090041" defer></script>
-<script src="assets/js/kopf.js?v=202609090041" defer></script>
-<script src="assets/js/glocke.js?v=202609090041" defer></script>
-<script src="assets/js/kalender.js?v=202609090041" defer></script>
-<script src="assets/js/kalender-abo.js?v=202609090041" defer></script>
+<script src="assets/js/wahl.js?v=202609090044" defer></script>
+<script src="assets/js/bereiche.js?v=202609090044" defer></script>
+<script src="assets/js/kopf.js?v=202609090044" defer></script>
+<script src="assets/js/glocke.js?v=202609090044" defer></script>
+<script src="assets/js/kalender.js?v=202609090044" defer></script>
+<script src="assets/js/kalender-abo.js?v=202609090044" defer></script>
 </body>
 </html>