.page-fernreisen{
  --accent:#a35530;
  --accent-d:#833f22;
  --accent-l:#faefe7;
  --sand:#f7f1ea;
  --ink:#2b1a13;
  --rule:#e3d5c9;
}

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

.fr-kicker{
  font-size:.6875rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(255,255,255,.75);
  margin-bottom:1.5rem;
}
.fr-kicker-dark{color:var(--accent)}

.fr-hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;padding:9rem 0 5rem;overflow:hidden}
.fr-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fr-hero-veil{position:absolute;inset:0;background:linear-gradient(105deg,rgba(43,26,19,.88) 0%,rgba(43,26,19,.55) 45%,rgba(43,26,19,.15) 100%)}
.fr-hero-inner{position:relative;max-width:1100px}
.fr-title{color:#fff;font-size:clamp(2.8rem,7vw,6rem);line-height:.98;margin-bottom:1.75rem;max-width:14ch}
.fr-title em{font-style:italic;color:#e8b79c}
.fr-hero-sub{color:rgba(255,255,255,.82);font-size:1.0625rem;line-height:1.7;max-width:38ch;margin-bottom:2.25rem}

.fr-lead-sec{background:#fffdfb}
.fr-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:4.5rem;align-items:start}
.fr-lead-text p{color:#4a3b33;font-size:1.0625rem;line-height:1.8;margin-bottom:1.25rem;max-width:52ch}
.fr-dropcap::first-letter{
  float:left;font-family:'DM Serif Display',serif;
  font-size:4.5rem;line-height:.82;
  padding:.35rem .6rem 0 0;color:var(--accent);
}
.fr-lead-fig{margin:0;position:relative;top:2.5rem}
.fr-lead-fig img{width:100%;border-radius:.25rem;box-shadow:0 18px 50px rgba(43,26,19,.16)}
.fr-lead-fig figcaption{
  font-size:.75rem;color:#96837a;margin-top:.875rem;
  padding-left:1rem;border-left:2px solid var(--accent);line-height:1.5;
}

.fr-quote-sec{background:var(--sand);padding:5.5rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.fr-quote{max-width:44rem;margin:0 auto;text-align:center}
.fr-quote p{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.35;
  color:var(--ink);margin-bottom:1.5rem;
}
.fr-quote cite{
  font-style:normal;font-size:.75rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
}

.fr-sec-head{max-width:46rem;margin-bottom:4rem}
.fr-sec-head h2{color:var(--ink)}
.fr-sec-head h2 em{font-style:italic;color:var(--accent)}

.fr-regions{background:#fffdfb}
.fr-region{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;
  align-items:center;position:relative;
  padding:3.5rem 0;border-top:1px solid var(--rule);
}
.fr-region:last-child{border-bottom:1px solid var(--rule)}
.fr-region-flip .fr-region-img{order:2}
.fr-region-flip .fr-region-text{order:1}
.fr-num{
  position:absolute;top:2rem;right:0;
  font-family:'DM Serif Display',serif;font-size:5.5rem;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(163,85,48,.28);
  pointer-events:none;user-select:none;
}
.fr-region-img img{width:100%;height:340px;object-fit:cover;border-radius:.25rem}
.fr-region-text h3{color:var(--ink);margin-bottom:.5rem}
.fr-region-places{
  font-size:.75rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;
}
.fr-region-text p{color:#4a3b33;font-size:.9375rem;line-height:1.75;margin-bottom:.875rem;max-width:46ch}
.fr-region-tip{
  background:var(--accent-l);border-left:3px solid var(--accent);
  padding:.875rem 1.125rem;border-radius:0 .5rem .5rem 0;
  font-size:.875rem!important;color:#5f3a26!important;margin-top:1.25rem!important;
}

.fr-when{background:var(--sand)}
.fr-when-note{color:#6d5a50;font-size:.9375rem;line-height:1.7;margin-top:1rem;max-width:52ch}
.fr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fr-table{width:100%;border-collapse:collapse;min-width:32rem;background:#fffdfb}
.fr-table th,.fr-table td{padding:1.125rem 1.5rem;text-align:left;border-bottom:1px solid var(--rule)}
.fr-table thead th{
  font-family:'DM Sans',sans-serif;font-size:.6875rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  border-bottom:2px solid var(--accent);
}
.fr-table tbody th{font-weight:600;font-size:.9375rem;color:var(--ink);font-family:'DM Sans',sans-serif}
.fr-table tbody td{font-size:.9375rem;color:#6d5a50}
.fr-table tbody tr:last-child th,.fr-table tbody tr:last-child td{border-bottom:none}
.fr-table tbody tr:hover{background:var(--accent-l)}

.fr-why{background:var(--ink)}
.fr-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.fr-why-num{
  display:block;font-family:'DM Serif Display',serif;
  font-size:2.5rem;color:var(--accent);margin-bottom:.75rem;line-height:1;
}
.fr-why-item h3{color:#fff;font-size:1.25rem;margin-bottom:.75rem}
.fr-why-item p{color:rgba(255,255,255,.6);font-size:.9375rem;line-height:1.7}

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

@media(max-width:900px){
  .fr-lead{grid-template-columns:1fr;gap:2.5rem}
  .fr-lead-fig{top:0}
  .fr-region{grid-template-columns:1fr;gap:1.75rem;padding:2.5rem 0}
  .fr-region-flip .fr-region-img{order:0}
  .fr-region-flip .fr-region-text{order:0}
  .fr-num{font-size:3.5rem;top:1rem}
  .fr-why-grid{grid-template-columns:1fr;gap:2.25rem}
}
@media(max-width:640px){
  .fr-hero{min-height:70vh;padding:7rem 0 3rem}
  .fr-hero-veil{background:linear-gradient(180deg,rgba(43,26,19,.5) 0%,rgba(43,26,19,.85) 100%)}
  .fr-sec-head{margin-bottom:2.5rem}
  .fr-region-img img{height:220px}
  .fr-dropcap::first-letter{font-size:3.2rem}
}