Widget von Fussball.de mobil außerhalb des Rahmens

Zuerst einmal schönen guten Tag :)

Ich verwende Wordpress 4.6.1 mit dem Pinboard Theme.
Ich bin gerade dabei eine Vereinshomepage neu zu gestalten und möchte daher von Fussball.de Widgets einbinden, um aktuelle Ergebnisse auf der Website aufrufen zu können. Dies funktioniert auch einwandfrei. Allerdings muss ich beim Erstellen des Widgets auf Fussball.de eine feste Breite angeben (aktuell 500px). Auf dem PC sieht alles gut aus. In der mobilen Ansicht jedoch ragt das Widget immer über die Fensterbreite hinaus sodass ca 30% nicht sichtbar sind. Es kann ausserdem nicht herausgezoomt oder gescrollt werden.

Hier seht ihr die Seite:

http://wordpress.sv-daleiden.de/1-mannschaft/

Hier seht ihr die Seite als mobile Ansicht (wo das Problem auftritt):

http://mobiletest.me/htc_one_emulat…de/1-mannschaft

Um das Widget einzufügen gebe ich keinen konkreten iframe an!
Um bei fussball.de ein Widget einzubinden, muss folgender Code im Head Bereich eingefügt werden:

[COLOR=#2B2B2B][FONT=Courier]<script type="text/javascript"[/FONT][/COLOR]		src="http://www.fussball.de/static/layout/fbde2/egm//js/widget2.js"> [COLOR=#2B2B2B][FONT=Courier] </script>[/FONT][/COLOR]

Im Body Bereich muss dann das Widget mit dem Teamcode eingebunden werden:

[COLOR=#2B2B2B][FONT=Courier]<div id="widget1"></div>[/FONT][/COLOR]	<script type="text/javascript">
		new fussballdeWidgetAPI().showWidget('widget1', 'MEINTEAMCODE'); [COLOR=#2B2B2B][FONT=Courier] </script>[/FONT][/COLOR]

Ich hoffe ihr könnt mir helfen, das Problem zu lösen :)

Viele Grüße,
Markus

Ich habe versucht die "margins" zu verkleinern in der mobilen Ansicht, jedoch passt das Widget immernoch nicht ganz hinein :/

Also habe jetzt eine Lösung gefunden (Falls noch jemand in Zukunft das gleiche Problem hat)

Einfach hier dran halten und an eigene Bedürfnisse anpassen:
http://www.bymichaellancaster.com/blog/fluid-ifr…script-plugins/