CINXE.COM
<!DOCTYPE html><html lang="de"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v4.16.13"><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"><link rel="manifest" href="/favicon/site.webmanifest"><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#222222"><link rel="shortcut icon" href="/favicon/favicon.ico"><meta name="msapplication-TileColor" content="#222222"><meta name="msapplication-config" content="/favicon/browserconfig.xml"><meta name="theme-color" content="#ffffff"><title></title><link rel="stylesheet" href="/_astro/_path_.oJkpzUub.css"> <link rel="stylesheet" href="/_astro/fehler.BEt6Zwpx.css"></head> <body class="antialiased"> <svg class="absolute top-0 left-0 w-[100vw] h-[100vh] z-[1]" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice"> <defs> <radialGradient id="Gradient1" cx="50%" cy="50%" fx="0.441602%" fy="50%" r=".5"><animate attributeName="fx" dur="68s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(255, 0, 255, 1)"></stop><stop offset="100%" stop-color="rgba(255, 0, 255, 0)"></stop></radialGradient> <radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.68147%" fy="50%" r=".5"><animate attributeName="fx" dur="47s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(255, 255, 0, 1)"></stop><stop offset="100%" stop-color="rgba(255, 255, 0, 0)"></stop></radialGradient> <radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.836536%" fy="50%" r=".5"><animate attributeName="fx" dur="43s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 255, 255, 1)"></stop><stop offset="100%" stop-color="rgba(0, 255, 255, 0)"></stop></radialGradient> </defs> <rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient1)" transform="rotate(334.41 50 50)"><animate attributeName="x" dur="40s" values="25%;0%;25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="42s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="28s" repeatCount="indefinite"></animateTransform></rect> <rect x="-2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)"><animate attributeName="x" dur="46s" values="-25%;0%;-25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="48s" values="0%;50%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="24s" repeatCount="indefinite"></animateTransform> </rect> <rect x="9.00483%" y="14.5733%" width="100%" height="100%" fill="url(#Gradient3)" transform="rotate(139.903 50 50)"><animate attributeName="x" dur="50s" values="0%;25%;0%" repeatCount="indefinite"></animate><animate attributeName="y" dur="24s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="18s" repeatCount="indefinite"></animateTransform> </rect> </svg> <div class="absolute top-0 left-0 w-[100vw] h-[100vh] bg-white bg-opacity-50 blur-[15px] z-[9]"></div> <div class="absolute top-0 left-0 w-[100vw] h-[100vh] p-[1.25rem] min-[600px]:p-[5rem] flex flex-col items-center justify-between gap-y-[3rem] z-[19] overflow-y-scroll"> <div class="navigation-logo text-start lg:text-center"> <img class="mb-[5px] mt-[2px] h-[1.75rem] lg:mx-auto lg:h-[2.5rem]" src="/logo.svg" alt="ZEIT Shop Logo"> <div class="hidden font-featured text-[1.125rem] font-[600] lg:block">Besondere Ideen, erlesene Geschenke</div> </div> <div class="max-w-[800px]"> <h1 class="font-featured text-[1.75rem] min-[600px]:text-[2.5rem] min-[900px]:text-[3rem] leading-[2rem] min-[600px]:leading-[2.5rem] min-[900px]:leading-[3rem] text-center mb-[1rem]">Es tut uns leid, Ihr Browser wird leider nicht mehr unterst眉tzt!</h1> <div class="text-[1rem] min-[600px]:text-[1.25rem] min-[900px]:text-[1.5rem] font-[500] text-center">Aufgrund gestiegener Sicherheitsanforderungen und einer geringen Anzahl an Nutzer:innen unterst眉tzen wir Ihren Browser leider nicht mehr. Sie finden nachfolgend eine Auswahl von modernen Browseranwendungen, die Sie zum Besuch des ZEIT Shop nutzen k枚nnen.</div> </div> <div class="grid grid-cols-1 gap-y-[0.5rem] min-[900px]:flex min-[900px]:items-center min-[900px]:justify-center min-[900px]:gap-x-[1rem]"> <a href="https://www.microsoft.com/de-de/edge" target="_blank" class="group rounded-[0.5rem] px-[1.25rem] py-[0.75rem] flex items-center justify-start gap-x-[1rem] bg-[#FFFFFF] bg-opacity-50 transition-all hover:bg-[#222222]"> <img src="./browser/microsoft-edge.png" class="h-[2.5rem]" alt="Microsoft Edge"> <span class="font-[600] transition-all group-hover:text-[#FFFFFF]">Microsoft Edge</span> </a><a href="https://www.mozilla.org/de/firefox/" target="_blank" class="group rounded-[0.5rem] px-[1.25rem] py-[0.75rem] flex items-center justify-start gap-x-[1rem] bg-[#FFFFFF] bg-opacity-50 transition-all hover:bg-[#222222]"> <img src="./browser/mozilla-firefox.png" class="h-[2.5rem]" alt="Mozilla Firefox"> <span class="font-[600] transition-all group-hover:text-[#FFFFFF]">Mozilla Firefox</span> </a><a href="https://www.google.com/intl/de_de/chrome/" target="_blank" class="group rounded-[0.5rem] px-[1.25rem] py-[0.75rem] flex items-center justify-start gap-x-[1rem] bg-[#FFFFFF] bg-opacity-50 transition-all hover:bg-[#222222]"> <img src="./browser/google-chrome.png" class="h-[2.5rem]" alt="Google Chrome"> <span class="font-[600] transition-all group-hover:text-[#FFFFFF]">Google Chrome</span> </a> </div> </div> </body></html>