
/* ParkAtlas PW-015 – kompakte Premium-Vergleichsseite */
:root{
  --pa15-navy:#071d36;
  --pa15-navy-2:#0b3459;
  --pa15-teal:#0cb4ad;
  --pa15-teal-dark:#087f83;
  --pa15-blue:#0b779f;
  --pa15-mint:#e9f8f6;
  --pa15-paper:#f5f8fb;
  --pa15-card:#fff;
  --pa15-text:#10243a;
  --pa15-muted:#6b7d8e;
  --pa15-line:#dce8ef;
  --pa15-line-soft:#edf3f6;
  --pa15-gold:#e6b85c;
  --pa15-shadow:0 18px 52px rgba(7,29,54,.10);
}
body{background:linear-gradient(180deg,#fff 0,#f5f8fb 420px,#f8fafc 100%)}
.pa15-hero{
  position:relative;
  overflow:hidden;
  padding:42px 0 76px;
  color:#fff;
  background:
    radial-gradient(circle at 83% 0,rgba(34,213,201,.23),transparent 30%),
    linear-gradient(135deg,#06172d 0%,#0a2d50 62%,#087078 100%);
}
.pa15-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:44px;
  background:linear-gradient(180deg,transparent,#f5f8fb);
}
.pa15-hero-inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:34px;
}
.pa15-hero h1{
  max-width:780px;
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(38px,4.4vw,58px);
  line-height:.98;
  letter-spacing:-.06em;
}
.pa15-hero p{
  max-width:760px;
  margin:0;
  color:#d9edf2;
  font-size:16px;
}
.pa15-hero-summary{
  flex:0 0 250px;
  padding:17px 19px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 48px rgba(0,0,0,.14);
}
.pa15-hero-summary span,.pa15-hero-summary strong,.pa15-hero-summary small{display:block}
.pa15-hero-summary span{color:#9ff1ea;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.pa15-hero-summary strong{margin:3px 0;color:#fff;font-size:27px;line-height:1.1}
.pa15-hero-summary small{color:#d5e9ee;font-weight:750}

.pa15-main{position:relative;z-index:4;margin-top:-52px;padding-bottom:70px}
.pa15-search{
  display:grid;
  grid-template-columns:1.35fr .82fr .82fr .85fr .92fr auto;
  gap:10px;
  align-items:stretch;
  padding:14px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:rgba(255,255,255,.985);
  box-shadow:0 24px 70px rgba(7,29,54,.15);
}
.pa15-search-field{
  position:relative;
  min-width:0;
  min-height:62px;
  padding:9px 13px;
  border:1px solid var(--pa15-line);
  border-radius:16px;
  background:#fbfdfe;
  transition:border-color .17s,box-shadow .17s,background .17s;
}
.pa15-search-field:focus-within{
  border-color:#8edbd8;
  background:#fff;
  box-shadow:0 0 0 4px rgba(12,180,173,.09);
}
.pa15-search-field>span{
  display:block;
  margin-bottom:2px;
  color:#6c7f90;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.pa15-search-field select{
  width:100%;
  height:31px;
  min-width:0;
  padding:0 25px 0 0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--pa15-text);
  font:inherit;
  font-size:14px;
  font-weight:850;
  text-overflow:ellipsis;
}
.pa15-search .pa-date-trigger{
  height:31px;
  line-height:31px;
  color:var(--pa15-text);
  font-size:14px;
  font-weight:850;
}
.pa15-search .pa-date-trigger svg{stroke:var(--pa15-blue)}
.pa15-search-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:178px;
  padding:0 18px;
  border:0;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,#0bc0b7,#0b83aa);
  box-shadow:0 13px 26px rgba(11,155,167,.24);
  font:inherit;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  transition:transform .17s,box-shadow .17s;
}
.pa15-search-button:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(11,155,167,.3)}
.pa15-search-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.pa15-filter-panel{grid-column:1/-1;border-top:1px solid var(--pa15-line-soft);padding-top:8px}
.pa15-filter-panel>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:34px;
  padding:2px 4px;
  color:#29435a;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  list-style:none;
}
.pa15-filter-panel>summary::-webkit-details-marker{display:none}
.pa15-filter-panel>summary:after{content:"+";display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#edf7f6;color:#087f83;font-size:17px}
.pa15-filter-panel[open]>summary:after{content:"−"}
.pa15-filter-panel>summary small{margin-left:auto;color:var(--pa15-muted);font-weight:750}
.pa15-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 2px 2px}
.pa15-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px 6px 6px;
  border:1px solid var(--pa15-line);
  border-radius:999px;
  background:#fff;
  color:#29435a;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.pa15-filter-chip input{width:15px;height:15px;margin:0;accent-color:var(--pa15-teal)}
.pa15-filter-chip .pa-icon-wrap{width:25px;height:25px}
.pa15-filter-apply{
  min-height:35px;
  margin-left:auto;
  padding:0 15px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:var(--pa15-navy);
  font:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}

