Die Kachelzeichen komplett neu -- Plaketten statt getoenter Quadrate

Rueckmeldung: "ich will dass die viel krasser aussehen, du veraenderst
immer nur minimal." Berechtigt. Drei Durchgaenge lang habe ich an
Details gedreht (Verlauf, dann Fuellung) -- jeder fuer sich richtig, in
der Summe kaum sichtbar. Das hier ist der Umbau.

DIE PLAKETTE war ein leicht getoentes Quadrat mit duennem Rand. Sie ist
jetzt ein KOERPER:
  * 58 statt 52 px (gross: 70 statt 62)
  * Verlauf ueber die Diagonale statt flacher Toenung
  * Lichtkante oben INNEN, Schattenkante unten innen -- zusammen eine
    Woelbung, das Feld wirkt gepraegt statt gemalt
  * ein Hof in der eigenen Farbe darunter
  * ein Glanzbogen darueber, der von links oben einfaellt

DAS ZEICHEN war eine duenne Kontur. Es besteht jetzt aus DREI Lagen mit
je eigenem Verlauf:
  KOERPER   gefuellte Grundform, oben satt, unten fast weg -- eine
            gleichmaessig gefuellte Form ist ein Aufkleber, eine
            auslaufende ist ein Koerper
  GLANZ     schmaler heller Streifen quer ueber die obere Haelfte,
            genau auf dem Koerper. Die Spiegelung.
  KONTUR    oben fast WEISS, unten im Farbton. So sieht Metall aus, auf
            das Licht von oben faellt -- das ist der Grund, warum die
            Zeichen jetzt plastisch wirken statt gezeichnet.
Dazu 29 statt 25 px und Strichstaerke 2,05 statt 1,65: Die Zeichen
sollen TRAGEN, nicht andeuten. Zaghaft war genau das Problem.

Alle drei Verlaeufe stehen EINMAL im Dokument und arbeiten mit
currentColor -- sie nehmen den Ton jeder der siebzehn Kacheln an. Drei
Verlaeufe statt einundfuenfzig.

Alles bleibt gedeckt: Ein leuchtender Kasten waere in einer dunklen
Oberflaeche eine Lampe, und Lampen schaut man nicht stundenlang an.
Im Wasserzeichen hinter dem Kacheltext und im Kontrastmodus bleiben
Koerper und Glanz aus.

