/*
Theme Name: BITTECH WP-Start
Description: Automatisch aktivierter Standardbildschirm für neue BITTECH-Websites, bis du ein eigenes Theme/Design einrichtest. Solltest du dabei Hilfe benötigen, kontaktiere bitte deinen BITTECH-Ansprechpartner.
Author: BITTECH
Version: 1.1
*/
* { box-sizing: border-box; }
html { width: 100%; overflow-x: hidden; }
body { margin: 0; min-height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #07090F; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; padding: 2rem 1.25rem; overflow-x: hidden; }
.card { max-width: 30rem; width: 100%; text-align: center; flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.card img { width: 180px; max-width: 48vw; height: auto; margin-bottom: 1.75rem; }
.badge { display: inline-block; padding: 0.3125rem 0.875rem; margin-bottom: 1.375rem; border: 1px dashed #2A3142; border-radius: 999px; color: #4A8FF5; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.875rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
h1 { color: #E6EAF2; font-size: clamp(1.5rem, 6vw, 2.125rem); font-weight: 700; line-height: 1.2; margin: 0 0 0.625rem; word-break: break-word; }
p.tagline { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9375rem; letter-spacing: 0.15em; text-transform: uppercase; color: #4A8FF5; margin: 0 0 1.125rem; }
p.lead { color: #A0AAC0; font-size: clamp(1rem, 4vw, 1.125rem); line-height: 1.55; margin: 0 0 2rem; }
.actions { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; width: 100%; }
.btn { display: inline-block; padding: 0.75rem 1.5rem; border-radius: 0.375rem; font-size: 1rem; font-weight: 600; text-decoration: none; flex: 1 1 auto; max-width: 15rem; }
.btn-primary { background: #4A8FF5; color: #ffffff; }
.btn-secondary { color: #A0AAC0; border: 1px solid #2A3142; }
footer { flex-shrink: 0; margin-top: 2.75rem; text-align: center; padding: 0 0.5rem; }
footer a { color: #5C6478; font-size: 0.875rem; text-decoration: none; }
footer a:hover { color: #A0AAC0; }
footer span { color: #3A4255; font-size: 0.875rem; margin: 0 0.5rem; }
@media (max-width: 480px) {
  body { padding: 1.5rem 1rem; }
  .card img { width: 120px; margin-bottom: 1.25rem; }
  .badge { font-size: 0.75rem; padding: 0.25rem 0.75rem; margin-bottom: 1rem; }
  p.lead { margin-bottom: 1.5rem; }
  .actions { gap: 0.625rem; }
  .btn { flex: 1 1 100%; max-width: none; padding: 0.75rem 1.25rem; }
  footer { margin-top: 2rem; }
  footer a, footer span { font-size: 0.8125rem; }
}
@media (max-width: 380px) {
  .card img { width: 100px; }
}