/* Original content, in the sequence of the ten flipbook pages. */
.hero-art{background-image:linear-gradient(90deg,rgba(13,39,48,.95),rgba(13,39,48,.76) 48%,rgba(13,39,48,.1)),url('assets/wasserfall.jpg');background-position:center}.source-photo{margin:0;align-self:start}.source-photo img{width:100%;height:auto;display:block}.photo-row .source-photo{align-self:center}.guide-layout>.source-photo{max-width:340px}.partner-logo{width:165px;height:auto;background:transparent;padding:0;box-sizing:border-box}.hotel-grid .source-photo{align-self:center}
.hero h1{font-size:clamp(34px,4.8vw,70px);max-width:1100px}.hero .hero-lead{margin:0 0 26px}.hero h1+.hero-lead{margin-top:30px}.hero .audience{font-size:20px}.original-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.original-columns h3{font-size:20px;letter-spacing:0;line-height:1.4;margin:30px 0 18px}.original-columns h3:first-child{margin-top:0}.original-panel{padding:32px;background:#e7eef0}.original-prose{max-width:860px}.original-list{padding-left:24px;margin:0 0 25px}.original-list li{padding-left:7px;margin-bottom:20px}.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0;max-width:960px}.photo-row .crop{aspect-ratio:var(--w)/var(--h);align-self:center}.hotel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.after-button{margin-top:30px}.text-link{text-decoration:underline;text-underline-offset:5px}.original-promises{grid-template-columns:1fr 1fr}.original-promises h3{font-size:23px;line-height:1.4;margin-top:10px;letter-spacing:0;font-weight:400}.original-promises strong{color:var(--yellow)}.original-promises p{font-size:18px}.benefits h2,.contact h2{color:var(--yellow)}.benefits .original-columns h3{color:var(--yellow)}.contact-card a:hover{text-decoration:underline}.original-columns .large{font-size:21px}.section h2{max-width:1050px}.section .eyebrow{opacity:.7}
@media(max-width:700px){.original-columns{grid-template-columns:1fr;gap:30px}.original-promises{grid-template-columns:1fr}.photo-row{gap:10px}.original-panel{padding:25px}.hero .audience{font-size:18px}.hotel-grid{gap:12px}.hero h1{font-size:34px;overflow-wrap:normal}.hero .hero-lead{font-size:19px}.section h2{font-size:34px}}
.source-photo{position:relative;overflow:hidden}.source-photo img{position:absolute;max-width:none;width:var(--iw,100%);height:var(--ih,100%);left:var(--il,0%);top:var(--it,0%)}

/* Customer feedback: Version 1, clearer introduction and consistent photo heights. */
#seite-4 .more-info{font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.2;margin:0 0 20px}
#seite-4 h2{font-weight:700;margin-bottom:16px}
#seite-4 .section-subtitle{font-size:clamp(22px,2.7vw,36px);font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0 0 32px}
:is(#seite-4,#seite-8,#seite-9) .source-photo{height:clamp(100px,18vw,220px);aspect-ratio:auto!important;align-self:start}
:is(#seite-4,#seite-8,#seite-9) .source-photo img{width:100%;height:100%;left:0;top:0;object-fit:cover}
#seite-9 img[src="assets/auszeit-am-see.jpg"]{object-position:center 65%}

/* Large editorial section numbers and a higher, wider hero composition. */
.section .section-number{display:flex;align-items:center;gap:24px;font-size:clamp(64px,7vw,104px);font-weight:300;font-variant-numeric:lining-nums tabular-nums;line-height:1;letter-spacing:-.075em;color:var(--ink);opacity:1;margin:0 0 52px}
.section .section-number::after{content:"";display:block;width:56px;height:3px;background:var(--yellow)}
.benefits .section-number,.contact .section-number{color:var(--yellow)}
@media(min-width:901px){.hero-content.wrap{width:min(1440px,calc(100% - 96px));padding-top:40px;padding-bottom:160px}}
@media(max-width:900px){.hero{justify-content:flex-start}.hero-content{padding-top:45px;padding-bottom:85px}}
@media(max-width:600px){.section .section-number{margin-bottom:40px;gap:20px}.section .section-number::after{width:40px}.hero-content{padding-top:40px;padding-bottom:70px}}

/* A clear, personal invitation to get in touch. */
#kontakt .original-columns{grid-template-columns:1fr 1.1fr;align-items:start;gap:60px}
#kontakt .contact-invitation{background:var(--yellow);color:var(--deep);padding:42px;border:0;border-radius:8px;box-shadow:0 18px 50px #00000020}
#kontakt .contact-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;margin:0 0 20px}
#kontakt .contact-invitation h3{font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px}
#kontakt .contact-intro{font-size:18px;line-height:1.55}
.contact-person{display:flex;align-items:center;gap:16px;margin:28px 0}
.contact-person img{width:66px;height:76px;object-fit:cover;object-position:center 20%;border-radius:5px}
.contact-person strong{display:block;font-size:20px}.contact-person span{display:block;font-size:13px;line-height:1.4;margin-top:4px}
.contact-actions{display:grid;gap:12px}
#kontakt .contact-actions .button{justify-content:space-between;gap:12px;min-height:58px;padding:16px 20px;font-size:17px;border:2px solid var(--deep);border-radius:4px;text-decoration:none}
#kontakt .contact-call{background:var(--deep);color:white}#kontakt .contact-call:hover{background:#24454f}
#kontakt .contact-mail{background:transparent;color:var(--deep)}#kontakt .contact-mail:hover{background:#ffffff40}
#kontakt .contact-direct{display:flex;flex-wrap:wrap;gap:5px 20px;font-size:14px;margin:18px 0 24px}
#kontakt .contact-direct a{text-decoration:underline;text-underline-offset:3px}
#kontakt .contact-note{font-size:14px;line-height:1.55;margin:0;padding-top:20px;border-top:1px solid #112e3830}
#kontakt .contact-invitation a:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
@media(max-width:900px){#kontakt .original-columns{gap:30px}#kontakt .contact-invitation{padding:28px}}
@media(max-width:700px){#kontakt .original-columns{grid-template-columns:1fr;gap:40px}#kontakt .contact-invitation{order:-1;padding:26px}#kontakt .contact-actions .button{font-size:16px;padding-inline:16px}}

/* Place the waterfall subject on the right, leaving calm space for the copy. */
.hero-art{background:#112e38}
.hero-art::before{content:"";position:absolute;inset:0 0 0 35%;background:url('assets/wasserfall.jpg') center bottom/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,39,48,.35),rgba(13,39,48,.4) 65%,transparent)}
@media(max-width:900px){.hero-art::before{left:0;background-position:36% bottom;mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%)}}

@media(max-width:900px){.hero-art::after{background:linear-gradient(180deg,rgba(13,39,48,.38) 0%,rgba(13,39,48,.38) 65%,transparent 88%)}}