/* bewerben.css - Seite /bewerben/ (03.11.2026), GEBAUT von werkzeug/creator-stil-bauen.sh bewerben - nicht von Hand aendern,
   eigene Regeln stehen in bewerben-eigen.css. Quellen: /geschenk/ und Startseite (live, 10.11.2026), team.css. */

/* ===== 1. /geschenk/ (Landing-Bausteine, seitenweite Abstaende) ===== */
.custom-shape-divider-bottom-1675067978 { position: absolute; left: 0; width: 100%; transform: rotate(180deg); z-index: 1; }
.custom-shape-divider-bottom-1675067978 svg { position: relative; display: block !important; }
@media (min-width: 1201px) {
  .custom-shape-divider-bottom-1675067978 { bottom: -2px !important; overflow: visible !important; line-height: 0 !important; }
  .custom-shape-divider-bottom-1675067978 svg { width: calc(106% + 1.3px) !important; height: 110px !important; transform: rotateY(180deg) !important; margin-left: 0 !important; }
}
@media (max-width: 1200px) {
  .custom-shape-divider-bottom-1675067978 { bottom: -1px !important; line-height: 0 !important; font-size: 0 !important; overflow: visible !important; }
  .custom-shape-divider-bottom-1675067978 svg { width: calc(100% + 4px) !important; margin-left: -2px !important; height: 75px !important; transform: rotateY(180deg) scale(1.02) translateY(1px) !important; }
}
.page-wrapper, .article, .post, .content, .mv-page-override { max-width: 100% !important; width: 100% !important; background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.ad-wrap { position: relative !important; overflow: hidden !important; padding-top: 80px !important; padding-bottom: 40px !important; background-color: transparent !important; font-family: 'Karla', sans-serif !important; color: #475569 !important; }
.ad-container { max-width: 850px !important; margin: 0 auto !important; padding: 0 40px !important; position: relative !important; z-index: 10 !important; }
.ad-container-wide { max-width: 1150px !important; margin: 0 auto !important; padding: 0 40px !important; position: relative !important; z-index: 10 !important; }
.ad-section-header { text-align: center !important; margin-bottom: 50px !important; }
.ad-section-label { font-size: 1.15rem !important; color: #0082ab !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin-bottom: 5px !important; display: block !important; }
.ad-section-header h2 { font-size: 3rem !important; font-weight: 900 !important; color: #0f172a !important; margin-top: 0 !important; margin-bottom: 8px !important; letter-spacing: -1px !important; }
.ad-section-header p { font-size: 1.35rem !important; color: #64748b !important; margin-top: 0 !important; line-height: 1.7 !important; }
.ad-hero { text-align: center !important; margin-bottom: 30px !important; padding-top: 25px !important; }
.ad-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #f0f9ff !important; border: 2px solid #bae6fd !important; color: #0082ab !important; font-size: 0.9rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; padding: 10px 24px !important; border-radius: 100px !important; margin-bottom: 25px !important; }
.ad-hero h1 { font-size: 5.5rem !important; font-weight: 900 !important; line-height: 1.05 !important; color: #0f172a !important; margin: 0 0 25px 0 !important; letter-spacing: -3px !important; }
.ad-hero h1 span { color: transparent !important; background: linear-gradient(90deg,#00bfff,#0055ff) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.ad-hero-sub { font-size: 1.45rem !important; color: #475569 !important; line-height: 1.7 !important; margin: 0 auto 25px auto !important; max-width: 620px !important; font-weight: 500 !important; }
.ad-gift-box { background: #ffffff !important; border-radius: 28px !important; padding: 45px !important; margin-bottom: 25px !important; text-align: left !important; box-shadow: 0 20px 50px rgba(0,0,0,0.06) !important; border: 2px solid #bae6fd !important; position: relative !important; overflow: hidden !important; }
.ad-gift-box::before { content: '' !important; position: absolute !important; top: -50px !important; right: -50px !important; width: 180px !important; height: 180px !important; background: radial-gradient(circle,rgba(0,191,255,0.08) 0%,transparent 70%) !important; pointer-events: none !important; }
.ad-gift-title { font-size: 1.15rem !important; font-weight: 800 !important; color: #0082ab !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin: 0 0 28px 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.ad-gift-items { display: flex !important; flex-direction: column !important; gap: 22px !important; }
.ad-gift-item { display: flex !important; align-items: center !important; gap: 18px !important; font-size: 1.35rem !important; font-weight: 700 !important; color: #0f172a !important; }
.ad-gift-icon { width: 56px !important; height: 56px !important; min-width: 56px !important; background: #f0f9ff !important; border-radius: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.4rem !important; color: #00bfff !important; transition: transform 0.3s ease !important; }
.ad-gift-item:hover .ad-gift-icon { transform: scale(1.1) rotate(5deg) !important; }
.ad-gift-value { color: #0082ab !important; font-weight: 900 !important; }
.ad-cta { display: inline-flex !important; align-items: center !important; gap: 12px !important; background: #00bfff !important; color: #fff !important; font-size: 1.35rem !important; font-weight: 900 !important; padding: 20px 50px !important; border-radius: 100px !important; text-decoration: none !important; border: none !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 10px 30px rgba(0,191,255,0.25) !important; animation: ad-pulse 2.5s ease-in-out infinite !important; }
@keyframes ad-pulse {0%,100% { box-shadow: 0 10px 30px rgba(0,191,255,0.25); } 50% { box-shadow: 0 15px 45px rgba(0,191,255,0.45); }}
.ad-cta:hover { background: #0082ab !important; transform: translateY(-3px) !important; animation: none !important; }
.ad-stats-pill { background: #fff !important; border-radius: 100px !important; padding: 25px 50px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; max-width: 850px !important; margin: 0 auto 80px auto !important; box-shadow: 0 15px 40px rgba(0,0,0,0.05) !important; }
.ad-stat-item { text-align: center !important; flex: 1 !important; border-right: 1px solid #f1f5f9 !important; }
.ad-stat-item:last-child { border-right: none !important; }
.ad-stat-title { font-size: 1.5rem !important; font-weight: 900 !important; color: #0f172a !important; margin: 0 0 3px 0 !important; }
.ad-stat-desc { font-size: 1rem !important; color: #64748b !important; margin: 0 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
.ad-input { flex: 1 !important; background: #f8fafc !important; border: 2px solid #e2e8f0 !important; border-radius: 100px !important; padding: 18px 26px !important; font-size: 1.15rem !important; font-weight: 700 !important; color: #0f172a !important; outline: none !important; font-family: 'Karla',sans-serif !important; transition: all 0.3s ease !important; }
.ad-input::placeholder { color: #94a3b8 !important; }
.ad-input:focus { border-color: #00bfff !important; box-shadow: 0 0 0 4px rgba(0,191,255,0.1) !important; }
.ad-redeem-btn { background: #00bfff !important; color: #fff !important; border: none !important; border-radius: 100px !important; padding: 18px 35px !important; font-size: 1.15rem !important; font-weight: 900 !important; cursor: pointer !important; font-family: 'Karla',sans-serif !important; white-space: nowrap !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: all 0.2s ease !important; }
.ad-redeem-btn:hover { background: #0082ab !important; transform: translateY(-2px) !important; box-shadow: 0 10px 25px rgba(0,191,255,0.2) !important; }
.ad-features { margin-bottom: 80px !important; }
.ad-features-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 25px !important; }
.ad-feature { background: #ffffff !important; border-radius: 28px !important; padding: 40px 32px !important; box-shadow: 0 15px 40px rgba(0,0,0,0.04) !important; transition: all 0.3s ease !important; text-align: center !important; }
.ad-feature:hover { transform: translateY(-8px) !important; box-shadow: 0 25px 50px rgba(0,0,0,0.08) !important; }
.ad-feature-icon { width: 65px !important; height: 65px !important; background: #f0f9ff !important; color: #00bfff !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.8rem !important; margin: 0 auto 20px auto !important; transition: transform 0.3s ease !important; }
.ad-feature:hover .ad-feature-icon { transform: scale(1.1) rotate(5deg) !important; }
.ad-feature h4 { font-size: 1.55rem !important; font-weight: 900 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; }
.ad-feature p { font-size: 1.25rem !important; color: #64748b !important; line-height: 1.65 !important; margin: 0 !important; }
.ad-bottom-cta { text-align: center !important; padding-top: 40px !important; padding-bottom: 20px !important; }
.ad-bottom-cta .ad-section-label { margin-bottom: 5px !important; }
.ad-bottom-cta h2 { font-size: 3.2rem !important; font-weight: 900 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; letter-spacing: -1px !important; }
.ad-bottom-cta p { font-size: 1.35rem !important; color: #64748b !important; margin: 0 0 30px 0 !important; }
.ad-wrap { padding-top: 45px !important; }
.ad-mobile-nav-wrapper { display: block !important; text-align: center !important; padding: 15px 0 40px 0 !important; margin: 0 auto !important; max-width: 850px !important; }
.ad-mobile-nav-btn { display: inline-flex !important; align-items: center !important; gap: 12px !important; background: #f8fafc !important; color: #475569 !important; border: 2px solid #e2e8f0 !important; padding: 20px 50px !important; border-radius: 100px !important; font-size: 1.35rem !important; font-weight: 900 !important; text-decoration: none !important; font-family: 'Karla', sans-serif !important; transition: all 0.2s ease !important; box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important; }
.ad-mobile-nav-btn:hover { background: #f1f5f9 !important; color: #0f172a !important; border-color: #cbd5e1 !important; transform: translateY(-3px) !important; }
@media (max-width: 1024px) {
  .ad-badge { font-size: 0.8rem !important; padding: 8px 16px !important; gap: 5px !important; letter-spacing: 1.5px !important; }
  .ad-wrap { padding-top: 25px !important; padding-bottom: 20px !important; }
  .ad-hero h1 { font-size: 3.5rem !important; letter-spacing: -1px !important; }
  .ad-hero-sub { font-size: 1.15rem !important; }
  .ad-gift-box { padding: 30px !important; }
  .ad-gift-item { font-size: 1.1rem !important; }
  .ad-gift-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; }
  .ad-cta { font-size: 1.15rem !important; padding: 16px 38px !important; }
  .ad-stats-pill { flex-wrap: wrap !important; gap: 15px !important; border-radius: 30px !important; padding: 20px !important; margin-bottom: 50px !important; }
  .ad-stat-item { flex: 45% !important; border: none !important; }
  .ad-redeem-btn { justify-content: center !important; }
  .ad-features-grid { grid-template-columns: 1fr !important; }
  .ad-feature h4 { font-size: 1.35rem !important; }
  .ad-feature p { font-size: 1.1rem !important; }
  .ad-section-header h2 { font-size: 2.2rem !important; }
  .ad-section-header { margin-bottom: 30px !important; }
  .ad-hero { margin-bottom: 30px !important; }
  .ad-features { margin-bottom: 60px !important; }
  .ad-bottom-cta h2 { font-size: 2.2rem !important; }
  .ad-mobile-nav-wrapper { padding: 10px 20px 30px 20px !important; margin: 0 auto !important; }
  .ad-mobile-nav-btn { font-size: 1.15rem !important; padding: 16px 38px !important; }
}
@media (max-width: 480px) {
  .ad-hero h1 { font-size: 2.8rem !important; }
  .ad-badge { font-size: 0.7rem !important; padding: 8px 12px !important; letter-spacing: 0.5px !important; white-space: nowrap !important; max-width: 100% !important; gap: 4px !important; }
}
:root { --mv-rand: 24px; --mv-rund: 20px; --mv-luecke: 24px; --mv-innen: 40px; }
@media (max-width: 600px) {
  :root { --mv-luecke: 16px; --mv-innen: 24px; }
}
@media (max-width: 600px) {
  .mv-container, .ad-container, .mv-shop { padding-left: var(--mv-rand) !important; padding-right: var(--mv-rand) !important; }
  .ad-stats-pill { margin-left: 0 !important; margin-right: 0 !important; }
}
.mv-feature-card, .mv-timeline-item, .mv-faq-item, .mv-stats-pill:not([class*="pill-rund"]), .ad-gift-box, .ad-feature { border-radius: var(--mv-rund) !important; }
.mv-features-cards, .ad-features-grid { gap: var(--mv-luecke) !important; }
.mv-timeline-item { margin-bottom: var(--mv-luecke) !important; }
.mv-faq-item { margin-bottom: 16px !important; }
.ad-gift-box { margin-bottom: var(--mv-luecke) !important; }
.mv-feature-card, .mv-timeline-item, .ad-gift-box, .ad-feature { padding: var(--mv-innen) !important; }
@media (max-width: 600px) { #main-content { margin-left: 0 !important; margin-right: 0 !important; } }

/* ===== 2. Startseite (FAQ, Zeitleiste, Kopiert-Hinweis) ===== */
.mv-timeline { max-width: 850px; margin: 0 auto 120px auto; position: relative; }
.mv-timeline-line { position: absolute; top: 20px; bottom: 0; left: 24px; width: 4px; background: linear-gradient(to bottom, #00bfff, rgba(0, 191, 255, 0)); border-radius: 4px; }
.mv-timeline-item { position: relative; margin-left: 70px; margin-bottom: 40px; padding: 40px; background: #ffffff; border-radius: 28px; box-shadow: 0 15px 40px rgba(0,0,0,0.04); transition: all 0.3s ease; }
.mv-timeline-item:hover { transform: translateX(10px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.mv-timeline-item::before { content: ''; position: absolute; top: 48px; left: -56px; width: 14px; height: 14px; background: #fff; border: 5px solid #00bfff; border-radius: 50%; box-shadow: 0 0 15px rgba(0,191,255,0.4); z-index: 2; }
.mv-timeline-header { display: flex; align-items: center; gap: 20px; margin-bottom: 15px; }
.mv-timeline-icon { font-size: 1.8rem; color: #fff; background: #00bfff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 14px; }
.mv-timeline-item h3 { font-size: 1.8rem; font-weight: 900; color: #0f172a; margin: 0; }
.mv-timeline-item p { font-size: 1.35rem; color: #475569; line-height: 1.7; margin: 0; padding-left: 70px; }
.mv-toast { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); box-sizing: border-box; max-width: calc(100vw - 32px); background: #ffffff; color: #0f172a; padding: 11px 20px 11px 11px; border-radius: 14px; font-family: 'Karla', sans-serif; font-size: 1.4rem; font-weight: 800; line-height: 1.3; display: none; align-items: center; justify-content: center; gap: 12px; box-shadow: 0 20px 50px rgba(15,23,42,0.18); border: 1px solid #e2e8f0; z-index: 99999; transition: opacity 0.3s ease; white-space: nowrap; }
.mv-toast i { width: 26px; height: 26px; min-width: 26px; border-radius: 50%; background: #e0f7ff; color: #00bfff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; }
@media (max-width: 600px) {
  .mv-toast { bottom: 20px; font-size: 1.4rem; white-space: normal; width: max-content; }
}
.mv-faq { max-width: 850px; margin: 0 auto 120px auto; }
.mv-faq-bullet * { font-size: inherit !important; }
.mv-faq-item { background: #ffffff !important; border-radius: 22px !important; margin: 0 0 14px 0 !important; padding: 0 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important; overflow: hidden !important; border: 2px solid transparent !important; transition: all 0.3s ease !important; }
.mv-faq-item:hover { border-color: #bae6fd !important; }
.mv-faq-item.active { border-color: #bae6fd !important; background: #ffffff !important; }
.mv-faq-question { width: 100% !important; background: none !important; border: none !important; padding: 22px 26px !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 16px !important; cursor: pointer !important; font-family: 'Karla', sans-serif !important; }
.mv-faq-icon-badge { width: 44px !important; height: 44px !important; min-width: 44px !important; background: #f0f9ff !important; border-radius: 13px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.1rem !important; color: #00bfff !important; flex-shrink: 0 !important; transition: all 0.3s ease !important; padding: 0 !important; margin: 0 !important; }
.mv-faq-item.active .mv-faq-icon-badge { background: #00bfff !important; color: #ffffff !important; }
.mv-faq-question h3 { font-size: 1.45rem !important; font-weight: 800 !important; color: #0f172a !important; margin: 0 !important; padding: 0 !important; text-align: left !important; flex: 1 !important; line-height: 1.35 !important; transition: color 0.25s ease !important; }
.mv-faq-item.active .mv-faq-question h3 { color: #0f172a !important; }
.mv-faq-toggle { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 50% !important; background: #f1f5f9 !important; flex-shrink: 0 !important; position: relative !important; transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.mv-faq-toggle::before, .mv-faq-toggle::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: #94a3b8 !important; border-radius: 2px !important; transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; }
.mv-faq-toggle::before { width: 13px !important; height: 2.5px !important; }
.mv-faq-toggle::after { width: 2.5px !important; height: 13px !important; }
.mv-faq-item.active .mv-faq-toggle { background: #00bfff !important; transform: rotate(90deg) !important; }
.mv-faq-item.active .mv-faq-toggle::before, .mv-faq-item.active .mv-faq-toggle::after { background: #ffffff !important; }
.mv-faq-item.active .mv-faq-toggle::after { height: 0 !important; opacity: 0 !important; }
.mv-faq-answer { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease-out !important; }
.mv-faq-item.active .mv-faq-answer { max-height: 300px !important; }
.mv-faq-answer-inner { padding: 0 26px 22px 26px !important; margin: 0 !important; font-family: 'Karla', sans-serif !important; font-size: 1.35rem !important; color: #475569 !important; line-height: 1.7 !important; }
.mv-faq-answer-inner strong { color: #0f172a !important; font-weight: 900 !important; margin: 0 !important; padding: 0 !important; }
.mv-faq-bullets { margin: 6px 0 6px 0 !important; padding: 0 !important; }
.mv-faq-bullet { display: block !important; padding: 1px 0 !important; margin: 0 !important; font-size: 1.35rem !important; color: #475569 !important; line-height: 1.6 !important; padding-left: 18px !important; position: relative !important; }
.mv-faq-bullet::before { content: '•' !important; color: #00bfff !important; font-size: 1.2rem !important; font-weight: 900 !important; position: absolute !important; left: 0 !important; top: 0 !important; }
.mv-faq-bullet strong { color: #0f172a !important; font-weight: 900 !important; margin: 0 !important; padding: 0 !important; }
.mv-faq-action { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: 3px !important; padding: 7px 0 !important; font-size: 1.1rem !important; font-weight: 800 !important; color: #0082ab !important; text-decoration: none !important; }
.mv-faq-action i { font-size: 0.85rem !important; transition: transform 0.2s; }
.mv-faq-action:hover { color: #0082ab !important; }
.mv-faq-action:hover i { transform: translateX(4px); }
.mv-faq-answer-inner a.mv-faq-wiki { color: inherit !important; text-decoration: underline !important; text-decoration-color: #7dd3fc !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px !important; }
.mv-faq-answer-inner a.mv-faq-wiki:hover, .mv-faq-answer-inner a.mv-faq-wiki:hover strong { color: #0082ab !important; }
@media (max-width: 1024px) {
  .mv-timeline { margin-bottom: 50px !important; }
  .mv-timeline-item { margin-left: 50px; padding: 30px; }
  .mv-timeline-item p { padding-left: 0; margin-top: 15px; }
  .mv-timeline-line { left: 14px; }
  .mv-timeline-item::before { left: -46px; }
  .mv-faq { margin-bottom: 50px !important; }
  .mv-faq-question { padding: 18px 18px !important; gap: 12px !important; }
  .mv-faq-question h3 { font-size: 1.35rem !important; }
  .mv-faq-icon-badge { width: 38px !important; height: 38px !important; min-width: 38px !important; font-size: 0.95rem !important; border-radius: 11px !important; }
  .mv-faq-toggle { width: 30px !important; height: 30px !important; min-width: 30px !important; }
  .mv-faq-toggle::before { width: 11px !important; }
  .mv-faq-toggle::after { width: 2.5px !important; height: 11px !important; }
  .mv-faq-answer-inner { padding: 0 18px 16px 18px !important; font-size: 1.25rem !important; }
  .mv-faq-bullet { font-size: 1.25rem !important; padding-left: 16px !important; }
  .mv-faq-item.active .mv-faq-answer { max-height: 350px !important; }
}
:root { --mv-rand: 24px; --mv-rund: 20px; --mv-luecke: 24px; --mv-innen: 40px; }
@media (max-width: 600px) {
  :root { --mv-luecke: 16px; --mv-innen: 24px; }
}
.mv-feature-card, .mv-timeline-item, .mv-faq-item, .mv-owner-profile, .mv-stats-pill:not([class*="pill-rund"]), .mv-play-card, .mv-rule-card, .ad-gift-box, .ad-howto-card, .ad-yt-card, .ad-review, .ad-feature, .mv-eltern-box, .mv-eltern-sidebar, .mv-liste, .mv-vote-sidebar, .mv-meilen-rechts, .mv-pinata-leiste { border-radius: var(--mv-rund) !important; }
.mv-timeline-item, .mv-rule-card { margin-bottom: var(--mv-luecke) !important; }
.mv-faq-item { margin-bottom: 16px !important; }
.mv-feature-card, .mv-timeline-item, .mv-owner-profile, .mv-play-card, .mv-rule-card, .ad-gift-box, .ad-howto-card, .ad-review, .ad-feature, .mv-eltern-box, .mv-eltern-sidebar { padding: var(--mv-innen) !important; }

/* ===== 3. team.css (Panel-Bausteine) ===== */
.mv-hinweis-box { background: #f0f9ff; border: 1px solid #bae6fd; border-left: 4px solid #00bfff; border-radius: 0 12px 12px 0; color: #475569; padding: 11px 18px; font-size: 14px; font-weight: 600; margin: 0 auto 16px; max-width: 780px; }
.mv-anmelden .klein { font-size: 12.5px; color: #64748b; margin-top: 18px; }
.mv-aktion { border: 1px solid #e2e8f0; background: #fff; color: #64748b; border-radius: 9px; height: 40px; padding: 0 15px; font-size: 13.5px; font-weight: 700; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 8px; line-height: 1; box-sizing: border-box; }
.mv-aktion:hover { color: #0082ab; border-color: #cbd5e1; }
.mv-aktion i { font-size: 13px; }
.mv-leer-block { color: #64748b; font-size: 14px; text-align: center; padding: 30px 10px; }
.mv-shop { max-width: 1180px; margin: 5vmin auto 8vmin; padding: 0 4vmin; min-height: 100vh; }
.mv-kopf { text-align: center; margin-bottom: 18px; }
.mv-kopf h1 { font-family: 'Karla', sans-serif; font-size: 38px; font-weight: 900; letter-spacing: -1px; color: #0f172a; margin: 0 0 8px; }
.mv-kopf p { color: #475569; font-size: 15px; margin: 0; }
.mv-umschalter { display: flex; justify-content: center; margin: 0 auto 18px; }
.mv-bereiche { display: flex; gap: 4px; flex: 0 0 auto; background: #f1f5f9; padding: 4px; border-radius: 100px; }
.mv-bereich { border: none; background: transparent; border-radius: 100px; padding: 9px 16px; font-size: 14px; font-weight: 800; color: #64748b; cursor: pointer; font-family: inherit; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; }
.mv-bereich:hover { color: #0f172a; }
.mv-bereich.an { background: #fff; color: #0082ab; box-shadow: var(--shadow-lg); }
.mv-bereich i { font-size: 12px; }
.mv-gruppe:focus-visible, .mv-bereich:focus-visible { outline: 2px solid #0082ab; outline-offset: 2px; }
.mv-leiste select { height: 40px; padding: 0 38px 0 14px; border: 1px solid #e2e8f0; border-radius: 9px; font-size: 14px; font-family: inherit; cursor: pointer; outline: none; line-height: 38px; box-sizing: border-box; color: #0f172a; font-weight: 700; -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; }
.mv-leiste select:hover { border-color: #cbd5e1; }
.mv-leiste select:focus { border-color: #00bfff; box-shadow: 0 0 0 3px rgba(0,191,255,.12); }
.mv-knopf { background: #00bfff; color: #fff; border: none; padding: 11px 24px; border-radius: 9px; font-weight: 800; font-size: 15px; cursor: pointer; font-family: inherit; text-decoration: none; display: inline-block; }
.mv-knopf:hover { background: #0082ab; }
.mv-knopf i { margin-right: 8px; }
.mv-leiste { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 14px; flex-wrap: wrap; }
.mv-leiste .filter { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mv-aktionen { display: flex; gap: 8px; justify-content: flex-end; }
.mv-serverhinweis { display: flex; align-items: center; gap: 12px; background: #f0f9ff; border: 1px solid #bae6fd; border-left: 4px solid #00bfff; border-radius: 0 12px 12px 0; padding: 13px 18px; margin-bottom: 20px; font-size: 14px; color: #475569; flex-wrap: wrap; }
.mv-serverhinweis i { color: #00bfff; }
.mv-serverhinweis b { color: #0f172a; font-weight: 800; }
@media (max-width: 560px) {
  .mv-serverhinweis { font-size: 13px; padding: 12px 14px; }
}
.mv-leer { color: #64748b; font-size: 13.5px; margin: 0; line-height: 1.5; }
.mv-leerhinweis { color: #64748b; font-size: 12.5px; margin: 10px 0 0; font-style: italic; }
.mv-stats.vier { grid-template-columns: repeat(4, 1fr); }
.nur-klein { display: none; }
.mv-stand { color: #64748b; font-size: 13px; font-weight: 600; }
.mv-stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-bottom: 18px; }
.mv-stats .k { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: var(--shadow-lg); padding: 13px 10px; text-align: center; }
.mv-stats .z { font-size: 22px; font-weight: 900; color: #0f172a; line-height: 1.15; font-variant-numeric: tabular-nums; }
.mv-stats .b { font-size: 11px; font-weight: 800; color: #475569; margin-top: 3px; text-transform: uppercase; letter-spacing: .5px; }
.mv-stats .d { font-size: 12px; font-weight: 700; margin-top: 4px; color: #64748b; }
.mv-block { background: #fff; border-radius: 12px; padding: 22px 24px; margin-bottom: 20px; box-shadow: var(--shadow-lg); border: 1px solid #e2e8f0; min-width: 0; }
.mv-block h3 { font-size: 15px; font-weight: 900; color: #0f172a; margin: 0 0 4px; text-transform: uppercase; letter-spacing: .6px; }
.mv-block .erklaerung { color: #64748b; font-size: 13px; margin: 0 0 16px; }
.mv-tabelle { overflow-x: auto; }
.mv-tab2 { width: 100%; border-collapse: collapse; }
.mv-tab2 th { background: #f8fafc; padding: 10px 12px; font-size: 11px; text-align: left; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: .5px; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.mv-tab2 td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #475569; font-variant-numeric: tabular-nums; }
.mv-tab2 th.r, .mv-tab2 td.r { text-align: right; white-space: nowrap; }
.mv-tab2 tr:last-child td { border-bottom: none; }
.mv-tab2 td.leise { color: #94a3b8; font-size: 12.5px; }
.mv-zahl { font-weight: 800; color: #0f172a; }
.mv-legende { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: #64748b; font-weight: 700; margin-top: 8px; }
.mv-legende span:before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; background: var(--f); }
.mv-fuss { text-align: center; color: #475569; font-size: 13px; margin-top: 6px; line-height: 1.6; }
.mv-anmelden { text-align: center; padding: 40px 24px; }
.mv-anmelden p { color: #475569; font-size: 15px; margin: 0 auto 20px; max-width: 520px; line-height: 1.55; }
.mv-status { display: inline-block; border-radius: 100px; padding: 3px 10px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.mv-status.erreicht { background: #ecfdf5; color: #047857; }
.mv-status.laeuft { background: #f0f9ff; color: #0082ab; }
.mv-status.pruefen { background: #f1f5f9; color: #475569; }
.mv-status.frist { background: #fff7ed; color: #c2410c; }
@media (max-width: 900px) {
  .mv-stats { grid-template-columns: repeat(3, 1fr); }
  .mv-leiste { gap: 8px; }
  .mv-leiste .filter { width: 100%; }
  .mv-leiste .filter > * { flex: 1 1 auto; }
}
@media (max-width: 560px) {
  .mv-stats.vier { grid-template-columns: repeat(2, 1fr); }
  .nur-gross { display: none; }
  .nur-klein { display: block; }
  .mv-tab2.karten thead { display: none; }
  .mv-tab2.karten tr { display: block; border-bottom: 1px solid #f1f5f9; padding: 8px 0; }
  .mv-tab2.karten tr:last-child { border-bottom: none; }
  .mv-tab2.karten td { display: flex; justify-content: space-between; gap: 14px; border: none; padding: 3px 2px; text-align: right; white-space: normal !important; min-width: 0; }
  .mv-tab2.karten td .mv-status { white-space: normal; text-align: right; }
  .mv-tab2.karten { table-layout: fixed; width: 100%; }
  .mv-tab2.karten td:before { content: attr(data-l); color: #64748b; font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; text-align: left; flex: 0 0 auto; padding-top: 2px; }
  .mv-leiste select { font-size: 16px; }
  .mv-stats .d { font-size: 11px; }
  .mv-shop { padding: 0 14px; }
  .mv-kopf h1 { font-size: 30px; }
  .mv-kopf p { font-size: 13.5px; }
  .mv-stats { grid-template-columns: repeat(2, 1fr); }
  .mv-stats .z { font-size: 19px; }
  .mv-stats .b { font-size: 10px; }
  .mv-block { padding: 16px 14px; }
  .mv-tab2 th, .mv-tab2 td { padding: 8px 8px; font-size: 12.5px; }
}
.mv-tab2 .leise { color: #94a3b8; font-size: 12px; font-weight: 600; }
.mv-tab2 td small.leise { margin-left: 4px; }
.mv-kt-kopf .mv-aktion { height: 34px; padding: 0 10px; }
.mv-kt-vkopf .mv-aktion { margin-left: auto; height: 34px; }
.mv-kt-anh1 .mv-aktion { height: 30px; padding: 0 10px; font-size: 12.5px; }
.tr .bar:focus-visible, .mv-stats .k:focus-visible { outline: 3px solid #0082ab; outline-offset: 3px; }
.mv-stats .k[data-tip] { cursor: help; }
.nk-blick .mv-stats { margin-bottom: 0; }
.mv-stats .k-bar { display: block; height: 6px; background: #f1f5f9; border-radius: 100px; margin: 9px 6px 0; overflow: hidden; }
.mv-stats .k-bar i { display: block; height: 100%; background: #00bfff; border-radius: 100px; }
.mv-stats .k-tend { font-size: 11.5px; font-weight: 800; margin-top: 7px; color: #64748b; line-height: 1.3; }
.mv-stats .k-tend.hoch { color: #047857; }
.mv-stats .k-tend.runter { color: #b91c1c; }
.mv-stats .k-tend.offen { color: #475569; }
@media (max-width: 560px) {
  .mv-stats .k-tend { font-size: 10.5px; }
}
@media (max-width: 400px) {
  .mv-bereiche { gap: 2px; }
  .mv-bereich { padding: 9px 10px; }
}
@media (max-width: 560px) {
  .mv-gruppe, .mv-aktion, .mv-btn, .mv-leiste select { min-height: 44px; }
  .mv-stats .b { font-size: 11.5px; }
  .mv-stats .d { font-size: 12px; }
  .mv-stats .k-tend { font-size: 11.5px; }
}
@media (max-width: 480px) {
  .mv-bereiche { flex: 0 1 auto; min-width: 0; flex-wrap: wrap; justify-content: center; border-radius: 22px; }
}
.mv-shop:has(#mvNeukunden:not([hidden])) { width: auto; align-self: stretch; margin-left: max(3vmin, calc((100% - 1180px) / 2)); margin-right: max(3vmin, calc((100% - 1180px) / 2)); }
html.mv-mit-t .mv-shop, html:has(meta[name="mv-t"]) .mv-shop, body.mv-angemeldet .mv-shop { width: auto; align-self: stretch; margin-left: max(3vmin, calc((100% - 1180px) / 2)); margin-right: max(3vmin, calc((100% - 1180px) / 2)); }
body:not(.mv-angemeldet) .mv-kopf { display: none; }
html:has(meta[name="mv-t"]) .mv-kopf, html.mv-mit-t .mv-kopf { display: block; }
.mv-kopf p { min-height: 1.5em; }
#mvPanel section:has(> div > .mv-skelett) > .mv-leiste { visibility: hidden; }
#mvPanel section:has(> div > .mv-ohne-leiste) > .mv-leiste { display: none; }
.mv-leer-block .mv-leer-symbol { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: #f0f9ff; color: #00bfff; font-size: 18px; margin: 0 0 14px; }
.mv-leer-block .mv-leer-titel { font-size: 17px; font-weight: 900; color: #0f172a; margin: 0 0 6px; letter-spacing: -.2px; }
.mv-leer-block .mv-leer-satz { font-size: 14px; color: #64748b; margin: 0 auto; max-width: 46ch; line-height: 1.55; }
.mv-leer-block:has(.mv-leer-symbol) { padding: 40px 24px 44px; }
.mv-gruppe, .mv-aktion, .mv-knopf, .mv-leiste select, .nkw-wahl, .nkv-datum, .nkv-als, .ab-kanal, .ab-frueher, .ab-entfernen { transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
.mv-aktion:focus-visible, .mv-knopf:focus-visible, .ab-frueher:focus-visible, .ab-entfernen:focus-visible, .ab-kanal:focus-visible { outline: 2px solid #0082ab; outline-offset: 2px; }
.mv-aktion[disabled], .mv-gruppe[disabled], .mv-knopf[disabled] { opacity: .5; cursor: default; }
@media (hover: hover) {
  .mv-tab2:not(.nk-tagtab):not(.mv-kt-liste) tbody tr:hover > td { background: #f8fafc; }
}
@media (prefers-reduced-motion: reduce) {
  .mv-gruppe, .mv-aktion, .mv-knopf, .mv-leiste select, .nkw-wahl, .nkv-datum, .nkv-als, .ab-kanal, .ab-frueher, .ab-entfernen { transition: none; }
}
.mv-stats .k .wi-k-teile { font-size: 11.5px; font-weight: 600; color: #94a3b8; margin-top: 3px; font-variant-numeric: tabular-nums; }
.wi-blick .mv-stats { margin-bottom: 0; }
.wi-casino .mv-stats { margin-bottom: 16px; }

/* ===== 4a. kontakt-eigen.css (Formular-Bausteine wie /kontakt/) ===== */
/* kontakt-eigen.css - nur das, was es auf der Website so noch nicht gibt (Kontaktformular, 03.11.2026). Felder und Knopf
   sind .ad-input / .ad-redeem-btn von /geschenk/, die Karte ist die Geschenk-Karte (.ad-gift-box). */
/* Ohne Badge (Leon 06.11.: "kein Badge darueber") steht die Ueberschrift 25 px tiefer - gleicher Abstand zur Welle wie auf
   Spielen/Regeln/Vote (PC 68 px, Handy 49 px; gemessen 06.11.) */
.ad-hero { padding-top: 25px !important; }
.kt-formular { display: block; }
/* kontakt.js blendet Formular, Dank und Fehler ueber das hidden-Attribut aus. Eine display-Regel (oben oder aus den Live-Stilen)
   schlaegt die Browser-Vorgabe [hidden] { display: none } - dann blieb das Formular nach dem Senden stehen (Befund 04.11.). */
.kt-formular[hidden], .kt-danke[hidden], .kt-fehler[hidden], .kt-danke-an[hidden] { display: none !important; }
.kt-widerruf-info[hidden], .kt-feld[hidden], .kt-erklaerung[hidden], .kt-danke-text[hidden], .kt-gut-zu-wissen[hidden] { display: none !important; }   /* 09.11. Widerruf */
.kt-feld { display: block; margin: 0 0 18px; }
.kt-feld > span { display: block; font-size: 1.15rem; font-weight: 800; color: #0082ab; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px 6px; }
.kt-feld .ad-input { width: 100%; box-sizing: border-box; display: block; }
.kt-zwei { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
/* Mehrzeilig: gleiche Flaeche wie das runde Eingabefeld, aber mit Karten-Rundung statt Pille */
.kt-text { border-radius: 22px !important; min-height: 170px; resize: vertical; line-height: 1.6 !important; font-weight: 600 !important; }
/* Anliegen als Kacheln statt Browser-Auswahl (Leon 04.11. 22:0x: "passt net zu unserem Design"). Echte Radio-Knoepfe, nur
   unsichtbar: Tab springt in die Gruppe, Pfeiltasten waehlen, Screenreader lesen "Anliegen, Optionsfeld 1 von 4".
   Aussehen: Feldflaeche wie .ad-input, Symbol wie .ad-feature-icon, gewaehlt wie .ad-input:focus (blau). */
.kt-anliegen { border: 0; padding: 0; min-width: 0; }
.kt-anliegen legend { display: block; padding: 0; font-size: 1.15rem; font-weight: 800; color: #0082ab; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px 6px; }
.kt-kacheln { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }   /* 09.11.: fuenf Anliegen */
.kt-kachel { position: relative; display: block; cursor: pointer; }
.kt-kachel input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.kt-kachel-innen { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 104px; height: 100%;
  box-sizing: border-box; padding: 16px 10px; text-align: center; background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 22px;
  font-size: 1.2rem; font-weight: 800; color: #0f172a; line-height: 1.3; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.kt-kachel-innen i { width: 42px; height: 42px; border-radius: 14px; background: #f0f9ff; color: #00bfff; display: flex; align-items: center;
  justify-content: center; font-size: 1.6rem; transition: background .2s ease, color .2s ease; }
.kt-kachel:hover .kt-kachel-innen { border-color: #bae6fd; }
.kt-kachel input:checked + .kt-kachel-innen { border-color: #00bfff; background: #f0f9ff; box-shadow: 0 0 0 4px rgba(0,191,255,0.1); }
.kt-kachel input:checked + .kt-kachel-innen i { background: #00bfff; color: #fff; }
.kt-kachel input:focus-visible + .kt-kachel-innen { outline: 3px solid #0082ab; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .kt-kachel-innen, .kt-kachel-innen i { transition: none; } }
.kt-zaehler { display: block; text-align: right; font-size: 1.05rem; color: #94a3b8; font-weight: 700; margin: 6px 10px 0; }
/* Honigtopf: fuer Menschen unsichtbar, fuer einfache Bots ein normales Feld */
.kt-falle { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }
.kt-captcha { min-height: 65px; margin: 4px 0 10px; }
.kt-hinweis { font-size: 1.15rem !important; color: #64748b !important; margin: 4px 0 18px !important; line-height: 1.6; }
.kt-hinweis a, .kt-discord a, .kt-danke a { color: #0082ab; font-weight: 800; text-decoration: none; }
.kt-fehler { margin: 0 0 16px !important; max-width: none !important; }
.kt-senden { display: inline-flex !important; align-items: center; gap: 10px; }
.kt-senden[disabled] { opacity: .55; cursor: default !important; transform: none !important; }
.kt-danke p { font-size: 1.35rem; color: #475569; margin: 0; line-height: 1.7; }
.kt-discord { margin-top: 6px; font-size: 1.3rem !important; line-height: 1.6; flex-wrap: nowrap !important; align-items: flex-start !important; }
.kt-discord i { margin-top: 4px; }
@media (max-width: 700px) { .kt-zwei { grid-template-columns: 1fr; } .kt-senden { width: 100%; justify-content: center; }
  .kt-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .kt-kachel-innen { min-height: 92px; font-size: 1.15rem; }
  /* fuenf Kacheln in zwei Spalten: "Sonstiges" (immer die letzte, Leon 09.11.: "ganz rechts") als flache Zeile ueber die volle Breite */
  .kt-kachel:last-child { grid-column: 1 / -1; } .kt-kachel:last-child .kt-kachel-innen { flex-direction: row; min-height: 64px; padding: 10px 16px; } }

/* Handy (05.11.2026, Pruefung bei 360/390/412 px): Die Bausteine von /geschenk/ setzen am Handy 7-11,5 px - hier lesbar. */
@media (max-width: 600px) {
  .ad-hero-sub { font-size: 1.45rem !important; }
  .kt-kachel-innen { font-size: 1.25rem !important; }
  .kt-zaehler { font-size: 1.15rem !important; }
}

/* Bestätigung nach dem Absenden (08.11.2026, Leon: „ist das überhaupt unsere Font? Sieht so komisch aus“ - es war Karla, aber 13,5 px,
   Strichstärke 400, grau, allein in einer großen Karte): wie die Seite selbst - Häkchen, Überschrift Karla 900, Text wie die Unterzeile */
.kt-danke { text-align: center !important; padding: 48px 40px !important; }
.kt-danke:not([hidden]) { animation: kt-ein .3s ease-out both; }
.kt-danke:focus { outline: none; }
.kt-danke-symbol { width: 74px; height: 74px; margin: 0 auto 18px; border-radius: 50%; background: #e0f7ff; color: #00bfff; display: flex;
  align-items: center; justify-content: center; font-size: 3.6rem; animation: kt-auf .4s cubic-bezier(.2,.8,.2,1.2) both .05s; }
.kt-danke-titel { font-family: 'Karla', sans-serif !important; font-size: 2.8rem !important; font-weight: 900 !important; color: #0f172a !important;
  letter-spacing: -.5px !important; line-height: 1.15 !important; margin: 0 0 12px !important; }
.kt-danke p.kt-danke-text { font-family: 'Karla', sans-serif; font-size: 1.45rem; font-weight: 500; color: #475569; line-height: 1.7; margin: 0 auto 6px; max-width: 540px; }
.kt-danke p.kt-danke-text b { color: #0f172a; font-weight: 800; overflow-wrap: anywhere; }
.kt-danke p.kt-danke-klein { font-family: 'Karla', sans-serif; font-size: 1.2rem; color: #64748b; margin: 0 0 24px; }
.kt-danke-knopf { display: inline-flex !important; text-decoration: none !important; }
.kt-senden.kt-sendet { cursor: progress !important; opacity: .8; }
.kt-kreisel { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.45); border-top-color: #fff;
  animation: kt-dreh .8s linear infinite; vertical-align: -2px; }
@keyframes kt-ein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes kt-auf { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes kt-dreh { to { transform: rotate(360deg); } }
@media (max-width: 600px) { .kt-danke { padding: 34px 22px !important; } .kt-danke-titel { font-size: 2.3rem !important; } }
@media (prefers-reduced-motion: reduce) { .kt-danke:not([hidden]), .kt-danke-symbol, .kt-kreisel { animation: none; } }

/* SEO 08.11.2026: Kastentitel sind <h2>; die globale h2-Regel setzt line-height/text-rendering anders als beim div */
h2.ad-gift-title { line-height: inherit !important; text-rendering: auto; }

/* Widerrufsfunktion (09.11.2026, § 356a BGB, Leon: "Sonstiges ganz rechts", "Vertrag widerrufen" an dessen alte Stelle):
   Hinweis oben, Feld Bestellung, Erklaerung zum Mitlesen (gestrichelt wie der Kassenabschluss im Shop), Knopf "Widerruf bestaetigen" */
.kt-widerruf-info { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 18px; padding: 14px 18px; background: #f0f9ff;
  border: 2px solid #bae6fd; border-radius: 22px; }
.kt-widerruf-info i { color: #00bfff; font-size: 1.6rem; margin-top: 3px; flex: none; }
.kt-widerruf-info p { margin: 0 !important; font-size: 1.3rem !important; line-height: 1.6 !important; color: #0f172a !important; font-weight: 600; }
.kt-widerruf-info a { color: #0082ab; font-weight: 800; text-decoration: none; }
.kt-feldhinweis { display: block; font-size: 1.1rem; color: #64748b; font-weight: 600; line-height: 1.5; margin: 6px 10px 0; }
.kt-erklaerung { margin: 0 0 18px; padding: 16px 20px; background: #f8fafc; border: 2px dashed #cbd5e1; border-radius: 22px; }
.kt-erklaerung p { margin: 0 !important; line-height: 1.6 !important; }
.kt-erklaerung-titel { font-size: 1.15rem !important; font-weight: 800; color: #0082ab !important; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px !important; }
.kt-erklaerung-satz { font-size: 1.35rem !important; font-weight: 700; color: #0f172a !important; }
.kt-erklaerung-klein { font-size: 1.2rem !important; color: #475569 !important; margin-top: 6px !important; }
.kt-erklaerung b { color: #0f172a; font-weight: 800; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .kt-widerruf-info p { font-size: 1.35rem !important; } .kt-feldhinweis { font-size: 1.2rem; }
  .kt-erklaerung-satz { font-size: 1.4rem !important; } .kt-erklaerung-klein { font-size: 1.3rem !important; }
  .kt-erklaerung .kt-trenner { display: none; } .kt-erklaerung .kt-umbruch { display: block; }
}
/* Widerruf, Nachschaerfung 09.11. abends (Leon: "etwas aufwendig ... es muss doch auch einen Grund geben"): freiwilliger Grund, sachlicher
   Hinweis, wann das Widerrufsrecht erlischt (kein Pflicht-Haken, keine Huerde - § 356a BGB), Format der Transaktions-ID als Tipp */
.kt-freiwillig { font-style: normal; font-weight: 700; color: #64748b; text-transform: none; letter-spacing: 0; }
.kt-grund { min-height: 96px !important; }
.kt-format { font-family: ui-monospace, Menlo, Consolas, monospace; font-weight: 700; color: #475569; white-space: nowrap; }
.kt-gut-zu-wissen { margin: 0 0 18px; padding: 14px 18px; background: #fffbeb; border: 2px solid #fde68a; border-radius: 22px; }
.kt-gut-zu-wissen p { margin: 0 0 8px !important; font-size: 1.25rem !important; line-height: 1.6 !important; color: #422006 !important; }
.kt-gut-zu-wissen p:last-child { margin-bottom: 0 !important; }
.kt-gut-zu-wissen .kt-gut-titel { font-weight: 800; color: #92400e !important; display: flex; gap: 8px; align-items: center; }
.kt-gut-zu-wissen a { color: #0082ab; font-weight: 800; text-decoration: none; }
@media (max-width: 600px) { .kt-gut-zu-wissen p { font-size: 1.32rem !important; } }

/* ===== 4. bewerben-eigen.css ===== */
/* bewerben-eigen.css - nur das, was es auf der Website und auf /kontakt/ so noch nicht gibt (Bewerbungsseite, 10.11.2026).
   Stellenkarten = FAQ-Akkordeon der Startseite (.mv-faq), Zahlenleiste = .ad-stats-pill von /geschenk/ und /creator/,
   Hinweis unten = .mv-serverhinweis wie /kontakt/. Werte aus dem Entwurf Runde 3 (Leon 05.11., Designpruefung 360/390/412/1366). */
.bw-chip { border-radius: 100px; padding: 3px 11px; font-size: 1.25rem; font-weight: 800; white-space: nowrap; }
.bw-chip.offen { background: #ecfdf5; color: #047857; }
.bw-chip.zu { background: #f1f5f9; color: #5d6d84; }   /* Entwurf #64748b hatte auf #f1f5f9 nur Kontrast 4,34 (Lighthouse); so 4,8 */
/* Zwischenueberschrift nur fuer Vorleseprogramme: h1 -> h2 -> h3 (Stellenkarten) statt h1 -> h3 (Lighthouse heading-order) */
.bw-vorlesen { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bw-pill { margin: 2px 0 18px !important; padding: 16px 18px !important; box-shadow: none !important; background: #f8fafc !important;
  border: 1px solid #e2e8f0; border-radius: 22px !important; }
.bw-pill .ad-stat-title, .bw-pill .ad-stat-desc { line-height: 25.6px !important; }
.bw-stellen { margin-top: 6px; margin-bottom: 34px; }
.bw-stellen h4 { font-size: 1.35rem; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: .5px; margin: 18px 0 8px; }
.bw-stellen .mv-faq-question h3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bw-kurz { margin: 0 0 4px; color: #334155; font-weight: 600; }
.bw-leise { color: #64748b !important; font-weight: 600; margin-top: 12px !important; }
/* Aufgeklappte Stelle: volle Hoehe (die FAQ der Startseite deckelt Antworten fuer ihre kurzen Texte) */
.bw-stellen .mv-faq-item.active .mv-faq-answer { max-height: none !important; }
/* Zwei Saetze unter der Ueberschrift: gleich lange Zeilen statt eines einzelnen Restworts in der zweiten Zeile */
.bw-seite .ad-hero-sub { text-wrap: balance; }
/* Handy: Marke immer unter dem Namen der Stelle (sonst steht sie bei "Helfer" daneben und bei "Test-Supporter" darunter). Haelt auch die
   Kartenhoehe fest, wenn bewerben.js die Marke von "gerade geschlossen" auf "offen bis ..." stellt (sonst CLS 0,03 bei 400-480 px). */
@media (max-width: 600px) { .bw-stellen .mv-faq-question h3 { flex-direction: column; align-items: flex-start; gap: 5px; } }
/* ---- BEWERBUNG-A1 (Stufe 2, Formular): Werte aus dem Entwurf Runde 3; Felder, Knopf, Dank und Fehler kommen aus kontakt-eigen.css ---- */
.bw-formular { margin-bottom: 22px; }
.bw-tipps { font-size: 1.35rem; color: #64748b; margin: -4px 0 14px 4px; display: flex; gap: 7px; align-items: flex-start; }
.bw-tipps i { color: #10b981; margin-top: 3px; }
.bw-haken { display: flex; gap: 9px; align-items: flex-start; margin: 10px 0; font-size: 1.5rem; color: #334155; font-weight: 600; cursor: pointer; }
.bw-haken input { margin-top: 4px; flex: 0 0 auto; }
.bw-alter { cursor: pointer; }
.bw-zujung[hidden], .bw-ende[hidden], .bw-formular[hidden], .mv-faq-bullet[hidden] { display: none !important; }
.bw-seite .kt-senden[disabled] { opacity: .5; cursor: not-allowed !important; }
.bw-seite .kt-captcha { margin: 16px 0 6px; }
/* Kein Verrutschen beim Oeffnen (Lighthouse CLS, Handy 0,23 ohne das hier): das Formular erscheint erst, wenn der Stand der Phase da
   ist, und schoebe dann den Hinweis darunter und die Fusszeile nach unten. Beide bleiben deshalb unsichtbar (der Platz bleibt, nichts
   springt), bis bewerben.js den Stand kennt (Klasse bw-bereit am html-Element). Ohne JavaScript oder wenn das Skript ausfaellt, zeigt
   sie die Animation nach 1,5 s von selbst. Unsichtbares zaehlt nicht als Verschiebung; sichtbar wird es schon an der endgueltigen Stelle. */
.bw-seite .kt-discord, .bw-seite ~ footer { visibility: hidden; animation: bw-zeigen 0s linear 1.5s forwards; }
html.bw-bereit .bw-seite .kt-discord, html.bw-bereit .bw-seite ~ footer { visibility: visible; animation: none; }
@keyframes bw-zeigen { to { visibility: visible; } }

/* ---- Hausregel 11.11.2026 (Leon: „das Dropdown-Menü entspricht noch nicht unserer Hausregel“) ---- NICHT LIVE, erst nach Leons Bildabnahme.
   Alter-Auswahl: dieselbe Pille wie die anderen Felder, eigener Pfeil wie die Auswahlfelder im Team-Panel (12x8, #64748b) statt des
   Browser-Pfeils am Rand; leer („Bitte wählen“) im Platzhaltergrau. Haken wie die Bedrock-Wahl auf /vote/ (22 px, Rundung 7 px,
   gewählt #00bfff mit weißem Haken, Fokusring wie .ad-input:focus). Fehler rot wie .mv-co-fehler im Panel, das Feld bekommt den roten Rand. */
.bw-seite select.ad-input { -webkit-appearance: none !important; appearance: none !important; cursor: pointer; padding-right: 58px !important;
  height: 54px; padding-top: 0 !important; padding-bottom: 0 !important;   /* gleich hoch wie die Textfelder daneben (54 px) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 26px center !important; background-size: 12px 8px !important; }
.bw-seite select.ad-input:hover { border-color: #cbd5e1 !important; }
.bw-seite select.ad-input:invalid { color: #94a3b8 !important; }
.bw-seite select.ad-input option { color: #0f172a; font-weight: 700; }
.bw-haken input { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 1px 0 0; border: 2px solid #cbd5e1; border-radius: 7px;
  background: #fff center / 14px 14px no-repeat; box-sizing: border-box; cursor: pointer; transition: border-color .2s ease, background-color .2s ease; }
.bw-haken:hover input { border-color: #00bfff; }
.bw-haken input:checked { background-color: #00bfff; border-color: #00bfff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l2.9 2.9 5.9-6.6' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.bw-haken input:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0,191,255,.25); }
.bw-seite .mv-hinweis-box.kt-fehler { background: #fef2f2; border-color: #fecaca; border-left-color: #dc2626; color: #7f1d1d; }
.bw-seite .ad-input[aria-invalid="true"] { border-color: #fca5a5 !important; background-color: #fff !important; }
.bw-seite .ad-input[aria-invalid="true"]:focus { box-shadow: 0 0 0 4px rgba(220,38,38,.12) !important; }