.cookie-setting {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #005bbb;
    /* seriöses Blau */
    border-radius: 50%;
    width: 52px;
    height: 52px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M15.7 2.3a1 1 0 0 1 1.2-.1 9.9 9.9 0 0 1 4.9 8.5 10 10 0 0 1-10 10A10 10 0 0 1 6 3.1a1 1 0 0 1 1.2.7 2 2 0 0 0 2.8 1.2 1 1 0 0 1 1.2.2 2 2 0 0 0 3.3-.3 1 1 0 0 1 1.2-.4 2 2 0 0 0 1.3.1zM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    transition: all 0.3s ease;
}

/* Linktext ausblenden */
.cookie-setting a {
    display: none;
}

/* Beim Hover: Fläche wird größer, Icon rutscht nach links, Text erscheint */
.cookie-setting:hover {
    border-radius: 30px;
    width: auto;
    padding: 10px 15px 10px 50px;
    background-position: 15px center;
    background-size: 22px;
}

.cookie-setting:hover a {
    display: inline;
    color: white;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin-left: 10px;
    opacity: 1;
    pointer-events: auto;
    white-space: nowrap;
}

/* Klaro: Banner fix unten (v0.x und v1.x kompatibel) */
.klaro .cookie-notice,
.cm-wrapper .cm-notice {
    position: fixed !important;
    width: 99%;
    left: 0 !important;

    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 2147483647 !important;
    /* über allem */
}