.gbk-wrap {
    --gbk-accent: #74216f;
    --gbk-accent-dark: #5d1759;
    --gbk-accent-soft: #fff4bf;
    --gbk-accent-soft-2: #fff9df;
    --gbk-text: #302a30;
    --gbk-muted: #716a71;
    direction: ltr !important;
    max-width: 760px;
    margin: 2rem auto;
    padding: 1.85rem;
    border: 1px solid #e4d9e3;
    border-top: 4px solid var(--gbk-accent);
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
    overflow: visible !important;
    color: var(--gbk-text);
    box-shadow: 0 8px 26px rgba(93, 23, 89, .06);
}

.gbk-wrap *,
.gbk-wrap *::before,
.gbk-wrap *::after {
    box-sizing: border-box;
}

.gbk-title {
    margin: 0 0 .5rem !important;
    padding: 0 !important;
    color: var(--gbk-text) !important;
    text-align: left !important;
}

.gbk-intro {
    margin: 0 0 1.5rem !important;
    color: var(--gbk-muted) !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

.gbk-form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    text-align: left !important;
    overflow: visible !important;
}

.gbk-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
        "firstname lastname"
        "email phone" !important;
    gap: 1rem !important;
    width: 100% !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
    direction: ltr !important;
    overflow: visible !important;
}

.gbk-first-name { grid-area: firstname; }
.gbk-last-name { grid-area: lastname; }
.gbk-email { grid-area: email; }
.gbk-phone { grid-area: phone; }

.gbk-field {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    direction: ltr !important;
    text-align: left !important;
    overflow: visible !important;
}

.gbk-grid > .gbk-field {
    margin-bottom: 0 !important;
}

.gbk-field label {
    display: block !important;
    width: auto !important;
    margin: 0 0 .4rem !important;
    padding: 0 !important;
    color: var(--gbk-text) !important;
    font-weight: 650 !important;
    text-align: left !important;
}

.gbk-field input,
.gbk-field select,
.gbk-field textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: .72rem .82rem !important;
    border: 1px solid #cdbfcb !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gbk-text) !important;
    font: inherit !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 46px !important;
    overflow: visible !important;
    box-shadow: none !important;
    direction: ltr !important;
    text-align: left !important;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.gbk-field input:hover,
.gbk-field select:hover,
.gbk-field textarea:hover {
    border-color: #aa8da6 !important;
}

.gbk-field textarea {
    min-height: 170px !important;
    height: auto !important;
    resize: vertical !important;
}

.gbk-field select {
    min-height: 48px !important;
    height: 48px !important;
    padding-top: .65rem !important;
    padding-bottom: .65rem !important;
}

