Changes for page Home

Last modified by Christian Zauner on 22.10.2026

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments (1)
- History
- Information
- Likes

From 3.1 to 2.1

From version 7.1

edited by Christian Zauner
on 22.10.2026

Change comment: Restored from recycle bin

To version 3.1

edited by Christian Zauner
on 02.10.2026

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Attachments (0 modified, 0 added, 1 removed)
- smart1-willkommen-hd-v1.1.png

Details

Page properties

Content

@@ -1,486 +1,540 @@
  {{html clean="false"}}
  <style>
--/* smart1 Startseite V1.1 HD | Main.WebHome only | DE + EN
--   This homepage package supplies DE and EN content and updates the three requested Quick Access links.
--   Every selector is restricted to Main.WebHome in view mode.
--   This file intentionally does not target navigation, login, editor, or other pages.
--   Baseline: public German and English page source retrieved 2026-10-20.
--*/
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home {
--  --s1hp-hero-image: url("/bin/download/Main/WebHome/smart1-willkommen-hd-v1.1.png");
--  --s1hp-blue: #0067cf;
--  --s1hp-ink: #102b4a;
--  --s1hp-muted: #526a82;
--  --s1hp-line: #dce9f5;
--  --s1hp-magenta: #e6007e;
--  box-sizing: border-box;
--  container-type: inline-size;
--  container-name: smart1home;
--  width: 100%;
--  max-width: 1360px;
--  margin: 0 auto;
--  padding: 0;
--  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
--  font-size: 15px;
--  line-height: 1.6;
--  color: var(--s1hp-ink);
--  background: transparent;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *::before,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home *::after { box-sizing: border-box; }
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h1,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h2,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home h3 {
--  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
--  color: var(--s1hp-ink);
--  border: 0;
--  letter-spacing: -0.025em;
--  text-wrap: pretty;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a {
--  text-decoration: none;
--  text-underline-offset: 3px;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a:focus-visible {
--  outline: 3px solid var(--s1hp-magenta);
--  outline-offset: 4px;
--}
--/* The first two blocks have inline styling in both current language versions.
--   Only the properties necessary to replace that old presentation use !important. */
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child {
--  position: relative;
--  isolation: isolate;
--  overflow: hidden;
--  min-height: 398px;
--  padding: 36px 38px 36px !important;
--  margin: 0 0 18px !important;
--  border: 1px solid #d5e7f7;
--  border-radius: 16px !important;
--  background: #eff7ff !important;
--  color: var(--s1hp-ink) !important;
--  box-shadow: 0 8px 26px rgba(18,64,103,.045);
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before {
--  content: "";
--  position: absolute;
--  z-index: -1;
--  top: 0; right: 0; bottom: 0;
--  width: 57%;
--  background-image:
--    linear-gradient(90deg, #eff7ff 0%, rgba(239,247,255,.87) 8%, rgba(239,247,255,.2) 29%, rgba(239,247,255,0) 54%),
--    var(--s1hp-hero-image);
--  background-repeat: no-repeat;
--  background-position: center, 57% center;
--  background-size: 100% 100%, cover;
--  pointer-events: none;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:first-child {
--  display: inline-flex;
--  align-items: center;
--  gap: 11px;
--  position: relative;
--  font-size: 11px !important;
--  font-weight: 700 !important;
--  line-height: 1.5;
--  letter-spacing: .13em !important;
--  opacity: 1 !important;
--  color: #426787;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:first-child::before {
--  content: "";
--  display: block;
--  width: 32px;
--  height: 3px;
--  border-radius: 4px;
--  background: var(--s1hp-magenta);
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 {
--  position: relative;
--  max-width: 53%;
--  margin: 19px 0 17px !important;
--  color: #005dbb;
--  font-size: 40px !important;
--  line-height: 1.15 !important;
--  font-weight: 750;
--  overflow-wrap: break-word;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1::first-line {
--  color: #102b4a;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p {
--  position: relative;
--  max-width: 53% !important;
--  margin: 0 !important;
--  font-size: 15px !important;
--  font-weight: 400;
--  line-height: 1.75 !important;
--  color: #3c5871;
--  text-wrap: pretty;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child {
--  display: flex;
--  flex-wrap: wrap;
--  align-items: center;
--  gap: 10px;
--  margin-top: 24px !important;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn {
--  display: inline-flex !important;
--  align-items: center;
--  justify-content: center;
--  min-height: 44px;
--  padding: 10px 19px !important;
--  margin: 0 !important;
--  border: 1px solid #bed6ec;
--  border-radius: 7px !important;
--  font-size: 14px;
--  font-weight: 650 !important;
--  line-height: 1.5;
--  text-decoration: none;
--  box-shadow: none;
--  transition: box-shadow .16s ease, background-color .16s ease, transform .16s ease;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:first-child,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn-primary {
--  background: #0067cf !important;
--  border-color: #0067cf;
--  color: #fff !important;
--  box-shadow: 0 4px 10px rgba(0,103,207,.13);
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:last-child,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn-secondary {
--  background: #fff !important;
--  border-color: #c9dced;
--  color: #075fb8 !important;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > div:last-child a:hover,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-btn:hover {
--  transform: translateY(-1px);
--  box-shadow: 0 5px 13px rgba(0,88,170,.16);
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:nth-child(2) {
--  margin: 0 0 31px !important;
--  padding: 15px 20px !important;
--  border: 1px solid #d7e8f8 !important;
--  border-left: 3px solid #0c79dc !important;
--  border-radius: 8px !important;
--  background: #f3f9ff !important;
--  color: #466079;
--  font-size: 14px;
--  line-height: 1.65 !important;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:nth-child(2) > strong {
--  color: #125ba2;
--  font-weight: 700;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-section-title {
--  display: flex;
--  align-items: center;
--  gap: 13px;
--  margin: 0 0 18px;
--  font-size: 23px;
--  line-height: 1.25;
--  font-weight: 700;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-section-title::before {
--  content: "";
--  width: 32px;
--  height: 3px;
--  flex: 0 0 32px;
--  background: var(--s1hp-magenta);
--  border-radius: 4px;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles {
--  display: grid;
--  grid-template-columns: repeat(4,minmax(0,1fr));
--  gap: 16px;
--  margin: 0 0 24px;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile {
--  display: flex;
--  flex-direction: column;
--  align-items: flex-start;
--  min-width: 0;
--  padding: 23px 22px 20px;
--  border: 1px solid var(--s1hp-line);
--  border-radius: 11px;
--  background: #fff;
--  box-shadow: 0 4px 15px rgba(14,58,98,.035);
--  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:hover,
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:focus-within {
--  border-color: #a9cfef;
--  transform: translateY(-2px);
--  box-shadow: 0 8px 22px rgba(14,58,98,.08);
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-icon {
--  display: flex;
--  align-items: center;
--  justify-content: center;
--  width: 47px;
--  height: 47px;
--  flex: 0 0 47px;
--  margin: 0 0 17px;
--  border-radius: 11px;
--  border: 1px solid #e4f0fc;
--  background: #edf6ff;
--  color: #0067cf;
--  box-shadow: none;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-icon svg { width: 25px; height: 25px; }
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-kicker {
--  margin: 0 0 7px;
--  color: #386d9b;
--  font-size: 10px;
--  line-height: 1.5;
--  font-weight: 700;
--  text-transform: uppercase;
--  letter-spacing: .105em;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile h3 {
--  margin: 0 0 10px;
--  color: #143455;
--  font-size: 19px;
--  font-weight: 700;
--  line-height: 1.3;
--  overflow-wrap: break-word;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile p {
--  margin: 0 0 22px;
--  max-width: none;
--  color: var(--s1hp-muted);
--  font-size: 14px;
--  line-height: 1.7;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-link {
--  display: inline-flex;
--  align-items: center;
--  min-height: 32px;
--  margin-top: auto;
--  color: #0063c6;
--  font-size: 14px;
--  font-weight: 650;
--  line-height: 1.5;
--  text-decoration: none;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-link:hover { text-decoration: underline; }
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row {
--  display: grid;
--  grid-template-columns: repeat(3,minmax(0,1fr));
--  gap: 16px;
--  margin: 0 0 24px;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini {
--  padding: 21px 23px;
--  border: 1px solid #e0eaf4;
--  border-top: 3px solid #cee5fa;
--  border-radius: 10px;
--  background: #fff;
--  box-shadow: none;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini:nth-child(2) { border-top-color: #a9d3f5; }
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini h3 {
--  margin: 0 0 8px;
--  font-size: 17px;
--  font-weight: 650;
--  line-height: 1.4;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini p {
--  margin: 0;
--  color: var(--s1hp-muted);
--  font-size: 14px;
--  line-height: 1.7;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer {
--  display: flex;
--  align-items: center;
--  justify-content: space-between;
--  flex-wrap: wrap;
--  gap: 22px;
--  margin: 0;
--  padding: 25px 28px;
--  border: 1px solid #dbe8f5;
--  border-left: 3px solid var(--s1hp-magenta);
--  border-radius: 11px;
--  color: var(--s1hp-ink);
--  background: linear-gradient(110deg,#edf6ff,#f8fbff);
--  box-shadow: none;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer > div:first-child { flex: 1 1 470px; }
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 {
--  margin: 0 0 7px;
--  font-size: 24px;
--  font-weight: 700;
--  line-height: 1.3;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer p {
--  max-width: 760px;
--  margin: 0;
--  color: var(--s1hp-muted);
--  font-size: 14px;
--  line-height: 1.7;
--  opacity: 1;
--}
--html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-actions {
--  display: flex;
--  flex: 0 1 auto;
--  flex-wrap: wrap;
--  gap: 10px;
--}
--/* Container queries follow the actual content width, even with XWiki side panels.
--   The media queries below also provide a viewport-based fallback. */
--@container smart1home (max-width: 1050px) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 30px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 35px !important; max-width: 64%; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 58% !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { width: 53%; background-position: center, 58% center; }
--}
--@container smart1home (max-width: 700px) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { min-height: 0; padding: 245px 25px 27px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before {
--    width: 100%; height: 235px; bottom: auto;
--    background-image: linear-gradient(0deg,#eff7ff 0%,rgba(239,247,255,0) 29%), var(--s1hp-hero-image);
--    background-position: center, center;
--    background-size: 100% 100%, cover;
++  :root {
++    --s1-bg: #f4f8fc;
++    --s1-surface: #ffffff;
++    --s1-line: #e5ecf5;
++    --s1-text: #0f172a;
++    --s1-muted: #5b667a;
++    --s1-brand: #2563eb;
++    --s1-brand-dark: #0b1f3a;
++    --s1-accent: #14b8c8;
++    --s1-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
++    --s1-radius: 24px;
    }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 33px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row { grid-template-columns: 1fr; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer { padding: 23px; }
--}
--@container smart1home (max-width: 480px) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 211px 20px 25px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { height: 198px; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 29px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: 1fr; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile { padding: 23px; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile h3 { font-size: 20px; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 { font-size: 22px; }
--}
--@media (max-width: 760px) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-access-row { grid-template-columns: 1fr; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { min-height: 0; padding: 245px 25px 27px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before {
--    width: 100%; height: 235px; bottom: auto;
--    background-image: linear-gradient(0deg,#eff7ff 0%,rgba(239,247,255,0) 29%), var(--s1hp-hero-image);
--    background-position: center, center;
--    background-size: 100% 100%, cover;
++
++  .smart1-home,
++  .smart1-home * {
++    box-sizing: border-box;
    }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 33px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; }
--}
--@media (max-width: 480px) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: 1fr; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 211px 20px 25px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { height: 198px; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { font-size: 29px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer h3 { font-size: 22px; }
--}
--@media (prefers-reduced-motion: reduce) {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a,
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile { transition: none; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home a:hover,
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile:hover { transform: none; }
--}
--@media print {
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child { padding: 20px !important; min-height: 0; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child::before { display: none; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > h1 { max-width: 100%; font-size: 26px !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home > div:first-child > p { max-width: 100% !important; }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-tile,
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-mini,
--  html[data-xwiki-document="Main.WebHome"] body.viewbody #xwikicontent .smart1-home .smart1-footer { break-inside: avoid; box-shadow: none; }
--}
++  .smart1-home {
++    max-width: 1240px;
++    margin: 0 auto;
++    padding: 24px;
++    font-family: Inter, Arial, Helvetica, sans-serif;
++    color: var(--s1-text);
++  }
++
++  .smart1-actions {
++    display: flex;
++    gap: 10px;
++    flex-wrap: wrap;
++  }
++
++  .smart1-btn {
++    display: inline-flex;
++    align-items: center;
++    justify-content: center;
++    gap: 8px;
++    text-decoration: none;
++    border-radius: 12px;
++    padding: 12px 18px;
++    font-size: 14px;
++    font-weight: 700;
++    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
++  }
++
++  .smart1-btn:hover {
++    transform: translateY(-1px);
++  }
++
++  .smart1-btn-primary {
++    background: linear-gradient(135deg, var(--s1-brand), #1d4ed8);
++    color: #ffffff;
++    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
++  }
++
++  .smart1-btn-secondary {
++    background: #ffffff;
++    color: var(--s1-text);
++    border: 1px solid var(--s1-line);
++  }
++
++  .smart1-hero {
++    display: grid;
++    grid-template-columns: 1.35fr 0.95fr;
++    gap: 24px;
++    margin-bottom: 24px;
++  }
++
++  .smart1-hero-main {
++    position: relative;
++    overflow: hidden;
++    border-radius: 28px;
++    padding: 42px;
++    color: #ffffff;
++    background:
++      radial-gradient(circle at top right, rgba(20, 184, 200, 0.22), transparent 28%),
++      linear-gradient(135deg, var(--s1-brand-dark), #132b4f 60%, #173c69);
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-badge {
++    display: inline-flex;
++    align-items: center;
++    gap: 8px;
++    padding: 8px 12px;
++    border-radius: 999px;
++    font-size: 12px;
++    font-weight: 700;
++    text-transform: uppercase;
++    letter-spacing: 0.08em;
++    background: rgba(255, 255, 255, 0.12);
++    border: 1px solid rgba(255, 255, 255, 0.18);
++  }
++
++  .smart1-hero-main h1 {
++    font-size: 42px;
++    line-height: 1.12;
++    margin: 18px 0 16px 0;
++    max-width: 760px;
++  }
++
++  .smart1-hero-main p {
++    font-size: 18px;
++    line-height: 1.75;
++    opacity: 0.96;
++    max-width: 760px;
++    margin: 0 0 26px 0;
++  }
++
++  .smart1-hero-actions {
++    display: flex;
++    gap: 12px;
++    flex-wrap: wrap;
++  }
++
++  .smart1-hero-actions .smart1-btn-secondary {
++    background: rgba(255, 255, 255, 0.14);
++    color: #ffffff;
++    border: 1px solid rgba(255, 255, 255, 0.2);
++  }
++
++  .smart1-side {
++    display: flex;
++    flex-direction: column;
++    gap: 18px;
++  }
++
++  .smart1-panel {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: 22px;
++    padding: 24px;
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-panel h3 {
++    margin: 0 0 12px 0;
++    font-size: 20px;
++  }
++
++  .smart1-panel p {
++    margin: 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-checklist {
++    list-style: none;
++    padding: 0;
++    margin: 0;
++  }
++
++  .smart1-checklist li {
++    position: relative;
++    padding-left: 28px;
++    margin-bottom: 12px;
++    color: var(--s1-text);
++    line-height: 1.6;
++  }
++
++  .smart1-checklist li:last-child {
++    margin-bottom: 0;
++  }
++
++  .smart1-checklist li::before {
++    content: "✓";
++    position: absolute;
++    left: 0;
++    top: 0;
++    width: 20px;
++    height: 20px;
++    color: var(--s1-brand);
++    font-weight: 700;
++  }
++
++  .smart1-pills {
++    display: flex;
++    flex-wrap: wrap;
++    gap: 10px;
++    margin-top: 14px;
++  }
++
++  .smart1-pill {
++    display: inline-flex;
++    align-items: center;
++    padding: 10px 12px;
++    border-radius: 999px;
++    background: #f5f9ff;
++    border: 1px solid #d9e5fb;
++    color: var(--s1-text);
++    font-size: 13px;
++    font-weight: 700;
++  }
++
++  .smart1-notice {
++    display: flex;
++    align-items: flex-start;
++    gap: 16px;
++    background: linear-gradient(90deg, #eff6ff, #f0fdfa);
++    border: 1px solid #cfe0ff;
++    border-radius: 22px;
++    padding: 20px 22px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-notice-icon {
++    flex: 0 0 48px;
++    width: 48px;
++    height: 48px;
++    border-radius: 16px;
++    background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
++    color: #ffffff;
++    display: flex;
++    align-items: center;
++    justify-content: center;
++    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
++  }
++
++  .smart1-notice strong {
++    display: block;
++    font-size: 17px;
++    margin-bottom: 4px;
++  }
++
++  .smart1-notice p {
++    margin: 0;
++    line-height: 1.7;
++    color: #334155;
++  }
++
++  .smart1-section-title {
++    font-size: 28px;
++    line-height: 1.2;
++    margin: 0 0 18px 0;
++  }
++
++  .smart1-tiles {
++    display: grid;
++    grid-template-columns: repeat(4, 1fr);
++    gap: 20px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-tile {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: var(--s1-radius);
++    padding: 26px;
++    box-shadow: var(--s1-shadow);
++    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
++  }
++
++  .smart1-tile:hover {
++    transform: translateY(-4px);
++    border-color: #c8d9ff;
++    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
++  }
++
++  .smart1-icon {
++    width: 54px;
++    height: 54px;
++    border-radius: 16px;
++    background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
++    color: #ffffff;
++    display: flex;
++    align-items: center;
++    justify-content: center;
++    margin-bottom: 18px;
++    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);
++  }
++
++  .smart1-kicker {
++    font-size: 12px;
++    font-weight: 800;
++    text-transform: uppercase;
++    letter-spacing: 0.08em;
++    color: var(--s1-brand);
++    margin-bottom: 10px;
++  }
++
++  .smart1-tile h3 {
++    margin: 0 0 10px 0;
++    font-size: 22px;
++    line-height: 1.25;
++  }
++
++  .smart1-tile p {
++    margin: 0 0 18px 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-link {
++    display: inline-flex;
++    align-items: center;
++    gap: 8px;
++    text-decoration: none;
++    color: var(--s1-brand);
++    font-weight: 700;
++  }
++
++  .smart1-access-row {
++    display: grid;
++    grid-template-columns: repeat(3, 1fr);
++    gap: 20px;
++    margin-bottom: 28px;
++  }
++
++  .smart1-mini {
++    background: var(--s1-surface);
++    border: 1px solid var(--s1-line);
++    border-radius: 22px;
++    padding: 22px;
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-mini h3 {
++    margin: 0 0 10px 0;
++    font-size: 18px;
++  }
++
++  .smart1-mini p {
++    margin: 0;
++    color: var(--s1-muted);
++    line-height: 1.7;
++  }
++
++  .smart1-footer {
++    display: flex;
++    align-items: center;
++    justify-content: space-between;
++    gap: 22px;
++    flex-wrap: wrap;
++    border-radius: 28px;
++    padding: 28px;
++    color: #ffffff;
++    background:
++      radial-gradient(circle at top left, rgba(20, 184, 200, 0.18), transparent 24%),
++      linear-gradient(135deg, #0f172a, #16243c 60%, #1c3254);
++    box-shadow: var(--s1-shadow);
++  }
++
++  .smart1-footer h3 {
++    margin: 0 0 8px 0;
++    font-size: 28px;
++    line-height: 1.2;
++  }
++
++  .smart1-footer p {
++    margin: 0;
++    max-width: 760px;
++    line-height: 1.7;
++    opacity: 0.94;
++  }
++
++  .smart1-footer .smart1-btn-secondary {
++    background: rgba(255, 255, 255, 0.12);
++    color: #ffffff;
++    border: 1px solid rgba(255, 255, 255, 0.18);
++  }
++
++  @media (max-width: 1100px) {
++    .smart1-hero,
++    .smart1-tiles,
++    .smart1-access-row {
++      grid-template-columns: 1fr 1fr;
++    }
++
++    .smart1-hero {
++      grid-template-columns: 1fr;
++    }
++
++    .smart1-side {
++      display: grid;
++      grid-template-columns: 1fr 1fr;
++    }
++  }
++
++  @media (max-width: 760px) {
++    .smart1-home {
++      padding: 16px;
++    }
++
++    .smart1-side,
++    .smart1-tiles,
++    .smart1-access-row {
++      grid-template-columns: 1fr;
++    }
++
++    .smart1-hero-main {
++      padding: 28px;
++    }
++
++    .smart1-hero-main h1 {
++      font-size: 32px;
++    }
++
++    .smart1-hero-main p {
++      font-size: 16px;
++    }
++
++    .smart1-footer {
++      padding: 24px;
++    }
++
++    .smart1-footer h3 {
++      font-size: 24px;
++    }
++  }
  </style>
--<div class="smart1-home" lang="en">
++
++<div class="smart1-home">
++
  <div style="background:linear-gradient(135deg,#0f172a,#1e3a5f); color:#ffffff; padding:48px; border-radius:20px; margin-bottom:24px;">
--<div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">Smart1 External Wiki</div>
--<h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">Welcome to the Smart1 Knowledge Base</h1>
--<p style="font-size:18px; line-height:1.7; max-width:820px; margin:0 0 24px 0;">Find product information, documentation overviews, compatibility details, integration guidance and support resources for Smart1 solutions. Please note that access to detailed technical documentation and advanced information requires registration.</p>
--<div style="margin-top:24px;">
--<a href="/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F" style="display:inline-block; background:#2563eb; color:#ffffff; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold; margin-right:12px;">Register</a>
--<a href="/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&amp;loginLink=1" style="display:inline-block; background:#ffffff; color:#0f172a; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold;">Login</a>
--</div></div>
--<div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;">
--<strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
++    <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">
++      Smart1 External Wiki
++    </div>
++
++    <h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">
++      Welcome to the Smart1 Knowledge Base
++    </h1>
++
++    <p style="font-size:18px; line-height:1.7; max-width:820px; margin:0 0 24px 0;">
++      Find product information, documentation overviews, compatibility details, integration guidance and support resources for Smart1 solutions.
++      Please note that access to detailed technical documentation and advanced information requires registration.
++    </p>
++
++    <div style="margin-top:24px;">
++      <a href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F"
++         style="display:inline-block; background:#2563eb; color:#ffffff; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold; margin-right:12px;">
++        Register
++      </a>
++
++      <a href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1"
++         style="display:inline-block; background:#ffffff; color:#0f172a; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold;">
++        Login
++      </a>
++    </div>
++  </div>
++
++  <div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;">
++    <strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
++  </div>
++
++  <h2 class="smart1-section-title">Quick Access</h2>
++
++  <div class="smart1-tiles">
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Documentation</div>
++      <h3>Product Documentation</h3>
++      <p>Browse public product information, manuals, guides and general documentation content.</p>
++      <a class="smart1-link" href="/bin/view/Documentation/WebHome">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <path d="M12 4L18 7.5V12.5C18 16.3 15.5 19.82 12 21C8.5 19.82 6 16.3 6 12.5V7.5L12 4Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Compatibility</div>
++      <h3>Device Compatibility</h3>
++      <p>Check supported devices, compatibility information and relevant technical requirements.</p>
++      <a class="smart1-link" href="/bin/view/Public Information/Compatibility">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <path d="M8 7H10.5V11.5H13.5V7H16V11.5C16 13.99 13.99 16 11.5 16C9.01 16 7 13.99 7 11.5V8C7 7.45 7.45 7 8 7Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
++          <path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Integration</div>
++      <h3>Integration Guides</h3>
++      <p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p>
++      <a class="smart1-link" href="/bin/view/Integration/WebHome">Open section →</a>
++    </div>
++
++    <div class="smart1-tile">
++      <div class="smart1-icon">
++        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
++          <path d="M12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18Z" stroke="currentColor" stroke-width="2"/>
++          <path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++          <path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
++        </svg>
++      </div>
++      <div class="smart1-kicker">Support</div>
++      <h3>Support & Contact</h3>
++      <p>Find help resources, contact options and assistance for access and documentation topics.</p>
++      <a class="smart1-link" href="/bin/view/Support">Open section →</a>
++    </div>
++  </div>
++
++  <div class="smart1-access-row">
++    <div class="smart1-mini">
++      <h3>Public Area</h3>
++      <p>General overview pages and introductory information for external visitors.</p>
++    </div>
++
++    <div class="smart1-mini">
++      <h3>Registered Area</h3>
++      <p>Extended technical documentation, advanced content and further information for signed-in users.</p>
++    </div>
++
++    <div class="smart1-mini">
++      <h3>Need Help?</h3>
++      <p>Use the support section to find the right contact path for access questions and documentation requests.</p>
++    </div>
++  </div>
++
++  <div class="smart1-footer">
++    <div>
++      <h3>Ready for full access?</h3>
++      <p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p>
++    </div>
++
++    <div class="smart1-actions">
++      <a class="smart1-btn smart1-btn-secondary" href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1">Login</a>
++      <a class="smart1-btn smart1-btn-primary" href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a>
++    </div>
++  </div>
++
  </div>
--<h2 class="smart1-section-title">Quick Access</h2>
--<div class="smart1-tiles">
--<div class="smart1-tile">
--<div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
--<path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
--<path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
--<path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--<path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--</svg></div>
--<div class="smart1-kicker">Documentation</div>
--<h3>Manual &amp; Guides</h3>
--<p>Browse public product information, manuals, guides and general documentation content.</p>
--<a class="smart1-link" href="/bin/view/Public%20Information/Manuals%20%26%20Guides/">Open section →</a>
--</div>
--<div class="smart1-tile">
--<div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
--<path d="M12 4L18 7.5V12.5C18 16.3 15.5 19.82 12 21C8.5 19.82 6 16.3 6 12.5V7.5L12 4Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
--<path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
--</svg></div>
--<div class="smart1-kicker">Compatibility</div>
--<h3>Compatibility Finder</h3>
--<p>Check supported devices, compatibility information and relevant technical requirements.</p>
--<a class="smart1-link" href="/bin/view/Compatibility/Compatibility%20Finder/">Open section →</a>
--</div>
--<div class="smart1-tile">
--<div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
--<path d="M8 7H10.5V11.5H13.5V7H16V11.5C16 13.99 13.99 16 11.5 16C9.01 16 7 13.99 7 11.5V8C7 7.45 7.45 7 8 7Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
--<path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--<path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--</svg></div>
--<div class="smart1-kicker">Integration</div>
--<h3>Integration Guides</h3>
--<p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p>
--<a class="smart1-link" href="/bin/view/Integration/WebHome">Open section →</a>
--</div>
--<div class="smart1-tile">
--<div class="smart1-icon"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
--<path d="M12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18Z" stroke="currentColor" stroke-width="2"/>
--<path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--<path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--<path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--<path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
--</svg></div>
--<div class="smart1-kicker">Support</div>
--<h3>Support &amp; Contact</h3>
--<p>Find help resources, contact options and assistance for access and documentation topics.</p>
--<a class="smart1-link" href="/bin/view/Smart1SupportContact/">Open section →</a>
--</div>
--</div>
--<div class="smart1-access-row">
--<div class="smart1-mini">
--<h3>Public Area</h3>
--<p>General overview pages and introductory information for external visitors.</p>
--</div>
--<div class="smart1-mini">
--<h3>Registered Area</h3>
--<p>Extended technical documentation, advanced content and further information for signed-in users.</p>
--</div>
--<div class="smart1-mini">
--<h3>Need Help?</h3>
--<p>Use the support section to find the right contact path for access questions and documentation requests.</p>
--</div>
--</div>
--<div class="smart1-footer">
--<div>
--<h3>Ready for full access?</h3>
--<p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p>
--</div>
--<div class="smart1-actions">
--<a class="smart1-btn smart1-btn-secondary" href="/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&amp;loginLink=1">Login</a>
--<a class="smart1-btn smart1-btn-primary" href="/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a>
--</div></div></div>
  {{/html}}
++

smart1-willkommen-hd-v1.1.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.christian_zauner

Size

...	...	@@ -1,1 +1,0 @@
1		-2.4 MB

Content