/* =============================================
   nicresell.de – Rechtliche Seiten (Impressum / Datenschutz)
   ============================================= */

body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.75;
  max-width:   900px;
  margin:      0 auto;
  padding:     40px 20px;
  color:       #1c2430;
  background:  #fff;
}

h1, h2 { color: #0a3d78; }

a { color: #0b66c3; text-decoration: none; }
a:hover { text-decoration: underline; }

.box {
  background:    #f8fbff;
  border:        1px solid #e7edf5;
  border-radius: 16px;
  padding:       22px;
  margin:        18px 0;
}

.note {
  color:     #627086;
  font-size: .95rem;
}

.logo-wrap {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  min-height:      120px;
  margin-bottom:   18px;
}
.logo-wrap img {
  max-width: 340px;
  width:     100%;
  height:    auto;
  display:   block;
  animation: logoFloat 5.8s ease-in-out infinite;
  filter:    drop-shadow(0 12px 26px rgba(11,102,195,.10));
}

/* ── Footer (wie index.php) ──────────────────── */
.footer {
  margin-top:      40px;
  padding:         20px 0 30px;
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  gap:             20px;
  flex-wrap:       wrap;
  color:           #627086;
  font-size:       .94rem;
  border-top:      1px solid #e7edf5;
}

.links {
  display:   flex;
  gap:       16px;
  flex-wrap: wrap;
}

.links a {
  color:           #0a3d78;
  text-decoration: none;
  font-weight:     700;
  position:        relative;
}

.links a::after {
  content:    "";
  position:   absolute;
  left:       0;
  bottom:     -3px;
  width:      0;
  height:     2px;
  background: linear-gradient(90deg, #0b66c3, #2dbb3f);
  transition: width .28s ease;
}

.links a:hover::after,
.links a:focus-visible::after {
  width: 100%;
}

@media (max-width: 560px) {
  .footer { flex-direction: column; align-items: flex-start; gap: 10px; }
}