/*
Theme Name: Aschot Pogosjan Übergangsseite
Theme URI: https://a-pogosjan.de/
Author: Aschot Pogosjan GmbH
Description: Temporäre Übergangsseite für Aschot Pogosjan GmbH mit Kontaktformular, Sicherheitsprüfung sowie dezenter Pool- und Kaminanimation.
Version: 1.1.0
Text Domain: aschot-pogosjan-uebergang
*/

:root{
  --ap-gold:#b87816;
  --ap-gold2:#d9a64c;
  --ap-navy:#0a1836;
  --ap-paper:#fffdf8;
  --ap-error:#a32020;
  --ap-success:#17613b;
}
*{box-sizing:border-box}
html{margin:0!important;background:#f7f4ed;scroll-behavior:smooth}
body.ap-transition-page{margin:0;min-height:100vh;background:#f7f4ed;font-family:Arial,Helvetica,sans-serif;color:var(--ap-navy);overflow-x:hidden}
body.ap-transition-page.admin-bar .ap-stage{margin-top:32px}
.ap-stage{position:relative;width:min(100%,1198px);margin:0 auto;line-height:0;overflow:hidden;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.08)}
.ap-page-art{display:block;width:100%}
.ap-page-art img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}

/* Der sichtbare Kontakt-Button befindet sich bereits im Motiv. Diese transparente Fläche macht ihn anklickbar. */
.ap-contact-hotspot{position:absolute;left:32.1%;top:77.2%;width:35.6%;height:5.8%;border:0;border-radius:12px;background:transparent;cursor:pointer;z-index:9}
.ap-contact-hotspot:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px var(--ap-gold)}

/* Dezente Wasserbewegung über dem Poolbereich */
.ap-pool-ripple{position:absolute;left:-8%;width:116%;top:34.0%;height:10.8%;pointer-events:none;z-index:3;opacity:.31;mix-blend-mode:screen;background:repeating-radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.52) 0 2px,rgba(90,190,255,.12) 3px 7px,transparent 8px 18px);filter:blur(.35px);transform:skewX(-5deg)}
.ap-ripple-a{animation:apWaterMove 8s linear infinite}
.ap-ripple-b{opacity:.20;transform:scaleX(1.08) skewX(5deg);animation:apWaterMove2 11s linear infinite reverse}
@keyframes apWaterMove{0%{background-position:0 0;transform:translateX(-1%) skewX(-5deg)}50%{background-position:70px 14px;transform:translateX(1.4%) skewX(-3deg)}100%{background-position:140px 0;transform:translateX(-1%) skewX(-5deg)}}
@keyframes apWaterMove2{0%{background-position:0 10px}50%{background-position:-85px -4px}100%{background-position:-170px 10px}}

/* Kaminlicht / Feuer-Flackern im Haus */
.ap-fire-glow,.ap-fire-flicker{position:absolute;pointer-events:none;z-index:4;border-radius:50%;left:61.4%;top:25.5%;width:5.3%;height:6.5%;mix-blend-mode:screen}
.ap-fire-glow{background:radial-gradient(circle,rgba(255,236,132,.92) 0 16%,rgba(255,137,30,.64) 35%,rgba(255,75,0,.14) 58%,transparent 74%);filter:blur(4px);animation:apFireGlow 1.1s ease-in-out infinite alternate}
.ap-fire-flicker{background:radial-gradient(ellipse at 52% 68%,rgba(255,255,190,.95) 0 8%,rgba(255,176,38,.66) 24%,rgba(255,72,0,.18) 48%,transparent 68%);filter:blur(1px);transform-origin:50% 100%;animation:apFireFlicker .47s ease-in-out infinite alternate}
@keyframes apFireGlow{from{opacity:.54;transform:scale(.88)}to{opacity:1;transform:scale(1.12)}}
@keyframes apFireFlicker{0%{opacity:.46;transform:scale(.90,1.06) rotate(-1deg)}50%{opacity:.93;transform:scale(1.05,.88) rotate(1deg)}100%{opacity:.64;transform:scale(.94,1.12) rotate(-.5deg)}}

