h2 { color: #fff; text-align: center; margin-bottom: 20px; }
.sponsor-text { font-size: 1.1rem; color: #ccc; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #444; padding-bottom: 20px; }
.sponsor-text strong { color: var(--color-primary); }
.sponsor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; }
.sponsor-item { background: #fff; border-radius: 8px; padding: 10px; display: flex; align-items: center; justify-content: center; height: 120px; transition: 0.3s; border: 2px solid transparent; }
.sponsor-item:hover { transform: scale(1.05); border-color: var(--color-primary); box-shadow: 0 0 15px rgba(255, 102, 0, 0.5); }
.sponsor-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.slideshow-container { position: relative; margin: 20px 0; background: #fff; padding: 10px; border-radius: 8px; }
.slide { display: none; text-align: center; }
.slide.active { display: block; animation: fade 1.5s; }
.slide img { width: 100%; height: auto; }
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: var(--color-primary); font-weight: bold; font-size: 18px; transition: 0.6s ease; user-select: none; background: rgba(0,0,0,0.5); }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev { left: 0; border-radius: 0 3px 3px 0; }
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }
@keyframes fade { from {opacity: .4} to {opacity: 1} }
.poem { font-style: italic; color: #ddd; text-align: center; line-height: 1.8; margin-bottom: 20px; background: rgba(255,255,255,0.05); padding: 15px; border-radius: 10px; border: 1px dashed #555; }
.sponsor-cta { text-align:center; margin-top:50px; }
.sponsor-cta h2 { color:var(--color-primary); font-family:var(--font-head); font-size:1.8rem; margin-bottom:8px; }
.sponsor-cta > p { color:#999; margin-bottom:30px; font-size:1rem; }
.sponsor-benefits { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px; max-width:700px; margin:0 auto 35px; }
.sponsor-benefit { background:rgba(255,255,255,0.04); border:1px solid #333; border-radius:10px; padding:20px 15px; transition:0.3s; }
.sponsor-benefit:hover { border-color:var(--color-primary); background:rgba(255,102,0,0.06); }
.sponsor-benefit .icon { font-size:1.8rem; margin-bottom:8px; }
.sponsor-benefit strong { display:block; color:#fff; font-size:1rem; margin-bottom:4px; }
.sponsor-benefit span { color:#888; font-size:0.85rem; line-height:1.4; }
.sponsor-cta .btn-sponsor { display:inline-block; padding:16px 50px; background:linear-gradient(145deg, var(--color-primary), #d94400); color:#000; font-weight:bold; font-size:1.2rem; font-family:var(--font-head); border-radius:10px; text-decoration:none; transition:0.3s; box-shadow:0 4px 20px rgba(255,102,0,0.3); letter-spacing:1px; }
.sponsor-cta .btn-sponsor:hover { transform:scale(1.05); box-shadow:0 6px 30px rgba(255,102,0,0.5); }
.sponsor-cta .btn-sponsor small { display:block; font-family:var(--font-body); font-size:0.7rem; font-weight:400; opacity:0.8; letter-spacing:0; }
.sponsor-form { max-width:650px; margin:0 auto; text-align:left; }
.sf-row { display:flex; gap:15px; }
.sf-group { margin-bottom:18px; flex:1; }
.sf-group label { display:block; color:var(--color-primary); font-weight:700; font-family:var(--font-head); font-size:1rem; margin-bottom:6px; }
.sf-group input, .sf-group select, .sf-group textarea { width:100%; padding:12px; background:rgba(0,0,0,0.6); border:2px solid #444; border-radius:8px; color:#fff; font-size:1rem; font-family:var(--font-body); transition:0.3s; box-sizing:border-box; }
.sf-group input:focus, .sf-group select:focus, .sf-group textarea:focus { border-color:var(--color-primary); background:rgba(0,0,0,0.8); outline:none; }
.sf-group textarea { resize:vertical; min-height:90px; }
.sf-checkbox { display:flex; align-items:flex-start; gap:10px; margin-bottom:20px; }
.sf-checkbox input { margin-top:5px; transform:scale(1.2); cursor:pointer; }
.sf-checkbox label { color:#ccc; font-size:0.9rem; }
.sf-checkbox a { color:var(--color-primary); text-decoration:underline; }
.sf-status { margin-top:15px; padding:12px; border-radius:8px; text-align:center; display:none; font-weight:700; }
.sf-status.sf-ok { display:block; background:rgba(0,200,80,0.15); border:1px solid #00c850; color:#00c850; }
.sf-status.sf-err { display:block; background:rgba(200,50,50,0.15); border:1px solid #cc3333; color:#cc3333; }
.sponsor-form .btn-sponsor { width:100%; cursor:pointer; }
.btn-sponsor:disabled { opacity:0.5; cursor:not-allowed !important; transform:none !important; }
@media (max-width:600px) { .sf-row { flex-direction:column; gap:0; } }
';
require '_header.php';
?>
Unsere Sponsoren
