/* die Jungs 2026: Beitragsinhalte, inklusive Anpassungen für ältere Beiträge */

.dj-content, .editor-styles-wrapper { font-size: 18px; line-height: 1.75; }
.dj-content > * + * { margin-block-start: 1.15em; }
.dj-content p { margin-block: 0; }
.dj-content > p + p { margin-block-start: 1em; }
.dj-content h2 { margin-block-start: 2em; margin-block-end: .5em; font-size: clamp(28px, 3vw, 36px); line-height: 1.1; }
.dj-content h3 { margin-block-start: 1.6em; margin-block-end: .4em; font-size: clamp(22px, 2.2vw, 26px); line-height: 1.2; }
.dj-content h4 { margin-block-start: 1.4em; margin-block-end: .3em; }
.dj-content :where(ul, ol):not([class*="wprm"]):not([class*="rank-math"]) { padding-left: 1.3em; }
.dj-content li + li { margin-top: .35em; }
.dj-content li::marker { color: var(--dj-terrakotta, #A24E31); }
.dj-content a:not(.wp-block-button__link):not(.dj-btn):not(.btn):not([class*="wprm"]):not([class*="djkb-"] a):not([class*="aawp"]) { color: var(--dj-petrol, #183138); text-decoration: underline; text-decoration-color: var(--dj-koralle, #E28867); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.dj-content a:not(.wp-block-button__link):not(.dj-btn):not(.btn):not([class*="wprm"]):not([class*="djkb-"] a):not([class*="aawp"]):hover { color: var(--dj-terrakotta, #A24E31); }
.dj-content strong { font-weight: 700; }
.dj-content blockquote { margin-inline: 0; }
.dj-content hr { border: 0; border-top: 1px solid var(--dj-sand, #EBE0CF); margin-block: 2.5em; }
.dj-content .wp-block-separator { background: var(--dj-sand, #EBE0CF) !important; color: var(--dj-sand, #EBE0CF) !important; height: 1px; border: 0; }
h1, h2, h3, h4, .wp-block-post-title, .wp-block-query-title { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 4; -webkit-hyphenate-limit-after: 4; hyphenate-limit-chars: 8 4 4; }

/* Bilder und Galerien */
figcaption:not(.wp-element-caption) { display: none !important; }
.wp-block-gallery figcaption { display: none !important; }
.dj-content figure { margin-inline: 0; }
.dj-content figure.wp-block-image > img, .dj-content .wp-block-gallery .wp-block-image img { border-radius: 6px; }
.dj-content .wp-block-gallery { gap: 12px !important; }
.dj-content p > img { border-radius: 6px; }
.dj-content p > img:only-child { display: block; max-width: 620px; margin-left: auto; margin-right: auto; }
.dj-content p > img:not(:only-child) { display: inline-block; width: 32% !important; min-width: 180px; margin: .4% !important; vertical-align: top; height: auto; }
.entry-content .wp-block-image::before, .entry-content .wp-block-image::after { content: none !important; backdrop-filter: none !important; filter: none !important; }

/* Inhaltsverzeichnis (Rank Math) */
.dj-content .wp-block-rank-math-toc-block { background: var(--dj-creme, #F6EFE4) !important; color: var(--dj-petrol, #183138) !important; border-radius: 6px; padding: 24px 28px !important; }
.dj-content .wp-block-rank-math-toc-block h2 { margin: 0 0 .5em; font-size: 20px; }
.dj-content .wp-block-rank-math-toc-block nav ul { margin: 0; padding-left: 1.1em; }
.dj-content .wp-block-rank-math-toc-block a { text-decoration: none !important; }
.dj-content .wp-block-rank-math-toc-block a:hover { text-decoration: underline !important; }

/* FAQ (Rank Math) */
.dj-content .rank-math-list-item { border-top: 1px solid var(--dj-line, rgba(24,49,56,.14)); padding: 18px 0; }
.dj-content .rank-math-list-item:last-child { border-bottom: 1px solid var(--dj-line, rgba(24,49,56,.14)); }
.dj-content .rank-math-question { margin: 0 0 .4em !important; font-size: 20px !important; }
.dj-content .rank-math-answer p { margin: 0; }

/* Tabellen */
.dj-content .wp-block-table table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--dj-sand, #EBE0CF); border-radius: 6px; overflow: hidden; background: #fff; width: 100%; font-size: 16px; }
.dj-content .wp-block-table th { background: var(--dj-petrol, #183138); color: var(--dj-creme, #F6EFE4); border: none; padding: .75rem 1rem; text-align: left; }
.dj-content .wp-block-table td { border: none; border-top: 1px solid #F0E7DA; padding: .7rem 1rem; }
.dj-content .wp-block-table tbody tr:nth-child(even) td { background: var(--dj-papier, #FBF8F2); }

/* Knöpfe im Inhalt */
.dj-content .wp-block-button__link { border-radius: 999px !important; }

/* Kästen (Gruppen mit Hintergrund) */
.dj-content .wp-block-group.has-background { border-radius: 6px; padding: 24px 28px; }
.dj-content .wp-block-media-text { overflow: hidden; border-radius: 6px; box-shadow: 0 2px 14px rgba(24, 49, 56, .06); }
.dj-content .wp-block-media-text .wp-block-media-text__content { padding-top: 1.5rem; padding-bottom: 1.6rem; }

/* Alte Farbkürzel auf die neue Marke legen */
.has-custom-akzent-1-background-color, .has-custom-akzent-2-background-color { background-color: var(--dj-creme, #F6EFE4) !important; color: var(--dj-petrol, #183138) !important; }
.has-custom-akzent-1-color { color: var(--dj-terrakotta, #A24E31) !important; }
.has-custom-akzent-2-color { color: var(--dj-petrol, #183138) !important; }
div.has-custom-akzent-1-background-color, div.has-custom-akzent-2-background-color { border-radius: 6px; }
.dj-content .has-custom-prim-r-background-color, .dj-content .has-custom-prim-r-background-color :is(p, h1, h2, h3, h4, li, strong) { color: var(--dj-creme, #F6EFE4) !important; }
.dj-content .has-custom-prim-r-background-color a { color: var(--dj-koralle, #E28867) !important; }

/* Spectra-Bausteine aus älteren Beiträgen */
.dj-content .wp-block-uagb-inline-notice { background: var(--dj-creme, #F6EFE4); border-left: 4px solid var(--dj-koralle, #E28867); border-radius: 6px; padding: 1.1rem 1.4rem; }
.dj-content .wp-block-uagb-inline-notice .uagb-notice-title { background: transparent; color: var(--dj-petrol, #183138); padding: 0 0 .3rem; border: none !important; box-shadow: none !important; }
.dj-content .wp-block-uagb-inline-notice .uagb-notice-text { background: transparent; padding: 0 !important; border-left: none !important; }
.dj-content .wp-block-uagb-inline-notice h4:before, .dj-content .uagb-notice-close-button { display: none; }
.dj-content .wp-block-uagb-post-grid .uagb-post__inner-wrap { background: #fff !important; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 14px rgba(24, 49, 56, .07); padding-bottom: 1.2rem !important; }
.dj-content .wp-block-uagb-post-grid .uagb-post__title, .dj-content .wp-block-uagb-post-grid .uagb-post__title a { color: var(--dj-petrol, #183138) !important; font-family: var(--dj-head, Archivo, sans-serif); font-weight: 800; text-decoration: none !important; }
.dj-content .wp-block-uagb-post-grid .uagb-post__title a:hover { color: var(--dj-terrakotta, #A24E31) !important; }
.dj-content .wp-block-uagb-post-grid .uagb-post__excerpt { color: var(--dj-petrol, #183138) !important; }
.dj-content .wp-block-uagb-post-grid :is(.uagb-post__taxonomy, .uagb-post-grid-byline, .uagb-post__date, .uagb-post-grid-byline a, .dashicons) { color: var(--dj-gold, #7B562E) !important; }
.dj-content .wp-block-uagb-post-grid .wp-block-button__link { background: var(--dj-petrol, #183138) !important; color: var(--dj-creme, #F6EFE4) !important; border-radius: 999px !important; }
.dj-content .wp-block-uagb-post-grid .wp-block-button__link:hover { background: var(--dj-terrakotta, #A24E31) !important; }
.dj-content .wp-block-uagb-post-grid .uagb-post__image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.dj-content :is(.uagb-block-cc524796, .uagb-block-631ee20a, .uagb-block-60f8cd33, .uagb-block-92d4c632, .uagb-block-e5341ab0, .uagb-block-5d367d4b, .uagb-block-71706156, .uagb-block-e36b2149, .uagb-block-ddd5411c, .uagb-block-0a14f7e7) { background: var(--dj-creme, #F6EFE4) !important; border-radius: 6px; }
.dj-content .uagb-block-0a14f7e7 * { color: var(--dj-petrol, #183138) !important; }
.dj-content :is(.uagb-block-0e6351d5, .uagb-block-3d1f8c6a) a { background: var(--dj-petrol, #183138) !important; color: #fff !important; border-radius: 99px !important; }
.dj-content .wp-block-uagb-container .wp-block-button__link { border-radius: 99px !important; width: auto !important; padding: .55rem 1.6rem !important; }
.dj-content .wp-block-uagb-container .wp-block-button { width: auto !important; }
.dj-content .wp-block-uagb-container .wp-block-buttons { justify-content: center; }
.dj-content .wp-block-uagb-google-map, .dj-content .uagb-google-map__wrap { background: var(--dj-creme, #F6EFE4); border-radius: 6px; }

/* Autorenkasten (Spectra Team) */
.dj-content .wp-block-uagb-team { background: var(--dj-creme, #F6EFE4); border-radius: 6px; padding: 28px; }
.dj-content .wp-block-uagb-team .uagb-team__image-wrap img { border-radius: 999px; }
.dj-content .wp-block-uagb-team .uagb-team__title { font-family: var(--dj-head, Archivo, sans-serif) !important; font-weight: 800 !important; color: var(--dj-petrol, #183138) !important; }
.dj-content .wp-block-uagb-team .uagb-team__prefix { color: var(--dj-gold, #7B562E) !important; text-transform: uppercase; letter-spacing: .1em; font-size: 13px !important; font-weight: 700; }

/* Alte Social-Icons und Stackable-Reste */
.dj-content a > svg:not([class]), .dj-content a > svg[class=""] { width: 2rem !important; height: 2rem !important; vertical-align: middle; }
.dj-content [class*="ugb-"] svg:not([class]) { max-width: 2.2rem; max-height: 2.2rem; }
.dj-content p > svg[aria-hidden="true"]:not([class]) { display: none; }

/* Affiliate-Banner */
.awin-banner { display: block; text-align: center; }
.awin-banner img { display: inline-block; max-width: 100%; height: auto; }

/* Werbeplätze im Text: Abstand und Kennzeichnung, ohne Layout-Sprung */
.dj-content .code-block { margin-block: 2em !important; text-align: center; clear: both; }
.dj-content .code-block:empty { display: none; }

/* Reiseseiten */
.djkb-reisen-grid .wp-block-post-featured-image img { object-position: top center; }
.djkb-dk-cta { display: flex; flex-direction: column; }
.djkb-dk-cta .code-block, .djkb-dk-cta ins, .djkb-dk-cta .symplr-ad-holder { display: none !important; }
body.page-id-78570 .dj-page-head, body.page-id-78570 .wp-block-post-featured-image { display: none !important; }

/* Ähnliche Rezepte (YARPP) als Kartenreihe */
.dj-content .yarpp { margin-top: 3em; }
.dj-content .yarpp h3 { font-size: 28px; margin: 0 0 18px; }
.dj-content .yarpp-thumbnails-horizontal { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dj-content .yarpp-thumbnails-horizontal .yarpp-thumbnail { width: auto !important; height: auto !important; margin: 0 !important; border: 0 !important; text-decoration: none !important; display: flex !important; flex-direction: column; gap: 8px; }
.dj-content .yarpp-thumbnails-horizontal .yarpp-thumbnail > img { width: 100% !important; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: 6px; margin: 0 !important; }
.dj-content .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width: auto !important; max-height: none !important; margin: 0 !important; font-family: var(--dj-head, Archivo, sans-serif); font-weight: 800; font-size: 16px !important; line-height: 1.2 !important; color: var(--dj-petrol, #183138); text-align: left !important; }
.dj-content .yarpp-thumbnails-horizontal .yarpp-thumbnail-default { width: 100% !important; height: auto !important; }
@media (max-width: 600px) { .dj-content .yarpp-thumbnails-horizontal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 600px) {
	.dj-content { font-size: 17px; line-height: 1.7; }
}
.dj-content .wp-block-uagb-team ul { list-style: none !important; padding: 0 !important; display: flex; gap: 12px; }
.dj-content .wp-block-uagb-team ul li { margin: 0; }

/* Eigene Seitenlayouts (djkb-…) bringen ihre Breite selbst mit */
.dj-content > [class^="djkb-"], .dj-content > [class*=" djkb-"] { max-width: none !important; width: 100%; }
.dj-page:has(.dj-content > [class^="djkb-"] .hero) .dj-page-head { display: none; }
.dj-page:has(.dj-content > [class^="djkb-"] .hero) .dj-content { padding-top: 0; }
.dj-content [class^="djkb-"] .full { max-width: none; }

/* Bausteine für Beiträge: Box, Auf einen Blick, Ortskarte, Notiz, Bildplatzhalter, Signatur */
:is(.dj-content, .editor-styles-wrapper) :is(.dj-box, .dj-fakten, .dj-ort, .dj-notiz, .dj-bildplatzhalter) > * { margin-block: 0; }
:is(.dj-content, .editor-styles-wrapper) :is(.dj-box, .dj-fakten, .dj-notiz) > * + * { margin-block-start: .6em; }
:is(.dj-content, .editor-styles-wrapper) .dj-box { background: var(--dj-creme, #F6EFE4); border-radius: 6px; padding: 26px 30px; margin-block: 2em; }
:is(.dj-content, .editor-styles-wrapper) :is(.dj-box-titel, .dj-fakten-titel) { font-family: var(--dj-head, Archivo, sans-serif); font-weight: 800; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; color: var(--dj-petrol, #183138); }
:is(.dj-content, .editor-styles-wrapper) .dj-box .wp-block-buttons { margin-block-start: 1.1em; }
:is(.dj-content, .editor-styles-wrapper) .dj-fakten { border: 1px solid var(--dj-sand, #EBE0CF); border-left: 4px solid var(--dj-koralle, #E28867); border-radius: 6px; padding: 24px 28px; background: #fff; margin-block: 2em; }
:is(.dj-content, .editor-styles-wrapper) .dj-fakten ul { margin: 0; padding-left: 1.2em; font-size: 17px; }

:is(.dj-content, .editor-styles-wrapper) .dj-ort { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "k i" "n i" "a b"; column-gap: 32px; row-gap: 4px; align-items: start; background: var(--dj-petrol, #183138); color: var(--dj-creme, #F6EFE4); border-radius: 6px; padding: 26px 30px; margin-block: 2em; }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .dj-ort-kicker { grid-area: k; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dj-koralle, #E28867); }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .dj-ort-name { grid-area: n; font-family: var(--dj-head, Archivo, sans-serif); font-weight: 800; font-size: 26px; line-height: 1.15; letter-spacing: -.015em; color: var(--dj-creme, #F6EFE4); }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .dj-ort-adresse { grid-area: a; align-self: end; margin-top: 10px; font-size: 16px; line-height: 1.5; color: rgba(246, 239, 228, .78); }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .dj-ort-info { grid-area: i; font-size: 16px; line-height: 1.55; color: var(--dj-creme, #F6EFE4); padding-left: 24px; border-left: 1px solid rgba(246, 239, 228, .22); }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .wp-block-buttons { grid-area: b; align-self: end; padding-left: 24px; margin-top: 14px; }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .wp-block-button__link { background: transparent !important; color: var(--dj-creme, #F6EFE4) !important; border: 1.5px solid var(--dj-creme, #F6EFE4) !important; padding: .55em 1.3em; font-size: 15px; text-decoration: none !important; }
:is(.dj-content, .editor-styles-wrapper) .dj-ort .wp-block-button__link:hover { background: var(--dj-creme, #F6EFE4) !important; color: var(--dj-petrol, #183138) !important; }
@media (max-width: 640px) {
	:is(.dj-content, .editor-styles-wrapper) .dj-ort { grid-template-columns: minmax(0, 1fr); grid-template-areas: "k" "n" "a" "i" "b"; padding: 22px; }
	:is(.dj-content, .editor-styles-wrapper) .dj-ort :is(.dj-ort-info, .wp-block-buttons) { padding-left: 0; border-left: 0; }
	:is(.dj-content, .editor-styles-wrapper) .dj-ort .dj-ort-info { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(246, 239, 228, .22); }
}

:is(.dj-content, .editor-styles-wrapper) .dj-notiz { border: 1.5px dashed var(--dj-koralle, #E28867); border-radius: 6px; padding: 16px 20px; background: #FDF2EC; font-size: 16px; line-height: 1.6; margin-block: 1.6em; }
:is(.dj-content, .editor-styles-wrapper) .dj-notiz strong:first-child { display: inline-block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--dj-terrakotta, #A24E31); }
:is(.dj-content, .editor-styles-wrapper) .dj-bildplatzhalter { display: grid; place-items: center; min-height: 160px; border: 1.5px dashed rgba(24, 49, 56, .25); border-radius: 6px; padding: 20px 28px; background: var(--dj-creme, #F6EFE4); text-align: center; font-size: 15px; line-height: 1.55; color: var(--dj-muted, #4E5F62); margin-block: 1.6em; }
:is(.dj-content, .editor-styles-wrapper) .dj-bildplatzhalter strong:first-child { display: inline-block; margin-bottom: 4px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--dj-gold, #7B562E); }
:is(.dj-content, .editor-styles-wrapper) .dj-signatur { font-family: "Lindsey Signature", cursive; font-size: 46px; line-height: 1.1; color: var(--dj-petrol, #183138); margin-block-start: .8em !important; }


/* Amazon-Boxen (AAWP) im Jungs-Look: helle Karte, feine Linie, Petrol-Button */
.dj-content .aawp { margin-block: 8px 32px !important; }
.dj-content .aawp .aawp-grid { gap: 20px; margin: 0; }
.dj-content .aawp .aawp-grid__item { padding: 0 !important; margin: 0 !important; }
.dj-content .aawp .aawp-product,
.dj-content .aawp .aawp-product.aawp-product--style-dark,
.dj-content .aawp .aawp-product.aawp-product--style-light { position: relative; display: flex !important; flex-direction: column; height: 100%; margin: 0 !important; padding: 0 !important; background: var(--dj-papier, #FBF8F2) !important; border: 1px solid var(--dj-line, rgba(24,49,56,.14)) !important; border-radius: var(--dj-radius, 6px) !important; box-shadow: none !important; overflow: hidden; color: var(--dj-petrol, #183138) !important; transition: border-color .2s ease, transform .25s ease, box-shadow .25s ease; }
.dj-content .aawp .aawp-product:hover { border-color: var(--dj-petrol, #183138) !important; transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(24,49,56,.45) !important; }
.dj-content .aawp .aawp-product .aawp-product__image--link { display: flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: none !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 22px !important; background: #fff !important; border-bottom: 1px solid var(--dj-line, rgba(24,49,56,.14)); }
.dj-content .aawp .aawp-product img.aawp-product__image { width: 100% !important; height: 100% !important; max-height: none !important; margin: 0 !important; object-fit: contain; mix-blend-mode: multiply; transition: transform .4s ease; }
.dj-content .aawp .aawp-product:hover img.aawp-product__image { transform: scale(1.04); }
.dj-content .aawp .aawp-product .aawp-product__ribbon { position: absolute !important; top: 12px; left: 12px; right: auto !important; z-index: 2; margin: 0 !important; padding: 5px 10px !important; border-radius: 3px; background: var(--dj-koralle, #E28867) !important; color: #fff !important; font: 700 11px/1 var(--dj-body, sans-serif) !important; letter-spacing: .12em; text-transform: uppercase; box-shadow: none !important; transform: none !important; width: auto !important; }
.dj-content .aawp .aawp-product .aawp-product__ribbon::before, .dj-content .aawp .aawp-product .aawp-product__ribbon::after { display: none !important; }
.dj-content .aawp .aawp-product .aawp-product__content { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; margin: 0 !important; padding: 18px 18px 0 !important; text-align: left !important; }
.dj-content .aawp .aawp-product .aawp-product__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; height: auto !important; color: var(--dj-petrol, #183138) !important; font: 800 17px/1.25 var(--dj-head, sans-serif) !important; letter-spacing: -.01em; text-decoration: none !important; text-align: left !important; }
.dj-content .aawp .aawp-product .aawp-product__title:hover, .dj-content .aawp .aawp-product .aawp-product__title:focus-visible { color: var(--dj-terrakotta, #A24E31) !important; }
.dj-content .aawp .aawp-product .aawp-product__meta, .dj-content .aawp .aawp-product .aawp-product__meta * { margin: 0 !important; float: none !important; text-align: left !important; }
.dj-content .aawp .aawp-product .aawp-check-prime img { height: 16px; width: auto; }
.dj-content .aawp .aawp-product .aawp-product__footer { display: flex; flex-direction: column; gap: 12px; margin: 0 !important; padding: 14px 18px 18px !important; text-align: left !important; }
.dj-content .aawp .aawp-product .aawp-product__pricing { display: flex; align-items: baseline; gap: 8px; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.dj-content .aawp .aawp-product .aawp-product__pricing > * { float: none !important; margin: 0 !important; }
.dj-content .aawp .aawp-product .aawp-product__price { color: var(--dj-petrol, #183138) !important; font: 800 22px/1 var(--dj-head, sans-serif) !important; letter-spacing: -.02em; }
.dj-content .aawp .aawp-product .aawp-product__price--old { font-size: 14px !important; font-weight: 500 !important; color: var(--dj-muted, #4E5F62) !important; }
.dj-content .aawp .aawp-product .aawp-button,
.dj-content .aawp .aawp-product .aawp-button.aawp-button--amazon { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 46px; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 4px !important; background: var(--dj-petrol, #183138) !important; background-image: none !important; box-shadow: none !important; color: #fff !important; font: 700 14px/1 var(--dj-body, sans-serif) !important; white-space: nowrap; text-decoration: none !important; text-shadow: none !important; transition: background-color .2s ease; }
.dj-content .aawp .aawp-product .aawp-button::before { display: none !important; }
.dj-content .aawp .aawp-product .aawp-button::after { content: "→"; margin-left: 8px; display: inline-block; transition: transform .2s ease; }
.dj-content .aawp .aawp-product:hover .aawp-button { background: var(--dj-koralle, #E28867) !important; color: var(--dj-petrol, #183138) !important; }
.dj-content .aawp .aawp-product:hover .aawp-button::after { transform: translateX(3px); }
@media (max-width: 640px) {
  .dj-content .aawp .aawp-grid { gap: 14px; }
  .dj-content .aawp .aawp-product .aawp-product__title { font-size: 15px !important; -webkit-line-clamp: 2; }
  /* am Telefon: kompakte Querkarte, Bild links */
  .dj-content .aawp .aawp-product, .dj-content .aawp .aawp-product.aawp-product--style-dark { display: grid !important; grid-template-columns: 116px minmax(0, 1fr); grid-template-rows: 1fr auto; }
  .dj-content .aawp .aawp-product .aawp-product__image--link { grid-row: 1 / -1; grid-column: 1; align-self: stretch; height: auto !important; aspect-ratio: auto !important; padding: 12px !important; border-bottom: 0; border-right: 1px solid var(--dj-line, rgba(24,49,56,.14)); }
  .dj-content .aawp .aawp-product .aawp-product__content { grid-column: 2; grid-row: 1; padding: 14px 14px 0 !important; gap: 6px; }
  .dj-content .aawp .aawp-product .aawp-product__footer { grid-column: 2; grid-row: 2; padding: 10px 14px 14px !important; gap: 10px; }
  .dj-content .aawp .aawp-product .aawp-product__price { font-size: 19px !important; }
  .dj-content .aawp .aawp-product .aawp-button { min-height: 40px; font-size: 13px !important; }
  .dj-content .aawp .aawp-product .aawp-product__ribbon { top: 8px; left: 8px; padding: 4px 7px !important; font-size: 9px !important; }
  .dj-content .aawp .aawp-product:hover { transform: none; }
}