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 4.1

From version 4.1

edited by Christian Zauner
on 20.10.2026

Change comment: There is no comment for this version

To version 7.1

edited by Christian Zauner
on 22.10.2026

Change comment: Restored from recycle bin

Raw
Rendered

Summary

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

Details

Page properties

Content

@@ -1,540 +1,486 @@
  {{html clean="false"}}
  <style>
--  :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;
++/* 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;
    }
--
--  .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; }
++  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;
    }
++  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">
--
++<div class="smart1-home" lang="en">
  <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="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/Public Information/Support & Contact">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 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>
++<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,0 +1,1 @@
	1	+XWiki.christian_zauner

Size

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

Content