/* =========================================================
   FEUERwetter.de Rechteseiten v1.7.0
   ========================================================= */

*{box-sizing:border-box}

body.legal-page{
  margin:0;
  min-height:100vh;
  padding:20px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:#172033;
  background:radial-gradient(circle at top left,#fff7ed 0,#eef4f8 42%,#e0f2fe 100%);
}

.legal-container{
  max-width:980px;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe7f3;
  border-radius:24px;
  box-shadow:0 18px 55px rgba(15,23,42,.12);
}

.legal-header{
  padding:34px 28px;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg,#14532d,#166534 45%,#0f766e);
}

.legal-header h1{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.15;
}

.legal-header p{
  margin:0;
  color:#dcfce7;
  font-weight:700;
}

.legal-content{
  padding:34px 30px;
}

.legal-content section{
  margin:0 0 34px;
}

.legal-content h2{
  margin:0 0 14px;
  padding-bottom:10px;
  color:#14532d;
  font-size:23px;
  border-bottom:2px solid #bbf7d0;
}

.legal-content h3{
  margin:22px 0 10px;
  color:#166534;
  font-size:18px;
}

.legal-content p,
.legal-content li{
  color:#475569;
  font-size:15px;
  line-height:1.75;
}

.legal-content p{
  margin:0 0 12px;
}

.legal-content ul{
  margin:8px 0 14px 22px;
  padding:0;
}

.legal-back-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:24px;
  padding:10px 14px;
  border-radius:999px;
  background:#eef4ff;
  color:#1d4ed8;
  font-weight:900;
  text-decoration:none;
}

.legal-back-link:hover{
  background:#dbeafe;
}

.legal-card{
  margin:16px 0;
  padding:18px;
  background:#f8fafc;
  border:1px solid #dbe7f3;
  border-left:5px solid #16a34a;
  border-radius:16px;
}

.legal-card strong{
  color:#14532d;
}

.legal-footer{
  padding:24px 30px;
  text-align:center;
  background:#f8fafc;
  border-top:1px solid #dbe7f3;
  color:#64748b;
  font-size:14px;
  line-height:1.5;
}

.legal-footer a{
  color:#1d4ed8;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:700px){
  body.legal-page{padding:10px}
  .legal-container{border-radius:18px}
  .legal-header{padding:26px 18px}
  .legal-header h1{font-size:25px}
  .legal-content{padding:24px 18px}
  .legal-content h2{font-size:20px}
  .legal-content p,.legal-content li{font-size:14px}
}