:root{
    --navy:#0b1f3a; --navy-2:#13294d;
    --blau:#1d4ed8; --blau-bg:#eaf0ff; --blau-line:#c7d8fb;
    --orange:#f97316; --orange-btn:#e05d00; --orange-bg:#fff3e8; --orange-line:#f9d0ab;
    --gruen:#0f9d58; --gruen-t:#07743e; --gruen-bg:#e7f6ee; --gruen-line:#b7e3ca;
    --amber:#8a5410; --amber-bg:#fdf3e2; --amber-line:#f0dcb6;
    --bg:#f5f8fc; --card:#fff; --eis:#e8f1ff;
    --ink:#0b1f3a; --ink-2:#51596b; --ink-3:#848d9e;
    --line:#e0e6ef; --line-2:#cdd6e3;
    --r:14px;
  }
  *{box-sizing:border-box;min-width:0}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;
    font:400 15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    -webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.15}
  p{margin:0}
  a{color:inherit;text-decoration:none}
  button,input,select{font:inherit;color:inherit}
  .wrap{max-width:1140px;margin:0 auto;padding:0 20px}

  /* ================= KOPF ================= */
  .top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
  .topin{height:58px;display:flex;align-items:center;gap:18px}
  .marke{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;letter-spacing:-.045em;flex:none}
  .mz{width:28px;height:28px;border-radius:9px;background:var(--orange);color:#fff;display:grid;place-items:center;flex:none}
  .marke .o{color:var(--orange)}
  .nav{display:flex;gap:2px;flex:1;min-width:0}
  .nav a{padding:7px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}
  .nav a:hover{background:var(--bg);color:var(--ink)}
  .nav a.an{color:var(--blau);background:var(--blau-bg)}
  .topr{display:flex;align-items:center;gap:8px;flex:none}
  .lang{border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:6px 10px;
    font-size:13px;font-weight:600;cursor:pointer}
  .burger{display:none;appearance:none;border:1px solid var(--line-2);background:#fff;border-radius:8px;
    width:36px;height:36px;cursor:pointer;place-items:center}

  /* ================= HERO + SUCHE ================= */
  .hero{padding:38px 0 28px;border-bottom:1px solid var(--line);
    background:radial-gradient(1100px 420px at 86% -6%,#dfeaff 0,rgba(223,234,255,.45) 36%,transparent 62%),
      linear-gradient(180deg,#fff,var(--bg) 82%)}
  .hkopf{max-width:700px}
  .augen{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;
    letter-spacing:.09em;text-transform:uppercase;color:var(--blau)}
  .augen i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:block}
  .hkopf h1{font-size:clamp(30px,4.8vw,46px);margin:12px 0 10px;letter-spacing:-.035em}
  .hkopf h1 em{font-style:normal;color:var(--orange)}
  .hkopf p{color:var(--ink-2);font-size:16px;max-width:620px}

  .suche{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
    box-shadow:0 10px 28px rgba(11,31,58,.07);margin-top:18px;overflow:hidden}
  .reiter{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--line);overflow-x:auto;
    scrollbar-width:none}
  .reiter::-webkit-scrollbar{display:none}
  .reiter button{appearance:none;border:0;background:none;padding:9px 13px;border-radius:9px 9px 0 0;
    font-size:14px;font-weight:650;color:var(--ink-2);cursor:pointer;white-space:nowrap;
    border-bottom:2px solid transparent;margin-bottom:-1px}
  .reiter button:hover{color:var(--ink);background:var(--bg)}
  .reiter button.an{color:var(--blau);border-bottom-color:var(--blau)}

  .felder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;padding:13px}
  .fd{display:flex;flex-direction:column;gap:4px;min-width:0}
  .fd label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
  .fd input,.fd select{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;
    font-size:14.5px;background:#fff}
  .fd input:focus,.fd select:focus{outline:2px solid var(--blau);outline-offset:-1px;border-color:var(--blau)}
  .suchbtn{appearance:none;border:0;background:var(--orange-btn);color:#fff;border-radius:10px;
    padding:0 22px;font-size:15px;font-weight:700;cursor:pointer;align-self:end;height:40px;white-space:nowrap}
  .suchbtn:hover{background:#c85200}

  .verfein{padding:0 13px 11px;border-top:1px dashed var(--line);padding-top:11px}
  .verfein > b{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
    color:var(--blau);margin-bottom:8px}
  .verfein > b span{font-weight:600;color:var(--ink-3);letter-spacing:0;text-transform:none;font-size:11.5px}
  .vf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .verfein .fd input::placeholder{color:var(--ink-3)}
  .mitrechnen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 13px 13px;
    border-top:1px dashed var(--line);margin-top:-2px;padding-top:11px}
  .mitrechnen > b{font-size:12px;font-weight:700;color:var(--ink-2);margin-right:2px}
  .hk{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:100px;
    padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;background:#fff}
  .hk input{appearance:none;width:13px;height:13px;border:1.5px solid var(--line-2);border-radius:4px;margin:0;
    position:relative;flex:none}
  .hk:has(input:checked){border-color:var(--blau);background:var(--blau-bg);color:var(--blau)}
  .hk input:checked{background:var(--blau);border-color:var(--blau)}
  .hk input:checked::after{content:"";position:absolute;left:3.5px;top:1px;width:4px;height:7px;
    border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}

  .usp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px;background:var(--card);
    border:1px solid var(--line);border-radius:13px;padding:12px 15px;box-shadow:0 4px 14px rgba(11,31,58,.05)}
  .ul{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);flex:none}
  .ukette{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}
  .up{display:flex;flex-direction:column;gap:1px}
  .up small{font-size:11px;color:var(--ink-3);font-weight:600;white-space:nowrap}
  .up b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
  .up.spar b{color:var(--gruen-t)}
  .uo{font-size:15px;font-weight:700;color:var(--ink-3)}
  .uend{display:flex;flex-direction:column;gap:1px;flex:none;border-left:1px solid var(--line);padding-left:14px}
  .uend small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blau)}
  .uend b{font-size:23px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
  .beweis{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
  .bw{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
    border-radius:100px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
  .bw svg{color:var(--gruen-t);flex:none}

  /* ================= ABSCHNITTE ================= */
  section{padding:34px 0}
  .skopf{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
  .skopf h2{font-size:clamp(20px,2.6vw,25px)}
  .skopf p{color:var(--ink-2);font-size:14px;margin-top:5px;max-width:620px}
  .skopf .r{margin-left:auto}
  .mehr{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--blau);
    border:1px solid var(--blau-line);background:var(--blau-bg);border-radius:9px;padding:7px 13px;cursor:pointer}
  .mehr:hover{background:#dde8ff}

  /* ---------- Cashback & Gutscheine ---------- */
  .deals{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .leiste{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;
    padding:11px 13px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
  .kat{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
  .kat button{appearance:none;border:1px solid var(--line-2);background:#fff;border-radius:100px;
    padding:6px 13px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}
  .kat button:hover{border-color:var(--blau);color:var(--blau)}
  .kat button.an{background:var(--navy);border-color:var(--navy);color:#fff}
  .rechner{display:flex;align-items:center;gap:8px;flex:none}
  .rechner label{font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
  .rfeld{display:flex;align-items:center;gap:5px;border:1px solid var(--line-2);background:#fff;
    border-radius:9px;padding:6px 10px}
  .rfeld span{font-size:14px;color:var(--ink-3);font-weight:600}
  .rfeld input{width:78px;border:0;outline:0;font-size:14.5px;font-weight:700;background:none;
    font-variant-numeric:tabular-nums}

  .karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:11px}
  .ak{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
    border-radius:13px;padding:13px;transition:border-color .12s,box-shadow .12s}
  .ak:hover{border-color:var(--blau-line);box-shadow:0 6px 18px rgba(11,31,58,.07)}
  .akkopf{display:flex;align-items:center;gap:9px;margin-bottom:11px}
  .lg{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;
    font-size:14px;font-weight:800;color:#fff;letter-spacing:-.04em}
  .akn{flex:1;min-width:0}
  .akn b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .akn span{display:block;font-size:11.5px;color:var(--ink-3);font-weight:600;text-transform:uppercase;
    letter-spacing:.05em;margin-top:1px}

  .werte{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:11px;overflow:hidden}
  .wt{background:#fff;padding:9px 11px}
  .wt small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--ink-3)}
  .wt b{display:block;font-size:17px;font-weight:800;letter-spacing:-.03em;margin-top:2px;
    font-variant-numeric:tabular-nums}
  .wt.cb b{color:var(--gruen-t)}
  .wt.gs b{color:var(--navy)}
  .wt .leer{color:var(--ink-3);font-weight:600;font-size:14px}
  .wt .eur{display:block;font-size:11.5px;color:var(--ink-2);font-weight:600;margin-top:1px}

  .bed{display:flex;align-items:flex-start;gap:7px;margin:9px 0 11px;font-size:12px;line-height:1.4;
    background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber);
    border-radius:9px;padding:7px 9px}
  .bed svg{flex:none;margin-top:1px}
  .bed.gut{background:var(--gruen-bg);border-color:var(--gruen-line);color:var(--gruen-t)}

  .akfuss{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:11px;
    border-top:1px solid var(--line)}
  .gdlink{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--blau)}
  .gdlink:hover{text-decoration:underline}
  .zum{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;
    border:0;border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
  .zum:hover{background:var(--navy-2)}

  .mehrzeile{display:flex;justify-content:center;margin-top:13px}
  .alle{appearance:none;border:1px solid var(--line-2);background:#fff;border-radius:10px;
    padding:10px 20px;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
  .alle:hover{border-color:var(--blau);color:var(--blau)}
  .hinw{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:12.5px;color:var(--ink-2);
    line-height:1.5}
  .hinw svg{flex:none;margin-top:2px;color:var(--ink-3)}

  /* ---------- Ablauf ---------- */
  .schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .sr{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;
    display:flex;gap:11px;align-items:flex-start}
  .sn{width:26px;height:26px;border-radius:8px;background:var(--navy);color:#fff;display:grid;
    place-items:center;font-size:13px;font-weight:800;flex:none}
  .sr h3{font-size:14.5px;margin-bottom:3px}
  .sr p{font-size:13px;color:var(--ink-2);line-height:1.45}

  /* ---------- Ziele ---------- */
  .ziele{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:11px}
  .zl{position:relative;border-radius:13px;padding:15px;color:#fff;overflow:hidden;min-height:124px;
    display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}
  .zl::after{content:"";position:absolute;right:-32px;top:-32px;width:118px;height:118px;border-radius:50%;
    background:rgba(255,255,255,.1)}
  .zl b{font-size:18px;font-weight:800;letter-spacing:-.03em;position:relative}
  .zl span{font-size:12.5px;opacity:.9;margin-top:3px;position:relative}
  .zl .tag{position:absolute;top:13px;left:15px;font-size:11px;font-weight:700;background:rgba(255,255,255,.18);
    border-radius:100px;padding:3px 9px;backdrop-filter:blur(4px)}

  /* ---------- Ratgeber ---------- */
  .rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:11px}
  .rk{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer}
  .rk:hover{border-color:var(--blau-line)}
  .rk .kt{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blau)}
  .rk h3{font-size:14.5px;margin:6px 0 5px}
  .rk p{font-size:13px;color:var(--ink-2);line-height:1.45}

  /* ---------- Fuß ---------- */
  footer{background:var(--navy);color:#cfd9e8;padding:26px 0;font-size:13px}
  .fin{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
  .fin .marke{color:#fff;font-size:17px}
  .fin .ff{flex:1;min-width:0;color:#9fb0c9;font-size:12.5px;line-height:1.5}
  .flinks{display:flex;gap:14px;flex-wrap:wrap}
  .flinks a:hover{color:#fff}

  /* ================= HANDY ================= */
  @media(max-width:980px){
    .felder{grid-template-columns:repeat(2,minmax(0,1fr))}
    .suchbtn{grid-column:1/-1;height:44px}
    .schritte{grid-template-columns:1fr}
  }
  @media(max-width:860px){
    .nav{display:none}
    .burger{display:grid}
    .topin{gap:10px}
    .rechner{width:100%}
    .rfeld{flex:1}
    .rfeld input{width:100%}
  }
  @media(max-width:620px){
    .wrap{padding:0 14px}
    .hero{padding:22px 0 20px}
    .hkopf p{font-size:14.5px}
    .felder{grid-template-columns:1fr 1fr;gap:9px;padding:11px}
    .felder .fd:nth-child(1),.felder .fd:nth-child(2){grid-column:1/-1}
    .vf{grid-template-columns:1fr 1fr}
    .vf .fd:nth-child(3){grid-column:1/-1}
    section{padding:26px 0}
    .karten{grid-template-columns:1fr}
    .ak{padding:12px}
    .bed{font-size:11.5px;padding:6px 8px}
    .usp{gap:10px;padding:11px 12px}
    .ukette{gap:8px}
    .up small{font-size:10.5px}
    .up b{font-size:13.5px}
    .uend{flex:1 0 100%;border-left:0;border-top:1px solid var(--line);padding:9px 0 0;
      flex-direction:row;align-items:baseline;gap:9px}
    .uend b{font-size:21px}
    .skopf .r{margin-left:0;width:100%}
    .skopf .mehr{width:100%;justify-content:center}
    .leiste{padding:10px;gap:10px}
    .kat{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
    .kat::-webkit-scrollbar{display:none}
    .ziele{grid-template-columns:1fr 1fr}
    .zl{min-height:104px;padding:13px}
    .zl b{font-size:16px}
  }
  @media(max-width:380px){ .ziele{grid-template-columns:1fr} }

  /* ===== Ergebnisseite: Abweichungen im Kopf/Raster gegenueber der Startseite ===== */
  .rs{--orange-line:#f6c79b}
  .rs h1,.rs h2,.rs h3{line-height:1.2}
  .rs .wrap{max-width:1300px;padding:0 18px}
  .rs .topin{height:56px;gap:16px}
  .rs .marke{font-size:18px}
  .rs .mz{width:27px;height:27px;border-radius:8px}
  .rs .nav a{font-size:13.5px}
  .rs .lang{flex:none}
  .rs .burger{width:34px;height:34px;flex:none}
  @media(max-width:900px){.rs .topin{gap:10px}}
/* ===== Suchkopf ===== */
  .suchkopf{background:#fff;border-bottom:1px solid var(--line);padding:13px 0}
  .suchin{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .sktxt{flex:1;min-width:0}
  .sktxt h1{font-size:23px}
  .sktxt p{font-size:13px;color:var(--ink-2);margin-top:3px}
  .skbtn{display:flex;gap:8px;flex:none}
  .btn{appearance:none;border:0;border-radius:9px;padding:9px 15px;font-size:13.5px;font-weight:700;
    cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px}
  .btn.o{background:var(--orange-btn);color:#fff} .btn.o:hover{background:#c85200}
  .btn.n{background:var(--navy);color:#fff} .btn.n:hover{background:var(--navy-2)}
  .btn.rand{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
  .btn.rand:hover{border-color:var(--blau);color:var(--blau)}
  .skchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  .sc{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);
    border-radius:100px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--ink-2)}
  .sc b{color:var(--ink);font-weight:700}

  /* ===== Layout ===== */
  .layout{display:grid;grid-template-columns:224px minmax(0,1fr) 296px;gap:14px;padding:14px 0 40px;align-items:start}
  .spalte{position:sticky;top:70px;max-height:calc(100vh - 86px);overflow:auto;scrollbar-width:thin}

  /* ===== Filter ===== */
  .fbox{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px}
  .fkopf{display:flex;align-items:center;gap:8px;margin-bottom:10px}
  .fkopf b{font-size:14px;flex:1}
  .fkopf button{appearance:none;border:0;background:none;font-size:12px;font-weight:700;color:var(--blau);cursor:pointer;padding:0}
  .fgr{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
  .fgr:first-of-type{border-top:0;padding-top:0;margin-top:0}
  .fgr > b{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
  .fz{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding:3.5px 0;cursor:pointer}
  .fz:hover{color:var(--ink)}
  .fz input{appearance:none;width:15px;height:15px;border:1.5px solid var(--line-2);border-radius:4px;margin:0;
    flex:none;position:relative;background:#fff;cursor:pointer}
  .fz input[type=radio]{border-radius:50%}
  .fz input:checked{background:var(--blau);border-color:var(--blau)}
  .fz input[type=checkbox]:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
    border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
  .fz input[type=radio]:checked::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:#fff}
  .fz .za{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
  .fpreis{display:flex;gap:7px;align-items:center}
  .fpreis input{width:100%;border:1px solid var(--line-2);border-radius:8px;padding:7px 9px;font-size:13px}
  .fpreis span{color:var(--ink-3);font-size:13px}

  /* ===== Pauschal-Band ===== */
  .paket{background:linear-gradient(135deg,var(--navy),#15386b);color:#fff;border-radius:13px;padding:13px 14px;margin-bottom:12px}
  .pkkopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
  .pkkopf b{font-size:14.5px}
  .pkkopf span{font-size:12.5px;color:#aec3de}
  .pkliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px}
  .pk{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:10px;padding:9px 11px;cursor:pointer}
  .pk:hover{background:rgba(255,255,255,.17)}
  .pk small{display:block;font-size:11px;color:#aec3de;font-weight:600}
  .pk b{display:block;font-size:17px;font-weight:800;letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}
  .pk i{display:block;font-style:normal;font-size:11.5px;color:#9fe7c0;margin-top:1px;font-weight:600}

  /* ===== Auswahlleiste ===== */
  .auswahl{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 14px;
    display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
  .auswahl .lb{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
  .auswahl .tl{display:flex;gap:16px;flex-wrap:wrap;flex:1;min-width:0}
  .at{display:inline-flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
  .at b{color:var(--ink);font-weight:700}
  .at i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}

  /* ===== Angebote ===== */
  .atitel{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin:16px 0 9px}
  .atitel h2{font-size:17px}
  .atitel span{font-size:12.5px;color:var(--ink-3)}
  .atitel .sort{margin-left:auto}
  .sort select{border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}

  .ang{background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:15px;
    margin-bottom:20px;box-shadow:0 6px 20px rgba(11,31,58,.09)}
  .ang:hover{box-shadow:0 10px 26px rgba(11,31,58,.13)}
  .akopf{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:start}
  .abild{border-radius:10px;overflow:hidden;background:var(--blau-bg);aspect-ratio:1/1;display:grid}
  .abild svg{width:100%;height:100%}
  .amitte{display:flex;flex-direction:column;gap:5px}
  .aname{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .aname h3{font-size:16.5px}
  .sterne{color:var(--orange);font-size:12px;letter-spacing:.5px}
  .note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
  .note b{background:var(--navy);color:#fff;border-radius:6px;padding:2px 6px;font-size:11.5px;font-weight:800}
  .aorts{font-size:13px;color:var(--ink-2)}
  .aorts b{color:var(--ink);font-weight:700}
  .achips{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
  .ac{font-size:11.5px;font-weight:600;border-radius:100px;padding:3px 9px;border:1px solid var(--line);
    color:var(--ink-2);background:var(--bg)}
  .ac.gut{background:var(--gruen-bg);border-color:var(--gruen-line);color:var(--gruen-t)}
  .ac.warn{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber)}
  .apreis{text-align:right;flex:none}
  .pges b{display:block;font-size:27px;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
  .pges span{display:block;font-size:12px;color:var(--ink-3);margin-top:4px}
  .pcb{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--gruen-t);
    background:var(--gruen-bg);border:1px solid var(--gruen-line);border-radius:100px;padding:4px 10px}

  /* ===== Bausteine ===== */
  .paketbox{margin-top:11px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px}
  .btitel{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
    font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);
    padding:2px 4px 7px}
  .btitel em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;font-size:11.5px}

  .bs{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:6px 10px;align-items:center;
    background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px;margin-bottom:5px}
  .bs:last-child{margin-bottom:0}
  .bs.haupt{border-color:var(--blau-line)}
  .bhin{grid-column:2/-1;font-size:11.5px;color:var(--ink-3);line-height:1.4;margin-top:-1px}
  .bs.ohne{background:transparent;border-style:dashed}
  .bi{width:26px;height:26px;border-radius:7px;background:var(--blau-bg);color:var(--blau);display:grid;place-items:center}
  .bs.ohne .bi{background:#fff;color:var(--ink-3)}
  .bt b{display:block;font-size:13.5px;font-weight:700}
  .bt span{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px;line-height:1.35;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bp{font-size:15px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;
    white-space:nowrap;text-align:right}
  .bnix{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
  .bakt{grid-column:2/-1;display:flex;gap:6px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}

  /* alle Buchen-Knöpfe gleich, nur kompakt */
  .bk{appearance:none;border:0;border-radius:9px;padding:7px 13px;cursor:pointer;font-size:12.5px;
    font-weight:700;white-space:nowrap;display:inline-flex;flex-direction:column;align-items:center;gap:1px;
    line-height:1.25}
  .bk small{font-size:10.5px;font-weight:600;opacity:.85}
  .bk.shop{background:var(--navy);color:#fff} .bk.shop:hover{background:var(--navy-2)}
  .bk.cash{background:var(--gruen);color:#fff} .bk.cash:hover{background:#0c8549}

  /* Gutschein: Code links, Aktion rechts */
  .gs2{display:flex;align-items:stretch;border:1.5px dashed var(--orange-line);border-radius:9px;
    overflow:hidden;background:#fff;cursor:pointer;padding:0}
  .gs2:hover{border-color:var(--orange-btn)}
  .gs2 .cd{display:flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:800;
    letter-spacing:.07em;color:var(--orange-btn);background:var(--orange-bg)}
  .gs2 .go{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    padding:6px 13px;background:var(--orange-btn);color:#fff;font-size:12.5px;font-weight:700;line-height:1.25}
  .gs2:hover .go{background:#c85200}
  .gs2 .go small{font-size:10.5px;font-weight:600;opacity:.88}
  .gs2.ok{border-style:solid;border-color:var(--gruen)}
  .gs2.ok .go{background:var(--gruen)}

  /* ===== Rechte Spalte ===== */
  .vbox{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:11px}
  .vbox > b{display:flex;align-items:center;gap:7px;font-size:13.5px;margin-bottom:3px}
  .vbox > p{font-size:11.5px;color:var(--ink-3);margin-bottom:9px}
  .vgr{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);
    padding:9px 0 3px;border-top:1px solid var(--line);margin-top:4px}
  .vgr:first-child{border-top:0;margin-top:0;padding-top:0}
  .vgr + .vz{border-top:0}
  .vz{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}
  .vz:first-of-type{border-top:0}
  .vz input{appearance:none;width:15px;height:15px;border:1.5px solid var(--line-2);border-radius:50%;margin:0;
    flex:none;position:relative;background:#fff;cursor:pointer}
  .vz input:checked{background:var(--blau);border-color:var(--blau)}
  .vz input:checked::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:#fff}
  .vt{flex:1;min-width:0}
  .vt b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vt span{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px}
  .vp{text-align:right;flex:none}
  .vp b{display:block;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
  .vp span{display:block;font-size:11px;color:var(--gruen-t);font-weight:700;margin-top:1px}

  .dazu{background:var(--amber-bg);border:1px solid var(--amber-line);border-radius:13px;padding:12px}
  .dazu > b{display:block;font-size:13.5px;color:var(--amber);margin-bottom:7px}
  .dz{display:flex;gap:8px;font-size:12px;color:var(--amber);line-height:1.45;padding:5px 0;border-top:1px solid var(--amber-line)}
  .dz:first-of-type{border-top:0}
  .dz i{font-style:normal;font-weight:800;flex:none}

  /* ===== Handy ===== */
  .fhint{display:none}
  .fleiste{display:none}
  @media(max-width:1180px){
    .layout{grid-template-columns:210px minmax(0,1fr)}
    .rechts{grid-column:1/-1;position:static;max-height:none;
      display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:11px;align-items:start}
  }
  @media(max-width:900px){
    .rs .nav{display:none} .rs .burger{display:grid}
    .layout{grid-template-columns:minmax(0,1fr)}
    .links{position:fixed;left:0;top:0;bottom:0;width:286px;z-index:60;background:var(--card);max-height:none;
      transform:translateX(-100%);transition:transform .2s;padding:12px;box-shadow:0 0 50px rgba(11,31,58,.25);overflow:auto}
    .links.auf{transform:none}
    .links .fbox{border:0;padding:0}
    .fhint{display:block;position:fixed;inset:0;background:rgba(11,31,58,.45);z-index:55;opacity:0;
      pointer-events:none;transition:opacity .2s}
    .fhint.auf{opacity:1;pointer-events:auto}
    .fleiste{display:flex;gap:8px;align-items:center;margin-bottom:11px}
    .fleiste .btn{flex:none}
    .fleiste select{flex:1;border:1px solid var(--line-2);background:#fff;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:600}
    .akopf{grid-template-columns:60px minmax(0,1fr)}
    .apreis{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:10px}
    .bakt{grid-column:1/-1;justify-content:flex-start}
    .bakt .bk,.bakt .bl{flex:1;justify-content:center;min-width:0;overflow:hidden;
      text-overflow:ellipsis;display:flex}
    .bt span{white-space:normal}
  }
  @media(max-width:400px){
    .bk,.bl{padding:6px 8px;font-size:12px}
    .bk small{display:none}
  }
  @media(max-width:560px){
    .rs .wrap{padding:0 13px}
    .sktxt h1{font-size:20px}
    .skbtn{width:100%} .skbtn .btn{flex:1}
    .auswahl{flex-direction:column;align-items:stretch;gap:6px;padding:11px 12px}
    .auswahl .tl{flex-direction:column;gap:5px}
    .at{display:flex;justify-content:space-between}
    .ang{padding:12px}
    .aname h3{font-size:15px}
    .pges b{font-size:24px}
  }

  /* ================= Ergaenzungen (nicht im Entwurf: Schalter, Vorschlaege, Unterseiten) ================= */
  .x{display:none!important}
  .suche{overflow:visible}
  .reiter{border-radius:var(--r) var(--r) 0 0}
  .lg img{width:100%;height:100%;object-fit:contain;display:block}
  .lg.img{background:#fff;border:1px solid var(--line);padding:3px;color:inherit}
  .lg.s{width:26px;height:26px;border-radius:7px;font-size:12px;padding:2px}
  .lg.big{width:68px;height:68px;border-radius:16px;font-size:28px;padding:6px}

  .langw{position:relative}
  .lang{display:inline-flex;align-items:center;gap:4px}
  .langpop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:0 12px 32px rgba(11,31,58,.16);padding:10px;min-width:210px;display:flex;flex-direction:column;gap:2px}
  .langpop[hidden]{display:none}
  .langpop > b{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:6px 8px 3px}
  .langpop > a{padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
  .langpop > a:hover{background:var(--bg);color:var(--ink)}
  .langpop > a.an{background:var(--blau-bg);color:var(--blau)}
  .curs{display:flex;gap:6px;flex-wrap:wrap;padding:2px 8px 6px}
  .curs button{appearance:none;border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink-2)}
  .curs button:hover{border-color:var(--blau);color:var(--blau)}
  .curs button.an{background:var(--navy);border-color:var(--navy);color:#fff}
  .langpop small{font-size:11px;color:var(--ink-3);padding:0 8px 4px}
  .mnav{background:#fff;border-top:1px solid var(--line);padding:6px 0 10px;box-shadow:0 14px 24px rgba(11,31,58,.1)}
  .mnav[hidden]{display:none}
  .mnav a{display:block;padding:12px 4px;font-size:15px;font-weight:650;color:var(--ink-2);border-bottom:1px solid var(--line)}
  .mnav a:last-child{border-bottom:0}
  .mnav a.an{color:var(--blau)}
  @media(min-width:901px){.mnav{display:none!important}}
  .top .wrap{position:relative}

  .acw{position:relative}
  .aclist{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line-2);
    border-radius:10px;box-shadow:0 12px 28px rgba(11,31,58,.16);z-index:30;max-height:300px;overflow:auto}
  .aclist[hidden]{display:none}
  .aclist li{padding:8px 10px;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;gap:1px}
  .aclist li.on,.aclist li:hover{background:var(--blau-bg)}
  .aclist li b{font-size:14px;font-weight:650}
  .aclist li span{font-size:12px;color:var(--ink-3)}
  .ul .bsp{font-style:normal;margin-left:6px;background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber);
    border-radius:100px;padding:1px 8px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:none}
  .ul{display:flex;flex-direction:column;gap:3px}
  .ul .bsp{align-self:flex-start;margin-left:0}

  /* Unterseiten */
  .hero-s{padding:24px 0 22px}
  .hero-s .hkopf h1{font-size:clamp(26px,4vw,38px);margin:10px 0 8px}
  .crumbs{font-size:12.5px;color:var(--ink-3);margin-bottom:10px}
  .crumbs a:hover{color:var(--blau)}
  .amet{margin-top:12px;font-size:13px;color:var(--ink-3)}
  .ptabs{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}
  .ptabs a{padding:8px 16px;border:1px solid var(--line-2);border-radius:100px;font-size:13.5px;font-weight:650;background:#fff;color:var(--ink-2)}
  .ptabs a:hover{border-color:var(--blau);color:var(--blau)}
  .ptabs a.an{background:var(--navy);border-color:var(--navy);color:#fff}
  .zhero{background:var(--zg);border-bottom:0}
  .zhero h1,.zhero .crumbs,.zhero .crumbs a,.zhero .augen{color:#fff}
  .zhero .augen i{background:#fff}
  .zhero p{color:rgba(255,255,255,.9)}
  .leer-hinweis{color:var(--ink-2);padding:12px 0;font-size:14px}
  .sortnote{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
  .kn{font-size:11px;opacity:.65;margin-left:3px}
  .dk .dtitel{font-size:14.5px;margin:0 0 10px;line-height:1.35;letter-spacing:-.01em;font-weight:700}
  .dk .achips{margin:0 0 12px}
  .dk .akfuss{flex-wrap:wrap}
  .gs2.sm{border-radius:8px}
  .gs2.sm .cd{padding:4px 9px;font-size:12px}
  .gs2.sm .go{padding:4px 10px;font-size:12px}
  .hinw a{color:var(--blau);font-weight:600}
  a.bk,a.btn{text-decoration:none}
  .btn.o{color:#fff}

  .pkopf{display:flex;gap:18px;align-items:flex-start}
  .pkt{min-width:0}
  .pkt h1{font-size:clamp(24px,4vw,34px);margin:8px 0 8px}
  .pbis{font-size:16px;color:var(--ink-2);margin:0 0 14px;max-width:640px}
  .pbtn{display:flex;gap:8px;flex-wrap:wrap}
  .pv{max-width:900px}
  .h2s{font-size:19px;margin:28px 0 12px;letter-spacing:-.02em}
  .h2s:first-child{margin-top:0}
  .pvr{margin:0 0 12px}
  .tabwrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}
  .tab{width:100%;border-collapse:collapse;font-size:14px}
  .tab th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg)}
  .tab td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
  .tab tr:last-child td{border-bottom:0}
  .tab .r{text-align:right}
  .tab .eur{display:block;font-size:11.5px;color:var(--gruen-t);font-weight:600;margin-top:1px}
  .blist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
  .blist li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;border-radius:10px;padding:9px 12px;line-height:1.45;
    background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber)}
  .blist li svg{flex:none;margin-top:2px}
  .blist li.gut{background:var(--gruen-bg);border-color:var(--gruen-line);color:var(--gruen-t)}

  .narrow{max-width:840px}
  .prose{font-size:16px;line-height:1.7;color:var(--ink)}
  .prose h2{font-size:23px;margin:30px 0 10px}
  .prose h3{font-size:18px;margin:24px 0 8px}
  .prose p,.prose ul,.prose ol{margin:0 0 14px}
  .prose ul,.prose ol{padding-left:22px}
  .prose a{color:var(--blau);text-decoration:underline}
  .prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 16px;display:block;overflow-x:auto}
  .prose th,.prose td{padding:8px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
  .prose th{background:var(--bg)}
  .faq{margin-top:30px}
  .faq h2{font-size:21px;margin-bottom:12px}
  .faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 15px;margin-bottom:8px}
  .faq summary{font-weight:700;cursor:pointer}
  .faq details p{margin-top:8px;color:var(--ink-2);font-size:14.5px}
  .quellen ul{padding-left:20px;font-size:13.5px}
  .quellen a{color:var(--blau)}

  /* Ergebnisseite */
  .chgpanel{margin-top:12px}
  .chgpanel[hidden]{display:none}
  .chgpanel .suche{margin-top:0}
  .fmore{appearance:none;border:0;background:none;color:var(--blau);font-size:12.5px;font-weight:700;cursor:pointer;padding:5px 0 0;text-align:left}
  .fmore:hover{text-decoration:underline}
  .fx[hidden]{display:none}
  .fmore.rows{display:block;margin:4px auto 2px;padding:6px 10px}
  .pk{display:block;text-decoration:none}
  .pkmore{margin-top:10px;font-size:12.5px}
  .pkmore a{color:#9fc4ff;font-weight:700}
  .pkmore a:hover{color:#fff}
  .abg{display:grid;place-items:center;color:#fff;width:100%;height:100%}
  .blk{margin-bottom:6px}
  .blk .bs.haupt{background:#fff;margin-bottom:5px}
  .bs.prov{margin-bottom:5px}
  .bp.g{color:var(--gruen-t)}
  .bs .bt b{overflow:hidden;text-overflow:ellipsis}
  .ladetext{color:var(--ink-2);padding:20px 4px}
  .auswahl .at a:hover{text-decoration:underline}
  .fgr .fz[hidden]{display:none}

  @media(max-width:560px){
    .pkopf{flex-direction:column;gap:12px}
    .lg.big{width:56px;height:56px}
    .langpop{right:-44px}
  }
  .reiter button,.kat button{flex:none}

  /* ===== Kurtaxe weltweit (neue Seiten, vorhandene Bausteine) ===== */
  .ktbar{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
  .ktsuche{flex:1 1 260px;max-width:380px}
  .ktsuche input{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;background:#fff;font-size:14.5px}
  .ktsuche input:focus{outline:2px solid var(--blau);outline-offset:-1px;border-color:var(--blau)}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ktn{font-size:12.5px;color:var(--ink-3);font-weight:600}
  .ktland{margin-bottom:26px}
  .ktland .h2s{margin-top:0}
  .ktbar .kat{flex-wrap:wrap}
  .ktland[hidden],.kt tr[hidden]{display:none}
  .ktland .h2s{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .ktland .h2s a:hover{color:var(--blau)}
  .ktland .h2s small{font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:0}
  .kt td b{font-weight:700}
  .kts{display:block;font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.4;max-width:340px}
  .kta{display:inline-block;margin-top:4px;white-space:normal}
  .kt a{color:var(--blau);font-weight:600}
  .kt{min-width:800px;table-layout:fixed}
  .kt th:nth-child(1){width:22%}.kt th:nth-child(2){width:28%}.kt th:nth-child(3){width:14%}.kt th:nth-child(4){width:10%}.kt th:nth-child(5){width:12%}.kt th:nth-child(6){width:14%}
  .kt td{overflow-wrap:anywhere}
  .ktlinks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:26px;font-size:13.5px}
  .ktlinks b{flex-basis:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
  .ktlinks a{color:var(--blau);font-weight:600}
  .ktlinks a:hover{text-decoration:underline}
  .gdl2{display:block;margin-top:6px}

/* Hotelliste ohne Preise (Hoteldaten aus OpenStreetMap) */
.hlsub{margin:-4px 0 12px;font-size:13px;color:var(--ink-2)}
.ang.hotel{margin-bottom:11px}
.ang.hotel .apreis .hlp{font-size:14.5px;letter-spacing:-.01em;font-weight:800;line-height:1.2}
.ang.hotel .bakt{margin-top:2px}
.ang.hotel .abild img{display:block}
.hlmore{text-align:center;margin:6px 0 18px}
.bildq{display:block;font-size:10.5px;color:var(--ink-3);margin-top:5px;line-height:1.3}
.bildq a{color:inherit;text-decoration:underline}
.osmq{font-size:12px;color:var(--ink-3);padding:10px 0 22px;line-height:1.5;max-width:880px}
.osmq a{color:inherit;text-decoration:underline}
@media(max-width:620px){.ang.hotel .apreis{padding-top:8px}}

.hlmore .btn[hidden],.hlwrap[hidden],.hlnote[hidden]{display:none!important}
.hlnote{font-size:13px;color:var(--ink-2);margin:0 0 12px}
.fbox.hl .fgr:not(.hlg){display:none}
  /* 06.10.2026 Hasan (Handy-Bild): Hotel-Knoepfe nicht abschneiden - Anbieter in einer Reihe, Cashback-Knopf volle Breite darunter */
  @media(max-width:620px){
    .ang.hotel .bakt{display:flex;flex-wrap:wrap;gap:6px}
    .ang.hotel .bakt .bk.shop{flex:1 1 0;min-width:0;overflow:visible;padding:7px 4px;white-space:normal;text-align:center}
    .ang.hotel .bakt .bk.cash{flex:1 1 100%;white-space:normal;text-align:center}
    .ang.hotel .bakt .bk small{display:block}
  }
  /* 06.10.2026 Hasan: je Anbieter eine Zeile mit zwei Knoepfen (Zur Buchung / Mit Cashback ueber coin7) */
  .hprovs{grid-column:1/-1;margin-top:10px;border-top:1px solid var(--line)}
  .hprov{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
  .hprov:last-child{border-bottom:0}
  .hpn{display:flex;flex-direction:column;min-width:0}
  .hpn b{font-size:14px} .hpn small{font-size:12px;color:var(--muted)} .hpn small.gut{color:var(--gruen-t,#0f7a45);font-weight:700}
  .hpb{display:flex;gap:6px;flex:none}
  @media(max-width:620px){
    .hprov{flex-direction:column;align-items:stretch;gap:7px}
    .hpb .bk{flex:1 1 0;white-space:normal;text-align:center;padding:8px 6px}
    .hpb .bk small{display:block}
  }
  /* 06.10.2026 Hasan: alle Knoepfe gleich gross */
  .hpb .bk{width:196px;min-height:44px;justify-content:center;white-space:normal;text-align:center;box-sizing:border-box}
  @media(max-width:620px){ .hpb .bk{width:auto;flex:1 1 0} }
  /* 06.10.2026 Hasan: Pauschalreise-Block am Handy nur 3 Kacheln, Rest ueber "Alle Pauschalreise-Anbieter" */
  @media(max-width:620px){ .pkliste{grid-template-columns:1fr} .pkliste .pk:nth-child(n+4){display:none} .pk{padding:8px 11px} }

  /* Cookie-Banner */
  .ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;display:flex;justify-content:center;pointer-events:none}
  .ckb[hidden]{display:none}
  .ckc{pointer-events:auto;width:100%;max-width:760px;background:#fff;border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 14px 40px rgba(11,31,58,.18);padding:20px 22px;display:flex;gap:16px;align-items:flex-start;color:var(--ink)}
  .cki{flex:none;margin-top:2px}
  .ckm{flex:1}
  .ckm h2{margin:0 0 4px;font-size:17px;line-height:1.3}
  .ckm p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-2)}
  .ckm p a{color:var(--blau);text-decoration:underline}
  .ckbtn{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
  .ckbtn button{font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;cursor:pointer;border:1px solid #cdd6e3;background:#fff;color:var(--navy)}
  .ckbtn .ck-n{border:1.5px solid #0b1f3a}
  .ckbtn .ck-a{background:#f97316;border-color:#f97316;color:#fff}
  .ckbtn button:hover{filter:brightness(.96)}
  .ckbtn button:focus-visible{outline:2px solid var(--blau);outline-offset:2px}
  .ckrow{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
  .ckrow:first-of-type{margin-top:8px}
  .ckrow div{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-2)}
  .ckrow b{font-size:14px;color:var(--ink)}
  .ckrow+.ckbtn{margin-top:12px}
  .cksw{position:relative;flex:none;width:44px;height:26px}
  .cksw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
  .cksw i{position:absolute;inset:0;border-radius:13px;background:#cdd6e3;transition:background .15s}
  .cksw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
  .cksw input:checked+i{background:#0b1f3a}
  .cksw input:checked+i:after{transform:translateX(18px)}
  .cksw input:disabled{cursor:not-allowed}
  .cksw input:disabled+i{opacity:.55}
  .cksw input:focus-visible+i{outline:2px solid var(--blau);outline-offset:2px}
  @media(max-width:560px){.ckb{left:10px;right:10px;bottom:10px}.ckc{padding:16px;gap:12px}.cki svg{width:24px;height:24px}.ckbtn{flex-direction:column}.ckbtn button{width:100%}}
  /* 06.10.2026 Hasan (Handy-Bild Kurtaxe): Filter untereinander statt abgeschnitten, Tabelle als Karten ohne Seitwaertsscrollen */
  @media(max-width:620px){
    .ktbar{flex-direction:column;align-items:stretch}
    .ktsuche{max-width:none;flex:none}
    .ktbar .kat{display:flex;flex-wrap:wrap;gap:6px}
    .tabwrap:has(.kt){overflow:visible}
    .kt{min-width:0;table-layout:auto;width:100%}
    .kt thead{display:none}
    .kt tr{display:block;padding:11px 12px;border-bottom:1px solid var(--line)}
    .kt td{display:flex;gap:10px;justify-content:space-between;padding:3px 0;border:0;text-align:left;width:auto!important}
    .kt td.r{text-align:left}
    .kt td[data-l]:not([data-l=""])::before{content:attr(data-l);flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
    .kt td[data-l=""]{display:block}
    .kts{max-width:none}
  }
  /* 06.10.2026 Hasan: dezenter Link "Hotels in X finden" auf Kurtaxe-Seiten */
  .kthotel{display:block;font-size:12.5px;font-weight:700;color:var(--blau);margin-bottom:4px;text-decoration:none}
  .kthotel:hover{text-decoration:underline}
  .kthb{margin-top:12px}
  /* 06.10.2026 Hasan (Handy-Bild): mit Gutscheincode werden die Knoepfe nicht mehr zusammengedrueckt - Code in eigener Zeile */
  @media(max-width:620px){
    .bakt{flex-wrap:wrap}
    .bakt .gs2{flex:1 1 100%;order:3}
    .bakt .gs2 .cd{flex:1;justify-content:center}
  }

/* ===== Dunkles Design (06.10.2026, freigegeben): Kopfleiste + Hero-Band ===== */
.top{background:#0b1f3a;border-bottom:1px solid #1b3358}
.top .marke{color:#fff}
.nav a{color:#dbe6f7}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav a.an{background:rgba(255,255,255,.12);color:#fff}
.lang{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.lang:hover,.lang[aria-expanded="true"]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.burger{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.burger:hover,.burger[aria-expanded="true"]{background:rgba(255,255,255,.12)}
.mnav{background:#0b1f3a;border-top:1px solid #1b3358;box-shadow:0 14px 24px rgba(0,0,0,.35)}
.mnav a{color:#dbe6f7;border-bottom-color:rgba(255,255,255,.12)}
.mnav a{padding-left:10px;padding-right:10px}
.mnav a.an{color:#fff;background:rgba(255,255,255,.12);border-radius:8px}
.top :focus-visible{outline:2px solid #ffb37a;outline-offset:2px}

.hero-d{background:var(--bg);border-bottom:1px solid var(--line);padding:0 0 28px}
.hband,.hero-s:not(.zhero){background:radial-gradient(900px 380px at 85% 0,rgba(249,115,22,.20),transparent 60%),linear-gradient(160deg,#0b1f3a 0%,#132c52 70%,#16345f 100%);color:#c7d4ea}
.hband{padding:34px 0 58px}
.hero-d .hsuche .suche:first-child{margin-top:26px}
.hband .hkopf h1,.hero-s:not(.zhero) h1{color:#fff}
.hband .hkopf h1 em{color:var(--orange)}
.hband .hkopf p,.hero-s:not(.zhero) p{color:#c7d4ea}
.hband .augen,.hero-s:not(.zhero) .augen{color:#ffb37a}
.hband .crumbs,.hero-s:not(.zhero) .crumbs,.hero-s:not(.zhero) .amet{color:#b4c4de}
.hband .crumbs a:hover,.hero-s:not(.zhero) .crumbs a:hover{color:#fff;text-decoration:underline}
.hero-s:not(.zhero){border-bottom:0}
.hero-s:not(.zhero) .pbis{color:#dbe6f7}
.hero-s:not(.zhero) .ptabs a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#dbe6f7}
.hero-s:not(.zhero) .ptabs a:hover{border-color:#fff;color:#fff}
.hero-s:not(.zhero) .ptabs a.an{background:#fff;border-color:#fff;color:var(--navy)}
.hero-s:not(.zhero) .btn.n{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4)}
.hero-s:not(.zhero) .btn.n:hover{background:rgba(255,255,255,.24)}
.gepr{display:flex;width:fit-content;max-width:100%;align-items:center;gap:7px;background:rgba(15,157,88,.18);border:1px solid rgba(126,226,168,.5);
  color:#8af0b8;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;margin-bottom:12px}
@media(max-width:620px){
  .hband{padding:20px 0 40px}
  .hero-d{padding-bottom:20px}
  .hero-d .hsuche .suche:first-child{margin-top:18px}
  .gepr{font-size:12px}
}

/* Anbieterkarte (Vorgabe Hasan 06.10.2026): Knoepfe untereinander, volle Breite, drei Helligkeitsstufen */
.deals{background:#eef3f9;border-top:1px solid #dde5f0;border-bottom:1px solid #dde5f0;padding:46px 0}
.deals .leiste{background:#dfe8f3;border:1px solid #cdd9e8}
.deals .ak{background:#fff;border:1px solid #dbe3ee}
.deals .ak:hover{border-color:var(--blau-line)}
.ak .bed{margin:9px 0 12px}
.akfuss{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:auto;padding-top:0;border-top:0}
.akbtn{display:flex;flex-direction:column;gap:6px}
.akbtn .zum,.akbtn .gs2{box-sizing:border-box;width:100%;height:38px;margin:0;border-radius:8px;font-size:13px;font-weight:700;line-height:1.2}
.akbtn .zum{justify-content:center;text-align:center;padding:0 10px;text-decoration:none}
.akbtn .zum.cash{background:var(--gruen-t)}
.akbtn .zum.cash:hover{background:#05602f}
.akbtn .gs2{align-items:stretch}
.akbtn .gs2 .cd{flex:1;justify-content:center;padding:0 12px;font-size:13px}
.akbtn .gs2 .go{flex:none;flex-direction:row;padding:0 20px;font-size:13px}
.akfuss .gdlink{align-self:center;margin-top:12px}
.wt .gsl{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--blau);margin-top:2px}
.wt .gsl:hover{text-decoration:underline}
@media(max-width:620px){.deals{padding:34px 0}}

/* Laenderwahl (Mai Kopf): Knopf mit Flagge, Raster aller Laender */
.flag{display:inline-block;vertical-align:middle;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18);flex:none}
.lang.cbtn{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font-weight:700;font-size:13.5px;white-space:nowrap}
.lang.cbtn .chev{opacity:.8}
.cpop{width:min(560px,calc(100vw - 24px));padding:12px;right:0}
.cpop > b{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:2px 4px 8px}
.cpop .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.cpop .cgrid a,.cpop .cint{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink-2);min-width:0}
.cpop .cgrid a span,.cpop .cint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpop .cgrid a:hover,.cpop .cint:hover{background:var(--bg);color:var(--ink)}
.cpop .cgrid a.an,.cpop .cint.an{background:var(--blau-bg);color:var(--blau)}
.cpop .cint{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;padding-top:11px}
@media(max-width:700px){
  .cpop{position:fixed;left:12px;right:12px;top:62px;width:auto;max-height:calc(100vh - 80px);overflow:auto}
  .cpop .cgrid{grid-template-columns:repeat(2,1fr)}
  .lang.cbtn{padding:6px 8px;font-size:12.5px;max-width:46vw}
  .lang.cbtn #langlab{overflow:hidden;text-overflow:ellipsis}
}
/* Hinweis "Du bist in ..." (nur international) */
.chint{font-size:13.5px;font-weight:600;padding:10px 0 2px;background:#0b1f3a}
/* 08.10.2026 Hasan: Band nur so breit wie die Suchmaske, nicht ueber die ganze Breite */
.chint-in{display:flex;align-items:center;gap:9px;padding:8px 14px;background:#eaf1fc;border:1px solid var(--line);border-radius:12px}
.chint a{color:var(--blau)}
/* Landingpage: Abflughaefen + beliebte Suchen */
.landrow{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.landrow .lr{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.landrow .lr > b{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.lchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.lchip span{font-size:10.5px;font-weight:800;color:var(--ink-3);letter-spacing:.04em}
.lchip:hover,.lchip.an{border-color:var(--blau);color:var(--blau);background:var(--blau-bg)}
@media(max-width:700px){ .up small{white-space:normal;overflow-wrap:anywhere;hyphens:auto} .up{min-width:0;max-width:100%} }
  /* 06.10.2026 Hasan: auch in den Bausteinen der Ergebnisseite alle Knoepfe gleich gross */
  .bs .bakt .bk{width:196px;min-height:44px;justify-content:center;text-align:center;white-space:normal;box-sizing:border-box}
  @media(max-width:620px){ .bs .bakt .bk{width:auto;flex:1 1 0} }
  /* 06.10.2026 Hasan: "Gesamtpreis berechnen" unten rechtsbuendig neben den Mitrechnen-Chips */
  .felder{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mitrechnen .suchbtn{margin-left:auto;height:42px;padding:0 22px}
  @media(max-width:980px){ .felder{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media(max-width:620px){ .felder{grid-template-columns:1fr 1fr} .mitrechnen .suchbtn{flex:1 1 100%;margin-left:0;margin-top:4px;height:46px} }
  /* 06.10.2026 Hasan: am Kopieren-Knopf sichtbar, dass es auch zur Webseite geht */
  .gs2.sm .go{flex-direction:column;line-height:1.15;padding:5px 12px}
  .gs2.sm .go small{display:block;font-size:10.5px;font-weight:600;opacity:.9}
  /* 06.10.2026 Hasan: "5 Angebote" klickbar -> Gutscheine auf der Anbieterseite */
  .gslink{color:var(--blau);text-decoration:none}
  .gslink:hover{text-decoration:underline}
  .gslink svg{width:12px;height:12px;vertical-align:middle}
  /* 06.10.2026 Hasan: Anbieterseite Knoepfe auch unten */
  .pv-unten{padding:6px 0 30px}
  .pbtn-unten{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #dbe3ee;border-radius:14px;padding:16px 18px}
  .pu-txt{display:flex;align-items:center;gap:10px;font-size:15px} .pu-txt .g{color:var(--gruen-t);font-weight:800}
  .pu-btn{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .pu-btn .bk{width:220px;min-height:44px;justify-content:center;text-align:center;box-sizing:border-box}
  .pu-btn .bk.cash{background:#07743e}
  @media(max-width:620px){ .pu-btn{width:100%} .pu-btn .bk{flex:1 1 100%;width:auto} .pu-btn .gdlink{margin:4px auto 0} }
  .pv-alle{padding:0 0 20px} .alle-saetze summary{cursor:pointer;font-weight:700;color:var(--blau);padding:10px 0}

/* Gutschein-Zwischenseite (07.10.2026) */
.cp{padding:18px 0 54px}
.cp .wrap{max-width:560px}
.cp .crumbs{color:var(--ink-2);margin-bottom:16px}
.cp .crumbs a:hover{color:var(--blau);text-decoration:underline}
.cpkarte,.cpbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center}
.cpkarte{display:flex;flex-direction:column;align-items:center}
.cpkarte .lg.big{width:84px;height:84px;border-radius:18px;margin-bottom:12px}
.cpan{font-size:13px;font-weight:700;color:var(--ink-2)}
.cpt{font-size:clamp(20px,3.6vw,25px);font-weight:600;letter-spacing:-.02em;line-height:1.28;margin:6px 0 20px;overflow-wrap:anywhere}
.cpcode{width:100%;height:62px;border-radius:12px;border-width:2px}
.cpcode .cd{flex:1;justify-content:flex-start;padding:0 16px;font:800 18px/1 ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all}
.cpcode .go{flex:none;padding:0 18px;font-size:15px;min-width:42%;text-align:center}
.cpbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:10px 16px;border-radius:12px;background:var(--orange-btn);color:#fff;font-size:15.5px;font-weight:800;text-align:center;line-height:1.3}
.cpbtn:hover{background:#c85200}
.cph{margin:18px 0 10px;font-size:12.5px;color:var(--ink-3);line-height:1.6}
.cpkarte .gepr{background:none;border:0;color:var(--ink-3);padding:0;font-weight:500;font-size:12.5px;margin:2px 0 14px}
.cpkarte .gepr svg{display:none}
.cpb{font-size:14.5px;color:var(--ink);line-height:1.6;margin-top:4px;overflow-wrap:anywhere}
.cpv{font-size:12.5px;color:var(--ink-3);margin-top:10px}
.cpbox{margin-top:16px;padding:18px 20px;text-align:left}
.cpcb{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--gruen-bg);border-color:var(--gruen-line)}
.cpcb b{display:block;font-size:14px}
.cpcb span{font-size:12.5px;color:var(--ink-2)}
.cpcb .bk{flex:none;padding:9px 14px;text-align:center}
.cph2{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.cpl{list-style:none;margin:0;padding:0}
.cpl li+li{border-top:1px solid var(--line)}
.cpl a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;font-weight:700}
.cpl a:hover span{color:var(--blau);text-decoration:underline}
.cpl i{font-style:normal;flex:none;background:var(--amber-bg);color:var(--amber);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
.cpmore{margin-top:18px;text-align:center;display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap}
.dk .dtitel a:hover{color:var(--blau);text-decoration:underline}
@media(max-width:480px){
  .cp .wrap{padding:0 14px}
  .cpkarte{padding:22px 14px}
  .cpcode .cd{font-size:16px;padding:0 12px}
  .cpcode .go{padding:0 10px;font-size:14px}
  .cpcb{flex-direction:column;align-items:stretch;text-align:center}
}
  /* 06.10.2026 Hasan (Handy-Bild): Beispielrechnung am Handy als saubere Liste: Zeichen | Posten | Betrag */
  @media(max-width:620px){
    .usp{flex-direction:column;align-items:stretch;gap:10px}
    .ul{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
    .ukette{display:grid;grid-template-columns:16px 1fr;row-gap:6px;column-gap:6px;width:100%}
    .ukette > .up{grid-column:2;flex-direction:row;justify-content:space-between;align-items:baseline;max-width:none}
    .ukette > .uo{grid-column:1;font-size:15px;line-height:1.4}
    .up small{white-space:normal;font-size:12.5px}
    .up b{font-size:15px}
    .uend{flex-direction:row;justify-content:space-between;align-items:baseline}
  }
  /* 06.10.2026 Hasan Ok: Beispielrechnung am PC als Kaestchen mit runden Rechenzeichen, echter Preis dunkel */
  @media(min-width:621px){
    .usp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 18px}
    .ukette{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
    .ukette .up{background:#f4f7fb;border:1px solid #dbe3ee;border-radius:12px;padding:9px 12px;min-width:104px}
    .ukette .up b{font-size:18px}
    .ukette .up.spar{background:#e7f6ee;border-color:#b7e3ca}
    .ukette .uo{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0b1f3a;color:#fff;font-size:15px;align-self:center;flex:none}
    .uend{background:#0b1f3a;color:#fff;border-radius:12px;padding:10px 16px;border-left:0}
    .uend small{color:#9fc0ff} .uend b{color:#fff;font-size:26px}
  }
  @media(min-width:621px) and (max-width:1100px){ .usp{grid-template-columns:1fr} .uend{justify-self:start} }
  @media(min-width:1101px){ .ukette{flex-wrap:nowrap} .ukette .up{min-width:0;flex:1 1 auto;padding:9px 11px} .ukette .up small{white-space:nowrap} }

/* ===== Anbieterseite neu (09.10.2026, Aufbau nach daily-cashback-Shopseite, TripPrice-Farben; Infos-Akkordeon nach Hasans Entwurf) ===== */
.pv2kopf{padding:22px 0 24px}
.pv2top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center}
.pv2tt h1{font-size:clamp(24px,3.6vw,34px);margin:0 0 6px}
.pv2tt .pbis{margin:0 0 10px;font-size:15.5px}
.pv2chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pv2chips .gepr{margin:0}
.pv2chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;border-radius:100px;padding:4px 11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#dbe6f7}
.pv2chip:hover{border-color:#fff;color:#fff}
.pv2cta{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.btn.gross{padding:13px 22px;font-size:15px;border-radius:11px}
.pv2{padding:22px 0 10px}
.pv2grid{display:grid;grid-template-columns:288px minmax(0,1fr);gap:18px;align-items:start}
.pv2main{grid-column:2;grid-row:1;display:grid;gap:14px}
.pv2side{grid-column:1;grid-row:1;display:grid;gap:12px;position:sticky;top:72px}
.pv2sec,.pv2box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.pv2sec h2{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.02em;margin:0 0 14px}
.pv2n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:0}
.pv2best{border:2px solid var(--blau-line);box-shadow:0 10px 28px rgba(11,31,58,.06)}
.pv2tri{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.pv2tri > div{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;min-width:0}
.pv2tri small,.pv2bh,.pv2gl small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pv2tri b{display:block;font-size:19px;margin:4px 0 2px;line-height:1.25;overflow-wrap:anywhere}
.pv2tri b a:hover{text-decoration:underline}
.pv2tri b.g,.tab b.g,.pv2cmp b.g{color:var(--gruen-t)}
.pv2tri b.o{color:var(--orange-btn);font-size:16.5px}
.pv2tri b.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.pv2tri span{display:block;font-size:12.5px;color:var(--ink-2)}
.pv2calc{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.pv2calc .rechner{margin:0 0 10px}
.pv2calc table{width:100%;border-collapse:collapse;font-size:14px}
.pv2calc td{padding:6px 0;border-bottom:1px dashed var(--line-2)}
.pv2calc td+td{text-align:right;font-weight:700;white-space:nowrap;padding-left:12px}
.pv2calc tr.sum td{border-bottom:0;padding:9px 10px;font-weight:800}
.pv2calc tr.spar td{background:var(--gruen-bg);color:var(--gruen-t)}
.pv2calc tr.spar td:first-child{border-radius:9px 0 0 9px} .pv2calc tr.spar td:last-child{border-radius:0 9px 9px 0}
.pv2calc tr.end td{background:var(--navy);color:#fff;font-size:16px}
.pv2calc tr.end td:first-child{border-radius:9px 0 0 9px} .pv2calc tr.end td:last-child{border-radius:0 9px 9px 0}
.pv2calc tr.spar + tr.end td{border-top:6px solid var(--bg)}
.pv2klein{font-size:12.5px;color:var(--ink-3);margin-top:10px;line-height:1.5}
.pv2klein.erst{margin:-8px 0 12px}
.pv2breit{width:100%;margin-top:12px;padding:12px 15px;font-size:14.5px}
.pv2steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px;color:var(--ink)}
.pv2txt{font-size:14.5px;color:var(--ink);margin:0 0 10px;line-height:1.6}
.pv2h3{font-size:15px;margin:18px 0 10px}
.pv2h3.erst{margin-top:0}
.pv2h3 a:hover{color:var(--blau);text-decoration:underline}
.pv2sec .alle-saetze{margin-top:6px}
.pv2cmp td{vertical-align:middle}
.pv2cn{display:flex;align-items:center;gap:8px}
.pv2cn small{font-size:11.5px;color:var(--ink-3);font-weight:600}
a.pv2cn:hover b{color:var(--blau);text-decoration:underline}
.pv2cmp tr.dies td{background:var(--blau-bg)}
.pv2cmp .leer{color:var(--ink-3);font-size:13px}
.pv2filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.pv2filter button{appearance:none;border:1px solid var(--line-2);background:#fff;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink-2)}
.pv2filter button span{font-size:11px;background:var(--bg);border-radius:100px;padding:1px 7px;margin-left:3px}
.pv2filter button.an{background:var(--navy);border-color:var(--navy);color:#fff}
.pv2filter button.an span{background:rgba(255,255,255,.18)}
.pv2deals{display:grid;gap:9px}
.pv2deal{display:grid;grid-template-columns:96px minmax(0,1fr) auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.pv2wert{background:var(--orange-bg);border-right:1.5px dashed var(--orange-line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;text-align:center}
.pv2wert b{font-size:20px;color:var(--orange-btn);line-height:1.1}
.pv2wert span{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--amber)}
.pv2deal[data-t="deal"] .pv2wert{background:var(--eis);border-right-color:var(--blau-line)}
.pv2deal[data-t="deal"] .pv2wert span{color:var(--blau)}
.pv2mitte{padding:12px 14px;min-width:0}
.pv2mitte h3{font-size:14.5px;line-height:1.35;letter-spacing:-.01em;margin:0 0 7px}
.pv2mitte h3 a:hover{color:var(--blau);text-decoration:underline}
.pv2mitte .achips{display:flex;gap:6px;flex-wrap:wrap}
.pv2bed{margin-top:7px;font-size:12.5px;color:var(--ink-2)}
.pv2bed summary{cursor:pointer;font-weight:700;color:var(--blau)}
.pv2bed p{margin-top:5px;line-height:1.5}
.pv2rechts{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:12px 14px 12px 0;min-width:150px}
.pv2alle{appearance:none;width:100%;margin-top:10px;border:1px solid var(--line-2);background:#fff;border-radius:11px;padding:11px;font-weight:800;font-size:14px;cursor:pointer}
.pv2alle:hover{border-color:var(--blau);color:var(--blau)}
.pv2links{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:10px}
.pv2q{border-bottom:1px solid var(--line);padding:11px 0}
.pv2q:last-child{border-bottom:0}
.pv2q summary{cursor:pointer;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pv2q summary::-webkit-details-marker{display:none}
.pv2q summary::after{content:"+";color:var(--orange-btn);font-weight:800;font-size:18px;line-height:1}
.pv2q[open] summary::after{content:"−"}
.pv2q p{margin-top:7px;color:var(--ink-2);font-size:14px;line-height:1.55}
.pv2stand{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pv2stand li{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed var(--line-2);padding-bottom:6px}
.pv2stand span{color:var(--ink-2)}
.pv2karten{margin-bottom:10px}
@media(min-width:1101px){.pv2karten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pv2tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pv2tile{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.pv2tile:hover{border-color:var(--blau)}
.pv2tile .k{display:flex;align-items:center;gap:8px;font-size:14px}
.pv2tile .w{color:var(--gruen-t);font-weight:800;font-size:17px}
.pv2tile small{font-size:12px;color:var(--ink-3)}
.pv2shop{display:flex;flex-direction:column;align-items:center;text-align:center}
.pv2shop .lg.big{margin-bottom:8px}
.pv2dom{font-size:13.5px;color:var(--ink-2);font-weight:600}
a.pv2dom:hover{color:var(--blau);text-decoration:underline}
.pv2shop .btn.rand{margin-top:8px}
.pv2bh{margin:0 0 10px}
.pv2gl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv2gl > div{background:var(--bg);border-radius:10px;padding:10px 11px}
.pv2gl b{display:block;font-size:20px}
.pv2gl small{text-transform:none;letter-spacing:0;font-weight:600;font-size:12px;margin-top:2px}
.pv2gl .cb{grid-column:1/-1;background:var(--gruen-bg)}
.pv2gl .cb b{color:var(--gruen-t)}
.pv2gt{font-size:13px;margin-top:10px;color:var(--ink)} .pv2gt span{color:var(--ink-3);font-weight:600}
.pv2ok{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--gruen-t);font-weight:700;margin-top:8px}
.pv2list{list-style:none;margin:0;padding:0}
.pv2list li+li{border-top:1px solid var(--line)}
.pv2list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;font-weight:600}
.pv2list a:hover .nm{color:var(--blau);text-decoration:underline}
.pv2list a svg{flex:none;color:var(--ink-3)}
.pv2mehr a{justify-content:flex-start}
.pv2mehr .nm{flex:1;min-width:0}
.pv2mehr small{font-size:12px;color:var(--ink-3);font-weight:600;white-space:nowrap}
.pv2cats{display:flex;gap:6px;flex-wrap:wrap}
.pv2cats a,.pv2cats span{border:1px solid var(--line-2);border-radius:100px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.pv2cats a:hover{border-color:var(--blau);color:var(--blau)}
/* Infos zu <Anbieter>: Akkordeon wie Hasans Entwurf (Abschnitt 6) */
.pv2hr{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--ink-3);letter-spacing:0}
.pv2infogrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.pv2ikarte{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.pv2ikarte > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700}
.pv2ikarte > summary::-webkit-details-marker{display:none}
.pv2ikarte > summary:hover{background:#fafcfe}
.pv2ic{width:28px;height:28px;border-radius:8px;background:var(--blau-bg);color:var(--blau);display:grid;place-items:center;flex:none}
.pv2ch{margin-left:auto;color:var(--ink-3);transition:transform .15s;flex:none}
.pv2ikarte[open] > summary .pv2ch{transform:rotate(180deg)}
.pv2ib{padding:0 14px 14px;font-size:13.5px;color:var(--ink-2);line-height:1.6}
.pv2ib p + p{margin-top:7px}
.pv2ib a{color:var(--blau);font-weight:600}
.pv2ib dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:9px 0 0}
.pv2ib dt{color:var(--ink-3)} .pv2ib dd{color:var(--ink);font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){
  .pv2grid{grid-template-columns:minmax(0,1fr)}
  .pv2main,.pv2side{grid-column:1;grid-row:auto;position:static}
  .pv2top{grid-template-columns:auto minmax(0,1fr)}
  .pv2cta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .pv2cta .btn{flex:1 1 220px}
}
@media(max-width:760px){ .pv2infogrid{grid-template-columns:1fr} }
@media(max-width:560px){
  .pv2top{grid-template-columns:minmax(0,1fr);gap:12px}
  .pv2sec,.pv2box{padding:15px 14px}
  .pv2deal{grid-template-columns:72px minmax(0,1fr)}
  .pv2rechts{grid-column:1/-1;padding:0 12px 12px;flex-direction:row;flex-wrap:wrap}
  .pv2rechts > *{flex:1 1 auto}
  .pv2tri{grid-template-columns:1fr 1fr}
  .pv2tiles{grid-template-columns:1fr 1fr}
  .pv2cmp th,.pv2cmp td{padding:9px 8px;font-size:13px}
  .pv2cmp th{font-size:10px;letter-spacing:.03em}
  .pv2cn small{display:none}
}
/* Kopf der Anbieterseite 1:1 nach Hasans Entwurf (09.10.2026): weisse Karte statt dunklem Band */
.pv3krumen{font-size:12.5px;color:var(--ink-3);padding:13px 0 0}
.pv3krumen a:hover{color:var(--blau)}
.pv3kopf{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-top:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.pv3logo{width:62px;height:62px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;flex:none;padding:7px;color:#fff;font-size:26px;font-weight:800}
.pv3logo img{width:100%;height:100%;object-fit:contain;display:block}
.pv3kat{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-btn)}
.pv3kat i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:block}
.pv3kopf h1{font-size:clamp(20px,2.6vw,26px);margin:5px 0;letter-spacing:-.028em;line-height:1.22}
.pv3sub{font-size:14px;color:var(--ink-2)}
.pv3meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.pv3sm{display:inline-flex;align-items:center;gap:6px;background:#eef3f9;border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:12px;font-weight:600;color:var(--ink-2)}
.pv3sm.ok{background:var(--gruen-bg);border-color:var(--gruen-line);color:var(--gruen-t)}
.pv3sm b{font-weight:800;color:var(--ink)} .pv3sm.ok b{color:var(--gruen-t)}
.pv3btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 20px;font-size:15px;font-weight:800;white-space:nowrap;background:var(--orange-btn);color:#fff}
.pv3btn:hover{background:#c85200}
.pv2{padding:16px 0 10px}
@media(max-width:760px){
  .pv3kopf{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .pv3ktas{grid-column:1/-1}
}
@media(max-width:560px){ .pv3btn{white-space:normal;text-align:center} }

/* Live-Flugsuche (Travelpayouts White Label), 10.10.2026 */
.suche.wl .felder,.suche.wl .verfein,.suche.wl .mitrechnen{display:none}
.wlbox{padding:14px 16px 16px;min-height:120px}
.wlgate{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:6px 2px}
.wlgate small{color:var(--ink-2);font-size:12.5px;max-width:560px}
.wlres{margin-top:14px}
.landrow[hidden]{display:none}
.wlgate .suchbtn{margin-left:0;align-self:flex-start}
.wlcb{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gruen-bg);border:1px solid var(--gruen-line);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.wlcb b{display:block;color:var(--gruen-t);font-size:14px}.wlcb span{display:block;color:var(--ink-2);font-size:12.5px}
.wlcb a{flex:none;background:var(--gruen);color:#fff;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.wlcb a:hover{background:var(--gruen-t)}
@media(max-width:560px){.wlcb{flex-direction:column;align-items:flex-start}}

/* 14.10.2026 Kurtaxe-Seiten: Kurzantwort, Hotelsuche im Hero, Hotel-Cashback ueber daily cashback (Hasan) */
.ktkurz{display:inline-flex;flex-direction:column;gap:3px;margin-top:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:12px 18px;color:#fff;max-width:100%}
.ktkurz .ktkl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffb37a;font-weight:700}
.ktkurz .ktkw{font-size:24px;font-weight:800;line-height:1.2}
.ktkurz .ktkp{font-size:14px;color:#c7d4ea}
.ktkurz .ktkz{font-size:15px}
.ktkurz .ktkz small{color:#c7d4ea;font-size:13px}
.ktsuche2{margin-top:22px}
.ktsuche2 .suche,.ktsuche2 .suche input{color:var(--ink)}
.ktsuche2 .ktsh2{color:#fff;font-size:20px;margin:0 0 10px}
.ktspar{margin:26px 0 22px;border:2px solid var(--orange);border-radius:14px;padding:18px 20px;background:#fff7ed}
.ktspar h2{font-size:21px;margin:0 0 4px}
.ktspar>p{color:var(--ink-2);font-size:14.5px;margin:0 0 14px}
.ktsk{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ktsc{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #fed7aa;border-radius:10px;padding:14px}
.ktsc .ktsn{font-size:17px}
.ktsc .ktsw{font-size:24px;font-weight:900;color:#ea580c;line-height:1.2}
.ktsc .ktse{font-size:13.5px;color:var(--ink-2)}
.ktsc .btn{margin-top:8px;align-self:flex-start}
.ktspar .ktsh{font-size:12.5px;color:var(--ink-3);margin:10px 0 0}
@media (max-width:640px){.ktkurz{display:flex}.ktkurz .ktkw{font-size:21px}.ktspar{padding:14px}.ktsc .ktsw{font-size:21px}}