/* V354: canonical results header and invisible mobile table legend.
   Fix: previous independent legend had an unwanted rendered 4-column grid on iPhone. */
#dbk343-vergleich .dbk346-content > .dbk354-results-header {
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
 gap:12px 20px; padding:20px; box-sizing:border-box; width:100%; min-width:0;
 max-width:100%; background:#fff;
}
#dbk343-vergleich .dbk354-results-heading {flex:1 1 260px; min-width:0;max-width:100%;}
#dbk343-vergleich .dbk354-results-header h3 {margin:0 0 6px;line-height:1.25; font-size:20px; overflow-wrap:normal;word-break:normal;}
#dbk343-vergleich .dbk354-results-header p {margin:0;line-height:1.4;overflow-wrap:normal;word-break:normal;}
#dbk343-vergleich .dbk354-results-link {flex:0 1 auto;min-width:0;max-width:100%; font-weight:750; color:#0051bd; text-decoration:underline; text-underline-offset:3px; white-space:normal;overflow-wrap:break-word;text-align:right;}
@media(max-width:767px) {
 /* A legend is only meaningful for the desktop 4-column table and must NOT
    be laid out as narrow letters above the mobile cards. */
 #dbk343-vergleich .dbk346-content > .dbk346-legend {display:none!important;visibility:hidden!important;}
 #dbk343-vergleich .dbk346-content > .dbk354-results-header {
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   gap:10px!important;padding:18px 16px!important;
 }
 #dbk343-vergleich .dbk354-results-heading {flex:none!important;width:100%!important;min-width:0!important;}
 #dbk343-vergleich .dbk354-results-header h3 {font-size:20px!important;line-height:1.3!important;}
 #dbk343-vergleich .dbk354-results-header p {font-size:14px!important;}
 #dbk343-vergleich .dbk354-results-link {flex:none!important;width:auto!important;align-self:flex-start!important;text-align:left!important;font-size:14px!important;}
}