/* Ratgeber (Theme 0.7.3): Aufteilung wie in der alten Version (Text links,
   Seitenleiste rechts), Gestaltung wie die Produktseiten. Die Klassen rg-*
   stehen in den Beitraegen selbst (aus der Kubio-Zeit). */

/* Kopf */
.ev-r-kopf{padding:40px 0 48px}
.ev-r-kopf .ev-p-titel{max-width:22ch}
.ev-r-kopf .ev-p-lead{max-width:62ch}
.ev-r-meta{margin:18px 0 0;font-size:15px;color:var(--text2)}
.ev-r-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Doppeltes aus dem Beitrag ausblenden: Brotkruemel (steht schon unter dem
   Kopf) und der alte Bewertungsabschnitt (das Theme zeigt eigene). */
.ev-r-inhalt .rank-math-breadcrumb,.ev-r-inhalt #bewertungen{display:none!important}

/* Rahmen */
.ev-r-inhalt>.rg-wrap,.rg-wrap{max-width:1200px!important;margin:0 auto!important;padding:48px 24px 72px;box-sizing:border-box;color:var(--tinte)}
.rg-cols{max-width:none!important}
.rg-cols>.wp-block-group__inner-container,.ev-r-inhalt .rg-cols,.ev-r-archiv .rg-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.rg-main{min-width:0;max-width:none!important}
/* Abstaende der WordPress-Fluss-Darstellung nicht zwischen die Spalten */
.ev-r-inhalt .rg-cols>*{margin-block-start:0!important}

/* Text */
.ev-r-inhalt .rg-main h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;font-weight:900;color:var(--tinte);margin:48px 0 14px;scroll-margin-top:120px}
.ev-r-inhalt .rg-main h2:first-child{margin-top:0}
.ev-r-inhalt .rg-main h3{font-size:20px;line-height:1.3;font-weight:800;margin:28px 0 10px}
.ev-r-inhalt .rg-main p,.ev-r-inhalt .rg-main li{font-size:17px;line-height:1.7}
.ev-r-inhalt .rg-main p{margin:0 0 16px}
.ev-r-inhalt .rg-main ul,.ev-r-inhalt .rg-main ol{margin:0 0 18px;padding-left:22px}
.ev-r-inhalt .rg-main a{font-weight:800;color:var(--tinte);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--orange)}
.ev-r-inhalt .rg-main p.rg-lead{font-size:19px;padding:0 0 22px;margin:0 0 30px;border-bottom:1px solid var(--linie)}

/* Das Wichtigste in Kuerze */
.ev-r-inhalt .rg-main .rg-short{background:var(--orange-hell);border-left:4px solid var(--orange);border-radius:14px;padding:20px 24px;margin:4px 0 30px}
.ev-r-inhalt .rg-main .rg-short-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 8px}
.ev-r-inhalt .rg-main .rg-short-k{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8f4309;margin:0}
.ev-r-inhalt .rg-main .rg-short-time{font-size:13px;color:var(--text2);margin:0}
.ev-r-inhalt .rg-main .rg-short-txt{margin:0}

/* Bilder und Tabellen */
.rg-figure{margin:30px 0 34px}
.rg-figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.rg-figure figcaption{font-size:14px;line-height:1.5;color:var(--text2);margin-top:10px}
.ev-r-inhalt .rg-main .rg-table-wrap,.ev-r-inhalt .rg-main .rg-tablewrap{overflow-x:auto;margin:8px 0 24px;border:1px solid var(--linie);border-radius:14px}
.ev-r-inhalt .rg-main .rg-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.ev-r-inhalt .rg-main .rg-table th{background:var(--papier);color:var(--tinte);text-align:left;padding:12px 16px;font-weight:800}
.ev-r-inhalt .rg-main .rg-table td{padding:11px 16px;border-top:1px solid var(--linie)}

/* Fragen (Theme 0.9.33, Nutzer 2026-10-19 "die Darstellung der FAQ gefaellt mir noch nicht"): weisse Karten mit
   dem runden Plus-Knopf wie im Fragenbereich der Seiten (theme.css .ev-faq), statt Liste mit Textzeichen "+". */
