/* G Power – Ratgeber-Einzelbeitrag (#top.single-post). Geladen nach style.css (inc/gp-design.php). */
/* Leseerlebnis 60+: Grundschrift 18 px / 1.7, Lesespalte 720 px (ca. 70 Zeichen), maßvolle Überschriften. */

/*--- RATGEBER: Einzelbeitrag ---*/

/* Lesespalte: Enfold setzt 800 px + Kinder 40em; hier eine ruhige Spalte für alles */
#top.single-post .fullsize .template-blog .post .entry-content-wrapper {max-width: 720px; text-align: left; font-size: 18px; line-height: 1.7;}
#top.single-post .fullsize .template-blog .post .entry-content-wrapper > * {max-width: none;}
#top.single-post .av-vertical-delimiter {display: none;}

/* Kopf: Dachzeile, Titel */
#top.single-post .post-entry .entry-content-header {margin-bottom: 32px; text-align: left;}
#top.single-post .post-entry .av-heading-wrapper {text-align: left;}
#top.single-post .post-entry .blog-categories {display: block; margin: 0 0 16px; font-size: 14px; font-weight: 600; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; text-align: left;}
#top.single-post .post-entry .blog-categories::before {content: ""; display: inline-block; width: 32px; height: 2px; margin: -3px 14px 0 0; background: var(--secondary); vertical-align: middle;}
#top.single-post .blog-categories a {color: var(--grey); text-decoration: none;}
#top.single-post .fullsize .template-blog .post-entry h1.post-title {max-width: none; margin: 0; padding: 0; font-size: 38px; line-height: 1.18; letter-spacing: -0.02em !important; text-align: left; text-wrap: balance;}
#top.single-post .post-entry h1.post-title:hover {opacity: 1;}

/* Beitragsbild */
#top.single-post .fullsize .template-blog .big-preview {margin: 0 0 36px; padding: 0;}
#top.single-post .big-preview a {border-radius: var(--radius-small); overflow: hidden;}
#top.single-post .fullsize .template-blog .big-preview img {display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; border-radius: var(--radius-small);}

/* Fließtext */
#top.single-post .entry-content {text-align: left;}
#top.single-post .entry-content p,
#top.single-post .entry-content li {font-size: 18px; line-height: 1.7; text-align: left;}
#top.single-post .entry-content p {margin: 0 0 22px;}
#top.single-post .entry-content strong {font-weight: 600;}
#top.single-post .entry-content sup {position: relative; top: -0.5em; margin-left: 1px; font-size: 0.68em; line-height: 0; vertical-align: baseline; color: var(--grey);}

/* Links im Text deutlich erkennbar */
#top.single-post .entry-content p a:not(.content-link),
#top.single-post .entry-content li a:not(.content-link) {color: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: var(--secondary); text-decoration-thickness: 2px; text-underline-offset: 4px; word-break: break-word;}
#top.single-post .entry-content p a:not(.content-link):hover,
#top.single-post .entry-content li a:not(.content-link):hover,
#top.single-post .entry-content p a:not(.content-link):focus,
#top.single-post .entry-content li a:not(.content-link):focus {text-decoration-color: currentcolor;}

/* Stand-Zeile oben, Hinweis unten */
#top.single-post .entry-content p.small {font-size: 15px !important; line-height: 1.5 !important;}
#top.single-post .entry-content > p.small.grey:first-child {margin: 0 0 12px;}
#top.single-post .entry-content ol.sources + p.small.grey {margin: 28px 0 0;}

/* Leitfrage */
#top.single-post .entry-content p.hl-xs {margin: 0 0 28px; font-size: 21px; line-height: 1.5; color: var(--grey);}

/* Zwischenüberschriften */
#top.single-post .entry-content h2 {margin: 52px 0 14px; font-size: 25px; line-height: 1.3; letter-spacing: -0.015em !important; text-wrap: balance;}
#top.single-post .entry-content h3 {margin: 36px 0 10px; font-size: 20px; line-height: 1.35; letter-spacing: -0.01em !important;}
#top.single-post .entry-content h2 + p,
#top.single-post .entry-content h3 + p {margin-top: 0;}

/* Kasten „Kurz gesagt" */
#top.single-post .entry-content .info-row {display: block; margin: 0 0 36px; padding: 24px 28px; border-left: 4px solid var(--secondary); border-radius: var(--radius-small); background: var(--default);}
#top.single-post .entry-content .info-row p {margin: 0; line-height: 1.65;}

