/* ==========================================================
   AKV Design G  v1.0
   Cormorant Garamond + DM Sans + Muli
   Waldgrün #3A5A40 · Rot #C1121F · Creme #F8F5F0 · Footer #2a3a2a
   ========================================================== */

:root {
  --ci:          #C1121F;
  --ci-hover:    #8f0d16;
  --accent:       #3A5A40;
  --accent-light: #e8f0e8;
  --text:        #2a2a2a;
  --text-muted:  #6a7a6a;
  --text-light:  #9aaa9a;
  --border:      #ddd8d0;
  --border-dark: #3A5A40;
  --bg:          #F8F5F0;
  --bg-soft:     #F0EDE6;
  --bg-white:    #FDFCFA;

  --font-serif:  'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-sans:   'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-title:  'Muli', 'DM Sans', -apple-system, sans-serif;

  --space-xs:    8px;
  --space-s:     16px;
  --space-m:     32px;
  --space-l:     64px;
  --space-xl:    100px;
  --transition:  0.22s ease;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-sans); font-size:17px; line-height:1.7;
       color:var(--text); background:var(--bg); }
img  { display:block; max-width:100%; height:auto; }
a    { text-decoration:none; color:inherit; transition:color var(--transition); }

.container { max-width:1100px; margin:0 auto; padding:0 24px; }

