Scrollable Tables Problem

Gelöst (siehe unten)
Hab zwei Probleme mit Tabellen.

Auf der neuen Firmenseite (Wordpress) die ich gerade bastle möchte ich zwei Tabellen für die Referenzen einbinden.
Das Problem ist das responsive hinzubekommen bzw die Tabellen am Mobilgerät zumindestens horizontal scrollbar zu machen.

Dazu hab ich diese beiden Seiten verwendet:
http://www.tablesgenerator.com/html_tables#
https://blog.kulturbanause.de/2012/...esign/#chapter6

Problem:
Seite Scrollt am Desktop - am Mobilgerät nicht
Sobald die Seite am Desktop beim resizen scrollt verändert sich die Breite der oberen Tabelle - die untere bleibt gleich.

Hier der Link zur Seite: http://www.poosch-boeckl.at/referenz/

Hier der CSS Code:

Code:

/*Scrollbare Tabelle*/
.table-scrollable {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0,0,0,.3);
}

Hier der html Code:

Code:

<strong>EINREICHPROJEKTE UVP</strong>

<div class="table-scrollable">
<div class="tg-wrap">
<table class="tg" style="width: 604px">

<colgroup>
<col style="width: 186px">
<col style="width: 186px">
<col style="width: 186px">
<col style="width: 46px">
</colgroup>

<tr>
<td class="tg-bsv2">DEPONIEERRICHTUNG</td>
<td class="tg-031e">BETRIEBSANLAGE
- HALLE ANLAGEN</td>
<td class="tg-bsv2">MISTELBACH</td>
<td class="tg-s6z2">2009</td>
</tr>
<tr>
<td class="tg-bsv2">ZÖCHLING</td>
<td class="tg-031e">STEINBRUCH</td>
<td class="tg-bsv2">RAMSAU</td>
<td class="tg-s6z2">2010</td>
</tr>
</table>
</div>
</div>

Kann mir wer helfen?
Ich bin auch für andere lösungen offen wenn das mit Tabellen schlecht geht.
Bitte keine "Nimm doch nicht Wordpress sondern ..." das hilft nicht, Wordpress bleibt!

ok erstmal danke für jegliche Hilfe,

"stört ein wenig" heißt was? Ich hab mir die Elemente zusammenkopiert, da ich davon nicht wahnsinnig viel Ahnung habe.

Was genau zeigt über welchen Bereich hinaus - das CSS hab ich unter Custom CSS bei WP eingetragen - kann natürlich sein dass das mit dem Theme interferiert?

Wenn du magst kann ich dir credentials erstellen dann kannst selbst reinschauen, falls das hilft.

edit:

ich denke ich werde mal die beiden hier versuchen:

http://maxdesign.com.au/articles/si...sponsive-table/
http://codepen.io/anon/pen/qaGARr?editors=1100#0

edit2:

ok der code unter http://codepen.io/anon/pen/qaGARr?editors=1100#0
tut dasselbe ist aber simpler - wird mal ausgetauscht - unter ios klappts aber immer noch nicht

edit3:

Fehler gefunden! Custom CSS hat eine eigene Option für das Mobile Theme!