:root{--mh-site-width:1200px;--mh-vw:min(1vw,12px)}
/* Messgrundlage: 261006 HSF, 5000 px; Küstenmühle v2, 3867 px.
   Farbflächen sind Kompositfarben aus dem Styleguide auf weißem Grund. */
:root{--brown:#857369;--brown-dark:#725e52;--kuemu-brown:#725e52;--green:#9cb592;--light:#eeebe5;--blue:#00527b;--ink:#432818;--body:'MH Frutiger',Arial,sans-serif;--display:'MH Season',Georgia,serif;--header-h:clamp(120px,calc(11.5 * var(--mh-vw)),190px);--gutter:calc(4.3 * var(--mh-vw));--base-size:clamp(17px,calc(1.34 * var(--mh-vw)),24px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{margin:0;background:var(--brown);color:#fff;font-family:var(--body);font-size:var(--base-size);line-height:1.24}body.brand-kuemu{background:var(--kuemu-brown);--body:"MH Frutiger Regular",Arial,sans-serif;--display:var(--body);--header-h:calc(9.2 * var(--mh-vw));--base-size:clamp(17px,calc(1.42 * var(--mh-vw)),24px)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.17em}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,textarea{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #432818}button{border-radius:0}h1,h2,h3,p,figure,ul{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.04}h1{font-size:clamp(46px,calc(5.7 * var(--mh-vw)),100px);letter-spacing:-.04em}h2{font-size:clamp(32px,calc(3.6 * var(--mh-vw)),65px);letter-spacing:-.035em}h3{font-size:clamp(26px,calc(2.3 * var(--mh-vw)),40px)}p+p{margin-top:1.05em}address{font-style:normal}ul{padding-left:1.2em}main{min-height:45vh}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;padding:16px;background:#fff;color:#432818;z-index:1000}.skip-link:focus{top:15px}.site-header{height:var(--header-h);position:sticky;top:0;z-index:50;background:var(--brown);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(1.65 * var(--mh-vw))}.brand-logo{display:block;width:calc(8.5 * var(--mh-vw));min-width:86px;max-width:150px;aspect-ratio:1;text-decoration:none;z-index:2}.brand-logo img{width:100%;height:100%;object-fit:contain}.menu-toggle{border:0;background:none;position:absolute;left:calc(1.1 * var(--mh-vw));top:calc(2.4 * var(--mh-vw));width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:7px;z-index:5}.menu-toggle span{display:block;width:100%;height:2px;background:#fff;transition:transform .15s}.menu-is-open .menu-toggle{flex-direction:row;align-items:center;gap:8px}.menu-is-open .menu-toggle span{height:100%;width:2px}.booking-button{position:absolute;right:calc(1.5 * var(--mh-vw));top:calc(3.1 * var(--mh-vw));min-width:20%;border:1.5px solid #fff;background:transparent;text-align:center;text-decoration:none;padding:2px 1em;font-weight:500;font-size:clamp(17px,calc(2 * var(--mh-vw)),30px);line-height:1.25}.menu-is-open .booking-button{background:#fff;color:var(--brown-dark)}.menu-layer{display:none}.js .menu-is-open .menu-layer{display:block}.brand-hsf .menu-layer{position:fixed;inset:var(--header-h) 0 0;background:transparent;overflow:auto;padding-bottom:12vh}.menu-layer nav{background:var(--brown-dark);padding:calc(1.2 * var(--mh-vw)) calc(8 * var(--mh-vw)) calc(5 * var(--mh-vw));border-bottom:1px solid #fff}.menu-is-open .site-header{background:var(--brown-dark)}.primary-menu{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(3.2 * var(--mh-vw)) calc(4 * var(--mh-vw))}.primary-menu>li>a{font-size:clamp(22px,calc(2.3 * var(--mh-vw)),36px);font-weight:700;text-decoration:none}.primary-menu>li>button{font-size:inherit}.primary-menu ul{list-style:none;padding:0;margin-top:1.2em}.primary-menu ul li+li{margin-top:.65em}.primary-menu ul a{font-weight:300;text-decoration:none}.primary-menu .menu-item-has-children{grid-row:span 2}.primary-menu a[aria-current=page]{text-decoration:underline}.brand-hsf .primary-menu>li:nth-child(2){grid-column:2}.brand-hsf .primary-menu>li:nth-child(3){grid-column:3}.brand-hsf .primary-menu>li:nth-child(4){grid-column:4}.brand-hsf .primary-menu>li:nth-child(n+5){grid-row:3}.brand-hsf .primary-menu>li:nth-child(5){grid-column:2}.brand-hsf .primary-menu>li:nth-child(6){grid-column:3}.brand-hsf .primary-menu>li:nth-child(7){grid-column:4}.menu-is-open{overflow:hidden}.brand-hsf:not(.js-ready) .site-header{}html:not(.js) .brand-hsf .site-header{height:auto;min-height:var(--header-h);flex-wrap:wrap}html:not(.js) .brand-hsf .menu-layer{display:block;position:static;width:100%;padding:0}html:not(.js) .menu-toggle{display:none}
/* HSF: Einleitungsraster und wiederverwendbare Zimmergalerien */
.split-section{display:grid;grid-template-columns:45.8% 54.2%;padding:calc(2.5 * var(--mh-vw)) 0 calc(1.5 * var(--mh-vw));gap:0;min-width:0}.split-copy{padding:0 calc(3.1 * var(--mh-vw)) calc(2 * var(--mh-vw)) var(--gutter);min-width:0}.split-copy h1,.split-copy h2{margin-bottom:calc(8.5 * var(--mh-vw));overflow-wrap:break-word}.split-copy h1{font-size:clamp(44px,calc(5.75 * var(--mh-vw)),100px)}.split-copy:has(.back-link) h1{margin-bottom:calc(9.5 * var(--mh-vw))}.back-link{font-size:.9em;letter-spacing:.07em;text-transform:uppercase;line-height:1.5}.back-link a{text-decoration:none}.split-body{font-weight:300}.split-body strong{font-weight:700}.split-facts{margin-top:calc(5.2 * var(--mh-vw))}.split-facts p+p{margin-top:.55em}.text-center .split-body,.text-center .split-facts,.text-center .split-action{text-align:center}.split-action{margin-top:calc(5 * var(--mh-vw))}.action-link{display:inline-block;text-decoration:none;background:var(--green);color:var(--ink);padding:.35em 1.2em;font-weight:700;font-size:1.4em;border:none}.split-media{min-width:0;align-self:start}.split-media .gallery,.split-media .image-link{border-radius:calc(2 * var(--mh-vw)) 0 0 calc(2 * var(--mh-vw));overflow:hidden;display:block}.split-media .gallery-track{aspect-ratio:1.13}.split-media .image-link img{width:100%;aspect-ratio:1.13;object-fit:cover}.gallery{position:relative;min-width:0}.gallery-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;position:relative}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-single>.gallery-track{aspect-ratio:2.5}.split-media .gallery-single>.gallery-track{aspect-ratio:1.13}.gallery-controls{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between}.gallery-controls button{pointer-events:auto;border:0;color:#fff;background:#432818a6;min-width:48px;min-height:56px;font-size:50px;line-height:1;padding:0 .12em}.gallery-controls button:disabled{opacity:.15;pointer-events:none}.pattern{background:#fff url('../media/hsf-pattern.webp') center center/100% auto repeat-y;color:#fff}.pattern-band{height:calc(18 * var(--mh-vw));max-height:330px}.floorplan-section{padding:calc(5 * var(--mh-vw)) 0 calc(6 * var(--mh-vw))}.floorplan-section figure{max-width:56%;margin:auto}.floorplan-section img{width:100%;height:auto;background:#fff;object-fit:contain;image-rendering:auto}.floorplan-section figcaption{background:#fff;color:var(--ink);padding:12px;font-size:.85em}.cards-section{padding:calc(4.2 * var(--mh-vw)) var(--gutter) calc(5 * var(--mh-vw))}.cards-grid{display:grid;gap:calc(4 * var(--mh-vw)) calc(6.5 * var(--mh-vw))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1 * var(--mh-vw))}.image-card{min-width:0;padding-bottom:calc(2.5 * var(--mh-vw))}.image-card>a,.image-card>button{display:block;width:100%;text-decoration:none;background:none;border:0;padding:0;text-align:inherit;position:relative}.image-card img{width:100%;aspect-ratio:1.46;object-fit:cover;border-radius:calc(2 * var(--mh-vw))}.card-label{position:relative;background:var(--brown-dark);border-radius:calc(2 * var(--mh-vw));text-align:center;padding:calc(1.1 * var(--mh-vw)) calc(.7 * var(--mh-vw));margin:calc(-4.5 * var(--mh-vw)) calc(3 * var(--mh-vw)) calc(-2.5 * var(--mh-vw));min-height:calc(6.3 * var(--mh-vw))}.card-label h2{font-size:clamp(26px,calc(3.75 * var(--mh-vw)),70px);letter-spacing:-.04em}.card-label p{margin-top:.4em}.card-label p+p{margin-top:.5em}.section-title{text-align:center;margin-bottom:calc(4 * var(--mh-vw))}.text-section{padding:calc(3 * var(--mh-vw)) calc(9 * var(--mh-vw)) calc(5 * var(--mh-vw))}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:calc(5 * var(--mh-vw))}.text-columns p+p{margin-top:1em}.text-columns h1{font-size:clamp(32px,calc(3.1 * var(--mh-vw)),55px);letter-spacing:0}.text-columns h2{font-size:clamp(28px,calc(2.7 * var(--mh-vw)),46px);margin-bottom:1em}.text-columns h3{font-size:1.3em;margin-bottom:1em}.text-columns ul{list-style:none;padding:0}.text-columns li+li{margin-top:.65em}.tone-dark{background:var(--brown-dark)}.tone-light{background:var(--light);color:#111}.section-links{display:flex;justify-content:center;gap:calc(6 * var(--mh-vw));margin-top:calc(4 * var(--mh-vw));flex-wrap:wrap}.text-link{display:flex;justify-content:space-between;gap:1em;min-width:0;width:100%;border:0;border-bottom:1px solid currentColor;background:none;text-decoration:none;font-weight:300;padding:.5em 0;text-align:left}.text-link::after{content:'↘';margin-left:auto}.section-links .text-link{width:auto;min-width:20%}.download-section{padding:calc(4 * var(--mh-vw)) 0}.download-box{background:var(--brown);width:60%;margin:auto;text-align:center;padding:calc(2.5 * var(--mh-vw))}.download-box .section-links{margin-top:calc(3 * var(--mh-vw));gap:calc(3 * var(--mh-vw))}.download-link{background:none;border:0;text-decoration:none}.download-link::before{content:'⇩ ';font-size:1.3em}.event-contact{background:var(--light);color:#111;padding:calc(2.3 * var(--mh-vw)) calc(14.5 * var(--mh-vw)) calc(5 * var(--mh-vw))}.event-contact h2{text-align:center;margin-bottom:calc(3 * var(--mh-vw))}.event-contact>div{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(5 * var(--mh-vw))}.event-contact address{align-self:start}.event-contact a{text-decoration:none}.footer-columns{background:var(--brown-dark);display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:calc(5 * var(--mh-vw));padding:calc(5.2 * var(--mh-vw)) var(--gutter) calc(6 * var(--mh-vw));font-size:clamp(14px,calc(1.1 * var(--mh-vw)),19px);min-height:calc(29 * var(--mh-vw))}.footer-columns h2{font-family:var(--body);font-size:1.55em;letter-spacing:0;line-height:1.2;margin-bottom:.65em}.footer-columns small{display:block;text-align:center;margin-bottom:.8em}.footer-columns>section:nth-child(1)>img{width:calc(15 * var(--mh-vw));margin-bottom:.8em}.footer-columns>section:nth-child(2)>img{width:calc(10 * var(--mh-vw));max-height:calc(13 * var(--mh-vw));object-fit:contain;object-position:left;margin-bottom:.8em}.footer-columns>section:nth-child(2)>img+img{width:calc(6 * var(--mh-vw));max-height:calc(8 * var(--mh-vw))}.footer-columns address+p{margin-top:1.2em}.footer-columns a{text-decoration:none;overflow-wrap:anywhere}.social-links{display:flex;gap:.7em;min-height:1em}.social-links a{display:block}.social-links img{width:calc(3.7 * var(--mh-vw));max-width:64px;min-width:30px;height:auto;aspect-ratio:1;object-fit:contain}.footer-columns .social-links+p{margin-top:.5em}.legal-bar{background:#000;padding:calc(1.4 * var(--mh-vw))}.footer-menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:calc(2 * var(--mh-vw));padding:0;font-size:clamp(13px,calc(.88 * var(--mh-vw)),16px)}.footer-menu a{text-decoration:none}.editor-content{padding:calc(4 * var(--mh-vw)) calc(8 * var(--mh-vw));max-width:1100px;min-height:60vh}.editor-content h1{margin-bottom:.7em}.editor-content>*+*{margin-top:1em}
/* Küstenmühle: zentriertes Logo, waagerechte Navigation, breite Titelbilder */
.brand-kuemu h1,.brand-kuemu h2,.brand-kuemu h3{letter-spacing:0;font-weight:500}.brand-kuemu .site-header{height:var(--header-h);min-height:100px;background:linear-gradient(to bottom,#fff 0%,#fff 58%,var(--kuemu-brown) 58%,var(--kuemu-brown) 100%);padding:0;align-items:center}.brand-kuemu .brand-logo{position:absolute;top:calc(.3 * var(--mh-vw));left:50%;transform:translateX(-50%);width:calc(19 * var(--mh-vw));max-width:none;aspect-ratio:1.65;z-index:3}.logo-placeholder{background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(2.2 * var(--mh-vw));font-family:Georgia,serif;line-height:1.1}.logo-placeholder span{font-family:var(--body);font-size:.48em;letter-spacing:.4em;margin-top:.4em}.brand-kuemu .menu-toggle{display:none}.brand-kuemu .menu-layer{display:block;width:100%;align-self:flex-end}.brand-kuemu .menu-layer nav{background:none;border:0;padding:0 calc(1.8 * var(--mh-vw));height:calc(3.8 * var(--mh-vw));min-height:42px;display:flex;align-items:center}.brand-kuemu .primary-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) calc(20 * var(--mh-vw)) repeat(3,minmax(0,1fr));align-items:center;gap:calc(1.5 * var(--mh-vw));width:100%}.brand-kuemu .primary-menu>li{white-space:nowrap;text-align:center}.brand-kuemu .primary-menu>li:nth-child(4){grid-column:5}.brand-kuemu .primary-menu>li>a{font-size:clamp(12px,calc(1.35 * var(--mh-vw)),23px);font-weight:400;text-transform:uppercase}.wide-hero{position:relative;width:100%;aspect-ratio:2.8;overflow:hidden}.wide-hero>img{width:100%;height:100%;object-fit:cover;object-position:center var(--image-position,center)}.wide-hero:has(.hero-copy){aspect-ratio:1.9}.hero-copy{position:absolute;left:calc(2.7 * var(--mh-vw));top:calc(5.5 * var(--mh-vw));color:var(--blue);max-width:90%}.hero-copy h1{font-family:var(--body);font-size:clamp(28px,calc(3.1 * var(--mh-vw)),60px);font-weight:700;letter-spacing:0}.hero-copy p{font-size:clamp(18px,calc(1.7 * var(--mh-vw)),30px)}.brand-kuemu .cards-section{padding:calc(2 * var(--mh-vw)) calc(4 * var(--mh-vw)) calc(4 * var(--mh-vw))}.brand-kuemu .section-title{font-size:clamp(30px,calc(2.7 * var(--mh-vw)),50px);margin-bottom:calc(2.5 * var(--mh-vw))}.brand-kuemu .image-card{padding-bottom:0}.brand-kuemu .image-card img{border-radius:0;aspect-ratio:1.36}.brand-kuemu .card-label{background:#fff;color:var(--brown-dark);border-radius:0;margin:calc(-2 * var(--mh-vw)) calc(1.6 * var(--mh-vw)) 0;padding:calc(.7 * var(--mh-vw)) calc(.3 * var(--mh-vw));min-height:0}.brand-kuemu .card-label h2{font-size:clamp(20px,calc(1.8 * var(--mh-vw)),34px);font-weight:400;letter-spacing:0}.brand-kuemu .card-label p{font-size:.8em}.brand-kuemu .text-section{padding:calc(4 * var(--mh-vw)) calc(2 * var(--mh-vw))}.brand-kuemu .text-columns{grid-template-columns:36% minmax(0,1fr);gap:calc(3 * var(--mh-vw))}.brand-kuemu .text-columns h1{font-size:clamp(31px,calc(3 * var(--mh-vw)),54px);font-weight:500}.brand-kuemu .text-columns h2{font-size:clamp(28px,calc(3 * var(--mh-vw)),50px);margin-bottom:.15em}.brand-kuemu .text-columns p{line-height:1.28}.brand-kuemu .text-columns ul li+li{margin-top:0}.brand-kuemu .section-links{justify-content:flex-start;margin:calc(1 * var(--mh-vw)) 0 0 39%}.brand-kuemu .section-links .text-link{width:50%;background:#fff;color:var(--brown-dark);padding:.25em .4em;border:none}.hof-section{padding:calc(3 * var(--mh-vw)) calc(6 * var(--mh-vw)) calc(4 * var(--mh-vw));display:grid;grid-template-columns:27% 34% 27%;grid-template-rows:auto auto;gap:calc(3 * var(--mh-vw))}.hof-hours{padding:calc(3 * var(--mh-vw)) calc(2 * var(--mh-vw)) 0}.hof-links{align-self:center}.hof-image-top img,.hof-image-bottom img{width:100%;aspect-ratio:.8;object-fit:cover}.hof-image-bottom{grid-column:1;grid-row:2;margin-top:calc(-7 * var(--mh-vw))}.hof-copy{grid-column:2/4;align-self:center}.hof-copy p+p{margin-top:.8em}.brand-kuemu .gallery-strip{margin:0 calc(2 * var(--mh-vw)) calc(3 * var(--mh-vw));padding:0 calc(3.5 * var(--mh-vw))}.gallery-strip .gallery-track{gap:calc(1.1 * var(--mh-vw));aspect-ratio:auto;scroll-snap-type:x mandatory}.gallery-strip .gallery-slide{flex-basis:calc((100% - calc(4.4 * var(--mh-vw)))/5);aspect-ratio:1.45}.gallery-strip .gallery-controls button{background:none;color:#fff9}.brand-kuemu .kuemu-footer{border-top:1px solid #ffffff90;padding:calc(1 * var(--mh-vw)) calc(2 * var(--mh-vw)) calc(.7 * var(--mh-vw));display:grid;grid-template-columns:18% 1fr auto;align-items:center;gap:0 calc(3 * var(--mh-vw));font-size:clamp(12px,calc(1 * var(--mh-vw)),18px)}.partner-marks{display:flex;align-items:center;gap:calc(1 * var(--mh-vw))}.partner-marks>img{width:calc(7 * var(--mh-vw));max-height:calc(4 * var(--mh-vw));object-fit:contain}.partner-marks>img+img{width:calc(4 * var(--mh-vw))}.kuemu-footer small{grid-column:2;text-align:center;font-size:.6em;margin-top:1em}.kuemu-footer .social-links{grid-column:3;grid-row:1/3}.kuemu-footer .social-links img{width:calc(2.3 * var(--mh-vw))}.restaurant-section{display:grid;grid-template-columns:32% 1fr;padding:calc(6 * var(--mh-vw)) calc(5.5 * var(--mh-vw)) calc(8 * var(--mh-vw));gap:calc(4 * var(--mh-vw))}.restaurant-locations{display:grid;grid-template-columns:1fr 1fr;gap:calc(2 * var(--mh-vw)) calc(4 * var(--mh-vw));font-size:.85em;text-align:center}.restaurant-locations h2{font-family:var(--body);font-size:1.1em;font-weight:700}.restaurant-locations p+p{margin-top:0}.restaurant-locations .text-link{margin:calc(1 * var(--mh-vw)) 0;text-align:left;font-size:1.2em}.restaurant-locations section:nth-child(2){grid-column:2;grid-row:1/3}.restaurant-locations section:nth-child(n+3){grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:0 calc(4 * var(--mh-vw))}.restaurant-locations section:nth-child(n+3) h2{grid-column:1}.restaurant-locations section:nth-child(n+3) p{grid-column:1}.restaurant-locations section:nth-child(n+3) .text-link{grid-column:2;grid-row:1/5;align-self:center}
/* Formulare: sichtbare Eingaben, programmatische Labels, Validierung ohne JS möglich */
.contact-section{padding:calc(4 * var(--mh-vw)) calc(8 * var(--mh-vw)) calc(5 * var(--mh-vw));scroll-margin-top:var(--header-h)}.contact-intro h2{text-align:center;margin-bottom:calc(3 * var(--mh-vw))}.contact-intro>div:empty{display:none}.contact-form{max-width:1000px;margin:0 auto}.contact-form fieldset{padding:0;border:0;margin:0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(2 * var(--mh-vw))}.form-fields{display:flex;flex-direction:column;gap:calc(1.4 * var(--mh-vw))}.contact-form label{display:block}.contact-form input:not([type=checkbox]),.contact-form textarea{border:1px solid #fff;background:#fff;color:#432818;padding:.5em .6em;width:100%;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b625d;opacity:1}.contact-form input{min-height:44px}.contact-form textarea{min-height:100%;resize:vertical}.form-message>label:first-child{height:72%;min-height:180px}.contact-form .privacy-notice,.required-note,.privacy-check{font-size:.8em;margin-top:.65em}.contact-form .privacy-check{display:flex;align-items:flex-start;gap:.5em}.privacy-check input{width:20px;min-width:20px;min-height:20px;margin:0;accent-color:#432818}.submit-button{border:0;display:flex;justify-content:space-between;background:#fff;color:#432818;min-height:44px;padding:.3em .6em;margin-top:.5em;min-width:75%}.form-status,.form-errors,.form-result,.form-success{background:#fff;color:#432818;padding:1em;margin:1em 0;border-left:4px solid #432818}.form-errors p+p{margin-top:.5em}.form-errors[hidden],.form-success[hidden]{display:none}.honeypot{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.contact-form fieldset:disabled{opacity:.65}.brand-kuemu .contact-section{padding:calc(3 * var(--mh-vw)) calc(2 * var(--mh-vw)) calc(5 * var(--mh-vw))}.brand-kuemu .contact-intro{display:grid;grid-template-columns:36% 1fr;gap:calc(4 * var(--mh-vw));margin-bottom:calc(5 * var(--mh-vw))}.brand-kuemu .contact-intro h1{font-size:clamp(30px,calc(3 * var(--mh-vw)),54px);line-height:1.17}.brand-kuemu .contact-form{max-width:none}.brand-kuemu .form-grid{grid-template-columns:36% 1fr;gap:calc(4 * var(--mh-vw))}.brand-kuemu .form-fields{gap:calc(2.6 * var(--mh-vw))}.brand-kuemu .form-message>label:first-child{height:76%}.brand-kuemu .submit-button{min-width:50%;width:auto}.placeholder-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:#fff;color:#432818;padding:1em;box-shadow:0 3px 24px #0005;max-width:calc(100% - 30px);min-width:min(360px,calc(90 * var(--mh-vw)))}[hidden]{display:none!important}
@media(max-width:1000px){.brand-kuemu{--header-h:110px!important}.brand-kuemu .site-header{background:linear-gradient(#fff 0 58%,var(--kuemu-brown) 58% 100%);min-height:110px}.brand-kuemu .brand-logo{width:185px;top:0}.logo-placeholder{font-size:24px}.brand-kuemu .menu-toggle{display:flex;top:65px;left:15px;height:42px}.brand-kuemu .menu-layer{display:none;position:fixed;inset:110px 0 0;overflow:auto;background:transparent;padding-bottom:10vh}.brand-kuemu .menu-layer nav{height:auto;min-height:0;background:var(--kuemu-brown);padding:30px;border-bottom:1px solid #fff}.brand-kuemu .primary-menu{grid-template-columns:1fr 1fr;gap:28px}.brand-kuemu .primary-menu>li{text-align:left;white-space:normal}.brand-kuemu .primary-menu>li:nth-child(4){grid-column:auto}.brand-kuemu .primary-menu>li>a{font-size:20px}.brand-kuemu.menu-is-open .menu-layer{display:block}html:not(.js) .brand-kuemu .site-header{height:auto;flex-direction:column;padding-top:120px}html:not(.js) .brand-kuemu .menu-layer{display:block;position:static}html:not(.js) .brand-kuemu .brand-logo{top:0}.primary-menu{gap:30px}.primary-menu>li>a{font-size:23px}.footer-columns{gap:calc(3 * var(--mh-vw))}.gallery-strip .gallery-slide{flex-basis:calc((100% - calc(2.2 * var(--mh-vw)))/3)}.restaurant-locations{font-size:1em}}
@media(max-width:760px){:root{--header-h:106px;--gutter:22px;--base-size:18px}body.brand-kuemu{--base-size:18px}.site-header{height:106px;padding-top:12px}.brand-logo{width:76px;min-width:76px}.menu-toggle{top:20px;left:9px}.booking-button{top:31px;right:12px;min-width:0;max-width:30%;font-size:15px;padding:4px 8px}.menu-layer nav{padding:28px 25px 40px}.primary-menu{grid-template-columns:1fr 1fr;gap:28px}.brand-hsf .primary-menu>li:nth-child(n){grid-column:auto;grid-row:auto}.primary-menu .menu-item-has-children{grid-row:span 2!important}.primary-menu>li>a{font-size:22px}.primary-menu ul{font-size:17px}.split-section{grid-template-columns:1fr;padding:24px 0 0}.split-copy{padding:0 22px 30px}.split-copy h1,.split-copy h2,.split-copy:has(.back-link) h1{font-size:46px;margin-bottom:30px;letter-spacing:-.035em}.split-body{max-width:65ch}.split-facts{margin-top:28px}.split-action{margin-top:28px}.split-media{padding-left:22px}.split-media .gallery,.split-media .image-link{border-radius:18px 0 0 18px}.split-media .gallery-single>.gallery-track,.split-media .image-link img{aspect-ratio:1.2}.cards-section{padding:30px 22px 45px}.cards-grid{gap:40px}.cols-2,.cols-3{grid-template-columns:1fr}.image-card img{border-radius:18px;aspect-ratio:1.45}.image-card{padding-bottom:16px}.card-label{border-radius:18px;margin:-35px 20px -15px;padding:15px 10px;min-height:80px}.card-label h2{font-size:36px}.card-label p{font-size:17px}.pattern{background-size:auto 560px}.pattern-band{height:110px}.floorplan-section{padding:30px 20px}.floorplan-section figure{max-width:100%;width:100%}.text-section{padding:35px 22px}.text-columns{grid-template-columns:1fr;gap:30px}.text-columns h1{font-size:34px}.section-title{margin-bottom:30px}.section-links{gap:20px;margin-top:25px}.section-links .text-link{width:100%;min-height:44px}.download-section{padding:35px 22px}.download-box{width:100%;padding:25px 15px}.download-box h2{font-size:34px}.download-box .section-links{flex-direction:column;gap:12px;margin-top:25px}.download-link{padding:8px}.event-contact{padding:30px 22px 40px}.event-contact h2{font-size:40px;margin-bottom:25px}.event-contact>div{grid-template-columns:1fr;gap:20px}.footer-columns{grid-template-columns:1fr 1fr;padding:35px 22px;gap:35px 22px;font-size:14px}.footer-columns h2{font-size:20px}.footer-columns>section:nth-child(1)>img{width:140px}.footer-columns>section:nth-child(2)>img{width:100px;max-height:140px}.footer-columns>section:nth-child(2)>img+img{width:65px;max-height:80px}.footer-columns small{text-align:left}.social-links img{width:36px}.legal-bar{padding:18px}.footer-menu{gap:12px 18px;font-size:13px}.wide-hero{aspect-ratio:1.8}.wide-hero:has(.hero-copy){aspect-ratio:1.15}.hero-copy{top:24px;left:20px;right:20px;max-width:100%;background:#ffffffda;padding:12px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:18px;margin-top:6px}.brand-kuemu .text-section{padding:30px 22px}.brand-kuemu .text-columns{grid-template-columns:1fr;gap:25px}.brand-kuemu .text-columns h1{font-size:34px}.brand-kuemu .section-links{margin:20px 0 0}.brand-kuemu .section-links .text-link{width:100%}.hof-section{padding:30px 22px;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:25px}.hof-hours{padding:0;grid-column:1/3}.hof-links{grid-column:1/3}.hof-image-top{grid-column:2;grid-row:3}.hof-image-bottom{grid-column:1;grid-row:3;margin:0}.hof-copy{grid-column:1/3;grid-row:4}.hof-image-top img,.hof-image-bottom img{aspect-ratio:.8}.brand-kuemu .cards-section{padding:25px 22px 35px}.brand-kuemu .section-title{margin-bottom:25px}.brand-kuemu .cards-grid{gap:30px}.brand-kuemu .card-label{margin:-22px 15px 0;padding:12px}.brand-kuemu .card-label h2{font-size:24px}.brand-kuemu .gallery-strip{margin:0 8px 25px;padding:0 32px}.gallery-strip .gallery-track{gap:12px}.gallery-strip .gallery-slide{flex-basis:80%;aspect-ratio:1.45}.gallery-strip .gallery-controls button{min-width:30px;font-size:45px}.brand-kuemu .kuemu-footer{grid-template-columns:1fr auto;padding:20px;gap:20px}.partner-marks{gap:15px}.partner-marks>img{width:85px;max-height:45px}.partner-marks>img+img{width:45px}.kuemu-footer .footer-menu{grid-column:1/3;grid-row:2}.kuemu-footer .social-links{grid-column:2;grid-row:1}.kuemu-footer .social-links img{width:30px}.kuemu-footer small{grid-column:1/3;grid-row:3;font-size:12px;margin:0}.restaurant-section{grid-template-columns:1fr;padding:35px 22px;gap:30px}.restaurant-locations{grid-template-columns:1fr;gap:30px}.restaurant-locations section:nth-child(n){grid-column:auto;grid-row:auto;display:block}.restaurant-locations .text-link{margin-top:15px}.contact-section,.brand-kuemu .contact-section{padding:30px 22px 40px}.contact-intro h2{font-size:34px}.form-grid,.brand-kuemu .form-grid{grid-template-columns:1fr;gap:20px}.form-fields,.brand-kuemu .form-fields{gap:16px}.contact-form .form-message>label:first-child,.brand-kuemu .form-message>label:first-child{height:auto}.contact-form textarea{min-height:190px}.brand-kuemu .contact-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.brand-kuemu .contact-intro h1{font-size:32px}.submit-button,.brand-kuemu .submit-button{width:100%;min-width:0;margin-top:15px}.contact-form input{min-height:48px}.editor-content{padding:30px 22px}.gallery-single>.gallery-track{aspect-ratio:1.4}}
@media(max-width:360px){.booking-button{font-size:13px;max-width:31%;padding:5px}.brand-logo{width:68px;min-width:68px}.primary-menu{grid-template-columns:1fr}.primary-menu .menu-item-has-children{grid-row:auto!important}.footer-columns{grid-template-columns:1fr}.brand-kuemu .primary-menu{grid-template-columns:1fr}.split-copy h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.gallery-controls,.skip-link,.placeholder-message{display:none!important}body{background:#fff!important;color:#111!important}.split-section,.text-columns{display:block}.split-copy{padding:20px}.split-copy h1{margin-bottom:20px}.pattern{background:#fff}.card-label{color:#111;background:#fff}.gallery-track{overflow:visible}.gallery-slide:not(:first-child){display:none}}

.primary-menu button{background:none;border:0;text-align:left;padding:0;color:inherit;font-family:inherit}.primary-menu>li>button{font-size:clamp(22px,calc(2.3 * var(--mh-vw)),36px);font-weight:700}.brand-kuemu .primary-menu>li>button{font-size:clamp(12px,calc(1.35 * var(--mh-vw)),23px);font-weight:400;text-transform:uppercase}.footer-menu button{border:0;background:none;padding:0;font:inherit}@media(max-width:1000px){.brand-kuemu .primary-menu>li>button{font-size:20px}}

.social-links button{border:0;background:transparent;padding:0}.brand-hsf .split-copy:has(.back-link) h1{margin-bottom:calc(4 * var(--mh-vw))}.brand-hsf .split-copy:has(.back-link) .split-body{margin-top:calc(2 * var(--mh-vw))}.brand-hsf .split-copy:has(.back-link) .split-facts{margin-top:calc(4.5 * var(--mh-vw))}@media(max-width:760px){.brand-hsf .split-copy:has(.back-link) h1{margin-bottom:28px}.brand-hsf .split-copy:has(.back-link) .split-facts{margin-top:28px}}

.split-section.heading-medium .split-copy h1{font-size:clamp(36px,calc(4.5 * var(--mh-vw)),78px);margin-bottom:calc(5 * var(--mh-vw))}.split-section.heading-small .split-copy h1{font-size:clamp(32px,calc(3.9 * var(--mh-vw)),68px);margin-bottom:calc(3 * var(--mh-vw))}@media(max-width:760px){.split-section.heading-medium .split-copy h1,.split-section.heading-small .split-copy h1{font-size:38px;margin-bottom:28px}}

.brand-logo .default-logo{display:block;width:100%;height:100%}.brand-logo .menu-logo{display:none;width:100%;height:100%}.menu-is-open .brand-logo:has(.menu-logo) .default-logo{display:none}.menu-is-open .brand-logo .menu-logo{display:block}

/* 0.1.4: Abgleich mit den Live-Seiten und den gelieferten Desktop-Screens. */
.gallery-controls button{background:transparent;color:rgba(255,255,255,.78);text-shadow:0 1px 5px rgba(0,0,0,.55)}
@media(min-width:1001px){
 .brand-hsf .menu-layer nav{padding-left:calc(14.3 * var(--mh-vw));padding-right:calc(8 * var(--mh-vw))}
 .brand-hsf .primary-menu{grid-template-columns:20% 20% 32% 28%;column-gap:0}
}
@media(min-width:761px){
 .brand-hsf .split-section.heading-large .split-copy:has(.back-link) h1{margin-bottom:calc(9.5 * var(--mh-vw))}
 .brand-hsf .split-section.heading-large .split-copy:has(.back-link) .split-body{margin-top:0}
}