html, body {height: 100%;margin: 0;}
body {display: flex;flex-direction: column;min-height: 100vh;font-family: Arial, sans-serif;background: #FAF3E6;color: #333;}
main {flex: 1 0 auto;}
/* HEADER */
header {  text-align: center;background: #FAF3E6;}
header img {  width: 100%;  max-width: 600px;  margin: 0 auto;display: block;}
.rainbow-bar {height: 6px;background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet, red);background-size: 400% 100%;animation: rainbow 15s linear infinite;}
@keyframes rainbow {
  from { background-position: 0% 50%; }
  to   { background-position: 400% 50%; }
}
/* NAV */
nav {display: flex;justify-content: center;align-items: center;background: #222;padding: 10px 20px;gap: 40px;}
nav a {color: white;text-decoration: none;font-weight: bold;}
nav a:hover {text-decoration: underline;}
.nav-spacer {flex-grow: 1;min-width: 50px;max-width: 100px;}
/* HERO */
.hero {text-align: center;padding: 40px 20px 20px;}
.hero h1 {font-size: 2em;margin-bottom: 10px;}
.hero p {font-size: 1.1em;color: #666;}
/* PRODUKTE / GEWINNE */
.contest-products {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;padding: 40px 20px;max-width: 1200px;margin: 0 auto;}
.prize-card {background: white;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);padding: 20px;text-align: center;transition: transform .15s ease, box-shadow .15s ease;}
.prize-card:hover {transform: translateY(-3px);box-shadow: 0 6px 16px rgba(0,0,0,0.15);}
.prize-image-frame {width: 100%;height: 200px;background: #fff;border: 1px solid #ddd;border-radius: 6px;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;}
.prize-image-frame img {max-width: 100%;max-height: 100%;object-fit: contain;}
.prize-card h3 {margin: 10px 0;}
.prize-card input {margin-top: 10px;transform: scale(1.2);}
/* CTA */
.cta {text-align: center;padding-bottom: 0rem;}
.cta button,.cta a {background: #222;color: #fff;padding: 14px 28px;border-radius: 8px;text-decoration: none;border: none;font-size: 1em;cursor: pointer;}
/* FOOTER */
footer {background: #eee;padding: 20px;text-align: center;font-size: 0.85em;margin-top: 40px;}
.footer-links a {color: #006699;text-decoration: none;margin: 0 10px;font-weight: bold;}
.footer-links a:hover {text-decoration: underline;}
/* TEILNAHMEBEDINGUNGEN */
.contest-terms {max-width: 900px;margin: 0 auto 40px;padding: 30px 20px;background: #fff;border-radius: 8px;box-shadow: 0 1px 4px rgba(0,0,0,0.08);}
.contest-terms h2 {margin-top: 0;font-size: 1.2em;text-align: center;}
.terms-text {font-size: 0.75em;color: #555;line-height: 1.1;}
/* REFERRAL-HINWEIS */
.referral-hint {max-width: 900px;margin: 2rem auto;;padding: 20px;background: #fff;border-radius: 6px;box-shadow: 0 1px 4px rgba(0,0,0,0.08);font-size: 0.95em;line-height: 1.5;}
.referral-hint strong {display: block;margin-bottom: 6px;}
.referral-hint em {color: #666;font-style: normal;}
/* Produkte unternander */
.contest-products-vertical {display: flex;flex-direction: column;gap: 15px;max-width: 600px;margin: 0 auto;}
.prize-card-vertical {display: flex;align-items: center;background: white;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);padding: 10px 15px;transition: transform .15s ease, box-shadow .15s ease;gap: 15px;}
.prize-card-vertical:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.prize-image-vertical {flex-shrink: 0;width: 10rem;height: 8rem;background: #f9f9f9;border: 1px solid #ddd;border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.prize-image-vertical img {max-width: 100%;max-height: 100%;object-fit: contain;}
.prize-info-vertical h3 {margin: 0 0 5px 0;font-size: 1em;}
.prize-info-vertical input[type="checkbox"] {transform: scale(1.2);}
/* Share Buttons */
.share-buttons {display: flex;gap: 14px;margin-top: 15px;align-items: center;}
.share-btn {width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 20px;background: #f2f2f2;transition: transform .15s ease, background .15s ease;}
.share-btn:hover {transform: scale(1.08);background: #e6e6e6;}
.share-btn img {width: 2rem;height: 2rem;}