Nur diese drei Elemente werden ausgeblendet. Der umgebende
Passkey-Bereich bleibt vollstaendig sichtbar. */
#bpl-recovery-codes,
#bpl-recovery-remaining,
#bpl-regenerate-codes-btn {
display: none !important;
}
/* Die Ueberschrift "Zugangscodes" und der Satz darunter haben keine
eigene Kennung. Sie folgen aber unmittelbar auf das im
Passkey-Container und lassen sich daher ueber den Nachbarselektor
praezise treffen - ohne den restlichen Container zu beruehren. */
.bpl-woo-passkeys > hr + h3,
.bpl-woo-passkeys > hr + h3 + p,
.bpl-woo-passkeys > hr + h3 ~ p {
display: none !important;
}
/* ---------- Anmeldeseite: nur Passkey und Zugangslink ----------
Die Kennzeichnung gnp-has-request-form setzt mark_page() - und zwar
nur, wenn das Ersatzformular nachweislich ausgegeben wurde. Fehlt
sie, bleibt das Passwortformular sichtbar. Damit kann die leere
Seite nicht entstehen. */
/* Das Passwortformular selbst darf NICHT ausgeblendet werden:
der Passkey-Knopf sitzt als Kind IN diesem Formular und
verschwindet sonst mit ihm. Ausgeblendet werden daher nur die
Kinder - der Passkey-Bereich wird ausdruecklich ausgenommen. */
html.gnp-has-request-form form.woocommerce-form-login > * {
display: none !important;
}
html.gnp-has-request-form form.woocommerce-form-login > #bpl-passkey-login {
display: block !important;
}
/* Der Link "Use a recovery code" wird vom Skript der Erweiterung zur
Laufzeit erzeugt; er steht nicht im ausgelieferten HTML. Er zeigt
auf dasselbe Ziel wie unser Zugangslink-Knopf und entfaellt daher. */
html.gnp-has-request-form a.gnp-hidden-recovery-link,
html.gnp-has-request-form p.gnp-hidden-recovery-wrap {
display: none !important;
}
/* Die Trennlinie "oder mit Zugangslink anmelden" entfaellt.
Ihre Klasse .bpl-divider steht im Quelltext der Erweiterung.
Gezielt getroffen - nicht ueber den Nachbarselektor, der sonst
auch den Passkey-Knopf erwischt. */
.bpl-divider {
display: none !important;
}
/* ---------- Zugangslink als Knopf im Stil des Passkey-Knopfs ---------- */
.gnp-request-intro {
margin: 26px 0 10px;
padding: 0;
color: #444;
font-size: 0.98rem;
line-height: 1.55;
}
.gnp-request-button-wrapper {
margin: 0 0 10px;
}
.gnp-request-button-wrapper a.gnp-request-button {
display: inline-block !important;
background-color: #446084 !important;
color: #fff !important;
padding: 14px 35px !important;
font-size: 1.05rem !important;
border-radius: 4px !important;
font-weight: bold !important;
border: none !important;
cursor: pointer !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
text-decoration: none !important;
transition: background 0.2s ease;
}
.gnp-request-button-wrapper a.gnp-request-button:hover {
background-color: #35506e !important;
color: #fff !important;
}
/* ---------- Einheitliche Knopffarbe ----------
Das Theme gibt alle Knoepfe in #446084 aus (--primary-color).
Die Knoepfe der Passkey-Erweiterung werden darauf angeglichen. */
.gnp-passkey-button-wrapper .bpl-register-button,
.gnp-passkey-button-wrapper .bpl-passkey-button,
.gnp-passkey-button-wrapper button,
#bpl-register-passkey,
#bpl-register-passkey:hover,
.bpl-profile-section .woocommerce-button.button {
background-color: #446084 !important;
color: #fff !important;
}
.gnp-passkey-button-wrapper .bpl-register-button:hover,
.gnp-passkey-button-wrapper .bpl-passkey-button:hover,
.gnp-passkey-button-wrapper button:hover,
#bpl-register-passkey:hover,
.bpl-profile-section .woocommerce-button.button:hover {
background-color: #35506e !important;
color: #fff !important;
}
/* ---------- FAQ und Hilfe-Link ---------- */
a.gnp-help-toggle {
font-weight: 700;
}
.gnp-faq {
margin-top: 24px;
}
.gnp-faq-answer {
padding: 0 14px 14px;
}
.gnp-faq-answer p {
margin: 0 0 10px;
}
.gnp-faq-answer p:last-child {
margin-bottom: 0;
}
.gnp-faq-answer ol,
.gnp-faq-answer ul {
margin: 0 0 10px;
padding-left: 22px;
}
.gnp-faq-answer li {
margin-bottom: 6px;
line-height: 1.6;
}
.gnp-faq-answer a {
color: #446084;
text-decoration: underline;
}
/* ---------- Einheitliche Knopfform auf beiden Einstiegsseiten ----------
Das Theme gibt Knoepfe in #446084 ohne Rundung aus. */
.gnp-request-button-wrapper a.gnp-request-button,
#gnp-request-form .gnp-request-submit,
.gnp-request-box .gnp-request-submit {
background-color: #446084 !important;
color: #fff !important;
border-radius: 0 !important;
font-weight: bold !important;
padding: 14px 35px !important;
font-size: 1.05rem !important;
border: none !important;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
letter-spacing: 0.03em;
}
.gnp-request-button-wrapper a.gnp-request-button:hover,
.gnp-request-box .gnp-request-submit:hover {
background-color: #35506e !important;
color: #fff !important;
}
/* Knopf auf der Anmeldeseite in Grossbuchstaben */
.gnp-request-button-wrapper a.gnp-request-button {
text-transform: uppercase;
}
/* Der Rahmen der Zugangslink-Box in der Themefarbe,
Rundungen der Box bleiben erhalten. */
.gnp-request-box {
border: 2px solid #446084;
}
/* ---------- Hinweis nach automatischer Abmeldung ---------- */
.gnp-logout-notice {
margin: 0 0 22px;
padding: 12px 16px;
background: #f6f9fc;
border-left: 4px solid #446084;
color: #333;
font-size: 1rem;
line-height: 1.5;
}
/* ---------- Hinweisbanner des Zugangslink-Formulars ---------- */
.gnp-request-banner {
margin: 0 0 18px;
padding: 14px 18px;
border-radius: 4px;
font-size: 1rem;
line-height: 1.55;
}
.gnp-request-banner.gnp-request-locked {
background: #f6f9fc;
border-left: 4px solid #446084;
color: #333;
font-weight: 600;
}
.gnp-request-banner.gnp-request-success {
background: #edf7ed;
border-left: 4px solid #2e7d32;
color: #24421f;
}
.gnp-request-banner.gnp-request-error {
background: #fdf3f3;
border-left: 4px solid #b20000;
color: #5a1a1a;
}
/* Der Sperrhinweis auf der Anmeldeseite. */
p.gnp-request-banner.gnp-request-locked {
margin: 26px 0 10px;
padding: 0;
background: none;
border: none;
color: #444;
font-weight: 600;
font-size: 0.98rem;
}
/* ---------- Zurueck zur Buchuebersicht ---------- */
.gnp-back-button-wrapper {
margin: 34px 0 10px;
}
.gnp-back-button-wrapper a.gnp-back-button {
display: inline-block !important;
background-color: #446084 !important;
color: #fff !important;
padding: 12px 28px !important;
font-size: 1rem !important;
border-radius: 0 !important;
font-weight: bold !important;
border: none !important;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.gnp-back-button-wrapper a.gnp-back-button:hover {
background-color: #35506e !important;
color: #fff !important;
}
/* ---------- Der Zurueck-Knopf darf NICHT ausgeblendet werden ----------
Das Theme blendet das erste
im Konto-Bereich aus:
.woocommerce-MyAccount-content > p:first-child { display: none }
Der Knopf wird ausdruecklich davon ausgenommen. */
.woocommerce-MyAccount-content > p.gnp-back-button-wrapper,
.woocommerce-MyAccount-content > p.gnp-back-button-wrapper:first-child,
.woocommerce-MyAccount-content > p.gnp-back-button-wrapper:first-of-type {
display: block !important;
}
/* ---------- Aktivierungsbox im Lesebereich ---------- */
.custom-wp2fa-setup-container .gnp-activation-required {
margin: 18px 0 0;
font-size: 1.12rem;
font-weight: 700;
color: #1f4e79;
}
.custom-wp2fa-setup-container .gnp-activation-warning {
margin: 10px 0 0;
padding: 12px 16px;
background: #fdf3f3;
border-left: 4px solid #b20000;
color: #5a1a1a;
}
/* Der Knopf "Passkey einrichten" ohne Rundungen -
das Theme gibt runde Ecken aus, hier gilt der Shop-Stil. */
.gnp-passkey-button-wrapper a.gnp-passkey-link.button,
.gnp-passkey-button-wrapper .gnp-passkey-link,
a.gnp-passkey-link.button {
border-radius: 0 !important;
}
/* ---------- Recovery-Codes-Modal der Erweiterung ausblenden ----------
Beim Einrichten eines Passkeys oeffnet die Erweiterung ein Overlay
mit vier Zugangscodes. Diese Codes sind ein zweiter Anmeldeweg und
sollen fuer den Kunden nicht sichtbar sein.
Das Element steht nicht im ausgelieferten HTML: Die Erweiterung
erzeugt es zur Laufzeit am Ende des
. Kennungen stammen aus
dem DOM (F12):
*/
#bpl-recovery-modal,
.bpl-recovery-modal {
display: none !important;
}
/* ---------- Sperrseite: nur der aeussere Rahmen ----------
Der Passkey-Block innerhalb der Sperrseite bringt sonst einen
zweiten Rahmen mit. Die Karte des Themes genuegt. */
.gnp-notice-box .custom-wp2fa-setup-container {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
margin: 22px 0 0;
}
.gnp-notice-box .gnp-passkey-button-wrapper {
text-align: center;
}
.gnp-notice-box > p:last-child {
margin-top: 26px;
text-align: center;
}
/* ---------- Zweite Schaltflaeche auf Sperrseiten ----------
Der Hauptweg steht rechts, der Nebenweg daneben in ruhiger Form. */
.gnp-notice-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
align-items: center;
margin: 26px 0 0;
}
.gnp-notice-actions a.gnp-btn {
margin: 0;
}
a.gnp-btn.gnp-btn-quiet {
background-color: transparent !important;
color: #446084 !important;
box-shadow: none !important;
border: 2px solid #446084 !important;
padding: 12px 30px !important;
}
a.gnp-btn.gnp-btn-quiet:hover {
background-color: #446084 !important;
color: #fff !important;
}
/* ---------- Streichpreis in Kasse und Warenkorb ----------
Der Vorteilspreis soll auffallen: groesser und in Rot. */
.gnp-strike-wrap {
display: inline-block;
margin-top: 3px;
line-height: 1.35;
}
.gnp-strike-label {
color: #c62828;
font-weight: 700;
}
.gnp-strike-price {
color: #c62828;
font-weight: 700;
}
.gnp-strike-price del,
del.gnp-strike-price {
color: #c62828;
text-decoration: line-through;
}
/* ---------- Rabattpreis rot: WooCommerce-Stile ueberstimmen ----------
WooCommerce gibt fuer .woocommerce-Price-amount eigene Farben aus,
die nur ueber die volle Kette plus !important zu schlagen sind.
Zusaetzlich traegt das Element eine Inline-Farbe. */
a.buch-btn span.btn-highlight-red,
a.buch-btn span.btn-highlight-red span,
a.buch-btn.unlock-btn span.btn-highlight-red,
a.buch-btn.unlock-btn span.btn-highlight-red span,
a.buch-btn.unlock-btn .btn-highlight-red .woocommerce-Price-amount,
a.buch-btn.unlock-btn .btn-highlight-red .woocommerce-Price-currencySymbol,
.buch-card .btn-highlight-red,
.buch-card .btn-highlight-red .woocommerce-Price-amount,
.buch-card .btn-highlight-red .woocommerce-Price-currencySymbol {
color: #c62828 !important;
font-weight: 800 !important;
}
/* ---------- Hilfe "Probleme beim Öffnen?" ---------- */
.gnp-help-open {
margin: 30px 0 0;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fff;
}
.gnp-help-open > summary {
cursor: pointer;
font-weight: 700;
padding: 12px 14px;
padding-right: 40px;
position: relative;
list-style: none;
}
.gnp-help-open > summary::-webkit-details-marker {
display: none;
}
.gnp-help-open > summary::after {
content: '+';
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
color: #446084;
}
.gnp-help-open[open] > summary::after {
content: '−';
}
.gnp-help-open-body {
padding: 0 14px 14px;
}
.gnp-help-open-body p {
margin: 0 0 10px;
line-height: 1.6;
}
.gnp-help-open-body ul {
margin: 0;
padding-left: 22px;
}
.gnp-help-open-body li {
margin-bottom: 6px;
line-height: 1.6;
}
/* ---------- Hilfelink unter der Passkey-FAQ ---------- */
p.gnp-help-heading {
margin: 22px 0 0;
}
p.gnp-help-heading a.gnp-help-heading-link,
p.gnp-help-heading a.gnp-help-heading-link:link,
p.gnp-help-heading a.gnp-help-heading-link:visited,
p.gnp-help-heading a.gnp-help-heading-link:hover,
p.gnp-help-heading a.gnp-help-heading-link:focus,
p.gnp-help-heading a.gnp-help-heading-link:active,
a.gnp-help-heading-link {
color: #446084 !important;
font-weight: 700 !important;
text-decoration: none !important;
border: 0 !important;
background: transparent !important;
}
/* Das Theme faerbt Links ueber eine allgemeine Regel. Hier wird sie
ausdruecklich ueberschrieben - gleiche Farbe wie der erste Hilfelink. */
p.gnp-help-heading a {
color: #446084 !important;
}
/* ---------- Hinweisbox am Seitenende ----------
Optik wie eine Box der Passkey-FAQ, aber ohne Klappzeichen. */
.gnp-open-help-box {
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fff;
padding: 18px 20px;
margin: 34px 0 0;
scroll-margin-top: 90px;
}
.gnp-open-help-box p {
margin: 0 0 10px;
color: #444;
line-height: 1.65;
}
.gnp-open-help-box p:first-child {
color: #1f4e79;
font-weight: 700;
}
.gnp-open-help-box p:last-child {
margin-bottom: 0;
}
.gnp-open-help-box ul {
margin: 0 0 12px;
padding-left: 22px;
}
.gnp-open-help-box li {
margin-bottom: 6px;
line-height: 1.65;
color: #444;
}