GEPRUEFT: Buehne 38 (Textkontrast an echten Bildpunkten -- die
kraeftigeren Plaketten duerfen die Lesbarkeit nicht antasten),
Startansicht 133, Rollen 97, Handy 50, Grosscheck 15, Lesbarkeit 14.
Alle gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-03 01:59:59 +02:00
co-authored by Claude Opus 5
parent 7d77f3ea6b
commit 46e62fbaf7
30 changed files with 283 additions and 190 deletions
+82 -21
View File
@@ -736,25 +736,69 @@ body.start > main { position: relative; z-index: 1; }
/* Das Zeichen sitzt in einem eigenen Feld -- dadurch bekommt der Ton
eine Fläche, ohne dass die ganze Kachel farbig wird. Der Verlauf und
der innere Lichtrand darin lassen es geprägt statt gemalt wirken. */
/* ---------- Die Plakette (neu gebaut 03.09.2026) -------------------------
Sie war ein leicht getöntes Quadrat. Jetzt ist sie ein KÖRPER:
* ein Verlauf über die Diagonale statt einer flachen Tönung
* eine Lichtkante oben INNEN und eine Schattenkante unten innen --
zusammen ergibt das eine Wölbung, das Feld wirkt geprägt
* ein Hof in der eigenen Farbe darunter, der die Plakette von der
Kachel abhebt
* darüber ein Glanzbogen (::before), der von links oben einfällt
Alles bleibt gedeckt. Ein leuchtender Kasten wäre in einer dunklen
Oberfläche eine Lampe -- und Lampen schaut man nicht stundenlang an. */
.kachel__zeichen {
position: relative; z-index: 1;
flex: none;
flex: none; overflow: hidden;
display: grid; place-items: center;
width: 52px; height: 52px; border-radius: 15px;
width: 58px; height: 58px; border-radius: 17px;
background:
linear-gradient(160deg,
color-mix(in srgb, var(--ton) 30%, transparent),
color-mix(in srgb, var(--ton) 10%, transparent));
border: 1px solid color-mix(in srgb, var(--ton) 32%, transparent);
/* Lichtkante innen oben, weicher Schein nach aussen -- dadurch wirkt
das Feld geprägt statt gemalt. Der Schein bleibt schwach; ein
leuchtender Kasten wäre in einer dunklen Oberfläche eine Lampe. */
radial-gradient(120% 100% at 22% 8%,
color-mix(in srgb, var(--ton) 46%, transparent) 0%,
color-mix(in srgb, var(--ton) 22%, transparent) 46%,
color-mix(in srgb, var(--ton) 8%, transparent) 100%);
border: 1px solid color-mix(in srgb, var(--ton) 40%, transparent);
box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--ton) 38%, transparent),
0 4px 14px -8px color-mix(in srgb, var(--ton) 60%, transparent);
/* Wölbung: Licht oben innen, Schatten unten innen. */
inset 0 1.5px 0 color-mix(in srgb, #fff 26%, transparent),
inset 0 -2px 6px -3px color-mix(in srgb, #000 55%, transparent),
/* Der Hof -- er trägt die Plakette, ohne zu leuchten. */
0 6px 18px -9px color-mix(in srgb, var(--ton) 85%, transparent),
0 0 0 1px color-mix(in srgb, var(--ton) 10%, transparent);
transition: background var(--tempo), border-color var(--tempo),
transform var(--tempo), box-shadow var(--tempo);
}
/* Der Glanzbogen. Ein schmaler heller Streifen, der von links oben über
die Plakette läuft -- dasselbe Licht, das auch die Zeichen von oben
trifft. Er liegt UNTER dem Zeichen (z-index 0 gegen 1), damit er es
nicht überstrahlt. */
.kachel__zeichen::before {
content: "";
position: absolute; inset: 0;
background: linear-gradient(150deg,
rgba(255, 255, 255, .22) 0%,
rgba(255, 255, 255, .07) 28%,
rgba(255, 255, 255, 0) 55%);
pointer-events: none;
transition: opacity var(--tempo);
}
.kachel:hover .kachel__zeichen {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--ton) 62%, transparent);
box-shadow:
inset 0 1.5px 0 color-mix(in srgb, #fff 34%, transparent),
inset 0 -2px 6px -3px color-mix(in srgb, #000 55%, transparent),
0 10px 24px -10px color-mix(in srgb, var(--ton) 95%, transparent),
0 0 0 1px color-mix(in srgb, var(--ton) 18%, transparent);
}
@media (prefers-reduced-motion: reduce) {
.kachel__zeichen, .kachel:hover .kachel__zeichen { transition: none; transform: none; }
}
@media (forced-colors: active) {
.kachel__zeichen::before { display: none; }
}
.kachel:hover .kachel__zeichen {
background:
linear-gradient(160deg,
@@ -766,7 +810,7 @@ body.start > main { position: relative; z-index: 1; }
inset 0 1px 0 color-mix(in srgb, var(--ton) 55%, transparent),
0 6px 20px -8px color-mix(in srgb, var(--ton) 85%, transparent);
}
.kachel[data-gross="ja"] .kachel__zeichen { width: 62px; height: 62px; border-radius: 18px; }
.kachel[data-gross="ja"] .kachel__zeichen { width: 70px; height: 70px; border-radius: 21px; }
/* ---------- Die Zeichen (überarbeitet 03.09.2026) ------------------------
@@ -787,7 +831,9 @@ body.start > main { position: relative; z-index: 1; }
SVG -- so nimmt derselbe eine Verlauf den Ton jeder der siebzehn
Kacheln an. Siebzehn Farben, ein Verlauf. */
.kachel__svg {
width: 25px; height: 25px;
/* 29 statt 25: Zusammen mit der kräftigeren Linie ist das der
sichtbarste Teil der Überarbeitung. */
width: 29px; height: 29px;
color: var(--ton);
fill: none;
stroke-linecap: round; stroke-linejoin: round;
@@ -797,8 +843,12 @@ body.start > main { position: relative; z-index: 1; }
transition: transform var(--tempo), filter var(--tempo);
}
.kachel__svg .zeichen__linie {
stroke: url(#zeichen-verlauf);
stroke-width: 1.65;
stroke: url(#zeichen-linie);
/* 2,05 statt 1,65: Die Zeichen sollen TRAGEN, nicht andeuten. Eine
dünne Linie wirkt neben kräftigem Text zaghaft -- und zaghaft war
genau das Problem. */
stroke-width: 2.05;
paint-order: stroke fill;
}
/* DIE SCHEIN-LAGE IST WIEDER WEG (03.09.2026) -- und der Weg dorthin
gehört aufgeschrieben, damit sie niemand ein zweites Mal einbaut.
@@ -829,7 +879,7 @@ body.start > main { position: relative; z-index: 1; }
filter: drop-shadow(0 2px 7px color-mix(in srgb, var(--ton) 62%, transparent));
}
.kachel[data-gross="ja"] .kachel__svg { width: 31px; height: 31px; }
.kachel[data-gross="ja"] .kachel__svg { width: 36px; height: 36px; }
@media (prefers-reduced-motion: reduce) {
.kachel__svg, .kachel:hover .kachel__svg { transition: none; transform: none; }
@@ -2809,21 +2859,32 @@ body[data-fremde-sicht="ja"]::after {
gar nicht mehr. Beim Überfahren geht sie auf 30 %, so als käme Licht
dazu. */
.kachel__svg .zeichen__fuellung {
fill: currentColor;
/* Ein VERLAUF statt einer flachen Deckkraft: oben satt, unten fast
weg. Eine gleichmässig gefüllte Form ist ein Aufkleber; eine, die
nach unten ausläuft, ist ein Körper. */
fill: url(#zeichen-flaeche);
stroke: none;
opacity: .2;
transition: opacity var(--tempo);
}
.kachel:hover .kachel__svg .zeichen__fuellung { opacity: .3; }
/* Die Spiegelung liegt auf demselben Körper -- ein schmaler heller
Streifen quer über die obere Hälfte, wie Licht auf gewölbtem Glas. */
.kachel__svg .zeichen__glanz {
fill: url(#zeichen-glanz);
stroke: none;
transition: opacity var(--tempo);
}
.kachel:hover .kachel__svg .zeichen__glanz { opacity: 1.35; }
/* Im Wasserzeichen NICHT -- dort liegt das Zeichen riesig hinter dem
Text der Kachel. Eine Fläche würde ihn hinterlegen. */
.kachel__wasserzeichen .zeichen__fuellung { display: none; }
.kachel__wasserzeichen .zeichen__fuellung,
.kachel__wasserzeichen .zeichen__glanz { display: none; }
@media (prefers-reduced-motion: reduce) {
.kachel__svg .zeichen__fuellung { transition: none; }
}
@media (forced-colors: active) {
/* Ohne Farben würde die Fläche zu einem massiven Block. */
.kachel__svg .zeichen__fuellung { display: none; }
.kachel__svg .zeichen__fuellung,
.kachel__svg .zeichen__glanz { display: none; }
}
+66 -34
View File
@@ -329,52 +329,80 @@
entsteht aus den Pfaden, die ohnehin schon da waren. */
const NS = 'http://www.w3.org/2000/svg';
const VERLAUF_ID = 'zeichen-verlauf';
const VERLAUF_ID = 'zeichen-verlaeufe';
/** Legt den gemeinsamen Verlauf einmal ins Dokument. Alle Zeichen
* verweisen darauf; ein zweiter Aufruf tut nichts. */
/* ---------- Die drei Verläufe ------------------------------------------
Ein Zeichen wird aus drei Lagen aufgebaut, und jede hat ihren
eigenen Verlauf. Alle drei stehen EINMAL im Dokument und arbeiten
mit currentColor -- dadurch nehmen sie den Ton jeder der siebzehn
Kacheln an, ohne dass es einundfünfzig Verläufe braucht.
flaeche die gefüllte Grundform: oben kräftig, unten fast weg.
Das ist der Körper des Gegenstands.
linie die Kontur: oben fast WEISS, unten im Farbton. Genau so
sieht Metall aus, auf das Licht von oben fällt -- und
genau das lässt ein Zeichen plastisch wirken statt
gezeichnet.
glanz ein schmaler heller Streifen quer über die obere Hälfte.
Die Spiegelung. Sie ist der Unterschied zwischen "gut
gemacht" und "das will ich anfassen".
ALLE in Benutzerkoordinaten (userSpaceOnUse) über die festen 24
Einheiten des Rasters. In Objektkoordinaten -- der Vorgabe -- würde
der Verlauf auf den Umriss JEDES einzelnen Pfades gerechnet, und
eine waagerechte Linie hat die Höhe null: Der Verlauf wäre entartet
und der Browser zeichnete den Pfad gar nicht. Genau daran sind am
03.09.2026 die Querlinie im Kalender, die Regler in Technik und die
Grundlinie der Berichte verschwunden. */
function verlaufSicherstellen() {
if (document.getElementById(VERLAUF_ID)) return;
const svg = document.createElementNS(NS, 'svg');
svg.setAttribute('id', VERLAUF_ID);
svg.setAttribute('aria-hidden', 'true');
svg.setAttribute('width', '0');
svg.setAttribute('height', '0');
svg.style.position = 'absolute';
const defs = document.createElementNS(NS, 'defs');
const lg = document.createElementNS(NS, 'linearGradient');
lg.setAttribute('id', VERLAUF_ID);
/* userSpaceOnUse, NICHT die Vorgabe objectBoundingBox -- und das ist
kein Detail, sondern der Unterschied zwischen "sieht toll aus" und
"die Hälfte des Zeichens fehlt".
Ein Verlauf in Objektkoordinaten wird auf den Umriss JEDES
einzelnen Pfades gerechnet. Eine waagerechte Linie (M4 12h16) hat
aber eine Höhe von null: Der Verlauf ist damit entartet, und der
Browser zeichnet den Pfad einfach GAR NICHT.
const bauen = (id, stops, x2 = '0', y1 = '2', y2 = '22') => {
const lg = document.createElementNS(NS, 'linearGradient');
lg.setAttribute('id', id);
lg.setAttribute('gradientUnits', 'userSpaceOnUse');
lg.setAttribute('x1', '0'); lg.setAttribute('y1', y1);
lg.setAttribute('x2', x2); lg.setAttribute('y2', y2);
for (const [pos, farbe, deck] of stops) {
const st = document.createElementNS(NS, 'stop');
st.setAttribute('offset', pos);
st.setAttribute('stop-color', farbe);
st.setAttribute('stop-opacity', deck);
lg.append(st);
}
defs.append(lg);
};
Genau das ist passiert: Beim Kalender verschwand die Querlinie,
beim Technik-Zeichen alle drei Regler-Striche, bei den Berichten
die Grundlinie. Zurück blieb ein leerer Kasten und drei Punkte --
und es sah aus, als sei die Idee mit dem Verlauf schuld.
/* Der Körper: oben satt, unten fast durchsichtig. */
bauen('zeichen-flaeche', [
['0', 'currentColor', '0.62'],
['0.5', 'currentColor', '0.34'],
['1', 'currentColor', '0.1'],
]);
/* Die Kontur: Licht von oben. Oben fast weiss, unten im Farbton --
das ist der Trick, der die Zeichen aus der Fläche hebt. */
bauen('zeichen-linie', [
['0', '#ffffff', '0.96'],
['0.42', '#ffffff', '0.72'],
['1', 'currentColor', '0.9'],
]);
/* Die Spiegelung, diagonal von links oben nach rechts unten. */
bauen('zeichen-glanz', [
['0', '#ffffff', '0.55'],
['0.45', '#ffffff', '0.12'],
['0.7', '#ffffff', '0'],
], '18', '0', '20');
In Benutzerkoordinaten läuft der Verlauf über die festen 24
Einheiten des Rasters, unabhängig davon, wie hoch oder flach der
einzelne Pfad ist. Damit bekommt jede Linie den Farbwert, der
ihrer Höhe im Zeichen entspricht -- was ohnehin richtiger ist:
Das Licht kommt von oben, nicht von jedem Strich einzeln. */
lg.setAttribute('gradientUnits', 'userSpaceOnUse');
lg.setAttribute('x1', '0'); lg.setAttribute('y1', '2');
lg.setAttribute('x2', '0'); lg.setAttribute('y2', '22');
/* currentColor statt einer festen Farbe: Der Verlauf erbt damit den
Ton der Kachel, auf der er gerade liegt. */
for (const [pos, deck] of [['0', '1'], ['0.55', '0.92'], ['1', '0.6']]) {
const s = document.createElementNS(NS, 'stop');
s.setAttribute('offset', pos);
s.setAttribute('stop-color', 'currentColor');
s.setAttribute('stop-opacity', deck);
lg.append(s);
}
defs.append(lg);
svg.append(defs);
document.body.append(svg);
}
@@ -390,9 +418,13 @@
die Zeichnung oben. Ein Zeichen ohne Füllung (ältere Einträge,
die noch ein reines Feld sind) bekommt einfach keine. */
const eintrag = ZEICHEN[name] || {};
/* Drei Lagen, von hinten nach vorn: Körper, Spiegelung auf dem
Körper, dann die Kontur. Die Spiegelung benutzt dieselben Pfade
wie der Körper -- sie liegt also GENAU auf ihm und nicht daneben. */
const teile = Array.isArray(eintrag)
? [['zeichen__linie', eintrag]]
: [['zeichen__fuellung', eintrag.fuellung || []],
['zeichen__glanz', eintrag.fuellung || []],
['zeichen__linie', eintrag.linien || []]];
for (const [lage, pfade] of teile) {
+7 -7
View File
@@ -7,9 +7,9 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
</head>
<body class="start">
@@ -152,9 +152,9 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/aufgaben.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/aufgaben.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609030159" />
</head>
<body class="start">
@@ -132,9 +132,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/automation.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/automation.js?v=202609030159" defer></script>
</body>
</html>
+12 -12
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609030159" />
</head>
<body class="start">
@@ -115,13 +115,13 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/checkliste.js?v=202609030141" defer></script>
<script src="assets/js/ampel.js?v=202609030141" defer></script>
<script src="assets/js/schulung.js?v=202609030141" defer></script>
<script src="assets/js/vorlagen.js?v=202609030141" defer></script>
<script src="assets/js/bereich.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/checkliste.js?v=202609030159" defer></script>
<script src="assets/js/ampel.js?v=202609030159" defer></script>
<script src="assets/js/schulung.js?v=202609030159" defer></script>
<script src="assets/js/vorlagen.js?v=202609030159" defer></script>
<script src="assets/js/bereich.js?v=202609030159" defer></script>
</body>
</html>
+9 -9
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609030159" />
</head>
<body class="start">
@@ -74,10 +74,10 @@
</main>
<script src="assets/js/ki.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/calls.js?v=202609030141" defer></script>
<script src="assets/js/ki.js?v=202609030159" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/calls.js?v=202609030159" defer></script>
</body>
</html>
+10 -10
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/content.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/content.css?v=202609030159" />
</head>
<body class="start">
@@ -164,11 +164,11 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/checkliste.js?v=202609030141" defer></script>
<script src="assets/js/vorlagen.js?v=202609030141" defer></script>
<script src="assets/js/content.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/checkliste.js?v=202609030159" defer></script>
<script src="assets/js/vorlagen.js?v=202609030159" defer></script>
<script src="assets/js/content.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609030159" />
</head>
<body class="start">
@@ -93,9 +93,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/dateien.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/dateien.js?v=202609030159" defer></script>
</body>
</html>
+2 -2
View File
@@ -25,7 +25,7 @@
type="image/webp" media="(max-width: 899px)" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
</head>
<body class="gate">
@@ -143,6 +143,6 @@
</p>
</main>
<script src="assets/js/gate.js?v=202609030141" defer></script>
<script src="assets/js/gate.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609030159" />
</head>
<body class="start">
@@ -178,9 +178,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/kalender.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/kalender.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609030159" />
</head>
<body class="start">
@@ -121,9 +121,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/personen.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/personen.js?v=202609030159" defer></script>
</body>
</html>
+9 -9
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609030159" />
</head>
<body class="start">
@@ -193,10 +193,10 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/steckbrief.js?v=202609030141" defer></script>
<script src="assets/js/profil.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/steckbrief.js?v=202609030159" defer></script>
<script src="assets/js/profil.js?v=202609030159" defer></script>
</body>
</html>
+9 -9
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/report.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/report.css?v=202609030159" />
</head>
<body class="start">
@@ -91,10 +91,10 @@
</main>
<script src="assets/js/ki.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/report.js?v=202609030141" defer></script>
<script src="assets/js/ki.js?v=202609030159" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/report.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609030159" />
</head>
<body class="start">
@@ -124,9 +124,9 @@
</div>
</div>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/scouting.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/scouting.js?v=202609030159" defer></script>
</body>
</html>
+6 -6
View File
@@ -7,8 +7,8 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
</head>
<body class="start">
@@ -99,9 +99,9 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/start.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/start.js?v=202609030159" defer></script>
</body>
</html>
+9 -9
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609030159" />
</head>
<body class="start">
@@ -70,10 +70,10 @@
</main>
<script src="assets/js/ki.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/startcheck.js?v=202609030141" defer></script>
<script src="assets/js/ki.js?v=202609030159" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/startcheck.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609030159" />
</head>
<body class="start">
@@ -111,9 +111,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/steckbrief.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/steckbrief.js?v=202609030159" defer></script>
</body>
</html>
+6 -6
View File
@@ -7,9 +7,9 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609030159" />
</head>
<body class="start">
@@ -57,9 +57,9 @@
</main>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/uebersicht.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/uebersicht.js?v=202609030159" defer></script>
</body>
</html>
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609030159" />
</head>
<body class="start">
@@ -175,9 +175,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/wissen.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/wissen.js?v=202609030159" defer></script>
</body>
</html>