/* The homepage brings the three services and the Alpenruhe concept into one view. */
.hs-hero{isolation:isolate;padding:clamp(64px,5.7vw,88px) 0 62px;background:#f7f5ef}
.hs-hero:before{z-index:0;background:url('assets/allgaeu.jpg') center 52%/cover no-repeat;mask-image:none;opacity:.57;filter:grayscale(.85) sepia(.25) contrast(1.07)}
.hs-hero:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#f7f5efe8 0%,#f7f5efc7 43%,#f7f5ef4a 100%);pointer-events:none}
.hs-grid{z-index:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,4vw,72px);align-items:center}
.hs-copy{padding:10px 0 36px}
.hs-kicker{font-size:11px;letter-spacing:.17em;color:#5d5a50}
body:not(.admin-mode) #app .hs-copy h1{max-width:660px;margin:23px 0 22px;font-size:clamp(42px,3.55vw,54px);line-height:1.12;letter-spacing:-.028em;color:#1f2020}
body:not(.admin-mode) #app .hs-copy h1 em{display:block;margin-top:.1em;color:#484946;line-height:1.13}
body:not(.admin-mode) #app .hs-copy>p{max-width:590px;margin:0;color:#4d504a;font-size:clamp(17px,1.25vw,19px);line-height:1.56;font-weight:400}
.hs-three{display:grid;gap:0;max-width:600px;margin:26px 0 25px;padding:8px 18px;border:1px solid #ffffff5c;border-radius:17px;background:linear-gradient(130deg,#1b1c1be8,#343634e6);box-shadow:0 16px 36px #24241e2b,inset 1px 1px #ffffff35;backdrop-filter:blur(16px)}
.hs-three a{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:center;padding:9px 0 10px;border-bottom:1px solid #ffffff35;color:#f4f1e9;text-decoration:none;transition:padding-left .2s ease,background-color .2s ease}
.hs-three a:last-child{border-bottom:0}
.hs-three a:hover,.hs-three a:focus-visible{padding-left:7px;background:#ffffff0f}
.hs-three b{grid-row:1/3;align-self:start;margin-top:5px;color:#ffe268;font-size:11px;letter-spacing:.08em}
.hs-three strong{display:inline-block;justify-self:start;padding:5px 11px;border-radius:99px;background:#ffdd47;color:#26251e;font-size:13px;font-weight:700;line-height:1.25}
.hs-three span{font-size:12px;color:#e1ded2;line-height:1.4}
.hs-actions{margin:0 0 14px}
.hs-actions .btn{min-height:52px;font-size:12px}
.hs-quiet-links{margin:0;gap:12px 22px}
.hs-quiet-links a{font-size:13px;color:#514e44}
.hs-device-stack{z-index:2;padding-bottom:4px}
.hs-device-title{padding:0 10px 17px;color:#515149}
.hs-device-title>span{font-size:11px;color:#746014}
.hs-device-title>strong{font-size:17px;letter-spacing:-.01em}
.hs-device-title>small{font-size:12px;color:#6c6b63}
.hs-ipad{aspect-ratio:1.42;transform:rotate(-1deg);border-color:#3c3d3c;box-shadow:inset 0 2px 2px #ffffff69,inset 0 -2px 3px #000,0 8px 10px #0002,0 32px 75px #1113}
.hs-scene-start{position:relative;background:#202721}
.hs-scene-start .hs-sample-nav{position:absolute;top:0;left:0;right:0;z-index:2;height:17%;min-height:0;background:linear-gradient(#0b1a18a8,#0b1a1800);color:#fff}
.hs-scene-start .hs-sample-brand{font-size:clamp(17px,1.9vw,30px);font-style:italic;font-weight:500;letter-spacing:-.035em}
.hs-scene-start .hs-sample-brand small{color:#ffffffe0;font-size:clamp(6px,.53vw,9px);font-style:normal;letter-spacing:.12em}
.hs-scene-start .hs-sample-links{color:#ffffffdb}
.hs-scene-start .hs-sample-nav>b{border:1px solid #ffffffbd;background:#ffffff1c;backdrop-filter:blur(8px);font-weight:500}
.hs-scene-start .hs-alpen-photo{height:100%;flex:none}
.hs-scene-start .hs-alpen-photo img{object-position:center 55%;filter:saturate(.86) contrast(1.06)}
.hs-scene-start .hs-alpen-photo:after{inset:0;background:linear-gradient(180deg,#13221e70 0%,transparent 35%,#07151126 55%,#06110cbe 100%)}
.hs-scene-start .hs-alpen-photo>div{left:6%;right:6%;bottom:24%}
.hs-scene-start .hs-alpen-photo small{font-size:clamp(8px,.7vw,11px);letter-spacing:.22em}
.hs-scene-start .hs-alpen-photo strong{max-width:90%;margin:12px 0 10px;font:italic 400 clamp(34px,3.35vw,55px)/1.06 Georgia,serif;letter-spacing:-.035em;text-shadow:0 2px 18px #0005}
.hs-scene-start .hs-alpen-photo span{font-size:clamp(9px,.86vw,13px);letter-spacing:.02em;color:#f0eee4}
.hs-scene-start .hs-alpen-bookbar{position:absolute;z-index:2;left:6%;right:6%;bottom:5%;min-height:12%;padding:8px 2%;border:1px solid #ffffff7d;border-radius:8px;background:#f8f7f2ef;backdrop-filter:blur(14px);box-shadow:0 10px 30px #0a161347}
.hs-scene-start .hs-alpen-bookbar>b{border-radius:5px;background:#222d26}
.hs-thumb-strip{position:relative;z-index:4;width:calc(100% + 70px);margin:-25px -30px 0 -40px;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:start}
.hs-thumb{padding:5px 5px 8px;border:1px solid #ffffff52;border-radius:9px;background:linear-gradient(145deg,#282a29ef,#41433fe8);box-shadow:0 10px 22px #1a201b38,0 1px 2px #0003;backdrop-filter:blur(8px);color:#f7f3e9}
.hs-thumb.active{border-color:#f7d13a;background:linear-gradient(145deg,#282a29,#484944);color:#f7f3e9;box-shadow:0 11px 28px #1a201b48,0 0 0 2px #e5c72e99}
.hs-shot-frame{position:relative;display:block;aspect-ratio:1.26;overflow:hidden;border:1px solid #212522;border-radius:4px;background:#f7f8f5;box-shadow:0 3px 6px #0003}
.hs-shot-canvas{position:absolute;left:0;top:0;width:600%;height:600%;transform:scale(.1666667);transform-origin:top left;pointer-events:none}
.hs-shot-canvas .hs-screen-scene{height:100%}
.hs-thumb-label{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:99px;background:#ffdb44;color:#26251e;font-size:10px;font-weight:700;white-space:normal;line-height:1.2}
.hs-screen-scene:not(.hs-scene-start){background:#f6f3ed;color:#292a29}
.hs-screen-scene:not(.hs-scene-start) .hs-sample-nav{background:#f7f4ee;color:#282a29;border-bottom:1px solid #d5cdbf}
.hs-screen-scene:not(.hs-scene-start) .hs-sample-brand{font-style:italic;font-weight:500}
.hs-screen-scene:not(.hs-scene-start) .hs-sample-brand small{font-style:normal;color:#9d8136}
.hs-screen-scene:not(.hs-scene-start) .hs-sample-nav>b{background:#ffdc4b;color:#282724}
.hs-interior-heading small{color:#b18e2b}
.hs-interior-heading h3{font-style:italic;color:#282928}
.hs-detail-panel,.hs-booking-aside,.hs-occupancy-info,.hs-payment-summary{background:#e9e3d7}
.hs-detail-panel small,.hs-booking-aside>small,.hs-payment-card>small,.hs-payment-summary>span{color:#97752a}
.hs-detail-panel>b{color:#2d2e2b}
.hs-gallery-tile.three{background:#292b29;color:#f6f0e5;font-style:italic}
.hs-gallery-grid img{filter:saturate(.88)}
.hs-booking-action,.hs-payment-summary>b{background:#ffda45;color:#26251f;border-radius:6px}
.hs-payment-option{border-color:#d8cfbe;background:#fffefa}
.hs-pay-symbol{background:#fff1b8;color:#403921}
.hs-calendar-days span.is-booked{background:#cfc6b6;color:#514c43}
.hs-status-dot{background:#e0b92e;box-shadow:0 0 0 8px #f4e7b6}
.hs-admin-sidebar{background:#222524}
.hs-admin-sidebar>span.active{background:#f4d245;color:#252723}
.hs-admin-content>small,.hs-admin-table>div b{color:#a48023}
.hs-admin-stats strong{color:#292a27}
.hs-reference{padding:clamp(78px,8vw,120px) 0;background:#eeeae2}
.hs-vios-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,75px);align-items:center}
.hs-vios-copy h2{max-width:540px;margin:21px 0;font-size:clamp(35px,3.8vw,58px);line-height:1.12}
.hs-vios-copy h2 em{display:block;margin-top:.08em}
body:not(.admin-mode) #app .hs-vios-copy p{max-width:530px;color:#504e48;font-size:17px;font-weight:400;line-height:1.62}
.hs-vios-copy .btn{margin-top:20px;background:#242624;color:#f9e28a;box-shadow:none}
.hs-vios-copy .btn:hover{background:#41433f}
.hs-vios-copy>small{display:block;margin-top:15px;color:#77756d;font-size:11px;line-height:1.5}
.hs-vios-steps{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px}
.hs-vios-steps span{padding:8px 10px;border:1px solid #cfc7b7;border-radius:99px;background:#f9f7f2;color:#514c40;font-size:11px;font-weight:600}
.hs-vios-steps i{font-style:normal;color:#9b7b21}
.hs-vios-browser{display:block;overflow:hidden;border:1px solid #41433f;border-radius:15px;background:#1e201e;box-shadow:0 25px 60px #2527203b;color:#f8f4e9;text-decoration:none;transform:rotate(1deg)}
.hs-vios-browser:hover{transform:rotate(0);box-shadow:0 28px 70px #25272052}
.hs-vios-browserbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:36px;padding:0 15px;border-bottom:1px solid #ffffff20;background:#272a28;font-size:10px;color:#c4c4bd}
.hs-vios-browserbar i{font-style:normal;letter-spacing:.16em;color:#ecce69}
.hs-vios-browserbar b{font-weight:500;letter-spacing:.02em}
.hs-vios-browser>img{display:block;width:100%;aspect-ratio:2.25/1;object-fit:cover;object-position:top center}
.hs-vios-caption{display:block;padding:11px 15px;color:#f1d467;font-size:10px;font-weight:700;letter-spacing:.12em}
.hs-model{margin-top:clamp(52px,6vw,85px);padding:clamp(25px,3.5vw,50px);border:1px solid #ffffff4d;border-radius:23px;background:radial-gradient(circle at 92% 15%,#4b431c,#1e201f 52%);box-shadow:inset 1px 1px #ffffff24,0 24px 56px #23241f2b;color:#f7f4e8}
.hs-model-intro>span{color:#f0d66d;font-size:10px;font-weight:700;letter-spacing:.15em}
.hs-model-intro h3{max-width:950px;margin:15px 0 13px;color:#fff;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.025em}
.hs-model-intro h3 em{color:#ffdb42;font-weight:500}
body:not(.admin-mode) #app .hs-model-intro p{max-width:820px;color:#e2ded3;font-size:16px;font-weight:400;line-height:1.55}
.hs-model-visual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:clamp(28px,4vw,60px);align-items:end;margin-top:26px}
.hs-model-bars{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:end;min-height:235px;padding:26px 20px 0;border:1px solid #ffffff33;border-radius:14px;background:#ffffff0b}
.hs-model-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px 8px;color:#242622;text-align:center;border-radius:9px 9px 0 0}
.hs-model-bar.old{height:80px;background:#c5c1b6}
.hs-model-bar.new{height:205px;background:linear-gradient(#ffe56f,#f4c827)}
.hs-model-bar b{font-size:clamp(30px,3.2vw,46px);font-weight:600;line-height:1}
.hs-model-bar span{margin-top:5px;font-size:11px;font-weight:600}
.hs-model-arrow{align-self:center;color:#ffe061;font-size:57px;line-height:1;text-align:center}
.hs-model-arrow strong{display:block;margin-top:5px;font-size:19px;white-space:nowrap}
.hs-model-result{padding-bottom:9px}
.hs-model-result>span{display:block;color:#f2d65b;font-size:10px;font-weight:700;letter-spacing:.14em}
.hs-model-result>strong{display:block;margin:8px 0 0;color:#ffe067;font-size:clamp(54px,6vw,86px);font-weight:600;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.hs-model-result>b{display:block;margin:7px 0 12px;color:#f8f4e8;font-size:18px;font-weight:500}
body:not(.admin-mode) #app .hs-model-result p{max-width:390px;color:#dedacd;font-size:13px;font-weight:400;line-height:1.5}
.hs-model-result .btn{margin-top:12px;background:#ffda45;color:#25251f;box-shadow:none}
.hs-model-note{display:block;margin-top:29px;padding-top:16px;border-top:1px solid #ffffff30;color:#d2cec2;font-size:11px;font-weight:400;line-height:1.5}
.hs-views-note{margin:15px 0 0!important;color:#575b54!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;text-align:center}
@media(max-width:1180px){.hs-grid{grid-template-columns:1fr;gap:35px}.hs-copy{max-width:840px;padding:0}.hs-three{max-width:760px}.hs-device-stack{max-width:880px}.hs-thumb-strip{width:calc(100% + 100px);margin-left:-50px;margin-right:-50px}}
@media(max-width:1040px){.hs-vios-grid{grid-template-columns:1fr}.hs-vios-copy{max-width:720px}.hs-vios-browser{max-width:900px;transform:none}}
@media(max-width:900px){.hs-thumb-strip{width:100%;margin:-18px 0 0;display:flex;overflow-x:auto;padding:3px 4px 14px;gap:11px;scroll-snap-type:x mandatory;scrollbar-width:none}.hs-thumb{flex:0 0 130px;scroll-snap-align:start}.hs-thumb-strip::-webkit-scrollbar{display:none}}
@media(max-width:760px){.hs-model-visual{grid-template-columns:1fr}.hs-model-bars{max-width:560px}.hs-model-result{padding:0}}
@media(max-width:720px){.hs-hero{padding:46px 0 48px}.hs-copy h1{max-width:620px}.hs-grid{gap:28px}.hs-device-title{gap:5px 10px}.hs-device-title>strong{font-size:15px}.hs-device-title>small{font-size:11px}}
@media(max-width:520px){body:not(.admin-mode) #app .hs-copy h1{font-size:clamp(36px,9.2vw,42px)}.hs-three{margin:21px 0;padding:7px 12px}.hs-three strong{font-size:12px}.hs-three span{font-size:11px}.hs-device-title{padding-bottom:10px}.hs-device-title>span{font-size:9px}.hs-device-title>small{width:100%;margin-left:0}.hs-scene-start .hs-sample-nav{height:18%}.hs-scene-start .hs-sample-brand{font-size:15px}.hs-scene-start .hs-sample-nav>b{font-size:6px}.hs-scene-start .hs-alpen-photo>div{bottom:27%}.hs-scene-start .hs-alpen-photo strong{font-size:clamp(20px,5vw,28px);margin:5px 0}.hs-scene-start .hs-alpen-photo small{font-size:6px}.hs-scene-start .hs-alpen-photo span{font-size:7px}.hs-scene-start .hs-alpen-bookbar{bottom:5%;min-height:13%;padding:2px 1%}.hs-scene-start .hs-alpen-bookbar small{font-size:5px}.hs-scene-start .hs-alpen-bookbar b{font-size:6px}.hs-thumb{flex-basis:128px}.hs-views-note{text-align:left}.hs-vios-copy h2{font-size:36px}.hs-vios-copy p{font-size:15px}.hs-vios-steps span{font-size:10px}.hs-model{padding:22px 18px}.hs-model-intro h3{font-size:29px}.hs-model-intro p{font-size:14px}.hs-model-bars{min-height:185px;padding:14px 10px 0;gap:8px}.hs-model-bar.old{height:70px}.hs-model-bar.new{height:155px}.hs-model-bar span{font-size:9px}.hs-model-arrow{font-size:38px}.hs-model-arrow strong{font-size:13px}.hs-model-result>strong{font-size:56px}.hs-model-result>b{font-size:16px}.hs-model-result .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hs-three a{transition:none}}