:root { --pink:#FF2D87; --cyan:#00C8F8; --yellow:#FFE135; --dark:#1a0a2e; --light-bg:#fff5fb; }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { font-family:'Nunito',sans-serif; background:var(--light-bg); color:var(--dark); overflow-x:hidden; }

  /* PAGE SYSTEM */
  .page { display:none; }
  .page.active { display:block; }

  /* NAVBAR */
  nav {
    position:fixed; top:0; width:100%; z-index:999;
    background:rgba(255,255,255,0.92); backdrop-filter:blur(14px);
    border-bottom:3px solid var(--pink);
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 5%;
  }
  .nav-logo { height:52px; filter:drop-shadow(0 0 8px rgba(255,45,135,0.35)); cursor:pointer; }
  .nav-links { display:flex; gap:22px; list-style:none; }
  .nav-links a { text-decoration:none; font-weight:800; font-size:0.85rem; color:var(--dark); transition:color 0.2s; cursor:pointer; }
  .nav-links a:hover, .nav-links a.active-link { color:var(--pink); }
  .nav-cta { background:var(--pink); color:white !important; padding:8px 18px; border-radius:50px; text-decoration:none !important; font-family:'Nunito',sans-serif; font-weight:900; font-size:0.95rem; }
  .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:var(--pink); border:none; border-radius:10px; padding:8px 12px; font-size:1.4rem; color:white; }
  .hamburger span { width:26px; height:3px; background:var(--pink); border-radius:3px; }

  /* HERO */
  .hero {
    min-height:100vh;
    background:linear-gradient(160deg,#ffeef8 0%,#e6f9ff 55%,#fff0f8 100%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:120px 5% 80px;
    position:relative; overflow:hidden;
  }
  .hero-bg {
    position:absolute; inset:0;
    background-image:url('images/strand.jpg');
    background-size:cover; background-position:center;
    opacity:0.12; z-index:0;
  }
  .hero::before { content:''; position:absolute; width:600px; height:600px; background:radial-gradient(circle,rgba(255,45,135,0.10) 0%,transparent 70%); top:-100px; left:-100px; border-radius:50%; }
  .hero::after { content:''; position:absolute; width:500px; height:500px; background:radial-gradient(circle,rgba(0,200,248,0.10) 0%,transparent 70%); bottom:-80px; right:-80px; border-radius:50%; }
  .hero-logo-container { position:relative; display:inline-block; margin-bottom:36px; z-index:1; }
  .hero-logo-container::before { content:''; position:absolute; inset:-20px; border-radius:50%; background:radial-gradient(ellipse,rgba(255,45,135,0.18) 0%,rgba(0,200,248,0.10) 50%,transparent 75%); filter:blur(12px); animation:pulseGlow 3s ease-in-out infinite; }
  .hero-logo { width:min(360px,82vw); position:relative; z-index:2; filter:drop-shadow(0 8px 32px rgba(255,45,135,0.30)) drop-shadow(0 2px 10px rgba(0,200,248,0.25)); }
  @keyframes pulseGlow { 0%,100%{opacity:0.7;transform:scale(1);} 50%{opacity:1;transform:scale(1.08);} }
  .hero-slogan { font-family:'Pacifico',cursive; font-size:clamp(1.9rem,5vw,3.4rem); color:var(--pink); text-shadow:3px 3px 0 rgba(0,200,248,0.30); line-height:1.2; margin-bottom:12px; z-index:1; animation:fadeUp 0.9s 0.1s ease both; }
  .hero-sub { font-size:clamp(1rem,2.5vw,1.25rem); font-weight:700; color:var(--dark); margin-bottom:18px; z-index:1; animation:fadeUp 0.9s 0.2s ease both; }
  .hero-desc { font-size:1.05rem; color:#555; max-width:600px; margin:0 auto 32px; line-height:1.75; z-index:1; animation:fadeUp 0.9s 0.3s ease both; }
  .checks { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:38px; z-index:1; animation:fadeUp 0.9s 0.4s ease both; }
  .check-badge { background:rgba(255,255,255,0.85); backdrop-filter:blur(6px); border:2px solid var(--cyan); border-radius:50px; padding:7px 16px; font-weight:800; font-size:0.88rem; color:var(--dark); box-shadow:0 3px 14px rgba(0,200,248,0.15); }
  .hero-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; z-index:1; animation:fadeUp 0.9s 0.5s ease both; }

  /* BUTTONS */
  .btn-primary { background:linear-gradient(135deg,var(--pink),#e0006a); color:white; font-weight:900; font-size:1rem; padding:14px 34px; border-radius:50px; border:none; text-decoration:none; cursor:pointer; box-shadow:0 6px 24px rgba(255,45,135,0.35); transition:transform 0.2s,box-shadow 0.2s; display:inline-block; }
  .btn-primary:hover { transform:translateY(-3px); box-shadow:0 10px 32px rgba(255,45,135,0.50); }
  .btn-secondary { background:white; color:var(--pink); font-weight:900; font-size:1rem; padding:14px 34px; border-radius:50px; border:2.5px solid var(--pink); text-decoration:none; cursor:pointer; transition:all 0.2s; display:inline-block; }
  .btn-secondary:hover { background:var(--pink); color:white; transform:translateY(-3px); }
  .btn-white { background:white; color:var(--pink); font-weight:900; font-size:1.05rem; padding:14px 38px; border-radius:50px; border:none; text-decoration:none; cursor:pointer; box-shadow:0 6px 24px rgba(0,0,0,0.15); transition:transform 0.2s; display:inline-block; }
  .btn-white:hover { transform:translateY(-3px); }

  /* WAVE */
  .wave-divider { line-height:0; }
  .wave-divider svg { display:block; width:100%; }

  /* SECTIONS */
  section { padding:80px 5%; }
  .section-title { font-family:'Pacifico',cursive; font-size:clamp(1.8rem,4vw,2.7rem); color:var(--pink); text-align:center; margin-bottom:12px; }
  .section-sub { text-align:center; color:#666; font-size:1.05rem; max-width:560px; margin:0 auto 48px; line-height:1.65; }

  /* CHECKLISTE */
  .checkliste-bg { background:linear-gradient(135deg,#fff0f8,#e8f8ff); }
  .checklist-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; max-width:900px; margin:0 auto; }
  .check-card { background:white; border-radius:20px; padding:24px; border-left:5px solid var(--pink); box-shadow:0 4px 20px rgba(255,45,135,0.08); transition:transform 0.2s,box-shadow 0.2s; }
  .check-card:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(255,45,135,0.15); }
  .check-card .icon { font-size:2rem; margin-bottom:10px; }
  .check-card h3 { font-size:1.05rem; font-weight:900; color:var(--dark); margin-bottom:4px; }
  .check-card p { font-size:0.88rem; color:#777; }

  /* SERVICES */
  .services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; max-width:1100px; margin:0 auto; }
  .service-card { background:white; border-radius:24px; padding:32px 28px; text-align:center; box-shadow:0 4px 24px rgba(0,0,0,0.07); border-top:5px solid var(--cyan); transition:transform 0.2s,box-shadow 0.2s; position:relative; overflow:hidden; }
  .service-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--pink),var(--cyan)); transform:scaleX(0); transform-origin:left; transition:transform 0.3s; }
  .service-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,200,248,0.15); }
  .service-card:hover::after { transform:scaleX(1); }
  .service-icon { font-size:3rem; margin-bottom:16px; }
  .service-card h3 { font-family:'Pacifico',cursive; font-size:1.5rem; color:var(--pink); margin-bottom:12px; }
  .service-card p { color:#666; font-size:0.95rem; line-height:1.6; margin-bottom:16px; }
  .service-points { list-style:none; text-align:left; margin-bottom:20px; }
  .service-points li { padding:4px 0; font-size:0.9rem; color:var(--dark); font-weight:700; }
  .service-points li::before { content:'✓ '; color:var(--cyan); font-weight:900; }

  /* ABOUT */
  .about-bg { background:linear-gradient(135deg,#fff0f8,#e8f8ff); }
  .about-inner { display:flex; gap:60px; align-items:center; max-width:1000px; margin:0 auto; flex-wrap:wrap; }
  .about-photo-wrap { flex:0 0 auto; position:relative; }
  .about-photo { width:280px; height:340px; object-fit:cover; border-radius:30px; border:5px solid var(--pink); box-shadow:12px 12px 0 var(--cyan); }
  .about-badge { position:absolute; bottom:-16px; right:-16px; background:var(--yellow); border-radius:50%; width:72px; height:72px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; box-shadow:0 4px 14px rgba(0,0,0,0.15); }
  .about-text h2 { font-family:'Pacifico',cursive; font-size:2.2rem; color:var(--pink); margin-bottom:16px; }
  .about-text p { color:#555; line-height:1.8; font-size:1rem; margin-bottom:16px; }
  .about-facts { display:flex; gap:24px; flex-wrap:wrap; margin-top:8px; }
  .fact-box { background:white; border-radius:16px; padding:16px 24px; text-align:center; box-shadow:0 3px 14px rgba(255,45,135,0.1); border-bottom:3px solid var(--cyan); }
  .fact-box strong { display:block; font-size:1.6rem; color:var(--pink); font-weight:900; }
  .fact-box span { font-size:0.8rem; color:#888; font-weight:700; }

  /* BLOG */
  .blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; max-width:1000px; margin:0 auto; }
  .blog-card { background:white; border-radius:20px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:transform 0.2s,box-shadow 0.2s; }
  .blog-card:hover { transform:translateY(-5px); box-shadow:0 12px 36px rgba(255,45,135,0.13); }
  .blog-thumb { height:140px; display:flex; align-items:center; justify-content:center; font-size:3.5rem; }
  .blog-body { padding:20px; }
  .blog-tag { background:var(--cyan); color:white; font-size:0.75rem; font-weight:900; padding:3px 12px; border-radius:50px; display:inline-block; margin-bottom:8px; }
  .blog-body h3 { font-size:1.05rem; font-weight:900; margin-bottom:8px; color:var(--dark); }
  .blog-body p { font-size:0.88rem; color:#777; line-height:1.5; }

  /* CTA BANNER */
  .cta-banner { background:linear-gradient(135deg,var(--pink),#c0006a); color:white; text-align:center; padding:70px 5%; position:relative; overflow:hidden; }
  .cta-banner::before { content:'✈️'; position:absolute; font-size:200px; opacity:0.06; top:-30px; right:-30px; }
  .cta-banner h2 { font-family:'Pacifico',cursive; font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:16px; }
  .cta-banner p { font-size:1.1rem; opacity:0.9; margin-bottom:32px; }

  /* CONTACT FORM */
  .contact-section { background:linear-gradient(135deg,#fff0f8,#e8f8ff); }
  .contact-form-wrap { max-width:620px; margin:0 auto; background:white; border-radius:28px; padding:44px 40px; box-shadow:0 8px 40px rgba(255,45,135,0.10); border-top:5px solid var(--pink); }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .form-group { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
  .form-group label { font-weight:800; font-size:0.88rem; color:var(--dark); }
  .form-group input, .form-group textarea, .form-group select { border:2px solid #e8e8e8; border-radius:12px; padding:12px 16px; font-family:'Nunito',sans-serif; font-size:0.95rem; color:var(--dark); transition:border-color 0.2s,box-shadow 0.2s; outline:none; resize:vertical; }
  .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(255,45,135,0.10); }
  .form-group textarea { min-height:120px; }
  .form-success { display:none; text-align:center; padding:20px; color:#25D366; font-weight:900; font-size:1.1rem; }

  /* FOOTER */
  footer { background:var(--dark); color:rgba(255,255,255,0.7); text-align:center; padding:40px 5%; }
  .footer-logo { height:70px; margin-bottom:16px; filter:drop-shadow(0 0 12px rgba(255,45,135,0.5)); }
  footer p { font-size:0.88rem; margin-bottom:6px; }
  .footer-links { display:flex; gap:20px; justify-content:center; margin-top:16px; flex-wrap:wrap; }
  .footer-links a { color:var(--cyan); text-decoration:none; font-size:0.85rem; font-weight:700; cursor:pointer; }
  .social-links { display:flex; gap:16px; justify-content:center; margin-top:24px; flex-wrap:wrap; }
  .social-btn { display:flex; align-items:center; gap:8px; padding:11px 22px; border-radius:50px; text-decoration:none; font-weight:800; font-size:0.9rem; transition:transform 0.2s,box-shadow 0.2s; }
  .social-btn:hover { transform:translateY(-3px); }
  .social-btn.instagram { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:white; }
  .social-btn.facebook { background:#1877F2; color:white; }
  .social-btn svg { width:20px; height:20px; fill:white; }

  /* WHATSAPP */
  .whatsapp-btn { position:fixed; bottom:28px; right:28px; z-index:9999; width:60px; height:60px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 24px rgba(37,211,102,0.45); text-decoration:none; transition:transform 0.2s; animation:whatsappPulse 2.5s ease-in-out infinite; }
  .whatsapp-btn:hover { transform:scale(1.12); animation:none; }
  .whatsapp-btn svg { width:32px; height:32px; fill:white; }
  @keyframes whatsappPulse { 0%,100%{box-shadow:0 6px 24px rgba(37,211,102,0.45);} 50%{box-shadow:0 6px 32px rgba(37,211,102,0.75),0 0 0 10px rgba(37,211,102,0.1);} }

  /* REISEBERATUNG PAGE */
  .hero-small { min-height:55vh; }
  .hero-badge { display:inline-block; background:linear-gradient(135deg,var(--pink),#e0006a); color:white; font-weight:900; font-size:0.85rem; padding:6px 20px; border-radius:50px; margin-bottom:20px; letter-spacing:1px; }
  .cards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; max-width:900px; margin:0 auto; }
  .card { background:white; border-radius:28px; padding:40px 32px; text-align:center; box-shadow:0 6px 30px rgba(0,0,0,0.07); transition:transform 0.25s,box-shadow 0.25s; }
  .card:hover { transform:translateY(-8px); box-shadow:0 18px 48px rgba(255,45,135,0.15); }
  .card.pink-card { border-top:6px solid var(--pink); }
  .card.cyan-card { border-top:6px solid var(--cyan); }
  .card-icon { font-size:3.5rem; margin-bottom:18px; }
  .card h3 { font-family:'Pacifico',cursive; font-size:1.6rem; margin-bottom:14px; }
  .card.pink-card h3 { color:var(--pink); }
  .card.cyan-card h3 { color:#0099cc; }
  .card p { color:#666; font-size:0.98rem; line-height:1.7; margin-bottom:20px; }
  .card ul { list-style:none; text-align:left; margin-bottom:28px; }
  .card ul li { padding:6px 0; font-size:0.92rem; font-weight:700; color:var(--dark); border-bottom:1px solid #f0f0f0; }
  .card ul li::before { content:'✓ '; color:var(--pink); font-weight:900; }
  .card.cyan-card ul li::before { color:var(--cyan); }
  .steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:24px; max-width:900px; margin:0 auto; }
  .step-item { text-align:center; padding:20px; }
  .step-num { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--pink),#e0006a); color:white; font-weight:900; font-size:1.4rem; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; box-shadow:0 4px 16px rgba(255,45,135,0.35); }
  .step-item h4 { font-weight:900; font-size:1rem; margin-bottom:8px; }
  .step-item p { font-size:0.88rem; color:#777; line-height:1.6; }
  .pascal-inner { display:flex; gap:50px; align-items:center; max-width:900px; margin:0 auto; flex-wrap:wrap; }
  .pascal-photo { width:220px; height:270px; object-fit:cover; border-radius:24px; border:4px solid var(--pink); box-shadow:10px 10px 0 var(--cyan); flex-shrink:0; }
  .pascal-text h3 { font-family:'Pacifico',cursive; font-size:1.8rem; color:var(--pink); margin-bottom:14px; }
  .pascal-text p { color:#555; line-height:1.8; font-size:1rem; margin-bottom:12px; }

  /* ANIMATIONS */
  @keyframes fadeUp { from{opacity:0;transform:translateY(28px);} to{opacity:1;transform:translateY(0);} }
  .reveal { opacity:0; transform:translateY(32px); transition:opacity 0.6s ease,transform 0.6s ease; }
  .reveal.visible { opacity:1; transform:translateY(0); }

  /* MOBILE */
  @media (max-width:768px) {
    .nav-links { display:none; flex-direction:column; position:absolute; top:72px; left:0; right:0; background:white; padding:20px; border-bottom:3px solid var(--pink); gap:16px; }
    .nav-links.open { display:flex; }
    .hamburger { display:flex; }
    .about-inner, .pascal-inner { flex-direction:column; text-align:center; }
    .about-photo-wrap, .pascal-photo { margin:0 auto; }
    .form-row { grid-template-columns:1fr; }
    .contact-form-wrap { padding:28px 20px; }
  }