/*
Theme Name: Aschot Pogosjan Übergangsseite Premium
Theme URI: https://a-pogosjan.de/
Author: Aschot Pogosjan GmbH
Description: 1:1 freigegebene Übergangsseite für Desktop und Smartphone mit Kontakt-Chat, E-Mail-Code-Verifizierung und Spam-Schutz.
Version: 2.5.0
Text Domain: aschot-pogosjan-uebergang-premium
*/
:root{--navy:#071a35;--navy2:#0b315f;--blue:#0b4b92;--gold:#d9a23c;--paper:#fff;--muted:#607086;--error:#a52323;--success:#17613b}
*{box-sizing:border-box}html{margin:0!important;background:#06162c}body.ap-transition-page{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#17385c,#06162c 70%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--navy);overflow-x:hidden}
body.ap-transition-page.admin-bar .ap-stage{margin-top:32px}.ap-stage{position:relative;width:min(100%,1536px);margin:0 auto;line-height:0;overflow:hidden;background:#071a35;box-shadow:0 0 50px rgba(0,0,0,.35)}.ap-page-art,.ap-page-art img{display:block;width:100%;height:auto}.ap-page-art img{user-select:none;-webkit-user-drag:none}
.ap-contact-hotspot{position:absolute;left:40.6%;top:60.7%;width:20.8%;height:8.2%;z-index:12;border:0;border-radius:40px;background:transparent;cursor:pointer}.ap-contact-hotspot:hover{background:rgba(255,255,255,.05)}.ap-contact-hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #1679d4}
.ap-pool-ripple{position:absolute;left:-3%;top:56.2%;width:69%;height:10.5%;pointer-events:none;z-index:4;opacity:.18;mix-blend-mode:screen;background:repeating-radial-gradient(ellipse at 45% 50%,rgba(255,255,255,.55) 0 1px,rgba(80,190,255,.14) 2px 5px,transparent 6px 16px);filter:blur(.4px)}.ap-ripple-a{animation:water 9s linear infinite}.ap-ripple-b{opacity:.12;animation:water2 13s linear infinite reverse}@keyframes water{0%{background-position:0 0;transform:translateX(-1%)}50%{background-position:80px 12px;transform:translateX(1.5%)}100%{background-position:160px 0;transform:translateX(-1%)}}@keyframes water2{0%{background-position:0 8px}50%{background-position:-90px -3px}100%{background-position:-180px 8px}}
.ap-fire-glow,.ap-fire-flicker{position:absolute;pointer-events:none;z-index:5;border-radius:50%;left:68.3%;top:45.8%;width:4%;height:7%;mix-blend-mode:screen}.ap-fire-glow{background:radial-gradient(circle,rgba(255,244,160,.88) 0 14%,rgba(255,143,34,.55) 36%,rgba(255,70,0,.12) 60%,transparent 74%);filter:blur(4px);animation:fireGlow 1.1s ease-in-out infinite alternate}.ap-fire-flicker{background:radial-gradient(ellipse at 50% 70%,rgba(255,255,190,.9) 0 8%,rgba(255,160,30,.62) 25%,rgba(255,65,0,.16) 50%,transparent 68%);filter:blur(1px);transform-origin:50% 100%;animation:fire .48s ease-in-out infinite alternate}@keyframes fireGlow{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes fire{from{opacity:.5;transform:scale(.9,1.08) rotate(-1deg)}to{opacity:.9;transform:scale(1.04,.9) rotate(1deg)}}
.ap-mobile-shell{display:none}
.ap-status{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:100;width:min(92%,680px);padding:14px 18px;border-radius:14px;line-height:1.4;text-align:center;font-size:14px;box-shadow:0 10px 35px rgba(0,0,0,.24)}.ap-status--success{background:#ecf8f1;color:var(--success);border:1px solid #abd3bd}.ap-status--error{background:#fff0f0;color:var(--error);border:1px solid #e1b0b0}
.ap-contact-modal{width:min(94vw,720px);max-height:92vh;padding:0;border:0;border-radius:26px;background:transparent;box-shadow:0 30px 100px rgba(0,0,0,.48)}.ap-contact-modal::backdrop{background:rgba(3,13,28,.72);backdrop-filter:blur(5px)}.ap-contact-card{position:relative;max-height:92vh;overflow:auto;padding:32px;background:linear-gradient(145deg,#fff,#f6f9fc);border:1px solid rgba(255,255,255,.8);border-radius:26px;line-height:1.4;color:var(--navy);box-shadow:inset 0 1px 0 #fff}.ap-close{position:absolute;right:14px;top:10px;width:42px;height:42px;border:0;background:transparent;color:#607086;font-size:34px;line-height:42px;cursor:pointer}.ap-eyebrow{letter-spacing:.15em;font-size:11px;font-weight:800;color:#b57c1c;margin-bottom:8px}.ap-contact-card h1{font-size:38px;line-height:1;margin:0 0 22px;color:#0a2345}.ap-step{display:none}.ap-step.is-active{display:block;animation:stepIn .22s ease-out}@keyframes stepIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.ap-bot-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px}.ap-bot-dot{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#0b4b92,#071a35);color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 16px rgba(7,26,53,.18)}.ap-bubble{background:#eaf2fb;border:1px solid #d4e3f4;border-radius:6px 18px 18px 18px;padding:13px 15px;color:#1a3556;font-size:15px}
.ap-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ap-choice-grid button,.ap-next,.ap-call,.ap-send{border:0;border-radius:13px;padding:13px 14px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.ap-choice-grid button{background:#fff;border:1px solid #cfdae7;color:#17385d;transition:.16s}.ap-choice-grid button:hover,.ap-choice-grid button.is-selected{border-color:#0b5eae;background:#edf6ff;box-shadow:0 0 0 3px rgba(11,94,174,.08)}
.ap-company-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#071a35;color:#fff;border-radius:18px;padding:18px;margin:0 0 14px}.ap-company-card strong,.ap-company-card span{display:block}.ap-company-card strong{color:#e7bd69;margin-bottom:4px}.ap-company-card span{font-size:14px;line-height:1.5}.ap-phone{display:grid;place-items:center;min-width:74px;height:48px;border-radius:24px;background:#fff;color:#0b4b92;font-weight:800;text-decoration:none}.ap-action-row{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.ap-call{background:#e8f2fb;color:#0b4b92;border:1px solid #c9dff2}.ap-next,.ap-send{background:linear-gradient(90deg,#0a3769,#0b65b8);color:#fff;box-shadow:0 10px 24px rgba(10,55,105,.18)}.ap-back{display:block;margin:14px auto 0;border:0;background:transparent;color:#64758a;cursor:pointer;padding:8px}
.ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-form-grid label{margin:0}.ap-form-grid .ap-wide{grid-column:span 1}.ap-form-grid .ap-full{grid-column:1/-1}.ap-contact-card label span{display:block;font-size:12px;font-weight:750;margin:0 0 5px;color:#34465c}.ap-contact-card input,.ap-contact-card textarea{width:100%;border:1px solid #cfd9e4;border-radius:11px;background:#fff;padding:12px 13px;font:inherit;color:#172b44;outline:none}.ap-contact-card input:focus,.ap-contact-card textarea:focus{border-color:#0b65b8;box-shadow:0 0 0 4px rgba(11,101,184,.10)}.ap-contact-card textarea{resize:vertical;min-height:112px}.ap-privacy{display:flex!important;align-items:flex-start;gap:9px;margin:15px 0 10px!important}.ap-privacy input{width:18px!important;height:18px;margin:1px 0 0;flex:0 0 auto}.ap-privacy span{font-weight:500!important;line-height:1.35!important}.ap-security-note{text-align:center;color:#718095;font-size:11px;margin:8px 0}.ap-error{min-height:19px;color:var(--error);font-size:13px;margin:5px 0}.ap-send{width:100%;font-size:15px;padding:14px}.ap-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.ap-code-label{display:block;max-width:360px;margin:24px auto 8px}.ap-code-label input{text-align:center;letter-spacing:.35em;font-size:30px;font-weight:800;padding:16px}.ap-code-help{text-align:center;color:#718095;font-size:12px;line-height:1.5;margin:10px auto 18px;max-width:440px}.ap-restart{display:block;text-align:center;color:#5f7188;font-size:13px;margin:14px 0 0;text-decoration:none}


/* ===== V2.5 – freigegebene Ansicht 1:1 als verbindliche Bildreferenz ===== */
html,body.ap-transition-page{margin:0!important;padding:0!important;background:#071a35;overflow-x:hidden}
body.ap-transition-page{min-height:100vh}
.ap-exact{width:100%;min-height:100svh;background:#071a35}
.ap-exact-frame{position:relative;margin:0 auto;line-height:0;background:#071a35;overflow:hidden}
.ap-exact-frame img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ap-exact-desktop{display:grid;place-items:center}
.ap-exact-frame--desktop{width:min(100vw,calc(100svh * 1140 / 877));aspect-ratio:1140/877}
.ap-exact-mobile{display:none}
.ap-hit{position:absolute;z-index:8;border:0;background:transparent;cursor:pointer;padding:0}
.ap-hit:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:999px}
.ap-hit-contact{left:5.6%;top:33.2%;width:20.1%;height:6.6%;border-radius:999px}
.ap-hit-contact:hover{background:rgba(255,255,255,.045)}

@media(max-width:760px){
  body.ap-transition-page{background:#071a35}
  .ap-exact-desktop{display:none}
  .ap-exact-mobile{display:block;min-height:100svh;background:#071a35}
  .ap-exact-frame--mobile{width:100vw;aspect-ratio:314/774;background:#071a35}
  .ap-exact-frame--mobile img{width:100%;height:auto;object-fit:contain}
  .ap-hit-contact-mobile{left:5.7%;top:38.1%;width:58.3%;height:6.9%;border-radius:999px}
  .ap-hit-menu{right:4.0%;top:1.0%;width:13%;height:6.0%;border-radius:12px}
  .ap-hit-more{right:0;top:78.5%;width:25%;height:10.3%;border-radius:6px}
  .ap-exact-more{position:absolute;left:2.5%;right:2.5%;bottom:10.8%;z-index:12;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:13px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
  .ap-exact-more[hidden]{display:none}
  .ap-exact-more div{min-height:58px;padding:9px 8px;background:rgba(4,28,54,.96);color:#fff;display:flex;align-items:center;gap:8px;line-height:1.15}
  .ap-exact-more span{font-size:21px;width:28px;text-align:center}
  .ap-exact-more b{font-size:10px;text-transform:uppercase}
  .ap-status{top:max(12px,env(safe-area-inset-top));font-size:13px}
  .ap-contact-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:20px}
  .ap-contact-card{max-height:calc(100vh - 18px);padding:26px 16px 22px;border-radius:20px}
  .ap-contact-card h1{font-size:31px}.ap-choice-grid{grid-template-columns:1fr}.ap-form-grid{grid-template-columns:1fr}.ap-form-grid .ap-full{grid-column:auto}.ap-action-row{grid-template-columns:1fr}.ap-company-card{align-items:flex-start}.ap-phone{min-width:66px}.ap-bubble{font-size:14px}.ap-code-label input{font-size:28px}
}
@media(min-width:761px) and (max-aspect-ratio:1140/877){
  .ap-exact-frame--desktop{width:100vw;height:auto}
}
@media(prefers-reduced-motion:reduce){.ap-step{animation:none}}