/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

nav#main-nav button.c2_custom_navbar_social {
    background-color: var(--primary-color);
    height: clamp(3rem, 1.6rem + 4.48vi, 10rem);
    aspect-ratio: 1 / 1;
    transition: background-color 0.3s ease;
}
nav#main-nav button.c2_custom_navbar_social,
body.scroll-level-2 nav#main-nav button.c2_custom_navbar_social {
    position: fixed;
    bottom: 10vh;
    right: 0px;
    margin: calc(clamp(3rem, 1.6rem + 4.48vi, 10rem) + 2vi) 0 0 0;
    border-radius: 0px;
    border: 0;
    padding: 0px;
    overflow: hidden;
    justify-items: center;
    display: grid;
    align-items: center;
}
nav#main-nav button.c2_custom_navbar_social:hover {
    background-color: rgba(var(--primary-color-rgb), 0.6); /* 60% Deckkraft */
}
button.btn.btn-primary.c2_custom_navbar_social a {
    width: 75%;
    height: auto;
    display: block;
}
button.c2_custom_navbar_social img {
    opacity: 1 !important;
    transition: none !important;
    pointer-events: none; /* optional, damit Hover nicht abgefangen wird */
}