/* ---------- Theme Tokens ---------- */
:root{
  --bg:#10131a;
  --panel:#171c26;
  --panel-2:#1c2230;
  --text:#eef1f7;
  --muted:#b6bed0;
  --primary:#7da2ff;
  --primary-2:#5f87ff;
  --danger:#ff6b7a;
  --danger-2:#e85a69;
  --success:#1cd39b;
  --border:#263047;
  --focus:#ffe493;
  --shadow:0 10px 28px rgba(0,0,0,.35);
  --radius:14px;
  --mega-size: clamp(32px, 6.2vw, 64px);
  --mega-sub: clamp(13px, 2.2vw, 16px);
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(2200px 800px at 50% 10%, #0e1a1f 20%, var(--bg) 80%), var(--bg);
  background-repeat: no-repeat;
  color:var(--text);
  line-height:1.55;
}
a{color:var(--primary); text-decoration:none}
a:hover{text-decoration:underline}
.visually-hidden,.sr-label,.sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.muted{color:var(--muted)}

/* ---------- Header ---------- */
.site-header{
  position:relative;
  display:flex;
  align-items:center; 
  justify-content:center; 
  padding:12px 18px;
}
.brand{display:flex; align-items:center; gap:10px; color:var(--text); text-align:center}
.logo{height:150px; width:auto; border-radius:10px}
.brand-title{font-weight:700; letter-spacing:.2px}

/* Header-Aktionen (optional) */
.site-actions{
  position:absolute; right:18px; top:18px; display:flex; gap:8px; align-items:center;
}

/* ---------- Layout ---------- */
.container{max-width:1120px; padding:18px; margin:0 auto}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block; background:#202739; color:var(--text);
  border:1px solid var(--border); border-radius:10px; padding:10px 14px; box-shadow:var(--shadow);
  text-align:center;
}
.btn:hover{background:#232c42; text-decoration:none}
.btn:focus{outline:3px solid var(--focus); outline-offset:2px}
.btn-primary{background:var(--primary); border-color:transparent; color:#0b0f1a}
.btn-primary:hover{background:var(--primary-2)}
.btn-danger{background:var(--danger); color:#1a0d10; border-color:transparent}
.btn-danger:hover{background:var(--danger-2)}
.btn-lg{padding:14px 18px; font-size:1.08rem}
.btn-inline{padding:6px 10px}
.btn.disabled,[aria-disabled="true"]{opacity:.55; cursor:not-allowed; filter:saturate(.3); text-decoration:none !important}

/* Gleich große, mittige Buttons als Zweier-Reihe */
.form-actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.form-actions.center{justify-content:center}
.form-actions.center.two{max-width:560px; margin:12px auto 0}
.form-actions.center.two .btn{flex:1 1 240px; min-width:200px; text-align:center}

/* ---------- Mega/Countdown ---------- */
.mega{margin:18px 0}
.mega.slim .mega-title{margin-bottom:8px}
.mega-title{font-size: clamp(24px, 4.6vw, 38px); margin:0 0 12px; text-align:center}

#countdown{
  display:flex; justify-content:center; align-items:baseline; gap:18px; flex-wrap:wrap; text-align:center;
}
#countdown > *{ display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
#countdown b, #countdown strong{ font-size:var(--mega-size); font-weight:800; line-height:1; }
#countdown .label{ color:var(--muted); font-size:var(--mega-sub); }

.mega-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; align-items:stretch}
.mega-grid.one{grid-template-columns:minmax(300px,1fr)}
.mega-card{
  display:flex; flex-direction:column; min-height:100%;
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  border:1px solid var(--border); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow)
}
.mega-label{color:var(--muted); margin-bottom:8px}
.mega-count{font-size:var(--mega-size); text-align:center; font-weight:800; letter-spacing:.5px}
.mega-count.static span{font-size:var(--mega-size); font-weight:800}
.mega-window{font-size: clamp(20px, 3.6vw, 30px); font-weight:700; text-align:center}
.mega-sub{font-size:var(--mega-sub); margin-top:4px; text-align:center}

/* CTA-Reihe mittig */
.cta-row{ display:flex; justify-content:center; gap:12px; margin-top:auto; }

/* Gewinnliste */
.prize-list{
  list-style:none; padding:0; margin:10px 0 0; display:grid; gap:8px; text-align:center;
}
.prize-list li{
  background:#141a29; border:1px solid var(--border); border-radius:10px; padding:8px 12px;
}
.prize-list li strong{ color:var(--success); }

