.flightbook-hero { background-image:url("assets/images/flugbuch/cumulus-himmel.png"); background-position:center bottom; background-size:120% auto; }
.flightbook-hero__content { padding:0; }
@media(max-width:900px) { .flightbook-hero { background-size:auto 120%; } }
.flightbook-hero__link{display:inline-block;margin-top:25px;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.flightbook-section{padding:clamp(72px,9vw,130px) 0;background:linear-gradient(180deg,#365f99 0%,#426da2 100%);color:#f5f8fc}
.flightbook-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:65px}
.flightbook-heading h2,.flightbook-invite h2{font-size:clamp(2.1rem,4.5vw,4.3rem);line-height:1.08;margin:14px 0}
.flightbook-google{display:inline-block;color:#13467c;border:1px solid #94b9d4;border-radius:100px;padding:13px 20px;text-decoration:none;white-space:nowrap;background:#fff}
.flightbook-google:hover,.flightbook-google:focus-visible{background:#e3f3ff}
.flightbook-status{margin:20px 0;color:#e0eaf5}
.flightbook-clouds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 34px;align-items:start}
.flightbook-cloud{color:#153453;background:#fff;border-radius:52% 48% 42% 46% / 24% 27% 21% 26%;box-shadow:0 20px 60px rgba(42,89,125,.12);padding:48px 38px 54px;position:relative;min-height:270px;isolation:isolate}
.flightbook-cloud:before,.flightbook-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;z-index:-1}
.flightbook-cloud:before{width:54%;height:58%;left:-6%;top:10%}
.flightbook-cloud:after{width:57%;height:67%;right:-5%;top:2%}
.flightbook-cloud:nth-child(3n + 2){margin-top:55px}
.flightbook-cloud:nth-child(3n + 3){margin-top:20px}
.flightbook-cloud__head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.flightbook-cloud__avatar{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:50%;background:#dceef9;color:#1f5b86;font-weight:700}
.flightbook-cloud__name{font-weight:700;line-height:1.3}
.flightbook-cloud__source{font-size:.8rem;opacity:.75}
.flightbook-cloud__stars{color:#b27a24;letter-spacing:.16em;margin:0 0 12px}
.flightbook-cloud blockquote{margin:0;font-size:1.04rem;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.flightbook-cloud__original{display:inline-block;color:#16517e;margin-top:20px}
.flightbook-invite{padding:clamp(70px,9vw,130px) 0;background:linear-gradient(180deg,#294d77 0%,#213f65 100%);color:#f5f8fc}
.flightbook-invite__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px)}
.flightbook-invite p{line-height:1.7}
.flightbook-form-wrap{color:#153453;background:white;border-radius:25px;box-shadow:0 14px 45px rgba(21,52,83,.09);padding:clamp(25px,4vw,45px)}
.flightbook-field{display:grid;gap:8px;margin:20px 0;font-weight:600}
.flightbook-field input,.flightbook-field textarea{width:100%;font:inherit;border:1px solid #a8c2d3;border-radius:10px;padding:12px;color:#153453;background:#fff}
.flightbook-field textarea{resize:vertical}
.flightbook-stars{border:0;padding:0;margin:0}
.flightbook-stars legend{font-weight:700;margin-bottom:10px}
.flightbook-stars div{display:flex;flex-wrap:wrap;gap:10px}
.flightbook-stars label{background:#e8f3fa;padding:8px 11px;border-radius:8px;cursor:pointer}
.flightbook-check{display:flex;gap:11px;align-items:start;line-height:1.55}
.flightbook-check input{margin-top:6px;flex:none}
.flightbook-submit{border:0;border-radius:100px;padding:14px 24px;background:#145787;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:25px}
.flightbook-submit:disabled{opacity:.55;cursor:wait}
.flightbook-fine{font-size:.86rem;color:#52677b}
.flightbook-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:920px){.flightbook-clouds{grid-template-columns:repeat(2,minmax(0,1fr))}.flightbook-cloud:nth-child(n){margin-top:0}.flightbook-invite__inner{grid-template-columns:1fr}}
@media(max-width:650px){.flightbook-heading{align-items:start;flex-direction:column}.flightbook-clouds{grid-template-columns:1fr;gap:28px}.flightbook-cloud{min-height:0;padding:35px 30px}.flightbook-google{white-space:normal}}
@media(prefers-reduced-motion:no-preference){.flightbook-cloud{transition:transform .25s ease}.flightbook-cloud:hover{transform:translateY(-5px)}}

.flightbook-platforms{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.flightbook-choices{display:grid;gap:12px;margin:26px 0}
.flightbook-choice{display:grid;gap:4px;text-decoration:none;background:#fff;border:1px solid #b4cee0;border-radius:14px;padding:16px 20px;color:#153453;box-shadow:0 5px 18px rgba(21,52,83,.05)}
.flightbook-choice:hover,.flightbook-choice:focus-visible{border-color:#327db0;background:#edf7ff}
.flightbook-choice span{font-size:.94rem;line-height:1.45;color:#405f77}

.flightbook-cloud:target{outline:3px solid #236b9c;outline-offset:8px}

.facebook-recommendations { margin-bottom:48px; }
.facebook-recommendation { min-width:0; overflow-wrap:anywhere; }
.facebook-recommendation:target { outline:3px solid #236b9c; outline-offset:8px; }
.facebook-post summary { cursor:pointer; font-weight:700; color:#16517e; padding:12px 0; }
.facebook-post__frame { margin-top:12px; max-width:100%; }
.facebook-post__frame iframe { display:block; width:100%; max-width:500px; border:0; background:#fff; }
.facebook-post__frame iframe[hidden] { display:none; }
.facebook-post__frame .skytime-media-consent { min-height:180px; padding:18px; }
.facebook-recommendation:has(details[open]) { grid-column:1/-1; border-radius:28px; }
.facebook-post__frame { max-width:500px; }
@media(max-width:650px){.facebook-post__frame iframe{height:360px}}
@media(max-width:650px){.flightbook-cloud:before{left:0}.flightbook-cloud:after{right:0}}

/* Clouds vary in silhouette while text and controls remain untransformed. */
.flightbook-cloud:nth-child(4n+1) { border-radius:42% 55% 39% 48% / 16% 20% 15% 18%; }
.flightbook-cloud:nth-child(4n+2) { border-radius:55% 38% 47% 34% / 28% 22% 30% 20%; }
.flightbook-cloud:nth-child(4n+3) { border-radius:35% 57% 37% 52% / 22% 32% 19% 25%; }
.flightbook-cloud:nth-child(4n) { border-radius:49% 39% 56% 36% / 29% 18% 27% 20%; }
.flightbook-cloud:nth-child(2n):before { width:43%; height:48%; top:-7%; left:12%; }
.flightbook-cloud:nth-child(3n):after { width:48%; height:52%; top:14%; right:-3%; }
.google-recommendation { grid-column:span 2; }
.facebook-recommendation:has(details[open]) { border-radius:28px; }
.flightbook-invite a:not([class]) { color:#f5d58d; }
.flightbook-form-wrap a:not([class]) { color:#16517e; }
.flightbook-cloud:target,.facebook-recommendation:target { outline-color:#f2d088; }
@media(max-width:650px) { .google-recommendation { grid-column:auto; } .flightbook-cloud:nth-child(n):after { right:0; } }
