/*
Theme Name: Eventar Gutenberg
Theme URI: https://eventar-booking.at
Author: Peter Rauch
Description: Eventar Landingpage – foto-like Bilder, längerer Content, plus Auslastung & Buchungsprozess. v10.
Version: 10.0.0
License: GPLv2 or later
Text Domain: eventar-gutenberg
*/

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: local('Manrope'), url('https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggexSg.woff2') format('woff2');
}

:root {
  --bg:#f7fdfa;
  --text:#0b1220;
  --muted:#475569;
  --primary:#0d9488;
  --accent:#84cc16;
  --border: rgba(148,163,184,.35);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.eventar-wrap { max-width: 1160px; margin: 0 auto; padding: 24px 18px 96px; }

.eventar-hero {
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 26px;
  align-items: center;
  padding: 34px;
  border-radius: 28px;
  border: 1px solid var(--border);
  background: linear-gradient(135deg, rgba(13,148,136,.14), rgba(132,204,22,.10));
  overflow:hidden;
}

.eventar-kicker { font-weight: 900; letter-spacing:.08em; text-transform:uppercase; font-size:12px; opacity:.78; }

.eventar-h1 { font-size: clamp(38px, 4.8vw, 60px); line-height: 1.04; font-weight: 950; margin: 10px 0 12px; }

.eventar-lead { font-size: 18px; color:#334155; margin:0; max-width: 720px; }

.eventar-cta { margin-top: 18px; display:flex; gap:12px; flex-wrap: wrap; }
.eventar-btn { display:inline-block; padding: 12px 18px; border-radius: 999px; font-weight: 900; text-decoration:none; }
.eventar-btn.primary { background: var(--primary); color:#fff; }
.eventar-btn.outline { border: 2px solid rgba(13,148,136,.35); color: var(--text); background: transparent; }

.eventar-heroimg { width:100%; height:auto; border-radius: 22px; box-shadow: 0 18px 40px rgba(11,18,32,.12); }

.eventar-badges { margin-top: 16px; display:flex; gap:10px; flex-wrap: wrap; }
.eventar-badge { display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border-radius: 999px; background: rgba(13,148,136,.10); font-weight: 800; font-size: 13px; }

.eventar-section { margin-top: 48px; }
.eventar-h2 { font-size: 32px; font-weight: 950; margin: 0 0 10px; }
.eventar-sub { color: var(--muted); margin: 0 0 20px; max-width: 860px; }

.eventar-grid { display:grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }

.eventar-card {
  background:#fff;
  border:1px solid var(--border);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(11,18,32,.06);
}

.eventar-cardhead { display:flex; gap:12px; align-items:flex-start; }
.eventar-icon { width: 48px; height: 48px; flex: 0 0 auto; }
.eventar-card h3 { margin: 0 0 6px; font-size: 16px; font-weight: 950; }
.eventar-card p { margin: 0; font-size: 14px; color: var(--muted); line-height: 1.5; }

.eventar-photo {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.25);
  box-shadow: 0 16px 34px rgba(11,18,32,.10);
}

.eventar-split {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.eventar-steps {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.eventar-step {
  background:#fff;
  border:1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
}

.eventar-step strong { display:block; font-weight: 950; margin-bottom: 6px; }
.eventar-step span { color: var(--muted); font-size: 14px; line-height: 1.5; }

.eventar-faq details {
  background:#fff;
  border:1px solid var(--border);
  border-radius: 16px;
  padding: 14px 16px;
  margin-bottom: 10px;
}
.eventar-faq summary { cursor:pointer; font-weight: 900; }
.eventar-faq p { color: var(--muted); margin: 10px 0 0; font-size: 14px; line-height: 1.6; }

.eventar-quote {
  background: linear-gradient(135deg, rgba(96,165,250,.10), rgba(132,204,22,.08));
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
}
.eventar-quote p { margin: 0; font-size: 15px; color: #334155; line-height: 1.6; }
.eventar-quote strong { display:block; margin-top: 10px; font-weight: 950; }

.eventar-cta2 {
  margin-top: 48px;
  border-radius: 26px;
  padding: 26px;
  border: 1px solid var(--border);
  background: linear-gradient(135deg, rgba(13,148,136,.12), rgba(96,165,250,.10));
  overflow:hidden;
}

.col-4{grid-column:span 4} .col-5{grid-column:span 5} .col-6{grid-column:span 6} .col-7{grid-column:span 7} .col-12{grid-column:span 12}

@media (max-width: 980px) {
  .eventar-hero { grid-template-columns: 1fr; padding: 22px; }
  .eventar-split { grid-template-columns: 1fr; }
  .eventar-steps { grid-template-columns: 1fr; }
  .col-4,.col-5,.col-6,.col-7,.col-12 { grid-column: 1; }
  .eventar-photo { height: 220px; }
}


.eventar-visual{
  width:100%;
  height:auto;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.25);
  box-shadow: 0 16px 34px rgba(11,18,32,.10);
  background:#fff;
}