.tabscrollbox {display:block;width:645px;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #999;margin:20px auto;box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#fff;}
.tabscrollbox table {border-collapse:collapse;border-spacing:0;width:max-content;min-width:900px;white-space:nowrap;table-layout:auto;}
.tabscrollbox th,.tabscrollbox td {border:1px solid #ccc;padding:6px 10px;text-align:center;font-size:14px;color:#333;}
.tabscrollbox th {background:#f4f4f4;font-weight:600;}
html, body {overflow-x:hidden;max-width:100%;}
img, iframe {max-width:100%;height:auto;box-sizing:border-box;}
.rbutt {background-color:#3779ae;color:white !important;font-weight:bold;text-decoration:none;padding:0.7em 1.4em;font-size:1em;border:none;border-radius:12px;display:inline-block;cursor:pointer;transition:background-color 0.3s ease;}
.rbutt:hover {background-color:#3779ae;}
.leftimg{float:left;margin-right:10px;margin-bottom:10px;}
.grbt {background-color:#ffd814;color:black !important;font-weight:bold;text-decoration:none;padding:0.7em 1.4em;font-size:1em;border:none;border-radius:12px;display:inline-block;cursor:pointer;transition:background-color 0.3s ease;}
.grbt:hover {background-color:#ffbc14;}

@media (max-width:768px) {
.tabscrollbox {display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid #ccc;margin:10px 0;font-size:13px;}
.tabscrollbox table {min-width:800px;width:max-content;}.tabscrollbox th,
.tabscrollbox td {padding:4px 6px;font-size:13px;white-space:nowrap;}
.tabscrollbox::after {content:"? seitlich scrollen ?";display:block;text-align:center;font-size:12px;color:#777;margin-top:4px;}
.content, td, div, section {max-width:100%;overflow-x:hidden;}
}
.tabscrollbox::-webkit-scrollbar {height:8px;}
.tabscrollbox::-webkit-scrollbar-thumb {background:#aaa;border-radius:4px;}
.tabscrollbox::-webkit-scrollbar-thumb:hover {background:#888;}