/* ANDROS Basic-vs-Premium-Komponente (Runde 32). Eine Quelle fuer alle vier Bereiche, siehe bp-matrix.js */
.bp{ max-width:720px; margin:0 auto 24px; font-family:'DM Sans',sans-serif; color:#142231; }
.bp-tg-row{ display:flex; background:#fff; border:1px solid rgba(20,34,49,0.14); border-radius:999px; padding:3px; margin:0 0 14px; }
.bp-tg{ flex:1; border:none; background:none; min-height:44px; border-radius:999px; font:600 14px 'DM Sans',sans-serif; color:#46586a; cursor:pointer; }
.bp-tg[aria-pressed="true"]{ background:#0E7A6E; color:#fff; }
.bp-tg small{ display:block; font-size:13px; font-weight:500; line-height:1.1; margin-top:1px; }
.bp-tg{ line-height:1.15; padding:4px 6px; }
.bp-grid{ display:grid; grid-template-columns:1fr 76px 86px; background:#fff; border:1px solid rgba(20,34,49,0.08); border-radius:8px; overflow:hidden; }
.bp-h{ padding:10px 4px; text-align:center; background:#F9FAFA; font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#566673; line-height:1.2; }
.bp-h:first-child{ text-align:left; padding-left:12px; display:flex; align-items:center; }
.bp-h.c-p{ color:#0B6B60; }
.bp-h b{ display:block; font-family:'Cormorant Garamond',serif; font-size:16px; text-transform:none; letter-spacing:0; color:#142231; font-weight:600; margin-top:3px; }
.bp-h.c-p b{ color:#0B6B60; }
.bp-h small{ display:block; font-size:13px; font-weight:500; text-transform:none; letter-spacing:0; color:#566673; }
.bp-l{ padding:8px 6px 8px 12px; font-size:14px; line-height:1.3; color:#142231; border-top:1px solid rgba(20,34,49,0.07); display:flex; align-items:center; }
.bp-c{ border-top:1px solid rgba(20,34,49,0.07); display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:#5f6f7c; }
.bp-c.y{ color:#0B6B60; }
.bp[data-sel="first"] .c-b, .bp[data-sel="second"] .c-p{ background:rgba(14,122,110,0.08); }
.bp-single .bp-h{ text-transform:none; letter-spacing:0; font-size:14px; }
.bp-single .bp-grid{ grid-template-columns:1fr 80px 92px; }
.bp-sum{ margin:14px 2px 6px; font-size:15px; line-height:1.45; color:#142231; }
.bp-extra{ margin:0 2px 14px; font-size:13px; line-height:1.45; color:#566673; }
.bp-cta{ display:flex; align-items:center; justify-content:center; min-height:50px; background:#0E7A6E; color:#fff; border-radius:2px; font-size:15px; font-weight:600; text-decoration:none; }
.bp-cta:hover{ background:#0c6b60; }
.bp-m-only{ display:none; }
@media(min-width:769px){
  .bp-grid{ grid-template-columns:1fr 130px 150px; }
  .bp-h{ padding:14px 8px; }
  .bp-h b{ font-size:22px; }
  .bp-l{ padding:13px 12px 13px 18px; font-size:15px; }
  .bp-c{ font-size:18px; }
  .bp-sum{ font-size:16px; }
}
@media(max-width:768px){
  .bp-m-only{ display:block; }
  .bp{ margin-bottom:16px; }
}

.bp-grid > *{ min-width:0; }
.bp-h{ overflow-wrap:anywhere; }
@media (max-width:768px){ .mb-cmp:has(.bp){ padding:20px 12px !important; } .mb-cmp:has(.bp) > div:first-child{ padding-left:8px; } }
.bp-l{ overflow-wrap:break-word; hyphens:manual; }
@media (max-width:340px){ .bp-grid{ grid-template-columns:minmax(0,1fr) 70px 80px; } .bp-l{ font-size:13px; padding-left:8px; } .bp-h b{ font-size:15px; } .bp-h{ padding-left:2px; padding-right:2px; } .bp-h:first-child{ padding-left:8px; } }