/* ====== BASE: Variablen & Motion ====== */
:root{
  --header-h: 64px;                 /* Headerhöhe global */
  --wipe-dur:.68s;                   /* Button-Wipe (Hero/Portfolio/CTA) */
  --wipe-ease:cubic-bezier(.22,.61,.36,1);

  --swap-dur:.58s;                   /* Nutzen-Panel Swap */
  --swap-ease:cubic-bezier(.22,.61,.36,1);
}
@media (min-width:1200px){ :root{ --header-h: 72px; } }

/* Bewegungsreduktion respektieren (global) */
@media (prefers-reduced-motion: reduce){
  .nutzen-card,
  .nutzen-card .panel-normal,
  .nutzen-card .panel-hover,
  .uk-button { transition: none !important; }
}

.nowrap{ white-space: nowrap; }

/* ====== Basis für Legal-Seiten ====== */
.pg-legal {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: "Raleway", sans-serif;
  color: #333;
  line-height: 1.6;
}

.pg-legal h1 {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
  color: #222;
}

.pg-legal h2 {
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  margin: 30px 0 10px;
  color: #444;
}

.pg-legal p,
.pg-legal li {
  font-size: 0.95rem;
  margin-bottom: 14px;
}

/* feine Goldlinie */
.pg-finebar {
  width: 160px;
  height: 3px;
  margin: 16px auto 30px;
  background: linear-gradient(
    to right,
    rgba(248, 214, 171, 0.9) 0%,
    rgba(248, 214, 171, 0.4) 40%,
    rgba(248, 214, 171, 0) 100%
  );
  border-radius: 2px;
}

/* ====== Blöcke ====== */
.pgc-legal-block {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 25px 30px;
  margin-bottom: 25px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* Links */
.pg-legal a {
  color: #691f2c; /* Dein Incrast-Rot */
  text-decoration: none;
  border-bottom: 1px solid rgba(105, 31, 44, 0.3);
  transition: all 0.2s ease;
}

.pg-legal a:hover {
  color: #c9a66b; /* Gold als Hover-Effekt */
  border-bottom-color: rgba(201, 166, 107, 0.6);
}