1170 lines
36 KiB
HTML
1170 lines
36 KiB
HTML
<!doctype html>
|
|
<html
|
|
lang="de"
|
|
dir="ltr"
|
|
class="scroll-smooth"
|
|
data-default-appearance="dark"
|
|
data-auto-appearance="true"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
|
|
<meta http-equiv="content-language" content="de">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="theme-color">
|
|
|
|
|
|
|
|
<title>Datenschutz · Hall of Brawl</title>
|
|
<meta name="title" content="Datenschutz · Hall of Brawl">
|
|
|
|
|
|
|
|
|
|
<meta name="description" content="MtG Standard Brawl Community">
|
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="http://localhost:1313/privacy/">
|
|
|
|
|
|
|
|
|
|
<meta name="author" content="Hall Of Brawl">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="https://dc-series.de/" rel="me">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:url" content="http://localhost:1313/privacy/">
|
|
<meta property="og:site_name" content="Hall of Brawl">
|
|
<meta property="og:title" content="Datenschutz">
|
|
<meta property="og:description" content="MtG Standard Brawl Community">
|
|
<meta property="og:locale" content="de">
|
|
<meta property="og:type" content="article">
|
|
<meta property="article:published_time" content="2026-01-25T00:00:00+00:00">
|
|
<meta property="article:modified_time" content="2026-01-25T00:00:00+00:00">
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Datenschutz">
|
|
<meta name="twitter:description" content="MtG Standard Brawl Community">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link
|
|
type="text/css"
|
|
rel="stylesheet"
|
|
href="/css/main.bundle.min.8e7b3fadb972b8f016af16c069a6940753d0c78d183f804f9da31b6ea0bf0a1c42989d9a3bb4aa9e05102618334fddd54efcf223e750d30b2ef2b8f9bf3f2ebf.css"
|
|
integrity="sha512-jns/rblyuPAWrxbAaaaUB1PQx40YP4BPnaMbbqC/ChxCmJ2aO7SqngUQJhgzT93VTvzyI+dQ0wsu8rj5vz8uvw==">
|
|
|
|
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="/js/appearance.min.6f41174b3a05b680820fe08cadbfa5fb7a7ca347b76a0955cdc68b9d8aca1ce24f0547e138cea33bcc7904d551a90afcb1cc7f2d9fe8557075d501419046c08c.js"
|
|
integrity="sha512-b0EXSzoFtoCCD+CMrb+l+3p8o0e3aglVzcaLnYrKHOJPBUfhOM6jO8x5BNVRqQr8scx/LZ/oVXB11QFBkEbAjA=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/lib/zoom/zoom.min.umd.a527109b68c082a70f3697716dd72a9d5aa8b545cf800cecbbc7399f2ca6f6e0ce3e431f2062b48bbfa47c9ea42822714060bef309be073f49b9c0e30d318d7b.js" integrity="sha512-pScQm2jAgqcPNpdxbdcqnVqotUXPgAzsu8c5nyym9uDOPkMfIGK0i7+kfJ6kKCJxQGC+8wm+Bz9JucDjDTGNew=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
defer
|
|
type="text/javascript"
|
|
id="script-bundle"
|
|
src="/js/main.bundle.min.b16d807a513bd375edb24c501502c85cc94dfdaf3cf1979d51e2362e4eb5deaeab801c26116a5ee436a7ac00f27d244f7778458fee832a0cbb274ee23900d6bf.js"
|
|
integrity="sha512-sW2AelE703XtskxQFQLIXMlN/a888ZedUeI2Lk613q6rgBwmEWpe5DanrADyfSRPd3hFj+6DKgy7J07iOQDWvw=="
|
|
data-copy="Kopieren"
|
|
data-copied="Kopiert"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/lib/jquery/jquery.slim.min.b0dca576e87d7eaa5850ae4e61759c065786cdb6489d68fcc82240539eebd5da522bdb4fda085ffd245808c8fe2acb2516408eb774ef26b5f6015fc6737c0ea8.js" integrity="sha512-sNylduh9fqpYUK5OYXWcBleGzbZInWj8yCJAU57r1dpSK9tP2ghf/SRYCMj+KsslFkCOt3TvJrX2AV/Gc3wOqA=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
|
|
|
|
|
|
<script type="application/ld+json">
|
|
[{
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
"articleSection": "Willkommen bei Hall Of Brawl!",
|
|
"name": "Datenschutz",
|
|
"headline": "Datenschutz",
|
|
|
|
"inLanguage": "de",
|
|
"url" : "http://localhost:1313/privacy/",
|
|
"author" : {
|
|
"@type": "Person",
|
|
"name": "Hall Of Brawl"
|
|
},
|
|
"copyrightYear": "2026",
|
|
"dateCreated": "2026-01-25T00:00:00\u002b00:00",
|
|
"datePublished": "2026-01-25T00:00:00\u002b00:00",
|
|
|
|
"dateModified": "2026-01-25T00:00:00\u002b00:00",
|
|
|
|
|
|
|
|
"mainEntityOfPage": "true",
|
|
"wordCount": "540"
|
|
}]
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body class="flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32 text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral bf-scrollbar">
|
|
<div id="the-top" class="absolute flex self-center">
|
|
<a
|
|
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
|
href="#main-content">
|
|
<span class="font-bold text-primary-600 pe-2 dark:text-primary-400">↓</span>
|
|
Zum Hauptinhalt springen
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="min-h-[148px]"></div>
|
|
<div class="fixed inset-x-0 bg-neutral dark:bg-neutral-800 z-100">
|
|
<div class="relative m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32">
|
|
<div class="main-menu flex items-center w-full gap-2 p-1 pl-0">
|
|
|
|
|
|
|
|
<div>
|
|
<a href="/" class="flex">
|
|
<span class="sr-only">Hall of Brawl</span>
|
|
|
|
<img
|
|
src="/img/logo-header.png"
|
|
width="32"
|
|
height="32"
|
|
class="logo max-h-20 max-w-20 object-scale-down object-left nozoom"
|
|
alt="">
|
|
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<a href="/" class="text-base font-medium truncate min-w-0 shrink">
|
|
Hall of Brawl
|
|
</a>
|
|
|
|
<div class="flex items-center ms-auto">
|
|
<div class="hidden md:flex">
|
|
<nav class="flex items-center gap-x-5 h-12">
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="/dates/"
|
|
|
|
class="flex items-center bf-icon-color-hover"
|
|
aria-label="Termine"
|
|
title="">
|
|
|
|
|
|
<span class="text-base font-medium break-normal">
|
|
Termine
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="/organisation/"
|
|
|
|
class="flex items-center bf-icon-color-hover"
|
|
aria-label="Organisation"
|
|
title="">
|
|
|
|
|
|
<span class="text-base font-medium break-normal">
|
|
Organisation
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="/rules/"
|
|
|
|
class="flex items-center bf-icon-color-hover"
|
|
aria-label="Regeln"
|
|
title="Regeln">
|
|
|
|
|
|
<span class="text-base font-medium break-normal">
|
|
Regeln
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button
|
|
id="search-button"
|
|
aria-label="Search"
|
|
class="text-base bf-icon-color-hover"
|
|
title="Suche (/)">
|
|
<span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
</span>
|
|
</button>
|
|
|
|
|
|
|
|
<div class="flex items-center">
|
|
<button
|
|
id="appearance-switcher"
|
|
aria-label="Dark mode switcher"
|
|
type="button"
|
|
class="text-base bf-icon-color-hover">
|
|
<div class="flex items-center justify-center dark:hidden">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
|
</span>
|
|
</div>
|
|
<div class="items-center justify-center hidden dark:flex">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="flex md:hidden">
|
|
<div class="flex items-center h-14 gap-4">
|
|
|
|
<button
|
|
id="search-button-mobile"
|
|
aria-label="Search"
|
|
class="flex items-center justify-center bf-icon-color-hover"
|
|
title="Suche (/)">
|
|
<span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
</span>
|
|
</button>
|
|
|
|
|
|
|
|
<button
|
|
id="appearance-switcher-mobile"
|
|
type="button"
|
|
aria-label="Dark mode switcher"
|
|
class="flex items-center justify-center text-neutral-900 hover:text-primary-600 dark:text-neutral-200 dark:hover:text-primary-400">
|
|
<div class="dark:hidden">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
|
</span>
|
|
</div>
|
|
<div class="hidden dark:block">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
|
|
|
|
|
|
<input type="checkbox" id="mobile-menu-toggle" autocomplete="off" class="hidden peer">
|
|
<label for="mobile-menu-toggle" class="flex items-center justify-center cursor-pointer bf-icon-color-hover">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
|
</span>
|
|
</label>
|
|
|
|
<div
|
|
role="dialog"
|
|
aria-modal="true"
|
|
style="scrollbar-gutter: stable;"
|
|
class="fixed inset-0 z-50 invisible overflow-y-auto px-6 py-20 opacity-0 transition-[opacity,visibility] duration-300 peer-checked:visible peer-checked:opacity-100 bg-neutral-50/97 dark:bg-neutral-900/99
|
|
bf-scrollbar">
|
|
<label
|
|
for="mobile-menu-toggle"
|
|
class="fixed end-8 top-5 flex items-center justify-center z-50 h-12 w-12 cursor-pointer select-none rounded-full bf-icon-color-hover border bf-border-color bf-border-color-hover bg-neutral-50 dark:bg-neutral-900">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
|
</span>
|
|
</label>
|
|
<nav class="mx-auto max-w-md space-y-6">
|
|
|
|
|
|
|
|
<div class="px-2">
|
|
<a
|
|
href="/dates/"
|
|
aria-label="Termine"
|
|
|
|
class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200">
|
|
|
|
<span title="" class="text-2xl font-bold tracking-tight">
|
|
Termine
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="px-2">
|
|
<a
|
|
href="/organisation/"
|
|
aria-label="Organisation"
|
|
|
|
class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200">
|
|
|
|
<span title="" class="text-2xl font-bold tracking-tight">
|
|
Organisation
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="px-2">
|
|
<a
|
|
href="/rules/"
|
|
aria-label="Regeln"
|
|
|
|
class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200">
|
|
|
|
<span title="Regeln" class="text-2xl font-bold tracking-tight">
|
|
Regeln
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="relative flex flex-col grow">
|
|
<main id="main-content" class="grow">
|
|
|
|
|
|
<article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom">
|
|
|
|
|
|
|
|
<img
|
|
id="background-image"
|
|
src="/img/background-sites_hu_69030ae61c8e1cc1.jpg"
|
|
role="presentation"
|
|
loading="eager"
|
|
decoding="async"
|
|
fetchpriority="high"
|
|
class="absolute inset-0 w-full h-full object-cover"
|
|
>
|
|
<div
|
|
class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal"></div>
|
|
<div
|
|
class="absolute inset-0 opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal"></div>
|
|
</div>
|
|
|
|
|
|
<div
|
|
id="background-blur"
|
|
class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-xl bg-neutral-100/75 dark:bg-neutral-800/60"></div>
|
|
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="/js/background-blur.min.00a57c73ea12f2cab2980c3c3d649e89f6d82f190f74bbe2b67f2f5e39ab7d032ece47086400ca05396758aace13299da49aca43ea643d2625e62c506267a169.js"
|
|
integrity="sha512-AKV8c+oS8sqymAw8PWSeifbYLxkPdLvitn8vXjmrfQMuzkcIZADKBTlnWKrOEymdpJrKQ+pkPSYl5ixQYmehaQ=="
|
|
data-blur-id="background-blur"
|
|
data-image-id="background-image"
|
|
data-image-url="/img/background-sites_hu_69030ae61c8e1cc1.jpg"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<header id="single_header" class="mt-5 max-w-prose">
|
|
|
|
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
|
|
|
|
|
|
|
|
|
|
<li class="hidden">
|
|
<a class="hover:underline decoration-neutral-300 dark:underline-neutral-600" href="/"
|
|
>Willkommen bei Hall Of Brawl!</a
|
|
><span class="px-1 text-primary-500">/</span>
|
|
</li>
|
|
|
|
|
|
<li class="hidden">
|
|
<a class="hover:underline decoration-neutral-300 dark:underline-neutral-600" href="/privacy/"
|
|
>Datenschutz</a
|
|
><span class="px-1 text-primary-500">/</span>
|
|
</li>
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
|
|
Datenschutz
|
|
</h1>
|
|
<div class="mt-1 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-row flex-wrap items-center">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="order-first lg:ms-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs">
|
|
<div class="toc ps-5 print:hidden lg:sticky lg:top-[140px]">
|
|
<details
|
|
open
|
|
id="TOCView"
|
|
class="toc-right mt-0 overflow-y-auto overscroll-contain bf-scrollbar rounded-lg -ms-5 ps-5 pe-2 hidden lg:block">
|
|
<summary
|
|
class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 -ms-5 ps-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
|
Inhaltsverzeichnis
|
|
</summary>
|
|
<div
|
|
class="min-w-[220px] py-2 border-dotted border-s-1 -ms-5 ps-5 dark:border-neutral-600">
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#allgemein">Allgemein</a></li>
|
|
<li><a href="#speicherdauer-und-löschung">Speicherdauer und Löschung</a></li>
|
|
<li><a href="#bereitstellung-der-website-und-erstellung-von-logfiles">Bereitstellung der Website und Erstellung von Logfiles</a></li>
|
|
<li><a href="#weitergabe-von-benutzernamen-und-decklisten">Weitergabe von Benutzernamen und Decklisten</a></li>
|
|
<li><a href="#nutzung-durch-dritte">Nutzung durch Dritte</a></li>
|
|
<li><a href="#erstellung-von-bild--und-tonaufnahmen-auf-events">Erstellung von Bild- und Tonaufnahmen auf Events</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</details>
|
|
<details class="toc-inside mt-0 overflow-hidden rounded-lg -ms-5 ps-5 lg:hidden">
|
|
<summary
|
|
class="py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 -ms-5 ps-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
|
Inhaltsverzeichnis
|
|
</summary>
|
|
<div
|
|
class="py-2 border-dotted border-neutral-300 border-s-1 -ms-5 ps-5 dark:border-neutral-600">
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#allgemein">Allgemein</a></li>
|
|
<li><a href="#speicherdauer-und-löschung">Speicherdauer und Löschung</a></li>
|
|
<li><a href="#bereitstellung-der-website-und-erstellung-von-logfiles">Bereitstellung der Website und Erstellung von Logfiles</a></li>
|
|
<li><a href="#weitergabe-von-benutzernamen-und-decklisten">Weitergabe von Benutzernamen und Decklisten</a></li>
|
|
<li><a href="#nutzung-durch-dritte">Nutzung durch Dritte</a></li>
|
|
<li><a href="#erstellung-von-bild--und-tonaufnahmen-auf-events">Erstellung von Bild- und Tonaufnahmen auf Events</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</details>
|
|
|
|
|
|
<script>
|
|
(function () {
|
|
'use strict'
|
|
|
|
const SCROLL_OFFSET_RATIO = 0.33
|
|
const TOC_SELECTOR = '#TableOfContents'
|
|
const ANCHOR_SELECTOR = '.anchor'
|
|
const TOC_LINK_SELECTOR = 'a[href^="#"]'
|
|
const NESTED_LIST_SELECTOR = 'li ul'
|
|
const ACTIVE_CLASS = 'active'
|
|
let isJumpingToAnchor = false
|
|
|
|
function getActiveAnchorId(anchors, offsetRatio) {
|
|
const threshold = window.scrollY + window.innerHeight * offsetRatio
|
|
const tocLinks = [...document.querySelectorAll('#TableOfContents a[href^="#"]')]
|
|
const tocIds = new Set(tocLinks.map(link => link.getAttribute('href').substring(1)))
|
|
|
|
if (isJumpingToAnchor) {
|
|
for (let i = 0; i < anchors.length; i++) {
|
|
const anchor = anchors[i]
|
|
if (!tocIds.has(anchor.id)) continue
|
|
const top = anchor.getBoundingClientRect().top + window.scrollY
|
|
if (Math.abs(window.scrollY - top) < 100) {
|
|
return anchor.id
|
|
}
|
|
}
|
|
}
|
|
|
|
for (let i = anchors.length - 1; i >= 0; i--) {
|
|
const top = anchors[i].getBoundingClientRect().top + window.scrollY
|
|
if (top <= threshold && tocIds.has(anchors[i].id)) {
|
|
return anchors[i].id
|
|
}
|
|
}
|
|
return anchors.find(anchor => tocIds.has(anchor.id))?.id || ''
|
|
}
|
|
|
|
function updateTOC({ toc, anchors, links, scrollOffset, collapseInactive }) {
|
|
const activeId = getActiveAnchorId(anchors, scrollOffset)
|
|
if (!activeId) return
|
|
|
|
links.forEach(link => {
|
|
const isActive = link.getAttribute('href') === `#${activeId}`
|
|
link.classList.toggle(ACTIVE_CLASS, isActive)
|
|
|
|
if (collapseInactive) {
|
|
const ul = link.closest('li')?.querySelector('ul')
|
|
if (ul) ul.style.display = isActive ? '' : 'none'
|
|
}
|
|
})
|
|
|
|
if (collapseInactive) {
|
|
const activeLink = toc.querySelector(`a[href="#${CSS.escape(activeId)}"]`)
|
|
let el = activeLink
|
|
while (el && el !== toc) {
|
|
if (el.tagName === 'UL') el.style.display = ''
|
|
if (el.tagName === 'LI') el.querySelector('ul')?.style.setProperty('display', '')
|
|
el = el.parentElement
|
|
}
|
|
}
|
|
}
|
|
|
|
function initTOC() {
|
|
const toc = document.querySelector(TOC_SELECTOR)
|
|
if (!toc) return
|
|
|
|
const collapseInactive = false
|
|
const anchors = [...document.querySelectorAll(ANCHOR_SELECTOR)]
|
|
const links = [...toc.querySelectorAll(TOC_LINK_SELECTOR)]
|
|
|
|
if (collapseInactive) {
|
|
toc.querySelectorAll(NESTED_LIST_SELECTOR).forEach(ul => ul.style.display = 'none')
|
|
}
|
|
|
|
links.forEach(link => {
|
|
link.addEventListener('click', () => {
|
|
isJumpingToAnchor = true
|
|
})
|
|
})
|
|
|
|
const config = {
|
|
toc,
|
|
anchors,
|
|
links,
|
|
scrollOffset: SCROLL_OFFSET_RATIO,
|
|
collapseInactive
|
|
}
|
|
|
|
window.addEventListener('scroll', () => updateTOC(config), { passive: true })
|
|
window.addEventListener('hashchange', () => updateTOC(config), { passive: true })
|
|
|
|
updateTOC(config)
|
|
}
|
|
|
|
document.readyState === 'loading'
|
|
? document.addEventListener('DOMContentLoaded', initTOC)
|
|
: initTOC()
|
|
})()
|
|
</script>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="min-w-0 min-h-0 max-w-fit">
|
|
|
|
|
|
<div class="article-content max-w-prose mb-20">
|
|
|
|
<h2 class="relative group">Allgemein
|
|
<div id="allgemein" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#allgemein" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Wir verarbeiten personenbezogene Daten unserer Nutzer grundsätzlich nur, soweit dies zur Bereitstellung einer funktionsfähigen Website sowie unserer Inhalte und Leistungen erforderlich ist. Die Verarbeitung personenbezogener Daten unserer Nutzer erfolgt regelmäßig nur nach Einwilligung des Nutzers. Eine Ausnahme gilt in solchen Fällen, in denen eine vorherige Einholung einer Einwilligung aus tatsächlichen Gründen nicht möglich ist und die Verarbeitung der Daten durch gesetzliche Vorschriften gestattet ist.</p>
|
|
|
|
<h2 class="relative group">Speicherdauer und Löschung
|
|
<div id="speicherdauer-und-löschung" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#speicherdauer-und-l%c3%b6schung" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Die personenbezogenen Daten der betroffenen Person werden gelöscht oder gesperrt, sobald der Zweck der Speicherung entfällt. Eine Speicherung kann darüber hinaus erfolgen, wenn dies durch den europäischen oder nationalen Gesetzgeber in unionsrechtlichen Verordnungen, Gesetzen oder sonstigen Vorschriften, denen der Verantwortliche unterliegt, vorgesehen wurde. Eine Sperrung oder Löschung der Daten erfolgt auch dann, wenn eine durch die genannten Normen vorgeschriebene Speicherfrist abläuft, es sei denn, dass eine Erforderlichkeit zur weiteren Speicherung der Daten für einen Vertragsabschluss oder eine Vertragserfüllung besteht.</p>
|
|
|
|
<h2 class="relative group">Bereitstellung der Website und Erstellung von Logfiles
|
|
<div id="bereitstellung-der-website-und-erstellung-von-logfiles" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#bereitstellung-der-website-und-erstellung-von-logfiles" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Bei jedem Aufruf unserer Internetseite erfasst unser System automatisiert Daten und Informationen vom Computersystem des aufrufenden Rechners.</p>
|
|
<ul>
|
|
<li>Informationen über den Browsertyp und die verwendete Version</li>
|
|
<li>Das Betriebssystem des Nutzers</li>
|
|
<li>Die IP-Adresse des Nutzers</li>
|
|
<li>Datum und Uhrzeit des Zugriffs</li>
|
|
</ul>
|
|
<p>Die Daten werden ebenfalls in den Logfiles unseres Systems gespeichert. Eine Speicherung dieser Daten zusammen mit anderen personenbezogenen Daten des Nutzers findet nicht statt.</p>
|
|
<p>Die Speicherung in Logfiles erfolgt, um die Funktionsfähigkeit der Website sicherzustellen. Zudem dienen uns die Daten zur technischen Optimierung der Website und zur Sicherstellung der Sicherheit unserer informationstechnischen Systeme. Eine Auswertung der Daten zu Marketingzwecken findet in diesem Zusammenhang nicht statt.</p>
|
|
<p>Die Erfassung der Daten zur Bereitstellung der Website und die Speicherung der Daten in Logfiles ist für den Betrieb der Internetseite zwingend erforderlich. Es besteht folglich seitens des Nutzers keine Widerspruchsmöglichkeit.</p>
|
|
|
|
<h2 class="relative group">Weitergabe von Benutzernamen und Decklisten
|
|
<div id="weitergabe-von-benutzernamen-und-decklisten" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#weitergabe-von-benutzernamen-und-decklisten" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Wir können bestimmte von Benutzern eingereichte Inhalte, einschließlich Benutzernamen und Decklisten, an vertrauenswürdige Drittanbieterplattformen wie TopDeck.gg oder Spicerack.gg weitergeben. Diese Weitergabe dient der Förderung der Community-Beteiligung, der Datenaggregation und der Sichtbarkeit von benutzergenerierten Inhalten. Zweck der Weitergabe</p>
|
|
<p>Benutzernamen können dem Klarnamen des Nutzers entsprechen.</p>
|
|
<p>Der Zweck der Weitergabe dieser Informationen umfasst:</p>
|
|
<ul>
|
|
<li>Ermöglichen von Turnier- und Meta-Analysen.</li>
|
|
<li>Hervorhebung beliebter oder innovativer Deck-Builds.</li>
|
|
<li>Anerkennung der Leistungen von Spielern.</li>
|
|
</ul>
|
|
<p>Die folgenden Daten können weitergegeben werden:</p>
|
|
<ul>
|
|
<li>Benutzername: Ihr öffentlich sichtbarer Benutzername/ Klarname auf unserer Plattform.</li>
|
|
<li>Deckliste: Die Liste der Karten und zugehörigen Metadaten (z. B. Kommandant, Archetyp, Format), die Sie zur Veröffentlichung oder zur Teilnahme an Veranstaltungen einreichen.</li>
|
|
</ul>
|
|
<p>Wir geben keine E-Mail-Adressen, Passwörter oder andere personenbezogene Daten außer dem Benutzernamen/ Klarnamen weiter.</p>
|
|
<p>Durch das Einreichen einer Deckliste oder die Teilnahme an Veranstaltungen über unsere Plattform erklären Sie sich damit einverstanden, dass Ihr Benutzername und Ihre Deckliste für die oben genannten Zwecke an Dritte weitergegeben werden. Wenn Sie nicht möchten, dass Ihre Daten weitergegeben werden, kontaktieren Sie uns bitte, bevor Sie Inhalte einreichen.</p>
|
|
|
|
<h2 class="relative group">Nutzung durch Dritte
|
|
<div id="nutzung-durch-dritte" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#nutzung-durch-dritte" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Websites von Drittanbietern wie TopDeck.gg oder Spicerack.gg haben ihre eigenen Datenschutzrichtlinien. Wir empfehlen Ihnen, diese Richtlinien zu lesen, um zu verstehen, wie Ihre Daten nach der Weitergabe verwaltet werden.</p>
|
|
|
|
<h2 class="relative group">Erstellung von Bild- und Tonaufnahmen auf Events
|
|
<div id="erstellung-von-bild--und-tonaufnahmen-auf-events" class="anchor"></div>
|
|
|
|
<span
|
|
class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
|
|
<a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#erstellung-von-bild--und-tonaufnahmen-auf-events" aria-label="Anker">#</a>
|
|
</span>
|
|
|
|
</h2>
|
|
<p>Während unserer Events werden Bild- und Tonaufnahmen erstellt.
|
|
Mit Erwerb eines Tickets für diese Events und der Anwesenheit vor Ort, wird der Erstellung von Bild- und Tonaufnahmen und deren Veröffentlichung über unsere Kanäle zugestimmt.</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="/js/page.min.54b6f4371722649edbe871e431d8670d670878c22be8f36e229fe53cc9b786fe25a834def5e6de621f7a3e37b72bc8cd73839aa5ed907ed6cbd45cd3e1b0fa20.js"
|
|
integrity="sha512-VLb0NxciZJ7b6HHkMdhnDWcIeMIr6PNuIp/lPMm3hv4lqDTe9ebeYh96Pje3K8jNc4Oape2QftbL1FzT4bD6IA=="
|
|
data-oid="views_privacy/index.md"
|
|
data-oid-likes="likes_privacy/index.md"></script>
|
|
|
|
</section>
|
|
|
|
|
|
<footer class="pt-8 max-w-prose print:hidden">
|
|
|
|
|
|
|
|
</footer>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div
|
|
id="scroll-to-top"
|
|
class="fixed bottom-6 end-6 z-50 transform translate-y-4 opacity-0 duration-200">
|
|
<a
|
|
href="#the-top"
|
|
class="pointer-events-auto flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
|
|
aria-label="Zum Anfang scrollen"
|
|
title="Zum Anfang scrollen">
|
|
↑
|
|
</a>
|
|
</div>
|
|
|
|
</main><footer id="site-footer" class="py-10 print:hidden">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<nav class="flex flex-row pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400 ">
|
|
<ul class="flex list-none flex-col sm:flex-row">
|
|
|
|
<li class=" flex mb-1 text-end sm:mb-0 sm:me-7 sm:last:me-0 ">
|
|
<a
|
|
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2 flex items-center"
|
|
href="/imprint/"
|
|
title="Impressum">
|
|
|
|
Impressum
|
|
</a>
|
|
</li>
|
|
|
|
<li class=" flex mb-1 text-end sm:mb-0 sm:me-7 sm:last:me-0 ">
|
|
<a
|
|
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2 flex items-center"
|
|
href="/privacy/"
|
|
title="Datenschutz">
|
|
|
|
Datenschutz
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
<div class="flex items-center justify-between">
|
|
|
|
|
|
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
|
© 2026 Hall Of Brawl | Hall Of Brawl is unofficial Fan Content permitted under the Magic: The Gathering Fan Content Policy. We are not approved/endorsed by Wizards. Portions of the materials used are property of Wizards of the Coast. Wizards of the Coast, Magic: The Gathering, and their logos are trademarks of Wizards of the Coast LLC. © 1995-2026 Wizards. All rights reserved.
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
|
|
margin: 24,
|
|
background: "rgba(0,0,0,0.5)",
|
|
scrollOffset: 0,
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="/js/process.min.ee03488f19c93c2efb199e2e3014ea5f3cb2ce7d45154adb3399a158cac27ca52831db249ede5bb602700ef87eb02434139de0858af1818ab0fb4182472204a4.js"
|
|
integrity="sha512-7gNIjxnJPC77GZ4uMBTqXzyyzn1FFUrbM5mhWMrCfKUoMdsknt5btgJwDvh+sCQ0E53ghYrxgYqw+0GCRyIEpA=="></script>
|
|
|
|
|
|
</footer>
|
|
<div
|
|
id="search-wrapper"
|
|
class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh] z-500"
|
|
data-url="http://localhost:1313/">
|
|
<div
|
|
id="search-modal"
|
|
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800">
|
|
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
|
<form class="flex items-center flex-auto min-w-0">
|
|
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
|
<span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
</span>
|
|
</div>
|
|
<input
|
|
type="search"
|
|
id="search-query"
|
|
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
|
placeholder="Suchen"
|
|
tabindex="0">
|
|
</form>
|
|
<button
|
|
id="close-search-button"
|
|
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
|
title="Schließen (Esc)">
|
|
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
|
</span>
|
|
</button>
|
|
</header>
|
|
<section class="flex-auto px-2 overflow-auto">
|
|
<ul id="search-results">
|
|
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|