/* Rechtsseiten (/impressum, /datenschutz) */
body[data-kind=legal]{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:var(--bg,#f4f7fb);color:var(--ink,#12233f)}body[data-kind=legal] *{box-sizing:border-box}body[data-kind=legal] .brand-travel img{width:180px;height:auto}
.legal-header{background:#fff;border-bottom:1px solid var(--line)}
.legal-header .header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.legal-header nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;font-weight:700}
.legal-header nav a{color:var(--ink);text-decoration:none}.legal-header nav a:hover{color:var(--blue)}
.legal{max-width:820px;padding:36px 0 20px;line-height:1.65}
.legal h1{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.03em;margin:0 0 6px}
.legal .legal-stand{color:var(--muted);font-size:.85rem;margin-bottom:24px}
.legal h2{font-size:1.15rem;margin:30px 0 8px}
.legal h3{font-size:1rem;margin:18px 0 6px}
.legal p,.legal li{margin:0 0 10px}
.legal ul{padding-left:22px}
.legal a{color:var(--blue)}
.legal .legal-toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;margin-bottom:8px}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.legal dt{font-weight:700}
@media(max-width:620px){.legal dl{grid-template-columns:1fr}}
/* Design wie billigxxl.de/datenschutz (Sasan 29.09.) */
html body .legal h1{font:900 clamp(30px,3.2vw,42px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.03em;color:#0c1f44;margin:0 0 10px}
html body .legal .legal-stand{font-size:18px;line-height:1.45;color:#33475f;margin-bottom:14px}
html body .legal .legal-toc{gap:8px 18px;font-size:14px;margin-bottom:22px}
html body .legal .legal-toc a{color:#0054d7;text-decoration:underline;text-underline-offset:4px}
html body .legal h2{font:700 20px/1.25 "Segoe UI",Arial,sans-serif;color:#0c1f44;margin:28px 0 10px}
html body .legal p,html body .legal li{font-size:15.5px;line-height:1.6;color:#33475f}
/* Kontakt / Über uns (Sasan 29.09.: alle Footer-Seiten unter fluege.billigxxl.de, Kopfzeile wie die Reiseseiten, KAYAK-Logo als Partnerhinweis) */
html body .legal .legal-kayak{display:flex;align-items:center;gap:16px;margin:18px 0 6px;padding:14px 18px;border:1px solid #e4eaf2;border-radius:14px;background:#f3f7fb}
html body .legal .legal-kayak img{display:block;width:110px;height:auto;flex:none}html body .legal .legal-kayak p{margin:0;font-size:14px;line-height:1.5;color:#33475f}
html body .legal .legal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 18px}
html body .legal .legal-card{padding:18px 18px 14px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(25,54,86,.06)}
html body .legal .legal-card h2{margin:0 0 8px;font-size:17px}html body .legal .legal-card p{font-size:14.5px}
html body[data-kind=legal] .legal{max-width:960px;padding:30px 0 20px}
@media(max-width:900px){html body .legal .legal-cards{grid-template-columns:1fr}html body .legal .legal-kayak{flex-direction:column;align-items:flex-start}}

/* Kontaktformular (/kontakt) */
html body .legal .legal-contact{margin:28px 0 8px;padding:22px 22px 18px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(25,54,86,.06)}
html body .legal .legal-contact h2{margin:0 0 12px}
html body .legal .legal-contact-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
html body .legal .legal-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
html body .legal .legal-contact-grid label{display:flex;flex-direction:column;gap:6px;font:600 13px/1.3 "Segoe UI",Arial,sans-serif;color:#33465c}
html body .legal .legal-contact-wide{grid-column:1/-1}
html body .legal .legal-contact-grid input,html body .legal .legal-contact-grid textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #c9d4e2;border-radius:10px;font:400 15px/1.4 "Segoe UI",Arial,sans-serif;color:#0b2a55;background:#fff}
html body .legal .legal-contact-grid input:focus,html body .legal .legal-contact-grid textarea:focus{outline:2px solid #0054d7;outline-offset:1px;border-color:#0054d7}
html body .legal .legal-contact-grid textarea{resize:vertical;min-height:140px}
html body .legal .legal-contact-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font:400 13.5px/1.45 "Segoe UI",Arial,sans-serif;color:#33465c}
html body .legal .legal-contact-consent input{margin-top:3px;flex:none}
html body .legal .legal-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:16px 0 0}
html body .legal .legal-contact-send{padding:12px 26px;border:0;border-radius:10px;background:#ff7a00;color:#fff;font:700 15px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
html body .legal .legal-contact-send:hover{background:#e86e00}
html body .legal .legal-contact-hint{font:400 12.5px/1.4 "Segoe UI",Arial,sans-serif;color:#5b6b80}
html body .legal .legal-contact-ok{padding:14px 16px;border-radius:10px;background:#e8f7ee;color:#0f6b3a;font:600 15px/1.45 "Segoe UI",Arial,sans-serif}
html body .legal .legal-contact-error{padding:12px 16px;border-radius:10px;background:#fdecec;color:#a11c1c;font:600 14px/1.45 "Segoe UI",Arial,sans-serif}
@media(max-width:640px){html body .legal .legal-contact{padding:16px 14px 14px}html body .legal .legal-contact-grid{grid-template-columns:1fr}html body .legal .legal-contact-send{width:100%}}

/* Konto + Merkliste */
html body .legal .konto-cards{margin-top:18px}
html body .legal .konto-card{display:block;color:inherit;text-decoration:none}
html body .legal a.konto-card:hover h2{color:#0054d7}
html body .legal .konto-count{margin:4px 0 2px!important;font:900 34px/1 "Arial Black",Arial,sans-serif;color:#0054d7}
html body .legal .konto-list{margin-top:28px}
html body .legal .konto-favs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
html body .legal .konto-fav{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid #e4eaf2;border-radius:14px;background:#fff}
html body .legal .konto-fav img,html body .legal .konto-fav-img{display:block;width:120px;height:84px;object-fit:cover;border-radius:10px;background:#dfe8f3}
html body .legal .konto-fav-body{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .legal .konto-fav-body strong{font-size:16px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .legal .konto-fav-kind,html body .legal .konto-fav-sub{font-size:12.5px;color:#5b6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .legal .konto-fav-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
html body .legal .konto-fav-price{font:800 18px/1 "Segoe UI",Arial,sans-serif;color:#0c1f44}
html body .legal .konto-fav-go{padding:9px 16px;font-size:13.5px;text-decoration:none;border-radius:8px}
html body .legal .konto-fav-remove{border:0;background:none;color:#5b6b80;font:600 12.5px/1 "Segoe UI",Arial,sans-serif;text-decoration:underline;cursor:pointer}
html body .legal .konto-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:34px;padding-top:22px;border-top:1px solid #e4eaf2}
html body .legal .konto-delete{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;color:#5b6b80}
html body .legal .konto-delete-btn{padding:10px 16px;border:1px solid #e0b4b4;border-radius:10px;background:#fff;color:#a11c1c;font:700 13.5px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
html body .legal .konto-login{margin-top:14px;padding:22px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(25,54,86,.06)}
html body .tnav-account.is-logged-in svg{color:#0054d7}
html body .tnav-fav.has-favs svg{fill:#ff4d6d;stroke:#ff4d6d}
@media(max-width:640px){html body .legal .konto-fav{grid-template-columns:88px minmax(0,1fr)}html body .legal .konto-fav img,html body .legal .konto-fav-img{width:88px;height:64px}html body .legal .konto-fav-side{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
/* Preisalarme unter „Mein Konto“ */
html body .legal .konto-alarm-bell{display:grid!important;place-items:center;color:#0053bb;background:#e6f0ff!important}
html body .legal .konto-alarm.is-ended{opacity:.6}
html body .legal .konto-alarm form{margin:0}
html body .legal .konto-alarm .konto-fav-price small{font-size:12px;font-weight:400;color:#6b7a90}
html body .legal .konto-alarm-stop .konto-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}