.elementor-kit-50{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-50 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ======================================
   CITYRADAR24 – MASTER CSS CLEAN FINAL
   Strukturierte Endversion mit klaren Bereichen
   ====================================== */


/* ======================================
   01. DEAL CARD PREMIUM
   Standard Deal-Karte / Elementor Card
   ====================================== */

.cityradar-deal-card {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.06),
        0 24px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    padding: 18px;
    position: relative;
    transition: transform .25s ease, box-shadow .25s ease;
}

.cityradar-deal-card:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow:
        0 12px 26px rgba(15, 23, 42, 0.08),
        0 30px 52px rgba(15, 23, 42, 0.10);
}

.cityradar-deal-card .e-con,
.cityradar-deal-card .elementor-widget-wrap,
.cityradar-deal-card .elementor-element {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cityradar-deal-card .elementor-widget-image {
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.cityradar-deal-card .elementor-widget-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 220px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 18px;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.cityradar-deal-card:hover .elementor-widget-image img {
    transform: scale(1.03);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
    filter: saturate(1.03) contrast(1.02);
}

.cityradar-deal-card .elementor-heading-title,
.cityradar-deal-card h1,
.cityradar-deal-card h2,
.cityradar-deal-card h3 {
    color: #0b1220 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    margin: 0 0 12px 0 !important;
}

.cityradar-deal-card .elementor-widget-text-editor,
.cityradar-deal-card .elementor-widget-text-editor p,
.cityradar-deal-card p {
    color: #5f6b7a !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.cityradar-deal-card .elementor-button-wrapper {
    margin-top: 16px;
}

.cityradar-deal-card .elementor-button {
    border-radius: 12px !important;
    padding: 13px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #ffffff !important;
    box-shadow:
        0 8px 18px rgba(34, 197, 94, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.cityradar-deal-card .elementor-button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 24px rgba(34, 197, 94, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.cityradar-deal-card .elementor-widget:not(:last-child) {
    margin-bottom: 12px;
}


/* ======================================
   02. DEAL BADGES / META
   Kleine Labels auf Dealkarten
   ====================================== */

.cityradar-deal-badges {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 8;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: calc(100% - 32px);
}

.cityradar-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    box-shadow:
        0 6px 16px rgba(15, 23, 42, .12),
        0 0 0 1px rgba(255, 255, 255, 0.20) inset;
    white-space: nowrap;
}

.cityradar-badge--deal {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
}

.cityradar-badge--popular {
    background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
}

.cityradar-badge--date {
    background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
}

.cityradar-deal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 10px;
}

.cityradar-deal-meta-item {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    border: 1px solid rgba(15, 23, 42, .06);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}


/* ======================================
   03. FIRMA INFO CARD / ÖFFNUNGSZEITEN
   Info-Box auf Firmendetailseite
   ====================================== */

.firma-info-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 20px 24px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    margin-top: 24px;
    max-width: 520px;
}

.firma-info-card .elementor-widget-text-editor {
    font-size: 15px;
    color: #334155;
    line-height: 1.6;
}

.firma-info-card a {
    color: #16a34a;
    font-weight: 500;
    text-decoration: none;
}

.firma-info-card a:hover {
    text-decoration: underline;
}

.firma-info-item-zeiten {
    align-items: flex-start;
}

.cityradar-zeiten-title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 6px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cityradar-oeffnungszeiten-mini {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.cityradar-oz-mini-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 14px;
    line-height: 1.5;
}

.cityradar-oz-mini-row.is-today {
    font-weight: 800;
    background: rgba(34, 197, 94, 0.06);
    border-radius: 8px;
    padding: 4px 8px;
}

.cityradar-oz-mini-day {
    font-weight: 600;
    min-width: 42px;
    color: #334155;
}

.cityradar-oz-mini-row.is-today .cityradar-oz-mini-day {
    color: #16a34a;
}

.cityradar-oz-mini-time {
    text-align: right;
    color: #475569;
}

.cityradar-oz-mini-time.is-open {
    color: #166534;
}

.cityradar-oz-mini-time.is-closed {
    color: #dc2626;
}

.cityradar-oz-mini-time.is-appointment {
    color: #d97706;
}


/* ======================================
   04. HEUTE STATUS
   Offen / geschlossen / Termin etc.
   ====================================== */

.cityradar-open-status {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}

.cityradar-open-status.is-open {
    color: #16a34a;
}

.cityradar-open-status.is-opening {
    color: #d97706;
}

.cityradar-open-status.is-closed {
    color: #dc2626;
}

.cityradar-open-status.is-appointment {
    color: #7c3aed;
}


/* ======================================
   05. DEAL HERO / DETAIL
   Große Deal-Detailansicht
   ====================================== */

.cityradar-deal-hauptlabel {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #ff6b00, #ff8c42);
    padding: 8px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.25);
}

.cityradar-deal-hero {
    background: #ffffff;
    border-radius: 22px;
    padding: 36px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.cityradar-deal-hero .elementor-heading-title {
    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #0f172a !important;
    margin-bottom: 14px !important;
}

.cityradar-deal-hero .elementor-widget-text-editor,
.cityradar-deal-hero p {
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
}

.cityradar-deal-hero .elementor-button {
    border-radius: 12px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.cityradar-deal-hero .elementor-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(34, 197, 94, 0.25);
}

.cityradar-deal-hero-image img {
    width: 100%;
    max-height: 420px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 18px;
    padding: 12px;
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
    transition: transform .28s ease, box-shadow .28s ease;
}

.cityradar-deal-hero:hover .cityradar-deal-hero-image img {
    transform: scale(1.02);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.cityradar-deal-provider {
    margin-top: 12px;
    font-size: 15px;
    color: #334155;
}

.cityradar-deal-provider a {
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
}

.cityradar-deal-hinweis {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}

.cityradar-deal-laufzeit {
    display: inline-flex;
    align-items: center;
    margin: 12px 0;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff1f2;
    color: #dc2626;
    border: 1px solid rgba(220, 38, 38, 0.15);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}


/* ======================================
   06. DEAL POPUP
   Gutschein / Popup-Ausgabe
   Premium / CityRadar24 Final
   ====================================== */

.cityradar-deal-popup {
    text-align: center;
    color: #0f172a;
    max-width: 640px;
    margin: 0 auto;
    padding: 10px 8px 4px;
}

.cityradar-deal-popup-head {
    font-size: clamp(34px, 4vw, 44px);
    line-height: 1.04;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px;
    letter-spacing: -0.04em;
}

.cityradar-deal-popup-subline {
    max-width: 470px;
    margin: 0 auto 26px;
    font-size: 16px;
    line-height: 1.65;
    color: #64748b;
}

.cityradar-deal-code-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin: 14px 0 10px;
}

.cityradar-deal-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    min-height: 96px;
    padding: 20px 30px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);    color: #0f172a;
    font-size: clamp(36px, 5vw, 48px);
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
    margin: 0;
}

.cityradar-deal-vorort,
.cityradar-deal-popup-hinweis {
    max-width: 460px;
    margin: 0 auto 14px;
    font-size: 15px;
    line-height: 1.75;
    color: #334155;
}

.cityradar-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: none;
    cursor: pointer;
    box-shadow:
        0 12px 26px rgba(34, 197, 94, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition: transform .2s ease, box-shadow .2s ease;
}

.cityradar-copy-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 18px 32px rgba(34, 197, 94, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

.cityradar-copy-msg {
    min-height: 20px;
    font-size: 13px;
    font-weight: 700;
    color: #16a34a;
    margin-top: 2px;
}

.cityradar-deal-popup-meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0;
    padding: 11px 16px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff7ed 0%, #fff1f2 100%);
    color: #c2410c;
    border: 1px solid rgba(194, 65, 12, 0.16);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(194, 65, 12, 0.10);
}

.cityradar-deal-popup-conditions {
    max-width: 520px;
    margin: 26px auto 0;
    padding: 20px 22px;
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
    color: #475569;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.70),
        0 10px 24px rgba(15, 23, 42, 0.04);
}

.cityradar-deal-popup-conditions p {
    margin: 0;
}

.cityradar-deal-popup-actions {
    margin-top: 22px;
}

.cityradar-deal-popup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow:
        0 12px 24px rgba(34, 197, 94, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);
    transition: transform .2s ease, box-shadow .2s ease;
}

.cityradar-deal-popup-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 16px 28px rgba(34, 197, 94, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

@media (max-width: 767px) {
    .cityradar-deal-popup {
        max-width: 100%;
        padding: 4px 0 0;
    }

    .cityradar-deal-popup-head {
        font-size: 30px;
        line-height: 1.08;
    }

    .cityradar-deal-popup-subline {
        margin-bottom: 22px;
        font-size: 15px;
    }

    .cityradar-deal-code-wrap {
        gap: 16px;
        margin: 12px 0 8px;
    }

    .cityradar-deal-code {
        min-width: 100%;
        width: 100%;
        font-size: 32px;
        min-height: 82px;
        padding: 16px 18px;
        border-radius: 20px;
    }

    .cityradar-copy-btn,
    .cityradar-deal-popup-btn {
        width: 100%;
    }

    .cityradar-deal-popup-conditions {
        max-width: 100%;
        padding: 16px 18px;
        border-radius: 16px;
    }
}

/* ======================================
   DEAL POPUP MODES (NEU)
   Varianten je Deal-Typ
   ====================================== */

.cityradar-deal-popup--vorort .cityradar-deal-code {
    display: none;
}

.cityradar-deal-popup--vorort .cityradar-copy-btn {
    display: none;
}

.cityradar-deal-popup--vorort .cityradar-deal-popup-head {
    font-size: clamp(30px, 4vw, 36px);
}

.cityradar-deal-popup--vorort .cityradar-deal-popup-subline {
    font-size: 17px;
    color: #334155;
}

.cityradar-deal-popup--online .cityradar-deal-code {
    display: none;
}

.cityradar-deal-popup--online .cityradar-copy-btn {
    display: none;
}

.cityradar-deal-popup--online .cityradar-deal-popup-btn {
    width: 100%;
    min-height: 56px;
    font-size: 16px;
}

/* ======================================
   07. DEAL DETAIL MODULES
   Benefits / Meta / Copy Button / Zusatzinfos
   ====================================== */

.cityradar-deal-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cityradar-deal-benefits li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #334155;
}

.cityradar-deal-benefits li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #22c55e;
    font-weight: 700;
}

.cityradar-deal-details div {
    margin-bottom: 10px;
    font-size: 15px;
    color: #475569;
}

.cityradar-deal-info-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 34px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    margin-top: 24px;
}

.cityradar-deal-info-box h2,
.cityradar-deal-info-box h3 {
    margin-bottom: 18px;
}

.cityradar-deal-meta-box {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cityradar-meta-row {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.cityradar-meta-row:last-child {
    border-bottom: none;
}

.cityradar-meta-row .label {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 6px;
    display: block;
}

.cityradar-meta-row .value {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
}

.deal-art-badge {
    display: inline-block;
    background: #ecfdf5;
    color: #059669;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.cityradar-deal-code-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.cityradar-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.cityradar-copy-btn:hover {
    background: #f8fafc;
    transform: translateY(-1px);
}

.cityradar-copy-msg {
    min-height: 20px;
    font-size: 13px;
    font-weight: 700;
    color: #16a34a;
    margin-bottom: 4px;
}


/* ======================================
   08. ANBIETER BOX
   Anbieter-Box auf Deal-Detailseiten
   ====================================== */

.cityradar-anbieter-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    padding: 22px 24px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
}

.anbieter-left {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.anbieter-logo img,
.anbieter-logo-placeholder {
    width: 58px;
    height: 58px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}

.anbieter-logo-placeholder {
    font-size: 26px;
}

.anbieter-label {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 4px;
}

.anbieter-name a {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    line-height: 1.3;
}

.anbieter-name a:hover {
    text-decoration: underline;
}

.anbieter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    color: #fff !important;
    padding: 12px 18px;
    border-radius: 12px;
    text-decoration: none !important;
    font-weight: 700;
    transition: all .2s ease;
    white-space: nowrap;
}

.anbieter-button:hover {
    background: #1e293b;
    transform: translateY(-1px);
}


/* ======================================
   09. DEAL SUCHSEITE
   GMW Deal Search Layout / Grid / List / Badge Stack
   ====================================== */

.cityradar-deal-search-page .gmw-form-wrapper,
.cityradar-deal-search-page .gmw-results-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.cityradar-deal-search-page .gmw-form-wrapper {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
}

.cityradar-deal-search-page .gmw-form-wrapper input,
.cityradar-deal-search-page .gmw-form-wrapper select {
    min-height: 50px !important;
    border-radius: 12px !important;
}

.cityradar-deal-search-page .gmw-form-wrapper input[type="submit"],
.cityradar-deal-search-page .gmw-form-wrapper button {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: 0 18px !important;
    background: #1e6e1e !important;
    color: #ffffff !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.cityradar-deal-search-page .gmw-form-wrapper input[type="submit"]:hover,
.cityradar-deal-search-page .gmw-form-wrapper button:hover {
    background: #155215 !important;
}

/* Grid View */
.cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-wrapper ul,
.cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-list,
.cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
}

/* ======================================
   DEALSUCHE – Listenansicht Fix (v4)
   GEO my WP setzt selbst .gmw-list-view auf .gmw-results-wrapper
   Layout: Text links, Bild rechts (100px), grauer Box passt zum Bild
   EINFÜGEORT: Globale CSS → Bereich 09. DEAL SUCHSEITE
   AKTION: Alte "List View" Blöcke komplett ersetzen.
   ====================================== */

/* ------ List View: Ergebnisliste auf block schalten ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-results-list,
.cityradar-deal-search-page .gmw-list-view .gmw-results-list-wrapper {
    display: block !important;
    grid-template-columns: unset !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ------ List View: Karte – kompakt, mehr Luft für Badges ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-single-item {
    flex-direction: column !important;
    padding: 14px 16px 14px 16px !important;
    padding-top: 50px !important; /* mehr Luft für Badge-Stack */
    height: auto !important;
    margin-bottom: 10px !important;
}

/* ------ List View: Grid-Layout – Text links, Bild rechts ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-item-content {
    display: grid !important;
    grid-template-columns: 1fr 100px !important;
    gap: 0 16px !important;
    align-items: center !important;
}

/* ------ List View: Bild-Wrapper – rechte Spalte, feste Größe ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .image-wrapper,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-search_results-image-wrapper {
    grid-column: 2 !important;
    grid-row: 1 / 10 !important;
    width: 100px !important;
    height: 100px !important;          /* feste Höhe = grauer Box passt zum Bild */
    max-width: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f4f4f4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Bild – überschreibt GEO my WP inline style="width:120px" */
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .image-wrapper img,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-search_results-image-wrapper img,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content img.gmw-image {
    width: 100px !important;
    max-width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
    padding: 8px !important;
    background: none !important;      /* Hintergrund liegt auf Wrapper, nicht auf img */
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ------ List View: Text-Elemente – linke Spalte ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-item-title,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content h3,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-taxonomy-terms,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-item-directions,
.cityradar-deal-search-page .gmw-list-view .gmw-item-content .gmw-item-footer {
    grid-column: 1 !important;
}

/* ------ List View: Titel ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-item-title,
.cityradar-deal-search-page .gmw-list-view .gmw-item-title a {
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
}

/* ------ List View: Taxonomy Meta ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-taxonomy-terms {
    font-size: 12px !important;
    margin: 0 0 2px 0 !important;
}

/* ------ List View: "Deal ansehen" Button ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-get-directions {
    display: inline-flex !important;
    padding: 6px 13px !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    border-radius: 8px !important;
}

/* ------ List View: Adresse ausblenden ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-item-footer {
    display: none !important;
}

/* ------ List View: Hover dämpfen ------ */
.cityradar-deal-search-page .gmw-list-view .gmw-single-item:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10) !important;
}

/* Card */
.cityradar-deal-search-page .gmw-single-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    padding: 16px !important;
    padding-top: 56px !important;
    margin: 0 !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    cursor: pointer;
}

.cityradar-deal-search-page .gmw-single-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12) !important;
}

/* Image */
.cityradar-deal-search-page .gmw-featured-image,
.cityradar-deal-search-page .gmw-image-wrapper,
.cityradar-deal-search-page .gmw-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    text-align: center !important;
}

.cityradar-deal-search-page .gmw-featured-image a,
.cityradar-deal-search-page .gmw-image-wrapper a,
.cityradar-deal-search-page .gmw-image a {
    display: block !important;
    width: 100% !important;
    max-width: 200px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto 12px auto !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    position: relative !important;
    transition: all 0.25s ease !important;
}

.cityradar-deal-search-page .gmw-single-item:hover .gmw-featured-image a,
.cityradar-deal-search-page .gmw-single-item:hover .gmw-image-wrapper a,
.cityradar-deal-search-page .gmw-single-item:hover .gmw-image a {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12) !important;
}

.cityradar-deal-search-page .gmw-featured-image img,
.cityradar-deal-search-page .gmw-image-wrapper img,
.cityradar-deal-search-page .gmw-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 6px !important;
    margin: 0 auto !important;
    transition: transform 0.25s ease !important;
}

.cityradar-deal-search-page .gmw-single-item:hover img {
    transform: scale(1.05);
}

/* Content */
.cityradar-deal-search-page .gmw-item-inner,
.cityradar-deal-search-page .gmw-item-content {
    display: block !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

.cityradar-deal-search-page .gmw-item-title,
.cityradar-deal-search-page .gmw-item-title a {
    display: block !important;
    overflow: visible !important;
    text-overflow: initial !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    min-height: 70px !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    margin: 0 0 10px 0 !important;
    font-weight: 800 !important;
    color: #15803d !important;
    text-decoration: none !important;
}

.cityradar-deal-search-page .gmw-item-taxonomies,
.cityradar-deal-search-page .gmw-item-taxonomies a,
.cityradar-deal-search-page .gmw-item-content,
.cityradar-deal-search-page .gmw-item-content p,
.cityradar-deal-search-page .gmw-item-link a,
.cityradar-deal-search-page .gmw-item-footer a {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    text-decoration: none !important;
}

.cityradar-deal-search-page .gmw-directions-link .gmw-get-directions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 132px !important;
    background: #16a34a !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-top: 12px !important;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.18) !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    letter-spacing: 0.3px !important;
}

.cityradar-deal-search-page .gmw-directions-link .gmw-get-directions:hover {
    background: #15803d !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    text-decoration: none !important;
}

.cityradar-deal-search-page .gmw-item-footer {
    display: none !important;
}

