Home
Version 2.1 by Christian Zauner on 16.03.2026
: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-home,
.smart1-home * {
box-sizing: border-box;
}
.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;
}
}
Smart1 External Wiki
Welcome to the Smart1 Knowledge Base
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.
Important: For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
Quick Access
Documentation
Product Documentation
Browse public product information, manuals, guides and general documentation content.
Open section →Compatibility
Device Compatibility
Check supported devices, compatibility information and relevant technical requirements.
Open section →Integration
Integration Guides
Review setup concepts, interfaces and integration-related documentation for Smart1 environments.
Open section →Support
Support & Contact
Find help resources, contact options and assistance for access and documentation topics.
Open section →Public Area
General overview pages and introductory information for external visitors.
Registered Area
Extended technical documentation, advanced content and further information for signed-in users.
Need Help?
Use the support section to find the right contact path for access questions and documentation requests.