Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- unterstuetzung:start [2026/11/10 11:00] – Externe Bearbeitung 127.0.0.1
+++ unterstuetzung:start [2026/11/10 11:10] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 91: / Zeile 91: @@
 .ust-team h2 a:focus-visible{outline:none}
 .ust-team:has(h2 a:focus-visible) .ust-blob{filter:drop-shadow(0 0 0 3px var(--navy)) drop-shadow(0 0 1.6cqw var(--glow))}
-.ust-team p{font-size:1.36cqw;margin:.5cqw 0 1cqw;max-width:21cqw}
+.ust-team p{font-size:max(13.5px,1.36cqw);margin:.5cqw 0 1cqw;max-width:21cqw}
 .ust-chips{display:flex;flex-direction:column;align-items:center;gap:.55cqw;justify-content:center;position:relative;z-index:3}
-.ust-chips.ust-many{flex-direction:row;flex-wrap:wrap;max-width:26cqw;gap:.5cqw .4cqw}
+.ust-chips.ust-many{flex-direction:row;flex-wrap:wrap;max-width:max(26cqw,262px);margin:0 -2cqw;gap:.5cqw .4cqw}
-.ust-chips.ust-many a{font-size:1.04cqw;padding:.4cqw .8cqw}
+.ust-chips.ust-many a{font-size:max(11px,1.04cqw);padding:max(3px,.4cqw) max(7px,.8cqw)}
 .ust-chips a{font-size:1.18cqw;font-weight:800;text-decoration:none;padding:.45cqw 1.05cqw;border-radius:99px;
   background:rgba(255,255,255,.72);border:2px solid var(--navy);color:var(--navy);white-space:nowrap;
@@ Zeile 137: / Zeile 137: @@
 /* ---------- Schmale Bildschirme: gestapelt ---------- */
-@media (max-width:760px){
+/* Tablet & Handy: Kreise fließen (Tablet 2 pro Reihe, Handy untereinander) */
-  .ust-stage{aspect-ratio:auto;container-type:normal;padding:28px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:22px}
+@media (max-width:1023px){
+  .ust-stage{aspect-ratio:auto;container-type:normal;padding:28px 16px 40px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:26px 34px}
   .ust-arms,.ust-doodles,.ust-sticky,.ust-promise{display:none}
-  .ust-logo{position:relative;right:auto;bottom:auto;order:6;width:150px;margin-top:6px}
+  .ust-logo{position:relative;right:auto;bottom:auto;order:6;flex-basis:100%;width:auto;display:flex;justify-content:center;margin-top:6px}
+  .ust-logo img{width:160px}
   .ust-headline,.ust-team,.ust-note{position:relative;left:auto;top:auto;right:auto;transform:none}
-  .ust-headline{width:100%}
+  .ust-headline{width:100%;max-width:720px}
   .ust-headline h1{font-size:44px}
   .ust-headline p{font-size:17px;max-width:none}
@@ Zeile 153: / Zeile 155: @@
   .ust-chips{gap:6px}
   .ust-chips a,.ust-chips.ust-many a{font-size:13.5px;padding:5px 12px}
-  .ust-chips.ust-many{max-width:290px;gap:6px}
+  .ust-chips.ust-many{max-width:290px;gap:6px;margin:0}
   .ust-note{order:5;width:min(340px,92vw);aspect-ratio:auto;padding:26px 20px 20px 40px;
     background-image:repeating-linear-gradient(transparent 0 24px,#dfe6f2 24px 25px)}
@@ Zeile 162: / Zeile 164: @@
   .ust-footbar span+span{border-left:none}
 }
+/* Anpassungen fuer die Einbettung im Wiki */
 /* Das Wiki-Template haengt an jede h1 die Klasse page-header (Rahmen, Padding, Margins).
    Innerhalb der Grafik wird das zurueckgesetzt, sonst entsteht eine Linie unter der Handschrift. */