

.page-pauschalreisen{
  --accent:#4a7d68;
  --accent-d:#3a6252;
  --accent-l:#eef5f1;
  --sand:#f2f6f3;
  --ink:#1e2b26;
  --muted:#64786e;
  --rule:#e2eae4;
}

.page-pauschalreisen{background:#fcfdfc}
.page-pauschalreisen .btn-accent:hover{box-shadow:0 6px 20px rgba(74,125,104,.3)}
.page-pauschalreisen .tag-mint{border-color:rgba(74,125,104,.25);background:var(--accent-l);color:var(--accent-d)}
.page-pauschalreisen .finput:focus{border-color:var(--accent)}
.page-pauschalreisen .ctype:hover,
.page-pauschalreisen .ctype[aria-checked="true"]{border-color:var(--accent);background:var(--accent-l);color:var(--accent-d)}
.page-pauschalreisen .ctype[aria-checked="true"]{box-shadow:0 0 0 1px var(--accent) inset}
.page-pauschalreisen .sdot-active{background:var(--accent)}
.page-pauschalreisen .sline-done{background:var(--accent)}
.page-pauschalreisen .sstep-label.on{color:var(--accent-d)}

.page-pauschalreisen .section{padding:7rem 0}

.pr-kicker{
  font-size:.6875rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;
}
.pr-kicker-dark{color:var(--accent)}

.pr-hero{padding:10rem 0 5rem;background:linear-gradient(170deg,var(--accent-l) 0%,#fcfdfc 62%)}
.pr-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.pr-title{color:var(--ink);font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.06;margin-bottom:1.75rem}
.pr-title em{font-style:italic;color:var(--accent)}
.pr-hero-sub{color:var(--muted);font-size:1.0625rem;line-height:1.75;max-width:40ch;margin-bottom:2.25rem}
.pr-hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.pr-hero-fig{margin:0}
.pr-hero-fig img{width:100%;height:460px;object-fit:cover;border-radius:2rem;box-shadow:0 24px 60px rgba(30,43,38,.13)}

.pr-sec-head{max-width:40rem;margin:0 auto 4rem;text-align:center}
.pr-sec-head h2{color:var(--ink)}
.pr-sec-head h2 em{font-style:italic;color:var(--accent)}
.pr-sec-head p{color:var(--muted);font-size:1rem;line-height:1.75;margin-top:1rem}

.pr-compare-sec{background:#fcfdfc}
.pr-compare{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}
.pr-compare-card{
  background:#fff;border:1px solid var(--rule);border-radius:1.75rem;
  padding:2.75rem;display:flex;flex-direction:column;
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
.pr-compare-card:hover{border-color:var(--accent);box-shadow:0 18px 44px rgba(30,43,38,.09);transform:translateY(-3px)}
.pr-compare-card-alt{background:var(--accent-l);border-color:transparent}
.pr-compare-label{
  font-size:.625rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.875rem;
}
.pr-compare-card h3{color:var(--ink);font-size:1.625rem;margin-bottom:1rem}
.pr-compare-lead{color:var(--muted);font-size:.9375rem;line-height:1.75;margin-bottom:1.75rem}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}
.pr-list li{display:flex;align-items:flex-start;gap:.75rem;color:#425e52;font-size:.875rem;line-height:1.6}
.pr-list svg{color:var(--accent);flex-shrink:0;margin-top:.15rem}
.pr-compare-fit{
  margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--rule);
  color:var(--muted);font-size:.875rem;line-height:1.65;
}
.pr-compare-card-alt .pr-compare-fit{border-top-color:rgba(74,125,104,.2)}
.pr-compare-fit strong{color:var(--ink)}
.pr-compare-hint{text-align:center;color:var(--muted);font-size:.875rem;margin-top:2.5rem}

.pr-dest-sec{background:var(--sand)}
.pr-dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.pr-dest{
  background:#fff;border-radius:1.75rem;overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 2px 14px rgba(30,43,38,.05);
  transition:box-shadow .28s,transform .28s;
}
.pr-dest:hover{box-shadow:0 20px 48px rgba(30,43,38,.12);transform:translateY(-4px)}
.pr-dest-lg{grid-column:span 3;flex-direction:row}
.pr-dest-lg .pr-dest-img{width:52%;flex-shrink:0}
.pr-dest-lg .pr-dest-img img{height:100%;min-height:340px}
.pr-dest-lg .pr-dest-body{padding:3rem;justify-content:center}
.pr-dest-img img{width:100%;height:210px;object-fit:cover}
.pr-dest-body{padding:1.75rem;display:flex;flex-direction:column;flex:1}
.pr-dest-tag{
  font-size:.625rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;
}
.pr-dest h3{color:var(--ink);font-size:1.375rem;margin-bottom:.75rem}
.pr-dest-lg h3{font-size:2rem}
.pr-dest p{color:var(--muted);font-size:.875rem;line-height:1.7}
.pr-dest-lg p{font-size:1rem}
.pr-dest-when{
  margin-top:auto;padding-top:1.25rem;
  font-size:.75rem;font-weight:600;color:var(--accent);
}

.pr-incl-sec{background:#fcfdfc}
.pr-incl{display:grid;grid-template-columns:.9fr 1.1fr;gap:4.5rem;align-items:center}
.pr-incl-text h2{color:var(--ink)}
.pr-incl-text h2 em{font-style:italic;color:var(--accent)}
.pr-incl-text p{color:var(--muted);font-size:1rem;line-height:1.8;margin:1.25rem 0 2rem}
.pr-incl-list{list-style:none;display:flex;flex-direction:column;gap:0}
.pr-incl-list li{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1.125rem 0;border-bottom:1px solid var(--rule);
  color:#425e52;font-size:.9375rem;line-height:1.6;
}
.pr-incl-list li:first-child{border-top:1px solid var(--rule)}
.pr-incl-list svg{color:var(--accent);flex-shrink:0;margin-top:.2rem}

.page-pauschalreisen #anfrage{background:var(--sand)}
.page-pauschalreisen #anfrage h2 em{color:var(--accent)}

@media(max-width:1000px){
  .pr-dest-grid{grid-template-columns:repeat(2,1fr)}
  .pr-dest-lg{grid-column:span 2}
}
@media(max-width:860px){
  .page-pauschalreisen .section{padding:4rem 0}
  .pr-hero{padding:8rem 0 3rem}
  .pr-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .pr-hero-fig img{height:280px}
  .pr-compare{grid-template-columns:1fr;gap:1.25rem}
  .pr-compare-card{padding:2rem}
  .pr-incl{grid-template-columns:1fr;gap:2.5rem}
  .pr-dest-lg{flex-direction:column}
  .pr-dest-lg .pr-dest-img{width:100%}
  .pr-dest-lg .pr-dest-img img{min-height:0;height:230px}
  .pr-dest-lg .pr-dest-body{padding:1.75rem}
  .pr-dest-lg h3{font-size:1.5rem}
}
@media(max-width:640px){
  .pr-dest-grid{grid-template-columns:1fr}
  .pr-dest-lg{grid-column:span 1}
  .pr-sec-head{margin-bottom:2.5rem}
}
