/* =========================================================================
   marrakesch-com-2026 — Reise-/Unterkunfts-Seiten: Marrakesch-Suchbox
   (Monetarisierung via reise.de) + fm720/„Mehr zum Thema"-Restyle.
   Auftraggeber 2026-06-08. Riad-Noir-Palette: Dunkelgrün #1f2e28 + Messing-Gold #b89150.
   NEUE Datei (neuer Pfad) => bustet pagespeed/Gateway-Bundle.
   ========================================================================= */

/* ---------- fm720 Angebots-Teaser an Palette (falls noch TS24-Blau) ---------- */
.section-offers-table .image-content,
.t12 .offer-table-content .image-content { background-color:#1f2e28!important; background-image:none!important; color:#fffdf9!important; border-radius:6px; padding:1.4rem 1.6rem; }
.section-offers-table .image-content .h1,
.section-offers-table .image-content .h1 em,
.section-offers-table .offer-city, .section-offers-table .offer-city li { color:#fffdf9!important; font-style:normal!important; }
.section-offers-table .offer-city li::before, .section-offers-table .icon.ok li::before { color:#b89150!important; }
.section-offers-table .price, .section-offers-table .price .text-nowrap { color:#9a7536!important; font-weight:700; }
.section-offers-table .offer-stars .text-warning { color:#b89150!important; }
.section-offers-table .btn-info, .t12 .btn-info, .table-offer-button .btn-info {
  background-color:#b89150!important; border-color:#9a7536!important; color:#23201a!important; font-weight:700; }
.section-offers-table .btn-info:hover, .table-offer-button .btn-info:hover { background-color:#9a7536!important; border-color:#9a7536!important; color:#fffdf9!important; }

/* ---------- "Mehr zum Thema …" Related-Karten (.child-thumbs-box) ---------- */
.child-thumbs-box { background-color:#fffdf9; border:1px solid #b89150; border-radius:6px; overflow:hidden; box-shadow:0 2px 8px rgba(31,46,40,.10); transition:box-shadow .2s ease, transform .2s ease; }
.child-thumbs-box:hover { box-shadow:0 12px 32px rgba(31,46,40,.16); transform:translateY(-2px); }
.child-thumbs-box img { display:block; width:100%; height:auto; }
.child-thumbs-box a { color:#1f2e28; }
.child-thumbs-box a:hover { color:#9a7536; }
.row.clearfix > span.h3, .container-fluid .row > span.h3 { display:block; color:#1f2e28; font-size:2.4rem; margin:1.2rem 0 .6rem; }

/* =========================================================================
   Marrakesch-Suchbox (.aeg-suchbox) — px-Werte (ts24-Parent 1rem=10px)
   ========================================================================= */
.aeg-suchbox { background:linear-gradient(135deg,#1f2e28 0%,#142019 100%); border:1px solid #2c4339; border-top:3px solid #b89150; border-radius:12px; padding:20px 22px; margin:0 0 26px; box-shadow:0 10px 28px rgba(20,32,25,.22); }
.aeg-suchbox__head { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.aeg-suchbox__title { color:#fffdf9; font-size:23px; line-height:1.2; margin:0; font-weight:700; }
.aeg-suchbox__sub { color:#cdab68; font-size:14px; margin:0; }
.aeg-suchbox form { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; }
.aeg-suchbox__field { display:flex; flex-direction:column; flex:1 1 180px; min-width:150px; }
.aeg-suchbox__field--small { flex:0 1 130px; min-width:110px; }
.aeg-suchbox label { text-transform:uppercase; letter-spacing:.04em; color:#cdab68; font-size:11px; font-weight:600; margin:0 0 5px 2px; }
.aeg-suchbox select { width:100%; appearance:none; -webkit-appearance:none; background:#fffdf9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231f2e28' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #b89150; border-radius:7px; color:#23201a; font-size:15px; padding:11px 32px 11px 12px; cursor:pointer; }
.aeg-suchbox select:focus { outline:none; border-color:#cdab68; box-shadow:0 0 0 3px rgba(184,145,80,.3); }
.aeg-suchbox__btn { flex:0 0 auto; border:0; cursor:pointer; background:#b89150; color:#23201a; font-weight:700; font-size:15px; padding:12px 22px; border-radius:7px; line-height:1.1; transition:background .15s ease, transform .15s ease; }
.aeg-suchbox__btn:hover { background:#9a7536; color:#fffdf9; transform:translateY(-1px); }
.aeg-suchbox__note { color:#9fb0a3; font-size:11.5px; margin:11px 0 0; }
.aeg-suchbox__note a { color:#cdab68; text-decoration:underline; }
@media (max-width:600px){ .aeg-suchbox__field, .aeg-suchbox__field--small{ flex:1 1 100%; } .aeg-suchbox__btn{ width:100%; } }