*{box-sizing:border-box}body{margin:0;background:#faf9f2;color:#394238;font-family:Arial,Helvetica,sans-serif}main{max-width:1120px;margin:auto;overflow:hidden;background:#f8f7ef;box-shadow:0 0 30px #d9d9d0}h1,h2,h3,.motto{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(42px,6vw,76px);margin:8px 0 0;line-height:1.1;letter-spacing:.025em}h2{font-size:clamp(30px,4vw,44px);color:#20251f;margin:22px 0 18px}h2:after{content:'';display:block;width:45px;height:3px;background:#c98068;margin-top:10px}p{line-height:1.6}.hero{min-height:480px;display:grid;grid-template-columns:55% 45%;background:radial-gradient(ellipse at 15% 10%,#e0e6d9 0%,transparent 50%),#f9f8f0}.intro{padding:65px 20px 45px;text-align:center;align-self:center}.emblem{border:5px solid #c9856e;border-left-color:#4a5849;border-bottom-color:transparent;border-radius:50%;font-size:115px;width:185px;height:185px;line-height:170px;margin:0 auto;color:#56614f}.name{font-size:clamp(17px,2.5vw,30px);letter-spacing:.32em;text-transform:uppercase;margin:15px 0}.motto{font-size:22px}.room{width:100%;height:100%;min-height:450px;object-fit:cover;border-radius:35% 0 0 35%}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 20px}.photos img{width:100%;height:205px;object-fit:cover;border-radius:48%}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:45px 35px;text-align:center}.benefits article:not(:last-child){border-right:1px solid #dedfd5;padding-right:12px}.benefits h3{font-size:23px;margin:10px 0 5px;color:#242922}.benefits p{font-size:15px;margin:0;color:#60645e}.symbol{font-size:45px;border-radius:50%;background:#e1e7dc;width:82px;height:82px;line-height:82px;margin:auto}.benefits article:nth-child(even) .symbol{background:#f0e1d7}.about{padding:25px 8% 70px;display:grid;grid-template-columns:62% 38%;align-items:center;gap:30px}.about p{font-size:17px;color:#656862}.about img{width:100%;height:370px;object-fit:cover;border-radius:50%}footer{background:#aebba5;padding:45px 5% 32px;text-align:center}.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.contact>div{display:flex;gap:12px;align-items:center;min-width:0}.contact-icon{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:50%;background:#f6e9df;font-size:30px}.contact h3{font-size:22px;margin:0 0 5px;color:#252b24}.contact p{margin:0}.contact a{overflow-wrap:anywhere;color:#30392f;text-decoration:none}.contact a:hover{text-decoration:underline}.booking{display:inline-block;margin-top:32px;background:#c9826c;color:white;text-decoration:none;padding:18px 32px;border-radius:50px;font-size:19px}.small{margin:22px 0 0;font-size:14px}@media(max-width:700px){.hero{grid-template-columns:1fr}.intro{padding:40px 12px}.room{height:270px;min-height:0;border-radius:45% 45% 0 0}.photos{gap:5px;padding:8px}.photos img{height:115px}.benefits{grid-template-columns:repeat(2,1fr);padding:35px 20px;gap:25px}.benefits article{border:0!important;padding:0!important}.about{grid-template-columns:1fr;padding:15px 7% 50px}.about img{height:240px}.contact{grid-template-columns:1fr;gap:24px}.emblem{width:150px;height:150px;line-height:135px;font-size:95px}}
.original-logo{display:block;width:190px;height:190px;object-fit:contain;margin:0 auto 12px;border-radius:50%;}
.contact-icon svg{width:31px;height:31px;stroke:#29352c;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;}
.contact-icon svg path[fill],.contact-icon svg circle[fill]{stroke:none;}
#adresse{color:inherit;text-decoration:none;}#adresse:hover,#adresse:focus{text-decoration:underline;}
@media(max-width:600px){.original-logo{width:145px;height:145px;}}

/* Breit angelegtes, responsives Layout und sanfte Wellen der Originalvorlage */
body{background:#e6eadd}main{width:100%;max-width:none;box-shadow:none;background:#faf9f3}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 48% 70% at 18% 20%,#e5e9dc 0%,transparent 75%),radial-gradient(ellipse 55% 45% at 52% 98%,#dfe5d7 0%,transparent 75%),#faf9f3}
.hero:before{content:"";position:absolute;left:-9%;top:-22%;width:42%;height:55%;background:#dbe2d4;border-radius:45% 55% 60% 40%;opacity:.65;pointer-events:none}
.hero .intro{position:relative;z-index:1}.room{border-radius:42% 0 0 45% / 50% 0 0 45%}
.photos{position:relative;background:linear-gradient(172deg,#e3e9dc 0%,#f9f8f2 50%,#f9f8f2 100%);padding:18px 3% 10px;gap:12px}
.photos img{border-radius:48% 52% 45% 55% / 58% 45% 55% 42%;height:clamp(160px,19vw,330px)}
.benefits{position:relative;background:radial-gradient(ellipse at 0% 100%,#e2e8dc,transparent 43%),#f9f8f2;padding:52px 5%}
.symbol{display:grid;place-items:center}.symbol svg{width:51px;height:51px;fill:none;stroke:#263128;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.about{position:relative;background:radial-gradient(ellipse 50% 45% at 100% 10%,#e5e9df,transparent 85%),radial-gradient(ellipse 50% 30% at 0% 100%,#d9e1d2,transparent 85%),#faf9f3;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);padding:65px 7% 100px}
.about img{border-radius:52% 48% 55% 45% / 43% 55% 45% 57%;height:clamp(280px,32vw,490px)}
footer{position:relative;background:#b8c4b0;border-radius:46% 54% 0 0 / 11% 12% 0 0;padding:65px 6% 45px}
@media(min-width:1450px){.hero{min-height:620px}.intro{padding:90px 30px}.room{min-height:600px}.benefits{padding:70px 8%}.about{padding-left:11%;padding-right:11%}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.room{min-height:0;border-radius:42% 42% 0 0}.photos{gap:5px;padding:10px 2%}.photos img{height:120px}.about{grid-template-columns:1fr;padding:40px 7% 65px}footer{border-radius:45% 55% 0 0 / 4% 4% 0 0}}

/* Logo besser sichtbar, Symbole entsprechend der Originalvorlage */
.original-logo{width:255px;height:255px;margin:0 auto 0;object-fit:contain}
.benefits .symbol svg{width:54px;height:54px;stroke-width:2;fill:none}
@media(max-width:700px){.original-logo{width:185px;height:185px}}

/* Korrektur 23. Oktober: großes Logo, kleiner Abstand, verlässliche Symbolreihenfolge */
.original-logo{width:clamp(290px,27vw,365px);height:clamp(290px,27vw,365px);margin:0 auto -26px;object-fit:contain}
.intro{padding-top:28px;padding-bottom:32px}
.intro h1{margin-top:0}
.benefits .symbol svg{width:57px;height:57px;stroke:#263128;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
[hidden],.booking[hidden]{display:none!important}
@media(max-width:700px){.original-logo{width:245px;height:245px;margin-bottom:-19px}.intro{padding-top:24px}}

/* Feinschliff nach Originalvorlage: botanische Zweige, elegante Typografie, sanfte Wellen */
body{font-family:'Avenir Next',Avenir,'Trebuchet MS',Arial,sans-serif;color:#424b3e}
h1,h2,h3,.motto{font-family:'Baskerville','Iowan Old Style','Palatino Linotype',Georgia,serif}
h1{font-weight:400;letter-spacing:.015em;font-size:clamp(52px,5.6vw,91px)}
.name{font-family:'Avenir Next',Avenir,Arial,sans-serif;letter-spacing:.33em;font-weight:400}
.hero{isolation:isolate;background:radial-gradient(ellipse 55% 85% at 4% 14%,#e4e9dd 0%,transparent 72%),radial-gradient(ellipse 38% 50% at 45% 100%,#e2e7db 0%,transparent 80%),#faf9f3}
.hero:after{content:'';position:absolute;z-index:0;pointer-events:none;left:-32px;top:-60px;width:clamp(170px,20vw,310px);height:clamp(420px,54vw,650px);background:url('bilder/blaetter.svg') left top/contain no-repeat;opacity:.62}
.hero .intro{z-index:1}
.original-logo{width:clamp(305px,27vw,395px);height:clamp(305px,27vw,395px);margin-bottom:-43px}
.intro{padding-top:12px}
.photos{border-radius:50% 50% 0 0 / 4% 4% 0 0}
.benefits{isolation:isolate}
.benefits:before{content:'';position:absolute;z-index:-1;left:-30px;top:12px;width:200px;height:350px;background:url('bilder/blaetter.svg') center/contain no-repeat;opacity:.32}
.benefits .symbol{width:80px;height:80px;line-height:normal;background:#dce3d7}
.benefits article:nth-child(even) .symbol{background:#f0e1d8}
.benefits .symbol svg{width:49px;height:49px;stroke:#283229;stroke-width:1.85}
.about{isolation:isolate}
.about:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-45px;top:12%;width:clamp(180px,24vw,330px);height:620px;background:url('bilder/blaetter.svg') center/contain no-repeat;opacity:.72}
.about:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-90px;bottom:-130px;width:240px;height:480px;background:url('bilder/blaetter.svg') center/contain no-repeat;opacity:.48;transform:scaleX(-1)}
.about>div{position:relative;z-index:1;background:linear-gradient(90deg,rgba(250,249,243,.85),rgba(250,249,243,.48));border-radius:35px;padding:8px 20px}
footer{isolation:isolate;background:radial-gradient(ellipse at 4% 0%,#dce4d5 0%,transparent 60%),#b6c3ae}
footer:after{content:'';position:absolute;z-index:-1;right:-30px;bottom:0;width:175px;height:310px;background:url('bilder/blaetter.svg') center/contain no-repeat;opacity:.42;transform:scaleX(-1)}
.contact-icon svg{width:32px;height:32px}
@media(max-width:700px){.original-logo{width:275px;height:275px;margin-bottom:-28px}.hero:after{width:160px;opacity:.25}.about:before{opacity:.18}.about>div{padding:0;background:transparent}.benefits:before{opacity:.15}.name{letter-spacing:.2em}h1{font-size:clamp(43px,10vw,60px)}}

/* Buchungsknopf bleibt sichtbar, bis Mobminder bereit ist */
.booking[aria-disabled='true']{display:inline-flex;opacity:.78;cursor:not-allowed;pointer-events:none}

/* Oktober: ruhigere Proportionen und verlässlicher Terminbutton */
html{overflow-x:hidden}body{overflow-x:hidden}
.hero{min-height:0;grid-template-columns:minmax(0,54%) minmax(0,46%)}
.intro{padding:20px 16px 32px}
.original-logo{display:block;width:clamp(220px,23vw,320px);height:clamp(220px,23vw,320px);margin:0 auto -14px;object-fit:contain}
h1{font-size:clamp(42px,5.1vw,76px);line-height:1.07;margin:0}
.name{font-size:clamp(16px,2vw,27px);letter-spacing:.25em;margin:14px 0}
.motto{font-size:clamp(17px,1.8vw,22px)}
.room{min-height:460px;max-height:660px}
.about{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,4vw,55px)}
.about>div{min-width:0}.about img{min-width:0}
.contact{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.contact>div{min-width:0}.contact h3{font-size:clamp(19px,1.7vw,24px)}
.contact a{font-size:clamp(13px,1.15vw,17px);overflow-wrap:anywhere}
.contact-icon{width:clamp(54px,5vw,70px);height:clamp(54px,5vw,70px)}
.booking-wrap{display:flex;justify-content:center;margin-top:26px}
.booking,.booking[aria-disabled='true']{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;max-width:100%;margin:0;background:#c9826c;color:#fff;opacity:1;cursor:default;pointer-events:auto;padding:16px 25px;border-radius:999px;font-family:'Avenir Next',Avenir,Arial,sans-serif;font-size:clamp(15px,1.5vw,19px);white-space:normal}
.booking svg{width:25px;height:25px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.small{margin:13px 0 0}
@media(max-width:700px){.hero{grid-template-columns:1fr}.intro{padding:26px 12px 25px}.original-logo{width:clamp(210px,62vw,275px);height:clamp(210px,62vw,275px);margin-bottom:-10px}.room{min-height:0;max-height:none}.about{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact a{font-size:16px}.booking{font-size:16px}}

/* Präzise Botanikelemente: Originalproportionen, keine Verzerrung */
.hero:after,.benefits:before,.about:before,.about:after,footer:after{
 background-image:url("bilder/blaetter.svg?v=20261023-9");
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 transform:none;
}
.hero:after{left:-48px;top:-35px;width:clamp(130px,13vw,215px);height:430px;opacity:.54}
.benefits:before{left:-85px;top:8px;width:155px;height:340px;opacity:.22}
.about:before{left:-55px;top:10%;width:clamp(140px,16vw,230px);height:520px;opacity:.48}
.about:after{right:-80px;bottom:-80px;width:165px;height:390px;opacity:.35;transform:scaleX(-1)}
footer:after{right:-70px;bottom:0;width:155px;height:350px;opacity:.35;transform:scaleX(-1)}
.benefits .symbol svg{width:49px;height:49px;aspect-ratio:1/1;flex:none;stroke-width:1.8}
@media(max-width:700px){
.hero:after{width:110px;height:300px;left:-55px;opacity:.25}
.benefits:before{opacity:.12}
.about:before{opacity:.22}
.about:after,footer:after{opacity:.16}
}

/* Bewusst ruhige Variante: keine botanischen Liniengrafiken */
.hero::after,.benefits::before,.about::before,.about::after,footer::after{content:none!important;display:none!important;background:none!important}
.benefits .symbol{width:72px;height:72px}
.benefits .symbol svg{width:38px;height:38px;stroke-width:1.8;fill:none}