Ich suche die Möglichkeit einen div nur beim drucken sichtbar zu machen, anonsten zu verbergen. Ich habe keien passende uikit Klasse oder warp Klasse gefunden.
Ich will es jetzt mit einer custom.css und einer print.css lösen, die ich bereits habe und die eigentlich angezogen werden.

custom.css
.print-only{
display: none!important;;
}

print.css
.print-only{
display: block!important;;
}

leider funktioniert es nicht. Hat jemand eine Idee was ich falsch mache.
Beispielseite
neu.internationales-stuttgarter-schwimmfest.de/index.php
Dort der Div Print Only (Hide on screen only)

Danke im Voraus.

solved. was an typo error in class