/* Privatsphäre-Dialog im Layout von billigxxl.de (Sasan 29.09.) – gemeinsame Wahl für alle billigxxl.de-Seiten */
.flight-privacy{box-sizing:border-box;width:min(940px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:#0c1f44;font:400 15px/1.5 "Segoe UI",Arial,sans-serif;box-shadow:0 20px 60px rgba(6,20,45,.35);overflow:hidden;display:none;flex-direction:column}
.flight-privacy[open]{display:flex}
.flight-privacy::backdrop{background:rgb(16 47 84 / .45)}
.flight-privacy>*{padding-inline:36px}
.flight-privacy .fp-head{display:flex;justify-content:space-between;align-items:flex-start;padding-top:28px}
.flight-privacy .fp-head img{width:190px;height:auto}
.flight-privacy .fp-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:#0c1f44;cursor:pointer}.flight-privacy .fp-close:hover{background:#eef3fa}.flight-privacy .fp-close svg{width:22px;height:22px}
.flight-privacy h2{margin:18px 0 12px;font:700 26px/1.2 "Segoe UI",Arial,sans-serif;color:#0c1f44}
.flight-privacy h2:focus{outline:none}
.flight-privacy p{margin:0 0 10px;color:#33475f;font-size:15.5px}
.flight-privacy .fp-muted{color:#5b6b80}
.flight-privacy .fp-links{display:flex;gap:28px;margin:8px 0 18px}.flight-privacy .fp-links a{color:#0054d7;text-decoration:underline;text-underline-offset:4px}
.flight-privacy h3{margin:0;padding-top:16px;padding-bottom:16px;border-top:1px solid #e3ebf5;border-bottom:1px solid #e3ebf5;font:700 17px/1.2 "Segoe UI",Arial,sans-serif;color:#0c1f44}
.flight-privacy .fp-list{overflow:auto;padding-top:20px;padding-bottom:6px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0}
.flight-privacy .fp-card{border:1px solid #dfe7f1;border-radius:12px;padding:18px 20px}
.flight-privacy .fp-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.flight-privacy .fp-card strong{font-size:17px;color:#0c1f44}
.flight-privacy .fp-always{color:#5b6b80;font-size:14px;white-space:nowrap}
.flight-privacy .fp-card p{margin:8px 0 0}
.flight-privacy details{margin-top:8px}.flight-privacy summary{cursor:pointer;color:#0054d7;font-weight:700;font-size:15px}.flight-privacy details p{margin-top:8px;font-size:14px}
.flight-privacy .fp-switch{position:relative;display:inline-block;width:50px;height:28px;flex:none}
.flight-privacy .fp-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.flight-privacy .fp-switch span{position:absolute;inset:0;border-radius:999px;background:#c7d3e3;transition:background .15s}
.flight-privacy .fp-switch span::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.flight-privacy .fp-switch input:checked+span{background:#0054d7}
.flight-privacy .fp-switch input:checked+span::after{transform:translateX(22px)}
.flight-privacy .fp-switch input:focus-visible+span{outline:3px solid #f28b29;outline-offset:2px}
.flight-privacy [role=alert]{color:#b42318;font-weight:700}
.flight-privacy .flight-privacy-actions{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;padding-top:18px;padding-bottom:24px;border-top:1px solid #e3ebf5}
.flight-privacy .flight-privacy-actions button{min-width:150px;min-height:52px;padding:0 24px;border:2px solid #0054d7;border-radius:10px;background:#fff;color:#0054d7;font:700 16px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.flight-privacy .flight-privacy-actions button:hover{background:#eef3fc}
.flight-privacy .flight-privacy-actions .fp-primary{background:#0054d7;color:#fff}.flight-privacy .flight-privacy-actions .fp-primary:hover{background:#0046b3}
.flight-privacy button:focus-visible,[data-flight-privacy-open]:focus-visible{outline:3px solid #f28b29;outline-offset:3px}
[data-flight-privacy-open]{font:inherit;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer;padding:.5rem 0}
.legal-privacy-button{display:inline-block;margin:6px 0 10px;padding:14px 22px!important;border-radius:8px;background:#0054d7!important;color:#fff!important;font:700 15px/1 "Segoe UI",Arial,sans-serif!important;text-decoration:none!important}
.legal-privacy-button:hover{background:#0046b3!important}
@media(max-width:620px){.flight-privacy>*{padding-inline:18px}.flight-privacy .flight-privacy-actions button{flex:1 1 auto;min-width:0}}
