<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fabian Schieder</title>

    <!-- Favicons: mehrere Größen + /favicon.ico Fallback (Browser-Caching) -->
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="shortcut icon" href="/favicon.ico">

    <link rel="icon" href="/icons/favicon.png" type="image/png" sizes="16x16">
    <link rel="icon" href="/icons/favicon.png" type="image/png" sizes="32x32">
    <link rel="icon" href="/icons/favicon.png" type="image/png" sizes="48x48">
    <link rel="apple-touch-icon" href="/icons/favicon.png" sizes="180x180">

    <link rel="stylesheet" href="/style.css">
</head>
<body>

<canvas id="particle-canvas"></canvas>
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
<div class="orb orb-4"></div>

<div class="background-blur"></div>

</body>
</html>
