/* ---- POVNOMAD Chatbot-Rahmen · alle Styles (nur einmal nötig) ---- */ .pnc{ --lila:#7B5EA7; --lila-d:#654d8c; --cyan:#00B7FF; --cyan-d:#0090cc; --trust:#00B67A; --ink:#201c33; --muted:#6b6880; --line:#e9e6f2; --tint-l:#faf9ff; --tint-c:#f1fbff; font-family:inherit; color:var(--ink); max-width:880px; margin:0 auto; box-sizing:border-box; } .pnc *{box-sizing:border-box;} .pnc a{text-decoration:none; color:inherit;}/* Hero */ .pnc-hero{text-align:center; padding:8px 16px 4px;} .pnc-eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:7px 8px 7px 14px; border-radius:999px; background:#fff; border:1px solid var(--line); font-size:12px; font-weight:700; letter-spacing:.4px; color:var(--lila-d); text-transform:uppercase; box-shadow:0 2px 10px rgba(123,94,167,.06); } .pnc-eyebrow .pnc-cut{ border-left:2px dashed var(--line); padding-left:8px; margin-left:2px; color:var(--muted); letter-spacing:.2px; } .pnc-h1{ margin:16px auto 0; max-width:14ch; font-size:clamp(28px,5vw,42px); line-height:1.08; font-weight:800; letter-spacing:-.02em; background:linear-gradient(100deg,var(--lila),var(--cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; } .pnc-sub{ margin:14px auto 0; max-width:46ch; font-size:clamp(15px,1.7vw,17px); line-height:1.55; color:var(--muted); } /* Signatur: dezente Flugroute unter dem Intro */ .pnc-route{ display:flex; align-items:center; justify-content:center; gap:0; margin:22px auto 4px; max-width:340px; color:var(--cyan); } .pnc-route i{flex:1; height:0; border-top:2px dashed rgba(0,183,255,.4);} .pnc-route .pnc-dot{width:8px;height:8px;border-radius:50%;background:var(--lila);flex:none;} .pnc-route .pnc-plane{flex:none; font-size:15px; margin:0 -2px; transform:translateY(-1px);}/* Abschnitts-Überschriften */ .pnc-below{padding:8px 16px 4px;} .pnc-eyeline{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--lila-d); margin:34px 0 14px; } .pnc-eyeline::after{content:""; flex:1; height:1px; background:var(--line);}/* Chips */ .pnc-chips{display:flex; flex-wrap:wrap; gap:9px;} .pnc-chip{ display:inline-flex; align-items:center; gap:7px; padding:10px 15px; border-radius:999px; background:#fff; border:1.5px solid var(--line); font-size:14px; font-weight:600; color:var(--ink); transition:transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease; } .pnc-chip .pnc-flag{font-size:16px; line-height:1;} .pnc-chip:hover,.pnc-chip:focus-visible{ background:var(--lila); color:#fff; border-color:var(--lila); transform:translateY(-2px); outline:none; } .pnc-chip:focus-visible{box-shadow:0 0 0 3px rgba(123,94,167,.35);} .pnc-chip--all{border-style:dashed; color:var(--lila-d);}/* Trust-Zeile (einziger Ort mit Grün) */ .pnc-trust{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin:24px 0 4px; padding:13px 16px; background:#fff; border:1px solid var(--line); border-radius:14px; font-size:14px; color:var(--muted); } .pnc-trust .pnc-stars{color:var(--trust); letter-spacing:2px; font-size:16px;} .pnc-trust b{color:var(--trust);}/* Guide-Karten */ .pnc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;} .pnc-card{ display:block; padding:18px; border-radius:16px; background:#fff; border:1px solid var(--line); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .pnc-card:hover,.pnc-card:focus-visible{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(123,94,167,.14); border-color:#d9d2ec; outline:none; } .pnc-card:focus-visible{box-shadow:0 0 0 3px rgba(123,94,167,.3);} .pnc-card .pnc-ic{ width:40px;height:40px;border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:12px; background:linear-gradient(135deg,var(--tint-l),var(--tint-c)); border:1px solid var(--line); } .pnc-card h3{margin:0 0 4px; font-size:15.5px; font-weight:700; color:var(--ink);} .pnc-card span{font-size:13px; color:var(--muted);} .pnc-card span::after{content:" →"; color:var(--cyan); font-weight:700;}/* Mobile-Kreis (nur auf dem Handy sichtbar) */ .pnc-badge-mobile{ display:none; width:96px; height:96px; border-radius:50%; margin:2px auto 0; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--lila),var(--cyan)); color:#fff; box-shadow:0 8px 22px rgba(123,94,167,.28); line-height:1.05; text-align:center; } .pnc-badge-mobile .pnc-badge-ic{font-size:22px; margin-bottom:1px;} .pnc-badge-mobile strong{font-size:18px; font-weight:800; letter-spacing:.3px;} .pnc-badge-mobile small{font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.6px; opacity:.92;}/* Persönlicher Kontakt */ .pnc-contact{ margin-top:34px; padding:22px; border-radius:16px; background:linear-gradient(135deg,var(--tint-l),var(--tint-c)); border:1px solid var(--line); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; } .pnc-contact-txt{flex:1 1 260px;} .pnc-contact-txt h3{margin:0 0 5px; font-size:17px; font-weight:800; color:var(--ink);} .pnc-contact-txt p{margin:0; font-size:14px; line-height:1.55; color:var(--muted); max-width:44ch;} .pnc-contact-btns{display:flex; flex-direction:column; gap:9px; flex:0 0 auto;} .pnc-btn{ display:inline-flex; align-items:center; gap:8px; justify-content:center; padding:12px 18px; border-radius:11px; font-size:14px; font-weight:700; white-space:nowrap; transition:transform .15s ease, box-shadow .15s ease; } .pnc-btn:hover,.pnc-btn:focus-visible{transform:translateY(-2px); outline:none;} .pnc-btn:focus-visible{box-shadow:0 0 0 3px rgba(123,94,167,.35);} .pnc-btn--mail{background:var(--lila); color:#fff;} .pnc-btn--wa{background:#25D366; color:#fff;}@media(max-width:640px){ .pnc-cards{grid-template-columns:1fr;} .pnc-h1{max-width:100%;} .pnc-hero-text{display:none;} /* voller Text auf dem Handy ausgeblendet */ .pnc-badge-mobile{display:flex;} /* nur der Kreis bleibt oben */ .pnc-hero{padding-top:4px;} .pnc-contact{flex-direction:column; align-items:stretch; text-align:center;} .pnc-contact-txt p{max-width:100%;} .pnc-contact-btns{width:100%;} .pnc-btn{width:100%;} } @media(prefers-reduced-motion:reduce){ .pnc-chip,.pnc-card{transition:none;} }/* --- Chatbot schmaler & zentriert (gilt nur auf dieser Seite) --- */ /* Wert 560px nach Geschmack anpassen. Falls es nicht greift: im Browser mit F12 die Container-ID prüfen und statt der Klasse z. B. #mwai-chatbot-default { ... } verwenden. */ .mwai-chatbot:not(.mwai-window){ max-width:560px !important; margin-left:auto !important; margin-right:auto !important; } @media(max-width:640px){ .mwai-chatbot:not(.mwai-window){max-width:100% !important;} }