chore: Demo-Daten, Bildaufnahme und Platz in der Kopfleiste

Die Demo-Instanz redet mit niemandem mehr: Solange DEMO_MODUS gilt,
starten die Jobs fuer Zammad, Telegram und den Spiegel gar nicht erst.
Sie ist mit erfundenen Daten gefuellt und steht nur fuer Bilder — ein
Aufruf nach draussen waere bestenfalls sinnlos.

Die Kopfleiste ist breiter als die Inhaltsspalte. Mit dem elften Eintrag
passte sie dort nicht mehr, und "Einstellungen" verschwand
stillschweigend am rechten Rand. Aufgefallen ist das erst im
aufgenommenen Bild.

Der Kartentext beschrieb noch den Weg von vor dem Kopplungscode.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/app/(app)/integrationen/page.tsx

@@ -166,10 +166,9 @@ export default async function IntegrationenSeite() {
             <CardTitel className="text-base">Telegram-Chats</CardTitel>
             <CardBeschreibung>
               Nur wer hier steht, darf mit dem Bot reden — und nur diese Chats bekommen
-              Meldungen. Alles andere wird verworfen, ohne zu antworten. Die Kennung
-              deines Chats verrät dir der Bot, wenn du ihm{' '}
-              <code className="text-xs">/start</code> schickst und danach hier nachsiehst;
-              steht sie noch nicht drin, findest du sie im Protokoll.
+              Meldungen. Alles andere wird verworfen, ohne zu antworten. Zum Verbinden
+              holst du dir hier einen Code und schickst ihn dem Bot; er gilt zehn Minuten
+              und genau einmal.
             </CardBeschreibung>
           </CardKopf>
           <CardInhalt>

src/components/kopfleiste.tsx

@@ -50,7 +50,13 @@ export function Kopfleiste({
         Navigation waagerecht, statt umzubrechen und den Namen der Anwendung in
         die zweite Zeile zu drängen.
       */}
-      <div className="mx-auto flex w-full max-w-5xl items-center gap-3 px-4 py-3 sm:gap-6">
+      {/*
+        Breiter als die Inhaltsspalte (max-w-5xl): Mit dem elften Eintrag
+        passte die Leiste dort nicht mehr, und "Einstellungen" verschwand
+        stillschweigend am rechten Rand. Eine Leiste, die Punkte verschluckt,
+        ist schlimmer als eine, die nicht buendig mit dem Text steht.
+      */}
+      <div className="mx-auto flex w-full max-w-7xl items-center gap-3 px-4 py-3 sm:gap-5">
         <Link href="/" className="shrink-0 text-base font-semibold tracking-tight">
           Planer
         </Link>

src/server/jobs.ts

@@ -111,7 +111,12 @@ export function jobsStarten(): void {
 
   const einst = umgebung()
 
-  if (einst.zammadAktiv) {
+  // Die Demo-Instanz redet mit niemandem. Sie ist mit erfundenen Daten
+  // gefuellt und steht nur fuer Bilder – ein Aufruf nach draussen waere
+  // bestenfalls sinnlos und schlimmstenfalls peinlich.
+  const nachDraussen = !einst.DEMO_MODUS
+
+  if (einst.zammadAktiv && nachDraussen) {
     cron.schedule(ZAMMAD_PLAN, () => {
       void zammadAbgleichen(DIENST)
         .then((bericht) => {
@@ -127,7 +132,7 @@ export function jobsStarten(): void {
     })
   }
 
-  if (einst.telegramAktiv) {
+  if (einst.telegramAktiv && nachDraussen) {
     cron.schedule(TELEGRAM_PLAN, () => {
       void telegramAbholen(DIENST)
         .then((bericht) => {
@@ -142,7 +147,7 @@ export function jobsStarten(): void {
     })
   }
 
-  if (einst.spiegelSendenAktiv) {
+  if (einst.spiegelSendenAktiv && nachDraussen) {
     cron.schedule(SPIEGEL_PLAN, () => {
       void spiegelSenden().catch((fehler: unknown) => {
         console.error('Spiegel-Versand abgebrochen:', fehler)