.rg-faq{display:grid;gap:12px;margin:8px 0 0}
.rg-faq details,.ev-r-inhalt .rg-main details.wp-block-details{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:0 22px;margin:0}
.rg-faq details[open]{border-color:rgba(241,124,32,.45)}
.rg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:800;font-size:17px;line-height:1.35}
.rg-faq summary::-webkit-details-marker{display:none}
.rg-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--papier) no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%232b2d42' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .2s}
.rg-faq details[open] summary::after{transform:rotate(45deg);background-color:#fde3cc}
.rg-faq summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.rg-faq details p,.ev-r-inhalt .rg-main .rg-faq details p{margin:0;padding:0 46px 20px 0;color:var(--text2)}
.rg-faq details p+p,.ev-r-inhalt .rg-main .rg-faq details p+p{margin-top:-8px}
@media(max-width:600px){.rg-faq details{padding:0 16px}.rg-faq summary{font-size:16px;padding:16px 0}.rg-faq details p{padding-right:0}}

/* Autor */
.ev-r-inhalt .rg-main .rg-author{margin:48px 0 8px;padding:22px 24px;border-radius:14px;background:var(--papier)}
.ev-r-inhalt .rg-main .rg-author p{margin:0 0 6px;font-size:15px;line-height:1.6}
.ev-r-inhalt .rg-main .rg-author .rg-author-name{font-weight:800;font-size:16px}
.ev-r-inhalt .rg-main .rg-author-date{gap:6px;margin:0}
.ev-r-inhalt .rg-main .rg-author-date p,.ev-r-inhalt .rg-main .rg-author-date .wp-block-post-date{margin:0;font-size:14px;color:var(--text2)}

/* Seitenleiste */
.rg-sticky{position:sticky;top:120px;display:flex;flex-direction:column;gap:20px}
.rg-card{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:22px 24px}
.rg-card-title{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin:0 0 8px}
.rg-card ul{list-style:none;margin:0;padding:0}
.rg-card li{margin:0;padding:10px 0;border-bottom:1px solid var(--linie);font-size:15px;line-height:1.45}
.rg-card li:last-child{border-bottom:0;padding-bottom:0}
.rg-card li a{color:var(--tinte);font-weight:700;text-decoration:none}
.rg-card li a:hover,.rg-card li a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.rg-product{padding:0;overflow:hidden}
.rg-product img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.rg-pbody{padding:20px 24px 24px}
.rg-product h3{font-size:21px;font-weight:900;margin:2px 0 8px;color:var(--tinte)}
.rg-product p{font-size:15px;line-height:1.6;color:var(--text2);margin:0 0 10px}
.rg-product ul{margin:0 0 12px}
.rg-product li{font-size:14px;padding:4px 0 4px 20px;position:relative;border:0}
.rg-product li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.rg-price{font-size:15px;color:var(--text2);margin:6px 0 16px}
.rg-price strong{font-size:22px;font-weight:900;color:var(--tinte)}
.rg-btn{display:block;text-align:center;background:var(--tinte);color:#fff!important;border-radius:var(--r-knopf);padding:13px 20px;font-weight:800;font-size:15px;text-decoration:none!important;box-shadow:0 3px 0 #11121d}
.rg-btn:hover{background:#3a3d57}
.rg-help p{font-size:15px;line-height:1.6;margin:0}
.rg-help a{font-weight:800;color:var(--tinte);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}

/* Uebersicht und Themen */
.ev-r-archiv .rg-short{background:var(--papier);border-left:4px solid var(--orange);border-radius:14px;padding:20px 24px;margin:4px 0 30px}
.ev-r-archiv .rg-short-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 8px}
.ev-r-archiv .rg-short-k{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8f4309;margin:0}
.ev-r-archiv .rg-short-time{font-size:13px;color:var(--text2);margin:0}
.ev-r-archiv .rg-short-txt{margin:0}
.ev-r-archiv{padding-top:48px}
.ev-r-archiv .rg-main .ev-p-ratgeber-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.ev-r-archiv .ev-p-ratgeber-liste a{background:var(--papier)}
.ev-r-archiv .rg-main a{text-decoration:none}
.ev-r-archiv .rg-main .ev-p-ratgeber-liste a{font-weight:400}
.ev-r-archiv .ev-p-ratgeber-kopf a{text-decoration:underline}
.ev-r-thema{margin-bottom:56px}
.ev-r-thema:last-child{margin-bottom:0}
.ev-r-highlight{margin:0 0 56px!important}
.ev-r-highlight h2{margin:6px 0 8px!important;font-size:24px}
.ev-r-highlight .ev-btn{margin-top:16px}

@media(max-width:980px){
.rg-cols>.wp-block-group__inner-container,.ev-r-inhalt .rg-cols,.ev-r-archiv .rg-cols{grid-template-columns:1fr;gap:40px}
.rg-sticky{position:static}
.rg-toc{display:none}
}
@media(max-width:767px){
.ev-r-kopf{padding:24px 0 36px}
.rg-wrap{padding:32px 16px 48px}
.ev-r-archiv .rg-main .ev-p-ratgeber-liste{grid-template-columns:1fr}
.ev-r-knoepfe .ev-btn{flex:1 1 auto;text-align:center}
}