/* Sehr ruhige Wasser-/Wärmeebene: ausschließlich dekorativ, ohne Videodatei. */
.atmosphere-host{position:relative}
main>section.atmosphere-host>.atmosphere,.atmosphere-host>.atmosphere{position:absolute!important;inset:0;z-index:0!important;overflow:hidden;pointer-events:none;border-radius:inherit;contain:paint}
.nebel{position:absolute;display:block;width:72%;height:290px;right:-8%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse at 30% 55%,#ffffffb8 0%,#f8fff466 25%,#d6e9d72b 45%,transparent 70%);filter:blur(25px);opacity:.65;animation:mist-rise 28s ease-in-out infinite alternate;animation-play-state:paused;transform:translate3d(0,28px,0)}
.nebel-b{width:65%;height:230px;left:-18%;right:auto;bottom:24%;opacity:.45;animation-duration:34s;animation-delay:-13s}
.glass-drop{position:absolute;display:block;right:8%;top:20%;width:27px;height:34px;border-radius:70% 45% 65% 50%;transform:rotate(-24deg);border:1px solid #729e8a25;background:radial-gradient(ellipse at 26% 24%,#fffdf5e6 0%,#ffffff73 14%,transparent 30%),radial-gradient(ellipse at 65% 76%,#8eac8c36,transparent 62%),linear-gradient(135deg,#ffffff66,#dce9df14 55%,#8caa8b24);box-shadow:inset 1px 2px 3px #ffffffc2,inset -1px -2px 3px #628e7440,0 4px 8px #72977d0d;opacity:.42;animation:drop-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.drop-2{right:3%;top:49%;width:15px;height:19px;opacity:.32;animation-duration:29s;animation-delay:-11s}
.drop-3{right:31%;top:76%;width:21px;height:27px;opacity:.34;animation-duration:31s;animation-delay:-17s}
.drop-4{right:auto;left:3%;top:64%;width:36px;height:44px;opacity:.27;animation-duration:27s;animation-delay:-7s}
.drop-5{right:auto;left:43%;top:9%;width:12px;height:16px;opacity:.3;animation-duration:33s;animation-delay:-21s}
.atmosphere.in-view>*{animation-play-state:running}.motion-paused .atmosphere>*{animation-play-state:paused!important}
.motion-toggle{padding:0;border:0;border-bottom:1px solid #42644e40;background:none;color:#526959;font:inherit;font-size:11px;cursor:pointer;min-height:30px}.motion-toggle:hover{color:#173e39}.motion-toggle:focus-visible{outline:2px solid #42644e;outline-offset:4px}
@keyframes mist-rise{from{transform:translate3d(-18px,35px,0) scale(.97)}to{transform:translate3d(32px,-34px,0) scale(1.08)}}
@keyframes drop-drift{from{transform:translate3d(0,8px,0) rotate(-24deg)}to{transform:translate3d(10px,-16px,0) rotate(-16deg)}}
@media(max-width:760px){.nebel{width:110%;height:220px;right:-35%;filter:blur(20px);opacity:.5}.nebel-b{left:-45%;bottom:47%;opacity:.35}.glass-drop{right:3%;opacity:.3}.drop-3{right:16%}.drop-4{left:1%;opacity:.22}.drop-5{display:none}}
@media(prefers-reduced-motion:reduce){.atmosphere>*{animation:none!important}.motion-toggle{display:none}}
/* Die stärkeren Lichtkanten bleiben in den freien Randbereichen. */
.glass-drop{opacity:.58}.drop-1{right:48%;top:15%;width:29px;height:37px}.drop-2{opacity:.4}.drop-3{opacity:.43}.drop-4{opacity:.35}.drop-5{opacity:.38}
@media(max-width:760px){.glass-drop{opacity:.35}.drop-1{right:8%;top:4%;width:23px;height:29px}.drop-4{opacity:.23}}

/* Etwas präsenter: wenige zusätzliche Tropfen und klarere, helle Nebelschwaden. */
.nebel{height:340px;opacity:.83;filter:blur(20px);background:radial-gradient(ellipse at 30% 55%,#ffffffed 0%,#f6fff4a3 24%,#b8d6bd57 44%,transparent 70%)}
.nebel-b{height:265px;opacity:.63}
.glass-drop{opacity:.72;border-color:#729e8a42;box-shadow:inset 1px 2px 3px #ffffffed,inset -1px -2px 4px #628e745c,0 5px 10px #72977d17}
.drop-1{width:34px;height:43px}.drop-2{width:19px;height:24px;opacity:.53}.drop-3{width:25px;height:32px;opacity:.56}.drop-4{opacity:.46}.drop-5{width:15px;height:19px;opacity:.49}
.drop-6{right:45%;top:86%;width:14px;height:18px;opacity:.47;animation-duration:30s;animation-delay:-8s}
.drop-7{right:auto;left:1.5%;top:28%;width:18px;height:23px;opacity:.42;animation-duration:35s;animation-delay:-19s}
@media(max-width:760px){.nebel{height:260px;opacity:.67;filter:blur(19px)}.nebel-b{opacity:.48}.glass-drop{opacity:.48}.drop-1{width:28px;height:35px}.drop-4{opacity:.33}.drop-6{right:4%;top:78%;width:15px;height:19px}.drop-7{left:2%;top:40%;width:13px;height:17px;opacity:.32}}