.pa15-layout{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:18px;
  margin-top:18px;
  align-items:start;
}
.pa15-sidebar{
  position:sticky;
  top:100px;
  display:grid;
  gap:13px;
}
.pa15-side-card{
  padding:18px;
  border:1px solid var(--pa15-line-soft);
  border-radius:21px;
  background:#fff;
  box-shadow:0 12px 34px rgba(7,29,54,.065);
}
.pa15-side-kicker{
  display:block;
  margin-bottom:4px;
  color:var(--pa15-teal-dark);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.pa15-side-card h2{
  margin:0 0 10px;
  color:var(--pa15-navy);
  font-size:20px;
  letter-spacing:-.035em;
}
.pa15-side-card dl{margin:0}
.pa15-side-card dl div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid var(--pa15-line-soft);
}
.pa15-side-card dl div:last-child{border-bottom:0}
.pa15-side-card dt{color:var(--pa15-muted);font-size:12px;font-weight:750}
.pa15-side-card dd{margin:0;color:var(--pa15-text);font-size:12px;font-weight:950;text-align:right}
.pa15-trust-card p{margin:5px 0 10px;color:var(--pa15-muted);font-size:12px;line-height:1.55}
.pa15-trust-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.pa15-trust-card li{position:relative;padding-left:18px;color:#29435a;font-size:11px;font-weight:850}
.pa15-trust-card li:before{content:"✓";position:absolute;left:0;color:var(--pa15-teal-dark)}

.pa15-results{display:grid;gap:11px;min-width:0}
.pa15-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  padding:11px 15px;
  border:1px solid var(--pa15-line-soft);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(7,29,54,.05);
}
.pa15-results-head strong{display:block;color:var(--pa15-navy);font-size:18px;letter-spacing:-.025em}
.pa15-results-head span{display:block;color:var(--pa15-muted);font-size:11px;font-weight:800}
.pa15-sort-note{
  padding:7px 10px;
  border-radius:999px;
  background:#eef7f7;
  color:#087f83!important;
  white-space:nowrap;
}

