/* PLENA shared styles für Unterseiten (kontakt, datenschutz, impressum) */
:root{
  --black:#000;
  --near-black:#0a0a0a;
  --surface-dark:#0f0f0f;
  --border-dark:#292929;
  --cream:#fffaf4;
  --steel:#7f99bc;
  --gray:#808080;
  --light:#e6e6e6;
  --radius-card:10px;
  --radius-pill:60px;
  --content:1220px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--black);color:var(--cream);font-family:'Barlow',sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{max-width:var(--content);margin:0 auto;padding:0 30px}
.micro{font-size:12px;font-weight:500;line-height:15px;letter-spacing:.8px;text-transform:uppercase}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 24px;border-radius:var(--radius-pill);
  font-size:18px;font-weight:600;line-height:20px;text-transform:uppercase;
  cursor:pointer;border:1px solid transparent;
  transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,color .3s;
}
.btn:hover{transform:scale(1.04)}
.btn--outline{border-color:var(--cream);color:var(--cream);background:transparent}
.btn--outline:hover{background:var(--cream);color:var(--near-black)}

/* Header */
header{display:flex;align-items:center;justify-content:space-between;padding:27px 30px;background:var(--black)}
.hdr-left{display:flex;gap:8px;align-items:baseline;font-size:18px}
.hdr-left b{font-weight:700;text-transform:uppercase}
.hdr-left span{font-weight:400}
/* Logo fix: bleibt beim Scrollen sichtbar */
.hdr-logo{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000;mix-blend-mode:difference}
.hdr-logo svg{width:34px;height:34px}

/* Footer */
footer{padding:120px 0 0}
.foot-wordmark{padding:0 16px}
.foot-wordmark svg{width:100%;height:auto;display:block}
.foot-meta{
  display:flex;justify-content:space-between;align-items:center;
  padding:40px 30px 40px;
  font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;
}
.foot-meta .links{display:flex;gap:28px}
.foot-meta a{display:inline-flex;align-items:center;gap:6px}
.foot-meta a:hover{color:var(--steel)}
.foot-meta a::after{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='M7 17 17 7M8.5 7H17v8.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='M7 17 17 7M8.5 7H17v8.5'/%3E%3C/svg%3E") center/contain no-repeat}
.agency-badge{display:flex;justify-content:center;padding:14px 0 44px}
.agency-badge img{height:42px;width:auto;border-radius:8px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.agency-badge a:hover img{transform:scale(1.05)}

/* Appear */
.appear{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.appear.in{opacity:1;transform:none}

@media (max-width:809px){
  header{padding:18px 16px}
  .btn{font-size:12px;padding:8px 14px;line-height:14px}
  .hdr-left{font-size:12px}
  .hdr-logo svg{width:34px;height:34px}
  .agency-badge img{height:28px}
}

/* Rechtstexte (Datenschutz / Impressum) */
.legal{max-width:900px;margin:0 auto;padding:60px 30px 140px;text-transform:uppercase}
.legal h1{font-size:clamp(34px,4.5vw,56px);font-weight:700;letter-spacing:-.01em;margin-bottom:60px;hyphens:auto;overflow-wrap:anywhere}
.legal h2{font-size:22px;font-weight:700;letter-spacing:.02em;margin:56px 0 18px}
.legal h3{font-size:17px;font-weight:600;letter-spacing:.03em;margin:34px 0 12px;color:var(--cream)}
.legal p{font-size:15px;font-weight:500;line-height:1.6;color:var(--light);margin-bottom:14px}
.legal ul{list-style:none;margin:0 0 14px}
.legal li{font-size:15px;font-weight:500;line-height:1.6;color:var(--light)}
.legal a{color:var(--steel);word-break:break-all}