/* 1. LOKALE SCHRIFT (Rechtssicher & DSGVO-konform) */ @font-face { font-family: 'BebasNeueCustom'; src: url('Bebas_Neu/BebasNeue.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /* 2. GLOBALE BASIS-EINSTELLUNGEN */ html, body { margin: 0; padding: 0; width: 100%; min-height: 100vh; font-family: 'BebasNeueCustom', Arial, sans-serif; -webkit-font-smoothing: antialiased; } /* 3. KONZERT-SEITE (Dunkler Look) */ body { background-color: #000000; color: #ffffff; text-align: center; } h1 { font-size: 3rem; margin: 20px 0; letter-spacing: 2px; text-transform: uppercase; } /* 4. KONZERT-LISTE STYLING */ .vmitte2 { max-width: 900px; margin: 0 auto; padding: 20px; } .Datum { color: #e44d26; /* Dein Horror-Ska Rot */ font-size: 1.6rem; margin-top: 35px; border-bottom: 1px solid #222; display: inline-block; padding-bottom: 5px; } .Normal { font-size: 1.3rem; line-height: 1.5; margin-top: 12px; margin-bottom: 40px; } .Normal a { color: #ffffff; text-decoration: none; border-bottom: 1px solid #e44d26; } .Normal a:hover { color: #e44d26; } .Klein { font-size: 0.9rem; color: #555; } /* 5. SHOP-SEITE SPEZIFISCH (Falls Body weiß sein soll) */ /* Nutze diese Klasse im Shop-HTML: */ .shop-body { background-color: #ffffff !important; color: #000000 !important; } .header-under-logo { background-color: #808080; color: #ffffff; padding: 15px 0; width: 100%; } .links-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; width: 90%; max-width: 1100px; margin: 40px auto; } .links-container img { width: 100%; height: auto; border-radius: 4px; transition: transform 0.3s ease; } .links-container a:hover img { transform: scale(1.04); } /* 6. FOOTER & NAVIGATION */ footer { margin-top: 60px; padding: 20px; font-size: 0.8rem; color: #333; letter-spacing: 1px; } .bottomMainMenue { margin: 40px 0; } .bottomMainMenue img { border: none; transition: opacity 0.3s; } .bottomMainMenue img:hover { opacity: 0.7; } /* 7. MOBILE ANPASSUNG */ @media (max-width: 768px) { h1 { font-size: 2rem; } .Datum { font-size: 1.3rem; } .Normal { font-size: 1.1rem; } .links-container { grid-template-columns: 1fr; } }