/* ==========================================================
   CLEANED / IMPROVED CSS (based on your Gemini session)
   Goals:
   - reduce collisions by scoping (template/home/grid/dashboard)
   - remove redundant properties
   - avoid global overrides where risky
   - keep visuals as close as possible to your current result
   ========================================================== */

/* --------------------------
   0) DESIGN TOKENS
   -------------------------- */
:root{
  --c-bg:#f7f7f7;
  --c-card:#fff;
  --c-text:#333;
  --c-text-2:#444;
  --c-muted:#666;
  --c-border:#eaeaea;
  --c-border-2:#eee;

  --c-accent:#f5a623;
  --c-accent-hover:#e09212;
  --c-accent-2:#e6a502;
  --c-honey:#d97706;
  --c-honey-dark:#b45309;

  --shadow-soft:0 4px 12px rgba(0,0,0,.03);
  --shadow-card:0 5px 20px rgba(0,0,0,.05);
  --radius-1:6px;
  --radius-2:8px;
  --radius-3:12px;
}

/* ==========================================================
   1) HEADER
   ========================================================== */
.site-header{
  background:#fff !important;
  position:relative !important;
  width:100% !important;
  border-bottom:1px solid var(--c-border-2) !important;
  z-index:999 !important;
}

.main-navigation a,
.header-navbar__end .hp-icon,
.header-navbar__end a,
.header-navbar__toggle i{
  color:#333 !important;
  text-shadow:none !important;
}

/* Home header overlay (desktop) */
@media (min-width:769px){
  .home .site-header{
    background:transparent !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    border-bottom:none !important;
    box-shadow:none !important;
  }

  .home .site-content{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .home .main-navigation a,
  .home .header-navbar__end .hp-icon,
  .home .header-navbar__end a{
    color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,.5) !important;
  }
}

/* Logo + alte Text-Titel aus */
.custom-logo-link,
.site-logo{
  display:block !important;
  visibility:visible !important;
}
.custom-logo-link img,
.site-logo img{
  max-height:60px !important;
  width:auto !important;
  margin-top:5px !important;
}
.site-title,
.site-description{ display:none !important; }

/* ==========================================================
   2) HERO/TITELBALKEN ENTFERNEN + CONTENT HOCH
   ========================================================== */
.page-header,
header.page-header,
.header-hero,
.hp-page__header,
.hp-page-header{
  display:none !important;
}
.site-content,
.site-content > .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* ==========================================================
   3) DETAILSEITE (IMKER)
   ========================================================== */
.hp-template .wp-block-column{
  background:var(--c-card);
  border:1px solid #e6e6e6;
  border-radius:var(--radius-3);
  box-shadow:0 4px 20px rgba(0,0,0,.05);
  padding:40px !important;
  margin-bottom:20px;
}

.hp-listing__images{
  height:350px !important;
  margin:25px 0 30px !important;
  border-radius:var(--radius-2);
  overflow:hidden;
  background:#f5f5f5;
}
.hp-listing__images img{
  height:100% !important;
  width:100% !important;
  object-fit:cover !important;
}

.hp-listing__location{
  color:var(--c-muted);
  margin-bottom:0 !important;
}
.hp-listing__description{
  font-size:1.15rem !important;
  line-height:1.8 !important;
  color:var(--c-text-2);
}

/* Hide contact/actions only on listing detail templates (safer) */
.hp-template .hp-listing__contacts,
.hp-template .hp-listing__actions--secondary{
  display:none !important;
}

/* (Avoid global collisions: title styling only within listing context) */
.hp-template .hp-listing__title{
  font-size:2.2rem !important;
  font-weight:700 !important;
  color:#222;
  margin-bottom:5px !important;
  line-height:1.2 !important;
}

/* ==========================================================
   4) STARTSEITE SUCHE
   ========================================================== */
