:root{--color-background:#fff;--color-text:#000;--color-link:#000;--color-link-visited:#777;--color-link-hover:#0056b3;--color-header-background:#f0f0f3;--color-header-text:#000;--color-column-background:#fff;--color-toggle-button-background:#ffffff80;--color-toggle-button-text:#000;--color-toggle-button-hover:#ffffffb3}body[data-theme=dark]{--color-background:#121212;--color-text:#ececec;--color-link:#e0e0e0;--color-link-visited:#999;--color-link-hover:#1d83f0;--color-header-background:#303030;--color-header-text:#fff;--color-column-background:#1e1e1e;--color-toggle-button-background:#00000080;--color-toggle-button-text:#fff;--color-toggle-button-hover:#000000b3}body{background-color:#fff;background-color:var(--color-background);color:#000;color:var(--color-text);font-family:Times New Roman,Times,serif;font-size:16px;margin:0;padding:0;transition:background-color .3s,color .3s}a{color:#000;color:var(--color-link);text-decoration:none}a,a:visited{transition:color .3s}a:visited{color:#777;color:var(--color-link-visited)}a:hover{color:#0056b3;color:var(--color-link-hover);text-decoration:underline}.header{background-color:var(--color-header-background);border-radius:8px;color:var(--color-header-text);padding:20px;text-align:center;transition:background-color .3s,color .3s}.header img{display:block;height:auto;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:100%}.header h1{color:var(--color-header-text);font-size:65px;font-weight:700;letter-spacing:10px;line-height:1;margin:0;transition:color .3s;word-spacing:15px}.column{background-color:var(--color-header-background);border-radius:8px;display:flex;flex-direction:column;padding:10px;transition:background-color .3s}@media (max-width:768px){.column{padding:0}}@media (min-width:769px){.column{width:33%}}.headline{margin-bottom:35px;transition:color .3s}.headline a{display:block;font-size:18px;line-height:1.2;text-decoration:none;transition:color .3s}.main-headline{text-align:center;transition:color .3s}.main-headline a{font-size:26px;font-weight:700;transition:color .3s}.image-container{aspect-ratio:16/9;background-color:#f0f0f0;border-radius:4px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.image-loading-placeholder{animation:loading-animation 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes loading-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.headline-image{border-radius:4px;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.headline-image.loading{opacity:0}.headline-text{margin-top:8px;transition:color .3s}.headline-text.no-image{border-left:3px solid #ccc;font-weight:500;padding-left:10px}@media (max-width:768px){.headline a{font-size:16px}.main-headline a{font-size:22px}}[data-theme=dark] .image-container{background-color:#2a2a2a}[data-theme=dark] .image-loading-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}[data-theme=dark] .headline-text.no-image{border-left-color:#555}.App{background-color:var(--color-header-background);margin:0 auto;max-width:1100px}.content{display:flex;gap:30px;justify-content:center;margin:0 auto;padding:0 20px}@media (max-width:768px){.content{flex-direction:column;gap:0}}.theme-toggle-button{background:#0000;border:none;border-radius:50%;color:var(--color-toggle-button-text);cursor:pointer;font-size:24px;position:fixed;right:20px;top:20px;transition:background .3s,color .3s;z-index:1000}.theme-toggle-button:hover{background:#0000}.loading-container{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #0000001a;border-radius:50%;border-top:5px solid var(--color-accent);height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{align-items:center;color:var(--color-text);display:flex;flex-direction:column;height:50vh;justify-content:center;padding:20px;text-align:center}.error-container h2{color:#e74c3c;margin-bottom:10px}@media (max-width:768px){.main-headline-container{padding:0 20px}}@media (min-width:769px){.main-headline-container{margin-bottom:30px;padding:0 20px}}
/*# sourceMappingURL=main.c770bb4f.css.map*/