/* Ergänzt den gewünschten Abschluss, ohne das Motiv neu zu verändern. */
.ap-signature-addon{position:absolute;left:27%;top:91.7%;width:46%;text-align:center;z-index:6;line-height:1.25;pointer-events:none}
.ap-signature-addon span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(11px,1.45vw,19px);font-style:italic;color:#9e6112;text-shadow:0 1px 0 rgba(255,255,255,.78)}

.ap-status{position:absolute;left:50%;bottom:2.2%;transform:translateX(-50%);z-index:11;width:min(88%,650px);padding:12px 18px;border-radius:12px;line-height:1.4;text-align:center;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.ap-status--success{background:#ecf8f1;color:var(--ap-success);border:1px solid #abd3bd}
.ap-status--error{background:#fff0f0;color:var(--ap-error);border:1px solid #e1b0b0}

.ap-contact-modal{width:min(92vw,560px);padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 28px 90px rgba(3,16,38,.35)}
.ap-contact-modal::backdrop{background:rgba(4,15,31,.64);backdrop-filter:blur(4px)}
.ap-contact-card{position:relative;padding:32px;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(255,250,240,.98));border:1px solid rgba(184,120,22,.30);border-radius:24px;line-height:1.35;box-shadow:inset 0 1px 0 #fff;color:var(--ap-navy)}
.ap-close{position:absolute;right:14px;top:10px;width:42px;height:42px;border:0;background:transparent;color:#5a6473;font-size:34px;line-height:42px;cursor:pointer}
.ap-eyebrow{letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--ap-gold);margin-bottom:8px}
.ap-contact-card h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1;margin:0 0 10px;color:#13203b}
.ap-intro{margin:0 0 22px;color:#4d5668}
.ap-contact-card label{display:block;margin:0 0 14px}
.ap-contact-card label span{display:block;font-size:13px;font-weight:700;margin:0 0 6px;color:#28354b}
.ap-contact-card input,.ap-contact-card textarea{width:100%;border:1px solid #d8d3c9;border-radius:12px;background:#fff;padding:13px 14px;font:inherit;color:#17243c;outline:none;transition:.18s border,.18s box-shadow}
.ap-contact-card input:focus,.ap-contact-card textarea:focus{border-color:var(--ap-gold2);box-shadow:0 0 0 4px rgba(184,120,22,.11)}
.ap-contact-card textarea{resize:vertical;min-height:118px}
.ap-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ap-captcha-box{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center;background:#f7f1e6;border:1px solid #e5d5ba;border-radius:14px;padding:12px 12px 12px 15px;margin-top:4px}
.ap-captcha-box small{display:block;color:#6d6a64;margin-bottom:2px}.ap-captcha-box strong{font-size:22px;color:#17243c}
.ap-captcha-box input{text-align:center;font-size:20px;padding:10px}
.ap-error{min-height:20px;color:var(--ap-error);font-size:13px;margin:8px 0}
.ap-send{width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#9e610f,#d59b3a);color:#fff;font-weight:700;letter-spacing:.04em;padding:15px 18px;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(158,97,15,.22)}
.ap-send:hover{filter:brightness(1.04)}
.ap-privacy-note{text-align:center;color:#777064;font-size:11px;margin:12px 8px 0}

@media(max-width:782px){body.ap-transition-page.admin-bar .ap-stage{margin-top:46px}}
@media(max-width:640px){
  .ap-stage{width:100%;box-shadow:none}
  .ap-signature-addon{top:91.6%}
  .ap-contact-card{padding:26px 20px 22px;border-radius:20px}
  .ap-contact-card h1{font-size:35px}
  .ap-captcha-box{grid-template-columns:1fr 74px;padding:10px}
  .ap-contact-hotspot{left:31.5%;width:37%;height:6.2%}
}
@media(prefers-reduced-motion:reduce){.ap-pool-ripple,.ap-fire-glow,.ap-fire-flicker{animation:none}}