Bildschirmauflösung Smartphone responsive geht nicht

Hallo,
ich verzweifle. Nach stundenlangem Suchen und Versuchen seid ihr die letzte Hoffnung.

Ich erstelle meine erste responsive Website mit Typo3 für unseren Verein. Nach vielen Videos und Workshops habe ich jetzt auch ein gutes Ergebnis - zumindest als .html-Seite ohne Typo3. Hier funktioniert es so wie es soll. Wenn die Seite auf dem Smartphone angezeigt wird, wird sie richtig dargestellt.

Problem:
Ich habe die Seite in Typo3 "übertragen". Wenn ich die Seite nun im Browser (egal Firefox oder IE) verkleinere, springt er mir auf das richtige/andere Design (ab 767 px Breite).
Öffne ich die Seite aber im Smartphone bringt er mir nur das "PC-Format"-Design und zeigt mir an, dass die Bildschirmauflösung 980px breit ist. Allerdings zeigt er mir den Button für das "responsive-Menü" richtig an.

Eingebunden werden die Dateien richtig.

<script src="fileadmin/templates/js/jquery-1.11.2.min.js?1470319003" type="text/javascript"></script>
<script src="fileadmin/templates/js/main.js?1470317593" type="text/javascript"></script>
<script src="fileadmin/templates/js/html5shiv-printshiv.js?1470318849" type="text/javascript"></script>
<script src="fileadmin/templates/js/bildschirm.js?1474978979" type="text/javascript"></script>

Wie gesagt mit der .html-Seite funktioniert alles wie es soll. Ist bestimmt wieder nur eine Kleinigkeit, aber wenn man sich nicht richtig auskennt, dann ...

Kann mir jemand bitte auf die Sprünge helfen. Welche Datei soll ich evtl. posten?

Vielen DANK an alle.