/* ==================================================
   INFO-PAGES.CSS – INFO / STATIC PAGE STYLES
   Sections: 18, 19, 20, 21, 22, 24
   Pages:
   - Angebote
   - Reviews
   - FAQ
   - Shipping
   - Kundenservice
   - Uber Uns
================================================== */

/* ==================================================
   0. SHARED PAGE WRAPPER SAFETY
================================================== */

.akj-offers-page,
.akj-reviews-page,
.akj-faq-page,
.akj-shipping-page,
.akj-service-page,
.akj-about-page {
    box-sizing: border-box;
}

.akj-offers-page *,
.akj-offers-page *::before,
.akj-offers-page *::after,
.akj-reviews-page *,
.akj-reviews-page *::before,
.akj-reviews-page *::after,
.akj-faq-page *,
.akj-faq-page *::before,
.akj-faq-page *::after,
.akj-shipping-page *,
.akj-shipping-page *::before,
.akj-shipping-page *::after,
.akj-service-page *,
.akj-service-page *::before,
.akj-service-page *::after,
.akj-about-page *,
.akj-about-page *::before,
.akj-about-page *::after {
    box-sizing: border-box;
}

.akj-offers-page h1,
.akj-offers-page h2,
.akj-offers-page h3,
.akj-offers-page p,
.akj-offers-page li,
.akj-offers-page span,
.akj-offers-page strong,
.akj-reviews-page h1,
.akj-reviews-page h2,
.akj-reviews-page h3,
.akj-reviews-page p,
.akj-reviews-page li,
.akj-reviews-page span,
.akj-reviews-page strong,
.akj-faq-page h1,
.akj-faq-page h2,
.akj-faq-page h3,
.akj-faq-page p,
.akj-faq-page li,
.akj-faq-page span,
.akj-faq-page strong,
.akj-shipping-page h1,
.akj-shipping-page h2,
.akj-shipping-page h3,
.akj-shipping-page p,
.akj-shipping-page li,
.akj-shipping-page span,
.akj-shipping-page strong,
.akj-service-page h1,
.akj-service-page h2,
.akj-service-page h3,
.akj-service-page p,
.akj-service-page li,
.akj-service-page span,
.akj-service-page strong,
.akj-service-page a,
.akj-about-page h1,
.akj-about-page h2,
.akj-about-page h3,
.akj-about-page p,
.akj-about-page li,
.akj-about-page span,
.akj-about-page strong,
.akj-about-page a {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Optional page title / hero hide per page ID
   Replace or extend with real IDs if needed */
.page-id-11280 .entry-header,
.page-id-11280 .hero-section[data-type="type-1"],
.page-id-11280 .ct-page-title,
.page-id-11536 .entry-header,
.page-id-11536 .hero-section[data-type="type-1"],
.page-id-11536 .ct-page-title,
.page-id-11564 .entry-header,
.page-id-11564 .hero-section[data-type="type-1"],
.page-id-11564 .ct-page-title,
.page-id-4351 .entry-header,
.page-id-4351 .hero-section[data-type="type-1"],
.page-id-4351 .ct-page-title {
    display: none !important;
}

/* ==================================================
   18. ANGEBOTE PAGE – PREMIUM OFFER DESIGN
================================================== */

.akj-offers-page {
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0 20px;
}

.akj-offers-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-offers-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-offers-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-offers-lead {
    max-width: 860px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-offers-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

.akj-offers-card {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.akj-offers-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 0, 0, 0.42);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

.akj-offers-card h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.25;
    font-weight: 800;
}

.akj-offers-card-text {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.65;
}

.akj-offers-coupon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 18px;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    background: #b80000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 10px 20px rgba(184, 0, 0, 0.24);
}

.akj-offers-coupon--small {
    min-height: 42px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 10px;
}

.akj-offers-card--new {
    border-left: 5px solid #b80000;
}

.akj-offers-card--shipping {
    border-left: 5px solid #ffffff;
}

.akj-offers-card--tiers {
    border-left: 5px solid #b80000;
}

.akj-offers-tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.akj-offers-tier:first-of-type {
    margin-top: 8px;
}

