.logo
{
width:380px;
position: relative;
left: 45px;
top: -40px;
}
a.infobox:link, a.infobox:visited {
color: #008238;
text-decoration: none;
}
a.infobox:hover {
border: none;
color: #008238;
text-decoration: underline;
}
a.infobox span {
visibility: hidden;
display: none;
position: absolute;
text-decoration: none;
}
a.infobox:hover span {
visibility: visible;
display: block;
color: #000;
background-color:#97d1a2;
padding:10px;
border-radius: 10px;
opacity: 1 !important;
}
a.infobox:hover span img {
display: block;
border: none; border-width:0px;padding:0px;
opacity: 1 !important;
}
#headerline{
top:10px;
float:right;
position:absolute;
}
a.infoimg:link, a.infoimg:visited { text-decoration: none;
}
a.infoimg:hover {
border: none;
*/color: #008238;*/
text-decoration: underline;
}
a.infoimg span {
visibility: hidden;
display: none;
position: absolute;
text-decoration: none;
}
a.infoimg:hover span {
visibility: visible;
display: block;
}
a.infoimg:hover span img {
border: none; border-width:0px;
padding:0px;
border-radius: 10px;
margin-left:auto;margin-right:auto;
animation: einblenden 1.5s;
-moz-animation: einblenden 1.5s; -webkit-animation: einblenden 1.5s; -o-animation: einblenden 1.5s; }
@keyframes einblenden {
from { opacity:0; }
to { opacity:1; }
}
@-moz-keyframes einblenden { from { opacity:0; }
to { opacity:1; }
}
@-webkit-keyframes einblenden { from { opacity:0; }
to { opacity:1; }
}
@-o-keyframes einblenden { from { opacity:0; }
to { opacity:1; }
}
//RCB Tool Button anzeigen
add_action('wp_footer', function() {
?>
<div class="lock-button-container">
<!-- Schloss-Button -->
<div class="lock-button" title="Privatsphäre-Einstellungen ändern">🔒</div>
<!-- Tooltip mit Schließen-Icon -->
<div class="lock-tooltip">
<span class="close-tooltip">✖</span>
<div class="lock-item"><?php echo do_shortcode('[rcb-consent type="change" tag="button" text="Privatsphäre-Einstellungen ändern"]'); ?></div>
<div class="lock-item"><?php echo do_shortcode('[rcb-consent type="history" tag="button" text="Historie der Privatsphäre-Einstellungen anzeigen"]'); ?></div>
<div class="lock-item"><?php echo do_shortcode('[rcb-consent type="revoke" tag="button" text="Einwilligungen widerrufen" successmessage="Sie haben die Einwilligung für Services mit dessen Cookies und Verarbeitung personenbezogener Daten erfolgreich widerrufen. Die Seite wird jetzt neu geladen!"]'); ?></div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const button = document.querySelector('.lock-button');
const tooltip = document.querySelector('.lock-tooltip');
const closeBtn = document.querySelector('.close-tooltip');
// Schloss-Klick öffnet Tooltip
button.addEventListener('click', () => {
tooltip.style.display = 'block';
});
// X-Klick schließt Tooltip
closeBtn.addEventListener('click', () => {
tooltip.style.display = 'none';
});
});
</script>
<?php
});