/* Badge Stack */
.cityradar-deal-search-page .cityradar-card-badge-stack {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    z-index: 40 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: flex-start !important;
    pointer-events: none !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge,
.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-popular-badge {
    position: static !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge {
    font-size: 12px !important;
    padding: 9px 14px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
    gap: 6px !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-popular-badge {
    background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 6px 10px !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25) !important;
    letter-spacing: 0.2px !important;
    opacity: 0.95 !important;
}

/* Deal-Typen */
.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--default,
.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--rabatt {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--gratisartikel {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--zwei-fuer-eins {
    background: linear-gradient(135deg, #ec4899 0%, #be185d 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--gutschein {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--happy-hour {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--limitierte-aktion {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--probieraktion {
    background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%) !important;
    color: #ffffff !important;
}

/* Badge Icons */
.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge::before {
    display: inline-block;
    line-height: 1;
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--rabatt::before {
    content: "🏷";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--gratisartikel::before {
    content: "🎁";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--zwei-fuer-eins::before {
    content: "➕";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--gutschein::before {
    content: "🎟";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--happy-hour::before {
    content: "🕒";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--limitierte-aktion::before {
    content: "🔥";
}

.cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge.cityradar-deal-badge--probieraktion::before {
    content: "🧪";
}

.cityradar-deal-search-page .cityradar-card-badge-stack span {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cityradar-deal-search-page .gmw-single-item:hover .cityradar-card-badge-stack span {
    transform: translateY(-2px);
}


/* ======================================
   10. FIRMENSUCHE
   Konsolidierter Endstand
   Kein absolutes GMW-Bildchaos mehr
   Nur eigener Logo-Wrapper
   ====================================== */

.cityradar-firma-search-page {
    background: transparent !important;
}

.cityradar-firma-search-page .gmw-form-wrapper,
.cityradar-firma-search-page .gmw-results-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Oberer Bereich neutralisieren */
.cityradar-firma-search-page .elementor-section,
.cityradar-firma-search-page .elementor-container,
.cityradar-firma-search-page .elementor-widget-wrap,
.cityradar-firma-search-page .e-con,
.cityradar-firma-search-page .cityradar-search-hero,
.cityradar-firma-search-page .cityradar-search-intro,
.cityradar-firma-search-page .gmw-locator-wrapper > .elementor-widget-container,
.cityradar-firma-search-page .gmw-locator-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Intro / Hero */
.cityradar-firma-search-page .cityradar-search-intro,
.cityradar-firma-search-page .cityradar-search-hero,
.cityradar-firma-search-page .cityradar-top-wrapper,
.cityradar-firma-search-page .cityradar-search-top,
.cityradar-firma-search-page .cityradar-hero-wrap {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.04),
        0 22px 40px rgba(15, 23, 42, 0.035) !important;
    padding: 26px 28px !important;
    margin-bottom: 24px !important;
}

.cityradar-firma-search-page h1,
.cityradar-firma-search-page .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.02em !important;
}

.cityradar-firma-search-page .elementor-widget-text-editor,
.cityradar-firma-search-page .elementor-widget-text-editor p,
.cityradar-firma-search-page .cityradar-search-subline,
.cityradar-firma-search-page .cityradar-search-intro p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    text-align: center !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
}

/* Formular */
.cityradar-firma-search-page .gmw-form-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.04),
        0 22px 40px rgba(15, 23, 42, 0.035) !important;
    padding: 24px !important;
    margin-bottom: 26px !important;
}

.cityradar-firma-search-page .gmw-form-wrapper form,
.cityradar-firma-search-page .gmw-form-wrapper .gmw-form,
.cityradar-firma-search-page .gmw-form-wrapper .gmw-search-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.cityradar-firma-search-page .gmw-form-wrapper label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
}

.cityradar-firma-search-page .gmw-form-wrapper input,
.cityradar-firma-search-page .gmw-form-wrapper select {
    min-height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    box-shadow: none !important;
    font-size: 15px !important;
    color: #0f172a !important;
    background: #ffffff !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* ------ 1. Submit-Button: Farbe ergänzen ------ */
/* AKTION: Bestehenden Button-Block (ab .cityradar-firma-search-page .gmw-form-wrapper
   input[type="submit"]) durch diesen ersetzen */

.cityradar-firma-search-page .gmw-form-wrapper input[type="submit"],
.cityradar-firma-search-page .gmw-form-wrapper button,
.cityradar-firma-search-page .gmw-submit input,
.cityradar-firma-search-page .gmw-submit button {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
    background: #1e6e1e !important;
    color: #ffffff !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.cityradar-firma-search-page .gmw-form-wrapper input[type="submit"]:hover,
.cityradar-firma-search-page .gmw-form-wrapper button:hover,
.cityradar-firma-search-page .gmw-submit input:hover,
.cityradar-firma-search-page .gmw-submit button:hover {
    background: #155215 !important;
}

/* Map / Results */
.cityradar-firma-search-page .gmw-map-wrapper,
.cityradar-firma-search-page .gmw-results-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.04),
        0 22px 40px rgba(15, 23, 42, 0.035) !important;
    margin-bottom: 28px !important;
}

.cityradar-firma-search-page .gmw-map-wrapper {
    overflow: hidden !important;
    padding: 16px !important;
}

.cityradar-firma-search-page .gmw-results-wrapper {
    padding: 22px !important;
}

.cityradar-firma-search-page .gmw-results-wrapper .gmw-results-message,
.cityradar-firma-search-page .gmw-results-wrapper .gmw-sort-wrapper,
.cityradar-firma-search-page .gmw-results-wrapper .gmw-per-page-wrapper {
    margin-bottom: 18px !important;
}

/* Firmenkarte */
.cityradar-firma-search-page .gmw-single-item {
    position: relative !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.06),
        0 24px 44px rgba(15, 23, 42, 0.05) !important;
    padding: 22px !important;
    min-height: 0 !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
    overflow: hidden !important;
}

.cityradar-firma-search-page .gmw-single-item:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.08),
        0 28px 52px rgba(15, 23, 42, 0.07) !important;
}

/* Titel / Text */
.cityradar-firma-search-page .gmw-item-title,
.cityradar-firma-search-page .gmw-item-title a {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    color: #16a34a !important;
    text-decoration: none !important;
    margin: 0 0 10px 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.cityradar-firma-search-page .gmw-item-content,
.cityradar-firma-search-page .gmw-item-content p,
.cityradar-firma-search-page .gmw-item-taxonomies,
.cityradar-firma-search-page .gmw-item-taxonomies a {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    text-decoration: none !important;
}

/* Taxonomien gleiche Höhe */
.cityradar-firma-search-page .gmw-item-taxonomies {
    min-height: 52px !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
}

.cityradar-firma-search-page .gmw-item-taxonomies a {
    color: #16a34a !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Content-Höhe für Kartenangleichung */
.cityradar-firma-search-page .gmw-item-content {
    min-height: 118px !important;
}

/* Distanz */
.cityradar-firma-search-page .gmw-distance,
.cityradar-firma-search-page .gmw-item-distance {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 20 !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    box-shadow: 0 6px 16px rgba(43, 108, 176, 0.18) !important;
}

/* Overlay */
.cityradar-firma-search-page .cityradar-card-overlay {
    z-index: 5 !important;
}

.cityradar-firma-search-page .cityradar-card-actions,
.cityradar-firma-search-page .cityradar-profile-btn,
.cityradar-firma-search-page .cityradar-route-btn,
.cityradar-firma-search-page .cityradar-footer-badge-wrap {
    position: relative !important;
    z-index: 20 !important;
}

/* Buttons / Actions */
.cityradar-firma-search-page .cityradar-card-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    padding: 2px 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.cityradar-firma-search-page .cityradar-profile-btn,
.cityradar-firma-search-page .cityradar-route-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.cityradar-firma-search-page .cityradar-profile-btn:hover,
.cityradar-firma-search-page .cityradar-route-btn:hover {
    transform: translateY(-2px) !important;
}

.cityradar-firma-search-page .cityradar-profile-btn {
    background: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10) !important;
}

.cityradar-firma-search-page .cityradar-profile-btn:hover {
    background: #1e293b !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14) !important;
}

.cityradar-firma-search-page .cityradar-route-btn {
    background: #f1f5f9 !important;
    color: #334155 !important;
    box-shadow: none !important;
}

.cityradar-firma-search-page .cityradar-route-btn:hover {
    background: #16a34a !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Deal-Badge oben links */
.cityradar-firma-search-page .cityradar-footer-badge-wrap {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 50 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    pointer-events: none !important;
}

.cityradar-firma-search-page .cityradar-footer-badge-wrap .cityradar-deal-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(249, 115, 22, 0.24) !important;
    margin: 0 !important;
}

.cityradar-firma-search-page .cityradar-footer-badge-wrap .cityradar-deal-badge::before {
    content: "🔥";
    display: inline-block;
    line-height: 1;
}

/* Footer / unterer Kartenbereich */
.cityradar-firma-search-page .gmw-item-footer {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    min-height: 150px !important;
    z-index: 20 !important;
}

/* Adresse unten komplett weg */
.cityradar-firma-search-page .gmw-item-address,
.cityradar-firma-search-page .gmw-location,
.cityradar-firma-search-page .gmw-address,
.cityradar-firma-search-page .gmw-item-location,
.cityradar-firma-search-page .gmw-item-footer .gmw-item-address,
.cityradar-firma-search-page .gmw-item-footer .gmw-location,
.cityradar-firma-search-page .gmw-item-footer .gmw-address,
.cityradar-firma-search-page .gmw-item-footer .gmw-item-location {
    display: none !important;
}

/* Alte GMW-Bildwrapper komplett deaktivieren */
.cityradar-firma-search-page .gmw-image-wrapper,
.cityradar-firma-search-page .gmw-featured-image,
.cityradar-firma-search-page .gmw-image {
    display: none !important;
}

/* Nur eigener Logo-Wrapper */
.cityradar-firma-search-page .cityradar-firma-logo-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 2px !important;
}

.cityradar-firma-search-page .cityradar-firma-logo-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 168px !important;
    height: 168px !important;
    padding: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
    text-decoration: none !important;
}

.cityradar-firma-search-page .cityradar-firma-logo-img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 12px !important;
}

/* Zusätzliche Card-Klassen */
.cityradar-firma-card .cityradar-kategorien {
    min-height: 44px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cityradar-firma-card .cityradar-actions {
    margin-bottom: 12px;
}

.cityradar-firma-card .cityradar-actions a {
    padding: 10px 16px;
    font-size: 14px;
}

.cityradar-firma-card .cityradar-firma-logo-wrap {
    margin-top: 18px;
    display: flex;
    justify-content: center;
}

.cityradar-firma-card .cityradar-firma-logo-wrap img {
    max-width: 110px;
    height: auto;
}

/* ------ 2. Select-Pfeil: Dropdown-Pfeil wiederherstellen ------ */
/* AKTION: Ans Ende des Firmensuche-Bereichs anfügen */

.cityradar-firma-search-page .gmw-form-wrapper select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 44px !important;
}

/* ------ 3. Listenansicht: Text links, Bild rechts ------ */
/* AKTION: Ans Ende des Firmensuche-Bereichs anfügen */

/* Ergebnisliste auf block schalten */
.cityradar-firma-search-page .gmw-list-view .gmw-results-list,
.cityradar-firma-search-page .gmw-list-view .gmw-results-list-wrapper {
    display: block !important;
    grid-template-columns: unset !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Karte kompakt */
.cityradar-firma-search-page .gmw-list-view .gmw-single-item {
    padding: 16px !important;
    height: auto !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
}

/* gmw-item-inner als Flex-Zeile: Inhalt links, Bild rechts */
.cityradar-firma-search-page .gmw-list-view .gmw-item-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
}

/* Inhalt-Bereich wächst, links */
.cityradar-firma-search-page .gmw-list-view .gmw-item-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 1 !important;
}