.pa15-offer{
  position:relative;
  overflow:hidden;
  border:1px solid var(--pa15-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 11px 32px rgba(7,29,54,.065);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.pa15-offer:hover{transform:translateY(-1px);border-color:#b9dedc;box-shadow:0 18px 44px rgba(7,29,54,.10)}
.pa15-offer.is-top{border-color:rgba(230,184,92,.74)}
.pa15-top-badge{
  position:absolute;
  top:9px;
  left:9px;
  z-index:3;
  padding:6px 9px;
  border-radius:999px;
  color:#142840;
  background:linear-gradient(135deg,#e5b34d,#f4d47f);
  box-shadow:0 8px 18px rgba(197,145,42,.20);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pa15-offer-main{
  display:grid;
  grid-template-columns:112px minmax(205px,1.35fr) minmax(132px,.78fr) minmax(155px,.92fr) 150px;
  gap:14px;
  align-items:center;
  min-height:142px;
  padding:12px;
}
.pa15-offer-image{
  align-self:stretch;
  min-height:116px;
  overflow:hidden;
  border-radius:16px;
  background:#eef4f7;
}
.pa15-offer-image img{display:block;width:100%;height:100%;object-fit:cover}
.pa15-image-placeholder{
  display:grid;
  place-items:center;
  height:100%;
  min-height:116px;
  color:#0b5b8e;
  background:radial-gradient(circle at 70% 18%,rgba(12,180,173,.19),transparent 40%),linear-gradient(135deg,#edf5f8,#fff);
}
.pa15-image-placeholder span{font-size:40px;font-weight:950}
.pa15-image-placeholder small{margin-top:-31px;color:#718696;font-size:9px;font-weight:900}
.pa15-offer-identity{min-width:0}
.pa15-company{
  display:block;
  margin-bottom:3px;
  color:var(--pa15-teal-dark);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pa15-offer-identity h2{
  margin:0;
  color:var(--pa15-navy);
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.pa15-location{margin-top:4px;color:var(--pa15-muted);font-size:11px;font-weight:800}
.pa15-mini-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.pa15-mini-chips span{
  max-width:180px;
  padding:4px 7px;
  border:1px solid #e0ebf0;
  border-radius:999px;
  background:#f5f9fb;
  color:#29475f;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pa15-offer-column{
  min-width:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 8px;
  border-left:1px solid var(--pa15-line-soft);
}
.pa15-column-label{
  margin-bottom:4px;
  color:#8292a0;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.pa15-offer-column strong{
  color:#213a51;
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.pa15-offer-column small{
  display:block;
  margin-top:5px;
  color:var(--pa15-muted);
  font-size:10px;
  line-height:1.35;
}
.pa15-offer-action{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  padding:10px 11px;
  border:1px solid var(--pa15-line-soft);
  border-radius:17px;
  background:linear-gradient(180deg,#fbfdfe,#f2f9fa);
  text-align:right;
}
.pa15-score{
  align-self:flex-end;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:5px;
  padding:4px 7px;
  border:1px solid #cae8e6;
  border-radius:999px;
  color:#087f83;
  background:#eaf8f6;
}
.pa15-score strong{font-size:13px}.pa15-score span{font-size:8px;font-weight:950;text-transform:uppercase}
.pa15-price{
  color:var(--pa15-navy);
  font-size:24px;
  line-height:1;
  letter-spacing:-.045em;
}
.pa15-offer-action>small{margin-top:3px;color:var(--pa15-muted);font-size:9px;font-weight:800}
.pa15-book-button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:8px;
  padding:7px 9px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#0bc0b7,#0b83aa);
  box-shadow:0 9px 19px rgba(11,155,167,.20);
  font-size:10px;
  font-weight:950;
  text-align:center;
}
.pa15-details{border-top:1px solid var(--pa15-line-soft);background:#fbfdfe}
.pa15-details>summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  color:#34516a;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
  list-style:none;
}
.pa15-details>summary::-webkit-details-marker{display:none}
.pa15-details>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .17s}
.pa15-details[open]>summary svg{transform:rotate(180deg)}
.pa15-details-body{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
  padding:5px 17px 17px;
}
.pa15-details-body h3{margin:0 0 8px;color:var(--pa15-navy);font-size:13px}
.pa15-details-body p,.pa15-details-body li{color:var(--pa15-muted);font-size:11px;line-height:1.55}
.pa15-details-body ul{margin:0;padding-left:17px}
.pa15-detail-tiles{display:flex;flex-wrap:wrap;gap:6px}
.pa15-detail-tiles .info-tile{padding:5px 8px 5px 5px;border-radius:11px;font-size:9px}
.pa15-detail-tiles .pa-icon-wrap{width:23px;height:23px}
.pa15-empty{
  padding:42px;
  border:1px solid var(--pa15-line);
  border-radius:24px;
  background:#fff;
  text-align:center;
  box-shadow:var(--pa15-shadow);
}
.pa15-empty h2{margin:0 0 7px;color:var(--pa15-navy)}
.pa15-empty p{max-width:600px;margin:0 auto 18px;color:var(--pa15-muted)}

@media(max-width:1180px){
  .pa15-search{grid-template-columns:1.2fr 1fr 1fr}
  .pa15-search-button{min-height:62px}
  .pa15-offer-main{grid-template-columns:105px minmax(190px,1.2fr) minmax(135px,.8fr) 150px}
  .pa15-offer-main .pa15-offer-column:nth-of-type(4){display:none}
}
@media(max-width:980px){
  .pa15-layout{grid-template-columns:1fr}
  .pa15-sidebar{position:static;grid-template-columns:1fr 1fr}
  .pa15-offer-main{grid-template-columns:112px minmax(220px,1fr) minmax(150px,.75fr) 150px}
}
@media(max-width:760px){
  .pa15-hero{padding:34px 0 67px}
  .pa15-hero-inner{display:block}
  .pa15-hero-summary{display:none}
  .pa15-hero h1{font-size:38px}
  .pa15-search{grid-template-columns:1fr 1fr;padding:12px}
  .pa15-airport-field,.pa15-search-button,.pa15-filter-panel{grid-column:1/-1}
  .pa15-sidebar{grid-template-columns:1fr}
  .pa15-trust-card{display:none}
  .pa15-offer-main{grid-template-columns:92px minmax(0,1fr) 132px;gap:10px;min-height:130px}
  .pa15-offer-column{display:none!important}
  .pa15-offer-image,.pa15-image-placeholder{min-height:104px}
  .pa15-offer-identity h2{font-size:17px}
  .pa15-mini-chips span:nth-child(n+4){display:none}
  .pa15-price{font-size:21px}
  .pa15-details-body{grid-template-columns:1fr}
}
@media(max-width:520px){
  .container{padding-left:14px;padding-right:14px}
  .pa15-hero h1{font-size:32px}
  .pa15-hero p{font-size:14px}
  .pa15-search{grid-template-columns:1fr}
  .pa15-search-field,.pa15-airport-field,.pa15-search-button,.pa15-filter-panel{grid-column:1/-1}
  .pa15-filter-chips{display:grid;grid-template-columns:1fr}
  .pa15-filter-apply{width:100%;margin-left:0}
  .pa15-results-head{align-items:flex-start}
  .pa15-sort-note{display:none!important}
  .pa15-offer-main{grid-template-columns:82px minmax(0,1fr);padding:10px}
  .pa15-offer-action{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left}
  .pa15-score{align-self:center;margin:0}
  .pa15-price{font-size:22px}
  .pa15-offer-action>small{display:none}
  .pa15-book-button{margin:0;min-width:112px}
  .pa15-offer-image,.pa15-image-placeholder{min-height:88px}
  .pa15-top-badge{font-size:8px}
}
