/* ============================================================================
   fewo-info.de · Modern Look & Feel 2026 — Suchergebnisse
   Ergänzt fewoinfo-2026-modern.css
   ============================================================================ */
:root{--c-green-700:#4a9e22;}

/* Main leicht in den Hero ziehen */
main{position:relative;z-index:3;margin-top:-36px;}
@media (min-width:768px){main{margin-top:-48px;}}
@media (min-width:992px){main{margin-top:-56px;}}

/* Mobile: negative margin aus, Abstand unter Hero bleibt im Kern-CSS */
@media (max-width:767px){
  main{margin-top:0!important;}
}

/* Trefferzahl */
h3.colorblue.counthead, .ajaxinhalt > h3.colorblue{font-weight:800!important;font-size:20px;margin:0 0 18px;}
.countResult{color:var(--c-green-700);}

/* Ergebnis-Card */
article.resultbox{margin-bottom:6px;}
.reslist article.resultbox:first-child{margin-top:0!important;}
article.resultbox .articlebody{padding:14px!important;transition:transform var(--t),box-shadow var(--t);cursor:pointer;}
article.resultbox .articlebody:hover{transform:translateY(-2px);box-shadow:var(--shL);}
article.resultbox .articlebody > .row{display:flex;align-items:stretch;flex-wrap:wrap;}
article.resultbox .col-sm-4{display:flex;}
article.resultbox .imagewrapper{border-radius:11px;overflow:hidden;width:100%;min-height:190px;}
article.resultbox .imagewrapper img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;transition:transform .4s ease;}
article.resultbox .articlebody:hover .imagewrapper img{transform:scale(1.04);}
article.resultbox h3{margin:2px 0 4px;font-size:18px;font-weight:700;line-height:1.4;}
article.resultbox h3 a{color:var(--c-ink);}article.resultbox h3 a:hover{color:var(--c-blue);}
article.resultbox h4{font-size:13px;font-weight:600;color:var(--c-blue);margin:0 0 6px;}
article.resultbox .equipment ul li{color:var(--c-muted);font-size:12px;line-height:1.5;}
article.resultbox .equipment .numbers{color:var(--c-ink);font-weight:700;font-size:15px;margin:0;}
/* "Haustiere: ja" als ruhiger Text statt grünem Badge */
article.resultbox .equipment li.special{background:transparent!important;background-image:none!important;color:var(--c-muted)!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px;}
article.resultbox .equipment li.special .numbers{color:var(--c-green-700)!important;background:transparent!important;}
article.resultbox p{color:var(--c-muted);font-size:13.5px;}
article.resultbox .colordiscount{color:var(--c-green-700);font-weight:700;}
article.resultbox .btn-primary{padding:9px 18px;}

