Changes for page Home

Last modified by Christian Zauner on 22.10.2026

From version 4.1
edited by Christian Zauner
on 20.10.2026
Change comment: There is no comment for this version
To version 5.1
edited by Christian Zauner
on 22.10.2026
Change comment: Imported from XAR

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Home
1 +Support & Kontakt
Default language
... ... @@ -1,1 +1,1 @@
1 -en
1 +de
Content
... ... @@ -1,540 +1,18 @@
1 +{{velocity}}
2 +#set ($s1scDoc = $xwiki.getDocument("Main.WebHome"))
3 +#set ($discard = $xwiki.ssx.use($s1scDoc.fullName, {"minify": false}))
4 +#set ($s1scBANNER = $s1scDoc.getAttachmentURL("smart1-support-technik-klar-v1.1.png"))
5 +#set ($s1scTEMPLATE = $s1scDoc.getAttachmentURL("smart1-supportanfrage-DE.txt"))
1 1  {{html clean="false"}}
2 -<style>
3 - :root {
4 - --s1-bg: #f4f8fc;
5 - --s1-surface: #ffffff;
6 - --s1-line: #e5ecf5;
7 - --s1-text: #0f172a;
8 - --s1-muted: #5b667a;
9 - --s1-brand: #2563eb;
10 - --s1-brand-dark: #0b1f3a;
11 - --s1-accent: #14b8c8;
12 - --s1-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
13 - --s1-radius: 24px;
14 - }
15 -
16 - .smart1-home,
17 - .smart1-home * {
18 - box-sizing: border-box;
19 - }
20 -
21 - .smart1-home {
22 - max-width: 1240px;
23 - margin: 0 auto;
24 - padding: 24px;
25 - font-family: Inter, Arial, Helvetica, sans-serif;
26 - color: var(--s1-text);
27 - }
28 -
29 - .smart1-actions {
30 - display: flex;
31 - gap: 10px;
32 - flex-wrap: wrap;
33 - }
34 -
35 - .smart1-btn {
36 - display: inline-flex;
37 - align-items: center;
38 - justify-content: center;
39 - gap: 8px;
40 - text-decoration: none;
41 - border-radius: 12px;
42 - padding: 12px 18px;
43 - font-size: 14px;
44 - font-weight: 700;
45 - transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
46 - }
47 -
48 - .smart1-btn:hover {
49 - transform: translateY(-1px);
50 - }
51 -
52 - .smart1-btn-primary {
53 - background: linear-gradient(135deg, var(--s1-brand), #1d4ed8);
54 - color: #ffffff;
55 - box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
56 - }
57 -
58 - .smart1-btn-secondary {
59 - background: #ffffff;
60 - color: var(--s1-text);
61 - border: 1px solid var(--s1-line);
62 - }
63 -
64 - .smart1-hero {
65 - display: grid;
66 - grid-template-columns: 1.35fr 0.95fr;
67 - gap: 24px;
68 - margin-bottom: 24px;
69 - }
70 -
71 - .smart1-hero-main {
72 - position: relative;
73 - overflow: hidden;
74 - border-radius: 28px;
75 - padding: 42px;
76 - color: #ffffff;
77 - background:
78 - radial-gradient(circle at top right, rgba(20, 184, 200, 0.22), transparent 28%),
79 - linear-gradient(135deg, var(--s1-brand-dark), #132b4f 60%, #173c69);
80 - box-shadow: var(--s1-shadow);
81 - }
82 -
83 - .smart1-badge {
84 - display: inline-flex;
85 - align-items: center;
86 - gap: 8px;
87 - padding: 8px 12px;
88 - border-radius: 999px;
89 - font-size: 12px;
90 - font-weight: 700;
91 - text-transform: uppercase;
92 - letter-spacing: 0.08em;
93 - background: rgba(255, 255, 255, 0.12);
94 - border: 1px solid rgba(255, 255, 255, 0.18);
95 - }
96 -
97 - .smart1-hero-main h1 {
98 - font-size: 42px;
99 - line-height: 1.12;
100 - margin: 18px 0 16px 0;
101 - max-width: 760px;
102 - }
103 -
104 - .smart1-hero-main p {
105 - font-size: 18px;
106 - line-height: 1.75;
107 - opacity: 0.96;
108 - max-width: 760px;
109 - margin: 0 0 26px 0;
110 - }
111 -
112 - .smart1-hero-actions {
113 - display: flex;
114 - gap: 12px;
115 - flex-wrap: wrap;
116 - }
117 -
118 - .smart1-hero-actions .smart1-btn-secondary {
119 - background: rgba(255, 255, 255, 0.14);
120 - color: #ffffff;
121 - border: 1px solid rgba(255, 255, 255, 0.2);
122 - }
123 -
124 - .smart1-side {
125 - display: flex;
126 - flex-direction: column;
127 - gap: 18px;
128 - }
129 -
130 - .smart1-panel {
131 - background: var(--s1-surface);
132 - border: 1px solid var(--s1-line);
133 - border-radius: 22px;
134 - padding: 24px;
135 - box-shadow: var(--s1-shadow);
136 - }
137 -
138 - .smart1-panel h3 {
139 - margin: 0 0 12px 0;
140 - font-size: 20px;
141 - }
142 -
143 - .smart1-panel p {
144 - margin: 0;
145 - color: var(--s1-muted);
146 - line-height: 1.7;
147 - }
148 -
149 - .smart1-checklist {
150 - list-style: none;
151 - padding: 0;
152 - margin: 0;
153 - }
154 -
155 - .smart1-checklist li {
156 - position: relative;
157 - padding-left: 28px;
158 - margin-bottom: 12px;
159 - color: var(--s1-text);
160 - line-height: 1.6;
161 - }
162 -
163 - .smart1-checklist li:last-child {
164 - margin-bottom: 0;
165 - }
166 -
167 - .smart1-checklist li::before {
168 - content: "✓";
169 - position: absolute;
170 - left: 0;
171 - top: 0;
172 - width: 20px;
173 - height: 20px;
174 - color: var(--s1-brand);
175 - font-weight: 700;
176 - }
177 -
178 - .smart1-pills {
179 - display: flex;
180 - flex-wrap: wrap;
181 - gap: 10px;
182 - margin-top: 14px;
183 - }
184 -
185 - .smart1-pill {
186 - display: inline-flex;
187 - align-items: center;
188 - padding: 10px 12px;
189 - border-radius: 999px;
190 - background: #f5f9ff;
191 - border: 1px solid #d9e5fb;
192 - color: var(--s1-text);
193 - font-size: 13px;
194 - font-weight: 700;
195 - }
196 -
197 - .smart1-notice {
198 - display: flex;
199 - align-items: flex-start;
200 - gap: 16px;
201 - background: linear-gradient(90deg, #eff6ff, #f0fdfa);
202 - border: 1px solid #cfe0ff;
203 - border-radius: 22px;
204 - padding: 20px 22px;
205 - margin-bottom: 28px;
206 - }
207 -
208 - .smart1-notice-icon {
209 - flex: 0 0 48px;
210 - width: 48px;
211 - height: 48px;
212 - border-radius: 16px;
213 - background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
214 - color: #ffffff;
215 - display: flex;
216 - align-items: center;
217 - justify-content: center;
218 - box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
219 - }
220 -
221 - .smart1-notice strong {
222 - display: block;
223 - font-size: 17px;
224 - margin-bottom: 4px;
225 - }
226 -
227 - .smart1-notice p {
228 - margin: 0;
229 - line-height: 1.7;
230 - color: #334155;
231 - }
232 -
233 - .smart1-section-title {
234 - font-size: 28px;
235 - line-height: 1.2;
236 - margin: 0 0 18px 0;
237 - }
238 -
239 - .smart1-tiles {
240 - display: grid;
241 - grid-template-columns: repeat(4, 1fr);
242 - gap: 20px;
243 - margin-bottom: 28px;
244 - }
245 -
246 - .smart1-tile {
247 - background: var(--s1-surface);
248 - border: 1px solid var(--s1-line);
249 - border-radius: var(--s1-radius);
250 - padding: 26px;
251 - box-shadow: var(--s1-shadow);
252 - transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
253 - }
254 -
255 - .smart1-tile:hover {
256 - transform: translateY(-4px);
257 - border-color: #c8d9ff;
258 - box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
259 - }
260 -
261 - .smart1-icon {
262 - width: 54px;
263 - height: 54px;
264 - border-radius: 16px;
265 - background: linear-gradient(135deg, var(--s1-brand), var(--s1-accent));
266 - color: #ffffff;
267 - display: flex;
268 - align-items: center;
269 - justify-content: center;
270 - margin-bottom: 18px;
271 - box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);
272 - }
273 -
274 - .smart1-kicker {
275 - font-size: 12px;
276 - font-weight: 800;
277 - text-transform: uppercase;
278 - letter-spacing: 0.08em;
279 - color: var(--s1-brand);
280 - margin-bottom: 10px;
281 - }
282 -
283 - .smart1-tile h3 {
284 - margin: 0 0 10px 0;
285 - font-size: 22px;
286 - line-height: 1.25;
287 - }
288 -
289 - .smart1-tile p {
290 - margin: 0 0 18px 0;
291 - color: var(--s1-muted);
292 - line-height: 1.7;
293 - }
294 -
295 - .smart1-link {
296 - display: inline-flex;
297 - align-items: center;
298 - gap: 8px;
299 - text-decoration: none;
300 - color: var(--s1-brand);
301 - font-weight: 700;
302 - }
303 -
304 - .smart1-access-row {
305 - display: grid;
306 - grid-template-columns: repeat(3, 1fr);
307 - gap: 20px;
308 - margin-bottom: 28px;
309 - }
310 -
311 - .smart1-mini {
312 - background: var(--s1-surface);
313 - border: 1px solid var(--s1-line);
314 - border-radius: 22px;
315 - padding: 22px;
316 - box-shadow: var(--s1-shadow);
317 - }
318 -
319 - .smart1-mini h3 {
320 - margin: 0 0 10px 0;
321 - font-size: 18px;
322 - }
323 -
324 - .smart1-mini p {
325 - margin: 0;
326 - color: var(--s1-muted);
327 - line-height: 1.7;
328 - }
329 -
330 - .smart1-footer {
331 - display: flex;
332 - align-items: center;
333 - justify-content: space-between;
334 - gap: 22px;
335 - flex-wrap: wrap;
336 - border-radius: 28px;
337 - padding: 28px;
338 - color: #ffffff;
339 - background:
340 - radial-gradient(circle at top left, rgba(20, 184, 200, 0.18), transparent 24%),
341 - linear-gradient(135deg, #0f172a, #16243c 60%, #1c3254);
342 - box-shadow: var(--s1-shadow);
343 - }
344 -
345 - .smart1-footer h3 {
346 - margin: 0 0 8px 0;
347 - font-size: 28px;
348 - line-height: 1.2;
349 - }
350 -
351 - .smart1-footer p {
352 - margin: 0;
353 - max-width: 760px;
354 - line-height: 1.7;
355 - opacity: 0.94;
356 - }
357 -
358 - .smart1-footer .smart1-btn-secondary {
359 - background: rgba(255, 255, 255, 0.12);
360 - color: #ffffff;
361 - border: 1px solid rgba(255, 255, 255, 0.18);
362 - }
363 -
364 - @media (max-width: 1100px) {
365 - .smart1-hero,
366 - .smart1-tiles,
367 - .smart1-access-row {
368 - grid-template-columns: 1fr 1fr;
369 - }
370 -
371 - .smart1-hero {
372 - grid-template-columns: 1fr;
373 - }
374 -
375 - .smart1-side {
376 - display: grid;
377 - grid-template-columns: 1fr 1fr;
378 - }
379 - }
380 -
381 - @media (max-width: 760px) {
382 - .smart1-home {
383 - padding: 16px;
384 - }
385 -
386 - .smart1-side,
387 - .smart1-tiles,
388 - .smart1-access-row {
389 - grid-template-columns: 1fr;
390 - }
391 -
392 - .smart1-hero-main {
393 - padding: 28px;
394 - }
395 -
396 - .smart1-hero-main h1 {
397 - font-size: 32px;
398 - }
399 -
400 - .smart1-hero-main p {
401 - font-size: 16px;
402 - }
403 -
404 - .smart1-footer {
405 - padding: 24px;
406 - }
407 -
408 - .smart1-footer h3 {
409 - font-size: 24px;
410 - }
411 - }
412 -</style>
413 -
414 -<div class="smart1-home">
415 -
416 -<div style="background:linear-gradient(135deg,#0f172a,#1e3a5f); color:#ffffff; padding:48px; border-radius:20px; margin-bottom:24px;">
417 - <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.5px; opacity:0.85; font-weight:bold;">
418 - Smart1 External Wiki
419 - </div>
420 -
421 - <h1 style="margin:14px 0 14px 0; font-size:40px; line-height:1.2;">
422 - Welcome to the Smart1 Knowledge Base
423 - </h1>
424 -
425 - <p style="font-size:18px; line-height:1.7; max-width:820px; margin:0 0 24px 0;">
426 - Find product information, documentation overviews, compatibility details, integration guidance and support resources for Smart1 solutions.
427 - Please note that access to detailed technical documentation and advanced information requires registration.
428 - </p>
429 -
430 - <div style="margin-top:24px;">
431 - <a href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F"
432 - style="display:inline-block; background:#2563eb; color:#ffffff; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold; margin-right:12px;">
433 - Register
434 - </a>
435 -
436 - <a href="https://wiki.smart1.eu/bin/login/XWiki/XWikiLogin?xredirect=%2Fbin%2Fview%2FMain%2F&loginLink=1"
437 - style="display:inline-block; background:#ffffff; color:#0f172a; text-decoration:none; padding:14px 22px; border-radius:10px; font-weight:bold;">
438 - Login
439 - </a>
440 - </div>
441 - </div>
442 -
443 - <div style="background:#f8fafc; border:1px solid #dbe3ee; padding:18px 22px; border-radius:16px; margin-bottom:30px; line-height:1.6;">
444 - <strong>Important:</strong> For further information, detailed setup instructions, full compatibility data and advanced documentation, users must register and sign in.
445 - </div>
446 -
447 - <h2 class="smart1-section-title">Quick Access</h2>
448 -
449 - <div class="smart1-tiles">
450 - <div class="smart1-tile">
451 - <div class="smart1-icon">
452 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
453 - <path d="M6 4.5H16.5L19 7V19.5H6V4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
454 - <path d="M16 4.5V7.5H19" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
455 - <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
456 - <path d="M9 14.5H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
457 - </svg>
458 - </div>
459 - <div class="smart1-kicker">Documentation</div>
460 - <h3>Product Documentation</h3>
461 - <p>Browse public product information, manuals, guides and general documentation content.</p>
462 - <a class="smart1-link" href="/bin/view/Documentation/WebHome">Open section →</a>
463 - </div>
464 -
465 - <div class="smart1-tile">
466 - <div class="smart1-icon">
467 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
468 - <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"/>
469 - <path d="M9.5 12L11.2 13.7L14.8 10.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
470 - </svg>
471 - </div>
472 - <div class="smart1-kicker">Compatibility</div>
473 - <h3>Device Compatibility</h3>
474 - <p>Check supported devices, compatibility information and relevant technical requirements.</p>
475 - <a class="smart1-link" href="/bin/view/Public Information/Compatibility">Open section →</a>
476 - </div>
477 -
478 - <div class="smart1-tile">
479 - <div class="smart1-icon">
480 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
481 - <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"/>
482 - <path d="M11.5 16V20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
483 - <path d="M9.5 20H13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
484 - </svg>
485 - </div>
486 - <div class="smart1-kicker">Integration</div>
487 - <h3>Integration Guides</h3>
488 - <p>Review setup concepts, interfaces and integration-related documentation for Smart1 environments.</p>
489 - <a class="smart1-link" href="/bin/view/Integration/WebHome">Open section →</a>
490 - </div>
491 -
492 - <div class="smart1-tile">
493 - <div class="smart1-icon">
494 - <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true">
495 - <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"/>
496 - <path d="M12 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
497 - <path d="M12 18V22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
498 - <path d="M2 12H6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
499 - <path d="M18 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
500 - </svg>
501 - </div>
502 - <div class="smart1-kicker">Support</div>
503 - <h3>Support & Contact</h3>
504 - <p>Find help resources, contact options and assistance for access and documentation topics.</p>
505 - <a class="smart1-link" href="/bin/view/Public Information/Support & Contact">Open section →</a>
506 - </div>
507 - </div>
508 -
509 - <div class="smart1-access-row">
510 - <div class="smart1-mini">
511 - <h3>Public Area</h3>
512 - <p>General overview pages and introductory information for external visitors.</p>
513 - </div>
514 -
515 - <div class="smart1-mini">
516 - <h3>Registered Area</h3>
517 - <p>Extended technical documentation, advanced content and further information for signed-in users.</p>
518 - </div>
519 -
520 - <div class="smart1-mini">
521 - <h3>Need Help?</h3>
522 - <p>Use the support section to find the right contact path for access questions and documentation requests.</p>
523 - </div>
524 - </div>
525 -
526 - <div class="smart1-footer">
527 - <div>
528 - <h3>Ready for full access?</h3>
529 - <p>Create an account to unlock detailed technical resources, protected content and further Smart1 information.</p>
530 - </div>
531 -
532 - <div class="smart1-actions">
533 - <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>
534 - <a class="smart1-btn smart1-btn-primary" href="https://wiki.smart1.eu/bin/register/XWiki/XWikiRegister?xredirect=%2Fbin%2Fview%2FMain%2F">Register Now</a>
535 - </div>
536 - </div>
537 -
7 +<div class="s1sc" lang="de">
8 + <section class="sc-hero" aria-labelledby="sc-page-title"><div class="sc-visual" aria-hidden="true"><img src="$escapetool.xml($s1scBANNER)" width="753" height="288" alt="" fetchpriority="high" decoding="async"/></div><div class="sc-hero-copy"><div class="sc-eyebrow">smart1 Wissensdatenbank</div><h1 id="sc-page-title">Support &amp; <span>Kontakt</span></h1><p class="sc-lead">Technische Unterstützung, allgemeine Anfragen und die passenden Ressourcen – hier finden Sie den richtigen Kontakt.</p><div class="sc-actions"><a class="sc-btn sc-btn-primary" href="mailto:support@smart1.eu?subject=smart1%20Supportanfrage"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 6 9 7 9-7"/></svg>Support kontaktieren</a><a class="sc-btn" href="#sc-contact">Kontaktmöglichkeiten</a></div></div></section>
9 + <section id="sc-contact" aria-labelledby="sc-ways"><h2 class="sc-heading" id="sc-ways">Wie können wir Ihnen helfen?</h2><div class="sc-cards"><article class="sc-card"><div class="sc-card-head"><span class="sc-icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 13v-2a8 8 0 0 1 16 0v2"/><rect x="3" y="11" width="4" height="8" rx="2"/><rect x="17" y="11" width="4" height="8" rx="2"/><path d="M19 19c0 2-2 3-6 3h-2"/></svg></span><div><span class="sc-meta">Support</span><h3>Technische Unterstützung</h3></div></div><p>Für Fragen zu Ihrem bestehenden smart1-System.</p><a class="sc-contact-value" href="mailto:support@smart1.eu?subject=smart1%20Supportanfrage">support@smart1.eu</a><a class="sc-link" href="mailto:support@smart1.eu?subject=smart1%20Supportanfrage">Support-E-Mail öffnen<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 12h14m-5-5 5 5-5 5"/></svg></a></article><article class="sc-card"><div class="sc-card-head"><span class="sc-icon sc-icon-pink"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 6 9 7 9-7"/></svg></span><div><span class="sc-meta">Kontakt</span><h3>Allgemeine Anfragen</h3></div></div><p>Für Produktinformationen und erste Fragen zu Ihrem Vorhaben.</p><a class="sc-contact-value" href="mailto:info@smart1.eu?subject=Anfrage%20zu%20smart1">info@smart1.eu</a><a class="sc-link" href="mailto:info@smart1.eu?subject=Anfrage%20zu%20smart1">E-Mail schreiben<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 12h14m-5-5 5 5-5 5"/></svg></a></article><article class="sc-card"><div class="sc-card-head"><span class="sc-icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 3h4l2 5-3 2a14 14 0 0 0 6 6l2-3 5 2v4a2 2 0 0 1-2 2C10 21 3 14 3 5a2 2 0 0 1 2-2Z"/></svg></span><div><span class="sc-meta">Telefon</span><h3>Zentrale</h3></div></div><p>Sie möchten smart1 telefonisch erreichen?</p><a class="sc-contact-value" href="tel:+4986777679010">+49 8677 76790-10</a><a class="sc-link" href="tel:+4986777679010">Zentrale anrufen<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 12h14m-5-5 5 5-5 5"/></svg></a></article></div><div class="sc-service-note"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M12 11v6m0-10h.01"/></svg><p>Technischer Support erfolgt im Rahmen Ihrer Supportvereinbarung. Bitte richten Sie technische Anfragen an <strong>support@smart1.eu</strong>.</p></div></section>
10 + <div class="sc-details">
11 + <section class="sc-panel" aria-labelledby="sc-prepare"><h2 class="sc-panel-title" id="sc-prepare"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="5" y="4" width="14" height="17" rx="2"/><rect x="9" y="2" width="6" height="4" rx="1"/><path d="m8 12 2 2 5-5m-7 8h8"/></svg>Supportanfrage vorbereiten</h2><p class="sc-intro">Bitte geben Sie diese Informationen an, damit Ihr Anliegen dem richtigen System zugeordnet werden kann.</p><div class="sc-check-columns"><div><h3>Angaben zum Kauf</h3><ul class="sc-checklist"><li>Ihre Kundennummer</li><li>Auftrags- bzw. Rechnungsreferenz</li><li>Datum des Systemkaufs</li><li>Händler oder Bezugsquelle</li></ul></div><div><h3>Angaben zur Anlage</h3><ul class="sc-checklist"><li>Anlagenbezeichnung / Kommission</li><li>smart1-Geräteseriennummer</li><li>Geräte-Unlock-Key (vertraulich)</li><li>Vorhandene Support-Checkliste als Anhang</li></ul></div></div><div class="sc-privacy"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="5" y="10" width="14" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3m-4 5v2"/></svg><p>Unlock-Key und andere Zugangsdaten nicht öffentlich im Wiki ablegen. Vertrauliche Angaben nur direkt mit dem Support austauschen.</p></div><div class="sc-template-row"><a class="sc-link" href="$escapetool.xml($s1scTEMPLATE)" download="smart1-supportanfrage-DE.txt"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3v12m-5-5 5 5 5-5M4 16v5h16v-5"/></svg>E-Mail-Vorlage herunterladen</a><span class="sc-small">TXT · Textvorlage für Ihre Anfrage</span></div></section>
12 + <section class="sc-panel sc-office" aria-labelledby="sc-office"><h2 class="sc-panel-title" id="sc-office"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>Kontakt &amp; Standort</h2><p class="sc-company">smart1 solutions GmbH</p><address>Gewerbepark Lindach B 11<br/>84489 Burghausen<br/>Deutschland</address><div class="sc-office-note"><h3>Vertrieb &amp; Projektberatung</h3><p>Die aktuellen Vertriebsansprechpartner und das Kontaktformular finden Sie auf unserer Website.</p></div><div class="sc-actions"><a class="sc-btn" href="https://www.smart1.eu/kontakt-smart1-solutions/">Kontaktseite öffnen<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 3h7v7m0-7L10 14M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5"/></svg></a></div></section>
13 + </div>
14 + <footer class="sc-footer"><span>smart1 solutions GmbH · Support &amp; Kontakt</span><span>Quellen: <a href="https://www.smart1.eu/support/">Support</a> · <a href="https://www.smart1.eu/kontakt-smart1-solutions/">Kontakt</a> · <a href="https://www.smart1.eu/impressum-smart1-solutions-gmbh/">Impressum</a><br/>Stand: 20.10.2026</span></footer>
538 538  </div>
539 539  {{/html}}
17 +{{/velocity}}
540 540  
smart1-support-request-EN.txt
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.christian_zauner
Size
... ... @@ -1,0 +1,1 @@
1 +956 bytes
Content
smart1-support-technik-klar-v1.1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.christian_zauner
Size
... ... @@ -1,0 +1,1 @@
1 +247.9 KB
Content
smart1-supportanfrage-DE.txt
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.christian_zauner
Size
... ... @@ -1,0 +1,1 @@
1 +1.0 KB
Content
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +default
Code
... ... @@ -1,0 +1,111 @@
1 +/* smart1 Support & Contact V1.1. Scoped page component; no global theme changes. */
2 +#xwikicontent .s1sc {
3 + --blue:#0067cf;--ink:#102b4a;--muted:#526a82;--line:#dce9f5;--magenta:#e6007e;
4 + box-sizing:border-box;container-type:inline-size;container-name:s1support;
5 + width:100%;max-width:1360px;margin:0 auto;padding:0;
6 + font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:var(--ink);
7 +}
8 +#xwikicontent .s1sc *,#xwikicontent .s1sc *::before,#xwikicontent .s1sc *::after{box-sizing:border-box;}
9 +#xwikicontent .s1sc h1,#xwikicontent .s1sc h2,#xwikicontent .s1sc h3,#xwikicontent .s1sc h4{font-family:inherit;color:var(--ink);border:0;padding:0;letter-spacing:-.025em;line-height:1.25;max-width:none;}
10 +#xwikicontent .s1sc h1::before,#xwikicontent .s1sc h2::before,#xwikicontent .s1sc h3::before,#xwikicontent .s1sc h4::before{content:none;}
11 +#xwikicontent .s1sc p{margin:0;max-width:none;}
12 +#xwikicontent .s1sc a{color:var(--blue);text-decoration:none;text-underline-offset:3px;}
13 +#xwikicontent .s1sc a:hover{text-decoration:underline;}
14 +#xwikicontent .s1sc a:focus-visible{outline:3px solid var(--magenta);outline-offset:4px;border-radius:4px;}
15 +#xwikicontent .s1sc svg{width:23px;height:23px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
16 +#xwikicontent .s1sc .sc-hero{position:relative;isolation:isolate;overflow:hidden;min-height:322px;padding:32px 36px;border:1px solid #d5e7f7;border-radius:16px;background:#eff7ff;box-shadow:0 8px 26px rgba(18,64,103,.045);}
17 +#xwikicontent .s1sc .sc-visual{position:absolute;z-index:-1;top:0;bottom:0;right:0;width:62%;pointer-events:none;}
18 +#xwikicontent .s1sc .sc-visual img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right bottom;border:0;border-radius:0;padding:0;margin:0;}
19 +#xwikicontent .s1sc .sc-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eff7ff 0%,rgba(239,247,255,.90) 8%,rgba(239,247,255,.24) 23%,rgba(239,247,255,0) 42%);}
20 +#xwikicontent .s1sc .sc-hero-copy{max-width:53%;position:relative;}
21 +#xwikicontent .s1sc .sc-eyebrow{display:flex;align-items:center;gap:11px;color:#426787;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;}
22 +#xwikicontent .s1sc .sc-eyebrow::before{content:"";width:32px;height:3px;border-radius:4px;background:var(--magenta);flex:none;}
23 +#xwikicontent .s1sc .sc-hero h1{margin:19px 0 14px;font-size:42px;font-weight:750;line-height:1.12;}
24 +#xwikicontent .s1sc .sc-hero h1 span{color:#005dbb;}
25 +#xwikicontent .s1sc .sc-lead{max-width:520px;color:#3c5871;font-size:16px;line-height:1.7;}
26 +#xwikicontent .s1sc .sc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:23px;}
27 +#xwikicontent .s1sc .sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 17px;margin:0;border:1px solid #bfd7ef;border-radius:7px;background:#fff;color:#005dbb;font-size:14px;font-weight:650;line-height:1.5;text-align:center;}
28 +#xwikicontent .s1sc .sc-btn:hover{background:#f3f8fe;text-decoration:none;}
29 +#xwikicontent .s1sc .sc-btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 7px rgba(0,103,207,.12);}
30 +#xwikicontent .s1sc .sc-btn-primary:hover{background:#005ab7;}
31 +#xwikicontent .s1sc .sc-btn svg{width:17px;height:17px;}
32 +#xwikicontent .s1sc .sc-heading{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;margin:29px 0 17px;}
33 +#xwikicontent .s1sc .sc-heading::before{content:"";width:31px;height:3px;border-radius:4px;background:var(--magenta);flex:none;}
34 +#xwikicontent .s1sc .sc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
35 +#xwikicontent .s1sc .sc-card{display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;padding:22px;box-shadow:0 5px 16px rgba(26,66,100,.025);}
36 +#xwikicontent .s1sc .sc-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
37 +#xwikicontent .s1sc .sc-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#edf6ff;border:1px solid #dfedfc;border-radius:11px;color:var(--blue);flex:none;}
38 +#xwikicontent .s1sc .sc-icon-pink{background:#fff0f8;border-color:#fbddec;color:#cf0072;}
39 +#xwikicontent .s1sc .sc-card h3{margin:0;font-size:18px;font-weight:700;}
40 +#xwikicontent .s1sc .sc-card .sc-meta{display:block;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#4d7597;line-height:1.4;margin-bottom:4px;}
41 +#xwikicontent .s1sc .sc-card p{font-size:14px;line-height:1.65;color:var(--muted);}
42 +#xwikicontent .s1sc .sc-contact-value{display:block;font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere;margin:16px 0 17px;}
43 +#xwikicontent .s1sc .sc-link{display:inline-flex;gap:8px;align-items:center;font-weight:650;font-size:13px;}
44 +#xwikicontent .s1sc .sc-link svg{width:16px;height:16px;}
45 +#xwikicontent .s1sc .sc-card>.sc-link{margin-top:auto;padding-top:1px;}
46 +#xwikicontent .s1sc .sc-service-note{display:flex;gap:9px;align-items:flex-start;padding:12px 16px;margin:15px 0 0;border-left:3px solid var(--blue);border-radius:6px;background:#eef6fe;font-size:13px;line-height:1.6;color:#4a6682;}
47 +#xwikicontent .s1sc .sc-service-note svg{width:17px;height:17px;margin-top:2px;}
48 +#xwikicontent .s1sc .sc-details{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:18px;margin-top:25px;align-items:stretch;}
49 +#xwikicontent .s1sc .sc-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;min-width:0;}
50 +#xwikicontent .s1sc .sc-panel-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:21px;}
51 +#xwikicontent .s1sc .sc-panel-title svg{color:var(--blue);}
52 +#xwikicontent .s1sc .sc-intro{font-size:14px;color:var(--muted);line-height:1.6;}
53 +#xwikicontent .s1sc .sc-check-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 18px;}
54 +#xwikicontent .s1sc .sc-check-columns h3{font-size:14px;margin:0 0 10px;font-weight:700;}
55 +#xwikicontent .s1sc .sc-checklist{list-style:none;margin:0;padding:0;max-width:none;}
56 +#xwikicontent .s1sc .sc-checklist li{font-size:13px;color:#415d78;line-height:1.6;margin:7px 0;display:flex;gap:8px;align-items:flex-start;}
57 +#xwikicontent .s1sc .sc-checklist li::before{content:"✓";flex:none;color:var(--blue);background:#edf6ff;border-radius:4px;width:17px;height:17px;font-size:11px;line-height:17px;text-align:center;margin-top:2px;font-weight:700;}
58 +#xwikicontent .s1sc .sc-privacy{display:flex;gap:9px;padding:11px 13px;background:#fff4fa;border-left:3px solid var(--magenta);border-radius:5px;color:#734665;font-size:12px;line-height:1.6;}
59 +#xwikicontent .s1sc .sc-privacy svg{width:17px;height:17px;flex:none;margin-top:1px;}
60 +#xwikicontent .s1sc .sc-template-row{display:flex;flex-wrap:wrap;gap:10px 17px;align-items:center;margin-top:16px;}
61 +#xwikicontent .s1sc .sc-small{font-size:12px;color:var(--muted);}
62 +#xwikicontent .s1sc .sc-office{border-top:3px solid #a6d4ff;padding-top:22px;display:flex;flex-direction:column;}
63 +#xwikicontent .s1sc .sc-office .sc-company{font-size:17px;font-weight:700;color:var(--ink);margin:14px 0 5px;}
64 +#xwikicontent .s1sc address{font-style:normal;color:var(--muted);font-size:14px;line-height:1.8;margin:0;}
65 +#xwikicontent .s1sc .sc-office-note{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;}
66 +#xwikicontent .s1sc .sc-office-note h3{font-size:15px;margin:0 0 7px;}
67 +#xwikicontent .s1sc .sc-office-note p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:12px;}
68 +#xwikicontent .s1sc .sc-office .sc-actions{margin-top:auto;padding-top:18px;}
69 +#xwikicontent .s1sc .sc-footer{border-top:1px solid var(--line);margin-top:24px;padding:15px 0 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:9px 20px;color:var(--muted);font-size:11px;line-height:1.8;}
70 +#xwikicontent .s1sc .sc-footer a{color:#4c6f91;}
71 +@container s1support (max-width:1000px){
72 + #xwikicontent .s1sc .sc-hero{padding:30px;min-height:318px;}
73 + #xwikicontent .s1sc .sc-hero h1{font-size:36px;}
74 + #xwikicontent .s1sc .sc-lead{font-size:15px;}
75 + #xwikicontent .s1sc .sc-card{padding:19px;}
76 + #xwikicontent .s1sc .sc-contact-value{font-size:19px;}
77 + #xwikicontent .s1sc .sc-details{grid-template-columns:1.6fr 1fr;}
78 + #xwikicontent .s1sc .sc-panel{padding:20px;}
79 + #xwikicontent .s1sc .sc-card h3{font-size:16px;}
80 + #xwikicontent .s1sc .sc-check-columns{grid-template-columns:1fr;gap:9px;}
81 +}
82 +@container s1support (max-width:740px){
83 + #xwikicontent .s1sc .sc-hero{padding:26px;min-height:0;}
84 + #xwikicontent .s1sc .sc-hero-copy{max-width:100%;}
85 + #xwikicontent .s1sc .sc-hero h1{font-size:36px;}
86 + #xwikicontent .s1sc .sc-visual{opacity:.14;width:100%;}
87 + #xwikicontent .s1sc .sc-cards{grid-template-columns:1fr;gap:12px;}
88 + #xwikicontent .s1sc .sc-card-head{margin-bottom:8px;}
89 + #xwikicontent .s1sc .sc-contact-value{font-size:23px;margin:11px 0;}
90 + #xwikicontent .s1sc .sc-card{padding:20px;}
91 + #xwikicontent .s1sc .sc-details{grid-template-columns:1fr;}
92 + #xwikicontent .s1sc .sc-check-columns{grid-template-columns:1fr 1fr;gap:16px;}
93 + #xwikicontent .s1sc .sc-heading{font-size:21px;}
94 +}
95 +@container s1support (max-width:440px){
96 + #xwikicontent .s1sc .sc-hero{padding:25px 21px;}
97 + #xwikicontent .s1sc .sc-hero h1{font-size:33px;}
98 + #xwikicontent .s1sc .sc-check-columns{grid-template-columns:1fr;gap:10px;}
99 + #xwikicontent .s1sc .sc-panel-title{font-size:20px;}
100 + #xwikicontent .s1sc .sc-eyebrow{font-size:9px;}
101 + #xwikicontent .s1sc .sc-hero .sc-actions{align-items:stretch;flex-direction:column;}
102 +}
103 +@media print{
104 + #xwikicontent .s1sc .sc-visual{display:none;}
105 + #xwikicontent .s1sc .sc-hero{min-height:0;background:#fff;}
106 + #xwikicontent .s1sc .sc-hero-copy{max-width:100%;}
107 + #xwikicontent .s1sc .sc-card,#xwikicontent .s1sc .sc-panel{break-inside:avoid;box-shadow:none;}
108 + #xwikicontent .s1sc .sc-details{display:block;}
109 + #xwikicontent .s1sc .sc-panel{margin-bottom:15px;}
110 +}
111 +
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +smart1 Support & Contact V1.1
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +onDemand