@extends('layouts.app')

@section('title', 'K://SYSTEM — Arthur Kotsch | KOTSCH.TECH')
@section('meta_description', 'Arthur Kotsch, Student Digital Engineering aus Lichtenstein (Sachsen): 9 Module als Cyberpunk-HUD — iOS- & Mac-Apps, Windows-Programme, 734 Web-Tools, Shop, Hosting, News, IT-Hilfe und Webdesign.')

@section('content')
<style>
    /* Globale Chrome ausblenden — diese Variante ist eine eigenstaendige Seite */
    nav{display:none!important;} footer{display:none!important;} main{padding-top:0!important;}

    @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

    .v15-page{
        --v15-bg:#05080d;
        --v15-panel:#0b1019;
        --v15-border:#16202e;
        --v15-cyan:#22e0ff;
        --v15-magenta:#ff3d8b;
        --v15-amber:#ffb454;
        --v15-text:#dbe7f2;
        --v15-mut:#5f7488;
        --v15-grid:rgba(34,224,255,.06);
        --v15-ease:cubic-bezier(.22,.61,.36,1);
        position:relative;
        background:var(--v15-bg);
        color:var(--v15-text);
        font-family:'Inter',system-ui,sans-serif;
        line-height:1.6;
        overflow-x:hidden;
        min-height:100vh;
    }
    .v15-page *{box-sizing:border-box;}

    /* Grid-Overlay + Scanline, fix ueber allem */
    .v15-page::before{
        content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
        background-image:
            linear-gradient(var(--v15-grid) 1px,transparent 1px),
            linear-gradient(90deg,var(--v15-grid) 1px,transparent 1px);
        background-size:40px 40px;
    }
    .v15-page::after{
        content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
        background:repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,0,0,.5) 3px);
        opacity:.04;
    }
    .v15-page > *{position:relative;z-index:2;}

    /* Top-Statusleiste */
    .v15-top{
        position:sticky;top:0;z-index:30;
        display:flex;align-items:center;justify-content:space-between;gap:12px;
        padding:10px clamp(14px,4vw,40px);
        background:rgba(5,8,13,.86);
        backdrop-filter:blur(8px);
        border-bottom:1px solid var(--v15-border);
        font:600 11px/1 'JetBrains Mono',monospace;
        letter-spacing:.18em;text-transform:uppercase;
    }
    .v15-top .v15-t-l{color:var(--v15-cyan);white-space:nowrap;}
    .v15-top .v15-t-c{color:var(--v15-mut);text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .v15-top .v15-t-r{display:flex;align-items:center;gap:8px;color:var(--v15-amber);white-space:nowrap;}
    .v15-dot{width:7px;height:7px;border-radius:50%;background:var(--v15-cyan);box-shadow:0 0 8px var(--v15-cyan);animation:v15-blink 2.4s steps(1,end) infinite;}
    @keyframes v15-blink{0%,60%{opacity:1}61%,100%{opacity:.25}}
    .v15-clock{font-variant-numeric:tabular-nums;}

    .v15-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(14px,4vw,40px);}

    /* HERO */
    .v15-hero{padding:clamp(48px,9vw,110px) 0 clamp(36px,6vw,64px);}
    .v15-hero-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(24px,5vw,56px);align-items:center;}
    @media(max-width:840px){.v15-hero-grid{grid-template-columns:1fr;}}
    .v15-hero-grid > *{min-width:0;}

    .v15-prompt{
        font:500 13px/1.4 'JetBrains Mono',monospace;
        letter-spacing:.08em;color:var(--v15-cyan);
        display:inline-flex;align-items:center;
        border:1px solid var(--v15-border);
        background:var(--v15-panel);
        padding:8px 14px;margin-bottom:22px;
        max-width:100%;
    }
    .v15-prompt .v15-type{
        overflow:hidden;white-space:nowrap;
        border-right:2px solid var(--v15-cyan);
        animation:v15-typing 2.2s steps(24,end) forwards, v15-caret .8s steps(1,end) 6;
        width:0;
    }
    @keyframes v15-typing{to{width:23ch;}}
    @keyframes v15-caret{50%{border-color:transparent;}}

    .v15-h1{
        font:700 clamp(34px,7vw,68px)/1.02 'Rajdhani',sans-serif;
        letter-spacing:.01em;text-transform:uppercase;
        margin:0 0 16px;color:#fff;
        animation:v15-glitch .5s steps(2,end) 1;
    }
    .v15-h1 .v15-em{color:var(--v15-cyan);}
    @keyframes v15-glitch{0%{transform:translateX(-3px);opacity:.6}25%{transform:translateX(3px)}50%{transform:translateX(-2px)}100%{transform:none;opacity:1}}

    .v15-sub{font-size:clamp(15px,2.4vw,18px);color:var(--v15-mut);max-width:46ch;margin:0 0 28px;}
    .v15-sub b{color:var(--v15-text);font-weight:600;}

    .v15-cta-row{display:flex;flex-wrap:wrap;gap:14px;}
    .v15-btn{
        display:inline-flex;align-items:center;gap:9px;
        font:600 12px/1 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;
        padding:14px 22px;text-decoration:none;cursor:pointer;
        border:1px solid var(--v15-cyan);color:#05080d;background:var(--v15-cyan);
        transition:transform .2s var(--v15-ease),box-shadow .2s,background .2s,color .2s;
    }
    .v15-btn:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(34,224,255,.45);}
    .v15-btn.v15-ghost{background:transparent;color:var(--v15-magenta);border-color:var(--v15-magenta);}
    .v15-btn.v15-ghost:hover{box-shadow:0 0 22px rgba(255,61,139,.4);background:rgba(255,61,139,.08);}
    .v15-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

    /* Crosshair / Radar SVG */
    .v15-radar{justify-self:center;width:100%;max-width:340px;}
    .v15-radar svg{width:100%;height:auto;display:block;}
    @media(max-width:840px){.v15-radar{max-width:240px;opacity:.85;}}
    .v15-sweep{transform-origin:100px 100px;animation:v15-spin 9s linear infinite;}
    @keyframes v15-spin{to{transform:rotate(360deg);}}

    /* Kennzahlen-Leiste */
    .v15-stats{
        display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
        background:var(--v15-border);border:1px solid var(--v15-border);
        margin:clamp(24px,5vw,48px) 0;
    }
    @media(max-width:560px){.v15-stats{grid-template-columns:repeat(2,1fr);}}
    .v15-stat{background:var(--v15-panel);padding:clamp(18px,3vw,28px) 18px;min-width:0;}
    .v15-stat .v15-num{font:700 clamp(28px,5vw,42px)/1 'Rajdhani',sans-serif;color:var(--v15-amber);font-variant-numeric:tabular-nums;}
    .v15-stat .v15-lbl{font:600 11px/1.3 'JetBrains Mono',monospace;letter-spacing:.16em;color:var(--v15-cyan);text-transform:uppercase;margin-top:8px;}

    /* Section heading */
    .v15-sechead{
        font:600 12px/1 'JetBrains Mono',monospace;letter-spacing:.22em;text-transform:uppercase;
        color:var(--v15-mut);margin:clamp(40px,7vw,72px) 0 22px;
        display:flex;align-items:center;gap:14px;
    }
    .v15-sechead::after{content:"";flex:1;height:1px;background:var(--v15-border);}
    .v15-sechead b{color:var(--v15-cyan);font-weight:600;}

    /* MODULE GRID */
    .v15-grid{
        display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
        background:var(--v15-border);border:1px solid var(--v15-border);
    }
    @media(max-width:880px){.v15-grid{grid-template-columns:repeat(2,1fr);}}
    @media(max-width:560px){.v15-grid{grid-template-columns:1fr;}}

    .v15-mod{
        position:relative;display:flex;flex-direction:column;
        padding:clamp(22px,3vw,30px);
        background:var(--v15-panel);color:var(--v15-text);text-decoration:none;
        overflow:hidden;min-width:0;
        transition:background .25s,transform .25s var(--v15-ease);
    }
    .v15-mod:hover{background:#0d1422;transform:translateY(-2px);}
    .v15-mod:focus-visible{outline:2px solid var(--v15-cyan);outline-offset:-2px;}

    .v15-br{position:absolute;width:14px;height:14px;border:2px solid var(--v15-cyan);opacity:.5;transition:all .3s var(--v15-ease);}
    .v15-tl{top:14px;left:14px;border-right:0;border-bottom:0;}
    .v15-tr{top:14px;right:14px;border-left:0;border-bottom:0;}
    .v15-bl{bottom:14px;left:14px;border-right:0;border-top:0;}
    .v15-brr{bottom:14px;right:14px;border-left:0;border-top:0;}
    .v15-mod:hover .v15-br,.v15-mod:focus-visible .v15-br{border-color:var(--v15-magenta);opacity:1;}
    .v15-mod:hover .v15-tl,.v15-mod:focus-visible .v15-tl{top:7px;left:7px;}
    .v15-mod:hover .v15-tr,.v15-mod:focus-visible .v15-tr{top:7px;right:7px;}
    .v15-mod:hover .v15-bl,.v15-mod:focus-visible .v15-bl{bottom:7px;left:7px;}
    .v15-mod:hover .v15-brr,.v15-mod:focus-visible .v15-brr{bottom:7px;right:7px;}

    .v15-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,61,139,.22),transparent);transform:translateX(-110%);}
    .v15-mod:hover .v15-scan,.v15-mod:focus-visible .v15-scan{animation:v15-sweep .6s ease forwards;}
    @keyframes v15-sweep{to{transform:translateX(110%);}}

    .v15-modtop{display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .v15-idx{font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.2em;color:var(--v15-mut);}
    .v15-status{font:600 10px/1 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--v15-cyan);display:inline-flex;align-items:center;gap:6px;}
    .v15-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;}
    .v15-status.v15-dev{color:var(--v15-amber);}
    .v15-mod:hover .v15-status,.v15-mod:focus-visible .v15-status{color:var(--v15-magenta);}

    .v15-mod h3{font:700 clamp(16px,2.4vw,19px)/1.1 'Rajdhani',sans-serif;letter-spacing:.03em;margin:14px 0 8px;color:#fff;word-break:break-word;}
    .v15-mod p{font-size:13.5px;color:var(--v15-mut);margin:0 0 18px;flex:1;}
    .v15-go{font:600 11px/1 'JetBrains Mono',monospace;letter-spacing:.18em;color:var(--v15-cyan);text-transform:uppercase;transition:color .25s;}
    .v15-mod:hover .v15-go,.v15-mod:focus-visible .v15-go{color:var(--v15-magenta);}

    /* Ueber-Block */
    .v15-about{
        margin:clamp(40px,7vw,72px) 0;padding:clamp(28px,5vw,48px);
        background:var(--v15-panel);border:1px solid var(--v15-border);
        position:relative;
    }
    .v15-about::before{content:"";position:absolute;top:0;left:0;width:48px;height:48px;border-top:2px solid var(--v15-cyan);border-left:2px solid var(--v15-cyan);}
    .v15-about::after{content:"";position:absolute;bottom:0;right:0;width:48px;height:48px;border-bottom:2px solid var(--v15-cyan);border-right:2px solid var(--v15-cyan);}
    .v15-about h2{font:700 clamp(22px,4vw,32px)/1.1 'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:0 0 14px;}
    .v15-about p{max-width:62ch;color:var(--v15-text);margin:0 0 8px;}
    .v15-about .v15-tag{font:600 11px/1 'JetBrains Mono',monospace;letter-spacing:.18em;color:var(--v15-mut);text-transform:uppercase;margin-bottom:16px;display:block;}

    /* SIGNAL / Kontakt-Band */
    .v15-signal{
        margin:clamp(40px,7vw,72px) 0;padding:clamp(36px,7vw,72px) clamp(24px,5vw,48px);
        background:linear-gradient(135deg,#0b1019,#0a0f1a);
        border:1px solid var(--v15-border);text-align:center;position:relative;overflow:hidden;
    }
    .v15-signal .v15-sig-mono{font:600 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.2em;color:var(--v15-cyan);text-transform:uppercase;margin-bottom:16px;}
    .v15-signal h2{font:700 clamp(26px,5vw,44px)/1.05 'Rajdhani',sans-serif;text-transform:uppercase;color:#fff;margin:0 0 26px;letter-spacing:.02em;}
    .v15-signal .v15-sig-mono b{color:var(--v15-magenta);}

    /* Footer-Statusleiste */
    .v15-foot{
        border-top:1px solid var(--v15-border);
        padding:18px clamp(14px,4vw,40px);
        display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
        font:600 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--v15-mut);
    }
    .v15-foot a{color:var(--v15-cyan);text-decoration:none;}
    .v15-foot a:hover{color:var(--v15-magenta);}
    .v15-foot a:focus-visible{outline:2px solid var(--v15-cyan);outline-offset:2px;}

    @media (prefers-reduced-motion:reduce){
        .v15-page::after{display:none;}
        .v15-dot,.v15-sweep,.v15-h1,.v15-prompt .v15-type,.v15-scan,
        .v15-mod:hover .v15-scan,.v15-mod:focus-visible .v15-scan{animation:none!important;}
        .v15-prompt .v15-type{width:auto;border-right:0;}
        .v15-btn:hover,.v15-mod:hover{transform:none;}
    }
</style>

<div class="v15-page">

    <!-- 1. TOP-STATUSLEISTE -->
    <header class="v15-top">
        <span class="v15-t-l">K://SYSTEM</span>
        <span class="v15-t-c">Arthur Kotsch — Digital Engineering</span>
        <span class="v15-t-r"><span class="v15-dot" aria-hidden="true"></span>ONLINE <span class="v15-clock" id="v15-clock" aria-hidden="true">--:--:--</span></span>
    </header>

    <!-- 2. HERO / BOOT -->
    <section class="v15-hero">
        <div class="v15-wrap">
            <div class="v15-hero-grid">
                <div>
                    <div class="v15-prompt"><span class="v15-type">&gt; initialize kotsch.tech</span></div>
                    <h1 class="v15-h1">9 Module.<br><span class="v15-em">Ein Entwickler.</span></h1>
                    <p class="v15-sub"><b>Arthur Kotsch</b> — Student Digital Engineering, Entwickler aus <b>Lichtenstein (Sachsen)</b>. Neun digitale Welten, betrieben von einer Hand.</p>
                    <div class="v15-cta-row">
                        <a class="v15-btn" href="#v15-modules">[ Module scannen <i class="fa-solid fa-arrow-down" aria-hidden="true"></i> ]</a>
                        <a class="v15-btn v15-ghost" href="/kontakt">[ Kontakt ]</a>
                    </div>
                </div>
                <div class="v15-radar" aria-hidden="true">
                    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="HUD Radar">
                        <defs>
                            <radialGradient id="v15rg" cx="50%" cy="50%" r="50%">
                                <stop offset="0%" stop-color="#22e0ff" stop-opacity=".18"/>
                                <stop offset="100%" stop-color="#22e0ff" stop-opacity="0"/>
                            </radialGradient>
                            <linearGradient id="v15sw" x1="0" y1="0" x2="1" y2="0">
                                <stop offset="0%" stop-color="#22e0ff" stop-opacity="0"/>
                                <stop offset="100%" stop-color="#22e0ff" stop-opacity=".55"/>
                            </linearGradient>
                        </defs>
                        <circle cx="100" cy="100" r="92" fill="url(#v15rg)"/>
                        <circle cx="100" cy="100" r="92" fill="none" stroke="#16202e" stroke-width="1"/>
                        <circle cx="100" cy="100" r="62" fill="none" stroke="#16202e" stroke-width="1"/>
                        <circle cx="100" cy="100" r="32" fill="none" stroke="#16202e" stroke-width="1"/>
                        <line x1="8" y1="100" x2="192" y2="100" stroke="#16202e" stroke-width="1"/>
                        <line x1="100" y1="8" x2="100" y2="192" stroke="#16202e" stroke-width="1"/>
                        <g class="v15-sweep"><path d="M100 100 L100 8 A92 92 0 0 1 165 35 Z" fill="url(#v15sw)"/></g>
                        <circle cx="148" cy="62" r="3" fill="#ff3d8b"/>
                        <circle cx="66" cy="134" r="2.5" fill="#ffb454"/>
                        <circle cx="100" cy="100" r="4" fill="#22e0ff"/>
                        <rect x="86" y="86" width="28" height="28" fill="none" stroke="#22e0ff" stroke-width="1" stroke-dasharray="6 4"/>
                    </svg>
                </div>
            </div>

            <!-- 3. KENNZAHLEN-LEISTE -->
            <div class="v15-stats">
                <div class="v15-stat"><div class="v15-num" data-target="22">0</div><div class="v15-lbl">// iOS_Mac</div></div>
                <div class="v15-stat"><div class="v15-num" data-target="9">0</div><div class="v15-lbl">// Windows</div></div>
                <div class="v15-stat"><div class="v15-num" data-target="734">0</div><div class="v15-lbl">// Webtools</div></div>
                <div class="v15-stat"><div class="v15-num" data-target="1412" data-format="thousand">0</div><div class="v15-lbl">// Artikel</div></div>
            </div>
        </div>
    </section>

    <!-- 4. MODULE-GRID -->
    <section class="v15-wrap" id="v15-modules">
        <h2 class="v15-sechead">// Modules <b>[09]</b></h2>
        <div class="v15-grid">

            <a class="v15-mod" href="https://ios.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 01 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>IOS_&amp;_MAC.APPS</h3>
                <p>22 Apps im App Store — iPhone, iPad, Mac. Regelmaessige Updates.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://windows.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 02 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>WINDOWS.SUITE</h3>
                <p>9 Programme: Cleaner, Commander, Notes, Taskmanager, CodeEditor — Direkt-Download.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://android.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 03 ]</em><span class="v15-status v15-dev">DEV</span></div>
                <h3>ANDROID.NATIVE</h3>
                <p>Native Apps — aktuell in Entwicklung.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://webtools.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 04 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>WEBTOOLS.GRID</h3>
                <p>734 Tools im Browser, ohne Login oder Installation.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://shop.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 05 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>SHOP.DIGITAL</h3>
                <p>Digitale Produkte, Sofort-Download.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://hosting.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 06 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>HOSTING.MANAGED</h3>
                <p>Managed Webhosting, vServer/VPS, DSGVO-konform.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://news.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 07 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>NEWS.ARCHIVE</h3>
                <p>1.412 Ratgeber &amp; Tutorials.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://it-hilfe.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 08 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>IT-HILFE.LOCAL</h3>
                <p>Vor Ort &amp; Remote (Glauchau–Lichtenstein), keine Loesung = kein Preis.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

            <a class="v15-mod" href="https://webdesign.kotsch.tech">
                <span class="v15-br v15-tl"></span><span class="v15-br v15-tr"></span><span class="v15-br v15-bl"></span><span class="v15-br v15-brr"></span>
                <span class="v15-scan" aria-hidden="true"></span>
                <div class="v15-modtop"><em class="v15-idx">[ 09 ]</em><span class="v15-status">ONLINE</span></div>
                <h3>WEBDESIGN.STUDIO</h3>
                <p>Studio &amp; 20 Branchen-Demos.</p>
                <span class="v15-go">Open_Module →</span>
            </a>

        </div>
    </section>

    <!-- UEBER-BLOCK -->
    <section class="v15-wrap">
        <div class="v15-about">
            <span class="v15-tag">// operator_profile</span>
            <h2>Ein Operator. Neun Systeme.</h2>
            <p>Ich bin Arthur Kotsch, Student der Fachrichtung Digital Engineering und Entwickler aus Lichtenstein in Sachsen. Vom App Store ueber Windows-Programme und 734 Web-Tools bis zu Hosting, IT-Hilfe und Webdesign — alle Module laufen unter einem Dach.</p>
            <p>Kein Konzern, kein Callcenter. Direkter Kontakt, ehrliche Technik.</p>
        </div>
    </section>

    <!-- 5. SIGNAL / KONTAKT-BAND -->
    <section class="v15-wrap">
        <div class="v15-signal">
            <div class="v15-sig-mono">// no solution = <b>no charge</b></div>
            <h2>Signal senden?</h2>
            <a class="v15-btn v15-ghost" href="/kontakt">[ Kontakt aufnehmen <i class="fa-solid fa-arrow-right" aria-hidden="true"></i> ]</a>
        </div>
    </section>

    <!-- 6. FOOTER-STATUSLEISTE -->
    <footer class="v15-foot">
        <span>© {{ date('Y') }} Arthur Kotsch · Lichtenstein, Sachsen</span>
        <span>Build 2026.15</span>
        <span><a href="/kontakt">Kontakt</a> · <a href="/impressum">Impressum</a> · <a href="/datenschutz">Datenschutz</a></span>
    </footer>

</div>

<script>
(function(){
    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;

    /* Live-Uhr */
    var clock = document.getElementById('v15-clock');
    if(clock){
        function tick(){
            var d = new Date();
            function p(n){return (n<10?'0':'')+n;}
            clock.textContent = p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds());
        }
        tick(); setInterval(tick,1000);
    }

    /* Smooth scroll fuer Anker */
    document.querySelectorAll('.v15-page a[href^="#"]').forEach(function(a){
        a.addEventListener('click',function(e){
            var t = document.querySelector(this.getAttribute('href'));
            if(t){e.preventDefault();t.scrollIntoView({behavior:reduce?'auto':'smooth',block:'start'});}
        });
    });

    /* Count-up */
    var nums = document.querySelectorAll('.v15-num');
    function fmt(n,thousand){return thousand ? n.toLocaleString('de-DE') : String(n);}
    if(reduce){
        nums.forEach(function(el){var t=+el.dataset.target;el.textContent=fmt(t,el.dataset.format==='thousand');});
    } else if('IntersectionObserver' in window){
        var io = new IntersectionObserver(function(entries){
            entries.forEach(function(en){
                if(!en.isIntersecting) return;
                var el = en.target, target = +el.dataset.target, thousand = el.dataset.format==='thousand';
                var start = null, dur = 1100;
                function step(ts){
                    if(!start) start = ts;
                    var p = Math.min((ts-start)/dur,1);
                    var eased = 1-Math.pow(1-p,3);
                    el.textContent = fmt(Math.round(target*eased),thousand);
                    if(p<1) requestAnimationFrame(step);
                }
                requestAnimationFrame(step);
                io.unobserve(el);
            });
        },{threshold:.5});
        nums.forEach(function(el){io.observe(el);});
    } else {
        nums.forEach(function(el){var t=+el.dataset.target;el.textContent=fmt(t,el.dataset.format==='thousand');});
    }
})();
</script>
@endsection