/* die Jungs 2026: Rezeptkarte (WP Recipe Maker, Vorlage "die-jungs_simpel") */

/* Die Sprungknöpfe oben im Text übernimmt jetzt der Beitragskopf. */
.dj26 .dj-content .wprm-recipe-snippet { display: none !important; }

.dj26 .wprm-recipe-container { margin-block: 3em !important; scroll-margin-top: calc(var(--dj-top, 0px) + 96px); }

.dj26 .wprm-recipe-template-die-jungs_simpel {
	--glacier-background: #FBF8F2;
	--glacier-text-color: #183138;
	--glacier-accent-color: #A24E31;
	--glacier-interactivity-color: #C9772F;
	--glacier-header-background: transparent;
	--glacier-header-text: #183138;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1.5px solid #183138 !important;
	border-radius: 6px !important;
	overflow: hidden;
	background: #FBF8F2 !important;
	color: #183138 !important;
	font-family: var(--dj-body, "DM Sans", sans-serif) !important;
	box-shadow: none !important;
}

/* Kopf der Karte: Bild links, Petrol-Fläche rechts */
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-header { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); background: #183138 !important; color: #F6EFE4 !important; margin: 0 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-image { position: relative; margin: 0 !important; min-height: 280px; overflow: hidden; background: #EBE0CF; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-image .wprm-recipe-image { position: absolute; inset: 0; margin: 0 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-image img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; display: block; border-radius: 0 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta { padding: 28px !important; background: #183138 !important; color: #F6EFE4 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta * { color: #F6EFE4; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-name { font-family: var(--dj-head, Archivo, sans-serif) !important; font-weight: 900 !important; font-size: clamp(26px, 3vw, 34px) !important; line-height: 1.05 !important; letter-spacing: -.02em; color: #F6EFE4 !important; margin: 0 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-calories, .dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-calories-unit { color: #E28867 !important; font-weight: 700; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-details-label { color: #E28867 !important; text-transform: uppercase; letter-spacing: .1em; font-size: 12px !important; font-weight: 700 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-time, .dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-details { font-family: var(--dj-head, Archivo, sans-serif); font-weight: 800 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-summary { font-size: 16px; line-height: 1.55; opacity: .92; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-rating-details { font-size: 14px; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-print { background: #F6EFE4 !important; color: #183138 !important; border-color: #F6EFE4 !important; border-radius: 999px !important; padding: 8px 18px !important; font-weight: 700 !important; text-decoration: none !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-print * { color: #183138 !important; fill: #183138; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-print:hover { background: #E28867 !important; border-color: #E28867 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-inline-separator-short-line .wprm-recipe-details-container > *::after { border-color: rgba(246, 239, 228, .3) !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-servings-decrement, .dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-servings-increment { background: transparent !important; border-color: rgba(246, 239, 228, .6) !important; color: #F6EFE4 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta .wprm-recipe-servings { color: #F6EFE4 !important; border-color: rgba(246, 239, 228, .6) !important; }

/* Abschnitte */
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-internal-container { background: transparent !important; padding: 8px 28px 24px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel h3.wprm-recipe-header { font-family: var(--dj-head, Archivo, sans-serif) !important; font-weight: 800 !important; font-size: 24px !important; color: #183138 !important; padding: 24px 28px 4px !important; margin: 0 !important; background: transparent !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel h3.wprm-recipe-header .wprm-recipe-icon svg * { fill: #A24E31; stroke: #A24E31; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-decoration-line { border-color: #EBE0CF !important; border-width: 1px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-group-name { font-family: var(--dj-body, "DM Sans", sans-serif) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; color: #A24E31 !important; margin-top: 16px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-ingredient { font-size: 17px !important; line-height: 1.5 !important; padding: 6px 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #F0E7DA; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-ingredient-amount, .dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-ingredient-unit { font-weight: 700; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-ingredient-notes { color: #4E5F62 !important; font-style: normal; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-ingredient-link { color: #183138 !important; text-decoration: underline !important; text-decoration-color: #E28867 !important; text-decoration-thickness: 2px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-checkbox-container input[type=checkbox] + label::before { border-color: #183138 !important; border-radius: 4px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-instruction { font-size: 17px !important; line-height: 1.65 !important; margin-bottom: 14px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-instructions { counter-reset: djstep; }
.dj26 .wprm-recipe-template-die-jungs_simpel ul.wprm-recipe-instructions > li.wprm-recipe-instruction { list-style: none !important; margin-left: 0 !important; padding-left: 48px !important; position: relative; counter-increment: djstep; }
.dj26 .wprm-recipe-template-die-jungs_simpel ul.wprm-recipe-instructions > li.wprm-recipe-instruction::before { content: counter(djstep); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 999px; background: #183138; color: #F6EFE4; font: 800 15px/32px var(--dj-head, Archivo, sans-serif); text-align: center; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-notes-container { background: #F6EFE4; border-radius: 6px; padding: 20px 24px !important; margin: 0 28px 24px !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-nutrition-label-container { font-size: 14px !important; color: #4E5F62 !important; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-equipment-name { font-size: 16px; }
.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-equipment a { color: #183138 !important; }

@media (max-width: 700px) {
	.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-header { grid-template-columns: 1fr; }
	.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-image { min-height: 0; aspect-ratio: 4 / 3; }
	.dj26 .wprm-recipe-template-die-jungs_simpel .djkb-recipe-meta { padding: 22px 20px !important; }
	.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-internal-container { padding: 4px 18px 18px !important; }
	.dj26 .wprm-recipe-template-die-jungs_simpel h3.wprm-recipe-header { padding: 20px 18px 4px !important; }
	.dj26 .wprm-recipe-template-die-jungs_simpel .wprm-recipe-notes-container { margin: 0 18px 18px !important; }
	.dj26 .wprm-recipe-container { margin-inline: calc(-1 * var(--dj-gutter, 16px) + 6px) !important; }
}

/* Kleine Rezeptkarten in Sammlungen (Vorlage "jungs-klein") */
.dj26 .wprm-recipe-template-jungs-klein { border: 1px solid #EBE0CF !important; border-radius: 6px !important; background: #fff !important; box-shadow: none !important; overflow: hidden; }
.dj26 .wprm-recipe-template-jungs-klein .wprm-recipe-name, .dj26 .wprm-recipe-template-jungs-klein .wprm-recipe-name a { font-family: var(--dj-head, Archivo, sans-serif) !important; font-weight: 800 !important; color: #183138 !important; text-decoration: none !important; }
.dj26 .wprm-recipe-template-jungs-klein a.wprm-recipe-link { border-radius: 999px !important; }

/* Portionen-Feld im dunklen Rezeptkopf lesbar machen */
.wprm-recipe input.wprm-recipe-servings { background: transparent !important; color: var(--dj-creme, #F6EFE4) !important; -webkit-text-fill-color: var(--dj-creme, #F6EFE4); font-weight: 700; font-size: 17px !important; text-align: center; border-color: rgba(246, 239, 228, .55) !important; opacity: 1; }
.wprm-recipe input.wprm-recipe-servings:focus { outline: 2px solid var(--dj-koralle, #E28867); outline-offset: 1px; }