form.hp-form--listing-search{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

form.hp-form--listing-search .hp-form__fields{
  display:flex !important;
  gap:10px !important;
}

/* Keyword-Feld weg */
form.hp-form--listing-search .hp-form__field--keyword{
  display:none !important;
}

/* Fallback: erstes Feld verstecken */
form.hp-form--listing-search .hp-form__fields > div:first-child{
  display:none !important;
  width:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border:none !important;
}

form.hp-form--listing-search .hp-form__field--location{
  flex-grow:1 !important;
  margin:0 !important;
  border:none !important;
}

form.hp-form--listing-search input[type="text"],
form.hp-form--listing-search input[type="search"]{
  background:#fff !important;
  border-radius:4px !important;
  color:var(--c-text) !important;
  height:50px !important;
  border:none !important;
}

form.hp-form--listing-search button{
  margin-top:0 !important;
  height:50px !important;
  border-radius:4px !important;
}

/* ==========================================================
   5) GRID CARDS (Startseite + Ergebnisseite) – SINGLE SOURCE
   Gilt für: .hp-listings.hp-grid (dein echtes DOM)
   ========================================================== */

.hp-listings.hp-grid article.hp-listing{
  height:100% !important;
  border:1px solid var(--c-border-2) !important;
  border-radius:var(--radius-3) !important;
  box-shadow:var(--shadow-soft) !important;
  overflow:hidden !important;
  background:var(--c-card) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
  display:flex !important;
  flex-direction:column !important;
}

.hp-listings.hp-grid article.hp-listing:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.08) !important;
}

.hp-listings.hp-grid article.hp-listing .hp-listing__image img{
  width:100% !important;
  height:200px !important;
  object-fit:cover !important;
  display:block !important;
  border-bottom:1px solid #f0f0f0 !important;
}

.hp-listings.hp-grid article.hp-listing .hp-listing__content{
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  flex-grow:1 !important;
}