/* ---------- Suche minimal ---------- */
.search-min{margin:18px 0 6px}
.search-min-form{display:flex; gap:8px; flex-wrap:wrap; justify-content:center}
.search-min-form input[type="search"]{
  flex:1; min-width:220px; max-width:520px; background:#131a28; border:1px solid var(--border);
  color:var(--text); padding:12px 14px; border-radius:10px
}
.search-min-form input:focus{outline:3px solid var(--focus); outline-offset:2px}

/* ---------- Grid & Cards ---------- */
.grid-heading { text-align:center; }
.grid{display:grid; text-align:center; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; margin:12px 0 24px}
.grid.vote-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{position:relative; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.card.mini .card-body{padding:12px}
.card-link{display:block; color:inherit; text-decoration:none}

/* Quadratische Thumbnails */
.card-img{
  display:block; width:100%; aspect-ratio:1/1; height:auto; object-fit:cover; background:#0c0f18
}
@supports not (aspect-ratio: 1 / 1){
  .card-img{ height:240px; }
}
.mini-img{height:120px}
.card-img.placeholder{background:#121826}
.card-body{padding:12px}
.card-title{margin:8px 0 6px; font-size:1.02rem; text-align:center}
.card-sub{margin:0; color:var(--muted); text-align:center}
.card-meta{margin:6px 0 0; color:var(--muted); font-size:.92rem}
#works-head, .current-works-title, .section-title{ text-align:center; }

/* ---------- Selektierbare Karten ---------- */
.vis-radio{position:absolute; opacity:0; width:1px; height:1px; overflow:hidden}
.selectable{ cursor:pointer; border:1px solid var(--border); transition:border-color .15s, box-shadow .15s, transform .05s; }
.selectable:hover{transform:translateY(-1px)}
.selectable.selected{ border-color:var(--success); box-shadow:inset 0 0 0 2px rgba(28,211,155,.22), var(--shadow); }
.selectable.selected::before{content:none}

/* Mini-Slider */
.mini-slider{ position:relative; border-radius:12px; border:1px solid var(--border); background:#0d111a; overflow:hidden; height:120px; margin-bottom:8px }
.mini-slide{display:none; width:100%; height:120px; object-fit:cover}
.mini-slide.active{display:block}
.mini-prev,.mini-next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.35); border:1px solid var(--border); color:#fff; width:34px; height:34px; border-radius:50%
}
.mini-prev{left:6px} .mini-next{right:6px}
.sel-badge{
  position:absolute; left:8px; bottom:8px; display:none; align-items:center; gap:6px;
  background:rgba(28,211,155,.95); color:#051218; padding:4px 8px; border-radius:8px; font-weight:800; font-size:.86rem; box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.selectable.selected .sel-badge{display:inline-flex}

/* ---------- Formulare ---------- */
.form{ background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow) }
.form-row{margin-bottom:14px; display:block}
.form-row label,.form-row legend{display:block; margin-bottom:6px; font-weight:600}
input[type="text"], input[type="number"], input[type="url"], textarea, select, input[type="file"], input[type="password"]{
  width:80%; background:#121725; color:var(--text); border:1px solid var(--border); border-radius:10px; padding:10px 12px
}
input:focus, textarea:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus{outline:3px solid var(--focus); outline-offset:2px}
textarea{resize:vertical}
.badge-required{background:#2a2f42; color:#ffd2d2; padding:3px 7px; border-radius:8px; font-size:.8rem}
.badge-optional{background:#273144; color:#b5c1ff; padding:3px 7px; border-radius:8px; font-size:.8rem}

/* Pflichtfelder visuell */
input:required:invalid, textarea:required:invalid, select:required:invalid{
  border-color: #8b2b39;
  box-shadow:0 0 0 2px rgba(255,107,122,.18) inset;
}

/* Scrollbare Regelbox + Checkbox */
.rules-box{
  max-height:220px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:10px;
  background:#121725;
  padding:12px;
}
.rules-box ol{ margin:0; padding-left:20px; display:flex; flex-direction:column; gap:6px; }
.rules-accept{ margin-top:10px; }

/* Bauzeit kompakt */
.time-compact{ display:flex; gap:8px; align-items:center; }
.time-compact .time-field{ flex:1 1 0; min-width:0; }
.time-compact select{ padding:8px 10px; text-align:center; }

/* ---------- Alerts ---------- */
.alert{background:#1b2235; border-left:4px solid #60719c; padding:12px; border-radius:10px}
.alert-error{border-left-color: var(--danger); color:#ffd5da}
.alert-success{border-left-color: var(--success)}

/* ---------- Progress (Upload) ---------- */
.progress{ width:100%; height:10px; margin-top:8px; border:none; background:#1b2235; border-radius:8px; overflow:hidden }
.progress::-webkit-progress-bar{background:#1b2235}
.progress::-webkit-progress-value{background:var(--primary)}
.progress::-moz-progress-bar{background:var(--primary)}

/* ---------- Galerie (Detail/Rate) ---------- */
.gallery{ position:relative; display:block; overflow:hidden; border-radius:12px; border:1px solid var(--border); background:#0d111a; margin:12px 0 }
.gallery img{display:none; width:100%; height:auto}
.gallery img.active{display:block}
.gallery-narrow{max-width:850px}
.gal-prev,.gal-next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.35); border:1px solid var(--border); color:#fff; width:40px; height:40px; border-radius:50%
}
.gal-prev{left:8px} .gal-next{right:8px}

/* ---------- Rating Boxen (1–5) ---------- */
.rate{display:grid; gap:12px}
.rate-sm .rate-box{min-width:36px; height:36px}
.rate-label{font-weight:600; margin-bottom:4px}
.rate-group{display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:center}
.rate-radio{position:absolute; opacity:0; width:1px; height:1px; overflow:hidden}
.rate-box{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:42px; padding:0 10px;
  border:1px solid var(--border); border-radius:10px;
  background:#121725; color:#var(--text); cursor:pointer; user-select:none;
  box-shadow: var(--shadow);
}
.rate-box:hover{background:#162036}
.rate-radio:focus + .rate-box{outline:3px solid var(--focus); outline-offset:2px}
.rate-radio:checked + .rate-box{background:var(--primary); color:#09122a; border-color:transparent; font-weight:800}

/* ---------- Info-Boxen & Meta unten ---------- */
.info-box-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px; margin-top:10px
}
.info-box{
  background:#141a29; border:1px solid var(--border); border-radius:10px;
  padding:10px; display:flex; flex-direction:column; gap:4px
}
.info-box.wide{grid-column:1/-1}
.meta-bottom{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px; margin-top:12px
}
.meta-bottom > div{
  background:#131a28; border:1px solid var(--border); border-radius:10px;
  padding:10px; display:flex; justify-content:space-between; gap:10px
}

/* ---------- YouTube Button ---------- */
.yt-btn{
  display:flex; align-items:center; gap:10px;
  background:#20161a; border:1px solid #3a1e22; border-radius:10px; padding:10px 12px;
  color:#ffd9d6; text-decoration:none; box-shadow:var(--shadow)
}
.yt-btn:hover{background:#291a1e}
.yt-icon{display:inline-flex}

/* ---------- Report/Melden ---------- */
.report-form{ margin-top:18px; text-align:center; }
.report-form .report-note{ margin:8px 0 12px; color:var(--muted); }
.btn-report{
  display:inline-block;
  background: linear-gradient(180deg, #2a161a, #261317);
  border:1px solid #3b1c22;
  color:#ffd7dc;
  padding:12px 16px;
  border-radius:12px;
  box-shadow: var(--shadow);
  margin:18px auto 0;
}
.btn-report:hover{ background:#2f171c; }

/* ---------- Footer ---------- */
.site-footer{ padding:18px; text-align:center; color:#b6bed0; border-top:1px solid var(--border); margin-top:24px }
.site-footer p{margin:6px 0}

/* ---------- Helpers ---------- */
.xyz{display:flex; gap:10px;} 
.nowrap{ white-space:nowrap; }
.col-wide{ min-width:260px; }
.table-wrap{ width:100%; overflow:auto; }

/* ================= Admin Header ================= */
.admin-header{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:flex-start;
  margin:6px 0 14px;
}
.admin-header h1{ margin:0; }
.badge-ghost{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#141b2a;
  border:1px solid var(--border);
  color:var(--muted);
  font-size:.86rem;
  font-weight:600;
}

/* Suchleiste in der Mitte */
.searchbar{
  display:flex; gap:8px; align-items:center;
  flex:1; min-width:280px;
}
.searchbar input{
  width:100%; min-width:260px;
  background:#131a28; border:1px solid var(--border);
  color:var(--text); padding:10px 12px; border-radius:10px;
}

/* Aktionen rechts */
.admin-actions{
  margin-left:auto;
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  position:static;   
  transform:none;
}

/* ================= Admin Panel ================= */
.admin-title{text-align:center; margin:6px 0 14px}
.logout-btn{ margin-left:auto; }

/* Dashboard-Zahlen */
.summary-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin:12px 0 18px;}
.summary-card{
  padding:12px; border:1px solid var(--border); border-radius:10px;
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  box-shadow:var(--shadow);
}
.summary-card h3{margin:0 0 6px;font-size:15px;color:#aab4c3}
.summary-card .big{font-size:22px;font-weight:700}

/* Kartenlayout */
.admin-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.admin-card{
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  min-height:220px;
}
.admin-card-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid var(--border);
}
.admin-card-title{ font-weight:800; letter-spacing:.2px }
.admin-card-body{ padding:12px; overflow:auto }
.admin-card-body.scroll{ max-height:420px }

/* Badges */
.badge, .admin-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:#141b2a; border:1px solid var(--border);
  color:var(--text); padding:4px 8px; border-radius:999px; font-size:.86rem;
}
.admin-badge.green{ background:#10221c; border-color:#1f6d55; color:#b6ffec }
.admin-badge.yellow{ background:#221f10; border-color:#6d611f; color:#fff3b6 }
.admin-badge.red{ background:#221017; border-color:#6d1f2f; color:#ffc2cc }

/* Tabellen im Admin */
.table{
  width:100%; border-collapse:collapse; font-size:.95rem;
}
.table th, .table td{
  text-align:left; padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.06);
}
.table thead th{ color:var(--muted); font-weight:600; }
.table.flat tr:hover{ background:rgba(255,255,255,.025); }

/* Quarantäne optisch absenken */
.table .qt{opacity:.6}

/* Mini-Kacheln (Bauwerke kompakt) */
.admin-mini-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px;
}
.admin-mini-card{
  background:#151b29; border:1px solid var(--border); border-radius:12px; padding:10px; display:flex; gap:10px; align-items:center;
}
.admin-mini-card img.mini-thumb{ width:56px; height:56px; object-fit:cover; border-radius:8px; background:#0c0f18; }
.admin-mini-card .mini-meta{ font-size:.9rem; color:var(--muted); }

/* Notiz-Form für Reports */
.note-form{ display:flex; gap:8px; margin-top:6px; }
.note-form textarea{ flex:1; min-height:40px; background:#121725; border:1px solid var(--border); border-radius:10px; color:var(--text); padding:8px 10px; }

/* Logs */
.logs-list{ list-style:none; padding:0; margin:0; }
.log-item{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
  padding:8px 10px; border:1px solid var(--border); background:#141a24; border-radius:10px; margin-bottom:8px;
}
.log-time{ color:var(--muted); font-family: ui-monospace, Menlo, Consolas, monospace; }
.log-type.badge{ margin-left:auto; }
.log-ctx{ font-family: ui-monospace, Menlo, Consolas, monospace; background:#0f141d; padding:3px 6px; border-radius:6px; border:1px solid var(--border); }
.log-item.type-error{ border-left:4px solid var(--danger); }
.log-item.type-warn{ border-left:4px solid #ffd28c; }
.log-item.type-vote{ border-left:4px solid #9fd6ff; }
.log-item.type-view{ border-left:4px solid #7da2ff; }
.log-item.type-add{ border-left:4px solid #1cd39b; }

/* ===== Mobile-Verbesserungen fürs Admin-Panel ===== */
@media (max-width: 980px){
  .admin-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 700px){
  .admin-grid{ grid-template-columns: 1fr; }
  .admin-card{ min-height: 0; }
  .admin-header{ flex-direction:column; gap:8px; align-items:stretch; }
  .admin-actions{ margin-left:0; }
  .searchbar{ width:100%; }
}
.table.flat{ min-width: 640px; }
.admin-card-body{ overflow-x:auto; }

/* Optionaler Stack-Table-Modus */
@media (max-width: 560px){
  .stack-table{ border-collapse: separate; border-spacing:0 10px; }
  .stack-table thead{ display:none; }
  .stack-table tr{
    display:block; padding:10px; border:1px solid var(--border);
    background:#141a29; border-radius:12px;
  }
  .stack-table td{
    display:flex; justify-content:space-between; gap:10px;
    border-bottom:1px dashed rgba(255,255,255,.06); padding:6px 0;
  }
  .stack-table td:last-child{ border-bottom:none; }
  .stack-table td::before{
    content: attr(data-label);
    color: var(--muted);
    font-weight:600;
  }
}

/* Login-Karte mobil */
.auth-wrap{ display:flex; justify-content:center; }
.auth-card{ width:100%; max-width:540px; margin:0 12px; }

/* Buttons mobil vollbreit */
@media (max-width: 560px){
  .btn-lg, .admin-card .btn{ width:100%; }
  .admin-card-head{ flex-wrap:wrap; gap:8px; }
}

/* Header-Aktionen auf Mobile */
@media (max-width: 560px){
  .site-actions{ right:10px; top:10px; }
  .logo{ height:90px; }
}

/* ================= Ergebnisse / Result-Page ================= */
.result-wrap{max-width:1120px;margin:0 auto}
.result-head{ text-align:center; margin:0 0 4px; font-size: clamp(22px, 4.4vw, 34px); }
.result-sub{ text-align:center; color:var(--muted); margin:0 0 16px; font-size: clamp(13px, 2.4vw, 16px); }

.podium{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end; gap:14px; max-width:900px; margin:14px auto 24px;
}
.podium-item{
  display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
}
.rank-label{
  display:inline-block; padding:4px 10px; border-radius:999px;
  background:#141b2a; border:1px solid var(--border); color:var(--text); font-weight:800; font-size:.9rem;
  box-shadow: var(--shadow);
}

/* Bild + Glow-Ränder */
.podium-thumb{
  width:100%; max-width:280px; aspect-ratio:1/1; object-fit:cover; border-radius:12px;
  border:2px solid var(--border); background:#0c0f18; box-shadow:var(--shadow);
}
.first  .podium-thumb{ border-color:#ffd54a; box-shadow:0 0 0 2px rgba(255,213,74,.28), 0 0 18px rgba(255,213,74,.25), var(--shadow); }
.second .podium-thumb{ border-color:#c0c0c0; box-shadow:0 0 0 2px rgba(192,192,192,.28), 0 0 18px rgba(192,192,192,.22), var(--shadow); }
.third  .podium-thumb{ border-color:#cd7f32; box-shadow:0 0 0 2px rgba(205,127,50,.28), 0 0 18px rgba(205,127,50,.22), var(--shadow); }

/* Treppen-Sockel */
.pedestal{
  width:100%; max-width:280px;
  background:linear-gradient(180deg, var(--panel), var(--panel-2));
  border:1px solid var(--border); border-radius:12px 12px var(--radius) var(--radius);
  box-shadow:var(--shadow); display:flex; align-items:center; justify-content:center; gap:8px;
  font-weight:800; padding:10px 0;
}
.pedestal .rank-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%;
  background:#29314b; border:1px solid var(--border); font-size:.95rem;
}
.first .pedestal{ height:160px; }
.second .pedestal{ height:120px; }
.third .pedestal{ height:100px; }

/* Titel/Meta im Podium */
.podium h3{ margin:2px 0 0; font-size:1.08rem; }
.podium .meta{
  color:var(--text); font-size:.98rem; margin:0; font-weight:800;
  text-shadow:0 0 10px rgba(125,162,255,.26), 0 0 6px rgba(125,162,255,.18);
}

/* Sterne-Farben pro Platz */
.score{ font-weight:800; }
.first  .score .star{ color:#ffd54a; }
.second .score .star{ color:#c0c0c0; }
.third  .score .star{ color:#cd7f32; }

/* Gesamtranking + Suche */
.rank-section{ margin:10px 0 8px; }
.rank-table .thumb{
  width:54px; height:54px; object-fit:cover; border-radius:8px; background:#0c0f18; border:1px solid var(--border);
}
.rank-index{ font-weight:800; }

.rank-search{ margin:0 0 10px; }
.rank-search .search-min-form{ justify-content:flex-start; }
@media (max-width:700px){
  .podium{ grid-template-columns:1fr; }
  .first .pedestal, .second .pedestal, .third .pedestal{ height:auto; }
  .podium-thumb{ max-width:100%; }
  .rank-search .search-min-form{ justify-content:center; }
}
/* Extra große Version für Einreichen */
.btn-big {
  flex: 5;        
  font-size: 1.05em;   
  padding: 14px 24px;   
}

/* Kleinere Version für Ändern */
.btn-small {
  flex: 1;
  font-size: 1.05em;
  padding: 14px 24px;
}

/* Sicherstellen, dass sie nebeneinander bleiben */
.cta-row {
  display: flex;
  gap: 10px;
}