/* Google Maps Container */

#lautwein-google-map {
    width: 100%;
    min-height: 450px;
}

#lautwein-google-map iframe {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
}

/* Platzhalter ohne Zustimmung */

.google-maps-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    padding: 2rem;
    background-color: #f5f5f5;
    color: #444;
    text-align: center;
}

.google-maps-placeholder p {
    margin: 0;
    font-size: 1rem;
}

.google-maps-placeholder button {
    cursor: pointer;
}

/* Cookie-Einstellungen im Footer */

.cookie-settings-button {
    font: inherit;
    font-size: 0.875rem;
    color: inherit;
    text-decoration: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.cookie-settings-button:hover {
    text-decoration: underline;
}

#cookie-consent {
    position: fixed !important;
    z-index: 999999 !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
    max-width: 600px;
    width: calc(100% - 30px);
    overflow-y: auto;
}

.cookie-consent-container .buttons .btn--primary {
    background-color: #064F86 !important;
    color: var(--color-white);
    border: 2px solid #064F86 !important;
}
.cookie-consent-container .buttons .btn--primary, .cookie-consent-container .buttons .btn--secondary {
	border-radius: 0 !important;
}
.cookie-consent-container .label input:checked~.checkmark {
    background-color: #064F86 !important;
}
.cookie-consent-container .label:hover .checkmark {
    background-color: #064F86 !important;
}
.cookie-consent-container .label input:focus~.checkmark {
    outline: 2px solid #064F86 !important;
    outline-offset: 2px;
}