.hp-listings.hp-grid article.hp-listing .hp-listing__title{
  font-size:1.05rem !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  margin-bottom:6px !important;
  color:#222 !important;

  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Standort-Zeile kommt in HivePress Suchkarten i.d.R. aus .hp-listing__details */
.hp-listings.hp-grid article.hp-listing .hp-listing__details{
  display:block !important;
  font-size:.9rem !important;
  color:var(--c-muted) !important;
  margin-top:auto !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Optional: Datum/Meta ausblenden (Standort bleibt) */
.hp-listings.hp-grid article.hp-listing .hp-listing__details small,
.hp-listings.hp-grid article.hp-listing .hp-listing__details .hp-text--muted{
  display:none !important;
}

/* Footer & Beschreibung raus (Search Cards) */
.hp-listings.hp-grid article.hp-listing .hp-listing__footer,
.hp-listings.hp-grid article.hp-listing .hp-listing__description{
  display:none !important;
}

/* ==========================================================
   6) TRUST BAR + SPACING
   ========================================================== */
.wp-block-cover{ margin-bottom:0 !important; }

.trust-bar{
  background:#fffbf0;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:40px 0 60px !important;
  border-bottom:none !important;
}
.trust-bar p:first-child{
  font-size:2.5rem !important;
  margin-bottom:0 !important;
  line-height:1;
}
.trust-bar h4{
  margin:10px 0 5px !important;
  color:#cc8e35;
  text-transform:uppercase;
  font-size:.9rem !important;
  letter-spacing:1px;
}
.trust-bar p:last-child{
  font-size:.95rem;
  color:var(--c-muted);
  max-width:80%;
  margin:0 auto;
}
@media (max-width:768px){
  .trust-bar .wp-block-column{ margin-bottom:30px !important; }
}

/* ==========================================================
   7) LAYOUT / CUSTOM
   ========================================================== */
.container{ max-width:1300px !important; }
@media (min-width:1400px){
  .container{ max-width:1400px !important; }
}

.mein-raster{
  max-width:1300px !important;
  margin:0 auto !important;
  width:100% !important;
  padding:0 20px !important;
  display:block !important;
}
.mein-raster img{
  height:220px !important;
  width:100% !important;
  object-fit:cover !important;
  border-radius:12px 12px 0 0 !important;
}
.meine-ueberschrift{
  text-align:center !important;
  max-width:1300px !important;
  margin:0 auto !important;
  display:block !important;
  color:var(--c-text) !important;
}

.imker-section{
  background:var(--c-bg) !important;
  padding:60px 0 !important;
}
.hp-listings{ margin-top:0 !important; }

/* Avoid global h2 override – scope instead */
.imker-section h2{ margin-top:0 !important; }

/* Anschluss-Hack (falls genutzt) */
.mein-footer{
  margin-top:-30px !important;
  position:relative;
  z-index:5;
}

/* ==========================================================
   8) MENÜ AUSBLENDEN
   ========================================================== */
.hp-menu__item--listing-submit,
.site-header .hp-listing-submit-button,
.hp-menu__item--user-login,
.hp-menu--site-header .hp-menu__item--user-account{
  display:none !important;
}

/* ==========================================================
   9) ADD LISTING FORM (SUBMIT)
   ========================================================== */
.hp-template--listing-submit-details-page,
.hp-template--listing-submit-page{
  background:var(--c-bg) !important;
}

.hp-template--listing-submit-page form.hp-form--listing-submit,
.hp-template--listing-submit-details-page form.hp-form--listing-submit{
  max-width:800px !important;
  margin:40px auto !important;
  background:var(--c-card) !important;
  padding:50px !important;
  border-radius:var(--radius-3) !important;
  box-shadow:var(--shadow-card) !important;
  border:1px solid var(--c-border) !important;
}

.hp-template--listing-submit-page form.hp-form--listing-submit input[type="text"],
.hp-template--listing-submit-page form.hp-form--listing-submit input[type="email"],
.hp-template--listing-submit-page form.hp-form--listing-submit textarea,
.hp-template--listing-submit-page form.hp-form--listing-submit select,
.hp-template--listing-submit-details-page form.hp-form--listing-submit input[type="text"],
.hp-template--listing-submit-details-page form.hp-form--listing-submit input[type="email"],
.hp-template--listing-submit-details-page form.hp-form--listing-submit textarea,
.hp-template--listing-submit-details-page form.hp-form--listing-submit select{
  background:#fcfcfc !important;
  border:1px solid #ddd !important;
  border-radius:var(--radius-1) !important;
  padding:12px 15px !important;
  font-size:16px !important;
  color:var(--c-text) !important;
}

.hp-template--listing-submit-page form.hp-form--listing-submit input:focus,
.hp-template--listing-submit-page form.hp-form--listing-submit textarea:focus,
.hp-template--listing-submit-page form.hp-form--listing-submit select:focus,
.hp-template--listing-submit-details-page form.hp-form--listing-submit input:focus,
.hp-template--listing-submit-details-page form.hp-form--listing-submit textarea:focus,
.hp-template--listing-submit-details-page form.hp-form--listing-submit select:focus{
  border-color:var(--c-accent) !important;
  background:#fff !important;
  box-shadow:0 0 0 2px rgba(245,166,35,.1) !important;
  outline:none !important;
}

.hp-template--listing-submit-page form.hp-form--listing-submit label.hp-field__label,
.hp-template--listing-submit-details-page form.hp-form--listing-submit label.hp-field__label{
  font-weight:700 !important;
  font-size:.9rem !important;
  color:var(--c-text-2) !important;
  margin-bottom:8px !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
}

/* Page title handling */
.hp-template--listing-submit-page .hp-page__title{
  display:none !important;
}
.hp-template--listing-submit-details-page .hp-page__title{
  text-align:center !important;
  margin:40px 0 20px !important;
  font-weight:800 !important;
  color:var(--c-text) !important;
  font-size:2.5rem !important;
}

.hp-template--listing-submit-page form.hp-form--listing-submit button[type="submit"],
.hp-template--listing-submit-details-page form.hp-form--listing-submit button[type="submit"]{
  width:100% !important;
  background:var(--c-accent) !important;
  color:#fff !important;
  font-weight:700 !important;
  padding:15px !important;
  border-radius:var(--radius-1) !important;
  font-size:1.1rem !important;
  margin-top:20px !important;
  border:none !important;
}
.hp-template--listing-submit-page form.hp-form--listing-submit button[type="submit"]:hover,
.hp-template--listing-submit-details-page form.hp-form--listing-submit button[type="submit"]:hover{
  background:var(--c-accent-hover) !important;
}

@media (max-width:600px){
  .hp-form__field--checkboxes .hp-field__options{
    grid-template-columns:1fr !important;
  }
  .hp-template--listing-submit-page form.hp-form--listing-submit,
  .hp-template--listing-submit-details-page form.hp-form--listing-submit{
    padding:20px !important;
  }
}

/* Intro box in submit form */
.imker-intro-box{
  background-color:#fcf8e3;
  border-left:5px solid var(--c-accent-2);
  padding:20px;
  margin-bottom:30px;
  border-radius:4px;
}
.imker-intro-box ul{
  padding-left:20px;
  margin-top:10px;
}
.imker-intro-box h3{
  font-size:1.8rem !important;
  font-weight:800 !important;
  color:var(--c-honey) !important;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:15px !important;
  text-shadow:1px 1px 0 rgba(255,255,255,.5);
}

/* ==========================================================
   10) DASHBOARD: ELEGANT & BÜNDIG (scoped to account page)
   ========================================================== */
.hp-template--user-account-page{
  background-color:#f3f4f6 !important;
}

/* Sidebar */
.hp-template--user-account-page .hp-menu--user-account{
  background:#fff !important;
  border-radius:var(--radius-2) !important;
  padding:10px !important;
  box-shadow:0 2px 15px rgba(0,0,0,0.03) !important;
  border:none !important;
}

/* Links */
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item a{
  display:block !important;
  padding:12px 20px !important;
  border-radius:var(--radius-1) !important;
  color:var(--c-muted) !important;
  font-weight:500 !important;
  text-decoration:none !important;
  transition:all .2s ease !important;
  border-left:3px solid transparent !important;
}

.hp-template--user-account-page .hp-menu--user-account .hp-menu__item a:hover{
  background-color:#fffbf0 !important;
  color:var(--c-honey) !important;
}

/* Active button */
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item--active a,
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item--current a,
.hp-template--user-account-page .hp-menu--user-account .current-menu-item a{
  background-color:#fff8e1 !important;
  color:var(--c-honey-dark) !important;
  font-weight:700 !important;
  border-left:3px solid var(--c-accent-2) !important;
  box-shadow:none !important;
}

/* Remove arrows/icons in sidebar */
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item::before,
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item a::before,
.hp-template--user-account-page .hp-menu--user-account .hp-menu__item a i{
  display:none !important;
  content:none !important;
}

/* Page title on dashboard (scoped) */
.hp-template--user-account-page .hp-page__title{
  font-size:2rem !important;
  font-weight:700 !important;
  color:#1f2937 !important;
  margin-bottom:30px !important;
  text-align:left !important;
  text-transform:none !important;
  border:none !important;
}
.hp-template--user-account-page .hp-page__title::before{ display:none !important; }

/* Listing card on dashboard (scoped) */
.hp-template--user-account-page .hp-listing{
  background:#fff !important;
  border-radius:var(--radius-2) !important;
  border:none !important;
  border-left:4px solid var(--c-accent-2) !important;
  box-shadow:0 2px 10px rgba(0,0,0,0.04) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:0 !important;
  overflow:hidden;
}

/* Text part */
.hp-template--user-account-page .hp-listing__content{
  padding:20px 25px !important;
}
.hp-template--user-account-page .hp-listing__title{
  font-size:1.2rem !important;
  font-weight:700 !important;
  color:var(--c-text) !important;
  margin-bottom:4px !important;
}
.hp-template--user-account-page .hp-listing__details{
  font-size:.85rem !important;
  color:#9ca3af !important;
}

/* Actions part */
.hp-template--user-account-page .hp-listing__actions{
  background:#fafafa !important;
  border-left:1px solid #f3f4f6 !important;
  height:100% !important;
  padding:0 20px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:90px;
}

.hp-template--user-account-page .hp-listing__actions a{
  width:40px;
  height:40px;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#6b7280 !important;
  transition:all .2s !important;
}
.hp-template--user-account-page .hp-listing__actions a:hover{
  border-color:var(--c-accent-2) !important;
  color:var(--c-accent-2) !important;
  background:#fff !important;
  transform:translateY(-2px);
}

/* Intro box on dashboard */
.dashboard-intro-box{
  background-color:#fff !important;
  border:1px solid #e2e8f0 !important;
  border-left:5px solid var(--c-accent-2) !important;
  padding:25px 30px !important;
  margin-top:20px !important;
  margin-bottom:35px !important;
  border-radius:var(--radius-2) !important;
  box-shadow:0 2px 4px rgba(0,0,0,0.03) !important;
  color:#4b5563 !important;
  font-size:1rem !important;
  line-height:1.6 !important;
}
.dashboard-intro-box::after{
  display:none !important;
  content:none !important;
}
.dashboard-intro-box strong{
  color:var(--c-honey) !important;
  font-weight:700 !important;
}

/* ==========================================================
   11) EDIT PAGE (Listing Edit) - aligned with submit design
   ========================================================== */
.hp-template--listing-edit-page,
.hp-template--listing-edit-page .site-content,
.hp-template--listing-edit-page .hp-page{
  background-color:var(--c-bg) !important;
}

.hp-template--listing-edit-page .hp-page__content{
  background:#fff !important;
  max-width:800px !important;
  margin:40px auto !important;
  padding:50px !important;
  border-radius:var(--radius-3) !important;
  border:1px solid var(--c-border) !important;
  box-shadow:var(--shadow-card) !important;
}

.hp-template--listing-edit-page input[type="text"],
.hp-template--listing-edit-page input[type="email"],
.hp-template--listing-edit-page input[type="number"],
.hp-template--listing-edit-page textarea,
.hp-template--listing-edit-page select{
  background:#fcfcfc !important;
  border:1px solid #ddd !important;
  border-radius:var(--radius-1) !important;
  padding:12px 15px !important;
  font-size:16px !important;
  color:var(--c-text) !important;
  width:100% !important;
  box-shadow:none !important;
}

.hp-template--listing-edit-page input:focus,
.hp-template--listing-edit-page textarea:focus,
.hp-template--listing-edit-page select:focus{
  border-color:var(--c-accent) !important;
  background:#fff !important;
  box-shadow:0 0 0 2px rgba(245,166,35,.1) !important;
  outline:none !important;
}

.hp-template--listing-edit-page label.hp-field__label{
  font-weight:700 !important;
  font-size:.9rem !important;
  color:var(--c-text-2) !important;
  margin-bottom:8px !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  display:block !important;
}

.hp-template--listing-edit-page .hp-page__title{
  text-align:center !important;
  margin:40px 0 30px !important;
  font-weight:800 !important;
  color:var(--c-text) !important;
  font-size:2.2rem !important;
}

.hp-template--listing-edit-page button[type="submit"]{
  width:100% !important;
  background:var(--c-accent) !important;
  color:#fff !important;
  font-weight:700 !important;
  padding:15px !important;
  border-radius:var(--radius-1) !important;
  font-size:1.1rem !important;
  margin-top:20px !important;
  border:none !important;
}
.hp-template--listing-edit-page button[type="submit"]:hover{
  background:var(--c-accent-hover) !important;
}

@media (max-width:600px){
  .hp-template--listing-edit-page .hp-page__content{
    padding:20px !important;
    margin:20px 10px !important;
  }
}

/* ==========================================================
   12) HEADER MENÜ FIX (Links-bündig + Hover-Brücke)
   ========================================================== */
.site-header .hp-menu__item--user-account > ul,
.site-header .hp-menu__item--user-account .hp-menu__level,
.header-navbar__end .sub-menu{
  right:0 !important;
  left:auto !important;
  min-width:220px !important;
  margin-top:15px !important;
  border-radius:var(--radius-2) !important;
  box-shadow:0 4px 15px rgba(0,0,0,0.1) !important;
  overflow: visible !important;
}

/* Unsichtbare Brücke */
.site-header .hp-menu__item--user-account > ul::after,
.header-navbar__end .sub-menu::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -20px !important;
  left: 0 !important;
  width: 100% !important;
  height: 25px !important;
  background: transparent !important;
  z-index: 1000 !important;
}

/* Deko-Pfeil */
.site-header .hp-menu__item--user-account > ul::before{
  right:20px !important;
  left:auto !important;
}

/* =========================================
   SETTINGS PAGE FIX (FORMULAR-ZIELSUCHE)
   ========================================= */

/* 1. Hintergrund der Seite grau machen */
body.hp-template--user-settings-page {
  background-color: var(--c-bg) !important;
}

/* 2. DAS FORMULAR ALS WEISSE KARTE */
form.hp-form--user-update {
  background: var(--c-card) !important;
  padding: 40px !important;
  border-radius: var(--radius-3) !important;
  border: 1px solid var(--c-border) !important;
  box-shadow: var(--shadow-card) !important;
  margin-top: 20px !important;
}

/* 3. INPUT FELDER */
form.hp-form--user-update input[type="text"],
form.hp-form--user-update input[type="email"],
form.hp-form--user-update input[type="password"],
form.hp-form--user-update textarea {
  background: #fcfcfc !important;
  border: 1px solid #ddd !important;
  border-radius: var(--radius-1) !important;
  padding: 12px 15px !important;
  font-size: 16px !important;
  color: var(--c-text) !important;
  width: 100% !important;
}

/* Fokus */
form.hp-form--user-update input:focus,
form.hp-form--user-update textarea:focus {
  border-color: var(--c-accent) !important;
  background: var(--c-card) !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,.1) !important;
  outline: none !important;
}

