#top-menu li ul.sub-menu li a{min-width:500px;white-space:nowrap}@media (max-width:980px){.css-mobil-seitlich-scrollen{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-left:10%;padding-right:10%}.css-mobil-seitlich-scrollen .css-tabelle-fix{display:flex!important;flex-wrap:nowrap!important;min-width:700px}.css-mobil-seitlich-scrollen .css-tabelle-fix .et_pb_column{margin-right:0!important;margin-bottom:0!important}}/* nicht mehr nötig da mit einfacherem Code weiter oben gelöst
/* Spalten der Vergleichstabelle im SL bleiben so nebeneinander /* Scrollbarer Bereich nur für diese Tabelle
.css-vergleichstabelle-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}/* Verhindert,dass die ganze Seite breiter wird .css-vergleichstabelle-wrap .et_pb_row{width:100%;max-width:100%}/* Jede Tabellenzeile bleibt nebeneinander .css-vergleichstabelle-wrap .css-vergleichstabelle{display:flex!important;flex-wrap:nowrap!important;min-width:700px;/* kannst du später z. B. auf 760px oder 800px erhöhen width:700px;margin:0!important}/* Spaltenbreiten .css-vergleichstabelle-wrap .css-vergleichstabelle-col1{flex:0 0 40%!important;width:40%!important}.css-vergleichstabelle-wrap .css-vergleichstabelle-col2,.css-vergleichstabelle-wrap .css-vergleichstabelle-col3{flex:0 0 30%!important;width:30%!important}/* Optik etwas kompakter .css-vergleichstabelle-wrap .css-vergleichstabelle .et_pb_column{margin:0!important;padding:10px 12px}/* Nur mobil etwas kleinere Schrift @media (max-width:980px){.css-vergleichstabelle-wrap .css-vergleichstabelle{min-width:700px;width:700px}.css-vergleichstabelle-wrap .et_pb_text,.css-vergleichstabelle-wrap .et_pb_module{font-size:14px;line-height:1.4}}css-mobil-seitlich-scrollen