/*
 * juhle.de – CSP-Basis-Styles
 * Aus der Template-index.php ausgelagert, damit style-src 'self' ohne
 * statisches Inline-CSS funktionieren kann.
 */

#headbar .logo img {
    display: block;
    width: 100%;
    height: auto;
}

.pj-skip-link {
    position: absolute;
    left: 1rem;
    top: -100px;
    z-index: 100000;
    padding: .75rem 1rem;
    background: #145369;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.pj-skip-link:focus {
    top: 1rem;
}


/*
 * CookieHint: dauerhaften Cookie-Einstellungen-Button an Peters Branding anpassen.
 * Der Button selbst bleibt sichtbar, damit Nutzer ihre Einwilligung jederzeit ändern können.
 * Das Plugin-eigene Cookie-Bild wird ausgeblendet und durch das Peter-Juhle-Icon ersetzt.
 */
html body .redim-cc-reopen {
    background-image: url("/templates/juhle-template/images/peter-juhle-cookie-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px 30px !important;
}

html body .redim-cc-reopen img {
    display: none !important;
}