.gbk-field input:focus,
.gbk-field select:focus,
.gbk-field textarea:focus {
    border-color: var(--gbk-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(116, 33, 111, .12) !important;
}

.gbk-optional,
.gbk-required,
.gbk-help {
    font-weight: 400 !important;
    color: var(--gbk-muted) !important;
}

.gbk-help {
    display: block !important;
    margin: .45rem 0 0 !important;
    padding: 0 !important;
    font-size: .9em !important;
    line-height: 1.45 !important;
}

.gbk-checkbox {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1rem 0 1.25rem !important;
    padding: .85rem 1rem !important;
    direction: ltr !important;
    text-align: left !important;
    clear: both !important;
    background: var(--gbk-accent-soft-2) !important;
    border: 1px solid #eadfb0 !important;
    border-radius: 8px !important;
}

.gbk-form .gbk-checkbox > .gbk-privacy-label {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: .65rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    direction: ltr !important;
    text-align: left !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
}

.gbk-form .gbk-checkbox > .gbk-privacy-label > input[type="checkbox"] {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: .2rem 0 0 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    inset: auto !important;
    accent-color: var(--gbk-accent) !important;
}

.gbk-form .gbk-checkbox .gbk-privacy-text {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
}

.gbk-form a {
    color: var(--gbk-accent-dark) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

.gbk-form a:hover,
.gbk-form a:focus {
    color: var(--gbk-accent) !important;
}

.gbk-submit {
    display: inline-flex !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .78rem 1.25rem !important;
    border: 1px solid var(--gbk-accent-dark) !important;
    border-radius: 7px !important;
    cursor: pointer !important;
    font: inherit !important;
    font-weight: 700 !important;
    background: var(--gbk-accent-dark) !important;
    color: #fff8d7 !important;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.gbk-submit:hover,
.gbk-submit:focus {
    background: var(--gbk-accent) !important;
    border-color: var(--gbk-accent) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.gbk-submit[disabled] {
    cursor: wait !important;
    opacity: .7 !important;
    transform: none !important;
}

.gbk-notice {
    margin: 1rem 0 !important;
    padding: .9rem 1rem !important;
    border-radius: 8px !important;
    line-height: 1.5 !important;
}

.gbk-notice-success {
    color: #3b333b !important;
    background: var(--gbk-accent-soft-2) !important;
    border: 1px solid #dfcf8c !important;
    border-left: 4px solid var(--gbk-accent) !important;
}

.gbk-notice-error {
    background: #fcf0f1 !important;
    border: 1px solid #d63638 !important;
    border-left: 4px solid #d63638 !important;
}

.gbk-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.gbk-recaptcha-wrap {
    display: block !important;
    width: 100% !important;
    margin: 1rem 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    text-align: left !important;
}

.gbk-recaptcha-consent,
.gbk-recaptcha-warning {
    display: block !important;
    width: 100% !important;
    margin: 0 0 .65rem !important;
    padding: .9rem 1rem !important;
    border: 1px solid #e1d1a1 !important;
    border-radius: 8px !important;
    background: var(--gbk-accent-soft-2) !important;
    color: var(--gbk-text) !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

.gbk-recaptcha-consent {
    cursor: pointer !important;
}

.gbk-recaptcha-consent strong,
.gbk-recaptcha-consent span {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.gbk-recaptcha-consent strong {
    margin-bottom: .2rem !important;
    color: var(--gbk-accent-dark) !important;
}

.gbk-recaptcha-consent:focus {
    outline: 2px solid var(--gbk-accent) !important;
    outline-offset: 2px !important;
}

.gbk-recaptcha-warning {
    border-color: #d63638 !important;
    background: #fcf0f1 !important;
}

.gbk-recaptcha-status {
    display: none;
    margin: .35rem 0 .75rem !important;
    padding: 0 !important;
    color: var(--gbk-muted) !important;
    font-size: .9em !important;
    line-height: 1.4 !important;
}

.gbk-recaptcha-status.is-ready,
.gbk-recaptcha-status.is-loading,
.gbk-recaptcha-status.is-error {
    display: block !important;
}

.gbk-recaptcha-status.is-ready {
    color: var(--gbk-accent-dark) !important;
}

.gbk-recaptcha-status.is-error {
    color: #b32d2e !important;
}

.cmplz-google-recaptcha .gbk-recaptcha-consent,
.cmplz-marketing .gbk-recaptcha-consent {
    display: none !important;
}

@media (max-width: 640px) {
    .gbk-wrap {
        padding: 1rem;
        border-radius: 10px;
    }

    .gbk-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "firstname"
            "lastname"
            "email"
            "phone" !important;
        gap: 0 !important;
    }

    .gbk-grid > .gbk-field {
        margin-bottom: 1rem !important;
    }

    .gbk-submit {
        width: 100% !important;
    }
}

.gbk-topic-notice[hidden] {
    display: none !important;
}

.gbk-topic-notice {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: -.1rem 0 1rem !important;
    padding: .8rem .95rem !important;
    background: var(--gbk-accent-soft-2) !important;
    border: 1px solid #e3d38f !important;
    border-left: 4px solid var(--gbk-accent) !important;
    border-radius: 8px !important;
    color: var(--gbk-text) !important;
    overflow: visible !important;
}

.gbk-topic-notice-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gbk-topic-notice-copy strong {
    display: block !important;
    margin: 0 0 .22rem !important;
    color: var(--gbk-accent-dark) !important;
    font-size: .98rem !important;
    line-height: 1.35 !important;
}

.gbk-topic-notice-copy span {
    display: block !important;
    margin: 0 !important;
    color: var(--gbk-muted) !important;
    font-size: .94rem !important;
    line-height: 1.45 !important;
}

.gbk-form .gbk-topic-notice-link {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: .45rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--gbk-accent-dark) !important;
    font: inherit !important;
    font-size: .94rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.gbk-form .gbk-topic-notice-link::after {
    content: "\2192" !important;
    flex: 0 0 auto !important;
    margin-left: .45rem !important;
    text-decoration: none !important;
}

.gbk-form .gbk-topic-notice-link:hover,
.gbk-form .gbk-topic-notice-link:focus {
    color: var(--gbk-accent) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gbk-newsletter-button {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .8rem !important;
    padding: .65rem .9rem !important;
    color: #fff8d7 !important;
    background: var(--gbk-accent-dark) !important;
    border: 1px solid var(--gbk-accent-dark) !important;
    border-radius: 7px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.gbk-newsletter-button:hover,
.gbk-newsletter-button:focus {
    color: #fff !important;
    background: var(--gbk-accent) !important;
    border-color: var(--gbk-accent) !important;
    text-decoration: none !important;
}

.gbk-newsletter {
    display: block !important;
    width: 100% !important;
    margin: 1.5rem 0 0 !important;
    padding: 1.15rem !important;
    background: var(--gbk-accent-soft-2) !important;
    border: 1px solid #e4d59a !important;
    border-top: 3px solid var(--gbk-accent) !important;
    border-radius: 9px !important;
    color: var(--gbk-text) !important;
}

.gbk-newsletter-copy h3 {
    margin: 0 0 .35rem !important;
    padding: 0 !important;
    color: var(--gbk-text) !important;
    font-size: 1.12rem !important;
    line-height: 1.3 !important;
}

.gbk-newsletter-copy p {
    margin: 0 0 .85rem !important;
    color: var(--gbk-muted) !important;
    line-height: 1.55 !important;
}

.gbk-newsletter-brevo {
    display: block !important;
    width: 100% !important;
    margin-top: .8rem !important;
    padding-top: .8rem !important;
    border-top: 1px solid #e4d59a !important;
}

.gbk-newsletter-privacy {
    margin: .7rem 0 0 !important;
    color: var(--gbk-muted) !important;
    font-size: .85rem !important;
    line-height: 1.45 !important;
}

@media (max-width: 640px) {
    .gbk-newsletter-button {
        width: 100% !important;
    }
}

.gbk-newsletter-consent {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .35rem 0 1rem !important;
    padding: .85rem .95rem !important;
    background: #fff !important;
    border: 1px solid #d9cbd7 !important;
    border-left: 4px solid var(--gbk-accent) !important;
    border-radius: 8px !important;
    color: var(--gbk-text) !important;
}

.gbk-form .gbk-newsletter-consent-label {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: .7rem !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    color: var(--gbk-text) !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.gbk-form .gbk-newsletter-consent-label > input[type="checkbox"] {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: .18rem 0 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    inset: auto !important;
    accent-color: var(--gbk-accent) !important;
}

.gbk-newsletter-consent-text {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: .16rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
}

.gbk-newsletter-consent-text strong {
    color: var(--gbk-accent-dark) !important;
    font-size: .98rem !important;
    line-height: 1.35 !important;
}

.gbk-newsletter-consent-text strong .gbk-optional {
    color: var(--gbk-muted) !important;
    font-size: .88em !important;
}

.gbk-newsletter-consent-text > span {
    color: var(--gbk-text) !important;
    font-size: .94rem !important;
}

.gbk-newsletter-consent > p {
    margin: .48rem 0 0 1.65rem !important;
    padding: 0 !important;
    color: var(--gbk-muted) !important;
    font-size: .84rem !important;
    line-height: 1.45 !important;
}

.gbk-newsletter-admin-hint {
    display: block !important;
    width: 100% !important;
    margin: .35rem 0 1rem !important;
    padding: .72rem .85rem !important;
    color: #5d1759 !important;
    background: #fff9df !important;
    border: 1px dashed #c8a93b !important;
    border-radius: 7px !important;
    font-size: .88rem !important;
    line-height: 1.45 !important;
}

.gbk-newsletter-result {
    margin-top: -.35rem !important;
}

@media (max-width: 640px) {
    .gbk-newsletter-consent > p {
        margin-left: 0 !important;
    }
}



/* Eigenständiges Newsletterformular */
.gbk-newsletter-standalone {
    border-top-width: 5px !important;
    background: #fff !important;
}

.gbk-newsletter-kicker {
    display: inline-block !important;
    margin: 0 0 .7rem !important;
    padding: .34rem .62rem !important;
    border-radius: 999px !important;
    background: var(--gbk-accent-soft) !important;
    color: var(--gbk-accent-dark) !important;
    font-size: .76rem !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

.gbk-newsletter-standalone .gbk-title {
    color: var(--gbk-accent-dark) !important;
}

.gbk-newsletter-standalone .gbk-form {
    margin-top: 1.25rem !important;
    padding: 1.15rem !important;
    border: 1px solid #eadfb0 !important;
    border-radius: 10px !important;
    background: var(--gbk-accent-soft-2) !important;
}

.gbk-newsletter-standalone .gbk-field input {
    background: #fff !important;
}

.gbk-newsletter-name-grid {
    grid-template-areas: "firstname lastname" !important;
    margin-bottom: 1rem !important;
}

.gbk-newsletter-main-consent {
    margin-top: .35rem !important;
    background: #fff4bf !important;
    border-color: #e1d18f !important;
    border-left-color: var(--gbk-accent) !important;
}

.gbk-newsletter-main-consent .gbk-newsletter-consent-text strong {
    color: var(--gbk-accent-dark) !important;
}

.gbk-newsletter-standalone .gbk-submit {
    min-width: 210px !important;
}

.gbk-newsletter-standalone-privacy {
    margin-top: .8rem !important;
}

@media (max-width: 640px) {
    .gbk-newsletter-standalone .gbk-form {
        padding: .85rem !important;
    }

    .gbk-newsletter-name-grid {
        grid-template-areas:
            "firstname"
            "lastname" !important;
    }

    .gbk-newsletter-standalone .gbk-submit {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Newsletter-Bestaetigungsseite nach Double-Opt-In */
.gbk-confirmation-page {
    max-width: 700px !important;
    padding: 2.35rem 2.1rem !important;
    text-align: center !important;
    border-top-width: 5px !important;
}

.gbk-confirmation-page .gbk-title {
    margin: .15rem 0 .8rem !important;
    color: var(--gbk-accent-dark) !important;
    text-align: center !important;
    font-size: clamp(1.65rem, 4vw, 2.25rem) !important;
    line-height: 1.2 !important;
}

.gbk-confirmation-page .gbk-newsletter-kicker {
    margin-bottom: .9rem !important;
}

.gbk-confirmation-mark {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 1rem !important;
    border-radius: 50% !important;
    background: var(--gbk-accent) !important;
    color: var(--gbk-accent-soft) !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 0 0 8px #fff9df !important;
}

.gbk-confirmation-lead {
    max-width: 590px !important;
    margin: 0 auto 1.25rem !important;
    color: var(--gbk-text) !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.gbk-confirmation-status {
    display: block !important;
    max-width: 590px !important;
    margin: 0 auto 1.2rem !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid #e1d18f !important;
    border-left: 4px solid var(--gbk-accent) !important;
    border-radius: 9px !important;
    background: var(--gbk-accent-soft-2) !important;
    text-align: left !important;
}

.gbk-confirmation-status strong,
.gbk-confirmation-status span {
    display: block !important;
}

.gbk-confirmation-status strong {
    margin-bottom: .25rem !important;
    color: var(--gbk-accent-dark) !important;
    font-size: .98rem !important;
}

.gbk-confirmation-status span {
    color: var(--gbk-muted) !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
}

.gbk-confirmation-note {
    max-width: 590px !important;
    margin: 0 auto 1.45rem !important;
    color: var(--gbk-muted) !important;
    font-size: .93rem !important;
    line-height: 1.6 !important;
}

.gbk-confirmation-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: .75rem 1.2rem !important;
    border: 1px solid var(--gbk-accent-dark) !important;
    border-radius: 8px !important;
    background: var(--gbk-accent) !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.gbk-confirmation-button:hover,
.gbk-confirmation-button:focus {
    background: var(--gbk-accent-dark) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.gbk-confirmation-button:focus-visible {
    outline: 3px solid rgba(116, 33, 111, .25) !important;
    outline-offset: 3px !important;
}

@media (max-width: 640px) {
    .gbk-confirmation-page {
        padding: 1.7rem 1rem !important;
    }

    .gbk-confirmation-button {
        width: 100% !important;
    }
}

/* Ergänzende Telefon-Option im Kontaktformular. Das Formular bleibt der primäre Weg. */
.gbk-phone-contact {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: -.35rem 0 1.35rem !important;
    padding: .8rem .95rem !important;
    background: var(--gbk-accent-soft-2) !important;
    border: 1px solid #e3d38f !important;
    border-left: 4px solid var(--gbk-accent) !important;
    border-radius: 8px !important;
    color: var(--gbk-text) !important;
    text-align: left !important;
}

.gbk-phone-contact-copy {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.gbk-phone-contact-copy strong,
.gbk-phone-contact-copy span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gbk-phone-contact-copy strong {
    margin-bottom: .2rem !important;
    color: var(--gbk-accent-dark) !important;
    font-size: .98rem !important;
    line-height: 1.35 !important;
}

.gbk-phone-contact-copy span {
    color: var(--gbk-muted) !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
}

.gbk-wrap .gbk-phone-contact-link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .55rem .78rem !important;
    border: 1px solid var(--gbk-accent-dark) !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gbk-accent-dark) !important;
    font: inherit !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.gbk-wrap .gbk-phone-contact-link:hover,
.gbk-wrap .gbk-phone-contact-link:focus {
    background: var(--gbk-accent-dark) !important;
    color: #fff8d7 !important;
    border-color: var(--gbk-accent-dark) !important;
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .gbk-phone-contact {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: .7rem !important;
    }

    .gbk-wrap .gbk-phone-contact-link {
        width: 100% !important;
    }
}


/* Live-Öffnungsstatus aus Öffnungszeiten Manager Pro */
.gbk-phone-hours-status {
    display: block !important;
    margin-top: .45rem !important;
    color: var(--gbk-accent-dark) !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.gbk-phone-contact.is-open .gbk-phone-hours-status::before,
.gbk-phone-contact.is-closed .gbk-phone-hours-status::before,
.gbk-phone-contact.is-loading .gbk-phone-hours-status::before,
.gbk-phone-contact.is-error .gbk-phone-hours-status::before {
    display: inline-block !important;
    width: .55rem !important;
    height: .55rem !important;
    margin-right: .45rem !important;
    border-radius: 50% !important;
    background: currentColor !important;
    content: "" !important;
    vertical-align: .04rem !important;
}

.gbk-phone-contact.is-open .gbk-phone-hours-status {
    color: #37673d !important;
}

.gbk-phone-contact.is-closed .gbk-phone-hours-status,
.gbk-phone-contact.is-loading .gbk-phone-hours-status {
    color: var(--gbk-muted) !important;
}

.gbk-phone-contact.is-error .gbk-phone-hours-status,
.gbk-phone-hours-status.is-error {
    color: #8a3c3c !important;
}

.gbk-wrap .gbk-phone-contact-link.is-disabled,
.gbk-wrap .gbk-phone-contact-link[aria-disabled="true"] {
    cursor: default !important;
    opacity: .62 !important;
    border-color: #b9afb8 !important;
    background: rgba(255,255,255,.7) !important;
    color: #6f666e !important;
    pointer-events: none !important;
}

.gbk-wrap .gbk-phone-contact-link.is-open {
    opacity: 1 !important;
}
