Team-Seite: Kopf und Karten sind jetzt echte Kacheln

Filipe, mit Bildschirmfoto: "perfektionnir das in einer kachel in der
farbe von der kategorie bitte. und die kacheln unten in der seite auch
perfektionnieren und geil machen bitte."

--- DER KOPF ---

Er war eine freistehende Ueberschrift auf dem Buehnenbild. Jetzt ist er
eine Kachel wie jede andere im Haus: gefraeste Fase, Kantenlicht,
Eckwinkel, Raster -- alles aus der Modulliste in module.css, wo
`.t-kachel` seit diesem Commit steht.

DIE FARBE IST NICHT ABGESCHRIEBEN. Die Kachel traegt `data-ton="22"`,
und die Regel dazu steht in start.css -- dieselbe, aus der die Kachel
auf der Startseite ihre Farbe zieht (#ffd166). Es gibt weiterhin genau
EINE Stelle, an der die Farbe dieser Kategorie steht; wer sie dort
aendert, aendert beides. Eine zweite Hexzahl in team.css waere die
naechste gewesen, die auseinanderlaeuft.

Der Grenzsatz ("Termine, Chats und Dateien kommen hier nicht vor")
wechselt von Gruen in denselben Ton: In einer Kachel, die schon eine
Farbe hat, ist eine zweite Farbe daneben eine zweite Aussage.

--- DIE KARTEN UNTEN ---

`.tperson` und `.tl` stehen ebenfalls in der Modulliste. Ein
Manager-Kasten leuchtet damit lila, ein Scout-Kasten gruen, ein
Lueckenkasten rot -- ueber `--ton`, ohne dass eine einzige Farbe hier
ausgeschrieben stehen muss.

DER STREIFEN LINKS IST DAFUER WEG, und das ist kein Verlust: module.css
belegt ::before und ::after selbst (Kantenlicht und Eckwinkel) und
laedt NACH team.css -- ein eigenes ::after waere ohnehin wirkungslos
gewesen. Das Kantenlicht traegt die Rollenfarbe jetzt rund um die ganze
Karte statt auf drei Pixeln links.

DIE KENNZAHLEN BLEIBEN SCHLICHT, und das ist eine Entscheidung: Sie
stehen zu acht in einer Karte. Jede davon mit Fase, Kantenlicht und
Eckwinkel waere ein Schaufenster voller Rahmen und keine Auskunft mehr
-- eine Kachel in der Kachel in der Kachel liest niemand. Sie bekommen
nur die abgeschnittene Ecke aus derselben Formel, damit sie erkennbar
zur Familie gehoeren.

--- EIN FEHLER, DEN NUR DAS HANDY GEZEIGT HAT ---

Der Grenzsatz-Kasten hat `flex: 1 1 300px`. Am Rechner ist das richtig:
Dort ist die Hauptachse waagerecht, und er teilt sich die Breite mit
dem Titel. Am Handy dreht die Reihe auf eine SPALTE -- und derselbe
Wert liess ihn in die HOEHE wachsen. Auf dem Bildschirmfoto stand
danach die halbe Kachel leer.

Ein Flexwert gilt fuer eine Richtung, nicht fuer ein Element. Wer die
Richtung dreht, muss ihn mitdrehen.

--- Pruefung ---

pruef-css-klassen: die Modulliste steht weiterhin siebenmal und
Zeichen fuer Zeichen gleich (jetzt 48 Klassen).

pruef-team, 51 Pruefungen: darunter acht Kontrastmessungen an der
WIRKLICHEN Flaeche -- die Hintergruende haben sich durch den Umbau
geaendert, und eine Kachel mit Raster und Verlauf ist etwas anderes als
ein flacher Kasten. Gemessen jetzt 6,71 bis 15,12:1.

Ausserdem gruen: pruef-handy, pruef-lesbarkeit, pruef-buehne.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-09 16:26:57 +02:00
co-authored by Claude Opus 5
parent b45de940e8
commit bec46ed991
22 changed files with 339 additions and 252 deletions
+7 -7
View File
@@ -109,7 +109,7 @@
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl) {
position: relative;
clip-path: polygon(var(--fase) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase));
border-radius: 0;
@@ -137,7 +137,7 @@
was übrig bleibt, ist eine Linie, die exakt der Form folgt, Schräge
inklusive. Ein `border` könnte das nicht: Er folgt dem Rechteck. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl)::before {
content: "";
position: absolute; inset: 0;
pointer-events: none;
@@ -160,7 +160,7 @@
/* RASTER UND ECKWINKEL. Beides auf ::after -- ein drittes Element gibt
es nicht, und beides ist reine Optik ohne Klicks. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl)::after {
content: "";
position: absolute; inset: 0;
pointer-events: none;
@@ -244,7 +244,7 @@
/* Dieselbe Form, kleiner -- keine zweite Gestaltung. */
:root { --fase: 12px; }
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl) {
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .7));
}
}
@@ -258,15 +258,15 @@
/* Im Kontrastmodus zählt die Kante, und die muss ein echter `border`
sein. Die Schräge bleibt: Sie ist Geometrie, keine Farbe. */
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl) {
filter: none; border: 1px solid CanvasText;
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl)::after {
display: none;
}
/* MODULLISTE */
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe, .t-kachel, .tperson, .tl)::before {
display: none;
}
}
+107 -34
View File
@@ -12,11 +12,40 @@
ruhig, damit die wenigen roten Stellen auch etwas heißen.
===================================================================== */
/* =====================================================================
DER KOPF IST EINE KACHEL, IM TON DER KATEGORIE (09.09.2026)
Filipe: "perfektionnir das in einer kachel in der farbe von der
kategorie bitte."
`.t-kachel` steht in der Modulliste von module.css und bekommt damit
die Form des Hauses: gefraeste Fase, Kantenlicht, Eckwinkel, Raster.
Sie braucht hier nur noch zweierlei -- eine FLAECHE (die Modulliste
gibt nur die Fassung, den Grund bringt jedes Bauteil selbst mit) und
den TON.
DER TON IST NICHT ABGESCHRIEBEN. Die Kachel traegt `data-ton="22"`,
und die Regel dazu steht in start.css -- dieselbe, aus der die
Kachel auf der Startseite ihre Farbe zieht. Es gibt damit weiterhin
genau EINE Stelle, an der die Farbe dieser Kategorie steht; wer sie
dort aendert, aendert beides. Eine zweite Hexzahl hier waere die
naechste, die auseinanderlaeuft.
===================================================================== */
.t-kachel {
margin: 0 0 18px;
padding: 20px 22px;
background:
var(--raster),
linear-gradient(150deg,
color-mix(in srgb, var(--ton) 13%, transparent),
transparent 46%),
linear-gradient(178deg, rgba(9, 13, 20, .955), rgba(4, 7, 12, .985));
}
/* ---------- Der Kopf --------------------------------------------------- */
.t-kopf {
display: flex; align-items: flex-start; justify-content: space-between;
gap: 20px; flex-wrap: wrap;
margin: 0 0 18px;
}
.t-kopf__titel {
margin: 4px 0 6px;
@@ -32,9 +61,16 @@
.t-kopf__grenze {
flex: 1 1 300px; max-width: 44ch;
margin: 0; padding: 12px 15px;
border-left: 3px solid color-mix(in srgb, var(--scout-haupt) 55%, transparent);
/* Im Ton der Kategorie und nicht mehr in Gruen: In einer Kachel, die
schon eine Farbe hat, ist eine zweite Farbe daneben eine zweite
Aussage -- und dieser Kasten sagt dasselbe wie die Kachel, nur
genauer. */
border-left: 3px solid color-mix(in srgb, var(--ton) 60%, transparent);
border-radius: 0 10px 10px 0;
background: rgba(95, 201, 154, .07);
background:
linear-gradient(color-mix(in srgb, var(--ton) 9%, transparent),
color-mix(in srgb, var(--ton) 9%, transparent)),
rgba(7, 10, 17, .8);
font-size: .87rem; line-height: 1.55; color: var(--text-leise);
}
.t-kopf__grenze strong { color: var(--text); }
@@ -56,13 +92,16 @@
Deshalb hier von vornherein ein eigener, deckender Grund. Der rote
Ton liegt darauf, nicht darin. */
.tl {
padding: 15px 17px;
border: 1px solid color-mix(in srgb, var(--warn, #ff9aa2) 34%, transparent);
border-radius: var(--radius-klein);
/* Auch eine Kachel -- mit dem Warnton als --ton, damit Kantenlicht
und Eckwinkel rot leuchten. Der Grund bleibt DECKEND: Die Lektion
vom Vorlagenbrett gilt weiter, eine Karte mit sieben Prozent Farbe
auf durchsichtigem Grund laesst das Buehnenfoto durch. */
--ton: #ff9aa2;
padding: 16px 18px;
background:
linear-gradient(rgba(255, 154, 162, .07), rgba(255, 154, 162, .07)),
rgba(7, 10, 17, .93);
backdrop-filter: blur(8px);
var(--raster),
linear-gradient(150deg, rgba(255, 154, 162, .11), transparent 50%),
rgba(7, 10, 17, .95);
}
.tl__titel {
margin: 0 0 4px; font-size: .98rem; font-weight: 700;
@@ -75,10 +114,11 @@
}
/* Keine Lücke ist auch eine Auskunft -- und dann grün statt rot. */
.tl[data-gut="ja"] {
border-color: color-mix(in srgb, var(--scout-haupt) 34%, transparent);
--ton: var(--scout-haupt);
background:
linear-gradient(rgba(95, 201, 154, .07), rgba(95, 201, 154, .07)),
rgba(7, 10, 17, .93);
var(--raster),
linear-gradient(150deg, rgba(95, 201, 154, .11), transparent 50%),
rgba(7, 10, 17, .95);
}
.tl[data-gut="ja"] .tl__titel { color: var(--scout-haupt); }
@@ -90,15 +130,26 @@
}
/* ---------- Eine Kennzahl ---------------------------------------------- */
/* Die Kennzahlen bleiben SCHLICHT -- und das ist eine Entscheidung.
Sie stehen zu acht in einer Karte; jede davon mit Fase, Kantenlicht
und Eckwinkel waere ein Schaufenster voller Rahmen und keine
Auskunft mehr. Eine Kachel in der Kachel in der Kachel liest
niemand.
Was sie bekommen: eine abgeschnittene Ecke aus derselben Formel wie
die Kacheln (clip-path mit --fase), damit sie erkennbar zur selben
Familie gehoeren -- nur eben als Beschlagteil, nicht als Kachel. */
.tz {
display: grid; gap: 2px; align-content: start;
padding: 11px 13px;
border: 1px solid var(--rand); border-radius: var(--radius-klein);
/* Ebenfalls deckend -- eine Kennzahl auf einem Foto ist keine
Kennzahl, sondern ein Ratespiel. */
border: 1px solid var(--rand);
border-radius: 0;
clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
/* Deckend -- eine Kennzahl auf einem Foto ist keine Kennzahl,
sondern ein Ratespiel. */
background:
linear-gradient(rgba(255, 255, 255, .028), rgba(255, 255, 255, .028)),
rgba(7, 10, 17, .9);
linear-gradient(rgba(255, 255, 255, .034), rgba(255, 255, 255, .034)),
rgba(9, 12, 19, .92);
}
.tz__wert {
font-size: 1.28rem; font-weight: 700; color: var(--text);
@@ -109,7 +160,7 @@
}
/* Rot NUR, wo etwas liegengeblieben ist. */
.tz[data-art="warn"] {
border-color: color-mix(in srgb, var(--warn, #ff9aa2) 42%, transparent);
border-color: color-mix(in srgb, var(--warn, #ff9aa2) 45%, transparent);
/* Auch hier deckend. Diese Zeile stand zuerst mit einem einzelnen
rgba-Wert da und hat damit den undurchsichtigen Grund von oben
wieder aufgehoben -- ausgerechnet an den Karten, auf die es
@@ -133,28 +184,42 @@
grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
}
/* =====================================================================
DIE KARTEN UNTEN SIND JETZT AUCH KACHELN (09.09.2026)
Filipe: "und die kacheln unten in der seite auch perfektionnieren und
geil machen bitte."
Sie waren abgerundete Rechtecke mit einem Streifen links -- richtig,
aber eben nicht die Sprache dieses Hauses. `.tperson` und `.tl`
stehen jetzt in der Modulliste und bekommen damit Fase, Kantenlicht,
Eckwinkel und Raster wie jede andere Kachel.
DIE FARBE KOMMT AUS DER ROLLE, und zwar ueber `--ton`. Das ist die
Variable, aus der module.css das Kantenlicht und die Eckwinkel
zieht. Ein Manager-Kasten leuchtet damit lila, ein Scout-Kasten
gruen -- ohne dass hier eine einzige Farbe ausgeschrieben stehen
muss.
DER STREIFEN IST WEG, und das ist kein Verlust: module.css belegt
::before und ::after selbst (Kantenlicht und Eckwinkel) und laedt
NACH dieser Datei -- ein eigenes ::after waere wirkungslos gewesen.
Das Kantenlicht traegt die Rollenfarbe jetzt ohnehin, und zwar rund
um die ganze Karte statt auf drei Pixeln links. */
.tperson {
--r: var(--text-still);
--ton: var(--r);
position: relative;
padding: 16px 18px 18px;
border: 1px solid var(--rand);
border-radius: var(--radius-klein);
padding: 17px 19px 19px;
background:
linear-gradient(180deg, color-mix(in srgb, var(--r) 6%, transparent), transparent 60%),
var(--flaeche);
var(--raster),
linear-gradient(155deg,
color-mix(in srgb, var(--r) 11%, transparent),
transparent 52%),
linear-gradient(178deg, rgba(10, 14, 22, .95), rgba(5, 8, 14, .98));
}
.tperson[data-rolle="manager"] { --r: var(--manager-haupt); }
.tperson[data-rolle="scout"] { --r: var(--scout-haupt); }
/* Der Streifen in der Rollenfarbe -- dieselbe Sprache wie in der
Personenliste, damit man beide Seiten als ein Haus liest. */
.tperson::after {
content: ""; position: absolute; left: 0; top: 10px; bottom: 10px;
width: 3px; border-radius: 999px;
background: linear-gradient(180deg,
color-mix(in srgb, var(--r) 80%, transparent),
color-mix(in srgb, var(--r) 25%, transparent));
pointer-events: none;
}
.tperson[data-gesperrt="ja"] { opacity: .6; }
.tperson__kopf {
@@ -236,7 +301,15 @@
@media (max-width: 620px) {
.t-kopf { flex-direction: column; gap: 14px; }
.t-kopf__grenze { max-width: none; }
/* `flex: 1 1 300px` ist am Rechner richtig -- dort ist die Hauptachse
WAAGERECHT und der Kasten teilt sich die Breite mit dem Titel.
In einer Spalte ist die Hauptachse aber SENKRECHT, und derselbe
Wert laesst ihn in die HOEHE wachsen: Auf dem Bildschirmfoto stand
danach die halbe Kachel leer.
Ein Flexwert gilt fuer eine Richtung, nicht fuer ein Element. Wer
die Richtung dreht, muss ihn mitdrehen. */
.t-kopf__grenze { flex: 0 0 auto; max-width: none; }
.tperson { padding: 14px 15px 16px; }
}
@media (forced-colors: active) {
+9 -9
View File
@@ -14,10 +14,10 @@
<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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -231,10 +231,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/aufgaben.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/aufgaben.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -140,10 +140,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/automation.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/automation.js?v=202609091626" defer></script>
</body>
</html>
+14 -14
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -149,14 +149,14 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/checkliste.js?v=202609091541" defer></script>
<script src="assets/js/ampel.js?v=202609091541" defer></script>
<script src="assets/js/schulung.js?v=202609091541" defer></script>
<script src="assets/js/vorlagen.js?v=202609091541" defer></script>
<script src="assets/js/bereich.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/checkliste.js?v=202609091626" defer></script>
<script src="assets/js/ampel.js?v=202609091626" defer></script>
<script src="assets/js/schulung.js?v=202609091626" defer></script>
<script src="assets/js/vorlagen.js?v=202609091626" defer></script>
<script src="assets/js/bereich.js?v=202609091626" defer></script>
</body>
</html>
+11 -11
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -82,11 +82,11 @@
</main>
<script src="assets/js/ki.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/calls.js?v=202609091541" defer></script>
<script src="assets/js/ki.js?v=202609091626" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/calls.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,17 +14,17 @@
<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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
Dialog zu sehen bekam. -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -247,10 +247,10 @@
</form>
</dialog>
<script src="assets/js/bereiche.js?v=202609091541"></script>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541"></script>
<script src="assets/js/glocke.js?v=202609091541"></script>
<script src="assets/js/chat.js?v=202609091541"></script>
<script src="assets/js/bereiche.js?v=202609091626"></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626"></script>
<script src="assets/js/glocke.js?v=202609091626"></script>
<script src="assets/js/chat.js?v=202609091626"></script>
</body>
</html>
+12 -12
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/content.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/content.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -172,12 +172,12 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/checkliste.js?v=202609091541" defer></script>
<script src="assets/js/vorlagen.js?v=202609091541" defer></script>
<script src="assets/js/content.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/checkliste.js?v=202609091626" defer></script>
<script src="assets/js/vorlagen.js?v=202609091626" defer></script>
<script src="assets/js/content.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -101,10 +101,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/dateien.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/dateien.js?v=202609091626" defer></script>
</body>
</html>
+2 -2
View File
@@ -32,7 +32,7 @@
<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=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
</head>
<body class="gate">
@@ -401,6 +401,6 @@
</main>
</div>
<script src="assets/js/gate.js?v=202609091541" defer></script>
<script src="assets/js/gate.js?v=202609091626" defer></script>
</body>
</html>
+11 -11
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -370,11 +370,11 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/kalender.js?v=202609091541" defer></script>
<script src="assets/js/kalender-abo.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/kalender.js?v=202609091626" defer></script>
<script src="assets/js/kalender-abo.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -217,10 +217,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609091541"></script>
<script src="assets/js/bereiche.js?v=202609091541"></script>
<script src="assets/js/kopf.js?v=202609091541"></script>
<script src="assets/js/glocke.js?v=202609091541"></script>
<script src="assets/js/leistung.js?v=202609091541"></script>
<script src="assets/js/wahl.js?v=202609091626"></script>
<script src="assets/js/bereiche.js?v=202609091626"></script>
<script src="assets/js/kopf.js?v=202609091626"></script>
<script src="assets/js/glocke.js?v=202609091626"></script>
<script src="assets/js/leistung.js?v=202609091626"></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -335,10 +335,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/personen.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/personen.js?v=202609091626" defer></script>
</body>
</html>
+11 -11
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -207,11 +207,11 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/steckbrief.js?v=202609091541" defer></script>
<script src="assets/js/profil.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/steckbrief.js?v=202609091626" defer></script>
<script src="assets/js/profil.js?v=202609091626" defer></script>
</body>
</html>
+11 -11
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/report.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/report.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -99,11 +99,11 @@
</main>
<script src="assets/js/ki.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/report.js?v=202609091541" defer></script>
<script src="assets/js/ki.js?v=202609091626" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/report.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -132,10 +132,10 @@
</div>
</div>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/scouting.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/scouting.js?v=202609091626" defer></script>
</body>
</html>
+9 -9
View File
@@ -14,12 +14,12 @@
<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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
<link rel="stylesheet" href="assets/css/heim.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -667,10 +667,10 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/start.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/start.js?v=202609091626" defer></script>
</body>
</html>
+11 -11
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -78,11 +78,11 @@
</main>
<script src="assets/js/ki.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/startcheck.js?v=202609091541" defer></script>
<script src="assets/js/ki.js?v=202609091626" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/startcheck.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -119,10 +119,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/steckbrief.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/steckbrief.js?v=202609091626" defer></script>
</body>
</html>
+34 -20
View File
@@ -9,11 +9,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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/team.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/team.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -46,18 +46,32 @@
Der Zweck ist, Stellen zu finden, an denen Unterstützung fehlt.
Wer das nicht dazuschreibt, baut ein Kontrollwerkzeug, auch wenn
er es nicht wollte. -->
<section class="t-kopf">
<div class="t-kopf__text">
<p class="feldschild">Rund um das Team</p>
<h1 class="t-kopf__titel">Manager &amp; Scouts</h1>
<p class="t-kopf__unter" id="kopf-unter">
Wer betreut wen, wo staut sich etwas, wo fehlt jemand.
<!-- ==== EINE ECHTE KACHEL, IM TON DER KATEGORIE (09.09.2026) ====
Filipe: "perfektionnir das in einer kachel in der farbe von der
kategorie bitte."
`t-kachel` steht in der Modulliste von module.css und bekommt
damit dieselbe Form wie jede Kachel im Haus: gefraeste Fase oben
links, Kantenlicht, Eckwinkel, Raster. Die FARBE kommt aus
`--ton` -- derselben Variablen, aus der die Kachel auf der
Startseite ihren Ton zieht, und dort ist es Ton 22 (#ffd166).
Beide lesen dieselbe Zahl; die Kachel auf der Startseite und die
Ueberschrift hier koennen also nicht auseinanderlaufen. -->
<section class="t-kachel" data-ton="22">
<div class="t-kopf">
<div class="t-kopf__text">
<p class="feldschild">Rund um das Team</p>
<h1 class="t-kopf__titel">Manager &amp; Scouts</h1>
<p class="t-kopf__unter" id="kopf-unter">
Wer betreut wen, wo staut sich etwas, wo fehlt jemand.
</p>
</div>
<p class="t-kopf__grenze">
Termine, Chats und Dateien kommen hier nicht vor – weder Inhalte
noch Zahlen. Das ist eine <strong>Arbeitslage</strong>, keine Überwachung.
</p>
</div>
<p class="t-kopf__grenze">
Termine, Chats und Dateien kommen hier nicht vor – weder Inhalte
noch Zahlen. Das ist eine <strong>Arbeitslage</strong>, keine Überwachung.
</p>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
@@ -89,10 +103,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/team.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/team.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -14,13 +14,13 @@
<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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
Dialog "Creator anlegen". -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -142,11 +142,11 @@
</main>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/uebersicht.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/uebersicht.js?v=202609091626" defer></script>
</body>
</html>
+10 -10
View File
@@ -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=202609091541" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091541" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/start.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609091626" />
<link rel="stylesheet" href="assets/css/module.css?v=202609091626" />
</head>
<body class="start">
@@ -183,10 +183,10 @@
</main>
<script src="assets/js/wahl.js?v=202609091541" defer></script>
<script src="assets/js/bereiche.js?v=202609091541" defer></script>
<script src="assets/js/kopf.js?v=202609091541" defer></script>
<script src="assets/js/glocke.js?v=202609091541" defer></script>
<script src="assets/js/wissen.js?v=202609091541" defer></script>
<script src="assets/js/wahl.js?v=202609091626" defer></script>
<script src="assets/js/bereiche.js?v=202609091626" defer></script>
<script src="assets/js/kopf.js?v=202609091626" defer></script>
<script src="assets/js/glocke.js?v=202609091626" defer></script>
<script src="assets/js/wissen.js?v=202609091626" defer></script>
</body>
</html>