/* =========================================================================
   Try-Out-Camp – eigenes Theme (dunkel/gold), Folien-Look.
   Wird ZUSÄTZLICH zu style.css geladen und überschreibt nur das Nötige.
   ========================================================================= */

/* Akzentfarbe von Grün auf Gold – gilt für Buttons/Links im Anmeldeformular */
:root{
  --gruen:#d4af37;
  --gruen-d:#c49a2a;
  --gruen-deep:#9c7a1a;
}

/* ---------- Dunkler Kopf (Anmeldeformular & Unterseiten) ---------- */
.cr7-topbar{background:#15171c;border-bottom:1px solid #2a2e37}
.cr7-topbar .inner{max-width:1180px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;gap:14px}
.cr7-topbar img{height:60px;width:auto;display:block}
.cr7-topbar .wort{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;font-style:italic;
  font-size:1.5rem;letter-spacing:1px;color:#fff;text-transform:uppercase;line-height:1}
.cr7-topbar .wort small{display:block;font-size:.6rem;letter-spacing:3px;color:#d4af37;font-style:normal;margin-top:3px}

/* ---------- Dunkle Fußzeile ---------- */
.cr7-footer{background:#101217;color:#8b90a0;padding:30px 22px;text-align:center;font-size:.85rem;line-height:1.7}
.cr7-footer strong{color:#fff}
.cr7-footer a{color:#d4af37;text-decoration:none}
.cr7-footer .rechts{margin-top:10px;font-size:.8rem}
.cr7-footer .rechts a{margin:0 8px}

/* =========================================================================
   Landingpage (cr7/index.php)
   ========================================================================= */
.cr7-page{background:#1b1e26;color:#e7e9ef;min-height:100vh}
.cr7-wrap{max-width:860px;margin:0 auto;padding:0 20px}

.cr7-hero{position:relative;background:#0d0f14;color:#fff;text-align:center;padding:64px 20px 54px;overflow:hidden}
.cr7-hero::after{content:"";position:absolute;inset:0;background:
  radial-gradient(900px 300px at 50% -10%, rgba(212,175,55,.14), transparent 70%)}
.cr7-hero > *{position:relative;z-index:1}
.cr7-hero img.logo{height:170px;width:auto;max-width:90%;margin:0 auto 26px;display:block}
.cr7-kicker{font-family:'Barlow',sans-serif;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  font-size:.78rem;color:#d4af37;margin-bottom:14px}
.cr7-hero h1{font-family:'Barlow Condensed','Barlow',sans-serif;font-style:italic;font-weight:700;
  text-transform:uppercase;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1;margin:0 0 6px;color:#fff}
.cr7-hero .unterstrich{width:120px;height:4px;background:#c0392b;margin:16px auto 22px;border-radius:2px}
.cr7-hero .termin{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;letter-spacing:4px;
  font-size:clamp(1.3rem,4vw,2rem);color:#fff}
.cr7-hero .sub{color:#c7cad6;margin-top:8px;font-size:1.02rem}

.cr7-cta{display:inline-flex;align-items:center;gap:8px;margin-top:28px;background:#d4af37;color:#141414;
  font-family:'Barlow',sans-serif;font-weight:700;letter-spacing:.5px;padding:15px 34px;border-radius:999px;
  text-decoration:none;font-size:1.05rem;transition:transform .15s ease,box-shadow .2s ease}
.cr7-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.3)}

.cr7-section{padding:46px 0}
.cr7-section h2{font-family:'Barlow Condensed','Barlow',sans-serif;font-style:italic;font-weight:700;
  text-transform:uppercase;font-size:clamp(1.6rem,5vw,2.4rem);color:#fff;margin:0 0 4px}
.cr7-section .linie{width:90px;height:3px;background:#c0392b;border-radius:2px;margin:0 0 22px}
.cr7-lead{color:#c7cad6;font-size:1.05rem;line-height:1.7;max-width:640px}

.cr7-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}
.cr7-card{background:#232733;border:1px solid #30364480;border-radius:14px;padding:20px 22px}
.cr7-card h3{font-family:'Barlow',sans-serif;font-weight:700;color:#d4af37;font-size:1.05rem;margin:0 0 6px}
.cr7-card p{color:#b9bdca;font-size:.95rem;line-height:1.6;margin:0}

.cr7-fakten{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.cr7-fakt{background:#232733;border:1px solid #30364480;border-radius:12px;padding:14px 18px;flex:1;min-width:150px}
.cr7-fakt .label{color:#8b90a0;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase}
.cr7-fakt .wert{color:#fff;font-weight:700;font-size:1.1rem;margin-top:4px}

.cr7-preis{background:#232733;border:1px solid #d4af3733;border-radius:16px;padding:26px;text-align:center;margin-top:26px}
.cr7-preis .betrag{font-family:'Barlow Condensed','Barlow',sans-serif;font-style:italic;font-weight:700;
  font-size:2.6rem;color:#d4af37;line-height:1}
.cr7-preis .hinweis{color:#b9bdca;font-size:.92rem;margin-top:6px}

@media (max-width:600px){ .cr7-hero{padding:48px 16px 40px} .cr7-section{padding:34px 0} }

/* Partner-Logos (selbst pflegbar) */
.cr7-partnerlogos{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;margin-top:18px}
.cr7-partnerlogos img{height:74px;width:auto;max-width:160px;object-fit:contain;
  background:#fff;border-radius:12px;padding:12px 16px}
@media (max-width:600px){ .cr7-partnerlogos img{height:56px;max-width:120px} }