some styles suddenly not loading – Urgent

btw. even if you are opening a media query – but have some other media querries inside that open and close correctly – a following closing bracket then have no effect.

see here some code of your css ( those rules that are correct are erased here )

@media only screen and (max-width: 767px) {
	.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
		display: block;
	}
} 
/**** closed too early ? ******/
	.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, 
	.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
		padding: 0;
	}
} /**** or an additional superfluous bracket  ******/

@media only screen and (max-width: 767px) {
	#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
		flex: 1 1 100%;
	}

	.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
		padding: 0 3em;
	}

	.all_colors h3 {
		line-height: 1.3; /* Adjust the value to increase or decrease spacing */
	}

	.keinspace span {
		display: block; /* Ensure the span is treated as a block element */
		margin-top: 0px; /* Adjust margin-top to reduce space */
		font-size: 0.7em; /* Adjust the font size smaller */
		color: #6F6571; /* Change the text color to grey */
	}

	.avia-cookie-consent {
		width: 100%;
		position: fixed;
		background-color: #009BDD;
		z-index: 999;
		color: rgba(255,255,255,0.9);
		padding: 1.1em;
		text-align: center;
		opacity: 1;
		visibility: visible;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
	}

	.avia-cookie-consent-button,
	.avia-cookie-info-btn,
	.avia-cookie-hide-notification,
	.avia-button {
		background-color: white !important;
		color: black !important;
	}

/**** missing closing curly bracket ******/

/***** some media querries inside here - that are correctly opend and close so the following closing has no effect to that before *******/

.av-burger-menu-main.menu-item-avia-special {
		display: block;
	}
}  /**** additional superfluous bracket  ******/

It is therefore best to avoid nesting media queries and possibly combine the same ones.
There are a lot of single @media only screen and (max-width: 767px) {

this is hard to say – because i do not know where to close an opended media query on your code, because I don’t know whether these errors occurred because you inserted a new media query rule into an existing one or simply forgot to put a closing bracket.

So i can’t tell you whether you should remove it where i wrote “closed too early?” (because then the bracket at “or an additional superfluous bracket” would be correct. Or just remove that bracket ( at “closed too early?”) . That depends on the intention of what you want to achieve. Both leads to a working code but do different things.

in other words :
i do not know if you like to have:

@media only screen and (max-width: 767px) {
	.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
		display: block;
	}
	.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, 
	.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
		padding: 0;
	}
} 

or that:

@media only screen and (max-width: 767px) {
	.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
		display: block;
	}
} 
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, 
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	padding: 0;
}

etc.
_______

So, if I no longer knew exactly what belonged to which intention, I would first remove everything. Then reinsert the ones that are unproblematic (opening and closing brackets that are clear ) and then add the media queries step by step.

Bei dem Nick ausgesonnen, nehme ich mal an ich kann dir auch deutsch antworten:

Diese Fehler kann sind durch die vielen Media Querries entstanden. Eine Klammer die aufgeht – muß auch wieder geschlossen werden.
Da ich nicht weiß, was du mit deinen Regelen bewerkstelligen wolltest, kann ich auch nicht entscheiden ob der Fehler ein vorzeitiges Schließen der Klammer ist, oder eine überflüßig gesetzte Klammer ist.
Im Beispiel oben ob diese Regel nur unterhalb von 767px gelten soll oder eben generell:

.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, 
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	padding: 0;
}

Davon ist abhängig ob die Klammer oben zu früh geschlossen wurde, oder ob die andere zu viel ist. etc.
Da die Fehler mannigfaltig sind, empfehle ich alle zu entfernen. Die jenigen die leicht als korrekt zu erkennen sind wieder einzufügen. Also die nicht in media-querries gesetzt sind und auf/zu gehen.

Und dann neu zu überdenken, was gemacht werden muss.

PS: um solche Fehler in Zukunft zu vermeiden; immer die Regeln, die du neu hinzufügen willst ganz an das Ende der Quick css zu setzen – niemals so zwischen drin reinzuschmeißen. Das birgt in sich Fehler Quellen. Dann am Ende – sortieren und die Media-Querries zusammenführen.

Ansonsten musst du eventuell auf die Hilfe eines Mods hoffen, der sich einloggt, und die verschiedenen Möglichkeiten durchspielt.

__________

With the nickname ausgesonnen, I assume I can also answer you in German:

These errors can be caused by the many media queries. A bracket that opens – must also be closed again.
Since I don’t know what you wanted to achieve with your rules, I can’t decide whether the error is a premature closing of the bracket or a bracket that was set superfluously.
In the example above whether this rule should only apply below 767px or in general:

.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, 
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	padding: 0;
}

It depends on whether the bracket at the top was closed too early, or whether the other one is too much, etc.
Since the errors are manifold, I recommend removing all of them. The ones that are easy to recognize as correct should be reinserted. So the ones that are not set in media-querries and open/close.

And then rethink what needs to be done.

PS: to avoid such mistakes in the future; always put the rules you want to add at the end of the quick css – never throw them in between. This is a source of errors. Then at the end – sort and merge the media queries.

Otherwise, you may have to hope for the help of a mod who logs in and runs through the various options.

Yes Mike – but i can not decide it because either your red arrow shows the superflous Bracket – or the blue arrow shows a too early set closing bracket.
Which one is to remove now. My guess is that the former (blue) is more likely to be removed.

Further down there is also nesting of media querries, and I’m not sure if that works.
A bracket was opened, then new media query statements follow without closing the first one – after the insertions there is a closing bracket – but I don’t think that works. (maybe it works, because the parameters are the same).