Skip to Content

Changes for page Service Navigator

Last modified by Veronika Kocher on Thursday, 03 Sep 2026 14:15
From version 1.1
edited by ZID Server
on Tuesday, 14 Jul 2026 15:01
Change comment: There is no comment for this version
To version 7.1
edited by Veronika Kocher
on Tuesday, 11 Aug 2026 10:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.server
1 +XWiki.p0009670
Content
... ... @@ -1,0 +1,1 @@
1 +<div class="rh-grid">
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,5 +1,6 @@
1 +/* 1) Akzentfarbe zentral auf Angewandte-Orange */
1 1  .rh-grid{
2 - --rh-accent: hsl(194,95%,40%); /* Farbe der Nummer/Überschrift */
3 + --rh-accent: #dd4814; /* Nummer + Überschrift */
3 3   display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin:1rem 0;
4 4  }
5 5  @media (max-width:900px){ .rh-grid{ grid-template-columns:1fr; } }
... ... @@ -20,11 +20,18 @@
20 20  .rh-desc{ color:#666; font-size:.95rem; margin:0 0 1.1rem; }
21 21  
22 22  .rh-cards{ display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.3rem; }
23 -.rh-card{ display:block; padding:.8rem 1rem; border-radius:8px; background:#f7f7f7;
24 +.rh-card{
25 + display:block; padding:.8rem 1rem; border-radius:8px;
26 + background:#fbe9e2; /* leichtes Angewandte-Orange statt Grau */
24 24   text-decoration:none; color:#1a1a1a; font-weight:600; font-size:.95rem;
25 25   border-left:4px solid var(--rh-flame,#ccc);
26 - transition:background .15s ease, transform .15s ease; }
27 -.rh-card:hover{ background:#eee; transform:translateX(3px); }
29 + transition:background .15s ease, color .15s ease, transform .15s ease;
30 +}
31 +.rh-card:hover{
32 + background:#dd4814; /* voll Angewandte-Orange */
33 + color:#fff; /* weiße Schrift */
34 + transform:translateX(3px);
35 +}
28 28  .rh-flame1{ --rh-flame:#0ca6d8; }
29 29  .rh-flame2{ --rh-flame:#e2330b; }
30 30  .rh-flame3{ --rh-flame:#f2a900; }
... ... @@ -31,9 +31,12 @@
31 31  .rh-flame4{ --rh-flame:#2e9e5b; }
32 32  .rh-flame5{ --rh-flame:#8e44ad; }
33 33  
34 -.rh-btn{ margin-top:auto; display:block; text-align:center; text-decoration:none;
35 - padding:.8rem 1rem; border-radius:8px; font-weight:700; color:#1a1a1a; transition:filter .15s ease; }
36 -.rh-btn:hover{ filter:brightness(.95); }
37 -.rh-btn-yellow{ background:#f2c200; }
38 -.rh-btn-green{ background:#7bc043; }
39 -.rh-btn-forest{ background:#2e9e5b; color:#fff; }
42 +/* 2) Buttons: alle einheitlich orange (die drei Farbklassen zusammengeführt) */
43 +.rh-btn{
44 + margin-top:auto; display:block; text-align:center; text-decoration:none;
45 + padding:.8rem 1rem; border-radius:8px; font-weight:700;
46 + background:#dd4814; color:#fff;
47 + transition:background .15s ease;
48 +}
49 +.rh-btn:hover{ background:#b23810; color:#fff; } /* dunkleres Orange, Schrift bleibt weiß */
50 +