:root{--bg:#fff;--text:#2a2a2a;--muted:#666;--line:#e7e1d9;--accent:#9b785b;--soft:#f7f3ee;--max:1120px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:17px}.container{width:min(92%,var(--max));margin:auto}.narrow{max-width:880px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0}.brand img{width:180px}.main-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.main-nav a{color:#333;padding:8px 2px;font-size:15px;text-transform:uppercase;letter-spacing:.03em}.main-nav a.active{color:var(--accent);font-weight:700}.nav-toggle{display:none;background:none;border:0;font-size:28px}.hero-home{background:var(--bg)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:56px 0}.eyebrow{font-size:30px;font-weight:700;margin:0 0 10px}.event-box{background:#fff;border:1px solid var(--line);padding:20px;margin-top:26px}.section{padding:56px 0}h1,h2,h3{line-height:1.2;margin:0 0 18px}h1{font-size:42px}h2{font-size:30px;margin-top:20px}h3{font-size:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;margin:34px 0}.two-col.reverse>div:first-child{order:2}.cards,.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.topic-grid{grid-template-columns:repeat(4,1fr)}.cards article,.topic-card{background:var(--soft);border:1px solid var(--line);padding:20px;min-height:92px}.topic-card h3{font-size:18px;margin:0;text-transform:none}.two-column-list{columns:2;column-gap:48px;padding-left:20px}.two-column-list li{break-inside:avoid;margin:0 0 8px}.button,button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:4px;padding:12px 20px;font-weight:700;cursor:pointer}.button:hover,button:hover{text-decoration:none;filter:brightness(.95)}.contact-form{display:grid;gap:16px;margin-top:18px}.contact-form label{display:grid;gap:6px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);padding:12px;font:inherit;background:#fff}.note{font-size:14px;color:var(--muted);background:var(--soft);padding:12px;border-left:4px solid var(--accent)}.site-footer{border-top:1px solid var(--line);background:#faf8f5;padding:28px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.editable{position:relative}@media(max-width:850px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;border-bottom:1px solid var(--line);padding:16px 4%;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero-grid,.two-col{grid-template-columns:1fr}.two-col.reverse>div:first-child{order:0}.topic-grid,.cards{grid-template-columns:1fr 1fr}.two-column-list{columns:1}h1{font-size:34px}.eyebrow{font-size:24px}}@media(max-width:520px){.topic-grid,.cards{grid-template-columns:1fr}.brand img{width:150px}.section{padding:38px 0}}

/* Bestellung von Themen */
.order-form h2{margin-top:34px}.topic-picker{margin:34px 0 8px}.search-label{font-weight:700;margin-bottom:6px;display:block}.topic-search{width:100%;border:1px solid var(--line);padding:12px;font:inherit;background:#fff;margin-bottom:18px}.topic-checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;margin:18px 0 30px}.topic-option{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;background:var(--soft);border:1px solid var(--line);padding:10px 12px;border-radius:4px;min-height:46px}.topic-option input{width:auto!important;margin-top:5px;flex:0 0 auto}.topic-option span{line-height:1.35}.topic-option.is-hidden{display:none!important}#selected-topics{background:#fafafa}.order-form button{margin-top:8px}@media(max-width:850px){.topic-checkbox-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.topic-checkbox-grid{grid-template-columns:1fr}.topic-option{min-height:auto}}

/* v4: Bestellung-Seite an normale Seitenbreite angleichen */
.page-bestellung main,
.page-bestellung .content,
.page-bestellung .page-content {
    width: 100%;
}

.page-bestellung .bestellformular-wrapper,
.page-bestellung .order-wrapper,
.page-bestellung .form-wrapper,
.page-bestellung .bestellung-wrapper,
.page-bestellung .form-container,
.page-bestellung .order-container,
.page-bestellung .narrow-content,
.page-bestellung .content-narrow {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-bestellung form,
.page-bestellung .themes-selector,
.page-bestellung .theme-search,
.page-bestellung .selected-themes {
    max-width: none !important;
    width: 100%;
}

.page-bestellung .theme-grid,
.page-bestellung .themen-grid,
.page-bestellung .checkbox-grid {
    width: 100%;
}

/* v5: Bestellseite exakt auf Standard-Containerbreite wie Konzept/Themen/Kontakt */
.page-bestellung .section > .container {
    max-width: var(--max) !important;
    width: min(92%, var(--max)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-bestellung .section > .container.narrow {
    max-width: var(--max) !important;
}


/* v7: Botpoison-Spamschutz
   Botpoison ergänzt beim Absenden automatisch ein Feld namens "_botpoison".
   Der Formular-Endpunkt muss dieses Token serverseitig mit dem Botpoison Secret Key prüfen. */

/* v11: Mobile Navigation */
.nav-toggle {
  display: none;
  margin: 1rem auto 0;
  padding: 0.7rem 1rem;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  border-radius: 4px;
}

@media (max-width: 768px) {
  header .container,
  .site-header .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  header nav,
  .site-header nav {
    display: none !important;
    width: 100%;
    margin-top: 1rem;
    text-align: center;
  }

  header nav.is-open,
  .site-header nav.is-open {
    display: flex !important;
    flex-direction: column;
    gap: 0.6rem;
  }

  header nav a,
  .site-header nav a {
    display: block;
    padding: 0.55rem 0;
  }

  .nav-toggle {
    display: inline-block;
  }
}

/* v12: Startseite Mobile — Bild zuerst, Text danach; Desktop unverändert */
@media (max-width: 768px) {
  .page-home .hero,
  .page-home .hero .container,
  .page-home .intro,
  .page-home .intro .container,
  .page-home .home-hero,
  .page-home .home-hero .container {
    display: flex;
    flex-direction: column;
  }

  .page-home .hero img,
  .page-home .intro img,
  .page-home .home-hero img,
  .page-home .hero .image,
  .page-home .intro .image,
  .page-home .home-hero .image,
  .page-home .hero-image {
    order: -1;
  }

  .page-home .hero .text,
  .page-home .intro .text,
  .page-home .home-hero .text,
  .page-home .hero-text {
    order: 1;
  }
}