/* 4. LABELS */
form.hp-form--user-update label.hp-field__label {
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  color: #555 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* 5. BUTTON */
form.hp-form--user-update button[type="submit"] {
  background: var(--c-accent) !important;
  color: #fff !important;
  font-weight: bold !important;
  width: 100% !important;
  padding: 15px !important;
  border-radius: var(--radius-1) !important;
  border: none !important;
  font-size: 1.1rem !important;
  margin-top: 20px !important;
}
form.hp-form--user-update button[type="submit"]:hover {
  background: var(--c-accent-hover) !important;
}

/* 6. PROFILBILD UPLOAD BUTTON */
form.hp-form--user-update .hp-field--image button {
  background: #f0f0f0 !important;
  color: var(--c-text) !important;
  border: 1px solid #ccc !important;
  width: auto !important;
  padding: 8px 15px !important;
}

/* 7. TITEL */
.hp-template--user-settings-page .hp-page__title {
  font-size: 2rem !important;
  margin-bottom: 10px !important;
  color: var(--c-text) !important;
  text-align: left !important;
}

/* ===================== SUCHE: POP-UP EFFEKT ===================== */
form.hp-form--listing-search input[type="text"],
form.hp-form--listing-search input[type="search"] {
  box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
  border: 1px solid rgba(255,255,255,0.8) !important;
  transform: translateY(0);
  transition: all 0.3s ease !important;
}
form.hp-form--listing-search input[type="text"]:hover,
form.hp-form--listing-search input[type="search"]:hover,
form.hp-form--listing-search input[type="text"]:focus,
form.hp-form--listing-search input[type="search"]:focus {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,0.25) !important;
}
form.hp-form--listing-search button {
  box-shadow: 0 8px 20px rgba(245, 166, 35, 0.4) !important;
  transition: all 0.3s ease !important;
}
form.hp-form--listing-search button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 25px rgba(245, 166, 35, 0.6) !important;
}

