.elementor-kit-5024{--e-global-color-primary:#0E1520;--e-global-color-secondary:#AD974F;--e-global-color-text:#3C414C;--e-global-color-accent:#CDB97E;--e-global-color-st0elfe:#F7F3EB;--e-global-color-st0sand:#ECE4D5;--e-global-color-st0gdkl:#7E6B2F;--e-global-color-st0nac2:#152030;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-text-decoration:none;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;background-color:#F7F3EB;color:#3C414C;font-family:"Jost", Sans-serif;font-size:18px;}.elementor-kit-5024 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5024 h1{font-size:40px;}.elementor-kit-5024 h2{font-size:32px;}.elementor-kit-5024 h3{font-size:28px;}.elementor-kit-5024 h4{font-size:24px;}.elementor-kit-5024 h5{font-size:20px;}.elementor-kit-5024 h6{font-size:16px;}.elementor-kit-5024 button,.elementor-kit-5024 input[type="button"],.elementor-kit-5024 input[type="submit"],.elementor-kit-5024 .elementor-button{border-style:none;}.elementor-kit-5024 button:hover,.elementor-kit-5024 button:focus,.elementor-kit-5024 input[type="button"]:hover,.elementor-kit-5024 input[type="button"]:focus,.elementor-kit-5024 input[type="submit"]:hover,.elementor-kit-5024 input[type="submit"]:focus,.elementor-kit-5024 .elementor-button:hover,.elementor-kit-5024 .elementor-button:focus{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5024{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5024{font-size:18px;}.elementor-kit-5024 h1{font-size:32px;}.elementor-kit-5024 h2{font-size:28px;}.elementor-kit-5024 h3{font-size:24px;}.elementor-kit-5024 h4{font-size:20px;}.elementor-kit-5024 h5{font-size:18px;}.elementor-kit-5024 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Hotel Starton: Design-Ebene (aus build/build.mjs) */
body{background:#F7F3EB}
html{scroll-behavior:smooth;scroll-padding-top:110px}
.elementor-heading-title em{font-style:italic;color:#AD974F}
.st-hero .elementor-heading-title em,.st-zimmer .elementor-heading-title em,.elementor-element .st-dunkel em{color:#CDB97E}
.st-dach .elementor-heading-title{display:flex;align-items:center;gap:15px}
.st-dach .elementor-heading-title::before{content:"";width:40px;height:1px;background:currentColor;flex:none}
.st-dach-mitte .elementor-heading-title{justify-content:center}
.st-dach-mitte .elementor-heading-title::after{content:"";width:40px;height:1px;background:currentColor;flex:none}
.st-mitte .elementor-heading-title{text-align:center}
.elementor-heading-title{text-wrap:balance}
.st-nobr{white-space:nowrap}
.st-leiste-punkt .elementor-heading-title{letter-spacing:.16em}
.elementor-widget-text-editor a{color:#7E6B2F;text-decoration:underline;text-underline-offset:3px}
.elementor-widget-text-editor strong{font-weight:500}
/* Header: auf der Startseite durchsichtig über dem Video; Menüpunkte optisch mittig, Unterstreichung beim Überfahren */
/* Startseite am Desktop: Kopf liegt mit Verlauf über dem Video. Tablet und Handy: immer festes Nachtblau, nichts scheint durch */
@media (min-width:1025px){
body:is(.home,.st-start) .st-kopf:not(.elementor-sticky--active):not(.elementor-sticky__spacer){position:absolute!important;top:0;left:0;right:0;z-index:50}
body:is(.home,.st-start) .st-kopf:not(.elementor-sticky--effects){background-color:transparent!important;background-image:linear-gradient(180deg,rgba(10,16,24,.82) 0%,rgba(10,16,24,.55) 60%,rgba(10,16,24,0) 100%)!important}
}
.st-kopf{border-bottom:0!important}
body:is(.home,.st-start) .st-kopf:not(.elementor-sticky--effects) .st-nav .elementor-heading-title{text-shadow:0 1px 10px rgba(0,0,0,.55)}
.st-kopf .e-con{width:auto!important;flex:0 0 auto}
.st-kopf .elementor-widget-image{width:auto!important;flex:0 0 auto}
.st-kopf .elementor-widget-image img{width:160px}
.st-kopf-knopf .elementor-button{padding:13px 25px}
.st-nav .elementor-heading-title{line-height:1;text-box:trim-both cap alphabetic}
@supports not (text-box:trim-both cap alphabetic){.st-nav .elementor-heading-title{padding-top:.14em}}
.st-nav .elementor-heading-title a{position:relative;display:inline-block;color:inherit}
/* Desktop-Leiste: Telefonsymbol links neben der Nummer */
.st-kopf .tvs-tel .elementor-heading-title a{display:inline-flex;align-items:center;gap:10px}
.st-kopf .tvs-tel .elementor-heading-title a::before{content:"";flex:0 0 15px;width:15px;height:15px;background:#CDB97E;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.st-nav .elementor-heading-title a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:#CDB97E;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.st-nav .elementor-heading-title a:hover,.st-nav .elementor-heading-title a:focus-visible{color:#CDB97E}
.st-nav .elementor-heading-title a:hover::after,.st-nav .elementor-heading-title a:focus-visible::after{transform:scaleX(1)}
.st-fuss-text a{color:inherit;text-decoration:none}
.st-fuss-text a:hover{color:#CDB97E}
.st-adresse a,.st-hero a{color:inherit;text-decoration:none}
/* Warum Starton */
.st-vorteile ul,.st-liste ul{list-style:none;margin:0;padding:0}
.st-vorteile li,.st-liste li{position:relative;padding:10px 0 10px 33px;border-bottom:1px solid #DED5C3}
.st-vorteile li::before,.st-liste li::before{content:"";position:absolute;left:0;top:calc(10px + .85em);width:18px;height:1px;background:#AD974F}
.st-vorteile strong{color:#1E2129}
.st-vertrauen{margin-top:25px!important}
.st-vertrauen .elementor-heading-title{letter-spacing:.14em}
/* Collagen */
.st-collage{position:relative;padding:0 0 60px 0!important}
.st-collage-a img{width:82%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 40px 80px -30px rgba(14,21,32,.45)}
.st-collage-b{position:absolute!important;right:0;bottom:0;width:42%!important}
.st-collage-b img{aspect-ratio:3/4;object-fit:cover;border:10px solid #F7F3EB;box-shadow:0 30px 60px -25px rgba(14,21,32,.5)}
.st-collage::before{content:"";position:absolute;top:-25px;left:-25px;width:46%;height:42%;border:1px solid #AD974F}
.st-medien{position:relative;padding:0 0 60px 0!important}
.st-medien-gross img{width:100%;aspect-ratio:5/4;object-fit:cover}
.st-medien-klein{position:absolute!important;right:-50px;bottom:0;width:38%!important}
.st-medien-links .st-medien-klein{right:auto;left:-50px}
.st-medien-klein img{aspect-ratio:3/4;object-fit:cover;border:10px solid #F7F3EB}
/* Frühstücksgalerie */
.st-galerie-gross{width:100%!important}
.st-galerie-gross img{width:100%;aspect-ratio:16/10;object-fit:cover}
.st-galerie-klein{width:calc((100% - 20px)/3)!important}
.st-galerie-klein img{width:100%;aspect-ratio:1/1;object-fit:cover}
/* Zahlen */
.st-zahl+.st-zahl{border-left:1px solid rgba(205,185,126,.22)}
.st-zahl-label .elementor-heading-title{text-align:center}
/* Zimmerkarten: Fotos gestapelt, beim Überfahren Wechsel alle 1,6 s mit kurzem Überblenden */
.st-zimmer-karte{position:relative;overflow:hidden;isolation:isolate;text-decoration:none!important;cursor:pointer}
.st-zimmer-karte .st-zbild{position:absolute!important;inset:0;width:100%!important;height:100%;margin:0!important;z-index:0}
.st-zimmer-karte .st-zbild img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.st-zimmer-karte .st-zbild:not(.st-zbild-1){opacity:0}
.st-zimmer-karte::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,21,32,0) 35%,rgba(14,21,32,.94) 100%);pointer-events:none}
.st-zimmer-karte .st-karte-text{position:relative;z-index:2}
.st-karte-cta{margin:20px 0 0!important}
.st-karte-cta .elementor-heading-title{display:inline-block;padding-bottom:6px;border-bottom:1px solid #AD974F}
.st-karte-cta .elementor-heading-title::after{content:" →"}
@keyframes st-wechsel{0%{opacity:0}2%{opacity:1}25%{opacity:1}27%{opacity:0}100%{opacity:0}}
/* Mit Maus: Wechsel beim Überfahren. Nur bei echter Maus, sonst startet ein Antippen die Animation neu
   (iPad mit Trackpad und manche Android-Geräte melden hover, aber keinen feinen Zeiger) */
@media (hover:hover) and (pointer:fine){
  .st-zimmer-karte:hover .st-zbild img{transform:scale(1.03)}
  .st-zimmer-karte:hover .st-zbild-2{animation:st-wechsel 6.4s linear 1.6s infinite both}
  .st-zimmer-karte:hover .st-zbild-3{animation:st-wechsel 6.4s linear 3.2s infinite both}
  .st-zimmer-karte:hover .st-zbild-4{animation:st-wechsel 6.4s linear 4.8s infinite both}
  .st-zimmer-karte:hover .st-karte-cta .elementor-heading-title{color:#CDB97E}
}
/* Touch: Wechsel per Skript (mu-plugin tivaos-starton-karten), nur Karten, die fast ganz zu sehen sind,
   4 s stehen, 1,2 s Überblendung. Das neue Foto (st-aktiv, Ebene 1) blendet über dem alten (st-vorher, Ebene 0) ein;
   nur das neue Foto hat eine Transition, das alte verschwindet erst danach ohne Blende darunter. */
@media not all and (hover:hover) and (pointer:fine){
  .st-zimmer-karte.st-js .st-zbild{opacity:0;z-index:0;transition:none}
  .st-zimmer-karte.st-js .st-zbild.st-vorher{opacity:1;z-index:0}
  .st-zimmer-karte.st-js .st-zbild.st-aktiv{opacity:1;z-index:1;transition:opacity 1.2s ease}
  .st-zimmer-karte.st-js::after{z-index:2}
  .st-zimmer-karte.st-js::before{z-index:3}
  .st-zimmer-karte.st-js .st-karte-text{z-index:4}
}
/* Gut zu wissen: Hausinfos wie eine Hotelmappe */
.st-mappe{box-shadow:var(--st-schatten);outline:1px solid rgba(173,151,79,.45);outline-offset:-15px}
.st-fakten ul{list-style:none;margin:0;padding:0}
.st-fakten li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0;border-bottom:1px solid rgba(173,151,79,.35)}
.st-fakten li:last-child{border-bottom:0}
.st-fakt-k{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;color:#1E2129}
.st-fakt-v{text-align:right;color:#3C414C}
/* Lage */
.st-wege ul{list-style:none;margin:0;padding:0;border-top:1px solid #D9CFBC}
.st-wege li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #D9CFBC}
.st-wege strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px;color:#7E6B2F}
.st-lage-bild{position:relative}
.st-lage-bild img{width:100%;aspect-ratio:4/5;object-fit:cover}
.st-adresse{position:absolute!important;left:-40px;bottom:40px;width:330px!important;max-width:calc(100% - 25px)}
.st-adresse strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:30px;color:#CDB97E;margin-bottom:5px}
.st-adresse p{margin:0}
/* Kontakt */
.st-kontaktdaten p{margin:0 0 15px}
.st-kontaktdaten a{color:#1E2129;text-decoration:none;border-bottom:1px solid #AD974F}
.st-formular .elementor-field-group .elementor-field{min-height:48px}
.st-formular .elementor-field-type-acceptance a{color:#7E6B2F}
.st-formular .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option{display:flex;gap:10px;align-items:flex-start}
.st-formular .elementor-field-type-acceptance input{margin-top:5px;flex:none;width:18px;height:18px;accent-color:#AD974F}
.st-formular .elementor-field-type-acceptance label{font-size:14px;line-height:1.6}
:root{--st-schatten:0 30px 60px -28px rgba(14,21,32,.45);--st-schatten-tief:0 45px 80px -40px rgba(0,0,0,.75);--st-gold-verlauf:linear-gradient(180deg,#BBA45E 0%,#AD974F 55%,#A08A45 100%);--st-gold-verlauf-hell:linear-gradient(180deg,#CDB97E 0%,#BBA45E 55%,#AD974F 100%)}
/* Mitlaufender Header: auf der Startseite erst durchsichtig, nach 60 px Nachtblau mit Unschärfe */
body:is(.home,.st-start) .elementor-sticky__spacer{display:none!important}
.st-kopf{transition:background-color .3s ease,box-shadow .3s ease}
.st-kopf.elementor-sticky--effects{background-color:#0E1520!important;background-image:none!important;box-shadow:0 12px 30px -18px rgba(0,0,0,.6)}
.st-formular .elementor-button{background-image:var(--st-gold-verlauf)!important;border-color:#A08A45!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -14px rgba(14,21,32,.55);transition:box-shadow .25s ease,transform .25s ease}
.st-formular .elementor-button:hover{background-image:var(--st-gold-verlauf-hell)!important;transform:translateY(-1px)}
/* Knöpfe: Gold mit Metallverlauf, feiner Schatten */
.st-knopf-voll .elementor-button{background-image:var(--st-gold-verlauf);border-color:#A08A45;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -14px rgba(14,21,32,.55);transition:box-shadow .25s ease,transform .25s ease}
.st-knopf-voll .elementor-button:hover{background-image:var(--st-gold-verlauf-hell);border-color:#AD974F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 26px -14px rgba(14,21,32,.6);transform:translateY(-1px)}
.st-knopf-linie .elementor-button,.st-knopf-dunkel .elementor-button{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
/* Linien der Dachzeilen laufen sanft aus */
.st-dach .elementor-heading-title::before{background:linear-gradient(90deg,transparent,currentColor)}
.st-dach-mitte .elementor-heading-title::after{background:linear-gradient(90deg,currentColor,transparent)}
h2.elementor-heading-title,.st-hero-titel .elementor-heading-title{letter-spacing:-.01em}
/* Bilder: Schatten und feine Goldrahmen */
.st-collage-a img,.st-medien-gross img,.st-galerie-gross img,.st-lage-bild .elementor-widget-image img{box-shadow:var(--st-schatten)}
.st-galerie-klein img{box-shadow:0 18px 30px -20px rgba(14,21,32,.5)}
.st-galerie,.st-lage-bild{position:relative}
.st-galerie::before,.st-lage-bild::before{content:"";position:absolute;top:-20px;right:-20px;width:45%;height:45%;border:1px solid #AD974F;pointer-events:none}
.st-galerie::before{right:auto;left:-20px}
.st-galerie>*,.st-lage-bild>*{position:relative}
/* Zahlen: Trennlinien in Gold, die oben und unten auslaufen */
.st-zahl+.st-zahl{border-left:0;background:linear-gradient(180deg,transparent,rgba(205,185,126,.35),transparent) left/1px 100% no-repeat}
/* Zimmerkarten: tiefer Schatten, beim Überfahren leicht anheben */
.st-zimmer-karte{box-shadow:var(--st-schatten-tief);transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover) and (pointer:fine){.st-zimmer-karte:hover{transform:translateY(-4px);box-shadow:0 55px 90px -40px rgba(0,0,0,.85)}}
.st-zimmer-karte::before{content:"";position:absolute;inset:12px;border:1px solid rgba(205,185,126,.28);z-index:2;pointer-events:none}
/* Innenhof: feine Goldlinie neben dem Zitat */
.st-hof-zitat{border-left:1px solid rgba(205,185,126,.5);padding-left:30px}
/* Gästestimmen: Karten mit Verlauf und großem Anführungszeichen */
.st-zitate>.e-con{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,0));box-shadow:var(--st-schatten-tief);overflow:hidden}
.st-zitate>.e-con::after{content:"“";position:absolute;top:-30px;right:20px;font-family:"Cormorant Garamond",Georgia,serif;font-size:160px;line-height:1;color:rgba(205,185,126,.14);pointer-events:none}
/* Kontakt und Adresse: Karten mit Schatten */
.st-formular>.elementor-widget-container,.st-formular{box-shadow:var(--st-schatten)}
.st-adresse{box-shadow:var(--st-schatten-tief)}
/* Footer: goldene Haarlinie oben */
.st-fuss{position:relative}
.st-fuss::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(205,185,126,.55),transparent)}
.st-wisch-hinweis{display:none}
/* Schmale Desktops: Telefonnummer raus, Menü enger, damit der Knopf nicht über den Rand läuft */
/* Mit WhatsApp und Sprachumschalter: Nummer erst ab 1440 px, darunter enger, bis 1279 px ohne den Punkt Startseite (das Logo führt dorthin) */
@media (min-width:1025px) and (max-width:1439px){.st-kopf .tvs-tel{display:none}.st-menue{gap:30px!important}}
@media (min-width:1025px) and (max-width:1279px){.st-menue{gap:20px!important}.st-menue>.e-con-inner>.st-nav:first-child,.st-menue>.st-nav:first-child{display:none}.st-kopf .e-con:last-child{gap:12px!important}.st-kopf-knopf .elementor-button{padding:13px 18px}.st-sprache a{padding:0 7px}}
@media (max-width:1024px){
  /* Roter Faden: auf Tablet und Handy immer zuerst Überschrift und Text, dann die Bilder */
  .st-collage,.st-medien,.st-galerie,.st-lage-bild{order:2}
  .st-galerie::before,.st-lage-bild::before{top:-12px;width:40%;height:40%}
  .st-galerie::before{left:-12px}.st-lage-bild::before{right:-12px}
  .st-medien-klein{right:-10px}.st-medien-links .st-medien-klein{left:-10px}
  .st-adresse{left:0;bottom:0}
  .st-zahl+.st-zahl{border-left:0}
}
@media (max-width:767px){
  .st-nur-desktop{display:none}
  /* Wischreihen für Zimmer und Gästestimmen */
  .st-wisch{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-25px!important;margin-right:-25px!important;padding:0 25px 30px!important;scroll-padding-left:25px;gap:15px!important;width:calc(100% + 50px)!important;max-width:none!important}
  .st-wisch::-webkit-scrollbar{display:none}
  .st-wisch>.e-con{flex:0 0 84%!important;width:84%!important;scroll-snap-align:start}
  .st-wisch-hinweis{display:block;margin:25px 0 0!important}
  .st-wisch-hinweis .elementor-heading-title{text-align:center;letter-spacing:.14em}
  .st-wisch-hinweis .elementor-heading-title::before{content:"←  ";color:#CDB97E}
  .st-wisch-hinweis .elementor-heading-title::after{content:"  →";color:#CDB97E}
  .st-zimmer-karte:hover{transform:none}
  .st-zitate>.e-con{flex-basis:84%!important}
  .st-mappe{outline-offset:-10px}
  .st-fakten li{flex-direction:column;gap:2px;padding:14px 0}
  .st-fakt-k{font-size:20px}
  .st-fakt-v{text-align:left}
  .st-hof-zitat{padding-left:20px}
  .st-dach .elementor-heading-title{display:block;text-wrap:balance}
  .st-dach .elementor-heading-title::before{display:block;width:30px;margin:0 0 12px}
  .st-dach-mitte .elementor-heading-title{text-align:center}
  .st-dach-mitte .elementor-heading-title::before{margin:0 auto 12px}
  .st-dach-mitte .elementor-heading-title::after{display:none}
  .st-hero .st-dach .elementor-heading-title{letter-spacing:.06em}
  .st-mitte .elementor-heading-title,.st-leiste-punkt .elementor-heading-title{text-wrap:balance;letter-spacing:.1em}
  .st-mitte .st-sterne-zeichen{display:block;margin-bottom:5px}
  .st-wege strong{font-size:19px}
  .st-adresse strong{font-size:26px}
  .st-kopf .elementor-widget-image img{width:120px}
  .st-kopf-knopf .elementor-button{padding:12px 15px!important;font-size:11px!important;letter-spacing:1.6px!important}
  .st-kopf .e-con:last-child{gap:10px!important}
  .st-collage-a img{width:100%}
  .st-collage::before{display:none}
  .st-adresse{position:relative!important;width:100%!important;max-width:none}
  .st-leiste-punkt .elementor-heading-title{letter-spacing:.08em}
}
/* Header: WhatsApp als quadratischer Linienknopf wie die Linien-Knöpfe, Sprachumschalter DE/EN */
.st-whatsapp{flex:0 0 auto}
.st-whatsapp .elementor-heading-title{line-height:0}
.st-whatsapp .elementor-heading-title a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:1px solid rgba(205,185,126,.55);font-size:0!important;line-height:0!important;letter-spacing:0!important;color:transparent!important;transition:background-color .25s ease,border-color .25s ease}
.st-whatsapp .elementor-heading-title a::before{content:"";width:20px;height:20px;background:#CDB97E;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2a9.9 9.9 0 0 0-8.5 15l-1.4 5.1 5.24-1.37A9.9 9.9 0 1 0 12.04 2zm0 18.1a8.2 8.2 0 0 1-4.18-1.14l-.3-.18-3.1.82.82-3.03-.2-.31a8.22 8.22 0 1 1 6.96 3.84zm4.5-6.15c-.25-.12-1.46-.72-1.69-.8-.22-.09-.39-.13-.55.12-.16.25-.63.8-.78.96-.14.17-.29.19-.53.06a6.7 6.7 0 0 1-3.37-2.94c-.25-.44.25-.41.72-1.36.08-.16.04-.3-.02-.43-.06-.12-.55-1.33-.76-1.82-.2-.48-.4-.41-.55-.42h-.47a.9.9 0 0 0-.66.31 2.77 2.77 0 0 0-.86 2.06 4.8 4.8 0 0 0 1 2.56 11 11 0 0 0 4.22 3.73c1.58.68 2.2.74 2.98.62.48-.07 1.47-.6 1.68-1.18.2-.58.2-1.08.14-1.18-.06-.11-.22-.17-.47-.29z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2a9.9 9.9 0 0 0-8.5 15l-1.4 5.1 5.24-1.37A9.9 9.9 0 1 0 12.04 2zm0 18.1a8.2 8.2 0 0 1-4.18-1.14l-.3-.18-3.1.82.82-3.03-.2-.31a8.22 8.22 0 1 1 6.96 3.84zm4.5-6.15c-.25-.12-1.46-.72-1.69-.8-.22-.09-.39-.13-.55.12-.16.25-.63.8-.78.96-.14.17-.29.19-.53.06a6.7 6.7 0 0 1-3.37-2.94c-.25-.44.25-.41.72-1.36.08-.16.04-.3-.02-.43-.06-.12-.55-1.33-.76-1.82-.2-.48-.4-.41-.55-.42h-.47a.9.9 0 0 0-.66.31 2.77 2.77 0 0 0-.86 2.06 4.8 4.8 0 0 0 1 2.56 11 11 0 0 0 4.22 3.73c1.58.68 2.2.74 2.98.62.48-.07 1.47-.6 1.68-1.18.2-.58.2-1.08.14-1.18-.06-.11-.22-.17-.47-.29z'/%3E%3C/svg%3E") center/contain no-repeat;transition:background-color .25s ease}
.st-whatsapp .elementor-heading-title a:hover,.st-whatsapp .elementor-heading-title a:focus-visible{background:#CDB97E;border-color:#CDB97E}
.st-whatsapp .elementor-heading-title a:hover::before,.st-whatsapp .elementor-heading-title a:focus-visible::before{background:#0E1520}
.st-sprache-w{flex:0 0 auto;width:auto!important}
.st-sprache{display:flex;align-items:center;font-family:"Jost",sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;line-height:1}
.st-sprache a{display:flex;align-items:center;min-height:44px;padding:0 9px;color:rgba(255,255,255,.62);text-decoration:none;transition:color .25s ease}
.st-sprache a+a{border-left:1px solid rgba(205,185,126,.4)}
.st-sprache a[aria-current]{color:#CDB97E}
.st-sprache a:hover,.st-sprache a:focus-visible{color:#FFFFFF}
@media (max-width:767px){
  .st-whatsapp .elementor-heading-title a{width:40px;height:40px}
  .st-whatsapp .elementor-heading-title a::before{width:19px;height:19px}
  .st-sprache a{padding:0 7px;font-size:11px}
}
/* Unterseiten: Sprungleiste zu den Zimmerarten */
.st-sprung p{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;margin:0}
.st-sprung a{font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#1E2129;text-decoration:none;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .25s ease,color .25s ease}
.st-sprung a:hover,.st-sprung a:focus-visible{color:#7E6B2F;border-bottom-color:#AD974F}
.st-fakten-schmal .st-fakt-k{font-size:21px}
.st-fakten-dunkel li{border-bottom-color:rgba(205,185,126,.22)}
.st-fakten-dunkel .st-fakt-k{color:#FFFFFF}
.st-fakten-dunkel .st-fakt-v{color:rgba(255,255,255,.78)}
.st-hell-link a{color:#CDB97E}
/* Bildraster und Bad: gleich große Fotos in fester Ordnung */
.st-bildraster>.elementor-widget-image{width:calc((100% - 20px)/3)!important}
.st-bildraster img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 18px 30px -20px rgba(14,21,32,.5)}
.st-bad>.elementor-widget-image{width:calc((100% - 10px)/2)!important}
.st-bad img{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--st-schatten-tief)}
/* Anreise und Fragen */
.st-anreise{box-shadow:var(--st-schatten);outline:1px solid rgba(173,151,79,.45);outline-offset:-12px}
.st-frage{border-top:1px solid rgba(173,151,79,.4)}
/* Handymenü */
.st-handymenue .elementor-menu-toggle{background:transparent!important;padding:10px;margin-right:-10px}
.st-handymenue .elementor-nav-menu--dropdown{border-top:1px solid rgba(205,185,126,.22);box-shadow:0 30px 40px -20px rgba(0,0,0,.6)}
.st-handymenue .elementor-nav-menu--dropdown a{justify-content:flex-start}
.st-handymenue .elementor-nav-menu--dropdown a.elementor-item-active{border-left:2px solid #CDB97E}
/* Handymenü: Zimmer buchen als normaler Punkt, Anrufen als goldene Zeile mit Telefonsymbol */
.st-handymenue .st-menue-anruf>a{background:var(--st-gold-verlauf)!important;color:#0E1520!important;border-top:0!important;gap:12px;font-weight:600}
.st-handymenue .st-menue-anruf>a:hover,.st-handymenue .st-menue-anruf>a:focus{background:var(--st-gold-verlauf-hell)!important;color:#0E1520!important}
.st-handymenue .st-menue-anruf>a::before{content:""!important;position:static!important;opacity:1!important;transform:none!important;display:block!important;flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:1024px){
  .st-bad{order:2}
  .st-kopf .e-con:last-child{gap:15px!important}
}
@media (max-width:767px){
  /* Handy: keine überlappenden Zweitbilder, jedes Foto in voller Breite nach dem Text */
  .st-collage-b,.st-medien-klein{display:none!important}
  .st-collage,.st-medien{padding-bottom:0!important}
  .st-collage-a img,.st-medien-gross img,.st-lage-bild img{width:100%;aspect-ratio:4/3}
  .st-galerie::before,.st-lage-bild::before{display:none}
  .st-galerie-gross img{aspect-ratio:4/3}
  .st-bildraster>.elementor-widget-image{width:calc((100% - 10px)/2)!important}
  .st-bildraster>.elementor-widget-image:first-child:nth-last-child(odd){width:100%!important}
  .st-sprung p{gap:0 25px}
  .st-sprung a{font-size:12px;letter-spacing:.1em}
  .st-fakten-schmal .st-fakt-k{font-size:19px}
  .st-unterkopf .elementor-heading-title{text-wrap:balance}
  /* Handy: Abschnitte mit Fotos bekommen unten mehr Innenabstand, Schatten kürzer, damit nichts am Rand klebt */
  [data-elementor-type="wp-page"]>.e-con:has(.elementor-widget-image):not(.st-hero)>.e-con-inner{padding-bottom:90px!important}
  .st-collage-a img,.st-medien-gross img,.st-galerie-gross img,.st-lage-bild .elementor-widget-image img,.st-bad img,.st-adresse{box-shadow:0 14px 24px -16px rgba(14,21,32,.45)!important}
  .st-bildraster img{box-shadow:0 10px 18px -14px rgba(14,21,32,.45)}
}
/* Fotos mit festem Seitenverhältnis: Verhältnis am Rahmen, Foto füllt ihn aus.
   Safari rechnet aspect-ratio direkt am Bild in Flex-Spalten falsch, das Foto ragte dann über den Abschnitt hinaus */
.st-collage-a{--ar:4/5}.st-collage-b{--ar:3/4}.st-medien-gross{--ar:5/4}.st-medien-klein{--ar:3/4}.st-galerie-gross{--ar:16/10}.st-galerie-klein{--ar:1/1}
.st-bildraster>.elementor-widget-image{--ar:4/3}.st-bad>.elementor-widget-image{--ar:3/4}
:is(.st-collage-a,.st-collage-b,.st-medien-gross,.st-medien-klein,.st-galerie-gross,.st-galerie-klein,.st-bildraster>.elementor-widget-image,.st-bad>.elementor-widget-image)>.elementor-widget-container{position:relative;aspect-ratio:var(--ar);overflow:visible}
:is(.st-collage-a,.st-collage-b,.st-medien-gross,.st-medien-klein,.st-galerie-gross,.st-galerie-klein,.st-bildraster>.elementor-widget-image,.st-bad>.elementor-widget-image) img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;box-sizing:border-box;object-fit:cover}
.st-collage-a>.elementor-widget-container{width:82%}
/* Bildspalten und Bilder nie stauchen: sonst fällt ihre Höhe auf 0 und das Foto hängt über den Abschnittsrand */
.st-collage,.st-medien,.st-galerie,.st-bildraster,.st-bad,[data-elementor-type="wp-page"] .elementor-widget-image:not(.st-lage-bild .elementor-widget-image){flex-shrink:0!important}
@media (max-width:1024px){.st-collage,.st-medien,.st-galerie{flex:0 0 auto!important}}
/* Collage und Medien als Block: als Flex-Spalte fällt ihre Höhe mit Seitenverhältnis-Rahmen auf 0 (Chrome und Safari) */
.st-collage,.st-medien{display:block!important}
@media (max-width:1024px){.st-collage-a>.elementor-widget-container{width:100%}}
@media (max-width:767px){.st-collage-a,.st-medien-gross,.st-galerie-gross{--ar:4/3}}
@media (prefers-reduced-motion:reduce){
  .st-zimmer-karte,.st-knopf-voll .elementor-button,.st-kopf{transition:none}
  html{scroll-behavior:auto}
  .st-zimmer-karte .st-zbild{animation:none!important}
  .st-zimmer-karte .st-zbild img,.st-nav .elementor-heading-title a::after{transition:none}
}/* End custom CSS */