Apple Felder werden nicht angezeigt

Hallo, vorweg, es handelt sich nicht um ein Plugin Fehler. Der Fehler passiert nur mit der Marke Apple. (Egal ob Handy, Tablet oder einen anderen Browser)
So, nun beschreibe ich mal das Problem:
Wenn man auf den Link (https://www.gdz.bplaced.net/lg-foerderrechner/) klickt, kommt man zu einem Förderrechner für das Spiel Forge of Empires.
Wenn man im Gelben Bereich (Man.) klickt und einen Wert eingibt wird nichts angezeigt, nach Bestätigung sieht man weiter nichts und der gegen wert wird ganz schwach in der Spalte Fremd angezeigt. Auch die Spalte Faktor zeigt nichts an, steht aber 1,9 drin. Auch das Fenster LG-Auswahl zeigt keine Werte.
Hat einer eine Idee was das sein kann und wie man das beheben kann?
Mit Windows & Android sowie diverse Browser ist alles richtig.
Ich hoffe, dass ich es einigermassen verständlich beschrieben habe und hoffe, dass die Kategorie passt.
(So sieht es für einen Apple user aus: https://postimg.cc/ft2Fdnk9)
Anbei den Code der css.

body, html {
    /* width: 100%; */
}

table {
	background:#EFEFEF; /*hell-grau */
	font-family: verdana;
	position: relative;
}

th, td {
  padding: 0px;
  text-align: center;
  top: 0%;
}



.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 0;
}

.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);*/
}

.b
{
	font-weight:bold;
}

.beige {
	background:#F5EAC5; /* hell-beige */
}

.desktop {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

.fenster {
	/* overflow-x:auto; */
	/* width: 49%; */
	background:#EFEFEF; /*hell-grau */
}

.fen1 {
	position: relative;
	top: 0px;
	display:inline-block;
	/*float: left;*/
	/*float: none;*/
	/*clear: right;*/
	overflow-x:auto;
}
.fen2 {
	position: relative;
	top: 0px;
	display: inline-block;
	width: auto;
}
.fen3 {
	position: relative;
	display: block;
}
.fen4 {
	position: relative;
	display:block;
	width: 100%; /* wichtig wegen Breitenmessung */
}

.keinUmbruch {
	display: inline-block;
}

.mitUmbruch {
	display: block;
}

.leereSpalte {
	position: relative;
	display: inline-block;
	width: 16px;
}
.leereZeile {
	position: relative;
	display:block;
}
.button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
}

.button:hover {
	background-color: white;
    color: #4CAF50; /* Green */
}

/* HEADER */
.h {
	position: relative;
	left: 0px;
	padding: 8px;
	/*top: 0px;*/
	/* width: 100%; */
	/* background-image: url("https://gdz.bplaced.net/eichehell.jpg"); */
	background:#BBBBBB;
	/*color:#F3D6A0; hell*/
	/*color:#FDC13F; orange*/
	color:#FFFFFF;
	font-weight: bold;
}

.h.grau {
	/*background:#BBBBBB;*/
	text-align:center;
}

.h.grau2 {
	text-align:right;
}

.h.gruen {
	background:#93C47D;
	
}

.foerder_footer {
	/*position: relative;*/
	bottom: 0px;
	padding: 8px;
	/* background-image: url("https://gdz.bplaced.net/gdz/eichehell.jpg"); */
	background:#BBBBBB;
	color:#FFFFFF;
	font-weight: bold;
}

/* CONTENT */
.c {
	position: relative;
	display:block;
	font-size: 0.8em;
}

.col {
	text-align:center;
}
.cell {
	border-width:0px;
	height: 30px;
	/*margin:1px 1px;*/
}

.cell.lg {
	color:#000000; /*schwarz*/
	background:#FFFFAA; /*gelb*/
}

.cell.lg2 {
	/*color:#FFAE00; knall-orange*/
	/*background:#FFFFAA; gelb*/
	font-size:small;
	background:#F5EAC5; /* hell-beige */
	height:380px;
	overflow-y: auto;
}

.cell.edit {
	background:#FFFFAA; /* gelb */
	color:#000000; /*schwarz*/
	/*height:24px;*/
}

.cell.edit2 {
	/* 
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	outline: 0 none;
	margin: 0;
	*/

	/* scale down by 12/16 = 75% */
    /* transform: scale(0.8); */
    /* transform-origin: left top; */

	background:#FFFFAA;
	text-align:right;
	color: black; /* NEW */
	/*height:24px;*/
}

.cell.fix {
	/* background:#EFEFEF; /* grau */
	/* background:#F3D6A0; /* dunkel-beige */
	background:#F5EAC5; /* hell-beige */
	text-align:right;
}

.check {
	text-align:center;
}

textarea.gdz {
	background:#D9EAD3;
	color:#000000;
	width:100%;
	resize:none;
}

.color1 {
	/* margin: 0px, 4px; */
	/* color:#FFFF00; gelb */
	color:#000000;
	background:#EFEFEF; /*hell-grau */
	/* background:#F3D6A0; dunkel-beige */
}

.color2 {
	color:#00AA00;
	background:#EFEFEF; /* hell-grau */
	/* background:#F3D6A0;  dunkel-beige */
}

.color3 {
	color:#AA0000;
	background:#EFEFEF; /* hell-grau */
	/* background:#F3D6A0;  dunkel-beige */

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]