/* HERO Secondary CTA */
.hero-secondary-cta{
  margin-top: 10px;
  text-align: center;
}
.hero-secondary-cta__link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  backdrop-filter: blur(6px);
}
.hero-secondary-cta__link:hover{
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.4);
  text-decoration: none;
}
.hero-secondary-microcopy{
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255,255,255,.85);
  text-align: center;
}

.hp-hero .hp-button,
.hp-hero .button,
.hero-primary-cta {
  background-color: #f5b301;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

.imker-cta-microcopy{
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(255,255,255,.9);
  text-align: center;
}

/* Unterer CTA – Textfarbe korrigieren */
.imker-final-cta .imker-cta-microcopy{
  color: #444 !important;
}
.imker-final-cta-microcopy div{
  color: #444 !important;
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}

/* NUR beim Bild-Feld (attachment-upload) das "(optional)" ausblenden */
.hp-form__field--attachment-upload > label.hp-field__label > small {
  display: none !important;
}

/* NUR Sidebar (Ergebnisseite): echte leere Container entfernen */
.hp-page__sidebar :is(div,section,aside,article,figure,nav,ul,ol):empty{
  display:none !important;
}


/* =========================================
   STARTSEITE: NUR DROPDOWN KONTRAST
   ========================================= */

.home .site-header .sub-menu,
.home .site-header .hp-menu__level{
  background:rgba(20,20,20,.92) !important;
  backdrop-filter:blur(6px);
  border:none !important;
}

/* Dropdown-Links hell */
.home .site-header .sub-menu a,
.home .site-header .hp-menu__level a{
  color:#ffffff !important;
}

/* Hover */
.home .site-header .sub-menu a:hover{
  background:rgba(255,255,255,.12) !important;
}

/* ==========================================================
   IMKER STELLEN SICH VOR – Query Loop Grid Styling
   Voraussetzung: Query Loop Block hat CSS-Klasse "imker-grid"
   ========================================================== */

/* Grid: Spalten + Abstand */
.imker-grid ul.wp-block-post-template.is-layout-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Responsive */
@media (max-width: 1100px){
  .imker-grid ul.wp-block-post-template.is-layout-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 650px){
  .imker-grid ul.wp-block-post-template.is-layout-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Card */
.imker-grid li.wp-block-post{
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.imker-grid li.wp-block-post:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

/* WICHTIG: Deine "Gruppe" im Template hat inline padding:30px -> das killt Karten-Layout.
   Wir setzen die äußere Gruppe in der Card auf 0 und machen Padding nur im Textbereich. */
.imker-grid li.wp-block-post > .wp-block-group{
  padding: 0 !important;
  margin: 0 !important;
}

/* Featured Image */
.imker-grid figure.wp-block-post-featured-image{
  margin: 0 !important;
}
.imker-grid figure.wp-block-post-featured-image img{
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Title */
.imker-grid h2.wp-block-post-title{
  margin: 16px 18px 8px !important;
  line-height: 1.15 !important;
  font-size: 1.45rem !important;
}
.imker-grid h2.wp-block-post-title a{
  color: inherit !important;
  text-decoration: none !important;
}
.imker-grid h2.wp-block-post-title a:hover{
  text-decoration: none !important;
}

/* Excerpt */
.imker-grid .wp-block-post-excerpt{
  margin: 0 18px 18px !important;
  color: #666 !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
}

/* Excerpt auf 2 Zeilen begrenzen (optional, wirkt sehr „Grid“) */
.imker-grid .wp-block-post-excerpt__excerpt{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Weiterlesen-Link ausblenden (falls er nervt / leer sein soll) */
.imker-grid .wp-block-post-excerpt__more-link{
  display: none !important;
}



/* Aktuelles – Detailseite (nur wenn Container-Klasse gesetzt ist) */
.aktuelles-detail{
  max-width: 760px;
  margin: 0 auto;
}

/* Überschrift etwas ruhiger + Abstand */
.aktuelles-detail h1,
.aktuelles-detail h2{
  line-height: 1.2;
  margin-top: 0;
}

/* Bild als „Hero“: schön groß, aber nicht riesig */
.aktuelles-detail figure.wp-block-image,
.aktuelles-detail .wp-block-image{
  margin: 22px auto 26px !important;
  max-width: 720px;
}

.aktuelles-detail .wp-block-image img{
  width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 14px;
}

/* Text angenehmer lesbar */
.aktuelles-detail p{
  font-size: 1.05rem;
  line-height: 1.8;
}

/* TIPPS: Grid-Bilder vereinheitlichen (nur im Query-Loop mit Klasse tipps-grid) */
.tipps-grid figure.wp-block-post-featured-image,
.tipps-grid .wp-block-post-featured-image{
  margin: 0 !important;
}

.tipps-grid figure.wp-block-post-featured-image img,
.tipps-grid .wp-block-post-featured-image img,
.tipps-grid img.wp-post-image{
  width: 100% !important;
  height: 220px !important;     /* ggf. 200/240 anpassen */
  object-fit: cover !important;
  display: block !important;
}
/* TIPPS: Karten wieder rund + sauberer Rahmen */
.tipps-grid li.wp-block-post{
  border-radius: 12px !important;
  overflow: hidden !important;          /* wichtig: damit das Bild die Rundung übernimmt */
  border: 1px solid #eee !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important;
}

/* Bild oben: Rundung “oben” erzwingen (falls Theme was überschreibt) */
.tipps-grid figure.wp-block-post-featured-image img,
.tipps-grid .wp-block-post-featured-image img,
.tipps-grid img.wp-post-image{
  border-radius: 12px 12px 0 0 !important;
}
/* TIPPS: Textauszug auf 3 Zeilen begrenzen */
.tipps-grid .wp-block-post-excerpt__excerpt{
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}


.sanfte-cta a {
  color: #b45309;        /* dunkler Honigton */
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sanfte-cta a:hover {
  text-decoration: none;
}

/* ===================== GLOBALER BILDER-FIX (DESKTOP & MOBIL) ===================== */

/* 1. Die "Schere" (Abschneiden) überall entfernen */
.hp-template .wp-block-column,
.hp-listing--view-page .hp-page__content,
.hp-listing__description,
.hp-listing__content {
    overflow: visible !important;
    overflow-x: visible !important;
}

/* 2. Container (Rahmen um das Bild) flexibel machen */
.hp-listing__description figure,
.hp-listing__description .wp-block-image,
.hp-listing__content figure,
.hp-listing__content .wp-block-image {
    max-width: 100% !important;
    margin: 0 auto 15px !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 3. Bilder zwingen, sich korrekt zu skalieren */
.hp-listing__description img:not(.emoji),
.hp-listing__content img:not(.emoji),
.hp-listing__attributes img:not(.emoji) {
    max-width: 100% !important;  /* Bild stoppt am Rand des Textes */
    width: 100% !important;      /* Zwingt große Bilder zum Schrumpfen */
    height: auto !important;     /* Hält die Proportionen (kein Verzerren) */
    object-fit: contain !important; /* Garantiert, dass alles sichtbar ist */
    border-radius: 8px !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 4. Auf dem Handy nur noch den extremen Innenabstand reduzieren */
@media (max-width: 768px) {
    .hp-template .wp-block-column,
    .hp-listing--view-page .hp-page__content {
        padding: 15px !important; 
    }
}








.bh-regions-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
}
.bh-country-label {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #666;
    background: #f7f7f7; /* Ganz heller Grauton */
    padding: 3px 10px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 12px;
}

/* Optional: Falls dich der Text "Noch keine Landkreise angelegt" stört, 
kannst du ihn mit diesem Code auch einfach komplett ausblenden: */
.bh-empty-note {
    display: none;
}
.bh-region-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: box-shadow 0.3s ease;
}

.bh-region-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.bh-region-card h3 {
    margin-top: 0;
    font-size: 1.2rem;
    color: #333;
    border-bottom: 2px solid #ffce00; /* Bienen-Gelb */
    padding-bottom: 10px;
}

.bh-region-card h3 a {
    text-decoration: none;
    color: inherit;
}

.bh-region-card ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    column-count: 1; /* Bei sehr vielen Kreisen kann man hier 2 draus machen */
}

.bh-region-card li {
    margin-bottom: 5px;
    font-size: 0.9rem;
}

.bh-region-card li a {
    text-decoration: none;
    color: #666;
}

.bh-region-card li a:hover {
    color: #ffce00;
}