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/assets/css/kalender.css

@@ -612,15 +612,67 @@
 .k-leer__tipp { margin: 0; font-size: .82rem; color: var(--text-still); }
 
 /* ---------- Tagesdialog -------------------------------------------------- */
+/* =====================================================================
+   DER TAGDIALOG BEKOMMT DIE SILHOUETTE DES HAUSES (screen2, 09.09.2026)
+
+   Filipe: "die ganze kachel und button sollen geiler aussehen."
+
+   Der Inhalt war schon gebaut -- Eintraege mit Schiene in ihrer Farbe,
+   Plaketten (TERMIN, FRIST), Knopfreihe. Nur die Huelle nicht: Sie war
+   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 Sprache wie die Sammelkacheln: eine Fassung als
+   duenner Rahmen (2 px Polsterung mit Farbverlauf darunter), die Fase
+   an zwei gegenueberliegenden Ecken, und das Innenglas als eigene
+   Ebene. Die Fassung traegt Rot links und Babyblau rechts, wie ueberall
+   im Haus -- nur leiser als auf der Anmeldeseite, weil hier Text
+   dicht am Rand steht.
+
+   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 PFLICHT und nicht Kosmetik: Ein
+   `border-radius`, der neben einem `clip-path` stehen bleibt, rundet
+   die Ecken der Flaeche INNERHALB der Silhouette -- man saehe an den
+   nicht gefasten Ecken eine doppelte Kante. */
 .k-dialog {
   width: min(560px, calc(100vw - 32px));
-  padding: 20px 22px;
-  border: 1px solid var(--rand-hell);
-  border-radius: var(--radius);
-  background: var(--glas-tief);
+  padding: 2px;                      /* die Fassung */
+  border: 0;
+  border-radius: 0;
+  clip-path: polygon(
+    20px 0, 100% 0, 100% calc(100% - 20px),
+    calc(100% - 20px) 100%, 0 100%, 0 20px);
+  background: linear-gradient(104deg,
+    #2a0a10 0%, #c8323f 12%, #ffd9dd 20%, #6d1721 32%,
+    #0a0c12 44%, #e8f1fb 50%, #0a0c12 56%,
+    #1d4a63 66%, #8fd8ff 78%, #dff2ff 85%, #14293a 94%, #060810 100%);
   color: var(--text);
   box-shadow: var(--schatten);
-  backdrop-filter: blur(14px);
+}
+/* Das Innenglas. Eigene Ebene, damit die Fassung ringsum stehen
+   bleibt -- dieselbe Bauart wie bei der Zentrale und der Rollenkachel. */
+.k-dialog__glas {
+  padding: 20px 22px;
+  clip-path: polygon(
+    18px 0, 100% 0, 100% calc(100% - 18px),
+    calc(100% - 18px) 100%, 0 100%, 0 18px);
+  background:
+    var(--raster),
+    linear-gradient(178deg, rgba(17, 23, 34, .97), rgba(9, 13, 21, .98));
+  /* KEIN `backdrop-filter` HIER. Er stand vorher auf dem Dialog und
+     ist mitgewandert -- auf einer zu 97 Prozent deckenden Flaeche
+     rechnet er bei jedem Bild einen Weichzeichner aus, 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. */
 }
 .k-dialog::backdrop { background: rgba(3, 5, 10, .72); backdrop-filter: blur(3px); }
 .k-dialog__kopf {