/* billigxxl · Version 2026.11.12 · Abstands- und Überschriften-Skala mobil (≤ 767 px) und iPad (768–1199 px) */
:root{--sk-abschnitt:40px;--sk-h2:22px;--sk-h2-gross:26px;--sk-rand:16px}
@media (min-width:768px) and (max-width:1199px){:root{--sk-abschnitt:48px;--sk-h2:26px;--sk-h2-gross:30px}}
@media (max-width:1199px){
/* Abschnittsüberschriften */
html body main :is(.ea-head h2,.rr-kopf h2,.v-head h2,.faq-layout h2,.tc-firmen h2,section.dk-w > h2,.tk-kopf h2,.area-section-head h2,.deal-partner-row__head h2,.gs-result-head,.gs-result-head h2,.info-panel.guide-links h2,.dt-head h2,h2.dt-head){font-size:var(--sk-h2);line-height:1.25}
/* Werbebanner-Überschriften: eine Stufe größer */
html body main .ea-banner h2{font-size:var(--sk-h2-gross);line-height:1.2}
html body main .sa.bxxl-start-c .ea-section h2,html body main .sa .ea-section.rr-start h2,html body main .sa.bxxl-start-c .ea-section.rr-start h2{font-size:var(--sk-h2);line-height:1.25}
html body main .sa.bxxl-start-c .ea-section .ea-banner h2{font-size:var(--sk-h2-gross);line-height:1.2}
html body main :is(.bk-regale,.bk-mehr,.bk-faq,.bk-pa,.bk-pf) h2{font-size:var(--sk-h2);line-height:1.25}
/* Abstand zwischen Abschnitten */
html body main :is(.tk-regal,.tk-text-block){margin-top:var(--sk-abschnitt)}
html body main :is(.dk-w,.bk-pa,.bk-pf){margin-top:var(--sk-abschnitt)}
html body main :is(.bk-regale,.bk-mehr,.bk-faq){padding-bottom:var(--sk-abschnitt)}
/* Seitenrand für Hinweiszeilen */
html body main :is(.bk-regale,.bk-pf,.bk-pa,.bk-mehr) .bx-ohne-gewaehr{padding-inline:var(--sk-rand)}
}