Integration vcf file

Dear Support Team
by chance I was able to solve the problem with the download of the VCF file myself: with the help of the plugin “Enable virtual card upload – vcf,vcard”

But I now have another question regarding the page https://emmerams-muehle.de/vcard_julian-kinner/

On this page, I would like the header and logo to be completely hidden and no white field to be displayed. (On all other pages of the website, however, the header should be displayed, as at: https://emmerams-muehle.de/home-01/) I have now tried to solve this using the following CSS code:
.page-id-825 #header { display: none !important; }
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
I’m not sure about the second code (starting with “.html….”) because I didn’t manage to adapt the code so that it only fits the page with page-id-825. I am afraid that this code may also affect other pages and that the header will not be displayed correctly.

What do you think? Does the code fit? Or do you have to rewrite it so that it only points to the page with page-id-825? I would be very grateful for any feedback.
Best regards, Diana

Hello Rikard,

I have temporarily removed the recommended script:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
>> But then a white bar appears at the top where the header is: see view now: https://emmerams-muehle.de/vcard_julian-kinner/
in comparison to the view before with the script mentioned above: see screenshot: https://emmerams-muehle.de/support/header.png

How can I remove this bar without using the aforementioned problematic script? The header should only not appear for this one page.

Best regards, Diana

That works perfectly. Thank you very much für your support!