/* 53 GRAD – Verkaufs-Landingpages (ein Ziel, kein Hauptmenü) */
.lp{background:#07141D;color:#FBF6F0}
.lp-head{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,calc((100vw - 1320px)/2));background:linear-gradient(180deg,rgba(7,20,29,.92),rgba(7,20,29,0));font-family:Montserrat,system-ui,sans-serif}
.lp-head img{height:46px;width:auto;display:block}
.lp-head .row{gap:10px}
.lp-head .btn{min-height:44px}
.lp-tel{color:#FBF6F0;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.08em}
@media(max-width:700px){.lp-head .lp-tel,.lp-head .btn-line{display:none}.lp-head img{height:40px}.lp-head .btn{font-size:11px;padding:0 16px;min-height:40px;white-space:nowrap}}

/* Hero */
.lp-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;min-height:100vh;padding:130px max(24px,calc((100vw - 1320px)/2)) 70px;box-sizing:border-box}
.lp-hero h1{margin:14px 0 0;font-size:clamp(52px,6.2vw,100px);overflow-wrap:anywhere}
.lp-hero .lead{max-width:600px}
.lp-check{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;font-size:16px}
.lp-check li{display:flex;gap:12px;align-items:flex-start}
.lp-check li::before{content:"✓";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F6B696;color:#07141D;font-weight:800;font-size:13px;margin-top:1px}
.lp-trust{margin-top:22px;font-size:13px;opacity:.7;letter-spacing:.02em}
@media(max-width:960px){.lp-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:110px}}