.skip-link { position:absolute; top:-100px; left:24px; padding:8px 16px;
             background:var(--ci); color:#fff; font-size:13px; z-index:9999; }
.skip-link:focus { top:20px; }

/* ── HEADER ──────────────────────────────────────── */
.header { background:var(--bg); border-bottom:1.5px solid var(--ci); }
.header-inner { display:flex; align-items:center; justify-content:space-between;
                padding:14px 24px; }

/* Logo-Block: Bild + Titel nebeneinander */
.logo-block { display:flex; align-items:center; gap:14px;
              text-decoration:none; flex-shrink:0; flex-grow:0; order:0; }

.logo-block img,
.logo-block .custom-logo-link img,
.custom-logo-link img,
.logo-link img { max-height:48px; width:auto; display:block;
                 transition:opacity var(--transition); }

.logo-block:hover img { opacity:0.85; }

.logo-title { font-family:var(--font-title); font-size:15px; font-weight:600;
              color:var(--text); letter-spacing:0.5px; line-height:1.2;
              transition:color var(--transition); white-space:nowrap; }

.logo-block:hover .logo-title { color:var(--ci); }

@media (max-width: 480px) {
  .logo-title { display:none; }
}

.nav { display:flex; }
.menu { list-style:none; display:flex; gap:32px; }
.menu a { font-family:var(--font-sans); font-size:11px; font-weight:400;
          text-transform:uppercase; letter-spacing:2px; color:var(--text-muted);
          padding-bottom:2px; transition:color var(--transition); }
.menu a:hover,
.current-menu-item > a { color:var(--ci); border-bottom:1px solid var(--ci); }

.header-actions { display:flex; align-items:center; gap:12px; }
.search-toggle { background:none; border:none; padding:4px; cursor:pointer;
                 color:var(--text-muted); display:flex; align-items:center;
                 transition:color var(--transition); }
.search-toggle:hover { color:var(--text); }

.menu-toggle { display:none; flex-direction:column; gap:5px; cursor:pointer;
               background:none; border:none; padding:4px; z-index:1100; }
.menu-toggle span { display:block; width:22px; height:1px; background:#2a3a2a; }

/* SEARCH OVERLAY */
.search-overlay { position:fixed; inset:0; background:rgba(255,255,255,0.97);
                  z-index:2000; display:flex; align-items:center;
                  justify-content:center; opacity:0; pointer-events:none;
                  transition:opacity 0.2s ease; }
.search-overlay.active { opacity:1; pointer-events:all; }
.search-overlay-inner { position:relative; width:90%; max-width:600px; }
.search-overlay-inner input[type="search"] { width:100%; padding:16px 0; font-size:20px;
  font-family:var(--font-serif); font-style:italic; border:none;
  border-bottom:1.5px solid var(--text); outline:none;
  background:transparent; color:var(--text); }
.search-overlay-inner input[type="submit"] { margin-top:20px; padding:12px 32px;
  background:var(--ci); color:#fff; border:none; font-family:var(--font-sans);
  font-size:11px; text-transform:uppercase; letter-spacing:2px; cursor:pointer; }
.search-close { position:absolute; top:-44px; right:0; background:none; border:none;
                color:var(--text); font-size:28px; cursor:pointer; }

/* ── HERO B: Weiss-Editorial ──────────────────── */
.hero-b { padding:56px 0 40px;
          border-bottom:1.5px solid var(--ci); margin-bottom:40px; }

.hero-b-tag { font-family:var(--font-sans); font-size:10px; font-weight:400;
              text-transform:uppercase; letter-spacing:3px; color:var(--ci);
              margin-bottom:var(--space-m); }

.hero-b-title { font-family:var(--font-serif); font-size:96px; font-weight:300;
                font-style:italic; color:var(--border-dark); letter-spacing:-2px;
                line-height:0.92; margin-bottom:24px; }

.hero-b-title em { font-style:normal; color:var(--ci); }

.hero-b-sub { font-family:var(--font-sans); font-size:16px; font-weight:300;
              color:var(--text); max-width:480px; line-height:1.7; }

/* ── SECTION HEADINGS ─────────────────────────── */
h2 { font-family:var(--font-serif); font-size:38px; font-weight:300; font-style:italic;
     color:var(--ci); letter-spacing:-0.5px; margin-bottom:20px; }

.section-link { margin-top:var(--space-m); }

/* ── EVENT-REIHE ──────────────────────────────── */
.event-row { display:grid; grid-template-columns:64px 80px 1fr auto;
             gap:28px; align-items:center;
             border-bottom:1px solid var(--border); }

.event-row-inner { display:contents; }

.event-row-date { display:flex; flex-direction:column; align-items:center;
                  padding:24px 0; cursor:pointer; }

.event-row-day { font-family:var(--font-serif); font-size:44px; font-weight:300;
                 color:var(--ci); line-height:1; }

.event-row-month { font-family:var(--font-sans); font-size:10px; text-transform:uppercase;
                   letter-spacing:2px; color:var(--text-light); margin-top:2px; }

.event-row-thumb { overflow:hidden; width:80px; height:80px; cursor:pointer; }
.event-row-thumb img { width:100%; height:100%; object-fit:cover;
                       transition:transform 0.4s ease; }
.event-row:hover .event-row-thumb img { transform:scale(1.06); }

.event-row-body { padding:24px 0; cursor:pointer; min-width:0; }

.event-row-title { font-family:var(--font-serif); font-size:24px; font-weight:400;
                   color:var(--text); line-height:1.2; margin-bottom:6px;
                   transition:color var(--transition); }
.event-row:hover .event-row-title { color:var(--ci); }

.event-row-meta { font-family:var(--font-sans); font-size:13px;
                  color:var(--text-muted); font-weight:300; }

.event-anmelden-btn { font-family:var(--font-sans); display:inline-block;
  padding:10px 22px; border:1px solid var(--ci); color:var(--ci);
  font-size:11px; font-weight:400; text-transform:uppercase; letter-spacing:2px;
  white-space:nowrap; flex-shrink:0; transition:all var(--transition); }
.event-anmelden-btn:hover { background:var(--ci); color:var(--bg); }

/* ── KÜNSTLER-REIHE ───────────────────────────── */
.artist-row { display:grid; grid-template-columns:96px 1fr 28px;
              gap:28px; align-items:center; padding:20px 0;
              border-bottom:1px solid var(--border);
              transition:transform var(--transition); text-decoration:none; }
.artist-row:hover { transform:translateX(6px); }

.artist-row-image { width:96px; height:96px; overflow:hidden; }
.artist-row-image img { width:100%; height:100%; object-fit:cover;
                        transition:transform 0.4s ease; }
.artist-row:hover .artist-row-image img { transform:scale(1.06); }

.artist-row-placeholder { width:96px; height:96px; background:#e8f0e8;
  display:flex; align-items:center; justify-content:center; }
.artist-row-placeholder span { font-family:var(--font-serif); font-size:40px;
  font-style:italic; color:var(--ci); }

.artist-row-disziplin { font-family:var(--font-sans); font-size:10px;
  text-transform:uppercase; letter-spacing:2px; color:var(--ci); margin-bottom:4px; }

.artist-row-name { font-family:var(--font-serif); font-size:26px; font-weight:400;
  font-style:italic; color:var(--text); line-height:1.2;
  transition:color var(--transition); }
.artist-row:hover .artist-row-name { color:var(--ci); }

.artist-row-werk { font-family:var(--font-sans); font-size:13px;
  color:var(--text-light); font-weight:300; margin-top:4px; }

.artist-row-arrow { font-size:20px; color:var(--ci); opacity:0;
  transition:opacity var(--transition); justify-self:end; }
.artist-row:hover .artist-row-arrow { opacity:1; }

/* ── TRENNLINIE ──────────────────────────── */
.f-divider { height:1.5px; background:var(--ci); margin:40px 0; }

/* ── FOOTER ───────────────────────────────────── */
.footer.footer-b { background:#2a3a2a; margin-top:var(--space-xl);
                   padding:60px 0 32px; }

.footer-b-inner { display:grid; grid-template-columns:1fr 1fr 1fr;
  align-items:start; gap:40px; margin-bottom:48px; }

.footer-b-left { display:flex; flex-direction:column; gap:10px; }
.footer-b-wordmark { font-family:var(--font-serif); font-size:13px; font-weight:300;
  font-style:italic; color:#b5c8b5; letter-spacing:2px; }
.footer-b-name { font-family:var(--font-sans); font-size:11px; font-weight:300;
  text-transform:uppercase; letter-spacing:3px; color:var(--text-muted); }
.footer-b-social { font-family:var(--font-sans); font-size:11px; font-weight:300;
  color:var(--text-muted); transition:color var(--transition); }
.footer-b-social:hover { color:var(--ci); }


.footer-b-address { font-family:var(--font-sans); font-size:12px; font-weight:300;
  color:var(--text-muted); line-height:1.9; text-align:center; justify-self:center; }
.footer-b-right { display:flex; flex-direction:column; gap:12px; align-items:flex-end; justify-self:end; }
.footer-b-right a { font-family:var(--font-sans); font-size:11px; font-weight:400;
  text-transform:uppercase; letter-spacing:2px; color:var(--text-muted);
  border-bottom:1px solid transparent; padding-bottom:2px;
  transition:color var(--transition), border-color var(--transition); }
.footer-b-right a:hover { color:var(--ci); border-bottom-color:var(--ci); }

.footer-b-bottom { border-top:1.5px solid var(--ci); padding-top:24px; }
.footer-b-bottom p { font-family:var(--font-sans); font-size:11px;
  color:var(--text-light); font-weight:300; }

/* ── BACK LINK ────────────────────────────────── */
.back-link { font-family:var(--font-sans); font-size:11px; font-weight:400;
  text-transform:uppercase; letter-spacing:2px; color:var(--text-muted);
  border-bottom:1px solid transparent; padding-bottom:2px;
  transition:color var(--transition), border-color var(--transition); }
.back-link:hover { color:var(--ci); border-bottom-color:var(--ci); }

/* ── SINGLE EVENT ─────────────────────────────── */
.event-single { max-width:860px; padding-top:var(--space-l); }
.event-single-image { margin-bottom:var(--space-l); }
.event-single-image img { width:100%; }
.event-single-title { font-family:var(--font-serif); font-size:72px; font-weight:300;
  font-style:italic; color:var(--ci); letter-spacing:-1.5px; line-height:1.02;
  margin-bottom:20px; }
.event-single-meta { font-family:var(--font-sans); font-size:12px; font-weight:300;
  color:var(--text-light); text-transform:uppercase; letter-spacing:2px;
  margin-bottom:var(--space-l); }
.event-single-content { font-size:19px; line-height:1.9; color:var(--text);
  max-width:680px; font-family:var(--font-sans); font-weight:300; }
.event-single-content p { margin-bottom:24px; }

.event-ticket-btn { display:inline-block; margin-top:40px; padding:14px 40px;
  border:1px solid var(--ci); color:var(--ci); font-family:var(--font-sans);
  font-size:11px; text-transform:uppercase; letter-spacing:2px;
  transition:all var(--transition); }
.event-ticket-btn:hover { background:var(--ci); color:var(--bg); }

/* ANMELDEFORMULAR */
.anmelde-wrap { margin-top:72px; padding-top:56px; border-top:1px solid var(--border);
                max-width:600px; scroll-margin-top:40px; }
.anmelde-title { font-family:var(--font-serif); font-size:38px; font-weight:300;
  font-style:italic; color:var(--ci); margin-bottom:36px; }
.anmelde-erfolg { padding:20px 24px; background:#fff8f8;
  border-left:3px solid var(--accent); color:var(--text); font-size:15px; line-height:1.6; }
.anmelde-form { display:flex; flex-direction:column; }
.anmelde-field { display:grid; grid-template-columns:160px 1fr; align-items:center;
  border-bottom:1px solid var(--border); }
.anmelde-field:first-of-type { border-top:1px solid var(--border); }
.anmelde-field label { font-family:var(--font-sans); font-size:11px; font-weight:400;
  text-transform:uppercase; letter-spacing:1.5px; color:var(--text); padding:16px 0; }
.anmelde-field input,
.anmelde-field textarea { font-family:var(--font-sans); font-size:16px; font-weight:300;
  color:var(--text); background:transparent; border:none;
  border-left:1px solid var(--border); padding:14px 18px; outline:none;
  width:100%; -webkit-appearance:none; appearance:none; border-radius:0;
  transition:background var(--transition); }
.anmelde-field input:focus,
.anmelde-field textarea:focus { background:#fafafa; }
.anmelde-field input::placeholder,
.anmelde-field textarea::placeholder { color:var(--text-light); }
.anmelde-field textarea { resize:vertical; min-height:90px; line-height:1.6;
  align-self:stretch; padding-top:16px; }
.anmelde-field input[type="number"] { max-width:100px; }
.anmelde-field--textarea { align-items:start; }
.anmelde-field--textarea label { padding-top:18px; }
.anmelde-submit { margin-top:28px; display:flex; align-items:center; gap:24px;
  flex-wrap:wrap; }
.anmelde-btn { font-family:var(--font-sans); font-size:11px; font-weight:400;
  text-transform:uppercase; letter-spacing:2px; color:var(--bg);
  background:var(--ci); border:none; padding:14px 36px; cursor:pointer;
  transition:background var(--transition); }
.anmelde-btn:hover { background:var(--ci-hover); }
.anmelde-hinweis { font-size:13px; color:var(--text-muted); font-weight:300; }
.anmelde-hinweis a { color:var(--ci); border-bottom:1px solid transparent; }
.anmelde-hinweis a:hover { border-bottom-color:var(--ci); }

/* PREV/NEXT */
.event-nav { display:flex; justify-content:space-between; gap:20px;
  margin-top:80px; padding-top:40px; border-top:1px solid var(--border); }
.event-nav-link { font-family:var(--font-sans); font-size:12px; color:var(--text-muted);
  max-width:45%; font-weight:300; transition:color var(--transition); }
.event-nav-link:hover { color:var(--ci); }
.event-nav-next { text-align:right; margin-left:auto; }

/* ARCHIV */
.archive-title { font-family:var(--font-serif); font-size:60px; font-weight:300;
  font-style:italic; color:var(--ci); letter-spacing:-1px; margin:72px 0 48px; }
.archive-intro { font-size:16px; color:var(--text-muted); margin-top:-30px;
  margin-bottom:var(--space-l); font-weight:300; }
.archive-year { margin-bottom:var(--space-l); }
.archive-year-title { font-family:var(--font-serif); font-size:52px; font-weight:300;
  font-style:italic; color:var(--ci); letter-spacing:-1.5px; line-height:1;
  margin-bottom:var(--space-xs); }
.archive-month { margin-bottom:var(--space-m); padding-left:20px;
  border-left:1px solid var(--accent-light); }
.archive-month-title { font-family:var(--font-sans); font-size:10px; font-weight:400;
  text-transform:uppercase; letter-spacing:3px; color:var(--text-light); margin-bottom:12px; }
.archive-event { display:grid; grid-template-columns:44px 56px 1fr; gap:16px;
  align-items:center; padding:12px 0; border-bottom:1px solid var(--border);
  transition:transform var(--transition); }
.archive-event:hover { transform:translateX(6px); }
.archive-event-day { font-family:var(--font-serif); font-size:24px; font-weight:300;
  font-style:italic; color:var(--ci); }
.archive-event-thumb img { width:56px; height:56px; object-fit:cover; }
.archive-event-title { font-family:var(--font-serif); font-size:18px; font-weight:400;
  color:var(--text); transition:color var(--transition); }
.archive-event:hover .archive-event-title { color:var(--ci); }
.archive-event-loc { font-family:var(--font-sans); font-size:12px; color:var(--text-light);
  font-weight:300; }

/* PAGINATION */
.pagination { margin:64px 0 32px; }
.pagination .nav-links { display:flex; gap:8px; flex-wrap:wrap; }
.pagination a, .pagination .current { font-family:var(--font-sans); font-size:11px;
  text-transform:uppercase; letter-spacing:2px; padding:7px 13px;
  border:1px solid var(--border); color:var(--text-muted);
  transition:all var(--transition); }
.pagination a:hover { border-color:var(--ci); color:var(--ci); }
.pagination .current { background:var(--ci); color:var(--bg); border-color:var(--ci); }

/* SEITEN */
.page-header { margin:72px 0 48px; }
.page-title { font-family:var(--font-serif); font-size:64px; font-weight:300;
  font-style:italic; color:var(--ci); letter-spacing:-1px; line-height:1.05; }
.page-content { max-width:680px; font-size:18px; line-height:1.9;
  color:var(--text); font-weight:400; }
.page-content h2 { font-family:var(--font-serif); font-size:30px; font-weight:300;
  font-style:italic; color:var(--ci); margin-top:56px; margin-bottom:16px; }
.page-content p { margin-bottom:22px; }
.page-content a { color:var(--ci); border-bottom:1px solid transparent; }
.page-content a:hover { border-bottom-color:var(--ci); }
.legal-content { font-size:15px; line-height:1.8; }
.legal-content h2 { font-size:20px; margin-top:44px; }
.legal-back { margin:72px 0 40px; }

/* SINGLE ARTIST */
.artist-single { max-width:860px; padding-top:var(--space-l); }
.artist-single-inner { display:grid; grid-template-columns:300px 1fr;
  gap:64px; align-items:start; margin-top:48px; }
.artist-single-image img { width:100%; }
.artist-single-title { font-family:var(--font-serif); font-size:52px; font-weight:300;
  font-style:italic; color:var(--ci); letter-spacing:-1px; margin:0 0 12px; }
.artist-single-diz { font-family:var(--font-sans); font-size:11px; font-weight:400;
  text-transform:uppercase; letter-spacing:2px; color:var(--ci); margin-bottom:36px; }
.artist-single-content { font-size:18px; line-height:1.9; font-weight:300; }
.artist-single-content p { margin-bottom:24px; }

/* SUCHE + 404 */
.search-header, .page-404 { max-width:680px; padding-top:var(--space-l); }
.search-empty { color:var(--text-muted); font-size:17px; padding:48px 0; font-weight:300; }
.page-404 { text-align:center; padding:120px 0; }
.page-404-code { font-family:var(--font-serif); font-size:140px; font-weight:300;
  font-style:italic; color:var(--accent-light); line-height:1; }
.page-404-title { font-family:var(--font-serif); font-size:36px; font-weight:300;
  font-style:italic; color:var(--ci); margin:0 0 16px; }
.page-404-text { font-size:17px; color:var(--text-muted); font-weight:300;
  max-width:420px; margin:0 auto 44px; line-height:1.7; }
.page-404-btn { display:inline-block; padding:14px 40px; border:1px solid var(--ci);
  color:var(--ci); font-family:var(--font-sans); font-size:11px;
  text-transform:uppercase; letter-spacing:2px; transition:all var(--transition); }
.page-404-btn:hover { background:var(--ci); color:var(--bg); }

/* FACEBOOK */
.fb-feed-wrap { margin:16px 0; overflow:hidden; }
.fb-notice { color:var(--text-muted); font-style:italic; padding:18px;
  border:1px dashed var(--border); font-weight:300; }

/* ── MOBILE ───────────────────────────────────── */
@media (max-width: 768px) {
  .header-inner { padding:14px 20px; }
  .menu-toggle { display:flex; }
  .nav { position:fixed; top:0; right:-100%; width:260px; height:100%;
         background:var(--bg); padding:88px 24px 40px;
         transition:right 0.28s ease; border-left:1px solid var(--border); z-index:1000; }
  body.menu-open .nav { right:0; }
  .menu { flex-direction:column; gap:20px; }
  .menu a { font-size:13px; }

  .hero-b-title { font-size:56px; }
  .hero-b { padding:40px 0 32px; }
  .admin-bar .hero-b { padding-top:86px; }
  .event-row { grid-template-columns:48px 1fr; grid-template-rows:auto auto;
               gap:12px 16px; padding:20px 0; }
  .event-row-thumb { display:none; }
  .event-row-date { padding:20px 0; }
  .event-row-day { font-size:34px; }
  .event-row-body { padding:20px 0; }
  .event-row-title { font-size:20px; }
  .event-anmelden-btn { grid-column:1/-1; text-align:center; padding:12px; }

  .artist-row { grid-template-columns:72px 1fr 20px; gap:16px; padding:16px 0; }
  .artist-row-image, .artist-row-placeholder { width:72px; height:72px; }
  .artist-row-name { font-size:20px; }

  .event-single-title { font-size:44px; }
  .archive-title { font-size:40px; margin:48px 0 28px; }
  .archive-year-title { font-size:34px; }
  .archive-event { grid-template-columns:38px 1fr; }
  .archive-event-thumb { display:none; }
  .artist-single-inner { grid-template-columns:1fr; gap:28px; }
  .artist-single-title { font-size:38px; }
  .page-title { font-size:44px; }
  .event-nav { flex-direction:column; gap:12px; }
  .event-nav-next { text-align:left; margin-left:0; }
  .footer-b-inner { grid-template-columns:1fr; gap:24px; }
  .footer-b-address { text-align:left; justify-self:start; }
  .footer-b-right { align-items:flex-start; justify-self:start; }
  .anmelde-field { grid-template-columns:1fr; }
  .anmelde-field label { padding:12px 0 4px; }
  .anmelde-field input, .anmelde-field textarea {
    border-left:none; border-top:1px solid var(--border); padding:10px 0; }
  .anmelde-submit { flex-direction:column; align-items:stretch; }
  .anmelde-btn { width:100%; text-align:center; }
}

/* ── VEREIN-TEASER ────────────────────────────── */
.verein-teaser { margin-bottom:0; }

main section { padding-top:32px; }
main section:first-child { padding-top:0; }

.verein-teaser-inner {
  display:grid;
  grid-template-columns: 1fr auto;
  gap:40px;
  align-items:end;
  padding-bottom:var(--space-m);
}

.verein-teaser-text {
  font-family:var(--font-sans);
  font-size:17px;
  font-weight:300;
  color:var(--text);
  line-height:1.7;
  max-width:640px;
  margin-bottom:16px;
}

.verein-teaser-link {
  font-family:var(--font-sans);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  color:var(--text-muted);
  white-space:nowrap;
  border-bottom:1px solid transparent;
  transition:color var(--transition), border-color var(--transition);
  padding-bottom:2px;
  flex-shrink:0;
}

.verein-teaser-link:hover {
  color:var(--ci);
  border-bottom-color:var(--ci);
}

@media (max-width:768px) {
  .verein-teaser-inner {
    grid-template-columns:1fr;
    gap:16px;
  }
  .verein-teaser-text { font-size:18px; }
}

/* ── MITGLIEDER-FORMULAR ─────────────────────── */
.mitglied-wrap {
  margin-top: var(--space-l);
  scroll-margin-top: 40px;
}

.mitglied-title {
  font-family: var(--font-serif);
  font-size: 38px;
  font-weight: 300;
  font-style: italic;
  color: var(--ci);
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}

.mitglied-intro {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 300;
  color: var(--text-muted);
  max-width: 560px;
  line-height: 1.7;
  margin-bottom: var(--space-m);
}

/* Vorname + Nachname nebeneinander */
.mitglied-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.mitglied-row .anmelde-field:first-child {
  border-right: none;
}

@media (max-width: 768px) {
  .mitglied-row {
    grid-template-columns: 1fr;
  }
  .mitglied-row .anmelde-field:first-child {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
}

/* Select-Feld im Mitglieder-Formular */
.anmelde-field select {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 300;
  color: var(--text);
  background: transparent;
  border: none;
  border-left: 1px solid var(--border);
  padding: 14px 18px;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
  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 1l5 5 5-5' stroke='%23aaaaaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 44px;
}

.anmelde-field select:focus {
  background-color: #fafafa;
  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 1l5 5 5-5' stroke='%23BF2D2D' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Admin-Bar Kompensation */
.admin-bar .hero-b { padding-top:88px; }