Die Reaction: zusammen schauen, live, mit Kamera und Chat

Filipes Kurznotiz vom 28.09.2026, von links nach rechts:

    Kachel sichtbar -> geschlossen -> Vorbereitung -> Wartebereich/
    Chat -> Countdown -> LIVE -> Reaction + Gaeste + Chat + PayPal
    -> Ende

DREI STAENDE, NICHT SIEBEN

„Wartebereich" und „Countdown" sind keine eigenen Zustaende, sondern
das, was „Vorbereitung" auf dem Bildschirm TUT. Drei Staende, die
sich gegenseitig ausschliessen, sind pruefbar; sieben, von denen sich
vier ueberlappen, sind es nicht.

DAS VIDEO LAEUFT NICHT UEBER DIESEN SERVER

Naheliegend waere: Der Host spielt ab, alle sehen seinen Bildschirm.
Das waere aus zwei Gruenden falsch. Rechtlich ist ein
weitergesendetes YouTube-Video eine oeffentliche Wiedergabe -- genau
die Sache, fuer die Kanaele gesperrt werden. Und technisch kostet es
Bandbreite und Qualitaet.

Jeder Zuschauer laedt das Video deshalb SELBST. Uebertragen wird nur
der Spielstand: Kennung, laeuft/pausiert, Sekunde. Das sind ein paar
Byte, jeder sieht es in voller Qualitaet, und alle sind auf derselben
Sekunde. Nachgefuehrt wird erst ab anderthalb Sekunden Abweichung --
ein Player, dem man jede Sekunde eine neue Position gibt, ruckelt
sichtbar.

DIE KAMERAS LAUFEN DIREKT VON MENSCH ZU MENSCH

Ueber denselben Weg wie die Anrufe im Haus (seit 18.09.), nur mit
mehr Empfaengern. Das hat eine Grenze, und sie ist gerechnet, nicht
geraten: Bei 360p und rund 350 kbit/s sind zwoelf Zuschauer etwa
4 Mbit/s Upload beim Host. Darueber schaltet die Sendung von selbst
auf Ton um -- wer keine Kamera mehr bekommt, hoert alles, sieht das
Video und kann schreiben. Ehrlicher als eine Verbindung, die stockt,
und sichtbar im Regiepult.

Heute sind es elf Menschen im ganzen Haus (gemessen: 1 admin, 1 hand,
1 linke, 4 modi, 4 gast). Die Grenze ist weit weg -- sie steht
trotzdem drin, weil sie sonst erst auffaellt, wenn es zu spaet ist.

DIE SEITE IST ANDERS GEBAUT ALS JEDE ANDERE IM HAUS

Ueberall sonst: Kacheln, Karten, Listen -- man liest, entscheidet,
geht wieder. Hier sitzt man. Eine Stunde, mit anderen, auf EINE
Sache schauend. Deshalb kein Raster, sondern ein SAAL: grosse Flaeche
fuer das Video, Kamerabilder als schwebende Fenster darueber, der
Chat als Schiene daneben. Die Seite scrollt nicht -- ein Video, das
beim Tippen im Chat nach oben rutscht, ist der schnellste Weg, dass
jemand aufhoert zu schreiben.

Fuer den Host ein REGIEPULT: vier senkrechte Regler nebeneinander wie
an einem Mischpult, darueber die Sendung, daneben Gaeste und
Anordnung, unten drei grosse Knoepfe. Es SCHIEBT den Saal, es deckt
ihn nicht zu.

Die Kachel traegt ihren Zustand als Farbe: grau geschlossen,
bernstein in Vorbereitung, rot auf Sendung. Keine Ton-Nummer -- der
Farbraum ist bei 46 voll, und sie braucht auch keine.

PAYPAL: EINE QUELLE

Der Knopf nimmt den Weg, der auf der Unterstuetzen-Seite hinterlegt
ist -- derselbe Eintrag, dieselbe Pflege. Ist dort nichts eingetragen
oder steht er auf unsichtbar, erscheint hier kein Knopf. Eine
geratene Adresse ist an dieser Stelle die gefaehrlichste aller
Abkuerzungen.

=======================================================================
ACHT FEHLER, DIE OHNE MESSUNG LIVE GEGANGEN WAEREN
=======================================================================

1. `data-live` WAR SCHON VERGEBEN. Die Draussen-Kachel bekommt es,
   sobald Filipe auf Twitch sendet. Meine Regel haette ihr waehrend
   jedes Streams die Farbe genommen -- genau dann, wenn sie wichtig
   ist. Heisst jetzt `data-sendung`, und pruef-reaktion haelt beides
   auseinander.

2. DIE INHALTSRICHTLINIE HAETTE YOUTUBE LAUTLOS GESPERRT. Die Datei
   warnt an genau dieser Stelle selbst davor: Am 27.08.2026 hat
   `frame-src 'none'` den Musik-Knopf stillgelegt -- der Knopf
   reagierte, das Feld ging auf, und wo die Player sein sollten,
   blieb es leer. Hier waere das Ergebnis eine schwarze Leinwand vor
   Publikum gewesen. youtube-nocookie.com fuer den Rahmen (setzt keine
   Werbekennungen), www.youtube.com fuer die Einbett-API,
   i.ytimg.com fuer die Vorschaubilder.

3. KAMERA UND MIKROFON WAREN GESPERRT. Dieselbe Falle, vor der
   index.js selbst warnt -- und die am 18.09. schon einmal zugeschlagen
   hat. Die Ausnahme ist jetzt eine benannte MENGE statt eines zweiten
   Sonderfalls, und pruef-kamera-richtlinie.mjs haelt sie GEGEN DEN
   QUELLTEXT: Welche Seite laedt ein Skript, das getUserMedia
   aufruft? Genau die muss drinstehen -- und keine andere. Eine
   Liste, die abgeleitet wird, kann nicht veralten.

4. ZWEI ANRUFE AN DIESELBE PERSON. Zwischen `await kameraHolen()` und
   dem Anlegen der Verbindung laeuft alles andere weiter; jeder Takt
   sagte wieder „den kenne ich noch nicht". Der Empfaenger antwortete
   auf beide Angebote, und die zweite Antwort traf eine Verbindung,
   die laengst stand.

5. DAS ANGEBOT GING HINAUS, BEVOR DER EMPFAENGER ZUHOEREN KONNTE.
   Gemessen:

       [spur] an [3] reaktion_signal | offen: [2,1]
       ...
       [spur] Strom auf fuer 3 Lenny

   Die Anmeldung ist ein gewoehnlicher Abruf und sofort durch, der
   Ereignisstrom eine stehende Verbindung. Der Host erfaehrt vom
   Neuankoemmling also zuverlaessig, BEVOR der zuhoeren kann.
   Die Richtung ist jetzt umgedreht: Wer bereit ist, BITTET um den
   Anruf -- er ist der Einzige, der das sicher weiss. Dazu ein
   eigener, schneller Takt (2,5 s) und eine Ruecknahme, wenn ein
   Angebot bei niemandem ankommt.

6. EIN VIDEO MIT TON STARTET NICHT VON ALLEIN. `videoWidth` war 640,
   das Bild kam also an -- und das Fenster blieb schwarz. Kein
   Fehler, keine Meldung, es passiert einfach nichts. Die Kameras
   starten jetzt stumm (stumm darf losgehen), ein Knopf schaltet den
   Ton frei, und die erste Beruehrung der Seite tut es ohnehin.

7. DIE LADE AM HANDY GING NICHT AUF. Gemessen: ein 390x775 grosser
   Saal mit 219 px Video und 556 px Leere darunter. Statt den Knopf
   zu reparieren, ist die Lade weg -- unter Kopfleiste und Video
   bleiben auf einem Telefon rund 550 px, das ist mehr Chat, als eine
   Lade je zeigen wuerde. Ein Zustand weniger ist besser als ein
   Zustand, der funktioniert.

8. `sendBeacon` KANN NUR POST. Beim Schliessen des Fensters wird ein
   gewoehnlicher Abruf abgebrochen; mein DELETE waere nie angekommen,
   und jeder haette zwei Minuten lang als anwesend gegolten.

Dazu drei Funde der Hauspruefungen, alle von mir verursacht:
17 Schriftgroessen unter der Lesbarkeitsgrenze von 11,5 px, elf
Maschinenworte ohne deutschen Satz, und ein Aufbewahrungseintrag ohne
Rechtsgrundlage.

=======================================================================

GEMESSEN

pruef-reaktion            74 Punkte, 0 Fehler (11 Abschnitte)
pruef-kamera-richtlinie   10 Punkte, 0 Fehler (neu, abgeleitet)
mess-reaktion             beide Kameras kommen an, 640 px, laufen --
                          beim Zuschauer UND beim Host. Diese Messung
                          hat einen Rueckgabewert: Alles andere kann
                          gruen sein, und trotzdem sitzt jeder vor
                          einem schwarzen Rechteck.
