body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: Arial, sans-serif; background: linear-gradient(135deg, #ececec, #a8d5e2); color: #333; } .container { text-align: center; max-width: 500px; padding: 20px; background: rgba(255, 255, 255, 0.85); border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } img { width: 250px; height: 250px; margin-bottom: 1rem; animation: pulse 2s infinite; } h1 { font-size: 2.5rem; color: #333; margin-bottom: 0.5rem; } p { font-size: 1.2rem; color: #555; margin-bottom: 1.5rem; } .button { display: inline-block; padding: 10px 20px; font-size: 1rem; color: #fff; background-color: #0073e6; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease; margin-top: 1rem; } .button:hover { background-color: #005bb5; } .impressum-link { display: block; margin-top: 1rem; font-size: 0.9rem; color: #0073e6; text-decoration: none; position: relative; } .impressum-link:hover .impressum-content { display: block; } .impressum-content { display: none; position: absolute; top: 120%; /* Abstand zum Link */ left: 50%; transform: translateX(-50%); width: 300px; padding: 15px; background-color: #fff; color: #333; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); z-index: 10; } .impressum-content p { margin: 5px 0; font-size: 0.9rem; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
Vielen Dank für Ihr Interesse! Wir arbeiten fleißig daran, eine neue und aufregende Website für Sie zu gestalten. Bei Fragen können Sie uns gerne kontaktieren!
Email schreibenAngaben gemäß § 5 TMG
Verantwortlich für den Inhalt
Mike Bauckmann
Schopenhauerweg 5
48565 Steinfurt
Kontakt
Email: mike.bauckmann@w-f-s.info