/*
Theme Name: Preis-Guru
Theme URI: https://preis-guru.de/
Author: Preis-Guru
Description: Eigenes WordPress-Theme für Preis-Guru.de – Rechner, Ratgeber, Vergleiche und Kaufberater.
Version: 1.0.38
Text Domain: preis-guru
*/

:root{
  --pg-blue:#075fae;
  --pg-blue-2:#0a78cf;
  --pg-navy:#132238;
  --pg-orange:#ff9418;
  --pg-bg:#f4f7fb;
  --pg-card:#ffffff;
  --pg-text:#152238;
  --pg-muted:#68768a;
  --pg-border:#e4eaf2;
  --pg-radius:20px;
  --pg-shadow:0 18px 50px rgba(25,48,83,.08);
  --pg-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--pg-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--pg-blue);text-decoration:none}
a:hover{color:var(--pg-blue-2)}
img{max-width:100%;height:auto}
.pg-shell{width:min(calc(100% - 36px),var(--pg-max));margin:auto}
.pg-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--pg-border)}
.pg-header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:78px}
.pg-brand{display:flex;align-items:center;gap:12px;color:var(--pg-navy);font-weight:900;font-size:20px}
.pg-brand img{width:58px;height:58px;object-fit:contain}
.pg-brand-text{line-height:1}.pg-brand-text small{display:block;margin-top:5px;color:var(--pg-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pg-nav{display:flex;align-items:center;gap:25px;font-weight:700;font-size:14px}
.pg-nav a{color:var(--pg-navy)}
.pg-nav a:hover{color:var(--pg-blue)}
.pg-nav a.pg-nav-offer{color:#f06d00;font-weight:900}
.pg-nav a.pg-nav-offer:hover{color:#ff8a1a}
.pg-header-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:12px;background:var(--pg-blue);color:#fff!important}
.pg-menu-toggle{display:none;border:1px solid var(--pg-border);background:#fff;border-radius:10px;padding:9px 11px;font-size:18px}

.pg-hero{overflow:hidden;background:
 radial-gradient(circle at 88% 30%,rgba(255,148,24,.16),transparent 28%),
 radial-gradient(circle at 20% 15%,rgba(10,120,207,.10),transparent 25%),
 linear-gradient(180deg,#f8fbff 0%,#fff 100%);padding:72px 0 55px}
.pg-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px}
.pg-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#eef6ff;color:var(--pg-blue);border-radius:999px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.pg-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 18px;color:var(--pg-navy)}
.pg-hero h1 span{color:var(--pg-blue)}
.pg-hero-copy{max-width:720px;font-size:19px;color:var(--pg-muted)}
.pg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:12px;font-weight:800}
.pg-btn-primary{background:var(--pg-blue);color:#fff}
.pg-btn-primary:hover{background:var(--pg-blue-2);color:#fff}
.pg-btn-light{background:#fff;border:1px solid var(--pg-border);color:var(--pg-navy)}
.pg-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:var(--pg-muted);font-size:13px;font-weight:700}
.pg-trust span:before{content:"✓";color:var(--pg-blue);margin-right:6px}
.pg-hero-visual{position:relative;text-align:center}
.pg-hero-visual img{max-width:430px;width:100%;filter:drop-shadow(0 24px 35px rgba(18,46,82,.13))}
.pg-mini-result{position:absolute;left:0;bottom:25px;text-align:left;background:#fff;border:1px solid var(--pg-border);box-shadow:var(--pg-shadow);border-radius:16px;padding:15px 17px;min-width:210px}
.pg-mini-result small{display:block;color:var(--pg-muted)}
.pg-mini-result strong{display:block;color:var(--pg-blue);font-size:25px}

.pg-section{padding:68px 0}
.pg-section-soft{background:var(--pg-bg)}
.pg-section-head{max-width:760px;margin-bottom:28px}
.pg-section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.03em;margin:0 0 10px;color:var(--pg-navy)}
.pg-section-head p{margin:0;color:var(--pg-muted);font-size:17px}
.pg-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pg-category-card{display:block;padding:22px;background:#fff;border:1px solid var(--pg-border);border-radius:18px;box-shadow:0 8px 28px rgba(30,58,96,.04);color:var(--pg-text);transition:.18s transform,.18s box-shadow}
.pg-category-card:hover{transform:translateY(-3px);box-shadow:var(--pg-shadow);color:var(--pg-text)}
.pg-category-card strong{display:block;font-size:18px;color:var(--pg-navy)}
.pg-category-card span{display:block;color:var(--pg-muted);margin-top:5px}
.pg-category-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;border-radius:12px;background:#eef5ff;color:var(--pg-blue);font-weight:900}

.pg-principle{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}
.pg-principle-box{padding:28px;background:var(--pg-navy);color:#fff;border-radius:24px;box-shadow:var(--pg-shadow)}
.pg-principle-box .old-price{font-size:20px;color:#b7c1cf;text-decoration:line-through}
.pg-principle-box .real-price{font-size:50px;font-weight:900;color:#fff;line-height:1}
.pg-principle-box ul{margin:22px 0 0;padding-left:20px;color:#dfe7f0}

.pg-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-article-card{background:#fff;border:1px solid var(--pg-border);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(30,58,96,.04)}
.pg-article-card .pg-card-meta{font-size:12px;font-weight:800;color:var(--pg-blue);text-transform:uppercase;letter-spacing:.06em}
.pg-article-card h3{margin:8px 0 9px;font-size:21px;line-height:1.25}
.pg-article-card p{color:var(--pg-muted);margin:0 0 15px}
.pg-more{font-weight:800}

.pg-page-hero{padding:52px 0 34px;background:linear-gradient(180deg,#f7faff,#fff)}
.pg-page-hero h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;line-height:1.05;margin:0 0 12px}
.pg-page-hero p{max-width:760px;color:var(--pg-muted);font-size:18px}
.pg-content-wrap{width:min(calc(100% - 36px),880px);margin:45px auto 70px}
.pg-content-wrap h2{font-size:32px;line-height:1.2;margin-top:44px}
.pg-content-wrap h3{font-size:23px;margin-top:30px}
.pg-content-wrap table{width:100%;border-collapse:collapse;margin:25px 0}
.pg-content-wrap th,.pg-content-wrap td{padding:12px;border-bottom:1px solid var(--pg-border);text-align:left}
.pg-content-wrap th{background:#f5f8fc}
.pg-content-wrap blockquote{margin:28px 0;padding:18px 20px;border-left:4px solid var(--pg-orange);background:#fff7ed;border-radius:0 14px 14px 0}

.pg-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0 70px}
.pg-footer{background:#101c2d;color:#d8e0eb;padding:48px 0 22px}
.pg-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px}
.pg-footer h4{color:#fff;margin-top:0}
.pg-footer a{color:#c9d5e5;display:block;margin:8px 0}
.pg-footer-brand img{width:105px}
.pg-footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#91a0b4}

@media(max-width:900px){
 .pg-nav{display:none;position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--pg-border);box-shadow:var(--pg-shadow);padding:18px;border-radius:16px;flex-direction:column;align-items:flex-start}
 .pg-nav.is-open{display:flex}.pg-menu-toggle{display:block}.pg-header-cta{display:none}
 .pg-hero-grid,.pg-principle{grid-template-columns:1fr}.pg-hero-visual{max-width:520px;margin:auto}
 .pg-category-grid,.pg-content-grid,.pg-archive-grid{grid-template-columns:repeat(2,1fr)}
 .pg-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .pg-shell{width:min(calc(100% - 24px),var(--pg-max))}
 .pg-hero{padding:48px 0 38px}.pg-hero h1{font-size:43px}.pg-hero-copy{font-size:16px}
 .pg-mini-result{position:relative;bottom:auto;margin:-20px auto 0;max-width:250px}
 .pg-category-grid,.pg-content-grid,.pg-archive-grid,.pg-footer-grid{grid-template-columns:1fr}
 .pg-section{padding:50px 0}.pg-content-wrap{width:min(calc(100% - 26px),880px)}
}


/* =========================
   Preis-Guru Theme 0.2.0
   ========================= */

.pg-section-compact{padding:52px 0}
.pg-featured-calcs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pg-calc-card{
  position:relative;display:flex;flex-direction:column;min-height:260px;padding:22px;
  background:#fff;border:1px solid var(--pg-border);border-radius:20px;
  box-shadow:0 10px 34px rgba(30,58,96,.05);color:var(--pg-text);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.pg-calc-card:hover{transform:translateY(-4px);box-shadow:var(--pg-shadow);border-color:#cbd7e8;color:var(--pg-text)}
.pg-calc-card__icon{
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:14px;background:linear-gradient(135deg,#eef6ff,#fff3e5);
  color:var(--pg-blue);font-weight:900;font-size:14px;margin-bottom:18px
}
.pg-calc-card h3{margin:0 0 9px;font-size:20px;line-height:1.22;color:var(--pg-navy)}
.pg-calc-card p{margin:0 0 20px;color:var(--pg-muted);font-size:14px}
.pg-calc-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:16px}
.pg-calc-card__meta span{
  display:inline-flex;padding:5px 8px;border-radius:999px;background:#f3f6fa;color:#637188;
  font-size:11px;font-weight:750
}
.pg-calc-card__link{font-weight:900;color:var(--pg-blue)}
.pg-calc-card__link:after{content:" →"}

.pg-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-how-card{padding:24px;background:#fff;border:1px solid var(--pg-border);border-radius:18px}
.pg-how-no{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--pg-blue);color:#fff;font-weight:900;margin-bottom:14px}
.pg-how-card h3{margin:0 0 8px;font-size:20px}.pg-how-card p{margin:0;color:var(--pg-muted)}

.pg-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-comparison-card{padding:22px;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbfe);border:1px solid var(--pg-border)}
.pg-comparison-card small{color:var(--pg-orange);font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.pg-comparison-card h3{margin:7px 0 8px;font-size:21px}.pg-comparison-card p{margin:0;color:var(--pg-muted)}

.pg-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start;width:min(calc(100% - 36px),var(--pg-max));margin:38px auto 72px}
.pg-guide-main{min-width:0}
.pg-guide-main > *:first-child{margin-top:0}
.pg-guide-main h2{font-size:31px;line-height:1.2;margin-top:42px;color:var(--pg-navy)}
.pg-guide-main h3{font-size:22px;line-height:1.25;margin-top:27px}
.pg-guide-main table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid var(--pg-border);border-radius:14px;overflow:hidden}
.pg-guide-main th,.pg-guide-main td{padding:12px 14px;border-bottom:1px solid var(--pg-border);text-align:left}
.pg-guide-main th{background:#f3f7fc;color:var(--pg-navy)}
.pg-guide-main tr:last-child td{border-bottom:0}
.pg-guide-main blockquote{margin:28px 0;padding:18px 20px;border-left:4px solid var(--pg-orange);background:#fff7ed;border-radius:0 14px 14px 0}
.pg-guide-aside{position:sticky;top:105px;display:grid;gap:16px}
.pg-guide-box{padding:18px;background:#fff;border:1px solid var(--pg-border);border-radius:16px;box-shadow:0 8px 28px rgba(30,58,96,.04)}
.pg-guide-box h3{margin:0 0 10px;font-size:16px}
.pg-guide-box p{margin:0 0 12px;color:var(--pg-muted);font-size:13px}
.pg-guide-box a{font-weight:800}
.pg-toc{display:grid;gap:8px}
.pg-toc a{font-size:13px;color:var(--pg-muted)}.pg-toc a:hover{color:var(--pg-blue)}

.pg-calculator-page-hero{padding:50px 0 24px;background:
radial-gradient(circle at 85% 20%,rgba(255,148,24,.12),transparent 26%),
linear-gradient(180deg,#f7faff,#fff)}
.pg-calculator-page-hero .pg-shell{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.pg-calculator-page-hero h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 12px}
.pg-calculator-page-hero p{max-width:760px;color:var(--pg-muted);font-size:17px;margin:0}
.pg-calculator-badge{padding:10px 13px;border-radius:12px;background:#eef6ff;color:var(--pg-blue);font-size:12px;font-weight:850}
.pg-calculator-page{padding:15px 0 70px}
.pg-calculator-intro{max-width:820px;margin:0 auto 20px;color:var(--pg-muted)}
.pg-calculator-after{max-width:920px;margin:34px auto 0;padding:20px;border:1px solid var(--pg-border);border-radius:16px;background:#fff}
.pg-calculator-after h2{margin-top:0}

.pg-ratgeber-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pg-reading-note{display:inline-flex;align-items:center;gap:6px;color:var(--pg-muted);font-size:12px;font-weight:700}

.pg-footer{margin-top:0}

@media(max-width:1100px){
 .pg-featured-calcs{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 .pg-guide-layout{grid-template-columns:1fr}
 .pg-guide-aside{position:static;grid-template-columns:1fr 1fr}
 .pg-comparison-grid,.pg-how{grid-template-columns:1fr 1fr}
 .pg-calculator-page-hero .pg-shell{grid-template-columns:1fr}
}
@media(max-width:700px){
 .pg-featured-calcs,.pg-comparison-grid,.pg-how{grid-template-columns:1fr}
 .pg-guide-aside{grid-template-columns:1fr}
 .pg-calc-card{min-height:auto}
}


/* =========================
   Preis-Guru Theme 0.3.0
   Design-Korrektur
   ========================= */

/* Startseite: Rechner luftiger und hochwertiger */
.pg-featured-calcs{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px
}
.pg-calc-card{
  min-height:290px;
  padding:24px;
  border-radius:22px;
  overflow:hidden;
}
.pg-calc-card:nth-child(1){grid-column:span 2}
.pg-calc-card:nth-child(2){grid-column:span 2}
.pg-calc-card:nth-child(3){grid-column:span 2}
.pg-calc-card:nth-child(4){grid-column:span 3}
.pg-calc-card:nth-child(5){grid-column:span 3}

.pg-calc-card__icon{
  width:54px;height:54px;
  border-radius:16px;
  font-size:13px;
  background:
    linear-gradient(135deg,rgba(7,95,174,.12),rgba(255,148,24,.12));
}
.pg-calc-card h3{font-size:22px}
.pg-calc-card p{font-size:15px;line-height:1.55}
.pg-calc-card__link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:9px 12px;
  border-radius:10px;
  background:#eef5ff;
  color:var(--pg-blue);
}
.pg-calc-card:hover .pg-calc-card__link{
  background:var(--pg-blue);
  color:#fff
}

/* Startseite insgesamt weniger gedrängt */
.pg-section{padding:60px 0}
.pg-section-compact{padding:46px 0}
.pg-section-head{margin-bottom:24px}
.pg-category-grid{gap:18px}
.pg-category-card{padding:24px}

/* Hero ruhiger und hochwertiger */
.pg-hero{padding:68px 0 50px}
.pg-hero-grid{gap:56px}
.pg-hero h1{max-width:700px}
.pg-hero-copy{max-width:650px}
.pg-mini-result{
  min-width:230px;
  padding:16px 18px;
  border-radius:18px
}

/* Ratgeber wieder einspaltig */
.pg-guide-layout{
  display:block;
  width:min(calc(100% - 36px),900px);
  margin:40px auto 76px;
}
.pg-guide-main{
  width:100%;
}
.pg-guide-aside{
  position:static;
  display:block;
  margin-bottom:26px;
}
.pg-guide-aside .pg-guide-box{
  margin-bottom:16px;
}
.pg-guide-aside .pg-guide-box:not(:first-child){
  display:none;
}

/* Inhaltsverzeichnis als kompakte Box */
.pg-guide-box{
  padding:18px 20px;
  border-radius:16px;
  background:#f7faff;
  box-shadow:none;
}
.pg-guide-box h3{
  font-size:15px;
  margin-bottom:10px
}
.pg-toc{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 16px;
}
.pg-toc a{
  font-size:13px;
  color:#536278;
}
.pg-toc a::before{
  content:"→";
  margin-right:6px;
  color:var(--pg-orange);
}

/* Ratgeber bessere Typografie */
.pg-guide-main{
  font-size:17px;
}
.pg-guide-main p{
  margin:0 0 18px;
}
.pg-guide-main ul{
  margin:0 0 24px;
  padding-left:22px;
}
.pg-guide-main li{
  margin-bottom:7px;
}
.pg-guide-main h2{
  font-size:30px;
  margin-top:46px;
  margin-bottom:16px;
}
.pg-guide-main h3{
  font-size:21px;
  margin-top:28px;
  margin-bottom:10px;
}
.pg-guide-main table{
  margin:26px 0 34px;
  box-shadow:0 10px 28px rgba(30,58,96,.04)
}
.pg-guide-main th{
  font-weight:850;
}
.pg-guide-main td:last-child,
.pg-guide-main th:last-child{
  text-align:right;
}

/* Rechner im Ratgeber als eigener Bereich */
.pg-guide-main .pg-calculator{
  margin-top:34px;
  margin-bottom:34px;
  padding:28px;
  border:1px solid var(--pg-border);
  border-radius:24px;
  background:#f7faff;
}
.pg-guide-main .pg-calculator__head{
  margin-bottom:18px;
}
.pg-guide-main .pg-calculator__head h2{
  margin-top:6px;
  font-size:30px;
}

/* Ratgeber-Intro */
.pg-ratgeber-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
.pg-ratgeber-meta span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#f2f6fb;
  color:#657389;
  font-size:12px;
  font-weight:750;
}

/* CTA im Ratgeber */
.pg-guide-cta{
  margin:28px 0;
  padding:22px;
  border:1px solid #dbe5f2;
  border-radius:18px;
  background:linear-gradient(135deg,#f5f9ff,#fff8ef);
}
.pg-guide-cta h3{
  margin:0 0 8px;
}
.pg-guide-cta p{
  margin:0 0 14px;
  color:var(--pg-muted);
}

/* Vergleich / How-To klarer */
.pg-comparison-card,
.pg-how-card{
  min-height:180px;
  box-shadow:0 8px 28px rgba(30,58,96,.04)
}
.pg-comparison-card:hover,
.pg-how-card:hover{
  box-shadow:var(--pg-shadow)
}

/* Footer hochwertiger */
.pg-footer{
  padding:54px 0 24px;
  background:
    radial-gradient(circle at 15% 15%,rgba(7,95,174,.15),transparent 24%),
    #0f1b2c;
}
.pg-footer-brand p{
  max-width:280px;
  color:#a9b7c9;
}
.pg-footer h4{
  font-size:15px;
  margin-bottom:14px
}
.pg-footer a{
  font-size:14px
}

/* Archivkarten etwas klarer */
.pg-archive-grid{
  gap:20px;
}
.pg-article-card{
  border-radius:20px;
  padding:24px;
}
.pg-article-card h3{
  font-size:22px
}

/* Rechner-Einzelseiten */
.pg-calculator-page{
  padding-top:28px
}
.pg-calculator-page .pg-calculator{
  margin-top:0
}

/* Mobile */
@media(max-width:1100px){
  .pg-featured-calcs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-calc-card:nth-child(n){grid-column:span 1}
}
@media(max-width:760px){
  .pg-featured-calcs{grid-template-columns:1fr}
  .pg-toc{grid-template-columns:1fr}
  .pg-guide-layout{width:min(calc(100% - 26px),900px)}
  .pg-guide-main{font-size:16px}
  .pg-guide-main h2{font-size:27px}
  .pg-guide-main .pg-calculator{
    padding:14px;
    margin-left:-4px;
    margin-right:-4px
  }
}


/* =========================
   Preis-Guru Theme 0.4.0
   Rechner-Seiten sichtbar
   ========================= */

.pg-calculator-live-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  padding:10px 12px;
  border:1px solid #dce6f3;
  border-radius:12px;
  background:#f7faff;
  color:#5d6b7f;
  font-size:13px;
  font-weight:700;
}
.pg-calculator-live-note:before{
  content:"✓";
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e8f3ff;
  color:var(--pg-blue);
  font-weight:900;
}
.pg-calculator-missing{
  padding:22px;
  border:1px solid #f0d7bd;
  border-radius:16px;
  background:#fff8ef;
}
.pg-calculator-missing strong{display:block;margin-bottom:6px}
.pg-calculator-missing p{margin:0;color:var(--pg-muted)}

.pg-rechner-demo{
  margin-top:34px;
}
.pg-rechner-demo h2{
  font-size:30px;
  margin:0 0 10px;
}
.pg-rechner-demo p{
  color:var(--pg-muted);
  margin:0 0 20px;
}
.pg-rechner-demo-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pg-rechner-demo-links a{
  display:inline-flex;
  padding:10px 13px;
  border-radius:10px;
  border:1px solid var(--pg-border);
  background:#fff;
  color:var(--pg-navy);
  font-weight:800;
}
.pg-rechner-demo-links a:hover{
  border-color:#b8c7dc;
  color:var(--pg-blue);
}


/* Preis-Guru Theme 0.5.0 – Rechner Design */
.pg-calculator-page{background:linear-gradient(180deg,#fff 0,#f7f9fc 42%,#fff 100%)}
.pg-calculator-page .pg-calculator{max-width:1180px;margin:0 auto}
.pg-calculator-page .pg-calculator__head{
  padding:22px 24px;margin-bottom:20px;border:1px solid var(--pg-border);border-radius:20px;
  background:radial-gradient(circle at 88% 20%,rgba(255,148,24,.10),transparent 28%),linear-gradient(180deg,#fff,#f9fbfe)
}
.pg-calculator-page .pg-calculator__head h2{margin:6px 0 8px;font-size:32px;color:var(--pg-navy)}
.pg-calculator-page .pg-calculator__grid{gap:22px}
.pg-calculator-page .pg-calculator__form{
  padding:22px;background:#fff;border:1px solid var(--pg-border);box-shadow:0 14px 40px rgba(35,55,95,.05)
}
.pg-calculator-page .pg-field-group{
  padding:18px;border:1px solid #e8edf4;border-radius:16px;background:#fbfcfe
}
.pg-calculator-page .pg-field-group + .pg-field-group{margin-top:16px;padding-top:18px;border-top:1px solid #e8edf4}
.pg-calculator-page .pg-field-group h3{margin-bottom:14px;color:var(--pg-navy)}
.pg-calculator-page .pg-field{margin-bottom:14px}
.pg-calculator-page .pg-label-row{font-size:14px}
.pg-calculator-page .pg-input-wrap{
  min-height:50px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease
}
.pg-calculator-page .pg-input-wrap:hover{border-color:#c8d4e5}
.pg-calculator-page .pg-input-wrap:focus-within{border-color:var(--pg-blue);box-shadow:0 0 0 4px rgba(7,95,174,.08)}
.pg-calculator-page .pg-input-wrap input{font-size:16px;font-weight:650}
.pg-calculator-page .pg-input-wrap > span{background:#f4f7fb;color:#637188;font-weight:700}
.pg-calculator-page .pg-help{width:23px;height:23px;background:#edf5ff;border-color:#cadcf1}
.pg-calculator-page .pg-button--primary{min-height:54px;margin-top:18px;border-radius:13px;font-size:15px;box-shadow:0 10px 24px rgba(7,95,174,.18)}
.pg-calculator-page .pg-calculator__result{
  padding:22px;border:1px solid #dfe7f1;border-radius:20px;
  background:radial-gradient(circle at 100% 0,rgba(255,148,24,.12),transparent 24%),linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 18px 44px rgba(35,55,95,.08)
}
.pg-calculator-page .pg-result-label{margin-bottom:5px;color:#69788d;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.pg-calculator-page .pg-result-main{margin:4px 0 16px;padding:15px 0 18px}
.pg-calculator-page .pg-result-main strong{font-size:clamp(38px,5vw,56px);letter-spacing:-.04em}
.pg-calculator-page .pg-result-main span{font-size:13px;font-weight:700}
.pg-calculator-page .pg-result-cards{grid-template-columns:repeat(3,1fr);gap:9px}
.pg-calculator-page .pg-result-cards > div{min-height:84px;padding:12px;border:1px solid #e5eaf1;border-radius:12px;background:#fff}
.pg-calculator-page .pg-result-cards span{min-height:30px;line-height:1.25}
.pg-calculator-page .pg-result-cards strong{font-size:17px}
.pg-calculator-page .pg-driver{padding:15px;border:1px solid #dce6f3;background:linear-gradient(135deg,#f6faff,#fff)}
.pg-calculator-page .pg-driver strong{font-size:22px}
.pg-calculator-page .pg-chart{background:#fff}
.pg-calculator-page .pg-bar-track{height:10px}
.pg-calculator-page .pg-bar-fill{background:linear-gradient(90deg,var(--pg-blue),#1d86d7,var(--pg-orange))}
.pg-calculator-page .pg-breakdown{padding:17px;border:1px solid var(--pg-border);border-radius:14px;background:#fff}
.pg-calculator-page .pg-breakdown dl > div{padding:9px 0}
.pg-calculator-page .pg-scenario{background:#fbfcff}
.pg-calculator-page .pg-scenario-grid{grid-template-columns:repeat(3,1fr)}
.pg-calculator-page .pg-scenario-grid button{min-height:58px;border-radius:11px;background:#fff;font-weight:700;text-align:center}
.pg-calculator-page .pg-scenario-grid button:hover{background:#eef5ff;transform:translateY(-1px)}
.pg-calculator-page .pg-tip{padding:16px 17px;border-left:0;border:1px solid #f3d7b4;background:linear-gradient(135deg,#fff8ef,#fff)}
.pg-calculator-page .pg-tip strong{color:#9b5608}
.pg-calculator-page .pg-related{background:#fff}
.pg-calculator-page .pg-recommendation-slot{background:linear-gradient(135deg,#fff9f2,#fff)}
.pg-calculator-breadcrumbs{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#78879a;font-size:12px;font-weight:700}
.pg-calculator-breadcrumbs a{color:#62748b}
.pg-calculator-breadcrumbs a:hover{color:var(--pg-blue)}
.pg-calculator-switcher{margin-top:38px;padding-top:30px;border-top:1px solid var(--pg-border)}
.pg-calculator-switcher h2{margin:0 0 16px;font-size:25px}
.pg-calculator-switcher-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.pg-calculator-switcher-grid a{
  display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--pg-border);
  border-radius:12px;background:#fff;color:var(--pg-navy);font-weight:800;font-size:13px
}
.pg-calculator-switcher-grid a small{color:#7a889a;font-weight:650}
.pg-calculator-switcher-grid a.is-active{border-color:#a8c6e8;background:#eef6ff;color:var(--pg-blue)}
.pg-calculator-switcher-grid a:hover{border-color:#bed0e6;transform:translateY(-1px)}
.pg-calculator-intro-card{margin-bottom:18px;padding:16px 18px;border:1px solid var(--pg-border);border-radius:14px;background:#fff}
.pg-calculator-intro-card strong{display:block;color:var(--pg-navy);margin-bottom:4px}
.pg-calculator-intro-card p{margin:0;color:var(--pg-muted);font-size:13px}
.pg-calculator-page .pg-subscription-row{background:#fff;border:1px solid #e2e8f1}
.pg-calculator-page .pg-select{min-height:50px;border-color:#dbe3ef;font-weight:650}
@media(max-width:1050px){.pg-calculator-switcher-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:840px){
  .pg-calculator-page .pg-calculator__grid{grid-template-columns:1fr}
  .pg-calculator-page .pg-calculator__result{position:static}
  .pg-calculator-page .pg-result-cards{grid-template-columns:repeat(3,1fr)}
  .pg-calculator-page .pg-scenario-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .pg-calculator-page .pg-calculator__head,.pg-calculator-page .pg-calculator__form,.pg-calculator-page .pg-calculator__result{padding:16px}
  .pg-calculator-page .pg-field-group{padding:14px}
  .pg-calculator-page .pg-result-cards{grid-template-columns:1fr}
  .pg-calculator-switcher-grid{grid-template-columns:1fr 1fr}
}


/* =========================
   Preis-Guru Theme 0.6.0
   Premium-Rechner Redesign
   ========================= */

.pg-calculator-page-hero{
  padding:44px 0 30px;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,148,24,.16),transparent 25%),
    radial-gradient(circle at 20% 0,rgba(7,95,174,.12),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.pg-calculator-page-hero .pg-shell{
  align-items:center;
}
.pg-calculator-page-hero h1{
  margin:8px 0 10px;
}
.pg-calculator-page-hero p{
  max-width:680px;
  font-size:16px;
}

.pg-calculator-page{
  padding-top:8px;
  background:
    linear-gradient(180deg,#fff 0%,#f5f8fc 24%,#f8fafc 76%,#fff 100%);
}

/* Doppelten internen Rechner-Titel optisch zurücknehmen */
.pg-calculator-page .pg-calculator__head{
  display:none;
}

.pg-calculator-intro-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  margin:0 auto 18px;
  max-width:1180px;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--pg-border);
}
.pg-calculator-intro-card:before{
  content:"i";
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#eaf4ff,#fff2df);
  color:var(--pg-blue);
  font-weight:900;
}
.pg-calculator-intro-card strong{font-size:14px}
.pg-calculator-intro-card p{font-size:12px}

.pg-calculator-page .pg-calculator__grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
  gap:26px;
  align-items:start;
}

.pg-calculator-page .pg-calculator__form{
  border-radius:24px;
  padding:18px;
  background:#fff;
  border:1px solid #e2e8f1;
  box-shadow:0 16px 44px rgba(23,52,88,.07);
}

.pg-calculator-page .pg-field-group{
  position:relative;
  padding:20px;
  border:0;
  border-radius:18px;
  background:#f8fafc;
  box-shadow:inset 0 0 0 1px #e8edf4;
}
.pg-calculator-page .pg-field-group + .pg-field-group{
  margin-top:14px;
  border-top:0;
}
.pg-calculator-page .pg-field-group h3{
  margin:0 0 16px;
  padding-left:14px;
  font-size:15px;
  letter-spacing:.01em;
}
.pg-calculator-page .pg-field-group h3:before{
  position:absolute;
  left:20px;
  width:4px;
  height:19px;
}
.pg-calculator-page .pg-field{
  margin-bottom:13px;
}
.pg-calculator-page .pg-field:last-child{
  margin-bottom:0;
}
.pg-calculator-page .pg-label-row{
  margin-bottom:6px;
  font-size:13px;
  font-weight:750;
}
.pg-calculator-page .pg-input-wrap{
  min-height:52px;
  border-radius:13px;
  border-color:#d9e1ec;
}
.pg-calculator-page .pg-input-wrap input{
  padding:13px 14px;
  font-size:16px;
  font-weight:700;
}
.pg-calculator-page .pg-input-wrap > span{
  min-width:70px;
  font-size:12px;
}
.pg-calculator-page .pg-help{
  width:22px;
  height:22px;
  font-size:12px;
}
.pg-calculator-page .pg-button--primary{
  margin-top:16px;
  min-height:56px;
  border-radius:14px;
  font-size:15px;
  font-weight:850;
  background:linear-gradient(135deg,var(--pg-blue),#0d77c8);
  box-shadow:0 12px 28px rgba(7,95,174,.24);
}
.pg-calculator-page .pg-button--primary:hover{
  background:linear-gradient(135deg,#064f92,#0c6eb9);
  transform:translateY(-1px);
}

/* Ergebnis-Karte */
.pg-calculator-page .pg-calculator__result{
  position:sticky;
  top:96px;
  border-radius:24px;
  padding:20px;
  border:1px solid #d9e4f1;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,148,24,.18),transparent 22%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 18px 50px rgba(18,48,82,.11);
}
.pg-calculator-page .pg-result-label{
  font-size:11px;
  font-weight:850;
  color:#6d7c90;
}
.pg-calculator-page .pg-result-main{
  margin:0 0 14px;
  padding:8px 0 18px;
  border-bottom:1px solid #e5ebf2;
}
.pg-calculator-page .pg-result-main strong{
  display:block;
  font-size:48px;
  line-height:1;
  color:var(--pg-blue);
  letter-spacing:-.05em;
}
.pg-calculator-page .pg-result-main span{
  display:block;
  margin-top:6px;
  color:#75849a;
  font-size:12px;
}
.pg-calculator-page .pg-result-cards{
  gap:8px;
}
.pg-calculator-page .pg-result-cards > div{
  padding:11px 10px;
  min-height:76px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 16px rgba(31,56,89,.04);
}
.pg-calculator-page .pg-result-cards span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.pg-calculator-page .pg-result-cards strong{
  margin-top:5px;
  font-size:16px;
}

/* Kostentreiber */
.pg-calculator-page .pg-driver{
  margin-top:14px;
  padding:14px 15px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#eef6ff,#fff);
  box-shadow:inset 0 0 0 1px #dce7f4;
}
.pg-calculator-page .pg-driver > span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pg-calculator-page .pg-driver strong{
  margin-top:3px;
  font-size:20px;
}

/* Kostenanteile */
.pg-calculator-page .pg-chart{
  padding:15px;
  border:1px solid #e7edf4;
  border-radius:14px;
}
.pg-calculator-page .pg-chart h3{
  margin:0 0 12px;
  font-size:14px;
}
.pg-calculator-page .pg-bar-row + .pg-bar-row{
  margin-top:10px;
}
.pg-calculator-page .pg-bar-meta{
  font-size:10px;
}
.pg-calculator-page .pg-bar-track{
  height:8px;
  background:#edf2f7;
}
.pg-calculator-page .pg-bar-fill{
  background:linear-gradient(90deg,#0c6fc3,#1b8adc,#ff9a2a);
}

/* Breakdown */
.pg-calculator-page .pg-breakdown{
  margin-top:14px;
  padding:15px;
  border-radius:14px;
}
.pg-calculator-page .pg-breakdown h3{
  font-size:14px;
}
.pg-calculator-page .pg-breakdown dl > div{
  padding:7px 0;
}
.pg-calculator-page .pg-breakdown dt{
  font-size:11px;
}
.pg-calculator-page .pg-breakdown dd{
  font-size:12px;
}

/* Szenarien */
.pg-calculator-page .pg-scenario{
  padding:15px;
}
.pg-calculator-page .pg-scenario h3{
  font-size:14px;
}
.pg-calculator-page .pg-scenario-grid{
  gap:8px;
}
.pg-calculator-page .pg-scenario-grid button{
  min-height:48px;
  padding:9px 10px;
  font-size:11px;
  border:1px solid #dfe7f2;
}
.pg-calculator-page .pg-scenario-result{
  font-size:11px;
}

/* Tipps & Ratgeber kompakter */
.pg-calculator-page .pg-tip,
.pg-calculator-page .pg-related,
.pg-calculator-page .pg-recommendation-slot{
  padding:14px;
}
.pg-calculator-page .pg-tip p,
.pg-calculator-page .pg-related,
.pg-calculator-page .pg-recommendation-slot p{
  font-size:11px;
}

/* Abschnitt unter Rechner */
.pg-calculator-switcher{
  margin-top:42px;
  padding:30px 0 8px;
}
.pg-calculator-switcher h2{
  font-size:24px;
}
.pg-calculator-switcher-grid{
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.pg-calculator-switcher-grid a{
  min-height:84px;
  justify-content:center;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(31,56,89,.04);
}

/* Seite breiter wirken lassen */
.pg-calculator-page > .pg-shell{
  width:min(calc(100% - 40px),1240px);
}

/* Mobile */
@media(max-width:900px){
  .pg-calculator-page .pg-calculator__grid{
    grid-template-columns:1fr;
  }
  .pg-calculator-page .pg-calculator__result{
    position:static;
  }
}
@media(max-width:650px){
  .pg-calculator-page > .pg-shell{
    width:min(calc(100% - 20px),1240px);
  }
  .pg-calculator-page .pg-field-group{
    padding:14px;
  }
  .pg-calculator-page .pg-result-main strong{
    font-size:40px;
  }
  .pg-calculator-switcher-grid{
    grid-template-columns:1fr;
  }
}


/* =========================
   Preis-Guru Theme 0.7.0
   Rechner Premium Feinschliff
   ========================= */

/* Header etwas präsenter */
.pg-header-inner{min-height:84px}
.pg-brand img{width:64px;height:64px}
.pg-brand{font-size:21px}
.pg-nav{gap:22px;font-size:15px}
.pg-header-cta{padding:12px 18px;border-radius:11px}

/* Rechner Hero klarer */
.pg-calculator-page-hero{
  padding:52px 0 34px;
  border-bottom:1px solid #edf1f6;
}
.pg-calculator-page-hero .pg-shell{
  grid-template-columns:minmax(0,1fr) auto;
}
.pg-calculator-page-hero h1{
  font-size:clamp(42px,5vw,62px);
  margin:10px 0 12px;
}
.pg-calculator-page-hero p{
  font-size:17px;
  line-height:1.6;
}
.pg-calculator-badge{
  padding:11px 15px;
  border-radius:999px;
  font-size:12px;
  box-shadow:0 6px 20px rgba(7,95,174,.08);
}

/* Hauptbereich deutlich größer */
.pg-calculator-page > .pg-shell{
  width:min(calc(100% - 44px),1320px);
}
.pg-calculator-page{
  padding:22px 0 76px;
}
.pg-calculator-intro-card{
  max-width:1320px;
  margin-bottom:22px;
  padding:16px 18px;
}

/* Hauptlayout */
.pg-calculator-page .pg-calculator__grid{
  grid-template-columns:minmax(0,1fr) 420px;
  gap:30px;
}

/* Formular */
.pg-calculator-page .pg-calculator__form{
  padding:22px;
  border-radius:26px;
}
.pg-calculator-page .pg-field-group{
  padding:22px;
  border-radius:20px;
}
.pg-calculator-page .pg-field-group + .pg-field-group{
  margin-top:18px;
}
.pg-calculator-page .pg-field-group h3{
  font-size:17px;
  margin-bottom:18px;
}
.pg-calculator-page .pg-label-row{
  font-size:14px;
  margin-bottom:8px;
}
.pg-calculator-page .pg-input-wrap{
  min-height:56px;
  border-radius:14px;
}
.pg-calculator-page .pg-input-wrap input{
  font-size:17px;
  padding:14px 15px;
}
.pg-calculator-page .pg-input-wrap > span{
  min-width:86px;
  font-size:13px;
}
.pg-calculator-page .pg-field small{
  font-size:12px;
  line-height:1.45;
}
.pg-calculator-page .pg-help{
  width:24px;height:24px;font-size:13px
}
.pg-calculator-page .pg-button--primary{
  min-height:58px;
  font-size:16px;
  border-radius:15px;
}

/* Ergebnis deutlich hochwertiger */
.pg-calculator-page .pg-calculator__result{
  top:104px;
  padding:24px;
  border-radius:26px;
  border:1px solid #d8e3f0;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,148,24,.20),transparent 20%),
    radial-gradient(circle at 0% 0%,rgba(7,95,174,.10),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.pg-calculator-page .pg-result-label{
  font-size:12px;
  letter-spacing:.07em;
}
.pg-calculator-page .pg-result-main{
  padding:12px 0 22px;
  margin-bottom:18px;
}
.pg-calculator-page .pg-result-main strong{
  font-size:58px;
}
.pg-calculator-page .pg-result-main span{
  font-size:13px;
}

/* Ergebnis-KPIs */
.pg-calculator-page .pg-result-cards{
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pg-calculator-page .pg-result-cards > div{
  min-height:94px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.92);
}
.pg-calculator-page .pg-result-cards > div:last-child:nth-child(odd){
  grid-column:1 / -1;
}
.pg-calculator-page .pg-result-cards span{
  min-height:auto;
  font-size:11px;
}
.pg-calculator-page .pg-result-cards strong{
  font-size:20px;
}

/* Abschnittsüberschriften in Ergebnisbox */
.pg-calculator-page .pg-chart h3,
.pg-calculator-page .pg-breakdown h3,
.pg-calculator-page .pg-scenario h3{
  font-size:15px;
}

/* Kostentreiber stärker */
.pg-calculator-page .pg-driver{
  margin-top:16px;
  padding:16px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef6ff,#ffffff 60%,#fff7ec);
}
.pg-calculator-page .pg-driver strong{
  font-size:23px;
}
.pg-calculator-page .pg-driver small{
  font-size:11px;
}

/* Kostenanteile */
.pg-calculator-page .pg-chart{
  padding:17px;
  border-radius:16px;
}
.pg-calculator-page .pg-bar-meta{
  font-size:11px;
}
.pg-calculator-page .pg-bar-track{
  height:9px;
}

/* Aufschlüsselung */
.pg-calculator-page .pg-breakdown{
  padding:17px;
  border-radius:16px;
}
.pg-calculator-page .pg-breakdown dt{
  font-size:12px;
}
.pg-calculator-page .pg-breakdown dd{
  font-size:13px;
}

/* Szenarien */
.pg-calculator-page .pg-scenario{
  padding:17px;
  border-radius:16px;
}
.pg-calculator-page .pg-scenario-grid{
  grid-template-columns:1fr;
  gap:9px;
}
.pg-calculator-page .pg-scenario-grid button{
  min-height:46px;
  text-align:left;
  padding:11px 12px;
  font-size:12px;
}
.pg-calculator-page .pg-scenario-result{
  font-size:12px;
}

/* Hinweis- und Ratgeberboxen besser lesbar */
.pg-calculator-page .pg-tip,
.pg-calculator-page .pg-related,
.pg-calculator-page .pg-recommendation-slot{
  padding:16px;
  border-radius:16px;
}
.pg-calculator-page .pg-tip p,
.pg-calculator-page .pg-recommendation-slot p{
  font-size:12px;
  line-height:1.55;
}
.pg-calculator-page .pg-related-list a{
  font-size:12px;
}
.pg-calculator-page .pg-disclaimer{
  font-size:11px;
  line-height:1.45;
}

/* Weitere Rechner */
.pg-calculator-switcher{
  margin-top:50px;
  padding-top:34px;
}
.pg-calculator-switcher h2{
  font-size:28px;
  margin-bottom:18px;
}
.pg-calculator-switcher-grid{
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.pg-calculator-switcher-grid a{
  min-height:96px;
  padding:16px;
  border-radius:16px;
  font-size:14px;
}
.pg-calculator-switcher-grid a small{
  margin-top:5px;
  font-size:11px;
}

/* Footer Luft */
.pg-footer{padding-top:58px}

/* Desktop sehr breit */
@media(min-width:1500px){
  .pg-calculator-page > .pg-shell{
    width:min(calc(100% - 80px),1380px);
  }
  .pg-calculator-page .pg-calculator__grid{
    grid-template-columns:minmax(0,1fr) 440px;
  }
}

/* Tablet */
@media(max-width:1050px){
  .pg-calculator-page .pg-calculator__grid{
    grid-template-columns:minmax(0,1fr) 360px;
  }
  .pg-calculator-switcher-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

/* Mobil */
@media(max-width:900px){
  .pg-calculator-page .pg-calculator__grid{
    grid-template-columns:1fr;
  }
  .pg-calculator-page .pg-calculator__result{
    position:static;
  }
  .pg-calculator-page .pg-result-cards{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:650px){
  .pg-calculator-page > .pg-shell{
    width:min(calc(100% - 18px),1320px);
  }
  .pg-calculator-page-hero{
    padding:38px 0 26px;
  }
  .pg-calculator-page-hero h1{
    font-size:38px;
  }
  .pg-calculator-page .pg-calculator__form,
  .pg-calculator-page .pg-calculator__result{
    padding:15px;
  }
  .pg-calculator-page .pg-field-group{
    padding:14px;
  }
  .pg-calculator-page .pg-result-main strong{
    font-size:44px;
  }
  .pg-calculator-page .pg-result-cards{
    grid-template-columns:1fr;
  }
  .pg-calculator-page .pg-result-cards > div:last-child:nth-child(odd){
    grid-column:auto;
  }
  .pg-calculator-switcher-grid{
    grid-template-columns:1fr;
  }
}


/* =========================
   Preis-Guru Theme 0.8.0
   Rechner Feinschliff
   ========================= */

/* Bedienhilfe kompakter */
.pg-calculator-intro-card{
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(30,58,96,.04);
}
.pg-calculator-intro-card:after{
  content:"Fragezeichen = Hilfe";
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#f1f5fa;
  color:#6e7c8f;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.pg-calculator-intro-card strong{
  margin-bottom:2px;
}
.pg-calculator-intro-card p{
  line-height:1.4;
}

/* Ergebnisbox: stärkere Hierarchie */
.pg-calculator-page .pg-calculator__result{
  overflow:hidden;
}
.pg-calculator-page .pg-calculator__result:before{
  content:"";
  display:block;
  height:4px;
  margin:-24px -24px 20px;
  background:linear-gradient(90deg,var(--pg-blue),#1a87da,var(--pg-orange));
}
.pg-calculator-page .pg-result-main{
  padding-top:6px;
}
.pg-calculator-page .pg-result-main strong{
  text-shadow:0 1px 0 #fff;
}

/* Größter Kostentreiber als echte Highlight-Box */
.pg-calculator-page .pg-driver{
  position:relative;
  overflow:hidden;
  padding:18px 18px 17px;
  border:1px solid #cfe0f3;
  box-shadow:0 8px 22px rgba(7,95,174,.07);
}
.pg-calculator-page .pg-driver:after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(255,148,24,.10);
}
.pg-calculator-page .pg-driver > span{
  font-size:10px;
  font-weight:900;
}
.pg-calculator-page .pg-driver strong{
  position:relative;
  z-index:1;
  font-size:24px;
}

/* Kostenanteile neutraler */
.pg-calculator-page .pg-chart{
  background:#fff;
  box-shadow:0 6px 18px rgba(30,58,96,.03);
}

/* Aufschlüsselung klarer */
.pg-calculator-page .pg-breakdown{
  box-shadow:0 6px 18px rgba(30,58,96,.03);
}
.pg-calculator-page .pg-breakdown dl > div{
  align-items:center;
}
.pg-calculator-page .pg-breakdown dd{
  font-weight:850;
}

/* Szenarien deutlich von Ergebnisdaten trennen */
.pg-calculator-page .pg-scenario{
  border:1px solid #d8e5f3;
  background:linear-gradient(180deg,#f5f9ff,#fff);
  box-shadow:0 8px 22px rgba(7,95,174,.05);
}
.pg-calculator-page .pg-scenario h3{
  color:var(--pg-blue);
}
.pg-calculator-page .pg-scenario-grid button{
  position:relative;
  background:#fff;
  border:1px solid #d9e3ef;
  color:#203249;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.pg-calculator-page .pg-scenario-grid button:before{
  content:"↗";
  margin-right:7px;
  color:var(--pg-orange);
  font-weight:900;
}
.pg-calculator-page .pg-scenario-grid button:hover{
  border-color:#a8c5e6;
  box-shadow:0 7px 16px rgba(30,58,96,.08);
}
.pg-calculator-page .pg-scenario-result{
  border:1px dashed #cfdceb;
  background:#f8fbff;
}

/* Hinweis visuell eigenständig */
.pg-calculator-page .pg-tip{
  border:1px solid #f2d5ae;
  background:linear-gradient(135deg,#fff9f1,#fffdf9);
  box-shadow:0 6px 18px rgba(181,103,9,.04);
}
.pg-calculator-page .pg-tip strong:before{
  content:"💡";
  margin-right:6px;
}

/* Ratgeber klar als Content-Block */
.pg-calculator-page .pg-related{
  border:1px solid #dce7f3;
  background:linear-gradient(180deg,#fff,#f7fbff);
}
.pg-calculator-page .pg-related h3:before{
  content:"↗ ";
  color:var(--pg-blue);
}
.pg-calculator-page .pg-related-list{
  gap:7px;
}
.pg-calculator-page .pg-related-list a{
  display:block;
  padding:8px 9px;
  border-radius:9px;
  background:#f6f9fd;
}
.pg-calculator-page .pg-related-list a:hover{
  background:#edf5ff;
}

/* Affiliate / Empfehlungen klar unterscheiden */
.pg-calculator-page .pg-recommendation-slot{
  border:1px dashed #e8c89c;
  background:linear-gradient(135deg,#fffaf3,#fff);
}
.pg-calculator-page .pg-slot-badge{
  margin-bottom:7px;
}

/* Disclaimer zurückhaltender */
.pg-calculator-page .pg-disclaimer{
  margin-top:14px;
  padding-top:12px;
  opacity:.82;
}

/* Weitere Rechner kompakter und klarer */
.pg-calculator-switcher{
  background:#fff;
  border:1px solid var(--pg-border);
  border-radius:20px;
  padding:24px;
  box-shadow:0 10px 28px rgba(30,58,96,.04);
}
.pg-calculator-switcher h2{
  font-size:24px;
}
.pg-calculator-switcher-grid a{
  min-height:86px;
}
.pg-calculator-switcher-grid a.is-active{
  box-shadow:inset 0 0 0 1px #b7d2ee;
}

/* Mobile Trennung */
@media(max-width:900px){
  .pg-calculator-page .pg-calculator__result{
    margin-top:4px;
  }
  .pg-calculator-page .pg-calculator__form,
  .pg-calculator-page .pg-calculator__result{
    box-shadow:0 10px 28px rgba(30,58,96,.07);
  }
}
@media(max-width:650px){
  .pg-calculator-intro-card{
    grid-template-columns:auto 1fr;
  }
  .pg-calculator-intro-card:after{
    grid-column:1 / -1;
    width:max-content;
    margin-left:46px;
  }
  .pg-calculator-page .pg-field-group + .pg-field-group{
    margin-top:12px;
  }
  .pg-calculator-page .pg-driver,
  .pg-calculator-page .pg-chart,
  .pg-calculator-page .pg-breakdown,
  .pg-calculator-page .pg-scenario,
  .pg-calculator-page .pg-tip,
  .pg-calculator-page .pg-related,
  .pg-calculator-page .pg-recommendation-slot{
    margin-top:12px;
  }
}


/* =========================
   Preis-Guru Theme 0.8.1
   Mobile-Rechner Korrekturen
   ========================= */

@media(max-width:650px){

  /* Hero sauber stapeln */
  .pg-calculator-page-hero{
    padding:30px 0 22px;
  }

  .pg-calculator-page-hero .pg-shell{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .pg-calculator-page-hero h1{
    font-size:34px;
    line-height:1.08;
    margin:8px 0 8px;
  }

  .pg-calculator-page-hero p{
    font-size:15px;
    line-height:1.5;
  }

  .pg-calculator-badge{
    margin-top:2px;
    padding:9px 12px;
    font-size:11px;
  }

  /* Bedienhilfe kompakter und vollständig einspaltig */
  .pg-calculator-intro-card{
    display:block;
    padding:12px 13px;
    margin-bottom:14px;
  }

  .pg-calculator-intro-card:before{
    float:left;
    margin-right:10px;
    margin-bottom:6px;
  }

  .pg-calculator-intro-card:after{
    display:inline-flex;
    width:auto;
    margin:9px 0 0 0;
    clear:both;
  }

  .pg-calculator-intro-card strong{
    display:block;
    font-size:13px;
  }

  .pg-calculator-intro-card p{
    font-size:12px;
    line-height:1.45;
  }

  /* etwas weniger vertikale Höhe */
  .pg-calculator-page{
    padding-top:14px;
  }

  .pg-calculator-page .pg-calculator__form,
  .pg-calculator-page .pg-calculator__result{
    border-radius:20px;
  }

  .pg-calculator-page .pg-field-group{
    border-radius:16px;
  }

  .pg-calculator-page .pg-button--primary{
    min-height:54px;
  }

  /* Ergebnisbereich etwas kompakter */
  .pg-calculator-page .pg-result-main{
    padding-bottom:16px;
  }

  .pg-calculator-page .pg-result-main strong{
    font-size:40px;
  }

  .pg-calculator-page .pg-driver strong{
    font-size:21px;
  }

  .pg-calculator-page .pg-chart,
  .pg-calculator-page .pg-breakdown,
  .pg-calculator-page .pg-scenario,
  .pg-calculator-page .pg-tip,
  .pg-calculator-page .pg-related,
  .pg-calculator-page .pg-recommendation-slot{
    border-radius:14px;
  }

  /* Breadcrumbs nicht umbrechen lassen */
  .pg-calculator-breadcrumbs{
    flex-wrap:wrap;
    row-gap:4px;
  }

  /* Weitere Rechner einzeln */
  .pg-calculator-switcher{
    padding:18px;
    border-radius:18px;
  }

  .pg-calculator-switcher h2{
    font-size:22px;
  }

  .pg-calculator-switcher-grid{
    grid-template-columns:1fr;
  }

  .pg-calculator-switcher-grid a{
    min-height:auto;
  }
}


/* Preis-Guru Theme 0.9.0 – Inhalte */
.pg-content-type-hero{padding:50px 0 32px;background:linear-gradient(180deg,#f7faff,#fff)}
.pg-content-type-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.08;margin:10px 0 12px;letter-spacing:-.04em}
.pg-content-type-hero p{max-width:760px;color:var(--pg-muted);font-size:17px}
.pg-content-type-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef6ff;color:var(--pg-blue);font-size:12px;font-weight:850}
.pg-content-article{width:min(calc(100% - 36px),900px);margin:38px auto 72px;font-size:17px}
.pg-content-article h2{font-size:30px;line-height:1.2;margin:44px 0 14px}
.pg-content-article h3{font-size:21px;margin:28px 0 10px}
.pg-content-article p{margin:0 0 18px}
.pg-content-article ul{margin:0 0 24px;padding-left:22px}
.pg-content-article li{margin-bottom:7px}
.pg-content-article .pg-calculator{margin:34px 0;padding:28px;border-radius:24px;background:#f7faff;border:1px solid var(--pg-border)}
.pg-content-article .pg-calculator__head{display:block!important}
.pg-content-article .pg-calculator__head h2{margin:6px 0 8px;font-size:30px}
.pg-content-callout{margin:26px 0;padding:20px;border-radius:18px;background:linear-gradient(135deg,#eef6ff,#fff8ef);border:1px solid #dbe5f1}
.pg-content-callout strong{display:block;margin-bottom:6px}
.pg-archive-intro{padding-bottom:10px}
.pg-archive-grid .pg-article-card{min-height:240px;display:flex;flex-direction:column}
.pg-archive-grid .pg-article-card .pg-more{margin-top:auto}

@media(max-width:650px){
  .pg-content-article{width:min(calc(100% - 24px),900px);font-size:16px}
  .pg-content-article h2{font-size:27px}
  .pg-content-article .pg-calculator{padding:14px}
}


/* =========================
   Preis-Guru Theme 0.9.1
   Review-Korrekturen
   ========================= */

/* Bedienhilfe auf Desktop sauber in einer Zeile */
@media(min-width:651px){
  .pg-calculator-intro-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:14px 16px;
  }

  .pg-calculator-intro-card:before{
    grid-column:1;
    grid-row:1;
  }

  .pg-calculator-intro-card strong{
    grid-column:2;
    grid-row:1;
    margin:0;
    align-self:end;
  }

  .pg-calculator-intro-card p{
    grid-column:2;
    grid-row:2;
    margin:2px 0 0;
    align-self:start;
  }

  .pg-calculator-intro-card:after{
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
    margin:0;
  }
}

/* Unfertigen Affiliate-Platzhalter im Frontend ausblenden.
   Er wird später wieder aktiviert, sobald echte Partnerangebote vorhanden sind. */
.pg-calculator-page .pg-recommendation-slot,
.pg-content-article .pg-recommendation-slot,
.pg-guide-main .pg-recommendation-slot{
  display:none;
}

/* Ratgeberbox etwas kompakter */
.pg-calculator-page .pg-related{
  margin-top:14px;
}
.pg-calculator-page .pg-related-list a{
  line-height:1.35;
}

/* Preis-Guru Hinweis etwas früher visuell betonen */
.pg-calculator-page .pg-tip{
  margin-top:14px;
}

/* Mobil: Infobox ordentlich ohne Floating-Artefakte */
@media(max-width:650px){
  .pg-calculator-intro-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:8px 10px;
    align-items:start;
  }

  .pg-calculator-intro-card:before{
    float:none;
    grid-column:1;
    grid-row:1 / span 2;
    margin:0;
  }

  .pg-calculator-intro-card strong{
    grid-column:2;
    grid-row:1;
    margin:0;
  }

  .pg-calculator-intro-card p{
    grid-column:2;
    grid-row:2;
    margin:0;
  }

  .pg-calculator-intro-card:after{
    grid-column:2;
    grid-row:3;
    margin:3px 0 0;
  }
}


/* Preis-Guru Theme 0.9.2 – Themenarchive */
.pg-topic-hero{padding:48px 0 30px;background:linear-gradient(180deg,#f7faff,#fff)}
.pg-topic-hero h1{font-size:clamp(38px,5vw,58px);margin:8px 0 10px;letter-spacing:-.04em}
.pg-topic-hero p{max-width:760px;color:var(--pg-muted);font-size:17px}
.pg-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 70px}
.pg-topic-grid .pg-article-card{min-height:235px;display:flex;flex-direction:column}
.pg-topic-grid .pg-more{margin-top:auto}
@media(max-width:900px){.pg-topic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pg-topic-grid{grid-template-columns:1fr}}


/* =========================
   Preis-Guru Theme 0.9.3
   Startseite entschlackt + dynamische Ratgeber-CTA
   ========================= */

.pg-home-calc-section{
  padding:54px 0 58px;
  background:#fff;
}
.pg-home-calc-section .pg-section-head{
  max-width:700px;
}

.pg-home-principle{
  padding:26px 0;
  background:linear-gradient(90deg,#f7faff,#fffaf4);
  border-top:1px solid #edf1f6;
  border-bottom:1px solid #edf1f6;
}
.pg-home-principle-row{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:16px;
  align-items:center;
}
.pg-home-principle-step{
  text-align:center;
}
.pg-home-principle-step strong{
  display:block;
  color:var(--pg-navy);
  font-size:17px;
  margin-bottom:3px;
}
.pg-home-principle-step span{
  color:var(--pg-muted);
  font-size:13px;
}
.pg-home-principle-arrow{
  color:var(--pg-orange);
  font-size:22px;
  font-weight:900;
}

.pg-home-compare{
  padding:54px 0;
  background:#f7f9fc;
}
.pg-home-compare .pg-comparison-grid{
  margin-top:4px;
}

.pg-home-guides{
  padding:54px 0;
  background:#fff;
}
.pg-home-guides .pg-content-grid{
  grid-template-columns:repeat(3,1fr);
}
.pg-home-guides .pg-article-card{
  min-height:240px;
  display:flex;
  flex-direction:column;
}
.pg-home-guides .pg-more{
  margin-top:auto;
}
.pg-home-section-action{
  margin-top:22px;
}
.pg-home-section-action a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:850;
}

.pg-home-topics{
  padding:48px 0 58px;
  background:#f7f9fc;
}
.pg-home-topics .pg-category-grid{
  grid-template-columns:repeat(3,1fr);
}
.pg-home-topics .pg-category-card{
  box-shadow:none;
}
.pg-home-topics .pg-category-card:hover{
  box-shadow:0 10px 28px rgba(30,58,96,.06);
}

/* Dynamische Ratgeber-CTA */
.pg-guide-dynamic-cta{
  margin:0 0 28px;
  padding:20px 22px;
  border:1px solid #d9e5f2;
  border-radius:18px;
  background:linear-gradient(135deg,#f4f9ff,#fff9f0);
}
.pg-guide-dynamic-cta small{
  display:block;
  margin-bottom:5px;
  color:var(--pg-blue);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.pg-guide-dynamic-cta h3{
  margin:0 0 7px;
  font-size:20px;
}
.pg-guide-dynamic-cta p{
  margin:0 0 13px;
  color:var(--pg-muted);
  font-size:14px;
}
.pg-guide-dynamic-cta .pg-btn{
  min-height:44px;
}

/* Alte große How-to-Sektion auf Startseite wird nicht mehr verwendet */
.pg-home-how-compact{
  display:none;
}

@media(max-width:900px){
  .pg-home-principle-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .pg-home-principle-arrow{
    transform:rotate(90deg);
    line-height:1;
  }
  .pg-home-guides .pg-content-grid,
  .pg-home-topics .pg-category-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  .pg-home-guides .pg-content-grid,
  .pg-home-topics .pg-category-grid{
    grid-template-columns:1fr;
  }
  .pg-home-principle{
    padding:22px 0;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.0 – Premium Conversion Design
   ================================================== */

:root{
  --pg-blue:#0A6FD3;
  --pg-blue-2:#0755A2;
  --pg-navy:#0D1B2A;
  --pg-navy-2:#13263C;
  --pg-orange:#FF9418;
  --pg-orange-2:#FF7A00;
  --pg-bg:#F4F7FB;
  --pg-card:#FFFFFF;
  --pg-text:#142033;
  --pg-muted:#667489;
  --pg-border:#DDE5EF;
  --pg-shadow:0 18px 50px rgba(13,27,42,.10);
  --pg-shadow-soft:0 10px 30px rgba(13,27,42,.06);
}

/* Header: hochwertiger, weniger verspielt */
.pg-site-header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e9edf3;
  box-shadow:0 4px 18px rgba(13,27,42,.04);
}
.pg-header-inner{min-height:82px}
.pg-brand{font-size:19px;gap:10px}
.pg-brand img{width:52px;height:52px}
.pg-brand-text small{
  font-size:9px;
  letter-spacing:.08em;
  color:#77869a
}
.pg-nav{
  gap:24px;
  font-size:14px;
}
.pg-nav a{
  color:#26364b;
  font-weight:750;
}
.pg-nav a:hover{color:var(--pg-blue)}
.pg-header-cta{
  background:var(--pg-navy);
  border-radius:10px;
  padding:11px 17px;
  box-shadow:none;
}
.pg-header-cta:hover{background:var(--pg-blue)}

/* HERO – stark, dunkel, klare Conversion */
.pg-hero{
  position:relative;
  padding:74px 0 66px;
  background:
    radial-gradient(circle at 80% 20%,rgba(10,111,211,.24),transparent 28%),
    radial-gradient(circle at 95% 80%,rgba(255,148,24,.18),transparent 25%),
    linear-gradient(135deg,#0B1726 0%,#11263E 60%,#0B1726 100%);
  color:#fff;
}
.pg-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.pg-hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:68px;
}
.pg-hero .pg-kicker{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#CFE6FF;
  border-radius:8px;
}
.pg-hero h1{
  max-width:760px;
  color:#fff;
  font-size:clamp(48px,6vw,76px);
  line-height:.98;
  letter-spacing:-.05em;
}
.pg-hero h1 span{color:#4EA9FF}
.pg-hero-copy{
  color:#B9C8DA;
  max-width:670px;
  font-size:19px;
}
.pg-hero .pg-btn-primary{
  background:var(--pg-orange);
  color:#142033;
  box-shadow:0 12px 30px rgba(255,148,24,.20);
}
.pg-hero .pg-btn-primary:hover{
  background:#FFAA3E;
  color:#142033;
}
.pg-hero .pg-btn-light{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
}
.pg-hero .pg-btn-light:hover{
  background:rgba(255,255,255,.08);
}
.pg-hero .pg-trust{
  color:#AFC0D2;
  font-size:12px;
}
.pg-hero .pg-trust span:before{color:#56C5FF}

.pg-hero-visual{
  position:relative;
  padding:26px 26px 18px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.pg-hero-visual img{
  max-width:365px;
  filter:drop-shadow(0 24px 35px rgba(0,0,0,.24));
}
.pg-mini-result{
  left:-26px;
  bottom:26px;
  min-width:228px;
  border:0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.pg-mini-result strong{color:var(--pg-navy)}

/* Section typography */
.pg-section-head{
  max-width:720px;
}
.pg-section-head h2{
  font-size:clamp(32px,4vw,48px);
  letter-spacing:-.035em;
}
.pg-section-head p{
  font-size:16px;
  line-height:1.65;
}

/* Rechnerkarten: weniger Spielzeug, mehr Produkt */
.pg-home-calc-section{
  padding:70px 0 72px;
}
.pg-featured-calcs{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
}
.pg-calc-card{
  min-height:285px;
  padding:26px;
  border-radius:16px;
  border:1px solid #dfe6ef;
  background:#fff;
  box-shadow:var(--pg-shadow-soft);
}
.pg-calc-card:nth-child(1){grid-column:span 4}
.pg-calc-card:nth-child(2){grid-column:span 4}
.pg-calc-card:nth-child(3){grid-column:span 4}
.pg-calc-card:nth-child(4){grid-column:span 6}
.pg-calc-card:nth-child(5){grid-column:span 6}
.pg-calc-card:hover{
  transform:translateY(-4px);
  border-color:#bfcddd;
  box-shadow:0 22px 50px rgba(13,27,42,.12);
}
.pg-calc-card__icon{
  width:48px;
  height:48px;
  margin-bottom:22px;
  border-radius:11px;
  background:#F0F6FD;
  color:var(--pg-blue);
  font-size:0;
}
.pg-calc-card__icon svg{
  width:24px;height:24px;stroke:currentColor
}
.pg-calc-card h3{
  font-size:22px;
  margin-bottom:9px;
}
.pg-calc-card p{
  font-size:14px;
  line-height:1.62;
}
.pg-calc-card__meta span{
  border-radius:6px;
  background:#F4F6F9;
  color:#667489;
  font-size:10px;
}
.pg-calc-card__link{
  padding:0;
  border-radius:0;
  background:none!important;
  color:var(--pg-blue)!important;
  font-size:13px;
}
.pg-calc-card__link:after{content:"  →"}

/* Prinzip: ruhig, kein Karten-Kinderlook */
.pg-home-principle{
  padding:34px 0;
  background:#0F2033;
  border:0;
}
.pg-home-principle-step strong{color:#fff}
.pg-home-principle-step span{color:#9FB0C3}
.pg-home-principle-arrow{color:var(--pg-orange)}

/* Vergleiche */
.pg-home-compare{
  padding:68px 0;
  background:#F4F7FB;
}
.pg-comparison-grid{gap:20px}
.pg-comparison-card{
  min-height:235px;
  padding:28px;
  border-radius:16px;
  border:1px solid #dfe6ef;
  background:#fff;
  box-shadow:var(--pg-shadow-soft);
}
.pg-comparison-card small{
  color:var(--pg-blue);
  font-size:10px;
}
.pg-comparison-card h3{
  font-size:23px;
  margin:10px 0 12px;
}
.pg-comparison-card p{
  line-height:1.6;
  margin-bottom:18px;
}
.pg-comparison-card .pg-more{
  font-size:13px;
  font-weight:850;
}

/* Ratgeber */
.pg-home-guides{
  padding:68px 0;
}
.pg-content-grid{gap:20px}
.pg-article-card{
  border-radius:16px;
  border:1px solid #dfe6ef;
  box-shadow:var(--pg-shadow-soft);
}
.pg-article-card .pg-card-meta{
  color:var(--pg-blue);
  font-size:10px;
}
.pg-article-card h3{
  font-size:22px;
}

/* Themenwelten: nüchterner und kleiner */
.pg-home-topics{
  padding:58px 0 68px;
  background:#F4F7FB;
}
.pg-home-topics .pg-category-card{
  min-height:170px;
  padding:24px;
  border-radius:14px;
}
.pg-category-icon{
  width:42px;height:42px;
  border-radius:10px;
  font-size:0;
  background:#EAF3FC;
}
.pg-category-icon svg{
  width:22px;height:22px;stroke:var(--pg-blue)
}

/* Footer */
.pg-footer{
  background:#0B1726;
  padding:58px 0 24px;
}
.pg-footer h4{font-size:14px}
.pg-footer a{color:#B9C6D4}
.pg-footer-brand p{color:#91A4B8}
.pg-footer-bottom{color:#72879D}

/* Conversion band */
.pg-home-conversion{
  padding:54px 0;
  background:linear-gradient(135deg,#0D1B2A,#132C47);
  color:#fff;
}
.pg-home-conversion-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
}
.pg-home-conversion h2{
  margin:0 0 8px;
  font-size:34px;
  color:#fff;
}
.pg-home-conversion p{
  margin:0;
  color:#ABC0D4;
  max-width:680px;
}
.pg-home-conversion .pg-btn{
  background:var(--pg-orange);
  color:#142033;
}

/* Mobile */
@media(max-width:1050px){
  .pg-featured-calcs{grid-template-columns:repeat(2,1fr)}
  .pg-calc-card:nth-child(n){grid-column:span 1}
}
@media(max-width:900px){
  .pg-hero-grid{grid-template-columns:1fr}
  .pg-hero-visual{max-width:520px;margin:auto}
  .pg-home-conversion-inner{grid-template-columns:1fr}
}
@media(max-width:600px){
  .pg-hero{padding:52px 0 44px}
  .pg-hero h1{font-size:46px}
  .pg-featured-calcs{grid-template-columns:1fr}
  .pg-home-conversion h2{font-size:28px}
}


/* ==================================================
   Preis-Guru Theme 1.0.1 – Premium Feinschliff
   ================================================== */

/* Header reduziert */
.pg-header-inner{min-height:76px}
.pg-brand{
  gap:9px;
  font-size:20px;
  font-weight:900;
}
.pg-brand img{
  width:38px;
  height:38px;
  object-fit:contain;
}
.pg-brand-text small{display:none}
.pg-nav{gap:21px}
.pg-header-cta{
  padding:10px 15px;
  border-radius:9px;
}

/* Hero-Maskottchen freigestellt */
.pg-hero-visual{
  min-height:470px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.pg-hero-visual img{
  width:min(100%,490px);
  max-width:490px;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.30));
}
.pg-mini-result{
  left:12px;
  bottom:34px;
}

/* Rechnerkarten kompakter und konsistenter */
.pg-calc-card{
  min-height:270px;
}
.pg-calc-card h3{
  max-width:320px;
}

/* Vergleichskarten mit ruhigem Symbol */
.pg-comparison-card{
  position:relative;
  overflow:hidden;
}
.pg-comparison-card:after{
  content:"";
  position:absolute;
  right:-14px;
  top:-14px;
  width:78px;
  height:78px;
  border-radius:50%;
  background:rgba(10,111,211,.05);
}
.pg-comparison-icon{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  border-radius:9px;
  background:#EEF5FC;
  color:var(--pg-blue);
}
.pg-comparison-icon svg{
  width:18px;height:18px;stroke:currentColor
}

/* Themenwelten eher Navigation als Hauptkarten */
.pg-home-topics{
  padding:50px 0 58px;
}
.pg-home-topics .pg-category-grid{
  gap:14px;
}
.pg-home-topics .pg-category-card{
  min-height:132px;
  padding:20px;
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
}
.pg-home-topics .pg-category-icon{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  margin:0;
}
.pg-home-topics .pg-category-card strong{
  font-size:17px;
}
.pg-home-topics .pg-category-card span:last-child{
  margin-top:2px;
  font-size:13px;
  line-height:1.45;
}

/* Conversionband schärfer */
.pg-home-conversion{
  padding:48px 0;
}
.pg-home-conversion .pg-btn{
  border-radius:9px;
  font-weight:900;
}

/* mobil */
@media(max-width:900px){
  .pg-hero-visual{
    min-height:auto;
  }
  .pg-mini-result{
    left:0;
  }
}
@media(max-width:600px){
  .pg-brand-text{font-size:18px}
  .pg-hero-visual img{
    max-width:390px;
  }
  .pg-home-topics .pg-category-card{
    grid-template-columns:36px 1fr;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.2 – Mobile Premium Polish
   ================================================== */

@media(max-width:600px){

  /* Header */
  .pg-header-inner{
    min-height:72px;
  }
  .pg-brand{
    font-size:18px;
  }
  .pg-brand img{
    width:36px;
    height:36px;
  }
  .pg-menu-toggle{
    width:48px;
    height:48px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:22px;
  }

  /* Hero */
  .pg-hero{
    padding:42px 0 38px;
  }
  .pg-hero-grid{
    gap:28px;
  }
  .pg-hero .pg-kicker{
    max-width:100%;
    font-size:10px;
    line-height:1.3;
    padding:7px 9px;
  }
  .pg-hero h1{
    font-size:42px;
    line-height:1.02;
    margin:16px 0 14px;
  }
  .pg-hero-copy{
    font-size:16px;
    line-height:1.55;
  }
  .pg-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .pg-actions .pg-btn{
    width:100%;
    min-height:52px;
    padding:0 16px;
  }
  .pg-trust{
    gap:8px 14px;
    margin-top:18px;
    font-size:11px;
  }

  /* Hero visual lower and more compact */
  .pg-hero-visual{
    min-height:auto;
    padding-top:6px;
  }
  .pg-hero-visual img{
    width:min(100%,330px);
  }
  .pg-mini-result{
    position:relative;
    left:auto;
    bottom:auto;
    margin:-10px auto 0;
    width:min(100%,245px);
    min-width:0;
  }

  /* Global section spacing */
  .pg-home-calc-section,
  .pg-home-compare,
  .pg-home-guides,
  .pg-home-topics{
    padding:46px 0;
  }
  .pg-section-head{
    margin-bottom:20px;
  }
  .pg-section-head h2{
    font-size:30px;
    line-height:1.12;
  }
  .pg-section-head p{
    font-size:14px;
    line-height:1.55;
  }

  /* Cards */
  .pg-calc-card{
    min-height:auto;
    padding:20px;
  }
  .pg-calc-card__icon{
    width:44px;
    height:44px;
    margin-bottom:16px;
  }
  .pg-calc-card h3{
    font-size:20px;
  }
  .pg-calc-card p{
    font-size:13px;
  }
  .pg-comparison-card,
  .pg-article-card{
    min-height:auto;
    padding:20px;
  }

  /* Principle strip */
  .pg-home-principle{
    padding:24px 0;
  }
  .pg-home-principle-row{
    gap:6px;
  }
  .pg-home-principle-step strong{
    font-size:16px;
  }
  .pg-home-principle-step span{
    font-size:12px;
  }

  /* Conversion */
  .pg-home-conversion{
    padding:40px 0;
  }
  .pg-home-conversion h2{
    font-size:27px;
    line-height:1.12;
  }
  .pg-home-conversion p{
    font-size:14px;
  }
  .pg-home-conversion .pg-btn{
    width:100%;
    margin-top:4px;
  }

  /* Topic cards */
  .pg-home-topics .pg-category-card{
    min-height:auto;
    padding:17px;
    grid-template-columns:34px 1fr;
    column-gap:12px;
  }
  .pg-home-topics .pg-category-icon{
    width:34px;
    height:34px;
  }
  .pg-home-topics .pg-category-card strong{
    font-size:16px;
  }
  .pg-home-topics .pg-category-card span:last-child{
    font-size:12px;
  }

  /* Ratgeber Hero */
  .pg-page-hero,
  .pg-content-type-hero,
  .pg-topic-hero{
    padding:34px 0 24px;
  }
  .pg-page-hero h1,
  .pg-content-type-hero h1,
  .pg-topic-hero h1{
    font-size:34px;
    line-height:1.08;
  }
  .pg-page-hero p,
  .pg-content-type-hero p,
  .pg-topic-hero p{
    font-size:15px;
    line-height:1.5;
  }
  .pg-ratgeber-meta{
    gap:7px;
    margin-top:14px;
  }
  .pg-ratgeber-meta span{
    padding:6px 8px;
    font-size:10px;
  }

  /* Inhaltsverzeichnis */
  .pg-guide-layout{
    margin-top:24px;
  }
  .pg-guide-aside{
    margin-bottom:18px;
  }
  .pg-guide-box{
    padding:15px;
  }
  .pg-guide-box h3{
    font-size:14px;
  }
  .pg-toc{
    gap:6px;
  }
  .pg-toc a{
    font-size:12px;
    line-height:1.35;
  }

  /* Ratgebertext */
  .pg-guide-main,
  .pg-content-article{
    font-size:16px;
    line-height:1.65;
  }
  .pg-guide-main h2,
  .pg-content-article h2{
    font-size:27px;
    margin-top:36px;
    margin-bottom:12px;
    line-height:1.15;
  }
  .pg-guide-main h3,
  .pg-content-article h3{
    font-size:20px;
    margin-top:24px;
    line-height:1.2;
  }
  .pg-guide-main p,
  .pg-content-article p{
    margin-bottom:16px;
  }

  /* Rechner CTA im Ratgeber */
  .pg-guide-dynamic-cta{
    padding:16px;
    border-radius:15px;
  }
  .pg-guide-dynamic-cta h3{
    font-size:19px;
  }
  .pg-guide-dynamic-cta p{
    font-size:13px;
  }
  .pg-guide-dynamic-cta .pg-btn{
    width:100%;
  }

  /* Tabellen scrollbar statt gequetscht */
  .pg-guide-main table,
  .pg-content-article table{
    display:block;
    width:100%;
    overflow-x:auto;
    white-space:nowrap;
  }

  /* Footer */
  .pg-footer{
    padding:42px 0 20px;
  }
  .pg-footer-grid{
    gap:24px;
  }
  .pg-footer-brand img{
    width:88px;
  }
  .pg-footer-bottom{
    margin-top:24px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.3 – Mobile Final Polish
   ================================================== */

@media(max-width:600px){

  /* Header / Menü hochwertiger */
  .pg-site-header{
    box-shadow:0 5px 18px rgba(13,27,42,.06);
  }
  .pg-menu-toggle{
    border-color:#d9e2ec;
    background:#f8fafc;
    color:var(--pg-navy);
  }
  .pg-nav{
    top:72px;
    left:12px;
    right:12px;
    padding:14px;
    gap:0;
    border-radius:14px;
    box-shadow:0 20px 45px rgba(13,27,42,.14);
  }
  .pg-nav a{
    width:100%;
    padding:12px 10px;
    border-bottom:1px solid #edf1f5;
    font-size:14px;
  }
  .pg-nav a:last-child{
    border-bottom:0;
  }

  /* Hero Abschluss sauberer */
  .pg-hero{
    padding-bottom:30px;
  }
  .pg-hero-grid{
    gap:20px;
  }
  .pg-hero-visual{
    margin-top:4px;
    padding-bottom:4px;
  }
  .pg-hero-visual img{
    width:min(100%,315px);
    transform:translateY(-6px);
  }
  .pg-mini-result{
    margin:-18px auto 0;
    width:min(100%,235px);
    padding:14px 16px;
    border-radius:13px;
  }
  .pg-mini-result strong{
    font-size:23px;
  }
  .pg-mini-result small{
    font-size:10px;
  }

  /* Rechnerkarten gleichmäßiger */
  .pg-featured-calcs{
    gap:14px;
  }
  .pg-calc-card{
    padding:19px;
    border-radius:14px;
  }

  /* Vergleichskarten / Ratgeberkarten gleiche Wirkung */
  .pg-comparison-grid,
  .pg-content-grid{
    gap:14px;
  }
  .pg-comparison-card,
  .pg-article-card{
    display:flex;
    flex-direction:column;
    min-height:220px;
  }
  .pg-comparison-card p,
  .pg-article-card p{
    flex-grow:1;
  }
  .pg-comparison-card .pg-more,
  .pg-article-card .pg-more{
    margin-top:auto;
  }

  /* Übergang zum Prinzip */
  .pg-home-principle{
    position:relative;
    margin-top:0;
  }
  .pg-home-principle:before{
    content:"";
    position:absolute;
    left:12%;
    right:12%;
    top:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  }

  /* Themenkarten ruhiger */
  .pg-home-topics .pg-category-grid{
    gap:12px;
  }

  /* CTA Band mobil kompakter */
  .pg-home-conversion{
    padding:36px 0;
  }

  /* Ratgeber/Archive Karten */
  .pg-topic-grid,
  .pg-archive-grid{
    gap:14px;
  }
  .pg-topic-grid .pg-article-card,
  .pg-archive-grid .pg-article-card{
    min-height:210px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.4 – Mobile Hero Reparatur
   ================================================== */

@media(max-width:600px){

  /* Hero-Struktur klar untereinander */
  .pg-hero-grid{
    display:flex;
    flex-direction:column;
    gap:24px;
  }

  /* Trust-Zeile darf sauber umbrechen */
  .pg-trust{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    line-height:1.35;
  }

  /* Visualbereich vollständig zentriert */
  .pg-hero-visual{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin:0 auto;
    padding:0;
    overflow:visible;
  }

  .pg-hero-visual img{
    display:block;
    width:min(100%,300px);
    max-width:300px;
    margin:0 auto;
    transform:none;
  }

  /* Ergebnisbox nicht mehr schmal rechts, sondern breit darunter */
  .pg-mini-result{
    position:static;
    display:block;
    width:min(92%,310px);
    min-width:0;
    max-width:310px;
    margin:0 auto;
    padding:15px 18px;
    border-radius:14px;
    text-align:left;
    box-sizing:border-box;
  }

  .pg-mini-result small{
    display:block;
    margin:0 0 5px;
    font-size:11px;
    line-height:1.4;
    color:#6d7a8c;
    white-space:normal;
  }

  .pg-mini-result strong{
    display:block;
    margin:0 0 5px;
    font-size:26px;
    line-height:1.15;
    white-space:nowrap;
    letter-spacing:-.02em;
    color:var(--pg-navy);
  }

  /* Hero unten sauber abschließen */
  .pg-hero{
    padding-bottom:36px;
  }
}

/* Sehr kleine Geräte */
@media(max-width:380px){
  .pg-hero-visual img{
    width:min(100%,270px);
    max-width:270px;
  }

  .pg-mini-result{
    width:94%;
    max-width:290px;
    padding:14px 16px;
  }

  .pg-mini-result strong{
    font-size:24px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.5 – Affiliate Ready
   ================================================== */

.pg-affiliate-offers{
  margin:34px 0;
  padding:22px;
  border:1px solid #dfe6ef;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--pg-shadow-soft);
}
.pg-affiliate-offers__head{
  margin-bottom:16px;
}
.pg-affiliate-offers__head > span{
  display:inline-block;
  margin-bottom:5px;
  color:#7b8797;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.pg-affiliate-offers__head h3{
  margin:0 0 6px;
  font-size:22px;
}
.pg-affiliate-offers__head p{
  margin:0;
  color:var(--pg-muted);
  font-size:12px;
  line-height:1.5;
}
.pg-affiliate-offers__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.pg-affiliate-card{
  padding:16px;
  border:1px solid #e3e8ef;
  border-radius:12px;
  background:#f9fbfd;
}
.pg-affiliate-badge{
  display:inline-block;
  padding:5px 7px;
  margin-bottom:9px;
  border-radius:6px;
  background:#eaf3fc;
  color:var(--pg-blue);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pg-affiliate-card h4{
  margin:0 0 7px;
  font-size:16px;
}
.pg-affiliate-card p{
  margin:0 0 12px;
  color:var(--pg-muted);
  font-size:12px;
  line-height:1.45;
}
.pg-affiliate-card a{
  font-size:12px;
  font-weight:900;
}

@media(max-width:800px){
  .pg-affiliate-offers__grid{grid-template-columns:1fr}
}


/* ==================================================
   Preis-Guru Theme 1.0.7 - Über Preis-Guru
   ================================================== */
.pg-about-hero{
  padding:72px 0 66px;
  background:#0d1b2a;
  overflow:hidden;
}
.pg-about-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.8fr);
  gap:52px;
  align-items:center;
}
.pg-about-hero .pg-kicker{
  color:#ff9a31;
}
.pg-about-hero h1{
  max-width:760px;
  margin:14px 0 18px;
  color:#fff;
  font-size:58px;
  line-height:.98;
  letter-spacing:-.045em;
}
.pg-about-hero h1 em{
  color:#ff8617;
  font-style:normal;
}
.pg-about-hero-copy > p{
  max-width:690px;
  margin:0;
  color:#c5d1dd;
  font-size:19px;
  line-height:1.6;
}
.pg-about-actions{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:27px;
}
.pg-about-textlink{
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
.pg-about-hero-visual{
  position:relative;
  min-height:420px;
}
.pg-about-hero-visual > img{
  position:absolute;
  right:-15px;
  bottom:-55px;
  width:min(100%,420px);
}
.pg-about-hero-card{
  position:absolute;
  left:0;
  top:50px;
  width:210px;
  padding:17px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.pg-about-hero-card small{
  display:block;
  margin-bottom:5px;
  color:#6b7886;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.pg-about-hero-card strong{
  color:#0d1b2a;
  font-size:20px;
  line-height:1.12;
}
.pg-about-principles,
.pg-about-does,
.pg-about-trust,
.pg-about-why{
  padding:72px 0;
}
.pg-about-principles .pg-section-head{
  max-width:820px;
}
.pg-about-principles .pg-section-head > span,
.pg-about-eyebrow{
  display:block;
  margin-bottom:8px;
  color:#2457d6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pg-about-principles .pg-section-head h2,
.pg-about-does h2,
.pg-about-trust h2,
.pg-about-why h2{
  color:#0d1b2a;
  font-size:36px;
  line-height:1.1;
  letter-spacing:-.025em;
}
.pg-about-principle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.pg-about-principle-grid article{
  padding:24px;
  border-top:3px solid #2457d6;
  background:#f6f9fc;
}
.pg-about-principle-grid article > span{
  color:#f57c00;
  font-size:11px;
  font-weight:900;
}
.pg-about-principle-grid h3{
  margin:10px 0 7px;
  color:#0d1b2a;
  font-size:20px;
}
.pg-about-principle-grid p{
  margin:0;
  color:#677585;
  line-height:1.55;
}
.pg-about-does{
  background:#f4f7fa;
}
.pg-about-does-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:56px;
  align-items:start;
}
.pg-about-does p,
.pg-about-trust p,
.pg-about-why p{
  color:#667585;
  font-size:15px;
  line-height:1.65;
}
.pg-about-stack{
  display:grid;
  gap:10px;
}
.pg-about-stack a{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid #dde5ed;
  background:#fff;
  text-decoration:none;
}
.pg-about-stack strong{
  color:#0d1b2a;
  font-size:16px;
}
.pg-about-stack span{
  color:#6c7987;
  font-size:13px;
}
.pg-about-trust-box{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:46px;
  padding:36px;
  border-radius:18px;
  background:#0d1b2a;
}
.pg-about-trust-box h2{
  color:#fff;
}
.pg-about-trust-box p{
  color:#c2cfdb;
}
.pg-about-trust-points{
  display:grid;
  gap:12px;
}
.pg-about-trust-points > div{
  padding:16px;
  border-left:3px solid #f57c00;
  background:rgba(255,255,255,.06);
}
.pg-about-trust-points strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:14px;
}
.pg-about-trust-points span{
  color:#bdc9d6;
  font-size:12px;
  line-height:1.45;
}
.pg-about-why-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.pg-about-bigline{
  color:#0d1b2a;
  font-size:39px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.035em;
}
.pg-about-cta{
  padding:44px 0;
  background:#f57c00;
}
.pg-about-cta-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.pg-about-cta span{
  color:#ffe1c2;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.pg-about-cta h2{
  max-width:760px;
  margin:6px 0 0;
  color:#fff;
  font-size:29px;
  line-height:1.12;
}
.pg-about-cta .pg-btn{
  background:#0d1b2a;
  border-color:#0d1b2a;
  white-space:nowrap;
}

@media(max-width:800px){
  .pg-about-hero{
    padding:42px 0 36px;
  }
  .pg-about-hero-grid,
  .pg-about-does-grid,
  .pg-about-trust-box,
  .pg-about-why-grid{
    grid-template-columns:1fr;
  }
  .pg-about-hero h1{
    font-size:43px;
  }
  .pg-about-hero-copy > p{
    font-size:16px;
  }
  .pg-about-hero-visual{
    min-height:335px;
  }
  .pg-about-hero-visual > img{
    width:300px;
    right:0;
    bottom:-45px;
  }
  .pg-about-hero-card{
    top:30px;
    width:175px;
  }
  .pg-about-principles,
  .pg-about-does,
  .pg-about-trust,
  .pg-about-why{
    padding:48px 0;
  }
  .pg-about-principle-grid{
    grid-template-columns:1fr;
  }
  .pg-about-principles .pg-section-head h2,
  .pg-about-does h2,
  .pg-about-trust h2,
  .pg-about-why h2{
    font-size:29px;
  }
  .pg-about-stack a{
    grid-template-columns:1fr;
    gap:5px;
  }
  .pg-about-bigline{
    font-size:32px;
  }
  .pg-about-cta-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .pg-about-cta .pg-btn{
    width:100%;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.8 - kleine UX-/Design-Anpassungen
   ================================================== */
.pg-scrolltop{
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:120;
  width:52px;
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,#0a78cf 0%, #075fae 100%);
  color:#fff;
  box-shadow:0 18px 35px rgba(7,95,174,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease;
}
.pg-scrolltop:hover{
  background:linear-gradient(180deg,#0b84df 0%, #0866bb 100%);
  color:#fff;
}
.pg-scrolltop.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.pg-scrolltop span{
  font-size:22px;
  line-height:1;
  font-weight:900;
}

@media(max-width:800px){
  .pg-scrolltop{
    right:14px;
    bottom:18px;
    width:48px;
    height:48px;
    border-radius:14px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.9 - Scrollbutton mit Logo
   ================================================== */
.pg-scrolltop{
  gap:6px;
  padding:0 10px;
  width:auto;
  min-width:64px;
}
.pg-scrolltop__logo{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.pg-scrolltop__logo img{
  width:22px;
  height:22px;
  object-fit:contain;
  display:block;
}
.pg-scrolltop__arrow{
  font-size:19px;
  line-height:1;
  font-weight:900;
  transform:translateY(-1px);
}
@media(max-width:800px){
  .pg-scrolltop{
    min-width:58px;
    padding:0 9px;
    gap:5px;
  }
  .pg-scrolltop__logo,
  .pg-scrolltop__logo img{
    width:20px;
    height:20px;
  }
  .pg-scrolltop__arrow{
    font-size:18px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.10 - feste Rechts-/Newsletterseiten
   ================================================== */
.pg-legal-template{background:#fff}
.pg-legal-template-shell{width:min(calc(100% - 36px),1180px);margin:0 auto}
.pg-newsletter-template{background:#fff}
.pg-legal-missing{
  display:inline-block;
  padding:2px 6px;
  border-radius:5px;
  background:#fff0db;
  color:#955a00;
  font-weight:800;
}
.pg-legal-form-lines p{
  padding:8px 0;
  border-bottom:1px solid #dfe5eb;
}

/* 1.0.12 - Homepage Giveaway + Premium */
.pg-home-giveaway{padding:34px 0 24px;background:#fff}
.pg-home-giveaway-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:38px;align-items:center;background:linear-gradient(135deg,#0c2035,#13365d);border-radius:28px;padding:44px 52px;overflow:hidden;position:relative;box-shadow:0 22px 50px rgba(12,32,53,.12)}
.pg-home-giveaway-inner:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,101,0,.08);right:-80px;top:-120px}
.pg-home-giveaway-copy{position:relative;z-index:2}
.pg-home-giveaway-copy .pg-kicker{color:#ff8a35}
.pg-home-giveaway-copy h2{margin:8px 0 12px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.05}
.pg-home-giveaway-copy p{color:#dbe6f0;max-width:720px;font-size:17px;line-height:1.65}
.pg-home-giveaway-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
.pg-home-giveaway-points span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.pg-home-giveaway-cover{position:relative;z-index:2;display:flex;justify-content:center}
.pg-home-giveaway-cover img{width:min(100%,250px);border-radius:12px;box-shadow:0 20px 45px rgba(0,0,0,.28);transform:rotate(2deg)}

.pg-home-premium{padding:66px 0;background:#f5f8fb}
.pg-home-premium-inner{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:58px;align-items:center;background:#fff;border:1px solid #e3eaf1;border-radius:28px;padding:44px 52px;box-shadow:0 18px 44px rgba(20,48,76,.08)}
.pg-home-premium-cover{text-align:center}
.pg-home-premium-cover img{width:min(100%,300px);border-radius:14px;box-shadow:0 18px 42px rgba(12,32,53,.16);transform:rotate(-1.5deg)}
.pg-home-premium-copy h2{margin:8px 0 14px;color:#0c2035;font-size:clamp(30px,4vw,44px);line-height:1.08}
.pg-home-premium-copy p{font-size:17px;line-height:1.65;color:#53677c}
.pg-home-premium-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none;padding:0;margin:24px 0 30px}
.pg-home-premium-copy li{position:relative;padding-left:24px;font-weight:700;color:#183a5c}
.pg-home-premium-copy li:before{content:"✓";position:absolute;left:0;color:#ff6500;font-weight:800}
.pg-home-premium-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pg-home-premium-actions span{font-size:18px;font-weight:800;color:#0c2035}

@media (max-width:900px){
  .pg-home-giveaway-inner,.pg-home-premium-inner{grid-template-columns:1fr;padding:34px 28px}
  .pg-home-giveaway-cover{order:-1}.pg-home-giveaway-cover img{width:190px}
  .pg-home-premium-cover img{width:220px}
}
@media (max-width:620px){
  .pg-home-giveaway,.pg-home-premium{padding:28px 0}
  .pg-home-giveaway-inner,.pg-home-premium-inner{border-radius:20px;padding:28px 20px;gap:28px}
  .pg-home-premium-copy ul{grid-template-columns:1fr}
}


/* ==================================================
   Preis-Guru Theme 1.0.13 - Marken-Scrollbutton
   ================================================== */
.pg-scrolltop{
  right:20px;
  bottom:22px;
  width:66px;
  min-width:66px;
  height:66px;
  padding:0;
  gap:0;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:0 12px 30px rgba(8,38,75,.28);
  overflow:visible;
  isolation:isolate;
  transform:translateY(12px) scale(.94);
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease,
    filter .22s ease,
    box-shadow .22s ease;
}
.pg-scrolltop::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,148,24,.24) 0%,rgba(255,148,24,0) 68%);
  opacity:0;
  transform:scale(.82);
  transition:opacity .22s ease,transform .22s ease;
  z-index:-1;
}
.pg-scrolltop.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.pg-scrolltop:hover{
  background:transparent;
  transform:translateY(-3px) scale(1.06);
  box-shadow:0 17px 38px rgba(8,38,75,.34);
  filter:saturate(1.06);
}
.pg-scrolltop:hover::before{
  opacity:1;
  transform:scale(1.23);
}
.pg-scrolltop:active{
  transform:translateY(-1px) scale(.98);
}
.pg-scrolltop:focus-visible{
  outline:3px solid rgba(255,148,24,.55);
  outline-offset:4px;
}
.pg-scrolltop__icon{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  pointer-events:none;
  user-select:none;
}
.pg-scrolltop__logo,
.pg-scrolltop__arrow{
  display:none !important;
}

@media(max-width:800px){
  .pg-scrolltop{
    right:14px;
    bottom:16px;
    width:56px;
    min-width:56px;
    height:56px;
    padding:0;
    border-radius:50%;
  }
}

@media(prefers-reduced-motion:reduce){
  .pg-scrolltop{
    transition:opacity .15s ease,visibility .15s ease;
  }
  .pg-scrolltop:hover{
    transform:none;
  }
}

/* 1.0.14 – Einzelrechner: doppelten Seiten-Hero entfernt */
.pg-calculator-page--single-hero{
  padding-top:28px;
}
@media(max-width:640px){
  .pg-calculator-page--single-hero{
    padding-top:18px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.16 – Affiliate-Hinweis
   bewusst ruhig, seriös und hochwertig
   ================================================== */
.pg-affiliate-page{
  background:#f5f7f9;
}
.pg-affiliate-hero{
  position:relative;
  overflow:hidden;
  background:#0b2238;
  color:#fff;
}
.pg-affiliate-hero::after{
  content:"";
  position:absolute;
  inset:auto -120px -180px auto;
  width:420px;
  height:420px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
}
.pg-affiliate-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:82px;
  align-items:end;
  padding-top:72px;
  padding-bottom:68px;
}
.pg-affiliate-kicker{
  display:block;
  margin-bottom:14px;
  color:#e58a4f;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.pg-affiliate-hero h1{
  max-width:760px;
  margin:0 0 20px;
  color:#fff;
  font-size:clamp(42px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.pg-affiliate-hero__copy>p{
  max-width:760px;
  margin:0;
  color:#c7d2dc;
  font-size:17px;
  line-height:1.75;
}
.pg-affiliate-hero__meta{
  border-top:1px solid rgba(255,255,255,.16);
}
.pg-affiliate-hero__meta>div{
  padding:17px 0 18px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.pg-affiliate-hero__meta strong,
.pg-affiliate-hero__meta span{
  display:block;
}
.pg-affiliate-hero__meta strong{
  margin-bottom:4px;
  color:#fff;
  font-size:14px;
}
.pg-affiliate-hero__meta span{
  color:#9fb0be;
  font-size:12px;
  line-height:1.5;
}

.pg-affiliate-content{
  padding:58px 0 76px;
}
.pg-affiliate-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:34px;
  align-items:start;
}
.pg-affiliate-document{
  padding:48px 54px 50px;
  border:1px solid #dfe5ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 44px rgba(17,38,57,.055);
}
.pg-affiliate-document__lead{
  margin-bottom:36px;
  padding-bottom:28px;
  border-bottom:1px solid #dfe5ea;
}
.pg-affiliate-document__lead>span{
  display:block;
  margin-bottom:9px;
  color:#df6f26;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
.pg-affiliate-document__lead h2{
  max-width:720px;
  margin:0;
  color:#0b2238;
  font-size:clamp(28px,3vw,38px);
  line-height:1.15;
  letter-spacing:-.025em;
}
.pg-affiliate-copy{
  color:#30475a;
  font-size:16px;
  line-height:1.78;
}
.pg-affiliate-copy>p:first-child{
  margin-top:0;
  font-size:18px;
  line-height:1.75;
  color:#273f53;
}
.pg-affiliate-copy h2,
.pg-affiliate-copy h3{
  margin:38px 0 14px;
  color:#0b2238;
  line-height:1.25;
  letter-spacing:-.02em;
}
.pg-affiliate-copy h2{font-size:26px}
.pg-affiliate-copy h3{font-size:20px}
.pg-affiliate-copy p{
  margin:0 0 20px;
}
.pg-affiliate-copy ul{
  margin:18px 0 24px;
  padding:0;
  list-style:none;
}
.pg-affiliate-copy li{
  position:relative;
  margin:0;
  padding:10px 0 10px 26px;
  border-bottom:1px solid #edf0f2;
}
.pg-affiliate-copy li::before{
  content:"";
  position:absolute;
  left:2px;
  top:20px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#df6f26;
}
.pg-affiliate-copy a{
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.pg-affiliate-aside{
  position:sticky;
  top:110px;
  padding:30px 30px 28px;
  border-top:3px solid #df6f26;
  background:#0f2a43;
  color:#fff;
  box-shadow:0 16px 38px rgba(15,42,67,.11);
}
.pg-affiliate-aside__label{
  display:block;
  margin-bottom:20px;
  color:#eda272;
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
}
.pg-affiliate-aside blockquote{
  margin:0 0 20px;
  padding:0;
  border:0;
  color:#fff;
  font-size:25px;
  font-weight:760;
  line-height:1.24;
  letter-spacing:-.025em;
}
.pg-affiliate-aside p{
  margin:0 0 26px;
  color:#b9c6d1;
  font-size:13px;
  line-height:1.7;
}
.pg-affiliate-aside__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.pg-affiliate-aside__link:hover{
  color:#eda272;
}

@media(max-width:900px){
  .pg-affiliate-hero__inner{
    grid-template-columns:1fr;
    gap:38px;
    padding-top:54px;
    padding-bottom:52px;
  }
  .pg-affiliate-layout{
    grid-template-columns:1fr;
  }
  .pg-affiliate-aside{
    position:static;
  }
}
@media(max-width:640px){
  .pg-affiliate-hero__inner{
    padding-top:42px;
    padding-bottom:42px;
  }
  .pg-affiliate-hero h1{
    font-size:40px;
  }
  .pg-affiliate-hero__copy>p{
    font-size:15px;
  }
  .pg-affiliate-content{
    padding:28px 0 46px;
  }
  .pg-affiliate-document{
    padding:30px 24px 34px;
    border-radius:8px;
  }
  .pg-affiliate-document__lead{
    margin-bottom:28px;
    padding-bottom:22px;
  }
  .pg-affiliate-aside{
    padding:26px 24px;
  }
  .pg-affiliate-aside blockquote{
    font-size:22px;
  }
}


/* 1.0.18 – Affiliate-Hinweis: rechte Box nur mit Rechnerlinks */
.pg-affiliate-aside--calculators{
  padding:28px 28px 24px;
}
.pg-affiliate-aside--calculators .pg-affiliate-aside__label{
  margin-bottom:14px;
}
.pg-affiliate-calculators{
  display:grid;
}
.pg-affiliate-calculators a{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:62px;
  border-top:1px solid rgba(255,255,255,.14);
  color:#fff;
  text-decoration:none;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.pg-affiliate-calculators a:first-child{
  border-top:0;
}
.pg-affiliate-calculators a:hover{
  color:#f0a16d;
  transform:translateX(2px);
}
.pg-affiliate-calculators__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  color:#f0a16d;
}
.pg-affiliate-calculators__icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pg-affiliate-calculators a>span:nth-child(2){
  font-size:14px;
  font-weight:720;
}
.pg-affiliate-calculators b{
  font-size:17px;
  font-weight:500;
  color:#7890a3;
  transition:color .16s ease;
}
.pg-affiliate-calculators a:hover b{
  color:#f0a16d;
}


/* ==================================================
   Preis-Guru Theme 1.0.20 – Ratgeber Hybrid
   Altes Design + hervorgehobener neuester Beitrag
   ================================================== */
.pg-guides-classic{
  padding-top:42px;
  padding-bottom:72px;
}

.pg-guide-feature-classic{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  overflow:hidden;
  margin-bottom:34px;
  border:1px solid #dce3e9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 42px rgba(11,34,56,.07);
}

.pg-guide-feature-classic__content{
  padding:38px 42px 40px;
}

.pg-guide-feature-classic__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  color:#6b7d8b;
  font-size:12px;
  font-weight:700;
}

.pg-guide-feature-classic__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff3e9;
  color:#cf621b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pg-guide-feature-classic h2{
  max-width:900px;
  margin:0 0 14px;
  color:#0b2238;
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.pg-guide-feature-classic h2 a{
  color:inherit;
  text-decoration:none;
}

.pg-guide-feature-classic h2 a:hover{
  color:#d96820;
}

.pg-guide-feature-classic p{
  max-width:820px;
  margin:0 0 24px;
  color:#5a6d7d;
  font-size:15px;
  line-height:1.7;
}

.pg-guide-feature-classic__link{
  font-weight:800;
}

.pg-guide-feature-classic__accent{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:28px 18px;
  border-left:1px solid #e2e7eb;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent),
    #0b2238;
}

.pg-guide-feature-classic__accent span{
  color:rgba(255,255,255,.14);
  font-size:82px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.07em;
}

.pg-guide-classic-heading{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  color:#0b2238;
  font-size:13px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pg-guide-classic-heading::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:#d9e0e6;
}

.pg-guides-classic .pg-archive-grid{
  padding-top:0;
  padding-bottom:0;
}

@media(max-width:720px){
  .pg-guides-classic{
    padding-top:26px;
    padding-bottom:52px;
  }

  .pg-guide-feature-classic{
    grid-template-columns:1fr;
    border-radius:14px;
  }

  .pg-guide-feature-classic__content{
    padding:28px 24px 30px;
  }

  .pg-guide-feature-classic__accent{
    display:none;
  }

  .pg-guide-feature-classic h2{
    font-size:30px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.21 – Vergleiche Hybrid
   Bestehendes Design + hervorgehobener neuester Vergleich
   ================================================== */
.pg-comparisons-classic{
  padding-top:42px;
  padding-bottom:72px;
}

.pg-comparison-feature-classic{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  overflow:hidden;
  margin-bottom:34px;
  border:1px solid #dce3e9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 42px rgba(11,34,56,.07);
}

.pg-comparison-feature-classic__content{
  padding:38px 42px 40px;
}

.pg-comparison-feature-classic__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  color:#6b7d8b;
  font-size:12px;
  font-weight:700;
}

.pg-comparison-feature-classic__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff3e9;
  color:#cf621b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pg-comparison-feature-classic h2{
  max-width:900px;
  margin:0 0 14px;
  color:#0b2238;
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.pg-comparison-feature-classic h2 a{
  color:inherit;
  text-decoration:none;
}

.pg-comparison-feature-classic h2 a:hover{
  color:#d96820;
}

.pg-comparison-feature-classic p{
  max-width:820px;
  margin:0 0 24px;
  color:#5a6d7d;
  font-size:15px;
  line-height:1.7;
}

.pg-comparison-feature-classic__link{
  font-weight:800;
}

.pg-comparison-feature-classic__accent{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:28px 18px;
  border-left:1px solid #e2e7eb;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent),
    #0b2238;
}

.pg-comparison-feature-classic__accent span{
  color:rgba(255,255,255,.14);
  font-size:82px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.07em;
}

.pg-comparison-classic-heading{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  color:#0b2238;
  font-size:13px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pg-comparison-classic-heading::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:#d9e0e6;
}

.pg-comparisons-classic .pg-archive-grid{
  padding-top:0;
  padding-bottom:0;
}

@media(max-width:720px){
  .pg-comparisons-classic{
    padding-top:26px;
    padding-bottom:52px;
  }

  .pg-comparison-feature-classic{
    grid-template-columns:1fr;
    border-radius:14px;
  }

  .pg-comparison-feature-classic__content{
    padding:28px 24px 30px;
  }

  .pg-comparison-feature-classic__accent{
    display:none;
  }

  .pg-comparison-feature-classic h2{
    font-size:30px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.22 – Kaufberater Hybrid
   Bestehendes Design + hervorgehobener neuester Kaufberater
   ================================================== */
.pg-buying-guides-classic{
  padding-top:42px;
  padding-bottom:72px;
}

.pg-buying-feature-classic{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  overflow:hidden;
  margin-bottom:34px;
  border:1px solid #dce3e9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 42px rgba(11,34,56,.07);
}

.pg-buying-feature-classic__content{
  padding:38px 42px 40px;
}

.pg-buying-feature-classic__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  color:#6b7d8b;
  font-size:12px;
  font-weight:700;
}

.pg-buying-feature-classic__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff3e9;
  color:#cf621b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pg-buying-feature-classic h2{
  max-width:900px;
  margin:0 0 14px;
  color:#0b2238;
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.pg-buying-feature-classic h2 a{
  color:inherit;
  text-decoration:none;
}

.pg-buying-feature-classic h2 a:hover{
  color:#d96820;
}

.pg-buying-feature-classic p{
  max-width:820px;
  margin:0 0 24px;
  color:#5a6d7d;
  font-size:15px;
  line-height:1.7;
}

.pg-buying-feature-classic__link{
  font-weight:800;
}

.pg-buying-feature-classic__accent{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:28px 18px;
  border-left:1px solid #e2e7eb;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent),
    #0b2238;
}

.pg-buying-feature-classic__accent span{
  color:rgba(255,255,255,.14);
  font-size:82px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.07em;
}

.pg-buying-classic-heading{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  color:#0b2238;
  font-size:13px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pg-buying-classic-heading::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:#d9e0e6;
}

.pg-buying-guides-classic .pg-archive-grid{
  padding-top:0;
  padding-bottom:0;
}

@media(max-width:720px){
  .pg-buying-guides-classic{
    padding-top:26px;
    padding-bottom:52px;
  }

  .pg-buying-feature-classic{
    grid-template-columns:1fr;
    border-radius:14px;
  }

  .pg-buying-feature-classic__content{
    padding:28px 24px 30px;
  }

  .pg-buying-feature-classic__accent{
    display:none;
  }

  .pg-buying-feature-classic h2{
    font-size:30px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.25 – Angebotsseite
   Alter Hero bleibt vollständig erhalten.
   Nur der Unterbau wird hochwertiger/ruhiger.
   ================================================== */

/* Inhaltsübersicht kompakter und ruhiger */
.pg-premium-product-page .pg-product-value-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:34px 0 30px;
  border-top:1px solid #d9e1e7;
  border-left:1px solid #d9e1e7;
  background:#fff;
}

.pg-premium-product-page .pg-product-value-grid article{
  min-height:108px;
  padding:22px 24px;
  border:0;
  border-right:1px solid #d9e1e7;
  border-bottom:1px solid #d9e1e7;
  border-radius:0;
  background:#fff;
}

.pg-premium-product-page .pg-product-value-grid strong{
  margin-bottom:8px;
  color:#0b2238;
  font-size:16px;
}

.pg-premium-product-page .pg-product-value-grid p{
  color:#617382;
  font-size:13px;
  line-height:1.65;
}

/* Free / Premium klarer und sachlicher */
.pg-premium-product-page .pg-product-difference{
  gap:42px;
  margin:30px 0;
  padding:32px 36px;
  border:1px solid #dce3e8;
  border-left:4px solid #e07834;
  border-radius:8px;
  background:#fff;
}

.pg-premium-product-page .pg-product-difference>div>span{
  color:#d96820;
  font-size:10px;
  letter-spacing:.14em;
}

.pg-premium-product-page .pg-product-difference h2{
  margin-top:10px;
  color:#0b2238;
  font-size:28px;
  line-height:1.22;
}

.pg-premium-product-page .pg-product-difference h2 em{
  color:#0b2238;
  font-style:normal;
}

.pg-premium-product-page .pg-product-difference li{
  padding:11px 0 11px 24px;
  border-bottom:1px solid #edf0f2;
  color:#405668;
  font-size:13px;
  line-height:1.5;
}

.pg-premium-product-page .pg-product-difference li::before{
  top:11px;
  color:#d96820;
}

/* Checkout hochwertiger, ohne den Hero anzutasten */
.pg-premium-product-page .pg-product-order{
  gap:42px;
  margin:30px 0 0;
  padding:36px 38px;
  border:1px solid #d8e0e6;
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 46px rgba(11,34,56,.065);
}

.pg-premium-product-page .pg-product-order-copy>span,
.pg-premium-product-page .pg-product-order-result>span{
  color:#d96820;
  font-size:10px;
  letter-spacing:.14em;
}

.pg-premium-product-page .pg-product-order h2{
  color:#0b2238;
  font-size:31px;
  letter-spacing:-.025em;
}

.pg-premium-product-page .pg-product-order-copy p{
  color:#617382;
  line-height:1.68;
}

.pg-premium-product-page .pg-product-order-price{
  color:#0b2238;
  font-size:38px;
  letter-spacing:-.04em;
}

.pg-premium-product-page .pg-paypal-note{
  border-radius:6px;
  background:#f3f6f8;
}

.pg-premium-product-page .pg-product-order-form input[type=text],
.pg-premium-product-page .pg-product-order-form input[type=email]{
  min-height:50px;
  border:1px solid #cbd5dd;
  border-radius:6px;
  background:#fff;
}

.pg-premium-product-page .pg-product-order-form input[type=text]:focus,
.pg-premium-product-page .pg-product-order-form input[type=email]:focus{
  border-color:#0b2238;
  box-shadow:0 0 0 3px rgba(11,34,56,.07);
  outline:0;
}

.pg-premium-product-page .pg-sales-legal-links{
  gap:16px;
}

.pg-premium-product-page .pg-sales-legal-links a{
  border-radius:0;
  color:#314a5e;
  font-size:11px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

.pg-premium-product-page .pg-product-order-form button{
  min-height:56px;
  border-radius:6px;
  background:#0b2238;
  box-shadow:none;
  font-weight:800;
}

.pg-premium-product-page .pg-product-order-form button:hover{
  background:#12344f;
}

@media(max-width:680px){
  .pg-premium-product-page .pg-product-value-grid{
    grid-template-columns:1fr;
  }

  .pg-premium-product-page .pg-product-difference{
    grid-template-columns:1fr;
    gap:26px;
    padding:30px 24px;
  }

  .pg-premium-product-page .pg-product-order{
    padding:30px 24px;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.27 – Startseite Hybrid
   Basis 1.0.25 bleibt erhalten.
   Nur Vergleich, Ratgeber und CTA gezielt verfeinert.
   ================================================== */

.pg-home-compare-hybrid,
.pg-home-guide-hybrid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:22px;
}

.pg-home-compare-highlight,
.pg-home-guide-highlight{
  display:flex;
  min-height:300px;
  flex-direction:column;
  justify-content:center;
  padding:38px 42px;
  border:1px solid #dce3e9;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(20,48,76,.06);
}

.pg-home-compare-highlight__meta,
.pg-home-guide-highlight__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.pg-home-compare-highlight__meta span,
.pg-home-guide-highlight__meta span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff2e8;
  color:#cf621b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.pg-home-compare-highlight__meta small,
.pg-home-guide-highlight__meta small{
  color:#6d7f8d;
  font-size:11px;
  font-weight:700;
}

.pg-home-compare-highlight h3,
.pg-home-guide-highlight h3{
  margin:0 0 13px;
  color:#0b2238;
  font-size:clamp(28px,3vw,38px);
  line-height:1.12;
  letter-spacing:-.03em;
}

.pg-home-compare-highlight h3 a,
.pg-home-guide-highlight h3 a{
  color:inherit;
  text-decoration:none;
}

.pg-home-compare-highlight h3 a:hover,
.pg-home-guide-highlight h3 a:hover{
  color:#d96820;
}

.pg-home-compare-highlight p,
.pg-home-guide-highlight p{
  max-width:720px;
  margin:0 0 21px;
  color:#617382;
  font-size:14px;
  line-height:1.68;
}

.pg-home-compare-secondary,
.pg-home-guide-secondary{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.pg-home-compare-secondary .pg-comparison-card,
.pg-home-guide-secondary .pg-article-card{
  min-height:141px;
  margin:0;
}

.pg-home-compare-secondary .pg-comparison-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.pg-home-compare-secondary .pg-comparison-card h3,
.pg-home-guide-secondary .pg-article-card h3{
  font-size:20px;
  line-height:1.2;
}

.pg-home-compare-secondary .pg-comparison-card p,
.pg-home-guide-secondary .pg-article-card p{
  font-size:13px;
  line-height:1.55;
}

.pg-home-premium-actions span{
  font-size:20px;
  font-weight:850;
}

.pg-home-conversion h2{
  letter-spacing:-.025em;
}

@media(max-width:900px){
  .pg-home-compare-hybrid,
  .pg-home-guide-hybrid{
    grid-template-columns:1fr;
  }

  .pg-home-compare-secondary,
  .pg-home-guide-secondary{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:680px){
  .pg-home-compare-highlight,
  .pg-home-guide-highlight{
    min-height:0;
    padding:28px 24px;
    border-radius:16px;
  }

  .pg-home-compare-secondary,
  .pg-home-guide-secondary{
    grid-template-columns:1fr;
  }
}


/* ==================================================
   Preis-Guru Theme 1.0.28 – Mobile Einzelrechner
   Nur page-calculator.php / Rechnerseiten.
   ================================================== */
@media(max-width:650px){
  body.page-template-page-calculator{
    overflow-x:hidden;
  }

  body.page-template-page-calculator .pg-calculator-page--single-hero{
    padding-top:14px;
  }

  body.page-template-page-calculator .pg-calculator-page>.pg-shell{
    width:min(calc(100% - 20px),1180px);
  }

  body.page-template-page-calculator .pg-calculator-intro-card{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 22px;
    grid-template-rows:auto auto;
    gap:3px 10px;
    margin-bottom:14px;
    padding:13px 14px;
    border-radius:14px;
    background:#f8fbff;
    box-shadow:none;
  }

  body.page-template-page-calculator .pg-calculator-intro-card:before{
    grid-column:1;
    grid-row:1 / span 2;
    width:34px;
    height:34px;
    margin:0;
    background:#e9f4ff;
    color:#1374ce;
  }

  body.page-template-page-calculator .pg-calculator-intro-card:after{
    content:"⌄";
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:end;
    display:block;
    width:auto;
    margin:0;
    padding:0;
    background:transparent;
    color:#52677a;
    font-size:19px;
    line-height:1;
  }

  body.page-template-page-calculator .pg-calculator-intro-card strong{
    grid-column:2;
    grid-row:1;
    margin:0;
    font-size:12px;
  }

  body.page-template-page-calculator .pg-calculator-intro-card p{
    grid-column:2;
    grid-row:2;
    margin:0;
    color:#647788;
    font-size:10.5px;
    line-height:1.4;
  }

  body.page-template-page-calculator .pg-calculator-switcher{
    padding:16px;
    border-radius:14px;
  }

  body.page-template-page-calculator .pg-calculator-switcher h2{
    font-size:20px;
  }

  body.page-template-page-calculator .pg-calculator-switcher-grid{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   Preis-Guru 1.0.33 – Angebote
   ========================================================== */
.pg-offers-page{background:#fff;color:#102538}
.pg-offers-hero{
  position:relative;
  overflow:hidden;
  background:#0b2b45;
  color:#fff;
}
.pg-offers-hero:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-170px;top:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,136,28,.19),rgba(255,136,28,0) 70%);
  pointer-events:none;
}
.pg-offers-hero__inner{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:64px;
  align-items:center;
  padding-top:72px;
  padding-bottom:72px;
}
.pg-offers-kicker{
  display:inline-flex;
  margin-bottom:15px;
  color:#f58a25;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
}
.pg-offers-hero h1{
  max-width:760px;
  margin:0;
  font-size:clamp(38px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.pg-offers-hero__copy>p{
  max-width:720px;
  margin:22px 0 0;
  color:#cbd8e3;
  font-size:17px;
  line-height:1.65;
}
.pg-offers-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.pg-offers-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:8px;
  font-weight:800;
  text-decoration:none;
}
.pg-offers-btn--primary{background:#f58220;color:#fff}
.pg-offers-btn--primary:hover{background:#e9730f;color:#fff}
.pg-offers-btn--ghost{border:1px solid rgba(255,255,255,.22);color:#fff}
.pg-offers-btn--ghost:hover{border-color:rgba(255,255,255,.45);color:#fff}
.pg-offers-hero__panel{
  padding:28px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  box-shadow:0 16px 45px rgba(0,0,0,.12);
}
.pg-offers-hero__panel>span{
  display:block;
  margin-bottom:18px;
  color:#f58a25;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.pg-offers-hero__panel strong{
  display:block;
  padding:8px 0;
  color:#fff;
  font-size:25px;
  line-height:1.15;
}
.pg-offers-hero__panel p{
  margin:18px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.13);
  color:#bfcddb;
  font-size:12px;
  line-height:1.55;
}

.pg-offers-trust{border-bottom:1px solid #e8eef3;background:#f8fbfd}
.pg-offers-trust__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
.pg-offers-trust__grid>div{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:center;
  min-height:98px;
  padding:18px 28px;
  border-right:1px solid #e5ebf0;
}
.pg-offers-trust__grid>div:first-child{padding-left:0}
.pg-offers-trust__grid>div:last-child{border-right:0;padding-right:0}
.pg-offers-trust b{
  color:#f58220;
  font-size:13px;
  letter-spacing:.05em;
}
.pg-offers-trust span{color:#6b7b89;font-size:12px;line-height:1.45}
.pg-offers-trust strong{display:block;color:#102538;font-size:14px}

.pg-offers-main{padding:72px 0 78px}
.pg-offers-heading{max-width:760px;margin-bottom:34px}
.pg-offers-heading h2{
  margin:0;
  color:#102538;
  font-size:clamp(31px,4vw,45px);
  line-height:1.07;
  letter-spacing:-.035em;
}
.pg-offers-heading p{
  margin:16px 0 0;
  color:#607382;
  font-size:15px;
  line-height:1.7;
}
.pg-offers-list{
  border-top:1px solid #dfe7ed;
}
.pg-offer-row{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) minmax(260px,330px);
  gap:24px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid #dfe7ed;
}
.pg-offer-row__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;height:54px;
  border-radius:12px;
  background:#edf5fb;
  color:#0d5d99;
}
.pg-offer-row__icon svg{
  width:28px;height:28px;
  stroke:currentColor;
}
.pg-offer-row__copy>span{
  display:block;
  margin-bottom:5px;
  color:#f58220;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}
.pg-offer-row__copy h3{
  margin:0;
  color:#102538;
  font-size:22px;
  letter-spacing:-.02em;
}
.pg-offer-row__copy p{
  max-width:720px;
  margin:7px 0 0;
  color:#647684;
  font-size:13px;
  line-height:1.6;
}
.pg-offer-row__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
}
.pg-offer-row__calc{
  align-self:flex-start;
  margin-bottom:9px;
  color:#536878;
  font-size:11px;
  font-weight:750;
  text-decoration:none;
}
.pg-offer-row__calc:hover{color:#0b5d98}
.pg-offer-row__ad{
  display:block;
  margin-bottom:7px;
  color:#8997a2;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.pg-offer-row__partner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-height:46px;
  padding:11px 15px;
  border-radius:8px;
  background:#0b2b45;
  color:#fff;
  font-size:12.5px;
  font-weight:850;
  text-decoration:none;
}
.pg-offer-row__partner:hover{background:#123c60;color:#fff}
.pg-offer-row__partner b{color:#f58a25;font-size:18px}
.pg-offer-row__soon{
  color:#7b8994;
  font-size:12px;
  font-style:italic;
}
.pg-offers-disclosure{
  margin:28px 0 0;
  padding:18px 20px;
  border-left:3px solid #f58220;
  background:#fff9f3;
  color:#657786;
  font-size:11.5px;
  line-height:1.65;
}
.pg-offers-disclosure strong{color:#102538}
.pg-offers-disclosure a{
  margin-left:5px;
  color:#0b5d98;
  font-weight:800;
  text-decoration:none;
}

.pg-offers-premium{
  padding:48px 0;
  background:#0b2b45;
  color:#fff;
}
.pg-offers-premium__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:52px;
  align-items:center;
}
.pg-offers-premium h2{
  max-width:760px;
  margin:0;
  font-size:31px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.pg-offers-premium p{
  max-width:720px;
  margin:13px 0 0;
  color:#c7d5df;
  font-size:14px;
  line-height:1.6;
}
.pg-offers-premium__cta{
  min-width:260px;
  padding-left:34px;
  border-left:1px solid rgba(255,255,255,.15);
}
.pg-offers-premium__cta strong{
  display:block;
  color:#fff;
  font-size:32px;
}
.pg-offers-premium__cta span{
  display:block;
  margin:3px 0 15px;
  color:#aebfcb;
  font-size:11px;
}
.pg-offers-premium__cta a{
  color:#f58a25;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}

@media(max-width:900px){
  .pg-offers-hero__inner{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:54px;
    padding-bottom:54px;
  }
  .pg-offers-hero__panel{max-width:560px}
  .pg-offers-trust__grid{grid-template-columns:1fr}
  .pg-offers-trust__grid>div,
  .pg-offers-trust__grid>div:first-child,
  .pg-offers-trust__grid>div:last-child{
    padding:17px 0;
    border-right:0;
    border-bottom:1px solid #e5ebf0;
  }
  .pg-offers-trust__grid>div:last-child{border-bottom:0}
  .pg-offer-row{
    grid-template-columns:58px minmax(0,1fr);
  }
  .pg-offer-row__actions{
    grid-column:2;
    max-width:390px;
  }
  .pg-offers-premium__inner{grid-template-columns:1fr;gap:28px}
  .pg-offers-premium__cta{
    min-width:0;
    padding:0;
    border-left:0;
  }
}
@media(max-width:620px){
  .pg-offers-hero__inner{
    padding-top:38px;
    padding-bottom:38px;
  }
  .pg-offers-hero h1{font-size:37px}
  .pg-offers-hero__copy>p{font-size:14px}
  .pg-offers-hero__actions{display:grid;grid-template-columns:1fr}
  .pg-offers-btn{width:100%}
  .pg-offers-hero__panel{padding:20px}
  .pg-offers-hero__panel strong{font-size:21px}
  .pg-offers-main{padding:48px 0 52px}
  .pg-offers-heading h2{font-size:31px}
  .pg-offer-row{
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    padding:22px 0;
  }
  .pg-offer-row__icon{width:42px;height:42px;border-radius:10px}
  .pg-offer-row__icon svg{width:23px;height:23px}
  .pg-offer-row__copy h3{font-size:19px}
  .pg-offer-row__copy p{font-size:12px}
  .pg-offer-row__actions{grid-column:1 / -1}
  .pg-offer-row__partner{width:100%}
  .pg-offers-premium{padding:38px 0}
  .pg-offers-premium h2{font-size:26px}
}


/* ==========================================================
   Preis-Guru 1.0.34 – Angebote V2 + Premium Navigation
   ========================================================== */
.pg-nav a.pg-nav-premium{
  color:#f06d00;
  font-weight:900;
}
.pg-nav a.pg-nav-premium:hover{color:#ff8a1a}

.pg-offers-page--v2{background:#fff}
.pg-offers-hero-v2{
  position:relative;
  overflow:hidden;
  background:#0b2b45;
  color:#fff;
}
.pg-offers-hero-v2:before{
  content:"";
  position:absolute;
  inset:auto -130px -230px auto;
  width:560px;height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,130,32,.20),rgba(245,130,32,0) 69%);
}
.pg-offers-hero-v2__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  gap:72px;
  align-items:center;
  padding-top:62px;
  padding-bottom:62px;
}
.pg-offers-hero-v2 h1{
  max-width:790px;
  margin:0;
  font-size:clamp(40px,5vw,62px);
  line-height:1.01;
  letter-spacing:-.045em;
}
.pg-offers-hero-v2__copy>p{
  max-width:720px;
  margin:20px 0 0;
  color:#cbd8e3;
  font-size:16px;
  line-height:1.65;
}
.pg-offers-hero-v2__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:27px;
}
.pg-offers-hero-v2__visual{
  position:relative;
  min-height:310px;
  padding:30px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(0,0,0,.13);
}
.pg-offers-hero-v2__badge{
  display:inline-flex;
  margin-bottom:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(245,130,32,.13);
  color:#ff9a45;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.pg-offers-hero-v2__step{
  display:flex;
  align-items:center;
  gap:17px;
}
.pg-offers-hero-v2__step b{
  display:flex;
  width:42px;height:42px;
  align-items:center;justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  color:#ff9a45;
  font-size:13px;
}
.pg-offers-hero-v2__step span{
  color:#fff;
  font-size:23px;
  font-weight:850;
}
.pg-offers-hero-v2__line{
  width:1px;height:28px;
  margin:5px 0 5px 21px;
  background:rgba(255,255,255,.15);
}

/* Own product */
.pg-offers-own-product{
  padding:42px 0;
  border-bottom:1px solid #e3eaf0;
  background:#f7fafc;
}
.pg-offers-own-product__inner{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:34px;
  align-items:center;
}
.pg-offers-own-product__cover{
  display:flex;
  align-items:center;
  justify-content:center;
}
.pg-offers-own-product__cover img{
  width:118px;
  max-height:154px;
  object-fit:contain;
  border-radius:7px;
  box-shadow:0 13px 28px rgba(14,38,58,.16);
}
.pg-offers-own-product__copy h2{
  margin:0;
  color:#102538;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.pg-offers-own-product__copy p{
  max-width:800px;
  margin:11px 0 0;
  color:#647684;
  font-size:13.5px;
  line-height:1.6;
}
.pg-offers-own-product__facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.pg-offers-own-product__facts span{
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dfe7ed;
  color:#536777;
  font-size:10.5px;
  font-weight:750;
}
.pg-offers-own-product__cta{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:17px;
  color:#0b2b45;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.pg-offers-own-product__cta b{color:#f58220;font-size:17px}

/* Partner section */
.pg-offers-main-v2{
  padding:70px 0 76px;
}
.pg-offers-heading--v2{
  margin-bottom:30px;
}
.pg-offers-grid-v2{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.pg-offer-tile{
  grid-column:span 2;
  display:flex;
  flex-direction:column;
  min-height:320px;
  padding:24px;
  border:1px solid #dfe7ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,37,56,.035);
}
.pg-offer-tile--featured{
  grid-column:span 3;
  min-height:340px;
  background:linear-gradient(145deg,#f9fcfe,#fff);
}
.pg-offer-tile__top{
  display:flex;
  align-items:center;
  gap:13px;
}
.pg-offer-tile__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;height:48px;
  flex:0 0 48px;
  border-radius:11px;
  background:#edf5fb;
  color:#0c639f;
}
.pg-offer-tile__icon svg{
  width:25px;height:25px;
  stroke:currentColor;
}
.pg-offer-tile__eyebrow{
  color:#f58220;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.13em;
}
.pg-offer-tile__copy{
  margin-top:20px;
}
.pg-offer-tile__copy h3{
  margin:0;
  color:#102538;
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.pg-offer-tile__copy p{
  margin:10px 0 0;
  color:#667887;
  font-size:13px;
  line-height:1.62;
}
.pg-offer-tile__footer{
  margin-top:auto;
  padding-top:22px;
}
.pg-offer-tile__calc{
  display:inline-flex;
  margin-bottom:12px;
  color:#536878;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.pg-offer-tile__calc:hover{color:#0b5d98}
.pg-offer-tile__ad{
  display:block;
  margin-bottom:7px;
  color:#8c99a3;
  font-size:8px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.pg-offer-tile__partner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  width:100%;
  min-height:47px;
  padding:11px 14px;
  border-radius:8px;
  background:#0b2b45;
  color:#fff;
  font-size:12.5px;
  font-weight:850;
  text-decoration:none;
}
.pg-offer-tile__partner:hover{background:#123c60;color:#fff}
.pg-offer-tile__partner b{color:#f58220;font-size:18px}

.pg-offers-disclosure-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  margin-top:26px;
  padding:20px 22px;
  border-left:3px solid #f58220;
  background:#fff9f3;
}
.pg-offers-disclosure-v2 strong{
  display:block;
  margin-bottom:4px;
  color:#102538;
  font-size:13px;
}
.pg-offers-disclosure-v2 p{
  margin:0;
  color:#687a88;
  font-size:11.5px;
  line-height:1.55;
}
.pg-offers-disclosure-v2>a{
  white-space:nowrap;
  color:#0b5d98;
  font-size:11.5px;
  font-weight:850;
  text-decoration:none;
}

.pg-offers-end{
  padding:42px 0;
  background:#0b2b45;
  color:#fff;
}
.pg-offers-end__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:38px;
}
.pg-offers-end h2{
  max-width:820px;
  margin:0;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.025em;
}

@media(max-width:1050px){
  .pg-nav{gap:15px;font-size:13px}
}
@media(max-width:900px){
  .pg-offers-hero-v2__inner{
    grid-template-columns:1fr;
    gap:26px;
  }
  .pg-offers-hero-v2__visual{
    min-height:auto;
  }
  .pg-offers-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pg-offer-tile,
  .pg-offer-tile--featured{
    grid-column:span 1;
  }
}
@media(max-width:650px){
  .pg-offers-hero-v2__inner{
    padding-top:40px;
    padding-bottom:40px;
  }
  .pg-offers-hero-v2 h1{font-size:37px}
  .pg-offers-hero-v2__copy>p{font-size:14px}
  .pg-offers-hero-v2__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .pg-offers-hero-v2__visual{padding:21px}
  .pg-offers-hero-v2__step span{font-size:19px}
  .pg-offers-own-product{padding:32px 0}
  .pg-offers-own-product__inner{
    grid-template-columns:90px minmax(0,1fr);
    gap:20px;
  }
  .pg-offers-own-product__cover img{
    width:82px;
    max-height:112px;
  }
  .pg-offers-own-product__copy h2{font-size:23px}
  .pg-offers-own-product__copy p{font-size:12px}
  .pg-offers-own-product__facts{gap:6px}
  .pg-offers-own-product__facts span{font-size:9px}
  .pg-offers-main-v2{padding:48px 0 52px}
  .pg-offers-grid-v2{grid-template-columns:1fr}
  .pg-offer-tile,
  .pg-offer-tile--featured{
    grid-column:1;
    min-height:0;
    padding:20px;
  }
  .pg-offer-tile__copy h3{font-size:21px}
  .pg-offers-disclosure-v2{
    grid-template-columns:1fr;
    gap:12px;
  }
  .pg-offers-end__inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .pg-offers-end h2{font-size:26px}
}


/* 1.0.35 – Angebote: weniger Werbe-/Affiliate-Erklärung im Content */
.pg-offers-note-v2{
  margin-top:24px;
  padding:12px 0 0;
  border-top:1px solid #e3e9ee;
  color:#87949e;
  font-size:10.5px;
  line-height:1.5;
}


/* ==========================================================
   Preis-Guru 1.0.36 – Angebote klar von Premium getrennt
   ========================================================== */

/* Die Angebote-Seite enthält keine Premium-Verkaufssektion mehr.
   Premium bleibt als eigenständiger Bereich im Hauptmenü. */
.pg-offers-page--v2 .pg-offers-own-product{
  display:none !important;
}

/* Affiliate-Hinweis bewusst minimal halten */
.pg-offer-tile__ad{
  display:none !important;
}
.pg-offers-affiliate-footnote{
  margin-top:18px;
  color:#87949e;
  font-size:10.5px;
  line-height:1.5;
}
.pg-offers-affiliate-footnote span{
  display:inline-block;
}

/* Der Stern im Button bleibt dezent und gut lesbar */
.pg-offer-tile__partner{
  letter-spacing:0;
}

/* Partnerbereich nach Wegfall des Premium-Blocks etwas luftiger anschließen */
.pg-offers-main-v2{
  padding-top:64px;
}
@media(max-width:650px){
  .pg-offers-main-v2{
    padding-top:44px;
  }
}

/* Sichtbarer, direkter Zugang zur elektronischen Widerrufsfunktion */