"<!DOCTYPE html>\n<html lang=\"en-US\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <meta name=\"csrf-param\" content=\"_csrf-frontend\">\n<meta name=\"csrf-token\" content=\"8jve7sVe70fx64_fAkHKeWB8cDK2h7sfnZ-4aR_VyGuZS-6HrTaJA7WIzO1AArM3Bw1IZvnq60jE6N8Feb27Mg==\">\n    <title>Login</title>\n    <link href=\"/assets/b2212d72/css/bootstrap.css\" rel=\"stylesheet\">\n<link href=\"/css/site.css\" rel=\"stylesheet\">    <style>\n        html, body {\n            height: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        body {\n            background-image: url('/assets/images/login_background.png');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-attachment: fixed;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        .wrap {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .glass-card {\n            background: rgba(255, 255, 255, 0.65);\n            backdrop-filter: blur(16px) saturate(180%);\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\n            border-radius: 24px;\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);\n            padding: 40px;\n            max-width: 420px;\n            width: 100%;\n            animation: fadeInUp 0.6s ease-out;\n        }\n        .glass-card img {\n            display: block;\n            margin: 0 auto 24px auto;\n            max-width: 220px;\n            height: auto;\n        }\n        .glass-card h3 {\n            text-align: center;\n            color: #01517a;\n            font-weight: 600;\n            margin-bottom: 28px;\n            font-size: 1.5rem;\n            letter-spacing: 0.5px;\n        }\n        .glass-card .form-group {\n            margin-bottom: 20px;\n        }\n        .glass-card .form-control {\n            border-radius: 12px;\n            border: 1px solid rgba(1, 81, 122, 0.2);\n            background: rgba(255, 255, 255, 0.8);\n            padding: 14px 16px;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);\n        }\n        .glass-card .form-control:focus {\n            border-color: #01517a;\n            background: rgba(255, 255, 255, 0.95);\n            box-shadow: 0 0 0 4px rgba(1, 81, 122, 0.1);\n            outline: none;\n        }\n        .glass-card .btn-primary {\n            width: 100%;\n            border-radius: 12px;\n            padding: 14px;\n            font-size: 1.05rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            background: linear-gradient(135deg, #01517a 0%, #0277a8 100%);\n            border: none;\n            box-shadow: 0 4px 15px rgba(1, 81, 122, 0.3);\n            transition: all 0.3s ease;\n            color: #fff;\n        }\n        .glass-card .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(1, 81, 122, 0.4);\n            background: linear-gradient(135deg, #013d5c 0%, #01517a 100%);\n        }\n        .glass-card .btn-primary:active {\n            transform: translateY(0);\n        }\n        .glass-card label {\n            color: #01517a;\n            font-weight: 500;\n            margin-bottom: 6px;\n        }\n        .glass-card .help-block {\n            color: #c0392b;\n            font-size: 0.85rem;\n            margin-top: 4px;\n        }\n        .glass-card .has-error .form-control {\n            border-color: #e74c3c;\n        }\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        @media (max-width: 480px) {\n            .glass-card {\n                margin: 20px;\n                padding: 28px;\n            }\n        }\n    </style>\n</head>\n\n<body>\n    \n    <div class=\"wrap\">\n        <div class=\"container\" style=\"display: flex; justify-content: center;\">\n            <div class=\"site-login\">\n\n    <div class=\"glass-card\">\n        <img src=\"/logo.png\" alt=\"Logo\">\n        <h3>Login</h3>\n\n        <form id=\"login-form\" action=\"/\" method=\"post\" role=\"form\">\n<input type=\"hidden\" name=\"_csrf-frontend\" value=\"8jve7sVe70fx64_fAkHKeWB8cDK2h7sfnZ-4aR_VyGuZS-6HrTaJA7WIzO1AArM3Bw1IZvnq60jE6N8Feb27Mg==\">\n        <div class=\"form-group field-loginform-username required\">\n<label class=\"control-label\" for=\"loginform-username\">Username</label>\n<input type=\"text\" id=\"loginform-username\" class=\"form-control\" name=\"LoginForm[username]\" autofocus placeholder=\"Benutzername\" aria-required=\"true\">\n\n<p class=\"help-block help-block-error\"></p>\n</div>\n        <div class=\"form-group field-loginform-password required\">\n<label class=\"control-label\" for=\"loginform-password\">Password</label>\n<input type=\"password\" id=\"loginform-password\" class=\"form-control\" name=\"LoginForm[password]\" value=\"\" placeholder=\"Passwort\" aria-required=\"true\">\n\n<p class=\"help-block help-block-error\"></p>\n</div>\n        <div class=\"form-group\">\n            <button type=\"submit\" class=\"btn btn-primary\" name=\"login-button\">Login</button>        </div>\n\n        </form>    </div>\n\n</div>\n        </div>\n    </div>\n\n    <script src=\"/assets/bf46fda0/jquery.js\"></script>\n<script src=\"/assets/b878293a/yii.js\"></script>\n<script src=\"/assets/b878293a/yii.validation.js\"></script>\n<script src=\"/assets/b878293a/yii.activeForm.js\"></script>\n<script>jQuery(function ($) {\njQuery('#login-form').yiiActiveForm([{\"id\":\"loginform-username\",\"name\":\"username\",\"container\":\".field-loginform-username\",\"input\":\"#loginform-username\",\"error\":\".help-block.help-block-error\",\"validate\":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {\"message\":\"Username cannot be blank.\"});}},{\"id\":\"loginform-password\",\"name\":\"password\",\"container\":\".field-loginform-password\",\"input\":\"#loginform-password\",\"error\":\".help-block.help-block-error\",\"validate\":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {\"message\":\"Password cannot be blank.\"});}}], []);\n});</script></body>\n\n</html>\n"