/* Haken-Listen */
#top.single-post .entry-content ul.no-list.check {margin: 0 0 26px; padding: 0;}
#top.single-post .entry-content ul.no-list.check li {margin: 0 0 16px; padding-left: 36px;}
#top.single-post .entry-content ul.no-list.check li:last-child {margin-bottom: 0;}
#top.single-post .entry-content ul.no-list.check li::before {top: 0.35em;}

/* Quellen */
#top.single-post .entry-content h2:has(+ ol.sources) {margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); font-size: 20px;}
#top.single-post .entry-content ol.sources {margin: 0 0 0 1.3em; padding: 0;}
#top.single-post .entry-content ol.sources li {margin-bottom: 10px; padding-left: 4px; font-size: 15px; line-height: 1.55; color: var(--grey); word-break: break-word;}
#top.single-post .entry-content ol.sources li::marker {color: var(--grey);}
#top.single-post .entry-content ol.sources a {color: var(--grey); text-decoration: underline; text-decoration-color: var(--light-grey); text-underline-offset: 3px;}
#top.single-post .entry-content ol.sources a:hover {color: var(--black); text-decoration-color: currentcolor;}

/* Enfold-Reste ausblenden */
#top.single-post .post-meta-infos,
#top.single-post .blog-tags,
#top.single-post .related_posts,
#top.single-post .av-social-sharing-box {display: none !important;}

/* Weiterlesen */
#top.single-post .ratgeber-weiter {margin-top: 64px; padding-top: 44px; border-top: 1px solid var(--line);}
#top.single-post .entry-content .ratgeber-weiter h2 {margin: 0; font-size: 25px;}
#top.single-post .ratgeber-weiter .cards.grid {margin-top: 24px; gap: 24px;}
#top.single-post .ratgeber-weiter .card > img {height: 180px;}
#top.single-post .ratgeber-weiter .card .content {gap: 10px; padding: 22px 24px 26px;}
#top.single-post .ratgeber-weiter .card .subline {font-size: 14px;}
#top.single-post .ratgeber-weiter .card h3 {margin: 0; font-size: 19px; line-height: 1.35; letter-spacing: -0.01em !important;}
#top.single-post .entry-content .ratgeber-weiter .info-row {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 32px; margin: 28px 0 0; padding: 22px 28px; border-left: 0; border-radius: var(--radius-small);}
#top.single-post .ratgeber-weiter .info-row .tel > a {font-size: 22px;}
#top.single-post .ratgeber-weiter .info-row .tel > a::before {width: 22px; height: 22px;}
#top.single-post .entry-content .ratgeber-weiter > p:last-child {margin: 24px 0 0;}

@media only screen and (max-width: 767px) {
	.responsive #top.single-post .fullsize .template-blog .post-entry h1.post-title {font-size: 28px; line-height: 1.2;}
	.responsive #top.single-post .post-entry .blog-categories {font-size: 13px;}
	.responsive #top.single-post .post-entry .entry-content-header {margin-bottom: 24px;}
	.responsive #top.single-post .fullsize .template-blog .big-preview {margin-bottom: 28px;}
	.responsive #top.single-post .fullsize .template-blog .big-preview img {aspect-ratio: 16 / 10;}
	.responsive #top.single-post .entry-content h2 {margin-top: 40px; font-size: 22px;}
	.responsive #top.single-post .entry-content h2:has(+ ol.sources) {margin-top: 44px; font-size: 19px;}
	.responsive #top.single-post .entry-content p.hl-xs {font-size: 19px; margin-bottom: 24px;}
	.responsive #top.single-post .entry-content .info-row {padding: 20px 20px 20px 22px;}
	.responsive #top.single-post .entry-content ul.no-list.check li {padding-left: 32px;}
	.responsive #top.single-post .ratgeber-weiter {margin-top: 52px; padding-top: 36px;}
	.responsive #top.single-post .entry-content .ratgeber-weiter h2 {font-size: 22px;}
	.responsive #top.single-post .ratgeber-weiter .card > img {height: 170px;}
	.responsive #top.single-post .entry-content .ratgeber-weiter .info-row {flex-direction: column; align-items: flex-start; padding: 20px 22px;}
	.responsive #top.single-post .ratgeber-weiter .info-row .tel > a {font-size: 22px;}
}
