/* =========================================================
   COINCRAFTER.DE – PREMIUM SHOP
   Nur Shop-Inhalt – Header bleibt unangetastet
   ========================================================= */

/* Shop-Inhalt */
.woocommerce-shop .entry-content {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 28px 70px;
}

/* Shop-Titel */
.woocommerce-shop .entry-content > h1,
.woocommerce-shop .entry-content > h2:first-child {
    text-align: center;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    letter-spacing: -2px;
    margin: 20px 0 35px;
}

/* Einleitungsbox */
.woocommerce-shop .entry-content > .wp-block-group {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Produkt-Grid */
.woocommerce-shop .wc-block-product-template {
    gap: 24px !important;
}

/* Produktkarten */
.woocommerce-shop .wc-block-product {
    position: relative;
    background: linear-gradient(145deg, #181818, #101010);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    padding: 14px;
    box-sizing: border-box;
    overflow: hidden;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

/* Goldener Akzent */
.woocommerce-shop .wc-block-product::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #b98b2e, transparent);
    opacity: .7;
}

/* Hover */
.woocommerce-shop .wc-block-product:hover {
    transform: translateY(-6px);
    border-color: rgba(185,139,46,.65);
    box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

/* Produktbild */
.woocommerce-shop .wc-block-product .wc-block-components-product-image {
    overflow: hidden;
    border-radius: 11px;
    margin-bottom: 14px;
}

.woocommerce-shop .wc-block-product .wc-block-components-product-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.woocommerce-shop .wc-block-product:hover
.wc-block-components-product-image img {
    transform: scale(1.035);
}

/* Produktname */
.woocommerce-shop .wc-block-product .wc-block-components-product-title,
.woocommerce-shop .wc-block-product .wc-block-components-product-title a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
}

/* Beschreibung */
.woocommerce-shop .wc-block-product .wc-block-components-product-description {
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.55;
}

/* Preis */
.woocommerce-shop .wc-block-product .wc-block-components-product-price {
    color: #d3a746;
    font-size: 17px;
    font-weight: 800;
    margin-top: 8px;
}

/* Kaufen-Button */
.woocommerce-shop .wc-block-product
.wc-block-components-product-button__button {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d3a746 !important;
    border-radius: 8px !important;
    background: #d3a746 !important;
    color: #090909 !important;
    font-size: 13px;
    font-weight: 800;
    transition: all .2s ease;
}

.woocommerce-shop .wc-block-product
.wc-block-components-product-button__button:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
    transform: translateY(-1px);
}

/* Rabatt-/Hinweisboxen */
.woocommerce-shop .entry-content .wp-block-group.has-background {
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 15px 40px rgba(0,0,0,.25);
}

/* Links */
.woocommerce-shop .entry-content a {
    transition: opacity .2s ease;
}

.woocommerce-shop .entry-content a:hover {
    opacity: .82;
}

/* Desktop: 4 Spalten */
@media (min-width: 1000px) {
    .woocommerce-shop .wc-block-product-template.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Tablet */
@media (min-width: 601px) and (max-width: 999px) {
    .woocommerce-shop .wc-block-product-template {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Smartphone */
@media (max-width: 600px) {

    .woocommerce-shop .entry-content {
        padding: 15px 14px 50px;
    }

    .woocommerce-shop .entry-content > h1,
    .woocommerce-shop .entry-content > h2:first-child {
        font-size: 38px;
        letter-spacing: -1px;
        margin-bottom: 25px;
    }

    .woocommerce-shop .wc-block-product-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .woocommerce-shop .wc-block-product {
        padding: 9px;
        border-radius: 12px;
    }

    .woocommerce-shop .wc-block-product .wc-block-components-product-title,
    .woocommerce-shop .wc-block-product .wc-block-components-product-title a {
        font-size: 13px;
    }

    .woocommerce-shop .wc-block-product .wc-block-components-product-price {
        font-size: 14px;
    }

    .woocommerce-shop .wc-block-product
    .wc-block-components-product-button__button {
        min-height: 38px;
        font-size: 11px;
        padding: 7px 5px;
    }
}


/* =========================================================
   COINCRAFTER – SHOP ÜBERSCHRIFT
   ========================================================= */

/* Alte SHOP-Überschrift kompakt und mittig */
.woocommerce-shop .wp-block-query-title,
.woocommerce-shop h1.entry-title,
.woocommerce-shop .woocommerce-products-header__title {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;

    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(36px, 4vw, 58px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #ffffff !important;
}

/* Abstand oberhalb des eigentlichen Shop-Inhalts reduzieren */
.woocommerce-shop .wp-block-query-title + *,
.woocommerce-shop .woocommerce-products-header {
    margin-top: 0 !important;
}

/* Falls Extendable die Überschrift extrem weit nach links setzt */
.woocommerce-shop .woocommerce-products-header {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Keine Animationen */
.woocommerce-shop .wp-block-query-title,
.woocommerce-shop .woocommerce-products-header__title,
.woocommerce-shop h1.entry-title {
    animation: none !important;
    transform: none !important;
    transition: none !important;
}


/* =========================================================
   SHOP TITEL – SAUBER UND ZENTRIERT
   ========================================================= */

.woocommerce-shop .cc-shop-title {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 32px auto !important;
    padding: 0 !important;

    display: block !important;
    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(38px, 4vw, 60px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #ffffff !important;

    transform: none !important;
    animation: none !important;
    transition: none !important;
}


/* SHOP – finale statische Überschrift */
.cc-shop-title {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 30px auto !important;
    padding: 0 !important;

    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(42px, 5vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #ffffff !important;

    display: block !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* =========================================================
   COINCRAFTER SHOP – FINALER LOOK
   ========================================================= */

/* SHOP Überschrift */
.cc-shop-title {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto 42px auto !important;
    padding: 0 !important;

    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(38px, 4.5vw, 58px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;

    color: #ffffff !important;

    display: block !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* =========================================================
   INFOBEREICH
   ========================================================= */

.woocommerce-shop .wp-block-group.alignwide {
    max-width: 1180px !important;
}

/* Überschrift der Info */
.woocommerce-shop .wp-block-group.alignwide p:first-child {
    margin-bottom: 22px !important;
}

/* Beschreibung etwas hochwertiger */
.woocommerce-shop .wp-block-group.alignwide p:nth-child(2) {
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    line-height: 1.8 !important;
}

/* =========================================================
   GOLDENER AKZENT
   ========================================================= */

.woocommerce-shop .wp-block-group.alignwide::before {
    content: "";
    display: block;

    width: 55px;
    height: 3px;

    margin: 0 auto 24px auto;

    background: #e3ab32;
    border-radius: 10px;
}

/* =========================================================
   ABSTÄNDE
   ========================================================= */

.cc-shop-title + .wp-block-group {
    margin-top: 0 !important;
}

.woocommerce-shop .wp-block-woocommerce-product-collection {
    margin-top: 42px !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .cc-shop-title {
        font-size: 42px !important;
        margin-bottom: 30px !important;
    }

    .woocommerce-shop .wp-block-group.alignwide {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .woocommerce-shop .wp-block-group.alignwide p:nth-child(2) {
        line-height: 1.65 !important;
    }
}


/* =========================================================
   COINCRAFTER SHOP – EXAKTE INFOBOX
   ========================================================= */

/* SHOP */
.wp-block-html:has(.cc-shop-title) {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cc-shop-title {
    max-width: 1180px !important;
    margin: 0 auto 38px auto !important;

    text-align: center !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;

    color: #fff !important;
}

/* Die Infobox DIREKT unter dem SHOP */
.wp-block-html:has(.cc-shop-title) + .wp-block-group {
    max-width: 1000px !important;

    margin: 0 auto 45px auto !important;

    padding: 38px 55px 36px 55px !important;

    background: linear-gradient(
        145deg,
        #202020 0%,
        #181818 100%
    ) !important;

    border: 1px solid rgba(227,171,50,.20) !important;
    border-radius: 22px !important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    box-sizing: border-box !important;
}

/* Goldene Linie oben */
.wp-block-html:has(.cc-shop-title) + .wp-block-group::before {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 3px !important;

    margin: 0 auto 25px auto !important;

    background: #e3ab32 !important;
    border-radius: 10px !important;
}

/* Überschrift innerhalb der Box */
.wp-block-html:has(.cc-shop-title) + .wp-block-group p:first-child {
    margin: 0 0 22px 0 !important;

    text-align: center !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    color: #e3ab32 !important;
}

/* Beschreibung */
.wp-block-html:has(.cc-shop-title) + .wp-block-group p:nth-child(2) {
    max-width: 820px !important;

    margin: 0 auto !important;

    text-align: center !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    color: rgba(255,255,255,.82) !important;
}

/* Mobile */
@media (max-width: 700px) {

    .cc-shop-title {
        font-size: 40px !important;
        margin-bottom: 28px !important;
    }

    .wp-block-html:has(.cc-shop-title) + .wp-block-group {
        padding: 30px 22px !important;
        border-radius: 18px !important;
        margin-bottom: 30px !important;
    }

    .wp-block-html:has(.cc-shop-title) + .wp-block-group p:nth-child(2) {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}


/* =========================================================
   COINCRAFTER SHOP – INFOBEREICH
   ========================================================= */

.cc-shop-info {
    width: calc(100% - 80px) !important;
    max-width: 1050px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    margin-top: 0 !important;
    margin-bottom: 45px !important;

    padding: 34px 55px 32px !important;

    box-sizing: border-box !important;

    background: linear-gradient(
        145deg,
        #222222 0%,
        #191919 100%
    ) !important;

    border: 1px solid rgba(227,171,50,.22) !important;

    border-radius: 22px !important;

    box-shadow:
        0 18px 50px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Goldener Akzent */
.cc-shop-info::before {
    content: "" !important;

    display: block !important;

    width: 48px !important;
    height: 3px !important;

    margin: 0 auto 22px auto !important;

    background: #e3ab32 !important;

    border-radius: 20px !important;
}

/* Überschrift */
.cc-shop-info p:first-child {
    margin-top: 0 !important;
    margin-bottom: 18px !important;

    text-align: center !important;

    color: #e3ab32 !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;
}

/* Beschreibung */
.cc-shop-info p:nth-child(2) {
    max-width: 820px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    margin-bottom: 0 !important;

    text-align: center !important;

    color: rgba(255,255,255,.82) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* Mobile */
@media (max-width: 700px) {

    .cc-shop-info {
        width: calc(100% - 30px) !important;
        padding: 28px 22px !important;
        border-radius: 18px !important;
    }

    .cc-shop-info p:first-child {
        font-size: 16px !important;
    }

    .cc-shop-info p:nth-child(2) {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}


/* =========================================================
   COINCRAFTER – UNTERER CTA
   ========================================================= */

.woocommerce-shop .cc-shop-cta {
    max-width: 1050px !important;
    margin: 55px auto 20px !important;
    padding: 42px 55px !important;

    text-align: center !important;

    background:
        linear-gradient(
            145deg,
            #202020 0%,
            #151515 100%
        ) !important;

    border: 1px solid rgba(227,171,50,.22) !important;
    border-radius: 22px !important;

    box-shadow:
        0 18px 50px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.woocommerce-shop .cc-shop-cta h2 {
    margin: 0 0 16px !important;

    color: #fff !important;

    font-size: clamp(25px, 3vw, 36px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.woocommerce-shop .cc-shop-cta p {
    max-width: 800px !important;
    margin: 0 auto 22px !important;

    color: rgba(255,255,255,.78) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;
}

.woocommerce-shop .cc-shop-cta strong {
    color: #e3ab32 !important;
}

.woocommerce-shop .cc-shop-cta a {
    color: #e3ab32 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.woocommerce-shop .cc-shop-cta a:hover {
    color: #fff !important;
}

/* Rabatt hervorheben */
.woocommerce-shop .cc-shop-cta .discount {
    display: inline-block !important;

    margin: 8px auto 20px !important;
    padding: 10px 20px !important;

    border: 1px solid rgba(227,171,50,.35) !important;
    border-radius: 50px !important;

    color: #e3ab32 !important;

    font-weight: 800 !important;
}

/* Mobile */
@media (max-width: 700px) {

    .woocommerce-shop .cc-shop-cta {
        margin: 35px 15px 15px !important;
        padding: 32px 22px !important;
        border-radius: 18px !important;
    }

    .woocommerce-shop .cc-shop-cta h2 {
        font-size: 26px !important;
    }

    .woocommerce-shop .cc-shop-cta p {
        font-size: 14px !important;
    }
}


/* =========================================================
   COINCRAFTER – PREMIUM SHOP CTA
   ========================================================= */

.cc-shop-cta {
    position: relative !important;

    width: calc(100% - 80px) !important;
    max-width: 1050px !important;

    margin: 55px auto 25px !important;
    padding: 42px 60px 38px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            #222222 0%,
            #151515 100%
        ) !important;

    border: 1px solid rgba(227,171,50,.25) !important;
    border-radius: 24px !important;

    box-shadow:
        0 20px 55px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    text-align: center !important;
}

/* Goldener Akzent */
.cc-shop-cta::before {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 3px !important;

    margin: 0 auto 24px !important;

    background: #e3ab32 !important;
    border-radius: 10px !important;
}

/* Überschrift */
.cc-shop-cta p:first-child {
    margin: 0 0 15px !important;

    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;
}

/* Beschreibung */
.cc-shop-cta p:nth-child(2) {
    max-width: 760px !important;

    margin: 0 auto 22px !important;

    color: rgba(255,255,255,.76) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* Newsletter */
.cc-shop-cta p:nth-child(3) {
    margin: 20px 0 8px !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 16px !important;
}

/* Rabatt */
.cc-shop-cta p:nth-child(4) {
    margin: 0 auto 22px !important;

    color: #e3ab32 !important;

    font-size: clamp(28px, 3vw, 40px) !important;
    font-weight: 900 !important;

    line-height: 1.15 !important;
}

/* Plattform-Link */
.cc-shop-cta p:last-child {
    margin: 0 !important;
}

.cc-shop-cta p:last-child a {
    display: inline-block !important;

    padding: 11px 22px !important;

    color: #111 !important;

    background: #e3ab32 !important;

    border-radius: 8px !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease !important;
}

.cc-shop-cta p:last-child a:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Newsletter hervorheben */
.cc-shop-cta strong {
    color: #e3ab32 !important;
}

/* Mobile */
@media (max-width: 700px) {

    .cc-shop-cta {
        width: calc(100% - 30px) !important;
        padding: 32px 22px !important;
        margin-top: 35px !important;
        border-radius: 18px !important;
    }

    .cc-shop-cta p:first-child {
        font-size: 20px !important;
    }

    .cc-shop-cta p:nth-child(2) {
        font-size: 14px !important;
    }

    .cc-shop-cta p:nth-child(4) {
        font-size: 28px !important;
    }
}


/* =========================================================
   COINCRAFTER – SHOP CTA FINAL
   ========================================================= */

.cc-shop-cta {
    width: calc(100% - 80px) !important;
    max-width: 1050px !important;

    margin: 55px auto 30px auto !important;
    padding: 42px 60px 38px !important;

    box-sizing: border-box !important;

    text-align: center !important;

    background:
        linear-gradient(
            145deg,
            #242424 0%,
            #151515 100%
        ) !important;

    border: 1px solid rgba(227,171,50,.25) !important;
    border-radius: 24px !important;

    box-shadow:
        0 20px 55px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Goldener Strich */
.cc-shop-cta::before {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 3px !important;

    margin: 0 auto 25px auto !important;

    background: #e3ab32 !important;
    border-radius: 10px !important;
}

/* Titel */
.cc-shop-cta-title {
    margin: 0 0 16px 0 !important;

    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 800 !important;

    line-height: 1.35 !important;
}

/* Beschreibung */
.cc-shop-cta-text {
    max-width: 780px !important;

    margin: 0 auto 22px auto !important;

    color: rgba(255,255,255,.78) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* Newsletter */
.cc-shop-cta-newsletter {
    margin: 12px 0 8px 0 !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
}

.cc-shop-cta-newsletter strong {
    color: #e3ab32 !important;
}

/* Rabatt */
.cc-shop-cta-discount {
    margin: 0 0 25px 0 !important;

    color: #e3ab32 !important;

    font-size: clamp(28px, 3vw, 40px) !important;
    font-weight: 900 !important;

    line-height: 1.15 !important;
}

/* Link als Button */
.cc-shop-cta-link {
    margin: 0 !important;
}

.cc-shop-cta-link a {
    display: inline-block !important;

    padding: 12px 24px !important;

    background: #e3ab32 !important;
    color: #111111 !important;

    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition: .2s ease !important;
}

.cc-shop-cta-link a:hover {
    background: #ffffff !important;
    color: #111111 !important;
    transform: translateY(-2px) !important;
}

/* Mobile */
@media (max-width: 700px) {

    .cc-shop-cta {
        width: calc(100% - 30px) !important;
        padding: 32px 22px !important;
        margin-top: 35px !important;
        border-radius: 18px !important;
    }

    .cc-shop-cta-title {
        font-size: 20px !important;
    }

    .cc-shop-cta-text {
        font-size: 14px !important;
    }

    .cc-shop-cta-discount {
        font-size: 28px !important;
    }

    .cc-shop-cta-link a {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   COINCRAFTER – PREMIUM CTA FULL WIDTH
   ========================================================= */

/* CTA exakt auf Breite des Produktbereichs bringen */
.cc-shop-cta {
    width: 100% !important;
    max-width: 1450px !important;

    margin: 65px auto 35px auto !important;
    padding: 55px 80px 52px !important;

    box-sizing: border-box !important;

    position: relative !important;
    overflow: hidden !important;

    text-align: center !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(227,171,50,.16),
            transparent 48%
        ),
        linear-gradient(
            135deg,
            #252525 0%,
            #171717 50%,
            #202020 100%
        ) !important;

    border: 1px solid rgba(227,171,50,.38) !important;

    border-radius: 28px !important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.55),
        0 0 45px rgba(227,171,50,.07),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Goldene Lichtlinie oben */
.cc-shop-cta::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 180px !important;
    height: 3px !important;

    background: linear-gradient(
        90deg,
        transparent,
        #e3ab32,
        transparent
    ) !important;

    box-shadow: 0 0 20px rgba(227,171,50,.5) !important;
}

/* dezenter goldener Glow im Hintergrund */
.cc-shop-cta::after {
    content: "" !important;

    position: absolute !important;

    width: 350px !important;
    height: 350px !important;

    left: 50% !important;
    top: -250px !important;

    transform: translateX(-50%) !important;

    background: rgba(227,171,50,.08) !important;

    filter: blur(70px) !important;

    pointer-events: none !important;
}

/* =========================================================
   TITEL
   ========================================================= */

.cc-shop-cta-title {
    position: relative !important;
    z-index: 2 !important;

    margin: 0 0 18px 0 !important;

    color: #ffffff !important;

    font-size: clamp(24px, 2.2vw, 34px) !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;
}

/* =========================================================
   BESCHREIBUNG
   ========================================================= */

.cc-shop-cta-text {
    position: relative !important;
    z-index: 2 !important;

    max-width: 900px !important;

    margin: 0 auto 28px auto !important;

    color: rgba(255,255,255,.76) !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* =========================================================
   NEWSLETTER
   ========================================================= */

.cc-shop-cta-newsletter {
    position: relative !important;
    z-index: 2 !important;

    margin: 20px 0 8px !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 18px !important;
    font-weight: 500 !important;
}

.cc-shop-cta-newsletter strong {
    color: #e3ab32 !important;
}

/* =========================================================
   RABATT – HAUPT-HIGHLIGHT
   ========================================================= */

.cc-shop-cta-discount {
    position: relative !important;
    z-index: 2 !important;

    display: inline-block !important;

    margin: 8px auto 28px !important;

    padding: 10px 26px !important;

    color: #e3ab32 !important;

    font-size: clamp(30px, 3.5vw, 48px) !important;
    font-weight: 900 !important;

    line-height: 1.1 !important;

    letter-spacing: -0.025em !important;

    text-shadow:
        0 0 25px rgba(227,171,50,.18) !important;
}

/* =========================================================
   BUTTON
   ========================================================= */

.cc-shop-cta-link {
    position: relative !important;
    z-index: 2 !important;

    margin: 0 !important;
}

.cc-shop-cta-link a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 300px !important;

    padding: 15px 30px !important;

    background: linear-gradient(
        135deg,
        #e3ab32,
        #c99224
    ) !important;

    color: #111111 !important;

    border-radius: 10px !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    box-shadow:
        0 10px 25px rgba(227,171,50,.18) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.cc-shop-cta-link a:hover {
    transform: translateY(-3px) !important;

    background: linear-gradient(
        135deg,
        #f0bd4d,
        #e3ab32
    ) !important;

    box-shadow:
        0 15px 35px rgba(227,171,50,.28) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1500px) {

    .cc-shop-cta {
        width: calc(100% - 80px) !important;
    }
}

@media (max-width: 700px) {

    .cc-shop-cta {
        width: calc(100% - 30px) !important;

        margin-top: 40px !important;

        padding: 38px 22px 36px !important;

        border-radius: 20px !important;
    }

    .cc-shop-cta-title {
        font-size: 23px !important;
    }

    .cc-shop-cta-text {
        font-size: 14px !important;
    }

    .cc-shop-cta-newsletter {
        font-size: 16px !important;
    }

    .cc-shop-cta-discount {
        font-size: 30px !important;
    }

    .cc-shop-cta-link a {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   CTA – EXAKT AUF PRODUKTGRID-BREITE
   ========================================================= */

.cc-shop-cta {
    width: calc(100% + 260px) !important;
    max-width: none !important;

    margin-left: -130px !important;
    margin-right: -130px !important;

    box-sizing: border-box !important;
}

/* Auf kleineren Desktops etwas weniger Ausbruch */
@media (max-width: 1500px) and (min-width: 701px) {
    .cc-shop-cta {
        width: calc(100% + 160px) !important;
        margin-left: -80px !important;
        margin-right: -80px !important;
    }
}

/* Mobile wieder innerhalb des Containers */
@media (max-width: 700px) {
    .cc-shop-cta {
        width: calc(100% - 30px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   CTA – BREITE DES GESAMTEN PRODUKTGRIDS
   ========================================================= */

.cc-shop-cta {
    position: relative !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 1450px !important;
    max-width: calc(100vw - 80px) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Große Bildschirme */
@media (min-width: 1501px) {
    .cc-shop-cta {
        width: 1450px !important;
        max-width: calc(100vw - 80px) !important;
    }
}

/* Kleinere Desktop-Bildschirme */
@media (max-width: 1500px) and (min-width: 701px) {
    .cc-shop-cta {
        width: calc(100vw - 80px) !important;
        max-width: none !important;
    }
}

/* Handy */
@media (max-width: 700px) {
    .cc-shop-cta {
        left: auto !important;
        transform: none !important;

        width: calc(100vw - 30px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   CTA – EXAKT AUF PRODUKTGRID-BREITE
   ========================================================= */

.cc-shop-cta {
    position: relative !important;

    /* unabhängig vom WordPress-Innencontainer */
    width: calc(100vw - 190px) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Desktop */
@media (min-width: 1501px) {
    .cc-shop-cta {
        width: calc(100vw - 190px) !important;
    }
}

/* kleinere Desktop-Auflösungen */
@media (max-width: 1500px) and (min-width: 1001px) {
    .cc-shop-cta {
        width: calc(100vw - 100px) !important;
    }
}

/* Tablet */
@media (max-width: 1000px) and (min-width: 701px) {
    .cc-shop-cta {
        width: calc(100vw - 50px) !important;
    }
}

/* Smartphone */
@media (max-width: 700px) {
    .cc-shop-cta {
        width: calc(100vw - 30px) !important;

        left: auto !important;
        transform: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   CTA – GLEICHE BREITE WIE PRODUKTGRID
   ========================================================= */

.cc-shop-cta {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: auto !important;
    transform: none !important;

    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .cc-shop-cta {
        width: 100% !important;
    }
}


/* =========================================================
   CTA – EXAKT WIE DAS WOOCOMMERCE PRODUKTGRID
   ========================================================= */

/* Der CTA ist alignwide und darf die globale Wide-Breite nutzen */
.cc-shop-cta.alignwide {
    width: 100% !important;
    max-width: var(--wp--style--global--wide-size) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;

    box-sizing: border-box !important;
}

/* Falls Extendable die Wide-Breite zusätzlich begrenzt */
.wp-block-group.cc-shop-cta.alignwide {
    width: var(--wp--style--global--wide-size) !important;
    max-width: var(--wp--style--global--wide-size) !important;
}

/* Auf kleineren Bildschirmen */
@media (max-width: 1500px) {
    .wp-block-group.cc-shop-cta.alignwide {
        width: calc(100% - 30px) !important;
        max-width: none !important;
    }
}

@media (max-width: 700px) {
    .wp-block-group.cc-shop-cta.alignwide {
        width: calc(100% - 30px) !important;
        max-width: none !important;
    }
}


/* =========================================================
   CTA – INHALT KOMPLETT ZENTRIEREN
   ========================================================= */

/* Inneren WordPress-Container auf volle CTA-Breite setzen */
.cc-shop-cta > .wp-block-group__inner-container,
.cc-shop-cta > .wp-block-group {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Gesamten CTA-Inhalt zentrieren */
.cc-shop-cta {
    text-align: center !important;
}

/* Alle direkten Elemente mittig */
.cc-shop-cta > * {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Textbreiten sauber mittig */
.cc-shop-cta .cc-shop-cta-title,
.cc-shop-cta .cc-shop-cta-text,
.cc-shop-cta .cc-shop-cta-newsletter,
.cc-shop-cta .cc-shop-cta-discount,
.cc-shop-cta .cc-shop-cta-link {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Beschreibung nicht unnötig breit */
.cc-shop-cta .cc-shop-cta-text {
    max-width: 900px !important;
}

/* Rabatt wirklich mittig */
.cc-shop-cta .cc-shop-cta-discount {
    display: block !important;
    width: fit-content !important;
}

/* Button exakt mittig */
.cc-shop-cta .cc-shop-cta-link a {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   CTA – INHALT WIRKLICH ZENTRIERT
   ========================================================= */

.cc-shop-cta {
    text-align: center !important;
}

/* Jeder CTA-Text bekommt die volle verfügbare Breite */
.cc-shop-cta .cc-shop-cta-title,
.cc-shop-cta .cc-shop-cta-text,
.cc-shop-cta .cc-shop-cta-newsletter,
.cc-shop-cta .cc-shop-cta-discount,
.cc-shop-cta .cc-shop-cta-link {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}

/* Beschreibung trotzdem angenehm lesbar halten */
.cc-shop-cta .cc-shop-cta-text {
    padding-left: 120px !important;
    padding-right: 120px !important;
    box-sizing: border-box !important;
}

/* Rabatt */
.cc-shop-cta .cc-shop-cta-discount {
    display: block !important;
}

/* Button */
.cc-shop-cta .cc-shop-cta-link a {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 700px) {
    .cc-shop-cta .cc-shop-cta-text {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


/* =========================================================
   CTA – INHALT ABSOLUT ZENTRIERT
   ========================================================= */

.cc-shop-cta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

/* Alle CTA-Elemente */
.cc-shop-cta > p {
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}

/* Überschrift */
.cc-shop-cta .cc-shop-cta-title {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 18px auto !important;

    text-align: center !important;
}

/* Beschreibung */
.cc-shop-cta .cc-shop-cta-text {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto 28px auto !important;
    padding: 0 !important;

    text-align: center !important;
}

/* Newsletter */
.cc-shop-cta .cc-shop-cta-newsletter {
    width: 100% !important;

    margin: 0 auto 8px auto !important;

    text-align: center !important;
}

/* Rabatt */
.cc-shop-cta .cc-shop-cta-discount {
    width: 100% !important;

    margin: 8px auto 28px auto !important;

    text-align: center !important;
}

/* Link / Button */
.cc-shop-cta .cc-shop-cta-link {
    width: 100% !important;

    margin: 0 auto !important;

    text-align: center !important;
}

.cc-shop-cta .cc-shop-cta-link a {
    display: inline-flex !important;

    margin: 0 auto !important;

    align-items: center !important;
    justify-content: center !important;
}

/* Sicherheit gegen WordPress-Blockausrichtung */
.cc-shop-cta > * {
    align-self: center !important;
}


/* =========================================================
   COINCRAFTER – SHOP INFOBOX
   Gleicher Look wie der Premium-CTA
   ========================================================= */

/* Äußerer Info-Block */
.cc-shop-info {
    width: 100% !important;
    max-width: none !important;

    margin: 0 auto 45px auto !important;
    padding: 48px 80px 44px !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(227,171,50,.13),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #242424 0%,
            #171717 100%
        ) !important;

    border: 1px solid rgba(227,171,50,.32) !important;

    border-radius: 28px !important;

    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        0 0 40px rgba(227,171,50,.05),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    overflow: hidden !important;
}

/* Goldene Lichtlinie oben */
.cc-shop-info::before {
    content: "" !important;

    display: block !important;

    width: 150px !important;
    height: 3px !important;

    margin: 0 auto 28px auto !important;

    background: linear-gradient(
        90deg,
        transparent,
        #e3ab32,
        transparent
    ) !important;

    border-radius: 10px !important;

    box-shadow:
        0 0 18px rgba(227,171,50,.45) !important;
}

/* Alle direkten Elemente mittig */
.cc-shop-info > * {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    align-self: center !important;
}

/* =========================================================
   ÜBERSCHRIFT
   ========================================================= */

.cc-shop-info p:first-child {
    max-width: 100% !important;

    margin: 0 auto 20px auto !important;

    color: #e3ab32 !important;

    font-size: clamp(22px, 2.2vw, 30px) !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;

    text-align: center !important;
}

/* =========================================================
   BESCHREIBUNG
   ========================================================= */

.cc-shop-info p:nth-child(2) {
    max-width: 900px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    color: rgba(255,255,255,.80) !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: center !important;
}

/* Sub-Tags aus dem alten WordPress-Block neutralisieren */
.cc-shop-info sub,
.cc-shop-info sup {
    font-size: inherit !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .cc-shop-info {
        width: calc(100% - 30px) !important;

        padding: 34px 22px 32px !important;

        margin-bottom: 32px !important;

        border-radius: 20px !important;
    }

    .cc-shop-info::before {
        width: 90px !important;
        margin-bottom: 22px !important;
    }

    .cc-shop-info p:first-child {
        font-size: 21px !important;
    }

    .cc-shop-info p:nth-child(2) {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}


/* =========================================================
   SHOP – OBEREN GOLDENEN BALKEN ENTFERNEN
   Der Balken innerhalb der Info-Box bleibt erhalten.
   ========================================================= */

.cc-shop-info::before {
    display: none !important;
    content: none !important;
}

/* =========================================================
   COINCRAFTER – ALLE BROKER PREMIUM DESIGN
   SEITE 133 – NUR BODY
   ========================================================= */

/* Hauptbereich der Broker-Tabelle */
.page-id-133 .entry-content .wp-block-group:has(> .wp-block-table) {
    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Tabellen-Container */
.page-id-133 .entry-content .wp-block-table {
    width: 100% !important;
    max-width: none !important;
    margin: 35px 0 60px !important;

    border-radius: 20px !important;
    overflow: hidden !important;

    border: 1px solid rgba(227,171,50,.38) !important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.55),
        0 0 35px rgba(227,171,50,.06) !important;

    background: #121212 !important;
}

/* Echte Tabelle */
.page-id-133 .entry-content .wp-block-table table {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #121212 !important;

    table-layout: fixed !important;
}

/* Spaltenbreiten */
.page-id-133 .entry-content .wp-block-table th:first-child,
.page-id-133 .entry-content .wp-block-table td:first-child {
    width: 38% !important;
}

.page-id-133 .entry-content .wp-block-table th:nth-child(2),
.page-id-133 .entry-content .wp-block-table td:nth-child(2) {
    width: 27% !important;
}

.page-id-133 .entry-content .wp-block-table th:nth-child(3),
.page-id-133 .entry-content .wp-block-table td:nth-child(3) {
    width: 35% !important;
}

/* =========================================================
   NORMALE ZEILEN
   ========================================================= */

.page-id-133 .entry-content .wp-block-table td {
    padding: 20px 26px !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 15px !important;
    line-height: 1.45 !important;

    vertical-align: middle !important;
}

/* Brokername */
.page-id-133 .entry-content .wp-block-table td:first-child {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Mittlere Spalte */
.page-id-133 .entry-content .wp-block-table td:nth-child(2) {
    text-align: center !important;
}

/* Bonus */
.page-id-133 .entry-content .wp-block-table td:nth-child(3) {
    text-align: center !important;
    font-weight: 600 !important;
}

/* Zebra */
.page-id-133 .entry-content .wp-block-table tbody tr:nth-child(even):not(:has(strong)) td {
    background: rgba(255,255,255,.025) !important;
}

/* Hover */
.page-id-133 .entry-content .wp-block-table tbody tr:hover:not(:has(strong)) td {
    background: rgba(227,171,50,.065) !important;
}

/* =========================================================
   KATEGORIE-KOPFZEILEN
   ========================================================= */

.page-id-133 .entry-content .wp-block-table tr:has(strong) td {
    padding: 19px 26px !important;

    background:
        linear-gradient(
            135deg,
            #252525 0%,
            #181818 100%
        ) !important;

    border-top: 1px solid rgba(227,171,50,.18) !important;
    border-bottom: 1px solid rgba(227,171,50,.28) !important;
}

/* Kategorie-Titel */
.page-id-133 .entry-content .wp-block-table tr:has(strong) td:first-child {
    color: #e3ab32 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

/* Kopf Bonus Link */
.page-id-133 .entry-content .wp-block-table tr:has(strong) td:nth-child(2) {
    color: #e3ab32 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

/* Kopf Geschenkt */
.page-id-133 .entry-content .wp-block-table tr:has(strong) td:nth-child(3) {
    color: #5dcc12 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

/* =========================================================
   LINKS ALS PREMIUM BUTTON
   ========================================================= */

.page-id-133 .entry-content .wp-block-table a {
    display: inline-block !important;

    min-width: 72px !important;

    padding: 8px 20px !important;

    border-radius: 8px !important;

    background: linear-gradient(
        135deg,
        #e3ab32,
        #c88f1d
    ) !important;

    color: #111 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 5px 15px rgba(227,171,50,.16) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}

.page-id-133 .entry-content .wp-block-table a:hover {
    transform: translateY(-2px) !important;

    background: linear-gradient(
        135deg,
        #f0bd4b,
        #e3ab32
    ) !important;

    color: #111 !important;

    box-shadow:
        0 8px 22px rgba(227,171,50,.28) !important;
}

/* =========================================================
   BONUS-INHALT
   ========================================================= */

.page-id-133 .entry-content .wp-block-table td:nth-child(3) {
    color: rgba(255,255,255,.92) !important;
}

/* =========================================================
   LEERE TRENNZEILEN AUSBLENDEN
   ========================================================= */

.page-id-133 .entry-content .wp-block-table tr:has(td:first-child br + br):not(:has(strong)) {
    display: none !important;
}

.page-id-133 .entry-content .wp-block-table tr:last-child:has(td:first-child:empty) {
    display: none !important;
}

/* =========================================================
   EINLEITUNG
   ========================================================= */

.page-id-133 .entry-content > p:first-of-type {
    max-width: 950px !important;

    margin: 25px auto 35px !important;

    text-align: center !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Goldene Hervorhebung in Einleitung */
.page-id-133 .entry-content > p:first-of-type strong,
.page-id-133 .entry-content > p:first-of-type em {
    color: #e3ab32 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 800px) {

    .page-id-133 .entry-content .wp-block-group:has(> .wp-block-table) {
        width: calc(100vw - 24px) !important;
        max-width: none !important;
    }

    .page-id-133 .entry-content .wp-block-table {
        border-radius: 15px !important;
        overflow-x: auto !important;
    }

    .page-id-133 .entry-content .wp-block-table table {
        min-width: 700px !important;
    }

    .page-id-133 .entry-content .wp-block-table td {
        padding: 15px 16px !important;
    }

    .page-id-133 .entry-content .wp-block-table td:first-child {
        font-size: 14px !important;
    }
}


/* =========================================================
   COINCRAFTER – BROKER TABELLE MOBILE OPTIMIERUNG
   KEIN HORIZONTALER SCROLL
   ========================================================= */

@media (max-width: 800px) {

    /* Tabelle komplett innerhalb des Displays */
    .page-id-133 .entry-content .wp-block-group:has(> .wp-block-table) {
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .page-id-133 .entry-content .wp-block-table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 25px 0 40px !important;
        overflow: hidden !important;
        border-radius: 14px !important;
    }

    .page-id-133 .entry-content .wp-block-table table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    /* Jede normale Broker-Zeile wird zur Karte */
    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }

    /* Brokername über die komplette Breite */
    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:first-child {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 15px 16px 7px !important;

        font-size: 15px !important;
        font-weight: 750 !important;

        border-bottom: none !important;

        background: rgba(255,255,255,.025) !important;
    }

    /* Link */
    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(2) {
        grid-column: 1 !important;

        width: 100% !important;

        padding: 7px 10px 15px 16px !important;

        text-align: left !important;

        border-bottom: 1px solid rgba(255,255,255,.055) !important;

        background: rgba(255,255,255,.025) !important;
    }

    /* Bonus */
    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(3) {
        grid-column: 2 !important;

        width: 100% !important;

        padding: 7px 16px 15px 10px !important;

        text-align: right !important;

        border-bottom: 1px solid rgba(255,255,255,.055) !important;

        background: rgba(255,255,255,.025) !important;
    }

    /* Link-Button mobil */
    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(2) a {
        min-width: 55px !important;

        padding: 7px 14px !important;

        font-size: 12px !important;
    }

    /* =====================================================
       KATEGORIE-KOPF
       ===================================================== */

    .page-id-133 .entry-content .wp-block-table tbody tr:has(strong) {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
    }

    /* Kategorie */
    .page-id-133 .entry-content .wp-block-table tbody tr:has(strong) td:first-child {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 14px 16px 8px !important;

        font-size: 14px !important;

        text-align: left !important;

        border-bottom: none !important;
    }

    /* Bonus Link */
    .page-id-133 .entry-content .wp-block-table tbody tr:has(strong) td:nth-child(2) {
        grid-column: 1 !important;

        width: 100% !important;

        padding: 5px 10px 13px 16px !important;

        text-align: left !important;

        font-size: 11px !important;

        border-bottom: 1px solid rgba(227,171,50,.25) !important;
    }

    /* Geschenkt */
    .page-id-133 .entry-content .wp-block-table tbody tr:has(strong) td:nth-child(3) {
        grid-column: 2 !important;

        width: 100% !important;

        padding: 5px 16px 13px 10px !important;

        text-align: right !important;

        font-size: 11px !important;

        border-bottom: 1px solid rgba(227,171,50,.25) !important;
    }

    /* =====================================================
       TEXT NICHT ÜBERLAUFEN LASSEN
       ===================================================== */

    .page-id-133 .entry-content .wp-block-table td {
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .page-id-133 .entry-content .wp-block-table td br {
        line-height: 1 !important;
    }

}

/* Sehr kleine Smartphones */
@media (max-width: 420px) {

    .page-id-133 .entry-content .wp-block-group:has(> .wp-block-table) {
        width: calc(100% - 12px) !important;
    }

    .page-id-133 .entry-content .wp-block-table {
        border-radius: 11px !important;
    }

    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:first-child {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(2) {
        padding-left: 13px !important;
    }

    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(3) {
        padding-right: 13px !important;
    }

    .page-id-133 .entry-content .wp-block-table tbody tr:not(:has(strong)) td:nth-child(3) {
        font-size: 13px !important;
    }

}


/* =========================================================
   BROKER – MOBILE FINAL
   TABELLE KOMPLETT SICHTBAR OHNE SCROLL
   ========================================================= */

@media screen and (max-width: 800px) {

    /* Äußerer Seitenbereich */
    body.page-id-133 {
        overflow-x: hidden !important;
    }

    body.page-id-133 .entry-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    /* WordPress Figure */
    body.page-id-133 .entry-content figure.wp-block-table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Tabelle */
    body.page-id-133 .entry-content figure.wp-block-table table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        table-layout: fixed !important;

        margin: 0 !important;
        box-sizing: border-box !important;

        font-size: 12px !important;
    }

    /* Drei Spalten */
    body.page-id-133 .entry-content figure.wp-block-table table td {
        box-sizing: border-box !important;
        min-width: 0 !important;

        padding: 11px 7px !important;

        font-size: 12px !important;
        line-height: 1.35 !important;

        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* Broker */
    body.page-id-133 .entry-content figure.wp-block-table table td:nth-child(1) {
        width: 35% !important;
        text-align: left !important;
    }

    /* Link */
    body.page-id-133 .entry-content figure.wp-block-table table td:nth-child(2) {
        width: 25% !important;
        text-align: center !important;
    }

    /* Bonus */
    body.page-id-133 .entry-content figure.wp-block-table table td:nth-child(3) {
        width: 40% !important;
        text-align: center !important;
    }

    /* Brokername */
    body.page-id-133 .entry-content figure.wp-block-table table td:nth-child(1) {
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    /* Links kompakt */
    body.page-id-133 .entry-content figure.wp-block-table table a {
        min-width: 0 !important;
        padding: 6px 9px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    /* Kategoriezeilen */
    body.page-id-133 .entry-content figure.wp-block-table table tr:has(strong) td {
        padding: 10px 7px !important;
        font-size: 11px !important;
    }

    /* Lange Bonus-Texte */
    body.page-id-133 .entry-content figure.wp-block-table table td:nth-child(3) {
        hyphens: auto !important;
    }

    /* Keine horizontale Scrollfläche */
    body.page-id-133 .entry-content figure.wp-block-table {
        overflow-x: hidden !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table table {
        overflow-x: hidden !important;
    }
}

/* Sehr kleine Geräte */
@media screen and (max-width: 380px) {

    body.page-id-133 .entry-content {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table table td {
        padding: 9px 5px !important;
        font-size: 11px !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table table a {
        padding: 5px 7px !important;
        font-size: 10px !important;
    }
}


/* =========================================================
   COINCRAFTER – BROKER MOBILE FINAL
   SAUBERE MOBILE KARTEN
   ========================================================= */

@media screen and (max-width: 800px) {

    body.page-id-133 {
        overflow-x: hidden !important;
    }

    body.page-id-133 .entry-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 25px 0 40px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table tbody {
        display: block !important;
        width: 100% !important;
    }

    /* Jede Tabellenzeile wird eine eigene Karte */
    body.page-id-133 .entry-content figure.wp-block-table tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Jede Zelle wird ein normaler Block */
    body.page-id-133 .entry-content figure.wp-block-table td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;

        padding: 13px 12px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;

        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }

    /* =====================================================
       BROKER-ZEILE
       ===================================================== */

    body.page-id-133 .entry-content figure.wp-block-table
    tr:not(:has(strong)) td:first-child {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 15px 14px 7px !important;

        font-size: 15px !important;
        font-weight: 750 !important;

        text-align: left !important;

        background: rgba(255,255,255,.025) !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table
    tr:not(:has(strong)) td:nth-child(2) {
        grid-column: 1 !important;

        width: 100% !important;

        padding: 8px 12px 15px 14px !important;

        text-align: left !important;

        background: rgba(255,255,255,.025) !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table
    tr:not(:has(strong)) td:nth-child(3) {
        grid-column: 2 !important;

        width: 100% !important;

        padding: 8px 14px 15px 12px !important;

        text-align: right !important;

        background: rgba(255,255,255,.025) !important;

        font-size: 14px !important;
    }

    /* =====================================================
       KATEGORIE
       ===================================================== */

    body.page-id-133 .entry-content figure.wp-block-table
    tr:has(strong) td:first-child {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 14px !important;

        font-size: 15px !important;
        font-weight: 800 !important;

        text-align: left !important;

        background: linear-gradient(
            135deg,
            #292929,
            #1a1a1a
        ) !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table
    tr:has(strong) td:nth-child(2) {
        grid-column: 1 !important;

        width: 100% !important;

        padding: 8px 12px 13px 14px !important;

        font-size: 12px !important;

        text-align: left !important;

        background: #1a1a1a !important;

        color: #e3ab32 !important;
    }

    body.page-id-133 .entry-content figure.wp-block-table
    tr:has(strong) td:nth-child(3) {
        grid-column: 2 !important;

        width: 100% !important;

        padding: 8px 14px 13px 12px !important;

        font-size: 12px !important;

        text-align: right !important;

        background: #1a1a1a !important;

        color: #5dcc12 !important;
    }

    /* =====================================================
       LINK-BUTTON
       ===================================================== */

    body.page-id-133 .entry-content figure.wp-block-table
    tr:not(:has(strong)) td:nth-child(2) a {

        display: inline-block !important;

        min-width: 55px !important;

        padding: 7px 16px !important;

        border-radius: 8px !important;

        font-size: 13px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;

        text-align: center !important;
    }

    /* =====================================================
       SEHR KLEINE HANDYS
       ===================================================== */

    @media screen and (max-width: 390px) {

        body.page-id-133 .entry-content {
            padding-left: 7px !important;
            padding-right: 7px !important;
        }

        body.page-id-133 .entry-content figure.wp-block-table td {
            padding-left: 9px !important;
            padding-right: 9px !important;
            font-size: 13px !important;
        }

        body.page-id-133 .entry-content figure.wp-block-table
        tr:not(:has(strong)) td:first-child {
            font-size: 14px !important;
        }

        body.page-id-133 .entry-content figure.wp-block-table
        tr:not(:has(strong)) td:nth-child(3) {
            font-size: 13px !important;
        }
    }

}