.akj-offers-tier-label {
    color: rgba(255, 255, 255, 0.92);
    font-size: 17px;
    line-height: 1.55;
    font-weight: 600;
}

.akj-offers-accent {
    color: #b80000 !important;
    font-weight: 800 !important;
}

.page-id-11280 .entry-header .page-title,
.page-id-11280 .ct-page-title .page-title,
.page-id-11280 h1.entry-title,
.page-id-11280 .hero-section .page-title,
.page-id-11280 .woocommerce-products-header__title {
    font-size: clamp(34px, 4vw, 56px) !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 20px !important;
}

/* ==================================================
   19. REVIEWS PAGE – FINAL CLEAN
   Wrapper: .akj-reviews-page
   Page ID: 11536
   Target: Customer Reviews for WooCommerce
================================================== */

.akj-reviews-page {
    width: min(100% - 40px, 1400px);
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0;
}

.akj-reviews-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-reviews-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-reviews-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-reviews-lead {
    max-width: 860px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-reviews-shell {
    padding: 34px 36px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 5px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.page-id-11536 .ct-container,
.page-id-11536 .site-main,
.page-id-11536 .entry-content,
.page-id-11536 article,
.page-id-11536 .akj-reviews-page {
    width: 100%;
    box-sizing: border-box;
}

.page-id-11536 .entry-content > .akj-reviews-page {
    width: min(100% - 40px, 1600px);
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

/* ==================================================
   CUSTOMER REVIEWS FOR WOOCOMMERCE – LAYOUT WRAPPERS
================================================== */

.akj-reviews-shell .cr-all-reviews-shortcode,
.akj-reviews-shell .cr-all-reviews-shortcode-inner,
.akj-reviews-shell .cr-review-list,
.akj-reviews-shell .ivole-all-reviews-page,
.akj-reviews-shell .ivole-reviews-list,
.akj-reviews-shell .cr-ajax-search,
.akj-reviews-shell .cr-search,
.akj-reviews-shell .cr-review-search,
.akj-reviews-shell form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.akj-reviews-shell .cr-summaryBox-wrap,
.akj-reviews-shell .cr-summaryBox,
.akj-reviews-shell .ivole-summaryBox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.akj-reviews-shell .cr-summaryBox table,
.akj-reviews-shell .cr-summaryBox-wrap table,
.akj-reviews-shell .ivole-summaryBox table {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==================================================
   REVIEW CARDS
================================================== */

.akj-reviews-shell .cr-review-card,
.akj-reviews-shell .ivole-review-box,
.akj-reviews-shell .commentlist li.review {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px;
    padding: 18px;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02) !important;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.akj-reviews-shell .cr-review-card:hover,
.akj-reviews-shell .ivole-review-box:hover,
.akj-reviews-shell .commentlist li.review:hover {
    transform: translateY(-2px);
    border-color: rgba(184, 0, 0, 0.42) !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

/* ==================================================
   REVIEW CARD TEXT
================================================== */

.akj-reviews-shell .cr-review-card,
.akj-reviews-shell .cr-review-card .reviewer,
.akj-reviews-shell .cr-review-card .reviewer-name,
.akj-reviews-shell .cr-review-card .middle-row,
.akj-reviews-shell .cr-review-card .review-text,
.akj-reviews-shell .cr-review-card .review-product,
.akj-reviews-shell .cr-review-card .rating-row,
.akj-reviews-shell .cr-review-card .rating-label,
.akj-reviews-shell .ivole-review-box,
.akj-reviews-shell .ivole-review-box .reviewer,
.akj-reviews-shell .ivole-review-box .review-text,
.akj-reviews-shell .ivole-review-box .review-product,
.akj-reviews-shell .commentlist li.review,
.akj-reviews-shell .commentlist li.review .description,
.akj-reviews-shell .commentlist li.review .meta {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.akj-reviews-shell .cr-review-card a,
.akj-reviews-shell .ivole-review-box a,
.akj-reviews-shell .commentlist li.review a {
    color: #ffffff !important;
    text-decoration: none;
}

.akj-reviews-shell .cr-review-card a:hover,
.akj-reviews-shell .cr-review-card a:focus,
.akj-reviews-shell .ivole-review-box a:hover,
.akj-reviews-shell .ivole-review-box a:focus,
.akj-reviews-shell .commentlist li.review a:hover,
.akj-reviews-shell .commentlist li.review a:focus {
    color: #b80000 !important;
}

/* ==================================================
   SUMMARY BOX – KEEP WHITE
================================================== */

.page-id-11536 .akj-reviews-shell .cr-summaryBox-wrap,
.page-id-11536 .akj-reviews-shell .cr-summaryBox,
.page-id-11536 .akj-reviews-shell .ivole-summaryBox {
    background: #ffffff !important;
    color: #111111 !important;
}

.page-id-11536 .akj-reviews-shell .cr-summaryBox-wrap *,
.page-id-11536 .akj-reviews-shell .cr-summaryBox *,
.page-id-11536 .akj-reviews-shell .ivole-summaryBox * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* ==================================================
   LISTING HEADER / SORT / COUNTS – KEEP WHITE
================================================== */

.page-id-11536 .akj-reviews-shell .cr-review-listing-header,
.page-id-11536 .akj-reviews-shell .cr-review-listing-header-inner,
.page-id-11536 .akj-reviews-shell .ivole-review-listing-header,
.page-id-11536 .akj-reviews-shell .ivole-review-listing-header-inner,
.page-id-11536 .akj-reviews-shell .cr-ajax-reviews-list-head,
.page-id-11536 .akj-reviews-shell .cr-reviews-list-head {
    background: #ffffff !important;
    color: #111111 !important;
    opacity: 1 !important;
}

.page-id-11536 .akj-reviews-shell .cr-review-listing-header *,
.page-id-11536 .akj-reviews-shell .cr-review-listing-header-inner *,
.page-id-11536 .akj-reviews-shell .ivole-review-listing-header *,
.page-id-11536 .akj-reviews-shell .ivole-review-listing-header-inner *,
.page-id-11536 .akj-reviews-shell .cr-ajax-reviews-list-head *,
.page-id-11536 .akj-reviews-shell .cr-reviews-list-head * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==================================================
   FORM FIELDS
================================================== */

.akj-reviews-shell input[type="text"],
.akj-reviews-shell input[type="search"],
.akj-reviews-shell input[type="email"],
.akj-reviews-shell textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

.akj-reviews-shell input::placeholder,
.akj-reviews-shell textarea::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.akj-reviews-shell select,
.akj-reviews-shell option,
.page-id-11536 .akj-reviews-shell .cr-sort-select,
.page-id-11536 .akj-reviews-shell .ivole-sort-select {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

/* ==================================================
   BUTTONS
================================================== */

.akj-reviews-shell button,
.akj-reviews-shell input[type="submit"],
.akj-reviews-shell .button,
.akj-reviews-shell .ivole-button,
.akj-reviews-shell .cusrev-button,
.akj-reviews-shell .cr-show-more-reviews,
.akj-reviews-shell .cr-load-more-reviews {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid #b80000 !important;
    border-radius: 10px !important;
    background: #b80000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.akj-reviews-shell button:hover,
.akj-reviews-shell input[type="submit"]:hover,
.akj-reviews-shell .button:hover,
.akj-reviews-shell .ivole-button:hover,
.akj-reviews-shell .cusrev-button:hover,
.akj-reviews-shell .cr-show-more-reviews:hover,
.akj-reviews-shell .cr-load-more-reviews:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ==================================================
   STAR RATINGS
================================================== */

.akj-reviews-shell .crstar-rating,
.akj-reviews-shell .crstar-rating svg,
.akj-reviews-shell .ivole-star-rating,
.akj-reviews-shell .ivole-star-rating svg,
.akj-reviews-shell .star-rating,
.akj-reviews-shell .star-rating::before,
.akj-reviews-shell .star-rating span::before {
    color: #ffcc00 !important;
    fill: #ffcc00 !important;
    -webkit-text-fill-color: #ffcc00 !important;
}

/* ==================================================
   REVIEW PRODUCT THUMBNAILS
================================================== */

.page-id-11536 .akj-reviews-shell .cr-review-card img,
.page-id-11536 .akj-reviews-shell .ivole-review-box img,
.page-id-11536 .akj-reviews-shell .commentlist li.review img {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    vertical-align: middle !important;
}

.page-id-11536 .akj-reviews-shell .cr-review-card a,
.page-id-11536 .akj-reviews-shell .ivole-review-box a,
.page-id-11536 .akj-reviews-shell .commentlist li.review a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.page-id-11536 .akj-reviews-shell .cr-review-card a img,
.page-id-11536 .akj-reviews-shell .ivole-review-box a img,
.page-id-11536 .akj-reviews-shell .commentlist li.review a img {
    margin-right: 0 !important;
}

/* ==================================================
   FORM AREA
================================================== */

.akj-reviews-shell form,
.akj-reviews-shell .comment-respond,
.akj-reviews-shell #review_form_wrapper {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.page-id-11536 .comment-respond .akismet_comment_form_privacy_notice,
.page-id-11536 .comment-respond .akismet_comment_form_privacy_notice *,
.page-id-11536 .comment-respond .form-allowed-tags,
.page-id-11536 .comment-respond .comment-notes,
.page-id-11536 .comment-respond .logged-in-as + p {
    display: none !important;
}

/* ==================================================
   PAGINATION
================================================== */

.akj-reviews-shell .page-numbers,
.akj-reviews-shell .pagination a,
.akj-reviews-shell .pagination span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ==================================================
   20. FAQ PAGE – MATCH ANGEBOTE / REVIEWS STYLE
   Wrapper: .akj-faq-page
================================================== */

.akj-faq-page {
    width: min(100% - 40px, 1400px);
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0;
}

.akj-faq-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-faq-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-faq-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-faq-lead {
    max-width: 980px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.akj-faq-card {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 5px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-faq-card h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.25;
    font-weight: 800;
}

.akj-faq-item {
    margin: 0 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    overflow: hidden;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.akj-faq-item:hover {
    transform: translateY(-2px);
    border-color: rgba(184, 0, 0, 0.42);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

.akj-faq-item:last-child {
    margin-bottom: 0;
}

.akj-faq-item summary {
    position: relative;
    display: block;
    padding: 18px 54px 18px 18px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.akj-faq-item summary::-webkit-details-marker {
    display: none;
}

.akj-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: #b80000;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

.akj-faq-item[open] summary::after {
    content: "−";
}

.akj-faq-answer {
    padding: 0 18px 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.7;
}

/* ==================================================
   21. SHIPPING PAGE – MATCH ANGEBOTE / REVIEWS STYLE
   Wrapper: .akj-shipping-page
================================================== */

.akj-shipping-page {
    width: min(100% - 40px, 1400px);
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0;
}

.akj-shipping-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-shipping-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-shipping-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-shipping-lead {
    max-width: 980px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-shipping-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.akj-shipping-card {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.akj-shipping-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 0, 0, 0.42);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

.akj-shipping-card--primary {
    border-left: 5px solid #b80000;
}

.akj-shipping-card--accent {
    border-left: 5px solid #ffffff;
}

.akj-shipping-card--wide {
    grid-column: 1 / -1;
    border-left: 5px solid #b80000;
}

.akj-shipping-card h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.25;
    font-weight: 800;
}

.akj-shipping-card-text {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.65;
}

.akj-shipping-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.akj-shipping-list li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.65;
}

.akj-shipping-list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b80000;
}

.akj-shipping-note,
.akj-shipping-info,
.akj-shipping-warning,
.akj-shipping-contact {
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.65;
}

.akj-shipping-warning {
    border-left: 4px solid #b80000;
}

.akj-shipping-stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.akj-shipping-stat:last-child {
    margin-bottom: 0;
}

.akj-shipping-stat-value {
    color: #b80000;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.1;
    font-weight: 800;
}

.akj-shipping-stat-label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-shipping-options {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.akj-shipping-option {
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.akj-shipping-option strong {
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.akj-shipping-option span {
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.65;
}

.akj-shipping-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

.akj-shipping-contact-label {
    color: #ffffff;
    font-weight: 700;
}

.akj-shipping-contact a {
    color: #b80000 !important;
    text-decoration: none;
    font-weight: 700;
}

.akj-shipping-contact a:hover,
.akj-shipping-contact a:focus {
    color: #ffffff !important;
}

/* ==================================================
   22. KUNDENSERVICE PAGE – MATCH ANGEBOTE / REVIEWS STYLE
   Wrapper: .akj-service-page
================================================== */

.akj-service-page {
    width: min(100% - 40px, 1400px);
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0;
}

.akj-service-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-service-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-service-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-service-lead {
    max-width: 980px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.akj-service-card {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.akj-service-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 0, 0, 0.42);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

.akj-service-card--primary {
    border-left: 5px solid #b80000;
}

.akj-service-card--accent {
    border-left: 5px solid #ffffff;
}

.akj-service-card h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.25;
    font-weight: 800;
}

.akj-service-card-text {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.65;
}

.akj-service-contact-list {
    display: grid;
    gap: 14px;
}

.akj-service-contact-item,
.akj-service-stat,
.akj-service-note {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.akj-service-contact-item {
    display: grid;
    gap: 8px;
}

.akj-service-label {
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-service-value {
    color: #ffffff;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 600;
}

.akj-service-link {
    color: #ffffff !important;
    text-decoration: none;
}

.akj-service-link:hover,
.akj-service-link:focus {
    color: #b80000 !important;
}

.akj-service-stat {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.akj-service-stat:last-child {
    margin-bottom: 0;
}

.akj-service-stat-title {
    color: #b80000;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
}

.akj-service-stat-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-service-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.akj-service-list li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.65;
}

.akj-service-list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b80000;
}

.akj-service-note {
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.65;
}

.akj-service-cta {
    margin-top: 18px;
}

.akj-service-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid #b80000;
    border-radius: 10px;
    background: #b80000;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.akj-service-button:hover,
.akj-service-button:focus {
    background: #000000;
    border-color: #000000;
    color: #ffffff !important;
}

/* ==================================================
   24. UBER UNS PAGE – MATCH ANGEBOTE / REVIEWS STYLE
   Wrapper: .akj-about-page
================================================== */

.akj-about-page {
    width: min(100% - 40px, 1400px);
    max-width: 1400px;
    margin: 48px auto 72px;
    padding: 0;
}

.akj-about-hero {
    margin-bottom: 34px;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 8px solid #b80000;
    border-bottom: 4px solid #000000;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, #0d0d14 0%, #090910 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.akj-about-kicker {
    margin: 0 0 10px;
    color: #b80000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.akj-about-hero h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
}

.akj-about-lead {
    max-width: 980px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-about-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.akj-about-card {
    min-width: 0;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 4px solid #000000;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #101019 0%, #0a0a12 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.akj-about-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 0, 0, 0.42);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(184, 0, 0, 0.10) inset;
}

.akj-about-card--primary {
    border-left: 5px solid #b80000;
}

.akj-about-card--accent {
    border-left: 5px solid #ffffff;
}

.akj-about-card--wide {
    grid-column: 1 / -1;
    border-left: 5px solid #b80000;
}

.akj-about-card h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.25;
    font-weight: 800;
}

.akj-about-card-text {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.65;
}

.akj-about-card-text:last-child {
    margin-bottom: 0;
}

.akj-about-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.akj-about-list li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.65;
}

.akj-about-list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b80000;
}

.akj-about-stat-list {
    display: grid;
    gap: 14px;
}

.akj-about-stat {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.akj-about-stat-title {
    display: block;
    margin-bottom: 8px;
    color: #b80000;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
}

.akj-about-stat-text {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}

.akj-about-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.akj-about-contact-label {
    color: #ffffff;
    font-weight: 700;
}

.akj-about-contact a {
    color: #b80000 !important;
    text-decoration: none;
    font-weight: 700;
}

.akj-about-contact a:hover,
.akj-about-contact a:focus {
    color: #ffffff !important;
}

/* Replace page ID if needed */
.page-id-4351 .entry-header,
.page-id-4351 .hero-section[data-type="type-1"],
.page-id-4351 .ct-page-title {
    display: none !important;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 1199px) {
    .akj-offers-grid {
        grid-template-columns: 1fr;
    }

    .akj-reviews-page,
    .akj-faq-page,
    .akj-shipping-page,
    .akj-service-page,
    .akj-about-page {
        width: min(100% - 32px, 1400px);
        max-width: 1400px;
    }

    .page-id-11536 .entry-content > .akj-reviews-page {
        width: min(100% - 32px, 1400px);
        max-width: 1400px;
    }
}

@media (max-width: 991px) {
    .akj-offers-page {
        padding: 0 16px;
    }

    .akj-faq-grid,
    .akj-shipping-grid,
    .akj-service-grid,
    .akj-about-grid {
        grid-template-columns: 1fr;
    }

    .akj-offers-hero,
    .akj-reviews-hero,
    .akj-reviews-shell,
    .akj-faq-hero,
    .akj-faq-card,
    .akj-shipping-hero,
    .akj-shipping-card,
    .akj-service-hero,
    .akj-service-card,
    .akj-about-hero,
    .akj-about-card {
        padding: 28px 24px;
    }

    .akj-offers-tier {
        flex-direction: column;
        align-items: flex-start;
    }

    .akj-reviews-page,
    .akj-faq-page,
    .akj-shipping-page,
    .akj-service-page,
    .akj-about-page {
        width: calc(100% - 24px);
        max-width: none;
        margin: 32px auto 56px;
    }

    .page-id-11536 .entry-content > .akj-reviews-page {
        width: calc(100% - 24px);
        max-width: none;
    }

    .akj-shipping-card--wide,
    .akj-about-card--wide {
        grid-column: auto;
    }

    .page-id-11536 .akj-reviews-shell .cr-review-card img,
    .page-id-11536 .akj-reviews-shell .ivole-review-box img,
    .page-id-11536 .akj-reviews-shell .review img,
    .page-id-11536 .akj-reviews-shell [class*="review"] img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }
}

@media (max-width: 767px) {
    .akj-offers-page {
        margin: 32px auto 48px;
        padding: 0 14px;
    }

    .akj-offers-hero,
    .akj-reviews-hero,
    .akj-reviews-shell,
    .akj-faq-hero,
    .akj-faq-card,
    .akj-shipping-hero,
    .akj-shipping-card,
    .akj-service-hero,
    .akj-service-card,
    .akj-about-hero,
    .akj-about-card {
        padding: 22px 18px;
    }

    .akj-offers-hero h1,
    .akj-reviews-hero h1,
    .akj-faq-hero h1,
    .akj-shipping-hero h1,
    .akj-service-hero h1,
    .akj-about-hero h1 {
        font-size: clamp(26px, 7vw, 38px);
    }

    .akj-offers-lead,
    .akj-reviews-lead,
    .akj-faq-lead,
    .akj-shipping-lead,
    .akj-service-lead,
    .akj-about-lead {
        font-size: 17px;
    }

    .akj-faq-item summary {
        padding: 16px 48px 16px 16px;
        font-size: 16px;
    }

    .akj-faq-answer,
    .akj-shipping-card-text,
    .akj-shipping-list li,
    .akj-shipping-stat-label,
    .akj-shipping-option span,
    .akj-shipping-note,
    .akj-shipping-info,
    .akj-shipping-warning,
    .akj-shipping-contact,
    .akj-service-card-text,
    .akj-service-value,
    .akj-service-stat-text,
    .akj-service-list li,
    .akj-service-note,
    .akj-about-card-text,
    .akj-about-list li,
    .akj-about-stat-text,
    .akj-about-contact {
        font-size: 15px;
    }

    .akj-faq-answer {
        padding: 0 16px 16px;
    }

    .page-id-11536 .akj-reviews-shell .cr-review-card a,
    .page-id-11536 .akj-reviews-shell .ivole-review-box a,
    .page-id-11536 .akj-reviews-shell .review a {
        gap: 10px !important;
    }

    .page-id-11536 .akj-reviews-shell .cr-review-card img,
    .page-id-11536 .akj-reviews-shell .ivole-review-box img,
    .page-id-11536 .akj-reviews-shell .review img,
    .page-id-11536 .akj-reviews-shell [class*="review"] img {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
    }
}