/* Coin7 Out-Seite (Gast) — 16.09.2026, Vorlage coin7-cashback-seite.html */
.c7-out{--bg:#f1f1ef;--card:#fff;--ink:#131315;--ink-2:#5f6066;--ink-3:#93949a;--line:#e6e6e3;--line-2:#d6d6d2;--green:#0f7a52;--green-bg:#e6f4ee;--green-line:#bfe0d2;--primary:#0e6b4a;--primary-2:#0a5740;--primary-soft:#eef6f2;
 background:var(--bg);color:var(--ink);font:400 16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;display:block;padding:0}
.c7-out h1,.c7-out h2{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.18;color:var(--ink)}
.c7-out p{margin:0}
.c7-out-wrap{max-width:480px;margin:0 auto;padding:18px 16px 40px}
.c7-out-top{background:var(--card);border-radius:20px;padding:22px 20px 20px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px -22px rgba(0,0,0,.4)}
.c7-out-logo{width:110px;height:74px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 14px;overflow:hidden}
.c7-out-logo img{max-width:92px;max-height:56px;object-fit:contain}
.c7-out-rate{display:inline-flex;align-items:baseline;gap:7px;background:var(--green-bg);border:1px solid var(--green-line);color:var(--green);border-radius:100px;padding:6px 15px;font-size:14px;font-weight:600;margin-bottom:12px}
.c7-out-top h1{font-size:23px}
.c7-out .c7-sub{color:var(--ink-2);font-size:15px;margin-top:9px}
.c7-code{margin-top:18px;border:1.5px dashed var(--line-2);border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:12px;background:var(--bg)}
.c7-code .v{flex:1;min-width:0;font-size:18px;font-weight:700;letter-spacing:.06em;text-align:left;word-break:break-all}
.c7-code button{appearance:none;border:1px solid var(--green-line);background:var(--primary-soft);color:var(--primary);font:inherit;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:100px;cursor:pointer;white-space:nowrap}
.c7-code button:hover{background:var(--green-bg)}
.c7-copied{display:none;align-items:center;justify-content:center;gap:7px;color:var(--green);font-size:13.5px;font-weight:600;margin-top:10px}
.c7-copied.an{display:flex}
.c7-weiter{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.01em;padding:19px;border-radius:100px;background:var(--primary);color:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(14,107,74,.12),0 14px 30px -16px rgba(14,107,74,.75)}
.c7-weiter:hover,.c7-weiter:focus{background:var(--primary-2);color:#fff;text-decoration:none}
.c7-erklaer{margin-top:13px;text-align:center;font-size:14.5px;color:var(--ink-2);line-height:1.5;padding:0 6px}
.c7-anmeld{margin-top:16px;background:var(--card);border-radius:18px;padding:20px}
.c7-anmeld h2{font-size:18px;text-align:center}
.c7-anmeld .c7-sub{font-size:14px;text-align:center;margin-top:7px;margin-bottom:10px}
.c7-anmeld .form-title{display:none}
.c7-anmeld .social-login{margin-top:12px}
.c7-anmeld .form-group input[type=email],.c7-anmeld .form-group input[type=password],.c7-anmeld .form-group input[type=text]{width:100%;font:inherit;font-size:15.5px;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:var(--card);color:var(--ink)}
.c7-anmeld .form-group input:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}
.c7-anmeld .btn.btn-primary,.c7-anmeld input[type=submit]{width:100%;font:inherit;font-size:16px;font-weight:700;padding:15px;border-radius:100px;border:0;background:var(--primary);color:#fff;cursor:pointer}
.c7-anmeld .btn.btn-primary:hover,.c7-anmeld input[type=submit]:hover{background:var(--primary-2)}
.c7-anmeld .join-now{text-align:center;font-size:14px;color:var(--ink-2);margin-top:14px}
.c7-anmeld .join-now a,.c7-anmeld a{color:var(--primary);font-weight:600}

/* Hasan 12:19: mehr Abstand zwischen Continue-Button und Erklärtext */
.c7-out .c7-weiter{margin-bottom:0}
.c7-out .c7-erklaer{margin-top:26px!important;padding:0 10px}
.c7-out .c7-anmeld{margin-top:26px}

.c7-coupon-title{margin-top:12px;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.45}
.c7-coupon-title .c7-discount{display:inline-block;background:var(--green-bg);border:1px solid var(--green-line);color:var(--green);border-radius:8px;padding:2px 8px;font-size:13px;margin-right:4px}
.c7-coupon-title .c7-expiry{display:block;font-weight:500;color:var(--ink-3);font-size:13px;margin-top:4px}

/* Hasan 13:02: Gutschein-Info weiter vom Code-Kasten weg */
.c7-out .c7-coupon-title{margin-top:20px!important}
.c7-out .c7-copied{margin-top:12px}