pruef-handy               180 (vorher 177), pruef-notizen 79,
pruef-aufbewahrung        45, pruef-meldungen 8, pruef-css-klassen 33,
pruef-struktur            35, pruef-crew-adresse 161,
pruef-haus-trennung       100, pruef-start-ansicht 160 -- alle 0 Fehler.
This commit is contained in:
2026-09-28 01:52:22 +02:00
parent 6261d548d0
commit 5d89d108f9
61 changed files with 5040 additions and 650 deletions
+5 -5
View File
@@ -16,8 +16,8 @@
verdeckt. Gefunden hat es pruef-struktur.
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
@@ -33,7 +33,7 @@
schreibt jede Seite app.webmanifest -- auch die hier. -->
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<style>
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
@@ -135,7 +135,7 @@
<script src="assets/js/anruf-probe.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/anruf-probe.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
</body>
</html>
+4 -4
View File
@@ -23,25 +23,25 @@
},
"icons": [
{
"src": "/assets/img/app-symbole/workspace-192.png?v=202609271833",
"src": "/assets/img/app-symbole/workspace-192.png?v=202609280151",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/workspace-512.png?v=202609271833",
"src": "/assets/img/app-symbole/workspace-512.png?v=202609280151",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609271833",
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609280151",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609271833",
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609280151",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
+795
View File
@@ -0,0 +1,795 @@
/* =====================================================================
DIE REACTION (28.09.2026)
Diese Seite ist absichtlich anders gebaut als jede andere im Haus.
Überall sonst gilt: Kacheln, Karten, Listen -- man liest etwas,
entscheidet und geht wieder. Hier sitzt man. Eine Stunde lang, mit
anderen zusammen, und schaut auf EINE Sache.
Daraus folgen drei Entscheidungen, die sonst nirgends gelten:
1. DIE SEITE SCROLLT NICHT. Sie füllt genau den Bildschirm. Ein
Video, das beim Tippen im Chat nach oben rutscht, ist der
schnellste Weg, dass jemand aufhört zu schreiben.
2. DIE FLÄCHE IST DUNKLER ALS ÜBERALL SONST. Der Rest des Hauses
steht auf #07060f mit Licht in den Ecken; hier ist es fast
schwarz. Nicht als Stil, sondern weil daneben ein Video läuft:
Alles, was selbst leuchtet, zieht den Blick vom Bild weg.
3. DIE FARBE IST ROT -- und zwar nur hier und nur beim Senden.
Das Haus ist augenschonend gebaut, und Rot ist das Gegenteil
davon. Es ist aber kein Dauerzustand: ein bis zwei Stunden im
Monat, und in dieser Zeit SOLL es rufen. Gedeckt (#d8404a statt
reinem Rot), und was pulst, pulst in vier Sekunden -- das ist
Atmen und kein Blinken.
---------------------------------------------------------------------
DREI HÄUTE, EINE SEITE
`data-stand` am `.saal` schaltet um: zu / vorbereitung / live.
Alle drei stehen im Dokument. Beim Wechsel von „gleich" auf „live"
wird deshalb nichts neu geladen -- weder der Chat, in dem jemand
mitten im Satz ist, noch die Verbindung zur Kamera.
===================================================================== */
.reaktion-seite {
--saal: #050408;
--saal-hoch: #0b0a12;
--rand: rgba(150, 160, 190, .14);
--rand-hell: rgba(170, 180, 210, .26);
--schrift: #e9e6f2;
--schrift-leise: #a9a3bd;
--an: #d8404a;
--an-hell: #ff8b92;
--gleich: #e0a13a;
--zu: #8b93a4;
background: var(--saal);
/* Kein Scrollen: Der Saal ist so hoch wie das Fenster. `dvh` und
nicht `vh` -- auf dem Handy wandert die Adressleiste, und `vh`
rechnet mit dem Zustand von vorhin. */
min-height: 100dvh;
overflow: hidden;
}
.saal {
position: relative;
display: grid;
/* Die Kopfleiste ist 69 px hoch (gemessen, nicht geschätzt -- siehe
pruef-handy, das sie über alle Breiten abmisst). */
height: calc(100dvh - 69px);
padding: 0;
max-width: none;
}
/* ---------------------------------------------------------------------
DAS SCHILD
Oben mittig, in allen drei Zuständen. Es beantwortet die einzige
Frage, die jeder beim Öffnen hat: läuft schon was?
--------------------------------------------------------------------- */
.buehne-schild {
position: absolute;
top: 14px; left: 50%;
transform: translateX(-50%);
z-index: 40;
display: flex; align-items: center; gap: 9px;
padding: 7px 15px 8px;
border-radius: 999px;
background: rgba(8, 7, 14, .82);
border: 1px solid var(--rand);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
box-shadow: 0 16px 38px -18px #000;
font-size: .72rem; font-weight: 800;
letter-spacing: .14em; text-transform: uppercase;
color: var(--schrift-leise);
}
.buehne-schild__punkt {
width: 8px; height: 8px; border-radius: 50%;
background: var(--zu);
flex: none;
}
.buehne-schild__zahl {
padding-left: 9px;
border-left: 1px solid var(--rand);
color: var(--schrift);
letter-spacing: .06em;
}
.saal[data-stand="vorbereitung"] .buehne-schild {
border-color: color-mix(in srgb, var(--gleich) 40%, transparent);
color: color-mix(in srgb, var(--gleich) 30%, #ffffff);
}
.saal[data-stand="vorbereitung"] .buehne-schild__punkt { background: var(--gleich); }
.saal[data-stand="live"] .buehne-schild {
border-color: color-mix(in srgb, var(--an-hell) 50%, transparent);
color: #ffe9ea;
box-shadow: 0 0 30px -10px var(--an), 0 16px 38px -18px #000;
}
.saal[data-stand="live"] .buehne-schild__punkt {
background: var(--an);
box-shadow: 0 0 12px 1px var(--an);
animation: reakt-atem 4s ease-in-out infinite;
}
@keyframes reakt-atem {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: .5; transform: scale(.82); }
}
/* ---------------------------------------------------------------------
HÄUTE EIN- UND AUSBLENDEN
--------------------------------------------------------------------- */
#teil-zu, #teil-warte, #teil-live { display: none; }
.saal[data-stand="zu"] #teil-zu { display: grid; }
.saal[data-stand="vorbereitung"] #teil-warte { display: grid; }
.saal[data-stand="live"] #teil-live { display: grid; }
/* =====================================================================
ZU — der Vorhang
===================================================================== */
.vorhang {
position: relative;
place-items: center;
padding: 0 28px;
text-align: center;
}
.vorhang__licht {
position: absolute; inset: 0;
background:
radial-gradient(90% 55% at 50% 0%, rgba(120, 130, 165, .12), transparent 62%),
radial-gradient(120% 70% at 50% 104%, rgba(70, 80, 115, .10), transparent 60%);
pointer-events: none;
}
.vorhang__innen { position: relative; max-width: 30rem; }
.vorhang__marke {
display: flex; align-items: center; justify-content: center; gap: 10px;
font-size: .74rem; font-weight: 700;
letter-spacing: .38em; text-transform: uppercase;
color: var(--schrift-leise);
}
.vorhang__marke i {
display: block; width: 26px; height: 1px;
background: linear-gradient(90deg, transparent, var(--schrift-leise));
}
.vorhang__marke i + i { background: linear-gradient(90deg, var(--schrift-leise), transparent); }
.vorhang__titel {
margin: 16px 0 0;
font-size: clamp(1.9rem, 7vw, 2.7rem);
font-weight: 800; line-height: 1.08;
letter-spacing: -.024em;
color: var(--schrift);
text-wrap: balance;
}
.vorhang__satz {
margin: 14px 0 0;
font-size: .96rem; line-height: 1.6;
color: var(--schrift-leise);
text-wrap: pretty;
}
.vorhang__naechste {
margin: 22px 0 0;
display: inline-block;
padding: 9px 16px;
border-radius: 12px;
background: color-mix(in srgb, var(--gleich) 12%, transparent);
border: 1px solid color-mix(in srgb, var(--gleich) 30%, transparent);
color: color-mix(in srgb, var(--gleich) 24%, #ffffff);
font-size: .86rem; font-weight: 700;
}
/* =====================================================================
VORBEREITUNG — der Wartebereich
===================================================================== */
.warte { place-items: center; padding: 0 20px; }
.warte__buehne {
display: grid; gap: 26px;
width: min(54rem, 100%);
grid-template-columns: 1fr;
text-align: center;
}
.warte__bild {
aspect-ratio: 16 / 9;
border-radius: 20px;
background: linear-gradient(160deg, #131120, #08070e);
border: 1px solid var(--rand);
background-size: cover; background-position: center;
box-shadow: 0 40px 80px -46px #000;
}
.warte__kicker {
font-size: .74rem; font-weight: 800;
letter-spacing: .34em; text-transform: uppercase;
color: color-mix(in srgb, var(--gleich) 26%, #ffffff);
}
.warte__titel {
margin: 12px 0 0;
font-size: clamp(1.6rem, 6vw, 2.3rem);
font-weight: 800; line-height: 1.1;
letter-spacing: -.022em; color: var(--schrift);
text-wrap: balance;
}
.warte__satz { margin: 14px 0 0; color: var(--schrift-leise); font-size: .92rem; }
.countdown {
display: inline-flex; align-items: baseline; gap: 10px;
margin: 18px 0 0; padding: 10px 20px 12px;
border-radius: 16px;
background: color-mix(in srgb, var(--gleich) 10%, rgba(8, 7, 14, .7));
border: 1px solid color-mix(in srgb, var(--gleich) 32%, transparent);
}
.countdown__zahl {
font-size: 2rem; font-weight: 800;
letter-spacing: -.03em;
color: color-mix(in srgb, var(--gleich) 22%, #ffffff);
/* Tabellenziffern: Ohne sie springt die ganze Zeile bei jedem
Sekundenwechsel, weil die 1 schmaler ist als die 8. */
font-variant-numeric: tabular-nums;
}
.countdown__wort { font-size: .78rem; color: var(--schrift-leise); letter-spacing: .04em; }
/* =====================================================================
LIVE — der Kinosaal
===================================================================== */
.kino {
grid-template-columns: 1fr minmax(19rem, 23rem);
gap: 0;
height: 100%;
min-height: 0; /* sonst wächst das Raster über das Fenster */
}
.leinwand {
position: relative;
min-width: 0; min-height: 0;
display: grid; place-items: center;
background: #000;
overflow: hidden;
}
.leinwand__video { position: relative; width: 100%; height: 100%; }
.leinwand__video iframe {
position: absolute; inset: 0;
width: 100%; height: 100%;
border: 0;
}
.leinwand__warte {
position: absolute; inset: 0;
display: grid; place-items: center;
color: var(--schrift-leise); font-size: .9rem;
}
/* ---- Die Kamerafenster ----------------------------------------------
Sie liegen ÜBER dem Video. Genau so sieht eine Reaction aus: das
Bild groß, das Gesicht klein davor.
`pointer-events: none` am Behälter und `auto` an den Fenstern: Der
Bereich dazwischen gehört dem Video (Pause, Lautstärke), die
Fenster selbst nehmen Klicks an. Ohne das läge eine unsichtbare
Scheibe über der ganzen Leinwand.
--------------------------------------------------------------------- */
.kameras {
position: absolute;
right: 16px; bottom: 16px;
display: flex; flex-direction: column; gap: 12px;
pointer-events: none;
z-index: 20;
}
.kamera {
position: relative;
width: clamp(120px, 17vw, 208px);
aspect-ratio: 4 / 3;
border-radius: 16px;
overflow: hidden;
background: #0b0a12;
border: 1px solid var(--rand-hell);
box-shadow: 0 24px 50px -22px #000;
pointer-events: auto;
}
.kamera video {
width: 100%; height: 100%;
object-fit: cover;
display: block;
background: #0b0a12;
}
.kamera__name {
position: absolute; left: 8px; bottom: 8px;
padding: 3px 9px 4px;
border-radius: 999px;
font-size: .72rem; font-weight: 700;
background: rgba(6, 5, 11, .76);
border: 1px solid var(--rand);
color: var(--schrift);
backdrop-filter: blur(6px);
max-width: calc(100% - 16px);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kamera[data-host="ja"] { border-color: color-mix(in srgb, var(--an-hell) 46%, transparent); }
.kamera[data-stumm="ja"]::after {
content: "stumm";
position: absolute; right: 8px; top: 8px;
padding: 3px 8px 4px; border-radius: 999px;
font-size: .72rem; font-weight: 800; letter-spacing: .08em;
background: rgba(216, 64, 74, .82); color: #fff;
}
.kamera--leer {
display: grid; place-items: center;
font-size: .72rem; color: var(--schrift-leise);
border-style: dashed;
}
/* Anordnung „gleich": Video und Kameras nebeneinander statt übereinander. */
.kino[data-layout="gleich"] .kameras {
position: static;
flex-direction: row;
justify-content: center;
padding: 10px;
background: #07060d;
}
.kino[data-layout="gleich"] .leinwand {
grid-template-rows: 1fr auto;
align-content: stretch;
}
/* Anordnung „kamera": die Kameras groß, das Video klein in der Ecke. */
.kino[data-layout="kamera"] .kamera { width: clamp(160px, 30vw, 380px); }
.kino[data-layout="kamera"] .kameras {
right: auto; left: 50%; top: 50%; bottom: auto;
transform: translate(-50%, -50%);
flex-direction: row;
}
.kino[data-layout="kamera"] .leinwand__video {
position: absolute; right: 14px; bottom: 14px;
width: clamp(140px, 22vw, 260px); height: auto; aspect-ratio: 16/9;
border-radius: 14px; overflow: hidden;
border: 1px solid var(--rand-hell);
z-index: 25;
}
/* ---- Die Chatschiene ------------------------------------------------- */
.schiene {
display: grid;
grid-template-rows: auto 1fr auto auto;
min-height: 0;
background: #07060d;
border-left: 1px solid var(--rand);
}
.schiene__kopf {
display: flex; align-items: center; gap: 10px;
padding: 14px 16px 12px;
border-bottom: 1px solid var(--rand);
}
.schiene__titel {
margin: 0; font-size: .74rem; font-weight: 800;
letter-spacing: .16em; text-transform: uppercase;
color: var(--schrift-leise);
}
.schiene__zahl {
margin-left: auto;
font-size: .72rem; font-weight: 700;
padding: 2px 9px 3px; border-radius: 999px;
background: rgba(255, 255, 255, .06);
border: 1px solid var(--rand);
color: var(--schrift-leise);
font-variant-numeric: tabular-nums;
}
.schiene__zu { display: none; }
.schiene__liste {
margin: 0; padding: 12px 14px;
list-style: none;
overflow-y: auto;
min-height: 0;
display: flex; flex-direction: column; gap: 9px;
scrollbar-width: thin;
}
.beitrag {
display: grid; gap: 2px;
padding: 8px 11px 9px;
border-radius: 12px;
background: rgba(255, 255, 255, .035);
border: 1px solid transparent;
font-size: .86rem; line-height: 1.42;
color: var(--schrift);
overflow-wrap: anywhere;
}
.beitrag__wer {
font-size: .72rem; font-weight: 800;
letter-spacing: .02em;
color: var(--schrift-leise);
display: flex; align-items: center; gap: 7px;
}
.beitrag__weg {
margin-left: auto;
appearance: none; border: 0; background: none;
color: var(--schrift-leise);
cursor: pointer; padding: 2px 4px; border-radius: 6px;
font-size: .72rem;
}
.beitrag__weg:hover { color: var(--an-hell); background: rgba(216, 64, 74, .12); }
.beitrag[data-host="ja"] {
background: color-mix(in srgb, var(--an) 12%, transparent);
border-color: color-mix(in srgb, var(--an) 30%, transparent);
}
.beitrag[data-host="ja"] .beitrag__wer { color: var(--an-hell); }
.beitrag[data-team="ja"] .beitrag__wer { color: #9ab7ff; }
.schiene__form {
display: flex; gap: 8px;
padding: 12px 14px;
border-top: 1px solid var(--rand);
}
.schiene__feld {
flex: 1 1 auto; min-width: 0;
appearance: none;
padding: 11px 13px;
border-radius: 12px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .04);
color: var(--schrift);
font: inherit; font-size: .9rem;
}
.schiene__feld:focus-visible {
outline: none;
border-color: var(--rand-hell);
box-shadow: 0 0 0 3px rgba(154, 183, 255, .16);
}
.schiene__senden {
flex: none;
width: 44px; height: 44px;
display: grid; place-items: center;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--an) 42%, transparent);
background: color-mix(in srgb, var(--an) 24%, transparent);
color: #ffd9db; cursor: pointer;
}
.schiene__senden svg { width: 19px; height: 19px; fill: currentColor; }
.danke {
display: flex; align-items: center; justify-content: center; gap: 9px;
margin: 0 14px 14px;
padding: 12px 14px;
min-height: 44px;
border-radius: 12px;
text-decoration: none;
font-size: .86rem; font-weight: 700;
color: #0a2a1c;
background: linear-gradient(180deg, #7de2a8, #47c97f);
box-shadow: 0 14px 30px -16px #47c97f;
}
.danke svg { width: 18px; height: 18px; fill: currentColor; flex: none; }
/* =====================================================================
DAS REGIEPULT
===================================================================== */
/* ==== DAS PULT SCHIEBT, ES DECKT NICHT ZU =========================
(28.09.2026, gefunden im ersten Bild.)
Erst lag es als `position: fixed` ueber der Seite. Aufgeklappt
verdeckte es die untere Haelfte: Das Video war abgeschnitten, der
Chat auch -- ausgerechnet fuer den, der sendet und beides im Blick
haben muss.
Jetzt ist es die zweite Zeile des Saals. Der Saal ist ein Raster
mit `1fr auto`; klappt das Pult auf, wird der Kinosaal darueber
von selbst kleiner. Nichts wird verdeckt, und niemand muss eine
Hoehe ausrechnen, die spaeter nicht mehr stimmt. */
.saal { grid-template-rows: 1fr auto; }
.pult {
z-index: 60;
background: rgba(7, 6, 13, .94);
backdrop-filter: blur(18px) saturate(1.2);
-webkit-backdrop-filter: blur(18px) saturate(1.2);
border-top: 1px solid var(--rand-hell);
box-shadow: 0 -30px 70px -40px #000;
}
.pult__griff {
width: 100%;
appearance: none; border: 0; background: none;
display: flex; align-items: center; justify-content: center; gap: 10px;
padding: 9px 0 8px;
min-height: 44px;
cursor: pointer;
color: var(--schrift-leise);
font-size: .74rem; font-weight: 800;
letter-spacing: .2em; text-transform: uppercase;
}
.pult__griff-strich {
width: 34px; height: 3px; border-radius: 3px;
background: var(--rand-hell);
}
.pult__innen {
display: none;
gap: 18px;
padding: 4px 18px 18px;
/* Hoechstens die halbe Hoehe -- darueber bleibt vom Saal nichts
mehr uebrig, und wer sendet, schaut auf das Bild und nicht auf
die Knoepfe. Was nicht hineinpasst, rollt. */
max-height: min(46dvh, 26rem);
overflow-y: auto;
}
.pult[data-auf="ja"] .pult__innen { display: grid; }
.pult__block {
display: grid; gap: 10px;
padding: 14px 15px 15px;
border-radius: 14px;
background: rgba(255, 255, 255, .03);
border: 1px solid var(--rand);
}
.pult__ueber {
margin: 0;
font-size: .74rem; font-weight: 800;
letter-spacing: .2em; text-transform: uppercase;
color: var(--schrift-leise);
display: flex; align-items: baseline; gap: 10px;
}
.pult__klein { font-size: .72rem; letter-spacing: .04em; text-transform: none; opacity: .8; }
.pult__zeile { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.pult__feld { display: grid; gap: 5px; flex: 1 1 14rem; min-width: 0; }
.pult__feld--kurz { flex: 0 1 12rem; }
.pult__feld > span {
font-size: .72rem; font-weight: 700;
color: var(--schrift-leise); letter-spacing: .04em;
}
.pult__feld input, .pult__wahl {
appearance: none;
padding: 10px 12px; min-height: 44px;
border-radius: 11px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .04);
color: var(--schrift); font: inherit; font-size: .88rem;
min-width: 0;
}
.pult__wahl { flex: 1 1 12rem; }
/* ---- Die Regler ------------------------------------------------------
Vier Tonquellen nebeneinander: Host, Gast 1, Gast 2, YouTube. Sie
stehen SENKRECHT wie an einem Mischpult und nicht waagerecht wie
ein Formularregler -- vier waagerechte Regler untereinander liest
man als Liste, vier senkrechte nebeneinander sieht man auf einen
Blick.
--------------------------------------------------------------------- */
.regler-reihe { display: flex; gap: 12px; flex-wrap: wrap; }
.regler {
display: grid; justify-items: center; gap: 8px;
padding: 12px 10px 10px;
border-radius: 12px;
background: rgba(0, 0, 0, .3);
border: 1px solid var(--rand);
min-width: 5.4rem;
}
.regler__wort {
font-size: .74rem; font-weight: 800;
letter-spacing: .08em; text-transform: uppercase;
color: var(--schrift-leise);
max-width: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.regler input[type="range"] {
appearance: none; -webkit-appearance: none;
writing-mode: vertical-lr;
direction: rtl;
width: 26px; height: 104px;
background: none;
}
.regler input[type="range"]::-webkit-slider-runnable-track {
width: 6px; border-radius: 6px;
background: linear-gradient(180deg, var(--an), #3a3550);
}
.regler input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 22px; height: 14px; border-radius: 4px;
background: #e9e6f2;
border: 1px solid #0b0a12;
box-shadow: 0 2px 8px -2px #000;
margin-left: -8px;
}
.regler input[type="range"]::-moz-range-track {
width: 6px; border-radius: 6px;
background: linear-gradient(180deg, var(--an), #3a3550);
}
.regler input[type="range"]::-moz-range-thumb {
width: 22px; height: 14px; border-radius: 4px;
background: #e9e6f2; border: 1px solid #0b0a12;
}
.regler__zahl {
font-size: .72rem; font-variant-numeric: tabular-nums;
color: var(--schrift-leise);
}
.regler__stumm {
appearance: none; cursor: pointer;
min-height: 30px; padding: 4px 10px;
border-radius: 8px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .04);
color: var(--schrift-leise);
font-size: .72rem; font-weight: 700;
}
.regler[data-stumm="ja"] .regler__stumm {
background: color-mix(in srgb, var(--an) 30%, transparent);
border-color: color-mix(in srgb, var(--an) 50%, transparent);
color: #ffd9db;
}
/* ---- Gäste ----------------------------------------------------------- */
.gast-reihe { display: flex; flex-wrap: wrap; gap: 9px; }
.gast-karte {
display: flex; align-items: center; gap: 9px;
padding: 8px 10px 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, .04);
border: 1px solid var(--rand);
font-size: .82rem; color: var(--schrift);
}
.gast-karte__platz {
font-size: .72rem; font-weight: 800;
color: var(--schrift-leise); letter-spacing: .08em;
}
.gast-karte button {
appearance: none; cursor: pointer;
min-width: 34px; min-height: 34px;
border-radius: 999px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .05);
color: var(--schrift-leise);
font-size: .72rem; font-weight: 700;
}
.gast-leer { font-size: .8rem; color: var(--schrift-leise); }
/* ---- Anordnung ------------------------------------------------------- */
.layout-reihe { display: flex; gap: 9px; flex-wrap: wrap; }
.layout-knopf {
appearance: none; cursor: pointer;
min-height: 44px; padding: 9px 15px;
border-radius: 11px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .04);
color: var(--schrift-leise);
font-size: .82rem; font-weight: 700;
}
.layout-knopf[aria-pressed="true"] {
background: rgba(154, 183, 255, .14);
border-color: rgba(154, 183, 255, .38);
color: #cfe0ff;
}
/* ---- Die drei großen Knöpfe ------------------------------------------ */
.pult__block--tun {
display: flex; flex-wrap: wrap; gap: 10px;
background: none; border: 0; padding: 0;
}
.tun {
appearance: none; cursor: pointer;
flex: 1 1 10rem;
min-height: 52px;
border-radius: 14px;
border: 1px solid var(--rand-hell);
background: rgba(255, 255, 255, .05);
color: var(--schrift);
font-size: .94rem; font-weight: 800;
letter-spacing: .01em;
}
.tun--vor {
border-color: color-mix(in srgb, var(--gleich) 44%, transparent);
background: color-mix(in srgb, var(--gleich) 14%, transparent);
color: color-mix(in srgb, var(--gleich) 24%, #ffffff);
}
.tun--live {
border-color: color-mix(in srgb, var(--an) 56%, transparent);
background: linear-gradient(180deg, color-mix(in srgb, var(--an) 74%, #000), color-mix(in srgb, var(--an) 46%, #000));
color: #fff3f3;
box-shadow: 0 16px 34px -20px var(--an);
}
.tun--aus { color: var(--schrift-leise); }
.tun[disabled] { opacity: .4; cursor: default; }
/* =====================================================================
DAS HANDY
Aus zwei Spalten wird ein Stapel, und der Chat wird zur Lade. Das
Video bleibt oben und behält sein Seitenverhältnis -- es ist der
Grund, warum jemand hier ist.
===================================================================== */
@media (max-width: 860px) {
.kino {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.leinwand {
aspect-ratio: 16 / 9;
height: auto;
width: 100%;
}
.schiene {
border-left: 0;
border-top: 1px solid var(--rand);
min-height: 0;
}
.kameras {
right: 10px; bottom: 10px;
flex-direction: row;
}
.kamera { width: clamp(88px, 26vw, 140px); }
/* ==== KEINE LADE, SONDERN EIN STAPEL =========================
(28.09.2026, nach der ersten Messung auf dem Handy.)
Hier stand eine Lade: Der Chat lag zugeklappt über allem und
fuhr auf Knopfdruck von unten ein. Gemessen war das Ergebnis
ein 390x775 großer Saal mit einem 219 Pixel hohen Video und
556 Pixeln Leere darunter -- weil der Knopf, der die Lade
öffnet, gar nicht erschien.
Statt den Knopf zu reparieren, ist die Lade weg. Sie war die
falsche Lösung für ein Problem, das es nicht gibt: Auf einem
844 Pixel hohen Telefon bleiben unter Kopfleiste und Video
rund 550 Pixel übrig. Das ist mehr Chat, als eine Lade je
zeigen würde -- und es gibt keinen Zustand, in dem etwas
klemmen kann.
Ein Zustand weniger ist besser als ein Zustand, der
funktioniert. */
.schiene { display: grid; }
.schiene__zu { display: none !important; }
/* Das Schild wird kleiner und rueckt hoch: Auf 390 Pixeln teilt es
sich den Platz mit der Titelzeile von YouTube, und zwei Zeilen
Grossbuchstaben sind dort ein Klotz. */
.buehne-schild {
top: 8px;
padding: 5px 11px 6px;
font-size: .64rem;
gap: 7px;
white-space: nowrap;
}
.buehne-schild__zahl { padding-left: 7px; }
/* Der Ton-Knopf in die MITTE des Bildes. Unten liegen bei 219
Pixeln Hoehe schon die Kamerafenster -- der Knopf lag halb
darueber. In der Mitte steht er dort, wo ohnehin hingesehen
wird, und verdeckt nur das, was man gleich sowieso hoert. */
.ton-an {
bottom: auto;
top: 50%;
transform: translate(-50%, -50%);
}
.warte__buehne { gap: 18px; }
.pult__innen { max-height: 62dvh; }
}
/* Wer weniger Bewegung eingestellt hat, bekommt keinen Puls. Die
Aussage bleibt -- der Punkt steht dann einfach da. */
@media (prefers-reduced-motion: reduce) {
.buehne-schild__punkt { animation: none !important; }
}
/* ---- Der Ton-Knopf ---------------------------------------------------
Er liegt über der Leinwand, mittig unten -- dort, wo der Blick
ohnehin ist, und weit genug von den Kamerafenstern entfernt. Er
verschwindet in dem Moment, in dem der Ton läuft; ein Knopf, der
bleibt, nachdem er getan hat, was er soll, wird zur Deko. */
.ton-an {
position: absolute;
left: 50%; bottom: 20px;
transform: translateX(-50%);
z-index: 30;
display: flex; align-items: center; gap: 9px;
appearance: none; cursor: pointer;
min-height: 44px; padding: 10px 18px;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--an-hell) 50%, transparent);
background: rgba(10, 8, 16, .88);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: #ffe9ea;
font-size: .88rem; font-weight: 700;
box-shadow: 0 18px 40px -18px #000, 0 0 26px -10px var(--an);
}
.ton-an svg {
width: 19px; height: 19px;
fill: none; stroke: currentColor; stroke-width: 1.8;
stroke-linecap: round; stroke-linejoin: round;
}
+78
View File
@@ -9214,3 +9214,81 @@ body[data-ton] .kopfleiste__rechts > *:hover {
@media (prefers-reduced-motion: reduce) {
.zmarke, .ztitel { transition: none; }
}
/* =====================================================================
DIE REACTION-KACHEL TRAEGT IHREN ZUSTAND (28.09.2026)
SIE HEISST `data-sendung` UND NICHT `data-live`. Das Merkmal
`data-live` ist seit dem 21.09. vergeben: Es sitzt auf der
Draussen-Kachel, sobald Filipe auf Twitch sendet, und start.js
setzt und loescht es dort selbst. Haette die Reaction denselben
Namen genommen, waere der Draussen-Kachel waehrend jedes Streams
die Farbe abhanden gekommen -- und zwar genau dann, wenn sie
wichtig ist. Gefunden beim Lesen, nicht im Betrieb.
Sie ist die einzige Kachel im Haus, die sich von selbst aendert --
und die einzige ohne Ton-Nummer. Der Farbraum ist bei 46 Toenen
voll; eine 47. Farbe haette den Mindestabstand gerissen. Sie
braucht auch keine: Ihre Farbe IST ihr Zustand.
zu ruhiges Grau, unaufdringlich
vorbereitung Bernstein, ein Ring pulst langsam
live Rot, ein Punkt pulst
WARUM ROT HIER ERLAUBT IST, obwohl das Haus augenschonend gebaut
ist: Es ist kein Dauerzustand. Eine Sendung dauert ein bis zwei
Stunden im Monat, und in dieser Zeit SOLL die Kachel rufen -- sie
ist der Grund, warum jemand die Seite geoeffnet hat. Die
Leuchtkraft ist trotzdem gedeckt (#d8404a statt reinem Rot), und
der Puls laeuft in vier Sekunden statt im Sekundentakt: Er ist
Atmen und kein Blinken.
Wer weniger Bewegung eingestellt hat, bekommt den Puls nicht --
dann steht der Punkt einfach da. Die Aussage bleibt, die Unruhe
geht.
===================================================================== */
.kachel[data-sendung="ja"] {
--ton: #8b93a4;
}
.kachel[data-sendung="ja"][data-stand="vorbereitung"] { --ton: #e0a13a; }
.kachel[data-sendung="ja"][data-stand="live"] { --ton: #d8404a; }
/* Das Schild oben rechts. Es steht IN der Kachel und nicht daneben:
Eine Marke, die neben der Kachel schwebt, verrutscht auf jedem
zweiten Geraet. */
.kachel[data-sendung="ja"] .kachel__link::after {
content: "geschlossen";
position: absolute;
top: 12px; right: 12px;
padding: 3px 9px 4px;
border-radius: 999px;
font-size: .62rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
color: color-mix(in srgb, var(--ton) 26%, #ffffff);
background: color-mix(in srgb, var(--ton) 16%, rgba(6, 8, 14, .74));
border: 1px solid color-mix(in srgb, var(--ton) 38%, transparent);
backdrop-filter: blur(6px);
}
.kachel[data-sendung="ja"][data-stand="vorbereitung"] .kachel__link::after { content: "gleich"; }
.kachel[data-sendung="ja"][data-stand="live"] .kachel__link::after {
content: "● live";
color: #ffe9ea;
background: color-mix(in srgb, #d8404a 62%, rgba(6, 8, 14, .6));
border-color: color-mix(in srgb, #ff7a80 60%, transparent);
box-shadow: 0 0 18px -4px #d8404a;
animation: reaktion-puls 4s ease-in-out infinite;
}
.kachel[data-sendung="ja"][data-stand="vorbereitung"] .kachel__link::after {
animation: reaktion-puls 6s ease-in-out infinite;
}
@keyframes reaktion-puls {
0%, 100% { opacity: 1; }
50% { opacity: .58; }
}
@media (prefers-reduced-motion: reduce) {
.kachel[data-sendung="ja"] .kachel__link::after { animation: none; }
}
+17
View File
@@ -361,6 +361,23 @@
Handschrift, die mitten im Wort aufhoert. Das ist der
Unterschied zwischen „Dokument" und „Notiz", und er kostet
vier Bildpunkte. */
/* DIE REACTION (28.09.2026).
Ein Bildschirm mit einem Abspielzeichen darin, und darueber
zwei Wellen, die hinausgehen. Nicht die Kamera und nicht der
Fernseher allein: Beides zusammen ist die Aussage -- etwas
wird gezeigt UND es geht gerade hinaus.
Das Abspielzeichen ist FLAECHE, der Rest Linie. Auf 24 Pixeln
ist es der einzige Teil, der noch als Form erkennbar bleibt,
und es ist auch der Teil, der sagt, worum es geht. */
reaktion: {
fuellung: ['M10.3 10.1 14.4 12.5 10.3 14.9z'],
linien: ['M4 7.6h16v9.8H4z',
'M9 20.4h6',
'M12 17.4v3',
'M18.4 4.6a4.6 4.6 0 0 1 2.4 2.6', 'M5.6 4.6a4.6 4.6 0 0 0-2.4 2.6'],
},
notizen: {
fuellung: ['M5 3.6h14v2.9H5z'],
linien: ['M5 3.6h14v16.8H5z', 'M8.2 10.4h7.6', 'M8.2 13.8h7.6', 'M8.2 17.2h4.4'],
+33
View File
@@ -179,6 +179,39 @@
'Aus diesem Katalog bekommt diese Person keine Aufgaben. '
+ 'Wähl jemand anderen – oder leg ihr die Aufgabe von Hand an.',
/* ---- Die Reaction (28.09.2026) --------------------------------
Jede Kennung, die der Server schicken kann, bekommt hier einen
Satz. Ein Maschinenwort auf dem Bildschirm ist kein Fehler des
Servers -- es ist einer der Oberflaeche, und pruef-meldungen
zaehlt sie mit. */
nur_host:
'Das darf nur DogFather – er führt die Sendung.',
video_unklar:
'Aus dieser Adresse lässt sich kein YouTube-Video lesen. '
+ 'Füg die Adresse aus der Adresszeile ein oder die Kennung.',
beginn_vorbei:
'Der Beginn liegt in der Vergangenheit. Wähl einen Zeitpunkt, '
+ 'der noch kommt – sonst zählt der Countdown ins Minus.',
stand_unbekannt:
'Diesen Zustand gibt es nicht. Möglich sind: zu, Vorbereitung, auf Sendung.',
kein_video:
'Ohne Video keine Sendung. Trag erst ein YouTube-Video ein.',
geschlossen:
'Der Saal ist zu. Sobald DogFather aufmacht, geht es hier weiter.',
person_unklar:
'Diese Person kenne ich nicht. Wähl jemanden aus der Liste.',
host_ist_kein_gast:
'Du führst die Sendung – du bist schon im Bild.',
gaeste_voll:
'Es sind schon zwei Gäste dabei. Nimm erst jemanden heraus.',
layout_unbekannt:
'Diese Anordnung gibt es nicht.',
zu_schnell:
'Das war viel auf einmal. Warte eine Minute – danach geht es weiter.',
nicht_dabei:
'Die Person sitzt gerade nicht im Saal. Ohne sie lässt sich '
+ 'keine Verbindung aufbauen.',
eintrag_nicht_gefunden: 'Den Eintrag gibt es nicht mehr. Lade die Seite neu.',
aufgabe_nicht_gefunden: 'Die Aufgabe gibt es nicht mehr. Lade die Seite neu.',
keine_fassung: 'Dazu gibt es noch keine gespeicherte Fassung.',
File diff suppressed because it is too large Load Diff
+30
View File
@@ -449,6 +449,13 @@
wie Silber und Regenbogen: ein Merkmal am Element, damit
die Farbwerkzeuge weiter mit Zahlen rechnen koennen. */
if (b.papier) li.dataset.papier = 'ja';
/* LIVE -- die Flaeche der Reaction. Sie traegt keine
Ton-Nummer, sondern ihren Zustand; den holt start.js beim
Laden von /api/reaktion/stand nach und setzt ihn als
data-stand. Bis dahin steht sie geschlossen da, und das
ist die richtige Vorgabe: Wer nichts weiss, behauptet
nicht, es laufe etwas. */
if (b.live) { li.dataset.sendung = 'ja'; li.dataset.stand = 'zu'; }
if (b.gross) li.dataset.gross = 'ja';
/* Der Einlauf wird gestaffelt -- aber über eine Eigenschaft, die
bei "weniger Bewegung" nichts tut (siehe start.css). */
@@ -572,6 +579,29 @@
`live.js` liefert drei Antworten. Nur "live" setzt die Marke --
bei "weiss nicht" behauptet hier niemand etwas, weder in die
eine noch in die andere Richtung. */
/* ==== DIE REACTION-KACHEL HOLT IHREN ZUSTAND ===================
(28.09.2026.)
Sie steht als „geschlossen" in der Wand, bis der Server etwas
anderes sagt. Das ist die richtige Vorgabe: Wer nichts weiss,
behauptet nicht, es laufe gerade etwas.
DIE ABFRAGE HAENGT AN DER KACHEL UND NICHT AN DER SEITE. Gibt
es sie nicht -- im Agenturhaus zum Beispiel --, wird auch
nicht gefragt. Sonst stuende dort bei jedem Aufruf ein 404 in
der Konsole, und pruef-handy wuerde die Seite zu Recht
beanstanden; genau das ist am 27.09. beim Notizblock
passiert. */
const sendungsKachel = ziel.querySelector('.kachel[data-sendung="ja"]');
if (sendungsKachel) {
fetch('/workspace/api/reaktion', { credentials: 'same-origin' })
.then((a) => (a.ok ? a.json() : null))
.then((l) => {
if (l && typeof l.stand === 'string') sendungsKachel.dataset.stand = l.stand;
})
.catch(() => { /* Die Wand steht auch ohne diese Auskunft. */ });
}
if (liveKacheln.length && window.LiveStatus) {
window.LiveStatus.beobachten((lage) => {
for (const li of liveKacheln) {
+19 -19
View File
@@ -12,19 +12,19 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -391,22 +391,22 @@
<!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
`window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
<script src="assets/js/textform.js?v=202609271833"></script>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/textform.js?v=202609280151"></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/zuteilung.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/zuteilung.js?v=202609280151" defer></script>
<!-- Der Vorlagenkatalog stand bis zum 23.09.2026 mitten in
aufgaben.js. Er bedient jetzt zwei Seiten und hat deshalb eine
eigene Datei; hier zeigt er den Creator-Katalog.
Vor aufgaben.js, weil die Seite ihn beim Start einrichtet. -->
<script src="assets/js/vorlagenbrett.js?v=202609271833" defer></script>
<script src="assets/js/aufgaben.js?v=202609271833" defer></script>
<script src="assets/js/vorlagenbrett.js?v=202609280151" defer></script>
<script src="assets/js/aufgaben.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -168,15 +168,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/automation.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/automation.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -197,16 +197,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/befinden.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/befinden.js?v=202609280151" defer></script>
</body>
</html>
+22 -22
View File
@@ -12,24 +12,24 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609280151" />
<!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
„Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
Stelle, an der dieselbe Sache anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -304,19 +304,19 @@
<!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
`window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
<script src="assets/js/textform.js?v=202609271833"></script>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/textform.js?v=202609280151"></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/checkliste.js?v=202609271833" defer></script>
<script src="assets/js/ampel.js?v=202609271833" defer></script>
<script src="assets/js/schulung.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/bereich.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/checkliste.js?v=202609280151" defer></script>
<script src="assets/js/ampel.js?v=202609280151" defer></script>
<script src="assets/js/schulung.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/bereich.js?v=202609280151" defer></script>
</body>
</html>
+19 -19
View File
@@ -7,17 +7,17 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -108,15 +108,15 @@
</main>
<!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. -->
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/auskunft.js?v=202609271833" defer></script>
<script src="assets/js/bewerben.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/auskunft.js?v=202609280151" defer></script>
<script src="assets/js/bewerben.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -7,16 +7,16 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -80,16 +80,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/auskunft.js?v=202609271833" defer></script>
<script src="assets/js/bewerbungen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/auskunft.js?v=202609280151" defer></script>
<script src="assets/js/bewerbungen.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -89,15 +89,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/ki.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/calls.js?v=202609271833" defer></script>
<script src="assets/js/ki.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/calls.js?v=202609280151" defer></script>
</body>
</html>
+20 -20
View File
@@ -12,26 +12,26 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<!-- 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=202609271833" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -739,24 +739,24 @@
</form>
</dialog>
<script src="assets/js/bereiche.js?v=202609271833"></script>
<script src="assets/js/bereiche.js?v=202609280151"></script>
<!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js
fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter,
waere die erste gezeichnete Nachricht ohne Gestaltung -- und das
faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie
wirklich vor den anderen dasteht. -->
<script src="assets/js/textform.js?v=202609271833"></script>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833"></script>
<script src="assets/js/glocke.js?v=202609271833"></script>
<script src="assets/js/textform.js?v=202609280151"></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151"></script>
<script src="assets/js/glocke.js?v=202609280151"></script>
<!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
die Knoepfe fehlten, und niemand wuesste warum. -->
<script src="assets/js/anruf.js?v=202609271833"></script>
<script src="assets/js/anruf.js?v=202609280151"></script>
<!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom
Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein
Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne
@@ -767,8 +767,8 @@
sie beim ersten Foto noch nicht da -- und der erste Klick ginge
wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal
auftritt, ist der, den man nie nachstellen kann. -->
<script src="assets/js/bildschau.js?v=202609271833"></script>
<script src="assets/js/chat.js?v=202609271833"></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/bildschau.js?v=202609280151"></script>
<script src="assets/js/chat.js?v=202609280151"></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/content.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/content.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -179,15 +179,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/checkliste.js?v=202609271833" defer></script>
<script src="assets/js/content.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/checkliste.js?v=202609280151" defer></script>
<script src="assets/js/content.js?v=202609280151" defer></script>
</body>
</html>
+6 -6
View File
@@ -36,15 +36,15 @@
<link rel="preload" as="image" href="assets/img/buehne/crew-gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<!-- Diese Wand steht NUR auf der Adresse von Team Dogi (ueberall sonst
404, siehe crewWeiche). Sie darf das Haus deshalb direkt nennen
statt ueber den Platzhalter haus.css zu gehen -- und sie MUSS es:
Eine Zugangswand, die sich erst nach dem Umbiegen faerbt, waere
die eine Seite, auf der man das Umfaerben sieht. -->
<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609280151" />
</head>
<body class="gate gate--crew">
@@ -459,7 +459,7 @@
<script src="assets/js/gate.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/gate.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
</body>
</html>
+4 -4
View File
@@ -23,25 +23,25 @@
},
"icons": [
{
"src": "/assets/img/app-symbole/crew-192.png?v=202609271833",
"src": "/assets/img/app-symbole/crew-192.png?v=202609280151",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/crew-512.png?v=202609271833",
"src": "/assets/img/app-symbole/crew-512.png?v=202609280151",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609271833",
"src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609280151",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609271833",
"src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609280151",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -108,15 +108,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/dateien.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/dateien.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -297,20 +297,20 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<!-- VOR entwicklung.js: Die Seite richtet den Katalog beim Start ein,
also muss es ihn zu dem Zeitpunkt geben. Mit "defer" laufen beide
in Dokumentreihenfolge. -->
<script src="assets/js/vorlagenbrett.js?v=202609271833" defer></script>
<script src="assets/js/entwicklung.js?v=202609271833" defer></script>
<script src="assets/js/vorlagenbrett.js?v=202609280151" defer></script>
<script src="assets/js/entwicklung.js?v=202609280151" defer></script>
</body>
</html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/hilfe.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/hilfe.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -146,14 +146,14 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/hilfe.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/hilfe.js?v=202609280151" defer></script>
</body>
</html>
+5 -5
View File
@@ -30,9 +30,9 @@
<link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
</head>
<body class="gate">
@@ -427,7 +427,7 @@
<script src="assets/js/gate.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/gate.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -383,15 +383,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/kalender.js?v=202609271833" defer></script>
<script src="assets/js/kalender-abo.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/kalender.js?v=202609280151" defer></script>
<script src="assets/js/kalender-abo.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -444,13 +444,13 @@
</form>
</dialog>
<script src="assets/js/meldung.js?v=202609271833"></script>
<script src="assets/js/nachfrage.js?v=202609271833"></script>
<script src="assets/js/wahl.js?v=202609271833"></script>
<script src="assets/js/bereiche.js?v=202609271833"></script>
<script src="assets/js/kopf.js?v=202609271833"></script>
<script src="assets/js/glocke.js?v=202609271833"></script>
<script src="assets/js/leistung.js?v=202609271833"></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151"></script>
<script src="assets/js/nachfrage.js?v=202609280151"></script>
<script src="assets/js/wahl.js?v=202609280151"></script>
<script src="assets/js/bereiche.js?v=202609280151"></script>
<script src="assets/js/kopf.js?v=202609280151"></script>
<script src="assets/js/glocke.js?v=202609280151"></script>
<script src="assets/js/leistung.js?v=202609280151"></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,13 +12,13 @@
vergessen wird. -->
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/material.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/material.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start" data-ton="42" data-buehne="studio">
@@ -138,14 +138,14 @@
<p class="m-laedt" id="laedt">Einen Moment …</p>
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/material.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/material.js?v=202609280151" defer></script>
</body>
</html>
+14 -14
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/notizen.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/notizen.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start" data-ton="46">
@@ -181,12 +181,12 @@
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. -->
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/notizen.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/notizen.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -453,14 +453,14 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/personen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/personen.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -214,16 +214,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/steckbrief.js?v=202609271833" defer></script>
<script src="assets/js/profil.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/steckbrief.js?v=202609280151" defer></script>
<script src="assets/js/profil.js?v=202609280151" defer></script>
</body>
</html>
+270
View File
@@ -0,0 +1,270 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Reaction · Team Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/reaktion.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start reaktion-seite" data-stand="laedt">
<div class="schleier" aria-hidden="true"></div>
<header class="kopfleiste">
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
<path d="M14.5 5.5 8 12l6.5 6.5" />
</svg>
<span class="zurueck-knopf__text">Zurück</span>
</button>
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Team&nbsp;Dogi</a> · Reaction</span></p>
<div class="kopfleiste__rechts">
<span class="wer" id="wer">…</span>
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
</div>
</header>
<!-- ======================================================================
DIE REACTION (28.09.2026)
Filipes Kurznotiz: Kachel sichtbar -> geschlossen -> Vorbereitung
-> Wartebereich/Chat -> Countdown -> LIVE -> Reaction + Gäste +
Chat + PayPal -> Ende.
WARUM DIESE SEITE ANDERS GEBAUT IST ALS JEDE ANDERE IM HAUS
Alle anderen Seiten sind Listen und Karten: Man liest, man
entscheidet, man geht wieder. Hier sitzt man. Eine Stunde lang,
mit anderen zusammen, und schaut auf EINE Sache.
Deshalb gibt es hier keine Kacheln und kein Raster, sondern
einen SAAL: eine große Fläche für das Video, Kamerabilder als
schwebende Fenster darüber, der Chat als Schiene daneben. Am
Handy wird daraus ein Stapel, und die Schiene fährt von unten
ein.
DREI HÄUTE ÜBEREINANDER, nicht drei Seiten nebeneinander:
.saal[data-stand="zu"] der Vorhang ist zu
.saal[data-stand="vorbereitung"] Vorschau, Countdown, Chat
.saal[data-stand="live"] Video, Kameras, Chat
Alle drei stehen im Dokument und werden über `data-stand`
umgeschaltet. Der Grund ist nicht Bequemlichkeit: Beim Wechsel
von „gleich" auf „live" soll nichts neu geladen werden -- weder
der Chat, in dem man mitten im Satz ist, noch die Verbindung zur
Kamera. Ein Seitenwechsel an dieser Stelle wäre ein Abriss.
====================================================================== -->
<main class="saal" id="saal" data-stand="zu">
<!-- ============ DAS SCHILD ÜBER ALLEM ============================
Es steht in allen drei Zuständen und sagt in drei Worten, was
los ist. Unten am Handy ist der Platz knapp; das Schild bleibt
trotzdem, weil die Antwort auf „läuft schon was?" die einzige
ist, die jeder beim Öffnen sucht. -->
<div class="buehne-schild" id="schild">
<span class="buehne-schild__punkt" aria-hidden="true"></span>
<span class="buehne-schild__wort" id="schild-wort">…</span>
<span class="buehne-schild__zahl" id="schild-zahl" hidden></span>
</div>
<p class="fehler" id="fehler" role="alert" aria-live="polite" hidden></p>
<!-- ============ ZU ============================================== -->
<section class="vorhang" id="teil-zu" aria-label="Die Reaction ist geschlossen">
<div class="vorhang__licht" aria-hidden="true"></div>
<div class="vorhang__innen">
<span class="vorhang__marke"><i></i>Team Dogi<i></i></span>
<h1 class="vorhang__titel">Der Saal ist zu.</h1>
<p class="vorhang__satz" id="zu-satz">
Hier schauen wir zusammen. Wenn etwas läuft, steht es hier —
und du siehst es schon an der Kachel.
</p>
<p class="vorhang__naechste" id="zu-naechste" hidden></p>
</div>
</section>
<!-- ============ VORBEREITUNG ==================================== -->
<section class="warte" id="teil-warte" aria-label="Wartebereich">
<div class="warte__buehne">
<div class="warte__bild" id="warte-bild" aria-hidden="true"></div>
<div class="warte__text">
<span class="warte__kicker">Gleich geht es los</span>
<h1 class="warte__titel" id="warte-titel">Reaction startet bald</h1>
<!-- Der Countdown ist eine ZAHL und kein Balken. Ein Balken
sagt „irgendwann"; eine Zahl sagt „in vier Minuten", und
danach entscheidet jemand, ob er sich noch einen Kaffee
holt. -->
<div class="countdown" id="countdown" hidden>
<span class="countdown__zahl" id="countdown-zahl">–</span>
<span class="countdown__wort" id="countdown-wort">bis zum Start</span>
</div>
<p class="warte__satz">
Der Chat ist schon offen. Schreib schon mal, wer da ist.
</p>
</div>
</div>
</section>
<!-- ============ LIVE ============================================ -->
<section class="kino" id="teil-live" aria-label="Die Reaction läuft">
<!-- Das Video. Der Rahmen bleibt stehen, auch wenn noch nichts
darin ist -- ein Kasten, der erst entsteht, wenn das Video
kommt, lässt die halbe Seite springen. -->
<div class="leinwand" id="leinwand">
<div class="leinwand__video" id="video-platz">
<div class="leinwand__warte" id="video-warte">Das Video kommt gleich …</div>
</div>
<!-- Die Kamerafenster liegen ÜBER dem Video, nicht daneben.
Genau so sieht eine Reaction aus: das Bild groß, das
Gesicht klein davor. Wer lieber beides gleich groß hat,
stellt oben die Anordnung um. -->
<div class="kameras" id="kameras"></div>
<!-- DER TON MUSS FREIGEGEBEN WERDEN. Ein Videoelement mit Ton
darf nicht von allein losgehen -- das verbietet jeder
Browser. Die Kameras starten deshalb stumm, und dieser
Knopf (oder die erste Berührung der Seite) schaltet sie
laut. Ohne ihn säße jemand vor einem stummen Bild und
suchte den Fehler bei sich. -->
<button type="button" class="ton-an" id="ton-an" hidden>
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M4 9.4h3.6L12 5.2v13.6L7.6 14.6H4z" />
<path d="M16.2 9.2a4 4 0 0 1 0 5.6" />
<path d="M18.6 6.6a7.4 7.4 0 0 1 0 10.8" />
</svg>
<span>Ton einschalten</span>
</button>
</div>
<!-- Der Chat. Auf dem Rechner eine Schiene rechts, am Handy eine
Lade, die von unten einfährt. -->
<aside class="schiene" id="schiene" aria-label="Live-Chat">
<header class="schiene__kopf">
<h2 class="schiene__titel">Live-Chat</h2>
<span class="schiene__zahl" id="chat-zahl">0</span>
</header>
<ol class="schiene__liste" id="chat-liste" aria-live="polite"></ol>
<form class="schiene__form" id="chat-form">
<input type="text" id="chat-feld" class="schiene__feld" maxlength="400"
placeholder="Sag was …" autocomplete="off" />
<button type="submit" class="schiene__senden" aria-label="Senden">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12 20 4l-4 8 4 8z" /></svg>
</button>
</form>
<!-- Der Weg, den Host zu unterstützen. Er steht IM Chat und
nicht in einer eigenen Ecke: Wer gerade etwas gut findet,
tippt es in den Chat -- und sieht den Knopf in derselben
Bewegung. -->
<a class="danke" id="danke" hidden rel="noopener noreferrer" target="_blank">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M12 20.4S3.6 15.2 3.6 9.6A4.2 4.2 0 0 1 12 7.4a4.2 4.2 0 0 1 8.4 2.2c0 5.6-8.4 10.8-8.4 10.8z" />
</svg>
<span>Dogi was ausgeben</span>
</a>
</aside>
</section>
<!-- ============ DAS REGIEPULT ===================================
Nur für DogFather. Es liegt UNTEN und nicht oben: Beim Senden
schaut man auf das Bild, nicht auf die Knöpfe -- und was man
nicht ansieht, greift man mit dem Daumen, und der ist unten.
Es ist bewusst als PULT gebaut und nicht als Formular: Regler
für vier Tonquellen nebeneinander, darüber eine Reihe Schalter,
daneben der große Knopf, der die Sendung startet und beendet.
Wer einmal an einem Mischpult gestanden hat, findet sich hier
ohne Erklärung zurecht. -->
<section class="pult" id="pult" hidden aria-label="Regie">
<button type="button" class="pult__griff" id="pult-griff" aria-expanded="false">
<span class="pult__griff-strich" aria-hidden="true"></span>
<span class="pult__griff-wort">Regie</span>
</button>
<div class="pult__innen" id="pult-innen">
<!-- Reihe 1: was gesendet wird -->
<div class="pult__block">
<h3 class="pult__ueber">Die Sendung</h3>
<div class="pult__zeile">
<label class="pult__feld">
<span>Titel</span>
<input type="text" id="p-titel" maxlength="120" placeholder="Worum geht es?" />
</label>
<label class="pult__feld">
<span>YouTube</span>
<input type="text" id="p-video" placeholder="Adresse oder Kennung einfügen" />
</label>
</div>
<div class="pult__zeile">
<label class="pult__feld">
<span>Vorschaubild</span>
<input type="text" id="p-vorschau" placeholder="Adresse eines Bildes (freiwillig)" />
</label>
<label class="pult__feld pult__feld--kurz">
<span>Beginn</span>
<input type="datetime-local" id="p-beginn" />
</label>
<button type="button" class="knopf-still" id="p-sichern">Übernehmen</button>
</div>
</div>
<!-- Reihe 2: die Regler -->
<div class="pult__block">
<h3 class="pult__ueber">Ton</h3>
<div class="regler-reihe" id="regler"></div>
</div>
<!-- Reihe 3: Gäste -->
<div class="pult__block">
<h3 class="pult__ueber">Gäste <span class="pult__klein" id="gast-zahl">0 von 2</span></h3>
<div class="gast-reihe" id="gast-reihe"></div>
<div class="pult__zeile">
<select id="p-wen" class="pult__wahl" aria-label="Wen holen?"></select>
<button type="button" class="knopf-still" id="p-holen">Dazuholen</button>
</div>
</div>
<!-- Reihe 4: die Anordnung -->
<div class="pult__block">
<h3 class="pult__ueber">Anordnung</h3>
<div class="layout-reihe" id="layout-reihe"></div>
</div>
<!-- Reihe 5: der große Knopf -->
<div class="pult__block pult__block--tun">
<button type="button" class="tun tun--vor" id="p-vorbereiten">Vorbereiten</button>
<button type="button" class="tun tun--live" id="p-starten">Auf Sendung</button>
<button type="button" class="tun tun--aus" id="p-beenden">Beenden</button>
</div>
</div>
</section>
</main>
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. -->
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/reaktion.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -134,14 +134,14 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/rechte.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/rechte.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/report.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/report.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -106,17 +106,17 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/ki.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/report.js?v=202609271833" defer></script>
<script src="assets/js/ki.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/report.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -173,14 +173,14 @@
</div>
</div>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/scouting.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/scouting.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,21 +12,21 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<!-- 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=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -732,16 +732,16 @@
</p>
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/live.js?v=202609271833" defer></script>
<script src="assets/js/start.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/live.js?v=202609280151" defer></script>
<script src="assets/js/start.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -85,16 +85,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/ki.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/startcheck.js?v=202609271833" defer></script>
<script src="assets/js/ki.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/startcheck.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -150,16 +150,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/auskunft.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/steckbrief.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/auskunft.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/steckbrief.js?v=202609280151" defer></script>
</body>
</html>
+14 -14
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/support.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/support.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -128,16 +128,16 @@
(reading 'LEITUNG')" ab -- gemessen am 24.09.2026, als diese
Zeile beim Anlegen der Seite fehlte. Die Kopfleiste kam
trotzdem, deshalb sah man es nur in der Browserkonsole. -->
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<!-- wahl.js gehoert zu kopf.js: Der Sicht-Umschalter in der
Kopfleiste baut daraus seine Liste. pruef-css-klassen setzt das
seit dem 07.09.2026 durch -- damals fehlte es auf chat.html und
uebersicht.html, und heute hier. -->
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/support.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/support.js?v=202609280151" defer></script>
</body>
</html>
+18 -18
View File
@@ -7,18 +7,18 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609280151" />
<!-- Wegen des Kastens „Anfragen“ ueber der Liste. Eine eigene Kopie
der Regel hier waere die zweite Stelle, an der dieselbe Sache
anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -111,15 +111,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/talente.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/talente.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -7,20 +7,20 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/team.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/team.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -110,15 +110,15 @@
</main>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/team.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/team.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -7,20 +7,20 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/team.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/team.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu
@@ -84,15 +84,15 @@
Kaputt ist dabei nichts -- er funktioniert. Genau deshalb faellt
es niemandem auf, und deshalb prueft pruef-css-klassen die
ABHAENGIGKEIT statt der Optik. Hier hat sie angeschlagen. -->
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/teamlage.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<script src="assets/js/teamlage.js?v=202609280151" defer></script>
</body>
</html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -112,15 +112,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/teilen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/teilen.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -126,14 +126,14 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/treff-moderation.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/treff-moderation.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -7,18 +7,18 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des
Rudels biegt der Server genau diesen Dateinamen auf crew-haus.css
um, und die Seite kommt schon beim ERSTEN Abruf in Lila und
Babyblau an -- ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -248,14 +248,14 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/auskunft.js?v=202609271833" defer></script>
<script src="assets/js/treff-regeln.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/auskunft.js?v=202609280151" defer></script>
<script src="assets/js/treff-regeln.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -12,22 +12,22 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
Dialog "Creator anlegen". -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -149,16 +149,16 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/uebersicht.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/uebersicht.js?v=202609280151" defer></script>
</body>
</html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -335,14 +335,14 @@
</main>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/live.js?v=202609271833" defer></script>
<script src="assets/js/unsere-seiten.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/live.js?v=202609280151" defer></script>
<script src="assets/js/unsere-seiten.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -106,17 +106,17 @@
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. Ohne sie stürzt jede Seite mit
„Cannot read properties of undefined (reading 'LEITUNG')" ab. -->
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/holen.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/holen.js?v=202609280151" defer></script>
<!-- Die Satz-Tafel. Ohne sie stand auf dieser Seite das Maschinenwort
des Servers (z.B. "nicht_gefunden") statt eines Satzes -- gemeldet
von pruef-meldungen, nicht beim Ansehen. -->
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/unterstuetzen.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/unterstuetzen.js?v=202609280151" defer></script>
</body>
</html>
+16 -16
View File
@@ -7,15 +7,15 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/werdegang.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/werdegang.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -144,14 +144,14 @@
</main>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/werdegang.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/werdegang.js?v=202609280151" defer></script>
</body>
</html>
+15 -15
View File
@@ -12,13 +12,13 @@
vergessen wird. -->
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/willkommen.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/willkommen.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<!-- KOERPERKLASSE "start", NICHT "gate" (berichtigt 21.09.2026).
`body.gate` ist die Anmeldewand: `display:flex; align-items:center`,
@@ -75,13 +75,13 @@
<p class="fehler" id="fehler" hidden></p>
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/willkommen.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/willkommen.js?v=202609280151" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609280151" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609280151" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/start.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609280151" />
<link rel="stylesheet" href="assets/css/module.css?v=202609280151" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609280151" />
</head>
<body class="start">
@@ -190,15 +190,15 @@
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/hochladen.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/meldung.js?v=202609280151" defer></script>
<script src="assets/js/hochladen.js?v=202609280151" defer></script>
<script src="assets/js/nachfrage.js?v=202609280151" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/wissen.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609280151" defer></script>
<script src="assets/js/bereiche.js?v=202609280151" defer></script>
<script src="assets/js/installieren.js?v=202609280151" defer></script>
<script src="assets/js/kopf.js?v=202609280151" defer></script>
<script src="assets/js/glocke.js?v=202609280151" defer></script>
<script src="assets/js/wissen.js?v=202609280151" defer></script>
</body>
</html>