.hl{min-height:100vh;min-height:100dvh}.hl-hub{position:absolute;inset:0;pointer-events:none}.hl-hub-kopf{top:28px;height:52px;display:flex;align-items:center;gap:16px;transition:opacity .5s ease .38s}.hl-hub-gruss,.hl-hub-kopf{position:absolute;left:56px;opacity:0}.hl-hub-gruss{top:100px;font-family:var(--font-bodoni),Georgia,serif;font-size:60px;line-height:1;letter-spacing:-.02em;transition:opacity .5s ease .46s}.hl[data-drin] .hl-hub-gruss,.hl[data-drin] .hl-hub-kopf{opacity:1}.hl-silhouetten{position:absolute;left:56px;right:56px;top:192px;bottom:76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hl-silhouette{position:relative;border-radius:34px;opacity:.55;transform:scale(.965);transition:opacity .7s ease,transform .9s var(--hb-glasfeder)}.hl-silhouette:after{content:"";position:absolute;inset:-22px;z-index:-1;border-radius:56px;background:linear-gradient(168deg,rgba(20,52,96,.62),rgba(4,30,62,.74));-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(90deg,rgba(0,0,0,0),#000 50px,#000 calc(100% - 50px),rgba(0,0,0,0)),linear-gradient(180deg,rgba(0,0,0,0),#000 50px,#000 calc(100% - 50px),rgba(0,0,0,0));mask:linear-gradient(90deg,rgba(0,0,0,0),#000 50px,#000 calc(100% - 50px),rgba(0,0,0,0)),linear-gradient(180deg,rgba(0,0,0,0),#000 50px,#000 calc(100% - 50px),rgba(0,0,0,0));-webkit-mask-composite:source-in,xor;mask-composite:intersect}.hl:not([data-drin]) .hl-silhouette span{color:transparent}.hl:not([data-drin]) .hl-sil-etikett{text-shadow:0 0 36px #D9C49A}.hl:not([data-drin]) .hl-sil-name{text-shadow:0 0 44px #F4EFE6}.hl:not([data-drin]) .hl-sil-zeile{text-shadow:0 0 36px #AEBACD}.hl[data-drin] .hl-silhouette{overflow:hidden;opacity:1;transform:none;background:linear-gradient(168deg,rgba(20,52,96,.62),rgba(4,30,62,.74));box-shadow:0 36px 70px -32px rgba(0,8,20,.72);animation:hl-schmelzen .9s var(--hb-glasfeder) both}.hl[data-drin] .hl-silhouette:after{display:none}.hl[data-drin] .hl-silhouette:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.3px;background:conic-gradient(from 245deg,rgba(243,230,200,.14) 0deg,rgba(255,248,232,.9) 70deg,rgba(243,230,200,.14) 140deg,rgba(217,196,154,.1) 180deg,rgba(243,230,200,.4) 250deg,rgba(217,196,154,.1) 320deg,rgba(243,230,200,.14) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes hl-schmelzen{0%{filter:blur(24px) saturate(120%)}to{filter:blur(0) saturate(100%)}}.hl-sil-etikett{position:absolute;left:32px;top:30px;font-size:12px;letter-spacing:.3em;color:var(--hb-champagner)}.hl-sil-name{top:62px;font-family:var(--font-bodoni),Georgia,serif;font-size:66px;line-height:.95;letter-spacing:-.025em}.hl-sil-name,.hl-sil-zeile{position:absolute;left:32px}.hl-sil-zeile{right:24px;top:140px;font-size:18px;line-height:1.4;color:var(--hb-graublau)}.hl-frost{position:absolute;inset:0;pointer-events:none;background:var(--hl-frost,rgba(0,26,85,.34));transition:opacity .9s var(--hb-glasfeder)}.hl[data-drin] .hl-frost{opacity:0}.hl[data-gravur]:not([data-drin]) .hb-ug-gravur{opacity:var(--hl-gravur,0)}.hl[data-drin] .hb-ug-gravur{transition:opacity .9s var(--hb-glasfeder)}.hl:is([data-pause],[data-drin]) :is(.hb-feld,.hl-kante-dreh){animation-play-state:paused!important}.hl-tafel{position:absolute;left:50%;top:50%;width:460px;height:556px;margin:-278px 0 0 -230px;border-radius:36px;z-index:2;box-shadow:0 50px 100px -40px rgba(0,8,20,.9),0 18px 34px -18px rgba(0,8,20,.6);transition:transform .52s var(--hb-glasfeder),opacity .36s ease,visibility 0s linear 0s}.hl[data-drin] .hl-tafel{transform:translateY(14px) scale(.92);opacity:0;visibility:hidden;transition:transform .52s var(--hb-glasfeder),opacity .36s ease,visibility 0s linear .42s}.hl-tafel-koerper{position:absolute;inset:0}.hl-zittern{animation:hl-zittern .46s cubic-bezier(.36,.07,.19,.97) both}.hl-zittern2{animation:hl-zittern2 .46s cubic-bezier(.36,.07,.19,.97) both}.hl-glas{position:absolute;inset:0;border-radius:36px;overflow:hidden;background:linear-gradient(168deg,rgba(3,26,56,.62),rgba(3,26,56,.74)),var(--hl-glasgrund,rgba(0,50,147,.5))}.hl-glas-licht{position:absolute;left:-300px;top:-340px;width:700px;height:700px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,222,.16),rgba(255,244,222,0) 100%)}.hl-glas-schimmer{position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,239,230,.1),rgba(244,239,230,.02) 30%,rgba(244,239,230,0) 50%)}.hl-kante{position:absolute;inset:0;border-radius:36px;padding:1.3px;pointer-events:none;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hl-kante-dreh{position:absolute;left:50%;top:50%;width:780px;height:780px;margin:-390px 0 0 -390px;background:conic-gradient(from -70deg,rgba(243,230,200,.14) 0deg,rgba(255,248,232,.96) 70deg,rgba(243,230,200,.14) 140deg,rgba(217,196,154,.1) 180deg,rgba(243,230,200,.42) 250deg,rgba(217,196,154,.1) 320deg,rgba(243,230,200,.14) 1turn);transform:rotate(315deg);will-change:transform;animation:hb-schwanken 16s ease-in-out infinite}.hl-fase{position:absolute;inset:0;border-radius:36px;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,250,238,.22),inset 0 -1px 1px rgba(0,10,24,.4),inset 0 0 0 1px rgba(217,196,154,.12)}.hl-inhalt{position:relative;height:100%;padding:44px 48px 36px;gap:16px}.hl-inhalt,.hl-kopf{display:flex;flex-direction:column}.hl-kopf{align-items:center;gap:12px}.hl-marke-wort{font-size:13px;letter-spacing:.5em;padding-left:.5em;color:var(--hb-champagner);font-weight:400}.hl-zier{display:flex;align-items:center;gap:12px;width:100%}.hl-zier-linie{flex:1;height:1px;background:linear-gradient(90deg,rgba(217,196,154,0),rgba(217,196,154,.7))}.hl-zier-linie-r{background:linear-gradient(90deg,rgba(217,196,154,.7),rgba(217,196,154,0))}.hl-zier-raute{width:5px;height:5px;background:var(--hb-champagner);transform:rotate(45deg);flex:none}.hl-zier-schrift{font-family:var(--font-italianno),cursive;font-size:32px;line-height:1;color:var(--hb-champagner);white-space:nowrap}.hl-luft{flex:1}.hl-feldgruppe{display:flex;flex-direction:column;gap:10px}.hl-label{font-size:11.5px;letter-spacing:.26em;color:var(--hb-champagner)}.hl-feld{height:56px;border-radius:18px;display:flex;align-items:center;gap:8px;padding:0 6px 0 18px;background:linear-gradient(180deg,rgba(244,239,230,.14),rgba(244,239,230,.065));border:1px solid rgba(244,239,230,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,10,24,.25);transition:border-color .22s ease,box-shadow .22s ease}.hl-feld:focus-within{border-color:rgba(243,230,200,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(243,230,200,.55)}.hl-feld-fehler,.hl-feld-fehler:focus-within{border-color:rgba(255,180,168,.75)}.hb .hl-feld input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;font-size:19px;color:var(--hb-elfenbein)}.hb .hl-feld input:focus-visible{outline:none}.hb .hl-zeigen{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;transition:background .16s ease}.hb .hl-zeigen:hover{background:rgba(244,239,230,.1)}.hl-fehler{min-height:22px;font-size:15px;line-height:1.4;color:#FFB4A8}.hb .hl-eintreten{height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17.5px;font-weight:500;color:#002147;background:linear-gradient(180deg,#F0E3C4,#D9C49A 55%,#C9B385);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 6px rgba(110,86,40,.32),0 16px 30px -14px rgba(217,196,154,.6);transition:transform .38s var(--hb-tropfen),opacity .2s ease,filter .2s ease}.hb .hl-eintreten:hover:not(:disabled){filter:brightness(1.05)}.hb .hl-eintreten:active:not(:disabled){transform:scale(.97)}.hb .hl-eintreten:disabled{opacity:.55}.hl[data-drin] .hl-eintreten:disabled{opacity:1}.hl-hinweis{font-size:14.5px;line-height:1.45;color:var(--hb-graublau);text-align:center}@keyframes hl-zittern{0%,to{transform:translateX(0)}18%{transform:translateX(-9px)}36%{transform:translateX(8px)}54%{transform:translateX(-6px)}72%{transform:translateX(4px)}88%{transform:translateX(-2px)}}@keyframes hl-zittern2{0%,to{transform:translateX(0)}18%{transform:translateX(-9px)}36%{transform:translateX(8px)}54%{transform:translateX(-6px)}72%{transform:translateX(4px)}88%{transform:translateX(-2px)}}@media (min-width:1100px) and (max-height:760px){.hl-tafel{height:520px;margin-top:-260px}.hl-inhalt{padding:34px 44px 28px}.hl-silhouetten{top:150px;bottom:44px}.hl-hub-gruss{top:76px;font-size:48px}}@media (min-width:1100px) and (max-width:1360px){.hl-silhouetten{left:44px;right:44px;gap:24px}}@media (max-width:1099px){.hl-hub-gruss{left:18px;top:72px;font-size:40px}.hl-silhouetten{left:16px;right:16px;top:150px;bottom:auto;display:flex;flex-direction:column;gap:10px;max-width:728px;margin:0 auto}.hl-silhouette{border-radius:28px;opacity:.5;transform:scale(.96)}.hl-silhouette:after{border-radius:50px}.hl-silhouette:first-child{height:156px}.hl-silhouette:nth-child(2){height:194px}.hl-silhouette:nth-child(3){height:216px}.hl-silhouette:nth-child(n+4){height:150px}.hl-sil-etikett{left:20px;top:16px;font-size:10.5px;letter-spacing:.28em}.hl-sil-name{left:20px;top:33px;font-size:40px;line-height:1;letter-spacing:-.02em}.hl-sil-zeile{display:none}.hl-frost{background:var(--hl-frost-handy,rgba(0,25,67,.36))}.hl-marke{position:absolute;left:0;right:0;top:118px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;transition:opacity .36s ease,transform .52s var(--hb-glasfeder)}.hl-marke .hl-zier{width:270px}.hl[data-drin] .hl-marke{opacity:0;transform:translateY(-16px) scale(.94)}.hl-tafel{left:12px;right:12px;top:auto;bottom:calc(24px + env(safe-area-inset-bottom, 0px));width:auto;max-width:560px;height:318px;margin:0 auto;border-radius:34px;box-shadow:0 -10px 50px -20px rgba(0,8,20,.8)}.hl[data-drin] .hl-tafel{transform:translateY(115%)}.hl-glas{border-radius:34px;background:linear-gradient(168deg,rgba(3,26,56,.64),rgba(3,26,56,.76)),var(--hl-glasgrund,rgba(0,52,163,.5))}.hl-glas-licht{display:none}.hl-fase,.hl-kante{border-radius:34px}.hl-kante{padding:1.2px}.hl-inhalt{padding:26px 22px 22px;gap:12px}.hl-fehler{font-size:14.5px}.hb .hl-feld input{font-size:18px}.hl-hinweis{font-size:13.5px;line-height:1.4}}@media (max-width:1099px) and (max-height:700px){.hl-marke{top:64px}}@media (max-width:1099px) and (max-height:600px){.hl-marke{display:none}}@media (prefers-reduced-motion:reduce){.hl *,.hl :before{animation:none!important;transition:none!important}}@media (prefers-reduced-transparency:reduce){.hl-glas{background:#0B2A55}.hl-frost{background:rgba(0,21,44,.82)}}@media (forced-colors:active){.hl-feld,.hl-tafel{border:1px solid CanvasText}.hl-kante{display:none}}