/* =========================================================
   Matawow Index Mobile Polish
   Desktop bleibt unangetastet
   ========================================================= */

@media (max-width: 720px){

  :root{
    --mw-content-pad: 12px;
  }

  .mw-index-hero{
    width: calc(100% - 24px) !important;
    margin-top: 10px !important;
    padding-bottom: 8px !important;
  }

  .mw-index-hero__card{
    display: block !important;
    padding: 20px 16px 18px !important;
    border-radius: 24px !important;
    min-height: auto !important;
  }

  .mw-index-hero__eyebrow{
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .mw-index-hero__copy h1{
    font-size: clamp(36px, 11vw, 46px) !important;
    line-height: .98 !important;
    margin-top: 14px !important;
  }

  .mw-index-hero__copy h1 small{
    font-size: clamp(19px, 5.6vw, 24px) !important;
    line-height: 1.12 !important;
    margin-top: 8px !important;
  }

  .mw-index-hero .type-row{
    margin: 8px 0 8px !important;
  }

  .mw-index-hero .type{
    font-size: clamp(23px, 6.8vw, 30px) !important;
    white-space: nowrap !important;
  }

  .mw-index-hero__copy > p{
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    margin-top: 6px !important;
  }

  .mw-index-hero__actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  .mw-index-hero__actions .btn,
  .mw-index-hero__actions .btn-link{
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  .mw-index-hero__trust{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin-top: 14px !important;
  }

  .mw-index-hero__trust span{
    min-height: 30px !important;
    padding: 6px 8px !important;
    font-size: 11.5px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .mw-index-hero__note{
    display: none !important;
  }

  .mw-index-hero__visual{
    margin-top: 16px !important;
  }

  .mw-index-map{
    border-radius: 20px !important;
    padding: 8px !important;
  }

  .mw-index-map__top{
    height: 28px !important;
    padding: 0 8px 6px !important;
  }

  .mw-index-map__top strong{
    font-size: 12px !important;
  }

  .mw-index-map__top small{
    display: none !important;
  }

  .mw-index-map__body,
  .mw-index-map__body img{
    min-height: 210px !important;
  }

  .mw-index-map__search{
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
  }

  .mw-index-map__task,
  .mw-index-map__rating{
    display: none !important;
  }

  .ticker-section{
    margin: 6px auto 18px !important;
  }

  .mw-why-section{
    padding: 10px 0 18px !important;
  }

  .mw-section-head h2,
  .demo-head h2,
  .section-title,
  .final-cta .section-title{
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.08 !important;
  }

  .mw-section-head p,
  .demo-head p,
  .fairness-intro,
  .final-cta__pane p{
    font-size: 14.5px !important;
    line-height: 1.5 !important;
  }

  .mw-why-grid{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .mw-why-card{
    min-height: auto !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .mw-why-card span{
    margin-bottom: 8px !important;
  }

  .mw-why-card p{
    font-size: 13.5px !important;
  }

  .task-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .task-card{
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .task-card:nth-child(n+4){
    display: none !important;
  }

  .features-wrap .features{
    grid-template-columns: 1fr !important;
  }

  .features-wrap .feature{
    padding: 14px 15px !important;
  }

  .fairness{
    padding: 6px 0 24px !important;
  }

  .fairness-grid{
    gap: 10px !important;
  }

  .fair-card{
    padding: 15px !important;
    border-radius: 18px !important;
  }

  .final-cta{
    margin-bottom: 32px !important;
  }

  .final-cta__pane{
    padding: 24px 18px 22px !important;
    border-radius: 22px !important;
  }

  .final-cta__trust{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 18px 0 20px !important;
  }

  .final-cta__actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .final-cta__actions .btn{
    width: 100% !important;
  }
}

@media (max-width: 390px){
  .mw-index-hero{
    width: calc(100% - 20px) !important;
  }

  .mw-index-hero__card{
    padding: 18px 14px 16px !important;
  }

  .mw-index-hero__trust{
    grid-template-columns: 1fr !important;
  }

  .mw-index-map__body,
  .mw-index-map__body img{
    min-height: 190px !important;
  }
}

/* =========================================================
   INDEX MOBILE STORY – kompakte Mobile-Landing
   Desktop bleibt unangetastet
   ========================================================= */

.mw-mobile-story{
  display:none;
}

@media (max-width:720px){

  .mw-why-section,
  .demo-tasks-anchor,
  .fairness,
  .features-wrap{
    display:none !important;
  }

  .mw-mobile-story{
    display:block;
    padding:10px 12px 20px;
  }

  .mw-mobile-story__inner{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.055);
    box-shadow:0 18px 50px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
    border-radius:22px;
    padding:20px 16px 18px;
  }

  .mw-mobile-story__kicker{
    margin:0 0 8px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#8fe7ff;
  }

  .mw-mobile-story h2{
    margin:0;
    font:900 clamp(25px,7.5vw,34px)/1.06 Poppins;
    letter-spacing:-.03em;
    color:#f4f8ff;
  }

  .mw-mobile-story__intro{
    margin:10px 0 14px;
    color:var(--muted);
    font-size:14.5px;
    line-height:1.5;
  }

  .mw-mobile-quick-cta{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin:14px 0 16px;
  }

  .mw-mobile-quick-cta .btn,
  .mw-mobile-quick-cta .btn-link{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:14px;
  }

  .mw-mobile-accordion{
    display:grid;
    gap:9px;
  }

 .mw-mobile-accordion details{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    border:1px solid rgba(255,255,255,.08);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );

    backdrop-filter:blur(16px);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.08),

        0 10px 26px rgba(0,0,0,.22);

    transition:

        transform .22s ease,

        border-color .22s ease,

        box-shadow .22s ease;
}

.mw-mobile-accordion summary{

    cursor:pointer;

    list-style:none;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:16px;

    padding:18px 18px;

    font-size:15px;

    font-weight:700;

    color:#f5f7ff;

    transition:all .2s ease;
}

  .mw-mobile-accordion summary::-webkit-details-marker{
    display:none;
  }

.mw-mobile-accordion summary::after{

    content:"›";

    width:34px;

    height:34px;

    border-radius:999px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.06);

    color:#8ce6ff;

    font-size:22px;

    transition:

        transform .25s ease,

        background .25s ease;
}

 .mw-mobile-accordion details[open] summary::after{

    transform:rotate(90deg);

    background:rgba(95,191,255,.16);
}

.mw-mobile-accordion details:hover{

    border-color:rgba(95,191,255,.24);

    transform:translateY(-1px);
}

.mw-mobile-accordion details[open]{

    border-color:rgba(95,191,255,.20);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.08),

        0 16px 38px rgba(0,0,0,.28);
}

.mw-mobile-accordion details p{
    margin:0;
    padding:0 18px 18px;
    font-size:14px;
    line-height:1.65;
    color:rgba(235,240,250,.82);
}



  .ticker-section{
    margin-bottom:8px !important;
  }

  .final-cta{
    margin-top:4px !important;
  }
}

/* =========================================================
   PATCH 2.1 – Mobile Hero App Polish
   ========================================================= */

@media (max-width:720px){

  .mw-index-hero{
    margin-top:6px !important;
    padding-bottom:4px !important;
  }

  .mw-index-hero__card{
    padding:16px 14px 14px !important;
    border-radius:26px !important;
  }

  .mw-index-hero__eyebrow{
    font-size:11px !important;
    padding:5px 9px !important;
    margin-bottom:8px !important;
  }

  .mw-index-hero__copy h1{
    font-size:clamp(32px, 9.5vw, 42px) !important;
    line-height:.96 !important;
    margin-top:8px !important;
  }

  .mw-index-hero__copy h1 small{
    font-size:clamp(17px, 5vw, 22px) !important;
    margin-top:6px !important;
  }

  .mw-index-hero .type-row{
    margin:6px 0 6px !important;
  }

  .mw-index-hero .type{
    font-size:clamp(20px, 6vw, 27px) !important;
  }

  .mw-index-hero__copy > p{
    font-size:13.8px !important;
    line-height:1.42 !important;
    margin-top:4px !important;
  }

  .mw-index-hero__actions{
    margin-top:11px !important;
    gap:8px !important;
  }

  .mw-index-hero__actions .btn,
  .mw-index-hero__actions .btn-link{
    min-height:43px !important;
  }

  .mw-index-hero__trust{
    display:flex !important;
    overflow-x:auto !important;
    gap:7px !important;
    margin-top:10px !important;
    padding-bottom:2px !important;
    scrollbar-width:none;
  }

  .mw-index-hero__trust::-webkit-scrollbar{
    display:none;
  }

  .mw-index-hero__trust span{
    flex:0 0 auto !important;
    min-height:28px !important;
    padding:5px 10px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  .mw-index-hero__visual{
    margin-top:12px !important;
  }

  .mw-index-map__body,
  .mw-index-map__body img{
    min-height:165px !important;
  }

  .mw-index-map__search{
    padding:8px 10px !important;
    font-size:12px !important;
  }
}

@media (max-width:390px){
  .mw-index-map__body,
  .mw-index-map__body img{
    min-height:150px !important;
  }
}
/* =========================================================
   PATCH 2.2 – Mobile CTA Dopplung reduzieren
   ========================================================= */

@media (max-width:720px){
  .mw-mobile-story .mw-mobile-quick-cta{
    display:none !important;
  }
}
/* =========================================================
   PATCH 2.3 – Mobile Story Feinschliff
   ========================================================= */

@media (max-width:720px){

  .mw-mobile-story{
    padding:6px 12px 16px !important;
  }

  .mw-mobile-story__inner{
    border-radius:24px !important;
    padding:18px 14px 16px !important;
  }

  .mw-mobile-story__kicker{
    margin-bottom:7px !important;
    font-size:11px !important;
  }

  .mw-mobile-story h2{
    font-size:clamp(24px, 7vw, 31px) !important;
  }

  .mw-mobile-story__intro{
    margin:8px 0 13px !important;
    font-size:13.8px !important;
    line-height:1.45 !important;
  }

  .mw-mobile-accordion{
    gap:8px !important;
  }

  .mw-mobile-accordion summary{
    padding:15px 15px !important;
    font-size:14.5px !important;
  }

  .mw-mobile-accordion summary::after{
    width:30px !important;
    height:30px !important;
    font-size:20px !important;
  }

  .mw-mobile-accordion details p{
    padding:0 15px 15px !important;
    font-size:13.5px !important;
    line-height:1.55 !important;
  }
}
/* =========================================================
   PATCH 3.1 – Mobile Hero als App-Startscreen
   ========================================================= */

@media (max-width:720px){

  .mw-index-hero{
    width:calc(100% - 20px) !important;
    margin:8px auto 6px !important;
    padding:0 0 6px !important;
  }

  .mw-index-hero__card{
    display:block !important;
    min-height:auto !important;
    padding:18px 15px 16px !important;
    border-radius:28px !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(109,94,247,.16), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(32,224,178,.12), transparent 38%),
      rgba(255,255,255,.052) !important;
  }

  .mw-index-hero__visual{
    display:none !important;
  }

  .mw-index-hero__eyebrow{
    margin-bottom:10px !important;
    font-size:11px !important;
    padding:6px 10px !important;
  }

  .mw-index-hero__copy h1{
    margin:8px 0 6px !important;
    font-size:clamp(35px, 10.5vw, 46px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
  }

  .mw-index-hero__copy h1 small{
    max-width:300px !important;
    margin-top:7px !important;
    font-size:clamp(18px, 5.4vw, 23px) !important;
    line-height:1.13 !important;
  }

  .mw-index-hero .type-row{
    margin:8px 0 8px !important;
  }

  .mw-index-hero .type{
    font-size:clamp(21px, 6.4vw, 28px) !important;
  }

  .mw-index-hero__copy > p{
    max-width:31ch !important;
    margin-top:6px !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .mw-index-hero__actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    margin-top:15px !important;
  }

  .mw-index-hero__actions .btn{
    grid-column:1 / -1 !important;
    min-height:46px !important;
    border-radius:16px !important;
  }

  .mw-index-hero__actions .btn-link{
    min-height:42px !important;
    border-radius:15px !important;
    font-size:13px !important;
  }

  .mw-index-hero__trust{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin-top:13px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }

  .mw-index-hero__trust span{
    width:auto !important;
    min-height:32px !important;
    padding:7px 8px !important;
    font-size:11px !important;
    white-space:normal !important;
    text-align:center !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  .mw-index-hero__trust span:nth-child(n+5){
    display:none !important;
  }

  .mw-index-hero__note{
    display:none !important;
  }

  .ticker-section{
    margin:4px auto 8px !important;
  }
}

@media (max-width:380px){
  .mw-index-hero__trust{
    grid-template-columns:1fr !important;
  }

  .mw-index-hero__copy h1{
    font-size:33px !important;
  }
}

/* =========================================================
   PATCH 4.0 – Mobile Journey App Cards
   ========================================================= */

@media (max-width:720px){

  .mw-mobile-story{
    padding:7px 10px 18px !important;
  }

  .mw-mobile-story__inner{
    border-radius:28px !important;
    padding:18px 14px 16px !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(109,94,247,.13), transparent 34%),
      radial-gradient(circle at 88% 10%, rgba(32,224,178,.10), transparent 36%),
      rgba(255,255,255,.052) !important;
  }

  .mw-mobile-story__kicker{
    margin-bottom:8px !important;
    color:#8fe7ff !important;
  }

  .mw-mobile-story h2{
    font-size:clamp(24px, 7vw, 32px) !important;
    line-height:1.06 !important;
  }

  .mw-mobile-story__intro{
    max-width:34ch !important;
    margin:9px 0 15px !important;
  }

  .mw-mobile-flow{
    display:grid;
    gap:9px;
    position:relative;
  }

  .mw-mobile-flow__step{
    position:relative;
    display:grid;
    grid-template-columns:38px 1fr;
    gap:11px;
    align-items:start;
    padding:13px 13px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.085);
    background:rgba(7,13,28,.40);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  }

  .mw-mobile-flow__step span{
    width:32px;
    height:32px;
    border-radius:999px;
    display:grid;
    place-items:center;
    font-weight:900;
    color:#dffcff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
  }

  .mw-mobile-flow__step.is-active span{
    background:linear-gradient(135deg, #7b61ff, #20e0b2);
    color:white;
    box-shadow:0 0 18px rgba(32,224,178,.26);
  }

  .mw-mobile-flow__step.is-done span{
    background:rgba(32,224,178,.16);
    color:#41f2c6;
    border-color:rgba(32,224,178,.28);
  }

  .mw-mobile-flow__step strong{
    display:block;
    color:#f5f8ff;
    font-size:14.5px;
    line-height:1.2;
    margin-top:1px;
  }

  .mw-mobile-flow__step p{
    margin:4px 0 0;
    color:rgba(235,240,250,.74);
    font-size:12.8px;
    line-height:1.4;
  }

  .mw-mobile-trust-card,
  .mw-mobile-situations{
    margin-top:11px;
    padding:14px 13px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.085);
    background:rgba(7,13,28,.34);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .mw-mobile-trust-card > strong,
  .mw-mobile-situations > strong{
    display:block;
    color:#f6f8ff;
    font-size:14.5px;
    margin-bottom:10px;
  }

  .mw-mobile-trust-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .mw-mobile-trust-list span{
    min-height:34px;
    display:flex;
    align-items:center;
    padding:7px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.07);
    color:rgba(245,248,255,.86);
    font-size:11.7px;
    white-space:nowrap;
  }

  .mw-mobile-situation-scroll{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .mw-mobile-situation-scroll::-webkit-scrollbar{
    display:none;
  }

  .mw-mobile-situation-scroll span{
    flex:0 0 auto;
    min-width:92px;
    min-height:54px;
    display:grid;
    place-items:center;
    text-align:center;
    padding:8px 10px;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    color:#eef4ff;
    font-size:12.3px;
    font-weight:800;
  }
}

@media (max-width:380px){
  .mw-mobile-flow__step{
    grid-template-columns:34px 1fr;
    padding:12px 11px;
  }

  .mw-mobile-flow__step p{
    font-size:12.4px;
  }

  .mw-mobile-trust-list{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   PATCH 4.6 – Mobile Map entschlacken
   ========================================================= */

@media (max-width:980px){

  .mw-index-map__search{
    right:10px !important;
    min-height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    border-radius:18px !important;
  }

  .mw-index-map__search small{
    font-size:11px !important;
    opacity:.72 !important;
  }

  .mw-index-map__search strong{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  .mw-index-map__rating{
    display:none !important;
  }
}

/* =========================================================
   PATCH 4.6 – Map Search Trust ehrlich integriert
   ========================================================= */

@media (max-width:980px){

  .mw-index-map__search{
    right:10px !important;
    min-height:58px !important;
    padding:12px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border-radius:18px !important;
  }

  .mw-index-map__search > div:first-child{
    min-width:0 !important;
  }

  .mw-index-map__search small{
    font-size:11px !important;
    opacity:.72 !important;
  }

  .mw-index-map__search strong{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  .mw-index-map__searchTrust{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-shrink:0 !important;
    font-size:10px !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.72) !important;
  }

  .mw-index-map__trustAvatars{
    display:flex !important;
    align-items:center !important;
  }

  .mw-index-map__trustAvatars b{
    width:18px !important;
    height:18px !important;
    display:block !important;
    border-radius:999px !important;
    background:linear-gradient(135deg, rgba(48,213,200,.95), rgba(31,168,155,.78)) !important;
    border:2px solid rgba(35,39,52,.95) !important;
    box-shadow:0 4px 12px rgba(0,0,0,.24) !important;
  }

  .mw-index-map__trustAvatars b + b{
    margin-left:-7px !important;
  }

  .mw-index-map__searchTrust i{
    width:1px !important;
    height:18px !important;
    background:rgba(255,255,255,.16) !important;
  }

  .mw-index-map__rating{
    display:none !important;
  }
}

@media (max-width:430px){

  .mw-index-map__search{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:7px !important;
  }

  .mw-index-map__searchTrust{
    gap:7px !important;
    font-size:9.5px !important;
  }

  .mw-index-map__searchTrust i{
    height:13px !important;
  }
}

/* =========================================================
   PATCH 4.7 – Map Search kompakter statt Vollbalken
   ========================================================= */

@media (max-width:980px){

  .mw-index-map__search{
    left:10px !important;
    right:auto !important;
    width:max-content !important;
    max-width:calc(100% - 20px) !important;
    min-height:0 !important;
    padding:11px 13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }

  .mw-index-map__searchTrust{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-shrink:0 !important;
  }
}

@media (max-width:430px){

  .mw-index-map__search{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:7px !important;
    max-width:calc(100% - 20px) !important;
  }
}

/* =========================================================
   PATCH 4.8 – echte Profil-Pins statt abstrakter Kreise
   ========================================================= */

@media (max-width:980px){

  .mw-index-map__searchTrust{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    flex-shrink:0 !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.74) !important;
  }

  .mw-index-map__previewPins{
    display:flex !important;
    align-items:center !important;
  }

  .mw-index-map__previewPins b{
    width:28px !important;
    height:28px !important;
    margin-left:-8px !important;
    display:block !important;
    border-radius:999px 999px 999px 8px !important;
    transform:rotate(-45deg) !important;
    overflow:hidden !important;
    background:linear-gradient(135deg, rgba(48,213,200,.95), rgba(31,168,155,.78)) !important;
    border:2px solid rgba(12,18,30,.92) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.34) !important;
  }

  .mw-index-map__previewPins b:first-child{
    margin-left:0 !important;
  }

  .mw-index-map__previewPins b img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    transform:rotate(45deg) scale(1.28) !important;
  }

  .mw-index-map__trustAvatars{
    display:none !important;
  }
}

@media (max-width:430px){

  .mw-index-map__searchTrust{
    font-size:9.5px !important;
  }

  .mw-index-map__previewPins b{
    width:26px !important;
    height:26px !important;
  }
}

.mw-index-map__previewPins b.has-avatar{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}

/* =========================================================
   PATCH 4.9 – Preview-Pins auf allen Breakpoints sichtbar halten
   ========================================================= */

.mw-index-map__searchTrust,
.mw-index-map__previewPins,
.mw-index-map__previewPins b{
  visibility:visible !important;
  opacity:1 !important;
}

.mw-index-map__previewPins{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
}

.mw-index-map__previewPins b{
  display:block !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}

@media (min-width:431px) and (max-width:1180px){

  .mw-index-map__searchTrust{
    display:flex !important;
    align-items:center !important;
  }

  .mw-index-map__previewPins{
    display:flex !important;
  }
}
/* PATCH 5.0 – Landing Preview Avatare stabilisieren */

@media (max-width:1180px){

  .mw-index-map__previewPins b{
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    transform:none !important;
    margin-left:-10px !important;
    border:2px solid rgba(110,236,255,.88) !important;
  }

  .mw-index-map__previewPins b:first-child{
    margin-left:0 !important;
  }
}

@media (max-width:720px){

  .mw-index-map__previewPins b{
    width:34px !important;
    height:34px !important;
    margin-left:-8px !important;
  }
}

@media (min-width:900px) and (max-width:1080px) and (max-height:650px){

  .mw-index-map__previewPins b{
    width:32px !important;
    height:32px !important;
    margin-left:-7px !important;
  }

  .mw-index-map__searchTrust span:last-child{
    font-size:9px !important;
    line-height:1.05 !important;
  }
}