/* Footer: enthält das Logo — nicht verstecken, als rechte Spalte nutzen */
.cityradar-firma-search-page .gmw-list-view .gmw-item-footer {
    display: flex !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 120px !important;
    max-height: 120px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    order: 2 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Adresse im Footer ausblenden */
.cityradar-firma-search-page .gmw-list-view .gmw-item-footer .gmw-item-address {
    display: none !important;
}

/* Logo-Wrapper */
.cityradar-firma-search-page .gmw-list-view .cityradar-firma-logo-wrap {
    width: 120px !important;
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f4f4f4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Bild selbst */
.cityradar-firma-search-page .gmw-list-view .cityradar-firma-logo-wrap img {
    width: 120px !important;
    max-width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
    padding: 10px !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Titel */
.cityradar-firma-search-page .gmw-list-view .gmw-item-title,
.cityradar-firma-search-page .gmw-list-view .gmw-item-title a {
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
}

/* Meta / Kategorien */
.cityradar-firma-search-page .gmw-list-view .gmw-taxonomy-terms {
    font-size: 12px !important;
    margin: 0 0 6px 0 !important;
}

/* Hover dämpfen */
.cityradar-firma-search-page .gmw-list-view .gmw-single-item:hover {
    transform: translateY(-1px) !important;
}


/* ======================================
   11. KUNDENBEREICH / LOGIN / FORMULARE / DEALS
   ====================================== */

.cityradar-kundenbereich-wrapper {
    padding-top: 30px;
    padding-bottom: 60px;
}

.cityradar-kundenbereich-wrapper .elementor-widget-shortcode,
.cityradar-kundenbereich-wrapper .elementor-widget-heading,
.cityradar-kundenbereich-wrapper .elementor-widget-text-editor {
    width: 100%;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-page-intro {
    margin-bottom: 20px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-page-eyebrow {
    display: inline-block;
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #16a34a;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-page-title {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-page-text {
    max-width: 780px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
}

.cityradar-kundenbereich-wrapper .cityradar-login-box,
.cityradar-kundenbereich-wrapper .cityradar-kundenbereich,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap,
.cityradar-kundenbereich-wrapper .cityradar-kb-card {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 24px;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.05),
        0 22px 45px rgba(15, 23, 42, 0.04);
    padding: 30px;
}

.cityradar-kundenbereich-wrapper .cityradar-kundenbereich {
    padding: 26px;
}

.cityradar-kundenbereich-wrapper h1,
.cityradar-kundenbereich-wrapper h2 {
    color: #0f172a !important;
}

.cityradar-kundenbereich-wrapper .cityradar-login-box h3,
.cityradar-kundenbereich-wrapper .cityradar-kundenbereich h2,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
    color: #0f172a;
    font-weight: 800;
}

.cityradar-kundenbereich-wrapper .cityradar-login-subtext,
.cityradar-kundenbereich-wrapper .cityradar-kb-eyebrow {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 10px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-eyebrow {
    color: #16a34a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-head-top {
    display: grid;
    grid-template-columns: 1fr 120px;
    gap: 20px;
    align-items: start;
    width: 100%;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-logo-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 120px;
    padding-top: 2px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-head-top-left {
    min-width: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-companyline {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-companyline-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-companyline-name {
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-logo {
    width: 120px;
    height: 120px;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-logo--bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-clip: content-box;
    padding: 8px;
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-grid {
    display: inline-grid;
    grid-template-columns: 220px 220px;
    gap: 14px 26px;
    align-items: start;
    justify-content: start;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 56px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

@media (max-width: 767px) {
    .cityradar-kundenbereich-wrapper .cityradar-kb-head-top {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-logo-wrap {
        justify-content: flex-start;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-meta-grid {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-companyline-name {
        font-size: 24px;
    }
}


.cityradar-kundenbereich-wrapper .cityradar-kb-logo-placeholder {
    width: 120px;
    height: 120px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px dashed rgba(15, 23, 42, 0.18);
    color: #64748b;
    font-size: 14px;
    padding: 12px;
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-grid-actions {
    align-items: stretch;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile,
.cityradar-kundenbereich-wrapper .cityradar-btn,
.cityradar-kundenbereich-wrapper .cityradar-login-box .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 15px 20px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    cursor: pointer;
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-btn,
.cityradar-kundenbereich-wrapper .cityradar-login-box .button {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #fff !important;
    border: 0;
    box-shadow: 0 12px 26px rgba(22, 163, 74, 0.20);
}

.cityradar-kundenbereich-wrapper .cityradar-btn:hover,
.cityradar-kundenbereich-wrapper .cityradar-login-box .button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 28px rgba(22, 163, 74, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile {
    min-height: 132px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: #ffffff;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile strong {
    font-size: 18px;
    line-height: 1.3;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile span {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-weight: 500;
    line-height: 1.5;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile:hover {
    transform: translateY(-3px);
    border-color: rgba(22, 163, 74, 0.28);
    box-shadow:
        0 12px 26px rgba(15, 23, 42, 0.07),
        0 18px 34px rgba(22, 163, 74, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile--primary {
    min-height: 185px;
    padding: 24px;
    border-radius: 22px;
    box-shadow:
        0 12px 28px rgba(15, 23, 42, 0.06),
        0 18px 38px rgba(15, 23, 42, 0.04);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile--primary:hover {
    transform: translateY(-4px);
    border-color: rgba(22, 163, 74, 0.30);
    box-shadow:
        0 16px 30px rgba(15, 23, 42, 0.08),
        0 20px 40px rgba(22, 163, 74, 0.10);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile--primary strong {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile--primary span:last-child {
    font-size: 15px;
    line-height: 1.6;
    max-width: 95%;
    color: #475569;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-radius: 14px;
    background: #ecfdf5;
    font-size: 22px;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-topnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-topnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #0f172a;
    text-decoration: none;
    font-weight: 700;
    transition: all .2s ease;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
}

.cityradar-kundenbereich-wrapper .cityradar-kb-topnav a:hover,
.cityradar-kundenbereich-wrapper .cityradar-kb-topnav a.is-active {
    background: #ecfdf5;
    border-color: rgba(22, 163, 74, 0.25);
    color: #166534;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-backlink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #334155;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-backlink:hover {
    color: #16a34a;
    transform: translateX(-2px);
}

.cityradar-kundenbereich-wrapper .cityradar-login-box form p {
    margin-bottom: 15px;
}

.cityradar-kundenbereich-wrapper .cityradar-login-links {
    margin-top: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-login-links a {
    color: #16a34a;
    text-decoration: none;
    font-weight: 700;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap {
    position: relative;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap h2 {
    font-size: 30px;
    margin-bottom: 6px;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap .cityradar-kb-eyebrow {
    margin-bottom: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form form p,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form p {
    margin-bottom: 20px;
}

.cityradar-kundenbereich-wrapper .cityradar-login-box label,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form label {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-login-box input[type="text"],
.cityradar-kundenbereich-wrapper .cityradar-login-box input[type="password"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input[type="text"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input[type="url"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input[type="email"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input[type="date"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input[type="file"],
.cityradar-kundenbereich-wrapper .cityradar-frontend-form select,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form textarea {
    width: 100%;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 16px;
    padding: 14px 15px;
    background: #ffffff;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form input:focus,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form textarea:focus {
    transform: translateY(-1px);
}

.cityradar-kundenbereich-wrapper .cityradar-login-box input:focus,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form input:focus,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form select:focus,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form textarea:focus {
    outline: none;
    border-color: rgba(22, 163, 74, 0.55);
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.10);
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form textarea,
.cityradar-kundenbereich-wrapper textarea {
    min-height: 140px;
    resize: vertical;
}

.cityradar-kundenbereich-wrapper select {
    min-height: 48px;
    padding: 10px 14px;
    line-height: 1.4;
}

.cityradar-kundenbereich-wrapper input[type="file"] {
    background: #ffffff;
    padding: 10px;
    border-radius: 12px;
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-2,
.cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
    display: grid;
    gap: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cityradar-kundenbereich-wrapper .cityradar-form-success,
.cityradar-kundenbereich-wrapper .cityradar-form-error {
    padding: 15px 16px;
    border-radius: 16px;
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 15px;
}

.cityradar-kundenbereich-wrapper .cityradar-form-success {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.cityradar-kundenbereich-wrapper .cityradar-form-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.cityradar-kundenbereich-wrapper .cityradar-logo-upload-box {
    margin-top: 26px;
    padding: 22px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 20px;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-logo-upload-box label {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 10px;
}

.cityradar-kundenbereich-wrapper .cityradar-current-logo {
    margin-bottom: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-current-logo img {
    max-width: 140px;
    border-radius: 16px;
    margin-bottom: 12px;
}

.cityradar-kundenbereich-wrapper .cityradar-form-note {
    margin-top: 10px;
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
}

.cityradar-kundenbereich-wrapper .cityradar-checkbox-row {
    margin-top: 4px;
    margin-bottom: 20px;
}

.cityradar-kundenbereich-wrapper .cityradar-checkbox-row label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-checkbox-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #16a34a;
}

/* Meine Deals */
.cityradar-kundenbereich-wrapper .cityradar-meine-deals-list {
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-card {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
    padding: 22px;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-top {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 22px;
    align-items: start;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-image img,
.cityradar-kundenbereich-wrapper .cityradar-mein-deal-noimage {
    width: 100%;
    border-radius: 16px;
    display: block;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-image img {
    height: auto;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-noimage {
    min-height: 130px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px dashed rgba(15, 23, 42, 0.18);
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px;
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.cityradar-kundenbereich-wrapper .cityradar-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cityradar-kundenbereich-wrapper .cityradar-status-eingereicht,
.cityradar-kundenbereich-wrapper .cityradar-status-entwurf,
.cityradar-kundenbereich-wrapper .cityradar-poststatus-draft,
.cityradar-kundenbereich-wrapper .cityradar-aktiv-inaktiv {
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid #fdba74;
}

.cityradar-kundenbereich-wrapper .cityradar-status-freigegeben,
.cityradar-kundenbereich-wrapper .cityradar-status-aktiv,
.cityradar-kundenbereich-wrapper .cityradar-poststatus-publish,
.cityradar-kundenbereich-wrapper .cityradar-aktiv-aktiv {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.cityradar-kundenbereich-wrapper .cityradar-status-in_pruefung,
.cityradar-kundenbereich-wrapper .cityradar-poststatus-pending {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #93c5fd;
}

.cityradar-kundenbereich-wrapper .cityradar-status-abgelehnt {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.cityradar-kundenbereich-wrapper .cityradar-status-abgelaufen {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.cityradar-status-live {
    background: #16a34a;
    color: #fff;
}

.cityradar-status-draft {
    background: #334155;
    color: #fff;
}

.cityradar-status-premium {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-title {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.2;
    color: #0f172a;
    font-weight: 800;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-text {
    margin: 0 0 14px;
    color: #334155;
    line-height: 1.7;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.cityradar-kundenbereich-wrapper .cityradar-mein-deal-actions {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cityradar-kundenbereich-wrapper .cityradar-btn-secondary {
    background: #0f172a;
    color: #fff !important;
}

.cityradar-kundenbereich-wrapper .cityradar-btn-light {
    background: #f1f5f9;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-inline-form {
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-btn-warning {
    background: #b45309;
    color: #fff !important;
}

.cityradar-kundenbereich-wrapper .cityradar-btn-warning:hover {
    background: #92400e;
}

.cityradar-btn-premium {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(249, 115, 22, 0.25);
}

.cityradar-btn-premium:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(249, 115, 22, 0.35);
}

.cityradar-btn-premium-active {
    background: #111827;
    color: #fff !important;
    cursor: pointer;
}

.cityradar-kundenbereich-wrapper .cityradar-inline-hint {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
    max-width: 680px;
}

.cityradar-date-error {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-size: 14px;
    font-weight: 600;
}

.cityradar-extend-form {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.cityradar-extend-input {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Deal Stats */
.cityradar-deal-stats {
    display: flex;
    gap: 14px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.cityradar-deal-stat {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px;
    padding: 10px 14px;
    min-width: 90px;
}

.cityradar-deal-stat .label {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 4px;
    font-weight: 600;
}

.cityradar-deal-stat .value {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-deal-stat.is-low .value {
    color: #dc2626;
}

.cityradar-deal-stat.is-medium .value {
    color: #d97706;
}

.cityradar-deal-stat.is-good .value {
    color: #16a34a;
}

.cityradar-deal-stat.is-perfect {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.cityradar-stat-highlight {
    background: #ecfdf5;
    border-color: rgba(22, 163, 74, 0.25);
}

.cityradar-stat-highlight .value {
    color: #16a34a;
}

/* Action Buttons allgemein */
.cityradar-action-buttons-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    margin-bottom: 22px;
}

.cityradar-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.cityradar-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
    text-decoration: none;
}

.cityradar-action-btn.is-website {
    background: #ffffff;
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.10);
}

.cityradar-action-btn.is-website:hover {
    background: #f8fafc;
    color: #0f172a;
}

.cityradar-action-btn.is-phone {
    background: #16a34a;
    color: #ffffff;
}

.cityradar-action-btn.is-phone:hover {
    background: #15803d;
    color: #ffffff;
}

.cityradar-action-btn.is-whatsapp {
    background: #25D366;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(37, 211, 102, 0.28);
    transform: scale(1.02);
}

.cityradar-action-btn.is-whatsapp:hover {
    background: #1ebe5d;
    color: #ffffff;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 14px 28px rgba(37, 211, 102, 0.35);
}

.cityradar-action-btn.is-route {
    background: #f1f5f9;
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.06);
}

.cityradar-action-btn.is-route:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.cityradar-adresse-link {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.cityradar-adresse-link:hover {
    text-decoration: underline;
}

.firma-info-card .cityradar-adresse-link {
    color: #334155;
    font-weight: 600;
    text-decoration: none;
}

.firma-info-card .cityradar-adresse-link:hover {
    color: #0f172a;
    text-decoration: underline;
}


/* ======================================
   12. RESPONSIVE
   ====================================== */

@media (max-width: 1024px) {
    .cityradar-kundenbereich-wrapper .cityradar-kb-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-wrapper ul,
    .cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-list,
    .cityradar-deal-search-page.cityradar-deal-view-grid .gmw-results-list-wrapper,
    .cityradar-deal-search-page .gmw-results-wrapper ul,
    .cityradar-deal-search-page .gmw-results-list,
    .cityradar-deal-search-page .gmw-results-list-wrapper {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    /* Deal Card */
    .cityradar-deal-card {
        padding: 16px;
        border-radius: 18px;
    }

    .cityradar-deal-card .elementor-heading-title,
    .cityradar-deal-card h1,
    .cityradar-deal-card h2,
    .cityradar-deal-card h3 {
        font-size: 24px !important;
    }

    .cityradar-deal-card .elementor-widget-image img {
        max-height: 190px;
    }

    .cityradar-deal-badges {
        top: 12px;
        left: 12px;
        gap: 6px;
    }

    .cityradar-badge {
        font-size: 11px;
        padding: 6px 10px;
    }

    /* Deal Hero */
    .cityradar-deal-hero {
        padding: 22px;
    }

    .cityradar-deal-hero .elementor-heading-title {
        font-size: 30px !important;
    }

    .cityradar-deal-hero-image img {
        max-height: 300px;
    }

    /* Action Buttons */
    .cityradar-action-buttons-wrap {
        gap: 10px;
    }

    .cityradar-action-btn {
        width: 100%;
    }

    /* Deal Suche */
    .cityradar-deal-search-page.cityradar-deal-view-list .gmw-single-item {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .cityradar-deal-search-page.cityradar-deal-view-list .gmw-featured-image,
    .cityradar-deal-search-page.cityradar-deal-view-list .gmw-image-wrapper,
    .cityradar-deal-search-page.cityradar-deal-view-list .gmw-image {
        width: 100% !important;
        flex: none !important;
    }

    .cityradar-deal-search-page .gmw-single-item {
        padding-top: 50px !important;
    }

    .cityradar-deal-search-page .cityradar-card-badge-stack {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
        gap: 6px !important;
    }

    .cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-deal-badge,
    .cityradar-deal-search-page .cityradar-card-badge-stack .cityradar-popular-badge {
        font-size: 11px !important;
        padding: 7px 10px !important;
    }

    .cityradar-deal-search-page .gmw-item-title,
    .cityradar-deal-search-page .gmw-item-title a {
        font-size: 17px !important;
        min-height: auto !important;
    }

    /* Firmensuche */
    .cityradar-firma-search-page h1,
    .cityradar-firma-search-page .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.22 !important;
    }

    .cityradar-firma-search-page .elementor-widget-text-editor,
    .cityradar-firma-search-page .elementor-widget-text-editor p,
    .cityradar-firma-search-page .cityradar-search-subline,
    .cityradar-firma-search-page .cityradar-search-intro p {
        font-size: 15px !important;
    }

    .cityradar-firma-search-page .gmw-form-wrapper,
    .cityradar-firma-search-page .gmw-results-wrapper,
    .cityradar-firma-search-page .cityradar-search-intro,
    .cityradar-firma-search-page .cityradar-search-hero,
    .cityradar-firma-search-page .cityradar-top-wrapper,
    .cityradar-firma-search-page .cityradar-search-top,
    .cityradar-firma-search-page .cityradar-hero-wrap {
        border-radius: 22px !important;
        padding: 18px !important;
    }

    .cityradar-firma-search-page .gmw-single-item {
        padding: 22px !important;
        border-radius: 20px !important;
    }

    .cityradar-firma-search-page .gmw-item-title,
    .cityradar-firma-search-page .gmw-item-title a {
        font-size: 18px !important;
    }

    .cityradar-firma-search-page .cityradar-card-actions {
        gap: 8px !important;
    }

    .cityradar-firma-search-page .cityradar-profile-btn,
    .cityradar-firma-search-page .cityradar-route-btn {
        min-height: 42px !important;
        height: 42px !important;
        font-size: 13px !important;
        padding: 0 14px !important;
    }

    .cityradar-firma-search-page .cityradar-firma-logo-link {
        width: 120px !important;
        height: 120px !important;
    }

    /* Kundenbereich */
    .cityradar-kundenbereich-wrapper {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .cityradar-kundenbereich-wrapper .cityradar-login-box,
    .cityradar-kundenbereich-wrapper .cityradar-kundenbereich,
    .cityradar-kundenbereich-wrapper .cityradar-frontend-form-wrap,
    .cityradar-kundenbereich-wrapper .cityradar-kb-card,
    .cityradar-kundenbereich-wrapper .cityradar-mein-deal-card {
        padding: 20px;
        border-radius: 20px;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-logo {
        justify-self: start;
    }

    .cityradar-kundenbereich-wrapper .cityradar-mein-deal-image {
        max-width: 220px;
    }
    
    
    .cityradar-kundenbereich-wrapper .cityradar-form-grid-2,
    .cityradar-kundenbereich-wrapper .cityradar-form-grid-3,
    .cityradar-kundenbereich-wrapper .cityradar-mein-deal-top {
        grid-template-columns: 1fr;
    }
    
    .cityradar-kundenbereich-wrapper .cityradar-kb-topnav {
        gap: 8px;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-topnav a {
        width: 100%;
        justify-content: flex-start;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-tile--primary {
        min-height: auto;
    }

    /* Anbieter Box */
    .cityradar-anbieter-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .anbieter-right {
        width: 100%;
    }

    .anbieter-button {
        width: 100%;
    }
}

/* ======================================
   FIX – DEAL BADGE IMMER OBEN LINKS (FINAL)
   ====================================== */

.cityradar-firma-search-page .gmw-single-item {
    position: relative !important;
    padding-top: 25px !important; /* Platz für Badge */
}

/* Badge unabhängig vom Footer */
.cityradar-firma-search-page .cityradar-footer-badge-wrap {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    bottom: auto !important;

    z-index: 999 !important;

    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: block !important;

    pointer-events: none !important;
}

/* Badge selbst sauber */
.cityradar-firma-search-page .cityradar-footer-badge-wrap .cityradar-deal-badge {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ======================================
   FIX – FIRMENSUCHE HEADER WIE DEALSUCHE
   ====================================== */

/* Oberen Header-/Intro-Bereich der Firmensuche wie Dealsuche aufbauen */
.cityradar-firma-search-page .cityradar-search-intro,
.cityradar-firma-search-page .cityradar-search-hero,
.cityradar-firma-search-page .cityradar-top-wrapper,
.cityradar-firma-search-page .cityradar-search-top,
.cityradar-firma-search-page .cityradar-hero-wrap {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.04),
        0 22px 40px rgba(15, 23, 42, 0.035) !important;
    padding: 18px 20px !important;
    margin-bottom: 24px !important;
}

/* Titel wie bei Dealsuche: links, kompakter, nicht Hero-mäßig */
.cityradar-firma-search-page h1,
.cityradar-firma-search-page .elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}

/* Subline wie bei Dealsuche: links, normaler Fließtextstil */
.cityradar-firma-search-page .elementor-widget-text-editor,
.cityradar-firma-search-page .elementor-widget-text-editor p,
.cityradar-firma-search-page .cityradar-search-subline,
.cityradar-firma-search-page .cityradar-search-intro p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    text-align: left !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Falls Elementor Container innen noch mittig ausrichtet */
.cityradar-firma-search-page .cityradar-search-intro .elementor-widget-container,
.cityradar-firma-search-page .cityradar-search-hero .elementor-widget-container,
.cityradar-firma-search-page .cityradar-top-wrapper .elementor-widget-container,
.cityradar-firma-search-page .cityradar-search-top .elementor-widget-container,
.cityradar-firma-search-page .cityradar-hero-wrap .elementor-widget-container {
    text-align: left !important;
}

/* ======================================
   FIX – DEALSUCHE FORMULAR WEISS WIE FIRMENSUCHE
   ====================================== */

.cityradar-deal-search-page .gmw-form-wrapper {
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;

    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.05),
        0 24px 46px rgba(15, 23, 42, 0.04) !important;
}

.cityradar-deal-search-page .gmw-form-wrapper form,
.cityradar-deal-search-page .gmw-form-wrapper .gmw-form,
.cityradar-deal-search-page .gmw-form-wrapper .gmw-search-form {
    background: transparent !important;
}
/* ======================================
   FIX – DEALSUCHE FORMULAR OHNE BORDER
   ====================================== */

.cityradar-deal-search-page .gmw-form-wrapper {
    border: none !important;
}

.cityradar-deal-search-page .gmw-form-wrapper form,
.cityradar-deal-search-page .gmw-form-wrapper .gmw-form,
.cityradar-deal-search-page .gmw-form-wrapper .gmw-search-form {
    border: none !important;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN FORMULAR
   Kundenbereich / kompakte Tageskarten
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form {
    margin-top: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-switch-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    font-weight: 600;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-switch-row input[type="checkbox"] {
    transform: scale(1.05);
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-days-wrap {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-geoeffnet {
    border-color: rgba(22, 163, 74, 0.22);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-nach_vereinbarung {
    border-color: rgba(217, 119, 6, 0.22);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 180px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card h3 {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip--geoeffnet {
    background: rgba(22, 163, 74, 0.10);
    color: #166534;
    border-color: rgba(22, 163, 74, 0.16);
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip--geschlossen {
    background: rgba(148, 163, 184, 0.12);
    color: #475569;
    border-color: rgba(148, 163, 184, 0.18);
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip--nach_vereinbarung {
    background: rgba(217, 119, 6, 0.10);
    color: #b45309;
    border-color: rgba(217, 119, 6, 0.18);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-options {
    display: grid;
    grid-template-columns: minmax(180px, 220px) auto;
    gap: 12px;
    align-items: end;
    flex: 1;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-status-field label,
.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form .cityradar-time-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form .cityradar-opening-status-field select,
.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form input[type="time"] {
    min-height: 44px;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    font-size: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field {
    margin: 0;
    align-self: center;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-times-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cityradar-kundenbereich-wrapper .cityradar-time-row {
    padding: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 16px;
}

.cityradar-kundenbereich-wrapper .cityradar-time-row-title {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-times-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-times-grid p {
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-time-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cityradar-kundenbereich-wrapper .cityradar-time-input-wrap input[type="time"] {
    width: 100%;
}

.cityradar-kundenbereich-wrapper .cityradar-time-suffix {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    white-space: nowrap;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form .cityradar-save-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 20px rgba(34, 197, 94, 0.20);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form .cityradar-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(34, 197, 94, 0.26);
}

@media (max-width: 900px) {
    .cityradar-kundenbereich-wrapper .cityradar-opening-settings {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-opening-day-head {
        flex-direction: column;
        align-items: stretch;
    }

    .cityradar-kundenbereich-wrapper .cityradar-opening-day-options {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-opening-times-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-kundenbereich-wrapper .cityradar-opening-day-card {
        padding: 15px;
        border-radius: 16px;
    }

    .cityradar-kundenbereich-wrapper .cityradar-opening-day-card h3 {
        font-size: 19px !important;
    }

    .cityradar-kundenbereich-wrapper .cityradar-time-row {
        padding: 12px;
    }
}

/* ======================================
   CITYRADAR – FEINSCHLIFF ÖFFNUNGSZEITEN
   ====================================== */

/* Karten kompakter */
.cityradar-kundenbereich-wrapper .cityradar-opening-day-card {
    padding: 14px !important;
}

/* Zeitblock kompakter */
.cityradar-kundenbereich-wrapper .cityradar-time-row {
    padding: 12px !important;
}

/* Zeitfelder kleiner + sauber */
.cityradar-kundenbereich-wrapper .cityradar-time-input-wrap {
    max-width: 160px;
}

/* Inputs kompakter */
.cityradar-kundenbereich-wrapper input[type="time"] {
    min-height: 40px !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
}

/* Uhr näher ran */
.cityradar-kundenbereich-wrapper .cityradar-time-suffix {
    font-size: 12px;
    color: #94a3b8;
    margin-left: 4px;
}

/* Grid enger */
.cityradar-kundenbereich-wrapper .cityradar-opening-times-grid {
    gap: 10px !important;
}

/* Status + Pause besser ausrichten */
.cityradar-kundenbereich-wrapper .cityradar-opening-day-options {
    align-items: center !important;
}

/* Pause Checkbox optisch besser */
.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    padding: 8px 10px;
    font-size: 13px;
}

/* Status Select kompakter */
.cityradar-kundenbereich-wrapper .cityradar-opening-status-field select {
    min-height: 40px !important;
}

/* Titel weniger dominant */
.cityradar-kundenbereich-wrapper .cityradar-opening-day-card h3 {
    font-size: 20px !important;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN PRO
   Premium UI + Schnellaktionen
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-opening-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 0 0 18px;
    padding: 14px 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-toolbar-title {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-toolbar-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cityradar-kundenbereich-wrapper .cityradar-mini-action {
    appearance: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    border-radius: 999px;
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-mini-action:hover,
.cityradar-kundenbereich-wrapper .cityradar-time-copy-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(22, 163, 74, 0.24);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card {
    padding: 16px !important;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-geoeffnet {
    background: linear-gradient(180deg, #ffffff 0%, #fcfffd 100%);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-geschlossen {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-nach_vereinbarung {
    background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-head {
    margin-bottom: 12px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card h3 {
    font-size: 20px !important;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-options {
    grid-template-columns: minmax(180px, 220px) auto;
    gap: 10px;
    align-items: end !important;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    min-height: 44px;
    padding: 9px 12px;
    font-size: 13px;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-times-wrap {
    gap: 8px;
}

.cityradar-kundenbereich-wrapper .cityradar-time-row {
    padding: 12px !important;
}

.cityradar-kundenbereich-wrapper .cityradar-time-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.cityradar-kundenbereich-wrapper .cityradar-time-row-title {
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-time-copy-btn {
    appearance: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    border-radius: 999px;
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.cityradar-kundenbereich-wrapper .cityradar-time-range-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
    gap: 10px;
    align-items: end;
}

.cityradar-kundenbereich-wrapper .cityradar-time-range-field label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-hours-form .cityradar-time-range-field input[type="time"] {
    width: 100%;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
}

.cityradar-kundenbereich-wrapper .cityradar-time-range-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    font-size: 22px;
    font-weight: 700;
    color: #94a3b8;
    user-select: none;
}

.cityradar-kundenbereich-wrapper .is-hidden-soft {
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-width: 0 !important;
    transform: translateY(-4px);
    pointer-events: none;
    transition: max-height .25s ease, opacity .2s ease, transform .2s ease, margin .2s ease, padding .2s ease, border-width .2s ease;
}

@media (max-width: 900px) {
    .cityradar-kundenbereich-wrapper .cityradar-time-range-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-time-range-separator {
        display: none;
    }

    .cityradar-kundenbereich-wrapper .cityradar-time-row-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN LOGIK FIX
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-pause-toggle.is-hidden-soft,
.cityradar-kundenbereich-wrapper .cityradar-time-row.is-hidden-soft {
    display: none !important;
}

.cityradar-kundenbereich-wrapper .cityradar-pause-toggle {
    cursor: default;
}

.cityradar-kundenbereich-wrapper .cityradar-pause-toggle label,
.cityradar-kundenbereich-wrapper .cityradar-pause-toggle input[type="checkbox"] {
    cursor: pointer;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN STATUS POLISH
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-geschlossen {
    background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%) !important;
    border-color: rgba(220, 38, 38, 0.22) !important;
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip--geschlossen {
    background: rgba(220, 38, 38, 0.08) !important;
    color: #b91c1c !important;
    border-color: rgba(220, 38, 38, 0.16) !important;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-day-card.is-status-nach_vereinbarung {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf3 100%) !important;
    border-color: rgba(217, 119, 6, 0.24) !important;
}

.cityradar-kundenbereich-wrapper .cityradar-day-status-chip--nach_vereinbarung {
    background: rgba(217, 119, 6, 0.10) !important;
    color: #b45309 !important;
    border-color: rgba(217, 119, 6, 0.18) !important;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN FINAL POLISH
   ====================================== */

/* --- Karten kompakter --- */
.cityradar-opening-day-card {
    padding: 16px 18px !important;
    border-radius: 16px !important;
}

.cityradar-opening-times-wrap {
    margin-top: 10px !important;
}

/* --- Status-Zeile sauber ausrichten --- */
.cityradar-opening-day-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cityradar-opening-day-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --- Status Dropdown + Pause kompakter --- */
.cityradar-opening-day-options {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cityradar-opening-status-field select {
    min-width: 140px;
}

/* --- Chips feiner --- */
.cityradar-day-status-chip {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
}

/* --- Geschlossen (rot, aber elegant) --- */
.cityradar-opening-day-card.is-status-geschlossen {
    background: linear-gradient(180deg, #ffffff 0%, #fff6f6 100%);
    border-color: rgba(220, 38, 38, 0.22);
}

.cityradar-day-status-chip--geschlossen {
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
    border: 1px solid rgba(220, 38, 38, 0.15);
}

/* --- Nach Vereinbarung (warm/orange) --- */
.cityradar-opening-day-card.is-status-nach_vereinbarung {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf3 100%);
    border-color: rgba(217, 119, 6, 0.24);
}

.cityradar-day-status-chip--nach_vereinbarung {
    background: rgba(217, 119, 6, 0.10);
    color: #b45309;
    border: 1px solid rgba(217, 119, 6, 0.18);
}

/* --- Buttons deutlich ruhiger --- */
.cityradar-mini-action {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid rgba(15,23,42,0.06);
    transition: all 0.2s ease;
}

.cityradar-mini-action:hover {
    background: #e2e8f0;
}

/* --- Toolbar weniger dominant --- */
.cityradar-opening-toolbar {
    padding: 12px 14px;
    border-radius: 14px;
}

/* --- Copy Button kleiner --- */
.cityradar-time-copy-btn {
    font-size: 11px;
    padding: 4px 10px;
    opacity: 0.7;
}

.cityradar-time-copy-btn:hover {
    opacity: 1;
}

/* --- Zeitfelder kompakter --- */
.cityradar-time-range-field input {
    height: 36px;
    font-size: 13px;
}

/* --- Labels kleiner und cleaner --- */
.cityradar-time-range-field label {
    font-size: 11px;
    opacity: 0.7;
}

/* --- Zeitblock weniger wuchtig --- */
.cityradar-time-row {
    padding: 10px 12px !important;
    border-radius: 12px !important;
}

/* --- Abstand zwischen Tagen reduzieren --- */
.cityradar-opening-day-card + .cityradar-opening-day-card {
    margin-top: 10px;
}

/* ======================================
   CITYRADAR24 – FINAL STRUCTURE POLISH
   ====================================== */

/* --- STATUS ZEILE AUFRÄUMEN --- */
.cityradar-opening-day-head {
    align-items: flex-start !important;
}

.cityradar-opening-day-options {
    gap: 8px;
}

.cityradar-opening-status-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cityradar-opening-status-field label {
    font-size: 10px;
    opacity: 0.6;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* --- ZEITBLOCK CLEANER --- */
.cityradar-opening-times-wrap {
    background: transparent !important;
    padding: 0 !important;
}

.cityradar-time-row {
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,0.05);
    margin-top: 8px;
}

/* --- ZEITBLOCK HEADER INLINE --- */
.cityradar-time-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- COPY BUTTON INTEGRIERT --- */
.cityradar-time-copy-btn {
    font-size: 10px;
    padding: 4px 8px;
    background: transparent;
    border: 1px dashed rgba(15,23,42,0.1);
    border-radius: 999px;
}

.cityradar-time-copy-btn:hover {
    background: rgba(15,23,42,0.04);
}

/* --- INPUT FELDER RUHIGER --- */
.cityradar-time-range-field input {
    background: #ffffff;
    border: 1px solid rgba(15,23,42,0.1);
}

/* --- GANZE KARTE RUHIGER --- */
.cityradar-opening-day-card {
    box-shadow: none !important;
}

/* --- ABSTAND NOCH ETWAS STRAFFER --- */
.cityradar-opening-day-card h3 {
    margin-bottom: 2px;
}

/* --- MITTAGSPAUSE ALIGN FIX --- */
.cityradar-checkbox-row {
    align-self: flex-end;
}

/* ======================================
   CITYRADAR24 – STATUS LINE FIX (WICHTIG!)
   ====================================== */

.cityradar-opening-day-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.cityradar-opening-day-options {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* STATUS label kleiner & ruhiger */
.cityradar-opening-status-field label {
    font-size: 10px;
    opacity: 0.5;
    margin-bottom: 2px;
}

/* Dropdown kompakter */
.cityradar-opening-status-field select {
    height: 34px;
    padding: 4px 10px;
}

/* Mittagspause optisch angleichen */
.cityradar-checkbox-row label {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ======================================
   CITYRADAR24 – BADGE FIX SAUBER
   ====================================== */

.cityradar-opening-day-head {
    display: grid !important;
    grid-template-columns: minmax(160px, 1fr) auto !important;
    align-items: start !important;
    gap: 14px 18px !important;
}

.cityradar-opening-day-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0;
}

.cityradar-opening-day-card h3 {
    margin: 0 !important;
    line-height: 1.15 !important;
}

.cityradar-day-status-chip {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}

.cityradar-opening-day-options {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end;
}

.cityradar-opening-status-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cityradar-opening-status-field label {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    opacity: 0.55;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-opening-status-field select {
    min-width: 165px !important;
}

.cityradar-opening-pause-field,
.cityradar-checkbox-row {
    align-self: flex-end !important;
}

.cityradar-opening-pause-field label,
.cityradar-checkbox-row label {
    margin: 0 !important;
}

@media (max-width: 767px) {
    .cityradar-opening-day-head {
        grid-template-columns: 1fr !important;
    }

    .cityradar-opening-day-options {
        justify-content: flex-start !important;
    }
}

/* ======================================
   CITYRADAR24 – BADGE FINAL FIX
   ====================================== */

.cityradar-opening-day-title-wrap {
    gap: 4px !important;
}

/* Badge näher und etwas stärker */
.cityradar-day-status-chip {
    font-size: 12px !important;
    padding: 6px 12px !important;
    font-weight: 600;
}

/* Titel + Badge optisch verbinden */
.cityradar-opening-day-card h3 {
    margin-bottom: 2px !important;
}

/* leichte optische Klammer */
.cityradar-opening-day-title-wrap {
    position: relative;
}

.cityradar-opening-day-title-wrap::after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    background: rgba(15,23,42,0.06);
    margin-top: 6px;
}

/* ======================================
   CITYRADAR24 – MEIN BEREICH ACTION TILES
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-kb-grid-actions {
    align-items: stretch;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 14px;
    min-height: 170px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile-icon {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    font-size: 24px;
    line-height: 1;
    background: linear-gradient(180deg, #ecfdf5 0%, #dff7ea 100%);
    border: 1px solid rgba(22, 163, 74, 0.10);
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile strong {
    display: block;
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile span:last-child {
    display: block;
    line-height: 1.65;
}

/* ======================================
   CITYRADAR24 – DASHBOARD INFO BADGES
   ====================================== */

.cityradar-kb-card p {
    margin-bottom: 6px;
}

/* Labels */
.cityradar-kb-card strong {
    opacity: 0.6;
    font-weight: 500;
}

/* Status Werte hervorheben */
.cityradar-kb-card p span,
.cityradar-kb-card p:last-child {
    font-weight: 600;
}

/* Deal Status */
.cityradar-deal-ok {
    color: #15803d;
}

.cityradar-deal-none {
    color: #b91c1c;
}

/* Premium Badge */
.cityradar-abo-premium {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(22,163,74,0.1);
    color: #166534;
    font-size: 12px;
    font-weight: 600;
}

/* ======================================
   CITYRADAR24 – MEIN BEREICH CLEAN FIX
   ====================================== */

/* Oberer Bereich */

.cityradar-kundenbereich-wrapper .cityradar-kb-head-content h2 {
    margin-bottom: 14px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin-top: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-label {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-meta-value {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-headercard .cityradar-status-badge {
    width: fit-content;
    max-width: 100%;
    font-size: 13px;
    padding: 8px 12px;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-info-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #334155;
    font-size: 14px;
    line-height: 1.6;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-logo,
.cityradar-kundenbereich-wrapper .cityradar-kb-logo-placeholder {
    width: 138px;
    height: 138px;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
}


/* Tabs oben */
.cityradar-kundenbereich-wrapper .cityradar-kb-topnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-topnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    white-space: nowrap;
}

/* Karten unten */
.cityradar-kundenbereich-wrapper .cityradar-kb-grid-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    margin-top: 22px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    min-height: 190px;
    padding: 22px 24px;
    border-radius: 22px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin: 0;
    font-size: 24px;
    line-height: 1;
    background: linear-gradient(180deg, #ecfdf5 0%, #dff7ea 100%);
    border: 1px solid rgba(22, 163, 74, 0.10);
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile h3,
.cityradar-kundenbereich-wrapper .cityradar-kb-tile strong {
    margin: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile p,
.cityradar-kundenbereich-wrapper .cityradar-kb-tile span:last-child {
    margin: 0;
    line-height: 1.65;
}

/* Responsive */
@media (max-width: 980px) {
    .cityradar-kundenbereich-wrapper .cityradar-kb-headercard {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-logo-wrap {
        justify-content: flex-start;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-meta-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-kb-grid-actions {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – MEIN BEREICH TILE ICONS
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-kb-tile {
    position: relative;
    overflow: hidden;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile-icon {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    margin: 0 0 2px 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ecfdf5 0%, #dcfce7 100%) !important;
    border: 1px solid rgba(22, 163, 74, 0.10) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    box-sizing: border-box !important;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile strong {
    display: block;
    margin-top: 4px;
}

.cityradar-kundenbereich-wrapper .cityradar-kb-tile:hover .cityradar-kb-tile-icon {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.cityradar-kb-logo {
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.cityradar-kb-info-note {
    background: #f8fafc !important;
    border: 1px solid rgba(15,23,42,0.06) !important;
}

.cityradar-kb-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.cityradar-logo-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.cityradar-logo-preview-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cityradar-logo-preview-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}

.cityradar-current-logo,
.cityradar-new-logo-preview {
    min-height: 160px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
}

.cityradar-current-logo img,
.cityradar-new-logo-preview img {
    max-width: 100%;
    max-height: 200px;
    border-radius: 12px;
}

.cityradar-logo-preview-empty {
    font-size: 13px;
    color: #64748b;
    text-align: center;
}

.cityradar-logo-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.cityradar-logo-preview-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cityradar-logo-preview-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}

.cityradar-current-logo,
.cityradar-new-logo-preview {
    min-height: 160px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
}

.cityradar-current-logo img,
.cityradar-new-logo-preview img {
    max-width: 100%;
    max-height: 200px;
    border-radius: 12px;
}

.cityradar-logo-preview-empty {
    font-size: 13px;
    color: #64748b;
    text-align: center;
}

@media (max-width: 767px) {
    .cityradar-logo-preview-grid {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – LOGO DRAG DROP + SQUARE CROP
   ====================================== */

.cityradar-logo-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

.cityradar-logo-preview-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cityradar-logo-preview-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-logo-square {
    aspect-ratio: 1 / 1;
    width: 100%;
    min-height: 220px;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: #ffffff;
    overflow: hidden;
}

.cityradar-current-logo img,
.cityradar-new-logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.cityradar-logo-preview-empty {
    font-size: 13px;
    color: #64748b;
    text-align: center;
    line-height: 1.5;
}

.cityradar-upload-dropzone {
    margin-bottom: 14px;
    padding: 22px 18px;
    border: 2px dashed rgba(22, 163, 74, 0.24);
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
}

.cityradar-upload-dropzone:hover,
.cityradar-upload-dropzone.is-dragover {
    border-color: rgba(22, 163, 74, 0.45);
    background: linear-gradient(180deg, #effcf4 0%, #e7f8ee 100%);
    transform: translateY(-1px);
}

.cityradar-upload-dropzone-icon {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 8px;
}

.cityradar-upload-dropzone-text {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}

.cityradar-upload-dropzone-subtext {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

#cityradar_firmen_logo {
    display: none;
}

@media (max-width: 767px) {
    .cityradar-logo-preview-grid {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – DEAL IMAGE UPLOAD PREVIEW
   ====================================== */

#cityradar_deal_bild {
    display: none;
}

/* ======================================
   CITYRADAR24 – DEAL IMAGE PREVIEW / DRAG DROP / CROP
   ====================================== */

#cityradar_deal_bild {
    display: none;
}

.cityradar-logo-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

.cityradar-logo-preview-grid.is-create-mode {
    grid-template-columns: 1fr;
}

.cityradar-logo-preview-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cityradar-logo-preview-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-logo-square {
    aspect-ratio: 1 / 1;
    width: 100%;
    min-height: 220px;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: #ffffff;
    overflow: hidden;
}

.cityradar-current-logo img,
.cityradar-new-logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.cityradar-logo-preview-empty {
    font-size: 13px;
    color: #64748b;
    text-align: center;
    line-height: 1.5;
}

.cityradar-upload-dropzone {
    margin-bottom: 14px;
    padding: 22px 18px;
    border: 2px dashed rgba(22, 163, 74, 0.24);
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
}

.cityradar-upload-dropzone:hover,
.cityradar-upload-dropzone.is-dragover {
    border-color: rgba(22, 163, 74, 0.45);
    background: linear-gradient(180deg, #effcf4 0%, #e7f8ee 100%);
    transform: translateY(-1px);
}

.cityradar-upload-dropzone-icon {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 8px;
}

.cityradar-upload-dropzone-text {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}

.cityradar-upload-dropzone-subtext {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .cityradar-logo-preview-grid,
    .cityradar-logo-preview-grid.is-edit-mode,
    .cityradar-logo-preview-grid.is-create-mode {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – FEHLERZUSTÄNDE FORMULARE
   ====================================== */

.cityradar-field-error {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.10) !important;
    background: #fff7f7 !important;
}

.cityradar-field-error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12) !important;
}

/* Zeichenzähler wieder normal und nah ans Feld */
.cityradar-char-counter {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.3;
    color: #64748b;
    text-align: right;
}

.cityradar-char-counter.is-warning {
    color: #b45309;
}

.cityradar-char-counter.is-danger {
    color: #b91c1c;
    font-weight: 700;
}

/* Fehlerzustände */
.cityradar-field-error {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.10) !important;
    background: #fff7f7 !important;
}

.cityradar-field-error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .cityradar-form-grid-2,
    .cityradar-form-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – FORMULAR / COUNTER FINAL CLEAN
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-form-grid-2,
.cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
    display: grid;
    gap: 18px;
    align-items: start;
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
    grid-template-columns: 2fr 0.9fr 1.3fr;
}

.cityradar-kundenbereich-wrapper .cityradar-form-grid-2 > p,
.cityradar-kundenbereich-wrapper .cityradar-form-grid-3 > p {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form > p {
    margin: 0 0 18px 0 !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form label {
    display: block;
    margin: 0 0 6px 0;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form input,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form textarea,
.cityradar-kundenbereich-wrapper .cityradar-frontend-form select {
    width: 100% !important;
    box-sizing: border-box;
}

.cityradar-kundenbereich-wrapper .cityradar-char-counter {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #64748b !important;
    float: none !important;
    transform: none !important;
}

.cityradar-kundenbereich-wrapper .cityradar-char-counter.is-warning {
    color: #b45309 !important;
}

.cityradar-kundenbereich-wrapper .cityradar-char-counter.is-danger {
    color: #b91c1c !important;
    font-weight: 700 !important;
}

.cityradar-kundenbereich-wrapper .cityradar-field-error {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.10) !important;
    background: #fff7f7 !important;
}

.cityradar-kundenbereich-wrapper .cityradar-field-error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12) !important;
}

@media (max-width: 1024px) {
    .cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-kundenbereich-wrapper .cityradar-form-grid-2,
    .cityradar-kundenbereich-wrapper .cityradar-form-grid-3 {
        grid-template-columns: 1fr;
    }
}

.cityradar-kundenbereich-wrapper .cityradar-char-counter {
    display: block !important;
    width: 100% !important;

    margin: 4px 0 0 0 !important; /* leicht näher ans Feld */
    
    text-align: right !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #64748b !important;

    position: static !important;
}

.cityradar-kundenbereich-wrapper .cityradar-frontend-form label {
    display: block;
    margin-bottom: 6px;
}

/* ======================================
   HANDELSVERTRETER DASHBOARD
   ====================================== */

.cityradar-hv-dashboard .cityradar-kb-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 22px;
    padding: 28px 30px;
    margin-bottom: 24px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
}

.cityradar-hv-dashboard .cityradar-kb-topline {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.8;
    margin-bottom: 10px;
}

.cityradar-hv-dashboard .cityradar-kb-hero h2 {
    margin: 0 0 10px 0;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-hv-dashboard .cityradar-kb-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-hv-dashboard .cityradar-kb-grid {
    display: grid;
    gap: 18px;
    margin-bottom: 24px;
}

.cityradar-hv-dashboard .cityradar-kb-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cityradar-hv-dashboard .cityradar-kb-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 22px 22px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-hv-dashboard .cityradar-kb-card-label {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-hv-dashboard .cityradar-kb-card-value {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-dashboard .cityradar-kb-section-head h3 {
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-dashboard .cityradar-kb-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-hv-dashboard .cityradar-kb-list-item {
    padding: 14px 16px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-hv-dashboard .cityradar-kb-list-main strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #0f172a;
}

.cityradar-hv-dashboard .cityradar-kb-list-meta {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

@media (max-width: 1024px) {
    .cityradar-hv-dashboard .cityradar-kb-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .cityradar-hv-dashboard .cityradar-kb-grid-4 {
        grid-template-columns: 1fr;
    }

    .cityradar-hv-dashboard .cityradar-kb-hero {
        padding: 22px 20px;
    }

    .cityradar-hv-dashboard .cityradar-kb-hero h2 {
        font-size: 26px;
    }

    .cityradar-hv-dashboard .cityradar-kb-card-value {
        font-size: 28px;
    }
}

/* ======================================
   HANDELSVERTRETER – MEINE FIRMEN
   ====================================== */

.cityradar-hv-firmen-hero {
    margin-bottom: 24px;
}

.cityradar-hv-firmen-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cityradar-hv-firma-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-hv-firma-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.cityradar-hv-firma-head h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-firma-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    background: #e2e8f0;
    color: #334155;
}

.cityradar-hv-firma-badge.status-aktiv {
    background: #dcfce7;
    color: #166534;
}

.cityradar-hv-firma-badge.status-inaktiv {
    background: #fee2e2;
    color: #991b1b;
}

.cityradar-hv-firma-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 18px;
}

.cityradar-hv-firma-meta a {
    color: #16a34a;
    text-decoration: none;
    word-break: break-word;
}

.cityradar-hv-firma-meta a:hover {
    text-decoration: underline;
}

.cityradar-hv-firma-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-hv-firma-stat {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 14px;
    padding: 14px 16px;
}

.cityradar-hv-firma-stat .label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.cityradar-hv-firma-stat .value {
    display: block;
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

@media (max-width: 1024px) {
    .cityradar-hv-firmen-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-hv-firma-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cityradar-hv-firma-stats {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   HANDELSVERTRETER BEREICH – BASIS
   ====================================== */

.cityradar-hv-area {
    padding: 32px 0 60px;
}

.cityradar-hv-shell {
    width: 100%;
}

.cityradar-hv-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-hv-hero-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-hv-hero h1 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-hv-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-hv-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.cityradar-hv-sidebar-card,
.cityradar-hv-panel {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-hv-userbox {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-hv-userbox-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.cityradar-hv-userbox-name {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.3;
}

.cityradar-hv-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cityradar-hv-nav-link {
    display: block;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    transition: all 0.2s ease;
}

.cityradar-hv-nav-link:hover {
    background: #f1f5f9;
    color: #0f172a;
    text-decoration: none;
}

.cityradar-hv-nav-link.is-active {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 10px 20px rgba(22, 163, 74, 0.18);
}

.cityradar-hv-content {
    min-width: 0;
}

.cityradar-hv-panel-head h3 {
    margin: 0 0 14px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.cityradar-hv-stat-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-hv-stat-label {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-hv-stat-value {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-hv-list-item {
    padding: 14px 16px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-hv-list-item strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #0f172a;
}

.cityradar-hv-list-meta {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

.cityradar-hv-firmen-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cityradar-hv-firma-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-hv-firma-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.cityradar-hv-firma-head h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-hv-firma-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    background: #e2e8f0;
    color: #334155;
}

.cityradar-hv-firma-badge.status-aktiv {
    background: #dcfce7;
    color: #166534;
}

.cityradar-hv-firma-badge.status-inaktiv {
    background: #fee2e2;
    color: #991b1b;
}

.cityradar-hv-firma-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 18px;
}

.cityradar-hv-firma-meta a {
    color: #16a34a;
    text-decoration: none;
    word-break: break-word;
}

.cityradar-hv-firma-meta a:hover {
    text-decoration: underline;
}

.cityradar-hv-firma-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-hv-firma-stat {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 14px;
    padding: 14px 16px;
}

.cityradar-hv-firma-stat .label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.cityradar-hv-firma-stat .value {
    display: block;
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

@media (max-width: 1024px) {
    .cityradar-hv-layout {
        grid-template-columns: 1fr;
    }

    .cityradar-hv-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cityradar-hv-firmen-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-hv-hero {
        padding: 24px 20px;
    }

    .cityradar-hv-hero h1 {
        font-size: 28px;
    }

    .cityradar-hv-stats-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-hv-firma-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cityradar-hv-firma-stats {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   KONTO PORTAL + DYNAMISCHE MENÜPUNKTE
   ====================================== */

.cityradar-konto-portal {
    max-width: 560px;
    margin: 40px auto 60px;
}

.cityradar-konto-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 28px 30px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.cityradar-konto-topline {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #16a34a;
    margin-bottom: 10px;
}

.cityradar-konto-card h2 {
    margin: 0 0 10px 0;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-konto-card p {
    margin: 0 0 22px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}

.cityradar-konto-form form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-konto-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.cityradar-konto-form input[type="text"],
.cityradar-konto-form input[type="password"] {
    width: 100%;
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: #ffffff;
    padding: 0 14px;
    font-size: 15px;
    color: #0f172a;
    box-sizing: border-box;
}

.cityradar-konto-form input[type="submit"] {
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    padding: 0 18px;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.20);
}

.cityradar-konto-form input[type="submit"]:hover {
    transform: translateY(-1px);
}

.cityradar-konto-form .login-remember {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cityradar-konto-form .login-remember label {
    margin: 0;
    font-weight: 600;
}

.cityradar-menu-hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .cityradar-konto-card {
        padding: 24px 20px;
    }

    .cityradar-konto-card h2 {
        font-size: 28px;
    }
}

/* ======================================
   ADMIN – PROVISIONSSTATUS BADGES
   ====================================== */

.cityradar-provision-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cityradar-provision-status-badge.status-wartefrist {
    background: #fef3c7;
    color: #92400e;
}

.cityradar-provision-status-badge.status-freigegeben {
    background: #dcfce7;
    color: #166534;
}

.cityradar-provision-status-badge.status-ausgezahlt {
    background: #dbeafe;
    color: #1d4ed8;
}

.cityradar-provision-status-badge.status-storniert {
    background: #fee2e2;
    color: #991b1b;
}

/* ======================================
   HANDELSVERTRETER – PROVISIONEN
   ====================================== */

.cityradar-hv-stats-grid--provisionen .cityradar-hv-stat-value--money {
    font-size: 28px;
    line-height: 1.15;
}

.cityradar-hv-stat-subline {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 600;
}

.cityradar-hv-provision-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-hv-provision-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-hv-provision-main {
    min-width: 0;
    flex: 1 1 auto;
}

.cityradar-hv-provision-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.cityradar-hv-provision-meta {
    font-size: 14px;
    line-height: 1.55;
    color: #64748b;
}

.cityradar-hv-provision-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.cityradar-hv-provision-betrag {
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
}

.cityradar-hv-provision-note {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

@media (max-width: 767px) {
    .cityradar-hv-provision-item {
        flex-direction: column;
    }

    .cityradar-hv-provision-side {
        align-items: flex-start;
    }

    .cityradar-hv-stats-grid--provisionen .cityradar-hv-stat-value--money {
        font-size: 24px;
    }
}

/* ======================================
   ADMIN – PROVISIONSÜBERSICHT
   ====================================== */

.cityradar-admin-provision-wrap {
    padding: 32px 0 60px;
}

.cityradar-admin-provision-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-admin-provision-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-admin-provision-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-admin-provision-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-admin-provision-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cityradar-admin-provision-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-admin-provision-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.cityradar-admin-provision-head h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-provision-total {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #166534;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cityradar-admin-provision-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-admin-provision-stat {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 14px;
    padding: 14px 16px;
}

.cityradar-admin-provision-stat .label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.cityradar-admin-provision-stat .value {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.cityradar-admin-provision-stat .meta {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
}

.cityradar-admin-provision-footer {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
    font-weight: 700;
}

@media (max-width: 1024px) {
    .cityradar-admin-provision-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-admin-provision-hero {
        padding: 24px 20px;
    }

    .cityradar-admin-provision-hero h2 {
        font-size: 28px;
    }

    .cityradar-admin-provision-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cityradar-admin-provision-stats {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   ADMIN – FREIGEGEBENE PROVISIONEN
   ====================================== */

.cityradar-admin-freigegeben-wrap {
    padding: 32px 0 60px;
}

.cityradar-admin-freigegeben-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-admin-freigegeben-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-admin-freigegeben-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-admin-freigegeben-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-admin-freigegeben-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.cityradar-admin-freigegeben-summary-card,
.cityradar-admin-freigegeben-vertreterbox,
.cityradar-admin-freigegeben-panel {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-admin-freigegeben-summary-card .label {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-admin-freigegeben-summary-card .value {
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-freigegeben-summary-card .value-money {
    font-size: 26px;
    line-height: 1.2;
}

.cityradar-admin-freigegeben-vertreterbox {
    margin-bottom: 24px;
}

.cityradar-admin-freigegeben-vertreterbox h3,
.cityradar-admin-freigegeben-panel-head h3 {
    margin: 0 0 16px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-freigegeben-vertreterlist {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cityradar-admin-freigegeben-vertreteritem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-admin-freigegeben-vertreteritem .name {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-admin-freigegeben-vertreteritem .summe {
    font-size: 15px;
    font-weight: 800;
    color: #166534;
    white-space: nowrap;
}

.cityradar-admin-freigegeben-table-wrap {
    overflow-x: auto;
}

.cityradar-admin-freigegeben-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 860px;
}

.cityradar-admin-freigegeben-table thead th {
    text-align: left;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 0 12px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-admin-freigegeben-table tbody td {
    padding: 14px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 14px;
    line-height: 1.5;
    color: #334155;
    vertical-align: top;
}

.cityradar-admin-freigegeben-table tbody tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 767px) {
    .cityradar-admin-freigegeben-hero {
        padding: 24px 20px;
    }

    .cityradar-admin-freigegeben-hero h2 {
        font-size: 28px;
    }

    .cityradar-admin-freigegeben-summary {
        grid-template-columns: 1fr;
    }

    .cityradar-admin-freigegeben-summary-card .value {
        font-size: 28px;
    }
}

/* ======================================
   ADMIN – PROVISION ALS AUSGEZAHLT MARKIEREN
   ====================================== */

.cityradar-admin-freigegeben-success {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #dcfce7;
    color: #166534;
    border: 1px solid rgba(22, 101, 52, 0.12);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

.cityradar-admin-paid-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.16);
}

.cityradar-admin-paid-btn:hover {
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* ======================================
   ADMIN COCKPIT
   ====================================== */

.cityradar-admin-cockpit-wrap {
    padding: 32px 0 60px;
}

.cityradar-admin-cockpit-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-admin-cockpit-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-admin-cockpit-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-admin-cockpit-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-admin-cockpit-grid {
    display: grid;
    gap: 20px;
    margin-bottom: 24px;
}

.cityradar-admin-cockpit-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cityradar-admin-cockpit-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cityradar-admin-cockpit-card,
.cityradar-admin-cockpit-panel {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-admin-cockpit-card .label {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-admin-cockpit-card .value {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.cityradar-admin-cockpit-card .value-money {
    font-size: 26px;
    line-height: 1.2;
}

.cityradar-admin-cockpit-card .meta {
    font-size: 13px;
    line-height: 1.5;
    color: #64748b;
    font-weight: 600;
}

.cityradar-admin-cockpit-panel-head h3 {
    margin: 0 0 16px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-cockpit-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cityradar-admin-cockpit-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-admin-cockpit-list-item.is-stack {
    flex-direction: column;
    align-items: flex-start;
}

.cityradar-admin-cockpit-list-item .item-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-admin-cockpit-list-item .item-value {
    font-size: 15px;
    font-weight: 800;
    color: #166534;
    white-space: nowrap;
}

.cityradar-admin-cockpit-list-item .item-meta {
    font-size: 13px;
    line-height: 1.5;
    color: #64748b;
}

.cityradar-admin-cockpit-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.cityradar-admin-cockpit-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 12px;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid rgba(15, 23, 42, 0.06);
    transition: all 0.2s ease;
}

.cityradar-admin-cockpit-actions a:hover {
    background: #f1f5f9;
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 1100px) {
    .cityradar-admin-cockpit-grid-4,
    .cityradar-admin-cockpit-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .cityradar-admin-cockpit-hero {
        padding: 24px 20px;
    }

    .cityradar-admin-cockpit-hero h2 {
        font-size: 28px;
    }

    .cityradar-admin-cockpit-grid-4,
    .cityradar-admin-cockpit-grid-2 {
        grid-template-columns: 1fr;
    }

    .cityradar-admin-cockpit-card .value {
        font-size: 28px;
    }

    .cityradar-admin-cockpit-card .value-money {
        font-size: 24px;
    }

    .cityradar-admin-cockpit-list-item {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ======================================
   ADMIN – RECHNUNGSANFORDERUNG / AUSZAHLUNG
   ====================================== */

.cityradar-admin-rechnung-wrap {
    padding: 32px 0 60px;
}

.cityradar-admin-rechnung-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-admin-rechnung-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-admin-rechnung-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-admin-rechnung-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-admin-rechnung-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.cityradar-admin-rechnung-summary-card,
.cityradar-admin-rechnung-panel {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-admin-rechnung-summary-card .label {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-admin-rechnung-summary-card .value {
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-rechnung-panel-head h3 {
    margin: 0 0 16px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-rechnung-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cityradar-admin-rechnung-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-admin-rechnung-main {
    min-width: 0;
    flex: 1 1 auto;
}

.cityradar-admin-rechnung-name {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.cityradar-admin-rechnung-meta {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

.cityradar-admin-rechnung-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.cityradar-admin-rechnung-summe {
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
}

.cityradar-admin-rechnung-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cityradar-admin-rechnung-badge.is-external {
    background: #dbeafe;
    color: #1d4ed8;
}

.cityradar-admin-rechnung-badge.is-admin {
    background: #ecfdf5;
    color: #166534;
}

@media (max-width: 767px) {
    .cityradar-admin-rechnung-hero {
        padding: 24px 20px;
    }

    .cityradar-admin-rechnung-hero h2 {
        font-size: 28px;
    }

    .cityradar-admin-rechnung-summary {
        grid-template-columns: 1fr;
    }

    .cityradar-admin-rechnung-item {
        flex-direction: column;
    }

    .cityradar-admin-rechnung-side {
        align-items: flex-start;
    }
}

/* ======================================
   ADMIN – VERTRETER ÜBERSICHT
   ====================================== */

.cityradar-admin-vertreter-wrap {
    padding: 32px 0 60px;
}

.cityradar-admin-vertreter-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-admin-vertreter-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-admin-vertreter-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-admin-vertreter-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-admin-vertreter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cityradar-admin-vertreter-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-admin-vertreter-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.cityradar-admin-vertreter-head h3 {
    margin: 0 0 6px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-admin-vertreter-meta {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

.cityradar-admin-vertreter-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cityradar-admin-vertreter-badge.is-admin {
    background: #ecfdf5;
    color: #166534;
}

.cityradar-admin-vertreter-badge.is-vertreter {
    background: #dbeafe;
    color: #1d4ed8;
}

.cityradar-admin-vertreter-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-admin-vertreter-stat {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 14px;
    padding: 14px 16px;
}

.cityradar-admin-vertreter-stat .label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.cityradar-admin-vertreter-stat .value {
    display: block;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.cityradar-admin-vertreter-stat .value-money {
    font-size: 20px;
    line-height: 1.25;
}

.cityradar-admin-vertreter-stat .meta {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
}

@media (max-width: 1024px) {
    .cityradar-admin-vertreter-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-admin-vertreter-hero {
        padding: 24px 20px;
    }

    .cityradar-admin-vertreter-hero h2 {
        font-size: 28px;
    }

    .cityradar-admin-vertreter-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cityradar-admin-vertreter-stats {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CHECKOUT FUNNEL BASIS
   ====================================== */

.cityradar-checkout-wrap {
    padding: 32px 0 60px;
}

.cityradar-checkout-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 24px;
    padding: 30px 32px;
    margin-bottom: 24px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.cityradar-checkout-topline {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
    margin-bottom: 10px;
}

.cityradar-checkout-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.cityradar-checkout-hero p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.cityradar-checkout-hint,
.cityradar-checkout-errors,
.cityradar-checkout-ready {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 20px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-checkout-hint.is-ref {
    background: #ecfdf5;
    color: #166534;
}

.cityradar-checkout-hint.is-error {
    background: #fee2e2;
    color: #991b1b;
}

.cityradar-checkout-error-item + .cityradar-checkout-error-item {
    margin-top: 8px;
}

.cityradar-checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.8fr);
    gap: 24px;
    align-items: start;
}

.cityradar-checkout-form-card,
.cityradar-checkout-side-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.cityradar-checkout-form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cityradar-checkout-section h3,
.cityradar-checkout-side-card h3,
.cityradar-checkout-ready-head h3 {
    margin: 0 0 14px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-checkout-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-choice-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.cityradar-choice-card input {
    margin: 0 0 4px 0;
}

.cityradar-choice-card .title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-choice-card .meta {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

.cityradar-checkout-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}

.cityradar-checkout-field:last-child {
    margin-bottom: 0;
}

.cityradar-checkout-field label {
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.cityradar-checkout-field input {
    width: 100%;
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: #ffffff;
    padding: 0 14px;
    font-size: 15px;
    color: #0f172a;
    box-sizing: border-box;
}

.cityradar-checkout-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #334155;
}

.cityradar-checkout-submit button {
    min-height: 50px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    padding: 0 22px;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.20);
}

.cityradar-checkout-summary {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cityradar-checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 15px;
    color: #334155;
}

.cityradar-checkout-summary-row.total {
    font-weight: 800;
    color: #0f172a;
}

.cityradar-checkout-miniinfo {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
}

.cityradar-checkout-miniinfo p {
    margin: 0 0 8px 0;
}

.cityradar-checkout-ready-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.cityradar-checkout-ready-card {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 14px;
    padding: 14px;
}

.cityradar-checkout-ready-card .label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.cityradar-checkout-ready-card .value {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-checkout-token-box {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    font-size: 14px;
    color: #334155;
}

@media (max-width: 1024px) {
    .cityradar-checkout-layout {
        grid-template-columns: 1fr;
    }

    .cityradar-checkout-ready-grid,
    .cityradar-checkout-choice-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cityradar-checkout-hero {
        padding: 24px 20px;
    }

    .cityradar-checkout-hero h2 {
        font-size: 28px;
    }
}

/* ======================================
   CITYRADAR24 – CHECKOUT SUCCESS PAGE
   ====================================== */

.cityradar-checkout-success-page {
    padding: 48px 16px 80px;
    background:
        radial-gradient(circle at top left, rgba(34,197,94,0.10), transparent 34%),
        linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.cityradar-checkout-success-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.cityradar-checkout-success-card {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 28px;
    box-shadow:
        0 12px 30px rgba(15, 23, 42, 0.06),
        0 30px 60px rgba(15, 23, 42, 0.06);
    padding: 34px 30px 32px;
}

.cityradar-checkout-success-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.cityradar-checkout-success-card h1 {
    margin: 0 0 14px;
    font-size: clamp(30px, 5vw, 46px);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.cityradar-checkout-success-lead {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
    max-width: 760px;
}

.cityradar-checkout-success-status {
    border-radius: 22px;
    padding: 18px 20px;
    margin-bottom: 22px;
    border: 1px solid transparent;
}

.cityradar-checkout-success-status.is-success {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.18);
}

.cityradar-checkout-success-status.is-warning {
    background: rgba(245, 158, 11, 0.10);
    border-color: rgba(245, 158, 11, 0.18);
}

.cityradar-checkout-success-status-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.cityradar-checkout-success-status-text {
    font-size: 15px;
    line-height: 1.65;
    color: #475569;
}

.cityradar-checkout-success-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.cityradar-checkout-success-info-card {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 20px;
    padding: 18px 18px;
}

.cityradar-checkout-success-info-card .label {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 8px;
}

.cityradar-checkout-success-info-card .value {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
}

.cityradar-checkout-success-note {
    margin-bottom: 28px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.04);
    color: #334155;
    font-size: 15px;
    line-height: 1.65;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.cityradar-checkout-success-steps {
    display: grid;
    gap: 14px;
    margin-bottom: 30px;
}

.cityradar-checkout-success-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 20px;
    background: #ffffff;
}

.cityradar-checkout-success-step .step-no {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(22, 163, 74, 0.18);
}

.cityradar-checkout-success-step .step-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cityradar-checkout-success-step .step-content strong {
    font-size: 16px;
    color: #0f172a;
    line-height: 1.35;
}

.cityradar-checkout-success-step .step-content span {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

.cityradar-checkout-success-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.cityradar-checkout-success-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.cityradar-checkout-success-btn.is-primary {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(22, 163, 74, 0.22);
}

.cityradar-checkout-success-btn.is-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(22, 163, 74, 0.28);
}

.cityradar-checkout-success-btn.is-secondary {
    background: #ffffff;
    color: #16a34a;
    border: 1px solid rgba(22, 163, 74, 0.22);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.cityradar-checkout-success-btn.is-secondary:hover {
    transform: translateY(-2px);
    background: #f0fdf4;
}

.cityradar-checkout-success-meta {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
    word-break: break-word;
}

.cityradar-checkout-success-meta code {
    display: inline-block;
    margin-top: 6px;
    padding: 8px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    color: #334155;
    font-size: 12px;
}

@media (max-width: 767px) {
    .cityradar-checkout-success-page {
        padding: 28px 14px 56px;
    }

    .cityradar-checkout-success-card {
        padding: 24px 18px 22px;
        border-radius: 22px;
    }

    .cityradar-checkout-success-info-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-checkout-success-actions {
        flex-direction: column;
    }

    .cityradar-checkout-success-btn {
        width: 100%;
    }
}

/* ======================================
   CITYRADAR – WOOCOMMERCE CHECKOUT UI ENTFERNEN
   ====================================== */

/* Checkout Breadcrumb oben */
.woocommerce-checkout .checkout-breadcrumb,
.woocommerce-breadcrumb,
.woocommerce-checkout .woocommerce-checkout-steps,
.woocommerce-checkout .checkout-steps,
.woocommerce-checkout .step-bar,
.woocommerce-checkout .checkout-steps-wrapper {
    display: none !important;
}

/* Falls Flatsome spezielle Klasse nutzt */
.woocommerce-checkout .ux-checkout-steps {
    display: none !important;
}

/* ======================================
   CITYRADAR – FLATSOME CHECKOUT SCHRITTE AUSBLENDEN
   ====================================== */

.woocommerce-checkout .cart-checkout-nav,
.woocommerce-checkout .cart-checkout-nav-wrap,
.woocommerce-checkout .checkout-breadcrumbs,
.woocommerce-checkout .checkout-breadcrumb,
.woocommerce-checkout .checkout-steps,
.woocommerce-checkout .checkout-page-title,
.woocommerce-checkout .page-title-inner,
.woocommerce-checkout .page-title,
.woocommerce-checkout .is-well.col-inner > .cart-checkout-nav,
.woocommerce-checkout .large-12.col > .cart-checkout-nav {
    display: none !important;
}

/* Falls die Leiste über dem Content Abstand hinterlässt */
.woocommerce-checkout .shop-container,
.woocommerce-checkout .shop-page-title,
.woocommerce-checkout .page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ======================================
   CITYRADAR – CHECKOUT BREADCRUMB FINAL FIX
   ====================================== */

/* Flatsome Checkout Breadcrumb (genau dein Fall) */
.woocommerce-checkout .woocommerce-checkout-breadcrumbs {
    display: none !important;
}

/* kompletter Bereich darüber */
.woocommerce-checkout .checkout-page-title {
    display: none !important;
}

/* Sicherheit – falls Wrapper übrig bleibt */
.woocommerce-checkout .checkout-page-title .flex-row {
    display: none !important;
}

/* ======================================
   CITYRADAR – CHECKOUT BREADCRUMB HARD KILL
   ====================================== */

body.woocommerce-checkout .checkout-page-title.page-title,
body.woocommerce-checkout .woocommerce-checkout-breadcrumbs,
body.woocommerce-checkout nav.woocommerce-checkout-breadcrumbs,
body.woocommerce-checkout .checkout-page-title.page-title .flex-row,
body.woocommerce-checkout .checkout-page-title.page-title .flex-col,
body.woocommerce-checkout .checkout-page-title.page-title .text-center,
body.woocommerce-checkout .checkout-page-title.page-title .uppercase {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

/* ======================================
   CITYRADAR24 – B2B FUNNEL BLOCKS
   Startblock + Pricing Block
   Bereinigte Gesamtversion
   ====================================== */


/* ======================================
   01. B2B STARTBLOCK
   ====================================== */

.cityradar-b2b-start {
    padding-top: 20px;
    padding-bottom: 40px;
}

.cityradar-b2b-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
    margin-bottom: 26px;
}

.cityradar-b2b-step-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    padding: 26px 24px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.cityradar-b2b-step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

.cityradar-b2b-step-card .cityradar-b2b-step-title .elementor-heading-title {
    margin: 0 0 12px 0 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.cityradar-b2b-step-text,
.cityradar-b2b-step-text p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
}

.cityradar-b2b-start-cta {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}


/* ======================================
   02. B2B PRICING BLOCK
   ====================================== */

.cityradar-b2b-pricing {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cityradar-b2b-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-top: 28px;
}

.cityradar-b2b-price-card {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    padding: 30px 26px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.cityradar-b2b-price-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.cityradar-b2b-price-card.featured {
    border: 2px solid #16a34a;
    box-shadow: 0 18px 44px rgba(22, 163, 74, 0.16);
    transform: translateY(-10px);
}

.cityradar-b2b-price-card.featured:hover {
    transform: translateY(-14px);
    box-shadow: 0 24px 48px rgba(22, 163, 74, 0.20);
    border-color: #16a34a;
}


/* ======================================
   03. PRICING BADGE
   ====================================== */

.cityradar-b2b-price-card .cityradar-price-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 22px rgba(34, 197, 94, 0.22);
    margin-bottom: 18px;
}


/* ======================================
   04. PRICING TITLE
   Elementor Override
   ====================================== */

.cityradar-b2b-price-card .cityradar-price-title,
.cityradar-b2b-price-card .cityradar-price-title .elementor-heading-title,
.cityradar-b2b-price-card .cityradar-price-title .elementor-widget-container,
.cityradar-b2b-price-card .cityradar-price-title * {
    margin: 0 0 14px 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}


/* ======================================
   05. PRICING PRICE / YEAR
   Elementor Override
   ====================================== */

.cityradar-b2b-price-card .cityradar-price-main,
.cityradar-b2b-price-card .cityradar-price-main p,
.cityradar-b2b-price-card .cityradar-price-main .elementor-heading-title,
.cityradar-b2b-price-card .cityradar-price-main .elementor-widget-container,
.cityradar-b2b-price-card .cityradar-price-main * {
    margin: 0 0 8px 0 !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #16a34a !important;
}

.cityradar-b2b-price-card .cityradar-price-year,
.cityradar-b2b-price-card .cityradar-price-year p,
.cityradar-b2b-price-card .cityradar-price-year .elementor-heading-title,
.cityradar-b2b-price-card .cityradar-price-year .elementor-widget-container,
.cityradar-b2b-price-card .cityradar-price-year * {
    margin: 0 0 18px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #64748b !important;
}


/* ======================================
   06. PRICING LIST
   ====================================== */

.cityradar-b2b-price-card ul {
    padding-left: 0;
    list-style: none;
    margin: 0 0 20px 0;
}

.cityradar-b2b-price-card ul li {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}


/* ======================================
   07. RESPONSIVE
   ====================================== */

@media (max-width: 1024px) {
    .cityradar-b2b-steps-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-b2b-start-cta {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .cityradar-b2b-pricing-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-b2b-price-card.featured {
        transform: none;
    }

    .cityradar-b2b-price-card.featured:hover {
        transform: translateY(-4px);
    }
}

/* ======================================
   CITYRADAR24 – STARTERPAKETE FINAL
   basiert auf bestehenden Elementor-Klassen
   ====================================== */

.cityradar-b2b-starter {
    margin-top: 10px;
    margin-bottom: 72px;
}

.cityradar-starter-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.cityradar-starter-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 24px;
    padding: 24px;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.04),
        0 24px 44px rgba(15, 23, 42, 0.05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    overflow: hidden;
}

.cityradar-starter-price-card:hover {
    transform: translateY(-6px);
    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.08),
        0 30px 60px rgba(15, 23, 42, 0.08);
    border-color: rgba(22, 163, 74, 0.22);
}

.cityradar-starter-price-card.is-recommended {
    transform: translateY(-10px);
    border: 2px solid #22c55e;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    box-shadow:
        0 20px 44px rgba(34, 197, 94, 0.18),
        0 32px 70px rgba(15, 23, 42, 0.12);
    z-index: 3;
}

.cityradar-starter-price-card.is-recommended:hover {
    transform: translateY(-14px);
    box-shadow:
        0 24px 48px rgba(34, 197, 94, 0.22),
        0 34px 74px rgba(15, 23, 42, 0.14);
    border-color: #16a34a;
}

.cityradar-starter-price-card.is-recommended::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: linear-gradient(140deg, rgba(34, 197, 94, 0.08), transparent 42%);
    pointer-events: none;
}

.cityradar-starter-badge,
.cityradar-starter-badge p,
.cityradar-starter-badge span,
.cityradar-starter-badge .elementor-heading-title {
    margin: 0 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    white-space: nowrap;
}

.cityradar-starter-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    border: 1px solid rgba(255, 255, 255, 0.20);
    box-shadow:
        0 8px 18px rgba(22, 163, 74, 0.28),
        0 2px 4px rgba(0, 0, 0, 0.08);
    margin-bottom: 14px;
    text-align: center;
    overflow: hidden;
}

.cityradar-starter-price-card.is-recommended .cityradar-starter-badge {
    transform: translateY(-2px);
}

.cityradar-starter-price-title .elementor-heading-title {
    margin: 0 0 10px 0 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.cityradar-starter-price-desc,
.cityradar-starter-price-desc p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 0 16px 0 !important;
}

.cityradar-starter-price-value .elementor-heading-title,
.cityradar-starter-price-value,
.cityradar-starter-price-value * {
    font-size: 30px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    color: #16a34a !important;
    letter-spacing: -0.02em;
    margin: 0 !important;
}

.cityradar-starter-price-note,
.cityradar-starter-price-note p {
    margin: 6px 0 0 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    line-height: 1.3 !important;
    opacity: 0.92;
    letter-spacing: 0.01em;
}

.cityradar-pricing-button {
    margin-top: auto;
    padding-top: 14px;
}

.cityradar-pricing-button .elementor-button {
    min-width: 140px;
    justify-content: center;
}

.cityradar-b2b-starter-note,
.cityradar-b2b-starter-note p {
    margin: 22px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    text-align: center;
    max-width: 920px;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1024px) {
    .cityradar-starter-pricing-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-starter-price-card.is-recommended,
    .cityradar-starter-price-card.is-recommended:hover {
        transform: none;
    }
}

.cityradar-b2b-final-cta {
    text-align: center;
    padding: 60px 20px;
}

.cityradar-b2b-final-cta .elementor-heading-title {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 16px;
}

.cityradar-b2b-final-cta p {
    font-size: 16px;
    color: #475569;
    margin-bottom: 24px;
}

.cityradar-b2b-final-cta .elementor-button {
    padding: 14px 28px;
    font-size: 16px;
    border-radius: 999px;
}

/* ======================================
   CITYRADAR – FINAL CTA BLOCK
   ====================================== */

.cityradar-final-cta {
    text-align: center;
    padding: 80px 20px;
    margin-top: 40px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 24px;
}

/* HEADLINE */
.cityradar-final-cta-title {
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0f172a; !important;
    margin-bottom: 18px !important;
}

/* SUBTEXT */
.cityradar-final-cta-sub {
    font-size: 17px;
    line-height: 1.7;
    color: #475569;
    max-width: 720px;
    margin: 0 auto 28px auto;
}

/* BUTTON */
.cityradar-final-cta-button .elementor-button {
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    box-shadow: 0 12px 28px rgba(22, 163, 74, 0.25);
    transition: all 0.25s ease;
}

.cityradar-final-cta-button .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px rgba(22, 163, 74, 0.35);
}

/* NOTE TEXT */
.cityradar-final-cta-note {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
}

/* MOBILE */
@media (max-width: 768px) {
    .cityradar-final-cta {
        padding: 50px 16px;
    }

    .cityradar-final-cta-title {
        font-size: 26px !important;
    }

    .cityradar-final-cta-sub {
        font-size: 15px;
    }
}

.cityradar-highlight {
    color: #16a34a;
}

.cityradar-checkout-check a {
    color: #16a34a;
    font-weight: 700;
    text-decoration: none;
}

.cityradar-checkout-check a:hover {
    text-decoration: underline;
}

.cityradar-checkout-legal-note {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

/* ======================================
   CITYRADAR – CHECKOUT HERO CI
   ====================================== */

.cityradar-checkout-hero {
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    border: 1px solid rgba(22, 163, 74, 0.14);
    border-radius: 22px;
    padding: 28px 30px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.cityradar-checkout-topline {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #16a34a;
    margin-bottom: 8px;
}

.cityradar-checkout-hero h2 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-checkout-hero p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    max-width: 760px;
}

/* ======================================
   CITYRADAR – CHECKOUT BUTTONS
   ====================================== */

.cityradar-checkout-submit button,
.cityradar-checkout-side-card .elementor-button,
.cityradar-checkout-form button {
    min-height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 12px 28px rgba(22, 163, 74, 0.22);
    transition: transform .22s ease, box-shadow .22s ease;
}

.cityradar-checkout-submit button:hover,
.cityradar-checkout-side-card .elementor-button:hover,
.cityradar-checkout-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(22, 163, 74, 0.30);
}

/* ======================================
   CITYRADAR – CHECKOUT CHECKBOXEN
   ====================================== */

.cityradar-checkout-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.6;
    color: #334155;
}

.cityradar-checkout-check input[type="checkbox"] {
    margin-top: 3px;
    transform: scale(1.02);
}

.cityradar-checkout-check span {
    display: block;
}

.cityradar-checkout-legal-note {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 13px;
    line-height: 1.65;
    color: #64748b;
}

/* ======================================
   CITYRADAR – CHECKOUT FIELDS
   ====================================== */

.cityradar-checkout-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.cityradar-checkout-field input {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 14px;
    padding: 0 16px;
    font-size: 15px;
    color: #0f172a;
    background: #ffffff;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.cityradar-checkout-field input:focus {
    outline: none;
    border-color: #16a34a;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.10);
}

.cityradar-checkout-field input::placeholder {
    color: #94a3b8;
}

/* ======================================
   CITYRADAR – CHECKOUT UI OVERRIDE FINAL
   sichtbarere Overrides für Inputs / Checks / Button
   ====================================== */

.cityradar-checkout-wrap .cityradar-checkout-field label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    color: #334155 !important;
}

.cityradar-checkout-wrap .cityradar-checkout-field input {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    background: #ffffff !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.cityradar-checkout-wrap .cityradar-checkout-field input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

.cityradar-checkout-wrap .cityradar-checkout-field input:focus {
    outline: none !important;
    border-color: #16a34a !important;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.10) !important;
    background: #ffffff !important;
}

.cityradar-checkout-wrap .cityradar-checkout-check {
    display: grid !important;
    grid-template-columns: 18px 1fr !important;
    align-items: start !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #334155 !important;
}

.cityradar-checkout-wrap .cityradar-checkout-check input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 3px 0 0 0 !important;
    accent-color: #16a34a !important;
}

.cityradar-checkout-wrap .cityradar-checkout-check span {
    display: block !important;
}

.cityradar-checkout-wrap .cityradar-checkout-check a {
    color: #16a34a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.cityradar-checkout-wrap .cityradar-checkout-check a:hover {
    text-decoration: underline !important;
}

.cityradar-checkout-wrap .cityradar-checkout-legal-note {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
}

.cityradar-checkout-wrap .cityradar-checkout-submit {
    margin-top: 8px !important;
}

.cityradar-checkout-wrap .cityradar-checkout-submit button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    cursor: pointer !important;
    box-shadow: 0 12px 28px rgba(22, 163, 74, 0.24) !important;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.cityradar-checkout-wrap .cityradar-checkout-submit button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 36px rgba(22, 163, 74, 0.30) !important;
    filter: saturate(1.02) !important;
}

.cityradar-checkout-wrap .cityradar-checkout-submit button:focus {
    outline: none !important;
    box-shadow:
        0 18px 36px rgba(22, 163, 74, 0.30) !important,
        0 0 0 4px rgba(22, 163, 74, 0.12) !important;
}

@media (max-width: 767px) {
    .cityradar-checkout-wrap .cityradar-checkout-submit button {
        width: 100% !important;
    }
}

/* ======================================
   CITYRADAR – CHECKOUT CHOICE CARDS FINAL
   Paket / Zahlweise / Starterpaket
   Ohne :has() für sauberes Global CSS
   ====================================== */

.cityradar-checkout-wrap .cityradar-checkout-section h3 {
    margin: 0 0 14px 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.cityradar-checkout-wrap .cityradar-checkout-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.cityradar-checkout-wrap .cityradar-choice-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 120px !important;
    padding: 18px 16px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    cursor: pointer !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
    overflow: hidden !important;
}

.cityradar-checkout-wrap .cityradar-choice-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(22, 163, 74, 0.22) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
}

.cityradar-checkout-wrap .cityradar-choice-card input[type="radio"] {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    margin: 0 !important;
    accent-color: #16a34a !important;
    transform: scale(1.02) !important;
}

.cityradar-checkout-wrap .cityradar-choice-card .title {
    display: block !important;
    margin: 10px 0 8px 0 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.cityradar-checkout-wrap .cityradar-choice-card .meta {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #64748b !important;
}

/* sichtbarer aktiver Radio-Kreis */
.cityradar-checkout-wrap .cityradar-choice-card input[type="radio"]:checked {
    accent-color: #16a34a !important;
}

/* leicht stärkerer Fokus beim Hover auf gewählte Felder vermeiden wir hier bewusst,
   damit kein Global-CSS-Fehler entsteht */

@media (max-width: 767px) {
    .cityradar-checkout-wrap .cityradar-checkout-choice-grid {
        grid-template-columns: 1fr !important;
    }

    .cityradar-checkout-wrap .cityradar-choice-card {
        min-height: 108px !important;
    }
}

/* aktive Auswahlkarte */
.cityradar-checkout-wrap .cityradar-choice-card.is-selected {
    border: 2px solid #16a34a !important;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%) !important;
    box-shadow: 0 16px 34px rgba(22, 163, 74, 0.14) !important;
    transform: translateY(-2px) !important;
}

.cityradar-checkout-wrap .cityradar-choice-card.is-selected .title {
    color: #0f172a !important;
}

.cityradar-checkout-wrap .cityradar-choice-card.is-selected .meta {
    color: #475569 !important;
}

/* ======================================
   CITYRADAR – CHECKOUT CHOICE META TUNING
   ====================================== */

.cityradar-checkout-wrap .cityradar-choice-card .meta {
    display: block !important;
    margin: 2px 0 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    color: #64748b !important;
    max-width: 95%;
}

/* ======================================
   CITYRADAR24 – START / ONBOARDING
   Zusatz zu bestehendem Firmenbereich
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-start-headercard {
    align-items: start;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-card {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-label {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-value {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-bar {
    width: 100%;
    height: 10px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-bar span {
    display: block;
    height: 100%;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border-radius: 999px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-progress-text {
    margin-top: 10px;
    font-size: 14px;
    color: #475569;
    font-weight: 700;
}

.cityradar-kundenbereich-wrapper .cityradar-start-next-box {
    margin-top: 22px;
    padding: 20px 22px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%);
    border: 1px solid rgba(22, 163, 74, 0.12);
}

.cityradar-kundenbereich-wrapper .cityradar-start-next-label {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #16a34a;
    margin-bottom: 6px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-next-box h3 {
    background: #ffffff;
    border: 1px solid rgba(15,23,42,0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-start-next-box p {
    margin: 0 0 16px 0;
    color: #475569;
    line-height: 1.7;
}

.cityradar-kundenbereich-wrapper .cityradar-start-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 24px 0;
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkitem {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkitem.is-done {
    background: #ffffff;
    border-color: rgba(15,23,42,0.08);
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkicon {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkcontent {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkcontent strong {
    color: #0f172a;
    font-size: 18px;
    line-height: 1.3;
}

.cityradar-kundenbereich-wrapper .cityradar-start-checkcontent span {
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

.cityradar-kundenbereich-wrapper .cityradar-start-done-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 1024px) {
    .cityradar-kundenbereich-wrapper .cityradar-start-checkitem {
        grid-template-columns: 40px 1fr;
    }

    .cityradar-kundenbereich-wrapper .cityradar-start-checkaction {
        grid-column: 1 / -1;
        margin-top: 4px;
    }
}

.cityradar-start-checkitem {
    text-decoration: none;
    cursor: pointer;
}

.cityradar-start-checkitem:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15,23,42,0.08);
}

.cityradar-start-checkitem .cityradar-start-open-label {
    font-size: 13px;
    font-weight: 700;
    color: #16a34a;
}

.cityradar-start-checkitem:hover .cityradar-start-checkicon {
    transform: scale(1.1);
}

/* ======================================
   CITYRADAR – IMAGE FIX (1:1 sauber)
   ====================================== */

.cityradar-dashboard-img,
.cityradar-start-img,
.cityradar-kb-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
}

/* Bild selbst */
.cityradar-dashboard-img img,
.cityradar-start-img img,
.cityradar-kb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mittagspause sauber ausrichten */
.cityradar-opening-pause-field label {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0;
}

/* Status + Pause nebeneinander sauber */
.cityradar-opening-day-options {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}

.cityradar-opening-settings label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-radius: 14px;
}

.cityradar-opening-settings input[type="checkbox"] {
    margin: 0;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN
   Mittagspause gezielt fixen
   ====================================== */

.cityradar-opening-pause-field {
    min-width: 150px;
}

.cityradar-opening-pause-field label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    box-sizing: border-box;
    white-space: nowrap;
}

.cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0;
    flex: 0 0 auto;
}

.cityradar-opening-pause-field label span,
.cityradar-opening-pause-field .cityradar-opening-pause-text {
    display: inline-block;
    white-space: nowrap;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN
   Mittagspause final fix
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field {
    width: 150px;
    min-width: 150px;
    margin: 0;
    align-self: center;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0;
    flex: 0 0 auto;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    font-size: 13px;
}

/* ======================================
   CITYRADAR24 – ÖFFNUNGSZEITEN
   Mittagspause sauber fixen
   ====================================== */

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field {
    width: 150px;
    min-width: 150px;
    margin: 0;
    align-self: flex-end !important;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field label {
    display: grid !important;
    grid-template-columns: 18px 1fr;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    box-sizing: border-box;
    margin: 0 !important;
    white-space: nowrap;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0;
    width: 18px;
    height: 18px;
    accent-color: #16a34a;
}

.cityradar-kundenbereich-wrapper .cityradar-opening-pause-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ======================================
   CITYRADAR24 – DASHBOARD V2
   nur Dashboard, keine Seiteneffekte
   ====================================== */

.cityradar-dashboard-page .cityradar-dashboard-panels {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
    gap: 16px;
    margin-top: 22px;
}

.cityradar-dashboard-page .cityradar-dashboard-panel {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    padding: 20px 22px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.cityradar-dashboard-page .cityradar-dashboard-panel-label {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.cityradar-dashboard-page .cityradar-dashboard-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-dashboard-page .cityradar-dashboard-panel-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cityradar-dashboard-page .cityradar-dashboard-panel-item span {
    font-size: 13px;
    color: #64748b;
}

.cityradar-dashboard-page .cityradar-dashboard-panel-item strong {
    font-size: 18px;
    line-height: 1.3;
    color: #0f172a;
}

.cityradar-dashboard-page .cityradar-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cityradar-dashboard-page .cityradar-dashboard-alerts {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.cityradar-dashboard-page .cityradar-dashboard-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-dashboard-page .cityradar-dashboard-alert-text {
    color: #334155;
    line-height: 1.65;
}

.cityradar-dashboard-page .cityradar-dashboard-alert-link {
    white-space: nowrap;
    font-weight: 800;
    color: #16a34a;
    text-decoration: none;
}

.cityradar-dashboard-page .cityradar-dashboard-alert-link:hover {
    text-decoration: underline;
}

@media (max-width: 980px) {
    .cityradar-dashboard-page .cityradar-dashboard-panels {
        grid-template-columns: 1fr;
    }

    .cityradar-dashboard-page .cityradar-dashboard-panel-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-dashboard-page .cityradar-dashboard-alert {
        flex-direction: column;
        align-items: flex-start;
    }
}


.cityradar-dashboard-page .cityradar-kb-head-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 138px;
    gap: 24px;
    align-items: start;
}

.cityradar-dashboard-page .cityradar-kb-logo-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 138px;
    min-width: 138px;
}

.cityradar-dashboard-page .cityradar-kb-logo,
.cityradar-dashboard-page .cityradar-kb-logo-placeholder {
    width: 138px !important;
    height: 138px !important;
    aspect-ratio: 1 / 1;
    flex: 0 0 138px;
}

.cityradar-dashboard-page .cityradar-kb-logo--bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ======================================
   DASHBOARD – MAIN CTA BLOCK
   ====================================== */

.cityradar-dashboard-page .cityradar-dashboard-main-cta {
    margin-top: 18px;
    padding: 22px 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid rgba(22, 163, 74, 0.18);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cityradar-dashboard-page .cityradar-dashboard-main-cta-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #16a34a;
}

.cityradar-dashboard-page .cityradar-dashboard-main-cta-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    color: #0f172a;
}

.cityradar-dashboard-page .cityradar-dashboard-main-cta-sub {
    font-size: 14px;
    color: #475569;
}

.cityradar-dashboard-page .cityradar-dashboard-main-cta-actions {
    margin-top: 6px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cityradar-dashboard-page .cityradar-dashboard-main-cta .cityradar-btn {
    box-shadow: 0 10px 25px rgba(22, 163, 74, 0.18);
}

/* ======================================
   CITYRADAR24 – DEAL EINREICHEN FORM FIX
   Nur für Deal-Einreichen Bereich
   ====================================== */

.cityradar-deal-submit-area .cityradar-deal-submit-form > p,
.cityradar-deal-submit-area .cityradar-deal-submit-form .cityradar-form-grid-2 > p,
.cityradar-deal-submit-area .cityradar-deal-submit-form .cityradar-form-grid-3 > p {
    margin: 0 0 10px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
}

.cityradar-deal-submit-area .cityradar-deal-submit-form .cityradar-char-counter {
    display: block !important;
    width: 100% !important;
    margin: -2px 0 0 0 !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
}

.cityradar-deal-submit-area .cityradar-deal-submit-form .cityradar-char-counter.is-warning {
    color: #b45309 !important;
}

.cityradar-deal-submit-area .cityradar-deal-submit-form .cityradar-char-counter.is-danger {
    color: #b91c1c !important;
    font-weight: 700 !important;
}

.cityradar-deal-submit-area .cityradar-deal-checkbox-row {
    margin: 4px 0 20px 0 !important;
    display: block !important;
    margin-top: 8px !important;
}

.cityradar-deal-submit-area .cityradar-deal-checkbox-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer;
}

.cityradar-deal-submit-area .cityradar-deal-checkbox-label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
    accent-color: #16a34a;
}

.cityradar-deal-submit-area .cityradar-deal-checkbox-label span {
    display: inline-block !important;
    line-height: 1.4 !important;
}

/* ======================================
   DEAL FORM – INPUT SPACING FIX
   ====================================== */

.cityradar-deal-submit-area .cityradar-deal-submit-form input,
.cityradar-deal-submit-area .cityradar-deal-submit-form textarea,
.cityradar-deal-submit-area .cityradar-deal-submit-form select {
    margin-bottom: 2px !important;
}

.cityradar-deal-submit-area input[type="url"] {
    background: #f8fafc;
}

.cityradar-deal-submit-area select[name="deal_kategorie"] {
    border-color: rgba(22, 163, 74, 0.4);
}

.cityradar-deal-submit-area .required {
    color: #dc2626;
    margin-left: 2px;
}

/* ======================================
   CITYRADAR24 – ABO VERWALTEN PAGE
   Nur Abo-Verwalten Bereich
   ====================================== */

.cityradar-abo-page .cityradar-dashboard-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.cityradar-abo-page .cityradar-dashboard-panel {
    background: #ffffff;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    padding: 20px 18px;
}

.cityradar-abo-page .cityradar-dashboard-panel-label {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.cityradar-abo-page .cityradar-dashboard-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.cityradar-abo-page .cityradar-dashboard-panel-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.cityradar-abo-page .cityradar-dashboard-panel-item span {
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
}

.cityradar-abo-page .cityradar-dashboard-panel-item strong {
    font-size: 20px;
    line-height: 1.25;
    color: #0f172a;
    font-weight: 800;
}

.cityradar-abo-page .cityradar-kb-info-note.cityradar-abo-referral-note {
    margin-top: 16px;
}

.cityradar-abo-page .cityradar-abo-referral-log {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cityradar-abo-page .cityradar-abo-referral-log-item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.cityradar-abo-page .cityradar-abo-referral-log-date {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.cityradar-abo-page .cityradar-abo-referral-log-text {
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
}

@media (max-width: 900px) {
    .cityradar-abo-page .cityradar-dashboard-panels,
    .cityradar-abo-page .cityradar-dashboard-panel-grid {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   CITYRADAR24 – ABO PAGE OUTER SHELL
   Nur Abo-Verwalten
   ====================================== */

.cityradar-abo-page .cityradar-dashboard-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 28px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 24px 50px rgba(15, 23, 42, 0.05);
}

.cityradar-abo-page .cityradar-dashboard-page {
    max-width: 100%;
}

@media (max-width: 768px) {
    .cityradar-abo-page .cityradar-dashboard-shell {
        padding: 18px;
        border-radius: 22px;
    }
}

/* ======================================
   CITYRADAR24 – MEIN UNTERNEHMEN COUNTER FIX
   Nur Mein-Unternehmen Formular
   ====================================== */

.cityradar-company-form-area .cityradar-company-form > p,
.cityradar-company-form-area .cityradar-company-form .cityradar-form-grid-2 > p,
.cityradar-company-form-area .cityradar-company-form .cityradar-form-grid-3 > p {
    margin: 0 0 10px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
}

.cityradar-company-form-area .cityradar-company-form input,
.cityradar-company-form-area .cityradar-company-form textarea,
.cityradar-company-form-area .cityradar-company-form select {
    margin-bottom: 2px !important;
}

.cityradar-company-form-area .cityradar-company-form .cityradar-char-counter {
    display: block !important;
    width: 100% !important;
    margin: -2px 0 0 0 !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #64748b !important;
}

/* ======================================
   CITYRADAR – ÖFFNUNGSZEITEN PREMIUM UI
   ====================================== */

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    transition: all 0.2s ease;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* Status visuell trennen */
.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-geoeffnet {
    border-left: 4px solid #16a34a;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-geschlossen {
    border-left: 4px solid #dc2626;
    opacity: 0.7;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-nach_vereinbarung {
    border-left: 4px solid #f59e0b;
}

/* Header klarer */
.cityradar-oeffnungszeiten-area .cityradar-opening-day-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

/* Titel + Chip */
.cityradar-oeffnungszeiten-area h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* Zeitblock Box */
.cityradar-oeffnungszeiten-area .cityradar-time-row {
    background: #f8fafc;
    border-radius: 12px;
    padding: 14px;
    margin-top: 12px;
}

/* Input Abstand verbessern */
.cityradar-oeffnungszeiten-area input[type="time"] {
    background: #ffffff;
}

/* Toolbar sauber */
.cityradar-oeffnungszeiten-area .cityradar-opening-toolbar {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

/* Buttons ruhiger */
.cityradar-oeffnungszeiten-area .cityradar-mini-action {
    background: #f1f5f9;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
}

/* Toggle Bereich */
.cityradar-oeffnungszeiten-area .cityradar-opening-settings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

/* Chips */
.cityradar-day-status-chip {
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
}

.cityradar-day-status-chip--geoeffnet {
    background: #dcfce7;
    color: #166534;
}

.cityradar-day-status-chip--geschlossen {
    background: #fee2e2;
    color: #991b1b;
}

.cityradar-day-status-chip--nach_vereinbarung {
    background: #fef3c7;
    color: #92400e;
}

/* ======================================
   CITYRADAR – ÖFFNUNGSZEITEN PREMIUM UI
   Nur Öffnungszeiten-Bereich
   ====================================== */

.cityradar-oeffnungszeiten-area .cityradar-dashboard-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 28px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 24px 50px rgba(15, 23, 42, 0.05);
}

.cityradar-oeffnungszeiten-area .cityradar-dashboard-page {
    max-width: 100%;
}

.cityradar-oeffnungszeiten-area .cityradar-frontend-form-wrap.cityradar-oeffnungszeiten-page {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* obere beiden Optionsfelder */
.cityradar-oeffnungszeiten-area .cityradar-opening-settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 22px;
}

.cityradar-oeffnungszeiten-area .cityradar-switch-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px;

    min-height: 64px;
    padding: 16px 18px !important;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    cursor: pointer;
}

.cityradar-oeffnungszeiten-area .cityradar-switch-row span {
    flex: 1;
    text-align: left;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    color: #0f172a;
}

/* Checkbox sauber rechts */
.cityradar-oeffnungszeiten-area .cityradar-switch-row input[type="checkbox"] {
    order: 2;
    margin: 0 !important;

    width: 18px;
    height: 18px;

    accent-color: #f97316;
}

.cityradar-oeffnungszeiten-area .cityradar-switch-row span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #0f172a;
}

.cityradar-oeffnungszeiten-area .cityradar-switch-row input[type="checkbox"] {
    margin: 0 !important;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    accent-color: #f97316;
}

/* Toolbar */
.cityradar-oeffnungszeiten-area .cityradar-opening-toolbar {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

.cityradar-oeffnungszeiten-area .cityradar-mini-action {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #0f172a;
}

/* Tageskarten */
.cityradar-oeffnungszeiten-area .cityradar-opening-day-card {
    background: #ffffff;
    border: 1px solid #dbe4ea;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 18px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-geoeffnet {
    border-left: 4px solid #16a34a;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-geschlossen {
    border-left: 4px solid #dc2626;
    opacity: 0.78;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-card.is-status-nach_vereinbarung {
    border-left: 4px solid #f59e0b;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-day-title-wrap h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #0f172a;
}

/* Status-Chips */
.cityradar-oeffnungszeiten-area .cityradar-day-status-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.cityradar-oeffnungszeiten-area .cityradar-day-status-chip--geoeffnet {
    background: #dcfce7;
    color: #166534;
}

.cityradar-oeffnungszeiten-area .cityradar-day-status-chip--geschlossen {
    background: #fee2e2;
    color: #991b1b;
}

.cityradar-oeffnungszeiten-area .cityradar-day-status-chip--nach_vereinbarung {
    background: #fef3c7;
    color: #92400e;
}

/* Status + Mittagspause */
.cityradar-oeffnungszeiten-area .cityradar-opening-day-options {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

/* beide Felder auf gleiche Grundlogik */
.cityradar-oeffnungszeiten-area .cityradar-opening-status-field,
.cityradar-oeffnungszeiten-area .cityradar-opening-pause-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Status-Feld */
.cityradar-oeffnungszeiten-area .cityradar-opening-status-field {
    min-width: 140px;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-status-field label {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-status-field select {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Pause-Feld als gleichwertige UI-Kapsel */
.cityradar-oeffnungszeiten-area .cityradar-opening-pause-field {
    min-width: 132px;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-pause-field label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    height: 42px;
    min-height: 42px;
    padding: 0 14px;
    background: #ffffff;
    border: 1px solid #dbe3ea;
    border-radius: 10px;
    margin: 0 !important;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.cityradar-oeffnungszeiten-area .cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0 !important;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: #16a34a;
}

.cityradar-oeffnungszeiten-area .cityradar-opening-pause-text {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #0f172a;
    white-space: nowrap;
}

/* Zeitblöcke */
.cityradar-oeffnungszeiten-area .cityradar-time-row {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 14px;
    margin-top: 12px;
}

.cityradar-oeffnungszeiten-area .cityradar-time-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.cityradar-oeffnungszeiten-area .cityradar-time-row-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-oeffnungszeiten-area .cityradar-time-copy-btn {
    background: #ffffff;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.cityradar-oeffnungszeiten-area .cityradar-time-range-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
}

.cityradar-oeffnungszeiten-area .cityradar-time-range-field label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

.cityradar-oeffnungszeiten-area .cityradar-time-range-field input[type="time"] {
    background: #ffffff;
}

.cityradar-oeffnungszeiten-area .cityradar-time-range-separator {
    align-self: center;
    font-size: 20px;
    line-height: 1;
    color: #94a3b8;
}

/* weiche Ausblendung */
.cityradar-oeffnungszeiten-area .is-hidden-soft {
    display: none !important;
}

/* Save Button Abstand */
.cityradar-oeffnungszeiten-area .cityradar-save-btn {
    margin-top: 10px;
}

/* mobile */
@media (max-width: 768px) {
    .cityradar-oeffnungszeiten-area .cityradar-dashboard-shell {
        padding: 18px;
        border-radius: 22px;
    }

    .cityradar-oeffnungszeiten-area .cityradar-opening-settings {
        grid-template-columns: 1fr;
    }

    .cityradar-oeffnungszeiten-area .cityradar-opening-day-head {
        flex-direction: column;
        align-items: stretch;
    }

    .cityradar-oeffnungszeiten-area .cityradar-opening-day-options {
        width: 100%;
        align-items: stretch;
    }

    .cityradar-oeffnungszeiten-area .cityradar-opening-status-field,
    .cityradar-oeffnungszeiten-area .cityradar-opening-pause-field {
        width: 100%;
    }

    .cityradar-oeffnungszeiten-area .cityradar-opening-pause-field label {
        width: 100%;
    }

    .cityradar-oeffnungszeiten-area .cityradar-time-row-head {
        flex-direction: column;
        align-items: stretch;
    }

    .cityradar-oeffnungszeiten-area .cityradar-time-range-grid {
        grid-template-columns: 1fr;
    }

    .cityradar-oeffnungszeiten-area .cityradar-time-range-separator {
        display: none;
    }
}

/* ======================================
   CITYRADAR24 – START PAGE PREMIUM V2
   Nur Startseite, keine Seiteneffekte
   ====================================== */

.cityradar-start-page .cityradar-dashboard-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 28px;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 24px 50px rgba(15, 23, 42, 0.05);
}

.cityradar-start-page .cityradar-start-headercard {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 22px;
    align-items: stretch;
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.05),
        0 22px 45px rgba(15, 23, 42, 0.04);
}

.cityradar-start-page .cityradar-kb-head-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cityradar-start-page .cityradar-kb-eyebrow {
    margin-bottom: 10px;
}

.cityradar-start-page .cityradar-start-headercard h2 {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.08;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-start-page .cityradar-login-subtext {
    max-width: 760px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
}

.cityradar-start-page .cityradar-start-next-box {
    margin-top: 22px;
    padding: 22px 24px;
    border-radius: 22px;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid rgba(22, 163, 74, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.cityradar-start-page .cityradar-start-next-label {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #16a34a;
    margin-bottom: 8px;
}

.cityradar-start-page .cityradar-start-next-box h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
    background: transparent;
    border: 0;
}

.cityradar-start-page .cityradar-start-next-box p {
    margin: 0 0 18px;
    color: #475569;
    line-height: 1.7;
    font-size: 15px;
}

.cityradar-start-page .cityradar-start-progress-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.cityradar-start-page .cityradar-start-progress-card {
    padding: 22px 22px 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.cityradar-start-page .cityradar-start-progress-label {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cityradar-start-page .cityradar-start-progress-value {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.cityradar-start-page .cityradar-start-progress-bar {
    height: 12px;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
}

.cityradar-start-page .cityradar-start-progress-bar span {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.cityradar-start-page .cityradar-start-progress-text {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #475569;
}

.cityradar-start-page .cityradar-kb-logo-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.cityradar-start-page .cityradar-kb-logo,
.cityradar-start-page .cityradar-kb-logo-placeholder {
    width: 138px;
    height: 138px;
    border-radius: 22px;
    overflow: hidden;
    flex: 0 0 138px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.cityradar-start-page .cityradar-kb-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cityradar-start-page .cityradar-start-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 24px 0;
}

.cityradar-start-page .cityradar-start-checkitem {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.cityradar-start-page .cityradar-start-checkitem:hover {
    transform: translateY(-2px);
    border-color: rgba(22, 163, 74, 0.18);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
}

.cityradar-start-page .cityradar-start-checkicon {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    background: #f8fafc;
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-start-page .cityradar-start-checkitem.is-done .cityradar-start-checkicon {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.22);
}

.cityradar-start-page .cityradar-start-checkcontent strong {
    display: block;
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 1.25;
    color: #0f172a;
}

.cityradar-start-page .cityradar-start-checkcontent span {
    display: block;
    margin: 0;
    color: #475569;
    line-height: 1.65;
    font-size: 14px;
}

.cityradar-start-page .cityradar-start-done-label,
.cityradar-start-page .cityradar-start-open-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.cityradar-start-page .cityradar-start-done-label {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.cityradar-start-page .cityradar-start-open-label {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.cityradar-start-page .cityradar-kb-info-note {
    margin-top: 10px;
}

@media (max-width: 980px) {
    .cityradar-start-page .cityradar-dashboard-shell {
        padding: 20px;
        border-radius: 22px;
    }

    .cityradar-start-page .cityradar-start-headercard {
        grid-template-columns: 1fr;
    }

    .cityradar-start-page .cityradar-kb-logo-wrap {
        justify-content: flex-start;
    }

    .cityradar-start-page .cityradar-start-checkitem {
        grid-template-columns: 48px 1fr;
    }

    .cityradar-start-page .cityradar-start-checkaction {
        grid-column: 2;
    }
}

@media (max-width: 767px) {
    .cityradar-start-page .cityradar-dashboard-shell {
        padding: 16px;
        border-radius: 20px;
    }

    .cityradar-start-page .cityradar-start-headercard {
        padding: 20px;
        border-radius: 20px;
    }

    .cityradar-start-page .cityradar-start-next-box,
    .cityradar-start-page .cityradar-start-progress-card {
        padding: 18px;
        border-radius: 18px;
    }

    .cityradar-start-page .cityradar-start-checkitem {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cityradar-start-page .cityradar-start-checkaction {
        grid-column: auto;
    }
}

.cityradar-deal-popup {
    text-align: center;
    color: #0f172a;
}

.cityradar-deal-popup-head {
    font-size: 30px;
    line-height: 1.12;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

.cityradar-deal-popup-subline {
    font-size: 16px;
    color: #475569;
    margin-bottom: 16px;
    line-height: 1.6;
}

.cityradar-deal-code-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 10px 0 14px;
}

.cityradar-deal-popup-btn {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 14px;
    box-shadow: 0 10px 22px rgba(34, 197, 94, 0.22);
}

.cityradar-deal-popup-conditions {
    margin-top: 14px;
}

.cityradar-dashboard-page .cityradar-dashboard-panel-referral {
    border-top: 2px solid #22c55e;
}

.cityradar-referral-share-box {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.cityradar-referral-input {
    flex: 1;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(15,23,42,0.1);
    background: #f8fafc;
}

.cityradar-referral-copy-msg {
    margin-top: 6px;
    font-size: 13px;
    color: #16a34a;
    font-weight: 600;
}

/* ======================================
   DASHBOARD – REFERRAL PREMIUM BLOCK
   ====================================== */

.cityradar-dashboard-panel-referral {
    border: 1px solid rgba(34,197,94,0.25);
    background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
    box-shadow: 0 16px 40px rgba(34,197,94,0.08);
}

/* CODE */
.cityradar-dashboard-panel-referral strong {
    display: inline-block;
    margin-top: 6px;
    padding: 10px 16px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px dashed rgba(34,197,94,0.4);
    font-size: 18px;
    letter-spacing: 0.12em;
    font-weight: 800;
}

/* SHARE BOX */
.cityradar-referral-share-box {
    display: flex;
    gap: 12px;
    margin-top: 10px;
    align-items: center;
}

/* INPUT */
.cityradar-referral-input {
    flex: 1;
    height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,0.08);
    background: #ffffff;
    padding: 0 14px;
    font-size: 14px;
}

/* BUTTON */
.cityradar-referral-copy {
    height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(34,197,94,0.25);
    transition: all .2s ease;
}

.cityradar-referral-copy:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(34,197,94,0.35);
}

/* TEXT BOX */
.cityradar-dashboard-panel-referral .cityradar-kb-info-note {
    background: rgba(255,255,255,0.7);
    border-radius: 12px;
    padding: 14px 16px;
}

/* COPY MESSAGE */
.cityradar-referral-copy-msg {
    margin-top: 8px;
    font-size: 13px;
    color: #16a34a;
    font-weight: 700;
}

/* ======================================
   DASHBOARD – REFERRAL FULL WIDTH
   ====================================== */

.cityradar-dashboard-page .cityradar-dashboard-panel-referral {
    grid-column: 1 / -1;
}

/* ======================================
   REFERRAL – GAMIFICATION
   ====================================== */

.cityradar-referral-headline {
    margin-top: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #16a34a;
}

.cityradar-referral-progress {
    margin-top: 10px;
    font-size: 14px;
    color: #334155;
}

/* kleines Highlight für Zahl */
.cityradar-referral-progress strong {
    font-size: 18px;
    color: #16a34a;
}

.cityradar-dashboard-panel-referral {
    position: relative;
}

.cityradar-dashboard-panel-referral::before {
    content: "🔥";
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 18px;
    opacity: 0.6;
}

/* =========================
   B2B PROMO BLOCK
   ========================= */

.cityradar-qr-b2b-promo {
    margin-top: 34px;
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    border: 1px solid rgba(34, 197, 94, 0.16);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.cityradar-qr-b2b-kicker .elementor-heading-title,
.cityradar-qr-b2b-kicker h2,
.cityradar-qr-b2b-kicker h3 {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #16a34a;
    margin: 0 0 8px;
}

.cityradar-qr-b2b-title .elementor-heading-title,
.cityradar-qr-b2b-title h2,
.cityradar-qr-b2b-title h3 {
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px;
}

.cityradar-qr-b2b-text p {
    max-width: 760px;
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.65;
    color: #475569;
}

.cityradar-qr-b2b-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 0 0 22px;
}

.cityradar-qr-b2b-benefit {
    padding: 16px 18px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #0f172a;
}

.cityradar-qr-b2b-cta .elementor-button,
.cityradar-qr-b2b-cta a.elementor-button {
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(34, 197, 94, 0.22);
}

.cityradar-qr-b2b-cta .elementor-button:hover,
.cityradar-qr-b2b-cta a.elementor-button:hover {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}

@media (max-width: 767px) {
    .cityradar-qr-b2b-promo {
        padding: 22px 18px;
    }

    .cityradar-qr-b2b-benefits {
        grid-template-columns: 1fr;
    }
}

.cityradar-b2b-benefit {
    padding: 16px 18px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

/* =========================
   B2B PROMO BLOCK – FINAL FIX
   ========================= */

.cityradar-qr-b2b-promo {
    margin-top: 38px;
    padding: 34px 36px 32px;
    border-radius: 28px;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    border: 1px solid rgba(34, 197, 94, 0.14);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

/* Eyebrow */
.cityradar-qr-b2b-kicker .elementor-heading-title,
.cityradar-qr-b2b-kicker h1,
.cityradar-qr-b2b-kicker h2,
.cityradar-qr-b2b-kicker h3,
.cityradar-qr-b2b-kicker p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #16a34a !important;
}

/* Headline */
.cityradar-qr-b2b-title .elementor-heading-title,
.cityradar-qr-b2b-title h1,
.cityradar-qr-b2b-title h2,
.cityradar-qr-b2b-title h3 {
    margin: 0 0 16px;
    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
    max-width: 900px;
}

/* Text */
.cityradar-qr-b2b-text p {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 1.65;
    color: #475569;
}

/* Benefits Container */
.cityradar-qr-b2b-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 26px;
}

/* Benefit Boxen */
.cityradar-qr-b2b-benefit {
    min-height: 84px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cityradar-qr-b2b-benefit .elementor-widget-container,
.cityradar-qr-b2b-benefit p,
.cityradar-qr-b2b-benefit .elementor-heading-title,
.cityradar-qr-b2b-benefit h3,
.cityradar-qr-b2b-benefit h4 {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    color: #0f172a;
}

/* CTA Bereich */
.cityradar-qr-b2b-cta {
    margin-top: 4px;
}

.cityradar-qr-b2b-cta .elementor-button-wrapper {
    display: flex;
    justify-content: flex-start;
}

.cityradar-qr-b2b-cta .elementor-button,
.cityradar-qr-b2b-cta a.elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 26px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(34, 197, 94, 0.24);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.cityradar-qr-b2b-cta .elementor-button:hover,
.cityradar-qr-b2b-cta a.elementor-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    box-shadow: 0 16px 28px rgba(34, 197, 94, 0.30);
}

/* Social proof */
.cityradar-qr-b2b-proof p,
.cityradar-qr-b2b-proof .elementor-heading-title {
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    color: #16a34a;
}

/* Mobile */
@media (max-width: 900px) {
    .cityradar-qr-b2b-benefits {
        grid-template-columns: 1fr;
    }

    .cityradar-qr-b2b-promo {
        padding: 26px 20px 24px;
    }

    .cityradar-qr-b2b-title .elementor-heading-title,
    .cityradar-qr-b2b-title h1,
    .cityradar-qr-b2b-title h2,
    .cityradar-qr-b2b-title h3 {
        font-size: 30px;
    }

    .cityradar-qr-b2b-text p {
        font-size: 16px;
    }
}

.cityradar-qr-b2b-cta {
    margin-bottom: 6px;
}

.cityradar-qr-b2b-proof {
    margin-top: 6px;
}

/* ======================================
   CITYRADAR24 – MITTAGSPAUSE FIX PRÄZISE
   ====================================== */

/* Der wrapper div */
.cityradar-oeffnungszeiten-area .cityradar-checkbox-row.cityradar-opening-pause-field {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    min-width: 0 !important;
    width: auto !important;
}

/* Das label direkt darin */
.cityradar-oeffnungszeiten-area .cityradar-checkbox-row.cityradar-opening-pause-field label {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    height: 42px !important;
    padding: 0 14px !important;
    background: #ffffff !important;
    border: 1px solid #dbe3ea !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 130px !important;
}

/* Checkbox */
.cityradar-oeffnungszeiten-area .cityradar-checkbox-row.cityradar-opening-pause-field input[type="checkbox"] {
    margin: 0 !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: #16a34a !important;
}

/* Text */
.cityradar-oeffnungszeiten-area .cityradar-checkbox-row.cityradar-opening-pause-field .cityradar-opening-pause-text {
    white-space: nowrap !important;
    display: inline !important;
}

/* Mobile */
@media (max-width: 768px) {
    .cityradar-oeffnungszeiten-area .cityradar-checkbox-row.cityradar-opening-pause-field label {
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* ======================================
   CITYRADAR24 – ZEITFELDER OVERFLOW FIX
   ====================================== */

/* Grid selbst darf nicht überlaufen */
.cityradar-oeffnungszeiten-area .cityradar-time-row {
    overflow: visible !important;
    box-sizing: border-box !important;
}

.cityradar-oeffnungszeiten-area .cityradar-time-range-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Grid-Kinder dürfen nicht überlaufen */
.cityradar-oeffnungszeiten-area .cityradar-time-range-field {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Input volle Breite, box-sizing erzwingen */
.cityradar-oeffnungszeiten-area .cityradar-time-range-field input[type="time"] {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* Mobile: Separator ausblenden, einspaltig */
@media (max-width: 768px) {
    .cityradar-oeffnungszeiten-area .cityradar-time-range-grid {
        grid-template-columns: 1fr !important;
    }

    .cityradar-oeffnungszeiten-area .cityradar-time-range-separator {
        display: none !important;
    }
}

/* ======================================
   HV VERKAUFSLINKS PANEL
   Ergänzung zur globalen CSS
   EINFÜGEORT: Globale CSS → ans Ende des bestehenden HV-Bereichs
               (nach den letzten .cityradar-hv-* Klassen)
   ====================================== */

.cityradar-hv-verkaufslinks {
    margin-top: 20px;
}

.cityradar-hv-link-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

@media (max-width: 640px) {
    .cityradar-hv-link-grid {
        grid-template-columns: 1fr;
    }
}

.cityradar-hv-link-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 18px;
    position: relative;
}

.cityradar-hv-link-card--sonderpreis {
    border-color: #f97316;
    border-width: 2px;
}

.cityradar-hv-link-badge {
    display: inline-block;
    background: #f97316;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 2px 10px;
    margin-bottom: 8px;
}

.cityradar-hv-link-label {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 4px;
    color: #1a1a1a;
}

.cityradar-hv-link-desc {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
}

.cityradar-hv-link-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cityradar-hv-link-input {
    flex: 1;
    font-size: 12px;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #f8f8f8;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.cityradar-hv-copy-btn {
    flex-shrink: 0;
    background: #1e6e1e;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
}

.cityradar-hv-copy-btn:hover {
    background: #155215;
}

.cityradar-hv-open-btn {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #1e6e1e;
    text-decoration: none;
    padding: 7px 0;
    border: 1px solid #1e6e1e;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
}

.cityradar-hv-open-btn:hover {
    background: #1e6e1e;
    color: #fff;
}

.cityradar-hv-open-btn--sonderpreis {
    color: #f97316;
    border-color: #f97316;
}

.cityradar-hv-open-btn--sonderpreis:hover {
    background: #f97316;
    color: #fff;
}

/* ======================================
   HV HANDLUNGSBEDARF PANEL
   EINFÜGEORT: Globale CSS → ans Ende des HV-Bereichs
   ====================================== */

.cityradar-hv-handlungsbedarf {
    border-left: 4px solid #dc2626;
}

.cityradar-hv-hb-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dc2626;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    margin-left: 8px;
    vertical-align: middle;
}

.cityradar-hv-hb-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.cityradar-hv-hb-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 16px;
}

.cityradar-hv-hb-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.cityradar-hv-hb-name {
    font-weight: 700;
    font-size: 15px;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cityradar-hv-hb-tarif {
    font-size: 11px;
    font-weight: 600;
    background: #f0f0f0;
    color: #555;
    border-radius: 999px;
    padding: 2px 8px;
}

.cityradar-hv-hb-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: 999px;
    padding: 3px 10px;
    flex-shrink: 0;
}

.hb-badge--rot    { background: #fee2e2; color: #b91c1c; }
.hb-badge--orange { background: #ffedd5; color: #c2410c; }
.hb-badge--gelb   { background: #fef9c3; color: #854d0e; }
.hb-badge--grau   { background: #f3f4f6; color: #374151; }

.cityradar-hv-hb-kontakt {
    font-size: 13px;
    color: #555;
    margin-bottom: 4px;
}

.cityradar-hv-hb-hinweis {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    font-style: italic;
}

.cityradar-hv-hb-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.cityradar-hv-hb-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.cityradar-hv-hb-btn--email {
    background: #1e6e1e;
    color: #fff;
}

.cityradar-hv-hb-btn--email:hover {
    background: #155215;
    color: #fff;
}

.cityradar-hv-hb-btn--tel {
    background: #f0f7f0;
    color: #1e6e1e;
    border: 1px solid #1e6e1e;
}

.cityradar-hv-hb-btn--tel:hover {
    background: #1e6e1e;
    color: #fff;
}

.cityradar-hv-hb-no-contact {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

/* ======================================
   HV MEINE FIRMEN – ABO-STATUS BLOCK
   ====================================== */

.cityradar-hv-abo-block {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 12px;
    margin: 10px 0;
}

.cityradar-hv-abo-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.cityradar-hv-abo-status-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: 999px;
    padding: 3px 10px;
}

.abo-aktiv          { background: #dcfce7; color: #15803d; }
.abo-pending        { background: #fef9c3; color: #854d0e; }
.abo-zahlung-offen  { background: #fee2e2; color: #b91c1c; }
.abo-gekuendigt     { background: #f3f4f6; color: #374151; }
.abo-inaktiv        { background: #f3f4f6; color: #6b7280; }
.abo-unbekannt      { background: #f3f4f6; color: #9ca3af; }

.cityradar-hv-abo-typ {
    font-size: 12px;
    color: #555;
    font-weight: 600;
}

.cityradar-hv-abo-dates {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.cityradar-hv-abo-date-item {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cityradar-hv-abo-date-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    font-weight: 600;
}

.cityradar-hv-abo-date-value {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
}

.cityradar-hv-kuendigung-hinweis {
    margin-top: 8px;
    font-size: 12px;
    color: #555;
    padding: 5px 8px;
    background: #f3f4f6;
    border-radius: 6px;
}

.cityradar-hv-kuendigung-bald {
    background: #ffedd5;
    color: #c2410c;
    font-weight: 600;
}

/* ======================================
   HV ABRECHNUNGEN
   EINFÜGEORT: Globale CSS → ans Ende des HV-Bereichs
   ====================================== */

/* Leerzustand */
.cityradar-hv-abrechnungen-leer {
    color: #888;
    font-size: 14px;
    padding: 8px 0;
}

/* Tabelle */
.cityradar-hv-abrechnungen-tabelle {
    margin-top: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}

.cityradar-hv-abrechnungen-tabelle-head {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.2fr 1fr;
    gap: 0;
    background: #f3f4f6;
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
}

.cityradar-hv-abrechnungen-zeile {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.2fr 1fr;
    gap: 0;
    padding: 12px 16px;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    align-items: center;
}

.cityradar-hv-abrechnungen-zeile:hover {
    background: #fafafa;
}

.cityradar-hv-abrechnungen-zeile--ausgezahlt {
    color: #555;
}

.cityradar-hv-abr-firma {
    font-weight: 600;
    color: #1a1a1a;
}

.cityradar-hv-abrechnungen-zeile--ausgezahlt .cityradar-hv-abr-firma {
    color: #555;
    font-weight: 500;
}

.cityradar-hv-abr-typ {
    color: #666;
}

.cityradar-hv-abr-datum {
    color: #666;
}

.cityradar-hv-abr-betrag {
    font-weight: 700;
    color: #1a1a1a;
}

.cityradar-hv-abrechnungen-zeile--ausgezahlt .cityradar-hv-abr-betrag {
    color: #555;
    font-weight: 500;
}

.text-right {
    text-align: right;
}

.cityradar-hv-abr-ausgezahlt-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #dcfce7;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 8px;
}

/* Summenzeile */
.cityradar-hv-abrechnungen-summe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-top: 2px solid #e5e5e5;
    background: #f8f9fa;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
}

/* Responsive: Tabelle auf Mobil */
@media (max-width: 600px) {
    .cityradar-hv-abrechnungen-tabelle-head {
        display: none;
    }

    .cityradar-hv-abrechnungen-zeile {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 2px 8px;
    }

    .cityradar-hv-abr-firma {
        grid-column: 1 / 2;
    }

    .cityradar-hv-abr-betrag {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        text-align: right;
    }

    .cityradar-hv-abr-typ {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        font-size: 12px;
    }

    .cityradar-hv-abr-datum {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        text-align: right;
        font-size: 12px;
    }
}

/* ======================================
   RECHNUNGSVORLAGE
   ====================================== */

.cityradar-hv-abrechnungen-vorlage {
    border-left: 4px solid #1e6e1e;
}

.cityradar-hv-vorlage-empfaenger {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.7;
}

.cityradar-hv-vorlage-empfaenger-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    font-weight: 700;
    margin-bottom: 6px;
}

.cityradar-hv-vorlage-empfaenger-daten {
    color: #1a1a1a;
    margin-bottom: 10px;
}

.cityradar-hv-vorlage-versand {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #555;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    margin-top: 10px;
}

.cityradar-hv-vorlage-versand-icon {
    font-size: 15px;
}

.cityradar-hv-vorlage-email {
    color: #1e6e1e;
    font-weight: 600;
    text-decoration: none;
}

.cityradar-hv-vorlage-email:hover {
    text-decoration: underline;
}

.cityradar-hv-vorlage-betreff {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.cityradar-hv-vorlage-betreff-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
    flex-shrink: 0;
}

.cityradar-hv-vorlage-betreff-wert {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
}

.cityradar-hv-vorlage-block {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}

.cityradar-hv-vorlage-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f3f4f6;
    gap: 12px;
}

.cityradar-hv-vorlage-block-label {
    font-size: 12px;
    font-weight: 600;
    color: #555;
}

.cityradar-hv-vorlage-copy-btn {
    background: #1e6e1e;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.cityradar-hv-vorlage-copy-btn:hover {
    background: #155215;
}

.cityradar-hv-vorlage-text {
    padding: 16px;
    background: #fff;
    font-size: 13px;
    line-height: 1.6;
    color: #333;
}

.cityradar-hv-vorlage-abschnitt {
    margin-bottom: 16px;
}

.cityradar-hv-vorlage-abschnitt:last-child {
    margin-bottom: 0;
}

.cityradar-hv-vorlage-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    margin-bottom: 4px;
}

.cityradar-hv-vorlage-positionen {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

.cityradar-hv-vorlage-position {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}

.cityradar-hv-vorlage-position:last-child {
    border-bottom: none;
}

.cityradar-hv-vorlage-gesamt {
    background: #f8f9fa;
    font-size: 14px;
    border-top: 2px solid #e5e5e5 !important;
}

.cityradar-hv-vorlage-freigabe {
    font-size: 11px;
    color: #888;
    margin-left: 4px;
}

.cityradar-hv-vorlage-hinweis {
    margin-top: 16px;
    background: #fef9c3;
    border-radius: 8px;
    padding: 12px 14px;
}

.cityradar-hv-vorlage-hinweis-titel {
    font-size: 12px;
    font-weight: 700;
    color: #854d0e;
    margin-bottom: 6px;
}

.cityradar-hv-vorlage-hinweis ul {
    margin: 0;
    padding-left: 18px;
}

.cityradar-hv-vorlage-hinweis li {
    font-size: 12px;
    color: #854d0e;
    line-height: 1.6;
}

.firma-info-item-zeiten {
      margin-top: 10px;
  }
  
.cityradar-b2b-trust-bar {                                      
    gap: 20px;                                                                      
    margin-top: 28px;
    align-items: stretch;
  }

  .cityradar-b2b-trust-bar > .e-con {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 14px;
      padding: 28px 24px !important;
      text-align: center;
      align-items: center;
  }

  /* Emoji-Icon als Badge */
  .cityradar-b2b-trust-bar > .e-con .elementor-widget-heading:first-child .elementor-heading-title {
      font-size: 28px;
      background: #f0fdf4;
      width: 60px;
      height: 60px;
      line-height: 60px;
      border-radius: 50%;
      margin: 0 auto 16px;
      display: block;
  }

  /* Titel */
  .cityradar-b2b-trust-bar > .e-con h3 {
      font-size: 15px;
      font-weight: 700;
      color: #0f172a;
      margin: 0 0 10px;
      line-height: 1.3;
  }

  /* Beschreibungstext */
  .cityradar-b2b-trust-bar > .e-con p {
      font-size: 14px;
      color: #64748b;
      line-height: 1.65;
      margin: 0;
  }/* End custom CSS */