/* Filter-Sidebar: "Suche anpassen" als blaue Kopfleiste wie auf der Startseite */
.searchfilter{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:14px!important;box-shadow:var(--sh)!important;overflow:hidden!important;}
.searchfilter > header{display:block!important;width:100%!important;background:var(--c-blue)!important;background-image:none!important;color:#fff!important;margin:0!important;padding:12px 18px!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;min-height:0!important;height:auto!important;}
.searchfilter > header h4{color:#fff!important;margin:0!important;font-weight:700!important;font-size:15px!important;}
.searchfilter > .articlebody{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:18px!important;}
.searchfilter h3{font-size:14px;font-weight:700;color:var(--c-ink);margin:0 0 10px;}
.btn-numberbox{border:1px solid var(--c-line-2)!important;background:#fff!important;color:var(--c-ink)!important;border-radius:8px!important;min-width:40px;font-weight:700;}
.btn-numberbox.active{background:var(--c-blue)!important;border-color:var(--c-blue)!important;color:#fff!important;}
.btn-checkbox{border:1px solid var(--c-line-2)!important;background:#fff!important;border-radius:6px!important;color:#fff!important;}
.btn-checkbox.active{background:var(--c-green)!important;border-color:var(--c-green)!important;}
.btn-checkbox .fa-check{color:#fff;}
.list-checkbox li{color:var(--c-ink);font-size:14px;margin-bottom:6px;}
.slider-selection{background:var(--c-green)!important;background-image:none!important;}
.slider-handle{background:#fff!important;background-image:none!important;border:2px solid var(--c-green-600);box-shadow:var(--sh);}
.slider-track{box-shadow:none!important;}
#preiswocheVal{color:var(--c-blue);font-weight:700;}

/* Pagination + Listen/Karten-Switcher + Sortierung */
.pagination>li>a,.pagination>li>span{color:var(--c-blue);border-color:var(--c-line-2);}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--c-blue)!important;border-color:var(--c-blue)!important;color:#fff!important;}
/* Außenecken abgerundet wie das Select-Feld (9px) – betrifft auch den View-Switcher */
.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:9px!important;border-bottom-left-radius:9px!important;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:9px!important;border-bottom-right-radius:9px!important;}
.sortfilter .box{border:1px solid var(--c-line-2);border-radius:9px;background:#fff;padding:7px 12px;width:100%;min-width:220px;max-width:100%;box-sizing:border-box;font-size:15px;}
.sortfilter .inline-form{width:100%;}

/* Tablet portrait: filter sidebar hidden, results full width */
@media (max-width:991px){
  #sectionResults > aside{display:none!important;}
  #sectionResults > .col-md-9{width:100%!important;max-width:100%!important;float:none!important;}
}

/* Stacked result cards (≤768px / tablet portrait and below) */
@media (max-width:768px){
  /* Card: image on top, content below */
  article.resultbox .articlebody > .row{
    flex-direction:column!important;flex-wrap:wrap!important;align-items:stretch!important;
  }
  article.resultbox .articlebody > .row > [class*="col-sm-4"],
  article.resultbox .articlebody > .row > [class*="col-md-4"]{
    width:100%!important;max-width:100%!important;flex:0 0 auto!important;
    padding:0 15px!important;margin-bottom:14px!important;box-sizing:border-box!important;
  }
  article.resultbox .articlebody > .row > [class*="col-sm-8"],
  article.resultbox .articlebody > .row > [class*="col-md-8"]{
    width:100%!important;max-width:100%!important;flex:1 1 auto!important;
    padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important;
  }
  article.resultbox .imagewrapper{min-height:200px!important;height:auto!important;aspect-ratio:16/10;}
  article.resultbox .imagewrapper img{min-height:200px!important;height:100%!important;}

  /* Title + location full width, then metadata */
  article.resultbox .articlebody > .row > [class*="col-sm-8"] > .row:first-child,
  article.resultbox .articlebody > .row > [class*="col-md-8"] > .row:first-child{
    display:flex!important;flex-wrap:wrap!important;gap:10px 20px!important;margin:0!important;
  }
  article.resultbox .articlebody > .row > [class*="col-sm-8"] > .row:first-child > .col-xs-6,
  article.resultbox .articlebody > .row > [class*="col-md-8"] > .row:first-child > .col-xs-6{
    flex:0 0 100%!important;width:100%!important;max-width:100%!important;
    padding:0!important;text-align:left!important;
  }
  article.resultbox .articlebody > .row > [class*="col-sm-8"] > .row:first-child > .equipment,
  article.resultbox .articlebody > .row > [class*="col-md-8"] > .row:first-child > .equipment{
    flex:1 1 calc(50% - 10px)!important;width:auto!important;max-width:none!important;
    padding:0!important;text-align:left!important;
  }
  article.resultbox .equipment ul{text-align:left!important;}

  /* Description + button */
  article.resultbox .articlebody > .row > [class*="col-sm-8"] > .row:last-child,
  article.resultbox .articlebody > .row > [class*="col-md-8"] > .row:last-child{
    display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;
  }
  article.resultbox .articlebody > .row > [class*="col-sm-8"] > .row:last-child > [class*="col-"],
  article.resultbox .articlebody > .row > [class*="col-md-8"] > .row:last-child > [class*="col-"]{
    width:100%!important;max-width:100%!important;padding:0!important;text-align:left!important;
  }
  article.resultbox .articlebody .btn-primary{width:100%!important;display:block!important;box-sizing:border-box!important;}
}

/* Tablet landscape and up: image left, content right */
@media (min-width:769px){
  article.resultbox .articlebody > .row{display:flex!important;align-items:stretch;flex-wrap:nowrap;margin:0!important;}
  article.resultbox .articlebody > .row > .col-sm-4{display:block!important;padding:0!important;position:static!important;}
  article.resultbox .articlebody > .row > .col-sm-8{padding-left:26px!important;padding-right:0!important;}
}

article.resultbox .imagewrapper{position:static!important;display:block!important;width:100%!important;height:100%!important;min-height:200px;border-radius:11px;overflow:hidden;margin:0!important;}
article.resultbox .imagewrapper img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important;}
article.resultbox h3{font-size:20px!important;margin:2px 0 7px!important;line-height:1.4!important;}
article.resultbox h4{margin:0 0 12px!important;}