/* 00RAW Login · Look «Concierge» (schwarz, weiss, grau) */
/* ===== 5 Concierge ===== */
.lkframe{position:fixed;pointer-events:none;z-index:40;display:block;inset:18px;border:.5px solid rgba(236,232,225,.28)}
body.L-concierge .top{justify-content:center;align-items:center;top:calc(env(safe-area-inset-top,0px) + 40px);left:40px;right:40px;height:44px}
body.L-concierge .brand{font:500 22px/1 'Cinzel',serif;letter-spacing:.5em;text-align:center}
body.L-concierge .brand small{font:400 9px/1 'Montserrat',sans-serif;letter-spacing:.4em;color:#a9a59e;margin-top:8px}
body.L-concierge .top .tr{position:absolute;right:0;top:0;height:22px;align-items:center}body.L-concierge .top .back{padding:0}
body.L-concierge .back{font:400 10px/1 'Montserrat',sans-serif;letter-spacing:.3em}
body.L-concierge .intro{left:50%;transform:translateX(-50%);text-align:center;max-width:620px;bottom:calc(env(safe-area-inset-bottom,0px) + 130px)}
body.L-concierge .intro h1{font:500 clamp(30px,4vw,48px)/1.15 'Cinzel',serif;text-transform:none;letter-spacing:.08em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 34px rgba(0,0,0,.85)}
body.L-concierge .intro::before{content:'';position:absolute;left:-18%;right:-18%;top:-30%;bottom:-25%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.62),rgba(0,0,0,0) 70%);pointer-events:none}
body.L-concierge .intro p{color:#f2f0ec;font-weight:400;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9)}
body.L-concierge .intro .clock{color:rgba(242,240,236,.82);font-size:10.5px;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.9)}
body.L-concierge .intro .keys{color:rgba(242,240,236,.7);font-size:9.5px;line-height:1.7;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.9)}
body.L-concierge .intro::before{background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,.72),rgba(0,0,0,0) 72%)}
body.L-concierge .intro p{font:300 14px/1.6 'Montserrat',sans-serif}
body.L-concierge .keys,body.L-concierge .clock{font-family:'Montserrat',sans-serif}
body.L-concierge .mk button{background:rgba(14,12,10,.82);color:#f1ebe0;border:1px solid rgba(236,232,225,.38);font:500 11px/1 'Cinzel',serif;letter-spacing:.16em;padding:12px 18px}
body.L-concierge .mk button small{font:400 9px/1 'Montserrat',sans-serif;letter-spacing:.24em;color:#a9a59e}
body.L-concierge .mk button i{background:#9a968f;border-radius:0;transform:rotate(45deg);width:7px;height:7px}
body.L-concierge .mk.k button{background:#ece8e1;color:#050505;border-color:#ece8e1}body.L-concierge .mk.k button small{color:#4a4844}body.L-concierge .mk.k button i{background:#050505}
body.L-concierge .mk .st{background:linear-gradient(#ece8e1,transparent)}body.L-concierge .mk .dt{background:#ece8e1;box-shadow:0 0 0 6px rgba(236,232,225,.16)}
body.L-concierge .bar{justify-content:center;background:linear-gradient(transparent,rgba(6,5,4,.88));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 46px)}
body.L-concierge .intro{bottom:calc(env(safe-area-inset-bottom,0px) + 150px)}
body.L-concierge .bar button{font:500 10px/1 'Montserrat',sans-serif;letter-spacing:.32em;padding:17px 26px;border-color:rgba(236,232,225,.3);background:rgba(14,12,10,.7)}
body.L-concierge .bar button.k{background:#ece8e1;color:#050505;border-color:#ece8e1}
body.L-concierge .pn{top:50%;bottom:auto;right:50%;width:min(460px,92%);transform:translate(50%,-40%);opacity:0;pointer-events:none;border:1px solid rgba(236,232,225,.3);background:rgba(14,12,10,.86);padding:48px;text-align:center;transition:opacity .5s,transform .6s}
body.L-concierge .pn.on{transform:translate(50%,-50%);opacity:1;pointer-events:auto}
body.L-concierge .pn .x{top:18px;right:18px}
body.L-concierge .pn .ey{font:400 10px/1 'Montserrat',sans-serif;letter-spacing:.4em;color:#a9a59e}
body.L-concierge .pn h2{font:400 32px/1.15 'Cinzel',serif;letter-spacing:.08em;text-transform:none}
body.L-concierge .pn p{font:300 13px/1.6 'Montserrat',sans-serif}
body.L-concierge .pn label{font:500 9px/1 'Montserrat',sans-serif;letter-spacing:.3em;text-align:left}
body.L-concierge .pn input{border-color:rgba(236,232,225,.3);background:rgba(255,255,255,.03);font:300 15px/1 'Montserrat',sans-serif}
body.L-concierge .pn .go{background:#ece8e1;color:#050505;font:500 11px/1 'Montserrat',sans-serif;letter-spacing:.34em;padding:19px}
@media (max-width:760px){body.L-concierge .pn{padding:36px 22px}}

/* Zusammengehörige Knöpfe leuchten gemeinsam auf (unten und im Bild) */
.mk button,.bar button{transition:background .25s,color .25s,border-color .25s,transform .25s,outline-color .25s,box-shadow .25s}
body.L-concierge .mk.pair button{background:#ece8e1;color:#050505;border-color:#ece8e1;transform:scale(1.06);box-shadow:0 0 0 1px #ece8e1,0 0 34px rgba(236,232,225,.35)}
body.L-concierge .mk.pair button small{color:#4a4844}
body.L-concierge .mk.pair button i{background:#050505}
body.L-concierge .mk.pair .st{background:linear-gradient(#fff,transparent)}
body.L-concierge .mk.pair .dt{background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.28)}
body.L-concierge .bar button.pair{background:#ece8e1;color:#050505;border-color:#ece8e1;box-shadow:0 0 0 1px #ece8e1,0 0 30px rgba(236,232,225,.3)}
body.L-concierge .mk.k.pair button,body.L-concierge .bar button.k.pair{outline:1px solid rgba(236,232,225,.9);outline-offset:5px}

/* Handy: «Zur Website» unter dem Logo statt darüber, «Studio erkunden» über den Knöpfen statt dahinter */
@media (max-width:760px){body.L-concierge .top .tr{left:50%;right:auto;top:54px;transform:translateX(-50%);white-space:nowrap}body.L-concierge .top .back{font-size:9px;opacity:.75}html body.L-concierge .intro{bottom:calc(env(safe-area-inset-bottom,0px) + 212px)}}