/* Handy-Rahmen mit Video */
.lp-phones{display:flex;justify-content:center;gap:16px;align-items:center}
.lp-phone{position:relative;width:min(31%,230px);aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0F2F44;box-shadow:0 30px 80px rgba(0,0,0,.45);border:2px solid rgba(251,246,240,.12)}
.lp-phone:nth-child(2){width:min(36%,270px);z-index:2}
.lp-phone video,.lp-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Video-Wand */
.vwall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.vt{margin:0;position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0F2F44;display:block;color:#FBF6F0;text-decoration:none}
.vt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vt:hover video{transform:scale(1.04)}
.vt figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 12px;background:linear-gradient(0deg,rgba(7,20,29,.9),rgba(7,20,29,0));font-size:12px;line-height:1.35}
.vt figcaption b{display:block;font-size:13px}
.vt figcaption span{opacity:.75}
@media(max-width:1100px){.vwall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.vwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Fehler-Liste */
.fails{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:f}
.fail{background:#fff;box-shadow:0 10px 30px rgba(7,20,29,.06);color:#07141D;border-radius:20px;padding:26px 24px 24px;position:relative}
.sec-navy .fail,.sec:not(.sec-cream) .fail{background:#0F2F44;color:#FBF6F0}
.fail::before{counter-increment:f;content:"Fehler " counter(f);display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#E07F5A;margin-bottom:12px}
.sec:not(.sec-cream) .fail::before{color:#F6B696}
.fail b{display:block;font-size:18px;line-height:1.3;margin-bottom:8px}
.fail p{margin:0;font-size:15px;line-height:1.6;opacity:.85}
.fail .fix{display:block;margin-top:14px;padding-top:12px;border-top:1px solid currentColor;border-color:rgba(127,127,127,.25);font-size:14px;font-weight:600}
.fail .fix::before{content:"So geht’s richtig: ";color:#E07F5A}
.sec:not(.sec-cream) .fail .fix::before{color:#F6B696}

/* Profi vs. Handy */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vs > div{border-radius:22px;padding:30px}
.vs .vs-bad{background:rgba(251,246,240,.05);border:1px solid rgba(251,246,240,.12)}
.vs .vs-good{background:#F6B696;color:#07141D}
.vs h3{margin:0 0 16px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1}
.vs ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px;line-height:1.5}
.vs li{display:flex;gap:10px}
.vs-bad li::before{content:"✕";color:#E07F5A;font-weight:800}
.vs-good li::before{content:"✓";font-weight:800}
@media(max-width:800px){.vs{grid-template-columns:1fr}}

/* Vorher-Nachher-Slider */
.ba{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#0F2F44;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba .ba-before{clip-path:inset(0 calc(100% - var(--p,50%)) 0 0)}
.ba-line{position:absolute;top:0;bottom:0;left:var(--p,50%);width:3px;margin-left:-1.5px;background:#FBF6F0;pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--p,50%);width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#F6B696;color:#07141D;display:grid;place-items:center;font-weight:800;font-size:16px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:14px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.ba-tag.l{left:14px;background:rgba(7,20,29,.75);color:#FBF6F0}
.ba-tag.r{right:14px;background:#F6B696;color:#07141D}
.ba-cap{margin:12px 2px 0;font-size:13px;opacity:.7}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:800px){.ba-grid{grid-template-columns:1fr}}

/* Beweis-Zahlen groß */
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.proof div{border-top:2px solid #F6B696;padding-top:18px}
.proof b{display:block;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(46px,5vw,84px);line-height:.9;color:#F6B696}
.proof span{display:block;margin-top:10px;font-weight:700;font-size:15px}
.proof small{display:block;margin-top:4px;font-size:13px;opacity:.65;line-height:1.5}
.proof-note{margin-top:22px;font-size:12px;opacity:.55}
@media(max-width:900px){.proof{grid-template-columns:1fr 1fr}}

/* Anfrage-Formular */
.lp-form-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.lp-form{background:#FBF6F0;color:#07141D;border-radius:26px;padding:34px;display:grid;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.lp-form label{display:grid;gap:6px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lp-form input,.lp-form select,.lp-form textarea{font:500 16px/1.4 Montserrat,system-ui,sans-serif;padding:15px 16px;border-radius:14px;border:1.5px solid rgba(7,20,29,.18);background:#fff;color:#07141D;letter-spacing:0;text-transform:none;width:100%;box-sizing:border-box}
.lp-form input:focus,.lp-form select:focus{outline:none;border-color:#E07F5A;box-shadow:0 0 0 3px rgba(246,182,150,.45)}
.lp-form button{border:0;cursor:pointer;font:800 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;min-height:58px;border-radius:999px;background:#07141D;color:#FBF6F0;transition:transform .2s,background .2s}
.lp-form button:hover{background:#0F2F44;transform:translateY(-1px)}
.lp-form .fine{font-size:12px;line-height:1.5;opacity:.65;margin:0}
.lp-form .fine a{color:inherit}
.lp-form .hp{position:absolute;left:-9999px}
.lp-ok{display:none;text-align:center;padding:30px 10px}
.lp-ok b{display:block;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:44px;line-height:1}
.lp-form.is-sent > :not(.lp-ok){display:none}
.lp-form.is-sent .lp-ok{display:block}
.lp-promise{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.lp-promise li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5}
.lp-promise li b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #F6B696;color:#F6B696;font-size:14px}
@media(max-width:900px){.lp-form-wrap{grid-template-columns:1fr;gap:30px}.lp-form{padding:24px}}

/* Persönliche Note */
.lp-me{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.lp-me img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% 30%;border-radius:24px;display:block}
@media(max-width:800px){.lp-me{grid-template-columns:1fr}.lp-me img{aspect-ratio:4/3}}

/* Sticky-CTA mobil */
.lp-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:55;display:none;gap:10px;transform:translateY(140%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.lp-sticky.on{transform:none}
.lp-sticky a{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font:800 12px/1 Montserrat,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.lp-sticky .a1{background:#F6B696;color:#07141D;flex:1.6}
.lp-sticky .a2{background:#0F2F44;color:#FBF6F0;border:1px solid rgba(251,246,240,.2)}
@media(max-width:800px){.lp-sticky{display:flex}.lp-foot{padding-bottom:90px!important}}

.lp-foot{padding:34px max(24px,calc((100vw - 1320px)/2));display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;font-size:13px;opacity:.75;border-top:1px solid rgba(251,246,240,.1)}
.lp-foot a{color:inherit}
.lp-foot nav{display:flex;gap:18px;flex-wrap:wrap}

/* Hochformat-Galerie (Porträt, Urlaub) */
.pgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pgal figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#0F2F44}
.pgal img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pgal figure:hover img{transform:scale(1.04)}
.pgal-note{margin:14px 0 0;font-size:13px;opacity:.6}
@media(max-width:700px){.pgal{grid-template-columns:1fr 1fr;gap:10px}}

/* ---------- Helles, emotionales Theme (Urlaub, Paare, Familie) ---------- */
.lp-light{--acc:#C9603F;background:#FBF6F0;color:#2A2320}
.lp-light .sec,.lp-light .lp-hero{background:#FBF6F0;color:#2A2320}
.lp-light .sec-sand{background:#F3E4D6}
.lp-light .lp-head{background:linear-gradient(180deg,rgba(251,246,240,.95),rgba(251,246,240,0))}
.lp-light .lp-head img{filter:brightness(0);opacity:.85}
.lp-light .lp-tel{color:#2A2320}
.lp-light .k{color:#C9603F}
/* Typo wie die Website: Headlines Bebas Neue, Akzentwort in Playfair kursiv */
.lp .d em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;font-size:.86em;color:#F6B696}
.lp-light .d em{color:#C9603F}
.lp-light .lead,.lp-light .head p{color:#4A3F39}
.lp-light .btn-line{border-color:rgba(42,35,32,.35);color:#2A2320!important}
.lp-light .lp-check li::before{background:#F6B696;color:#2A2320}
.lp-light .lp-trust{color:#6B5C53;opacity:1}
.lp-light .pk{background:#fff;color:#2A2320;border-color:rgba(42,35,32,.08);box-shadow:0 18px 50px rgba(120,80,50,.08)}
.lp-light .pk.pk-top{background:#2A2320;color:#FBF6F0;border-color:#2A2320}

.lp-light .pk .price-line b{color:#C9603F}
.lp-light .pk.pk-top .price-line b{color:#F6B696}
.lp-light .pk.pk-top .btn-dark{background:#F6B696;color:#2A2320!important}
.lp-light .addon{background:#fff;border-color:rgba(42,35,32,.08);color:#2A2320}
.lp-light .addon span{color:#6B5C53}
.lp-light .pk-note{color:#6B5C53}
.lp-light .svc li{border-color:rgba(42,35,32,.12)}
.lp-light .svc li span:last-child{color:#C9603F}
.lp-light .faq,.lp-light .faq details{border-color:rgba(42,35,32,.15)!important}
.lp-light .faq details p{color:#4A3F39!important}
.lp-light .step p{opacity:.85}
.lp-light .lp-form{background:#fff}
.lp-light #anfrage{background:#F3E4D6;color:#2A2320}
.lp-light .lp-promise li b{border-color:#C9603F;color:#C9603F}
.lp-light #anfrage a{color:#C9603F!important}
.lp-light .lp-foot{border-color:rgba(42,35,32,.1);color:#4A3F39}
.lp-light .lp-sticky .a2{background:#fff;color:#2A2320;border-color:rgba(42,35,32,.15)}
.lp-light .lp-me img{border-radius:28px}

/* Polaroids im Hero */
.polas{position:relative;height:min(78vh,640px)}
.pola{position:absolute;margin:0;background:#fff;padding:12px 12px 46px;border-radius:6px;box-shadow:0 24px 60px rgba(90,60,40,.18);width:min(58%,330px)}
.pola img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.pola figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:16px;color:#6B5C53}
.pola.p1{left:2%;top:6%;transform:rotate(-5deg);z-index:2}
.pola.p2{right:2%;top:0;transform:rotate(4deg);z-index:1}
.pola.p3{left:26%;bottom:0;transform:rotate(-1.5deg);z-index:3;width:min(50%,290px)}
.pola.p3 img{aspect-ratio:1/1}
@media(max-width:960px){.polas{height:120vw;max-height:560px}.pola{width:56%}.pola.p3{width:50%}}

/* Gründe & Partner */
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.why div{background:#FBF6F0;border-radius:22px;padding:28px}
.why b{display:block;font-family:"Bebas Neue",sans-serif;font-size:32px;font-weight:400;line-height:1;margin-bottom:10px}
.why p{margin:0;font-size:15px;line-height:1.65;color:#4A3F39}
.partner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.partner img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;display:block}
@media(max-width:800px){.why,.partner{grid-template-columns:1fr}.partner img{aspect-ratio:4/3}}

/* Hero mit Hintergrundfoto + Verlauf (Urlaub) */
.lp-hero-bg{position:relative;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden}
.lp-hero-bg > .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 40%;z-index:0}
.lp-hero-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(251,246,240,.97) 0%,rgba(251,246,240,.9) 30%,rgba(251,246,240,.35) 55%,rgba(251,246,240,0) 72%)}
.lp-hero-bg > div{position:relative;z-index:2}
@media(max-width:960px){
  .lp-hero-bg{padding:0 0 40px;display:flex;flex-direction:column}
  .lp-hero-bg > .bg{position:relative;inset:auto;height:58vh;min-height:340px;object-position:70% 35%}
  .lp-hero-bg::before{top:auto;height:calc(100% - 58vh + 140px);background:linear-gradient(180deg,rgba(251,246,240,0) 0,#FBF6F0 140px)}
  .lp-hero-bg > div{margin-top:-90px;padding:0 24px 20px}
}
/* Vollbreites Bildband mit Satz */
.lp-band{position:relative;height:min(70vh,620px);overflow:hidden;display:grid;align-items:end}
.lp-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 55%}
.lp-band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,35,32,.55),rgba(42,35,32,0) 55%)}
.lp-band p{position:relative;z-index:1;margin:0;padding:0 max(24px,calc((100vw - 1320px)/2)) 56px;color:#FBF6F0}
.lp-light .lp-band .d em{color:#F6B696}
.pk-grid:has(> .pk:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}
@media(max-width:800px){.pk-grid:has(> .pk:nth-child(2):last-child){grid-template-columns:1fr}}

.partner img[src*="familie"]{object-position:72% 50%}
/* Rückweg zur Website */
.lp-brand{display:flex;align-items:center;gap:22px}
.lp-brand a{display:block}
.lp-back{font:700 11px/1 Montserrat,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#FBF6F0;text-decoration:none;opacity:.75;transition:opacity .2s}
.lp-back:hover{opacity:1;color:#F6B696}
.lp-light .lp-back{color:#2A2320}
@media(max-width:700px){.lp-back{display:none}}