.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Atelier Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Georgia";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Atelier Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Atelier Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-556333c:#0B2422; --e-gv-df19f79:#16403B; --e-gv-47168e8:#F5F2EC; --e-gv-9845154:#C9903F; --e-gv-9414de3:#7FB0B4; --e-gv-990a72d:#D9D3C6; --nachtblau:#0C2030; --tiefblau:#1B3F5C; --papier:#FFFFFF; --akzent:#1F5C86; --eisblau:#9CC2DC; --tinte:#12232F; --surface:#F7F2E9; --surface-raised:#EFE6D8; --ink:#2A2620; --ink-muted:#655C4E; --lake:#46707F; --lake-deep:#2E4C59; --forest:#5E6F45; --terracotta:#CE8B5E; --border:#8F7A56; --on-lake:#FBF8F2; }
/* Start custom CSS *//* Sticky Header */
.elementor-location-header{position:sticky;top:0;z-index:100;}

/* Aktive Seite in der Navigation hervorheben */
body.page-id-23 .elementor-location-header a.e-paragraph-link-base[href*="/atelier-1-2/"],
body.page-id-24 .elementor-location-header a.e-paragraph-link-base[href*="/atelier-2/"],
body.page-id-25 .elementor-location-header a.e-paragraph-link-base[href*="/wohnen-auf-zeit/"],
body.page-id-26 .elementor-location-header a.e-paragraph-link-base[href*="/galerie/"],
body.page-id-27 .elementor-location-header a.e-paragraph-link-base[href*="/preise-buchung/"]{
color:var(--akzent,#1F5C86);
border-bottom:2px solid var(--terracotta,#CE8B5E);
padding-bottom:3px;
}

/* Systemschrift statt Google Fonts */
@font-face{font-family:'Atelier Sans';font-style:normal;font-weight:400;font-display:swap;
src:local('Helvetica Neue'),local('HelveticaNeue'),local('Segoe UI'),local('Roboto'),local('Arial'),local('Helvetica')}
@font-face{font-family:'Atelier Sans';font-style:normal;font-weight:500;font-display:swap;
src:local('Helvetica Neue Medium'),local('HelveticaNeue-Medium'),local('Segoe UI Semibold'),local('Roboto Medium'),local('Arial'),local('Helvetica')}
@font-face{font-family:'Atelier Sans';font-style:normal;font-weight:600;font-display:swap;
src:local('Helvetica Neue Medium'),local('HelveticaNeue-Medium'),local('Segoe UI Semibold'),local('Roboto Medium'),local('Arial Bold'),local('Arial')}
@font-face{font-family:'Atelier Sans';font-style:normal;font-weight:700;font-display:swap;
src:local('Helvetica Neue Bold'),local('HelveticaNeue-Bold'),local('Segoe UI Bold'),local('Roboto Bold'),local('Arial Bold'),local('Arial')}
@font-face{font-family:'Atelier Sans';font-style:italic;font-weight:400;font-display:swap;
src:local('Helvetica Neue Italic'),local('Segoe UI Italic'),local('Arial Italic'),local('Arial')}

/* Atelier-Galerie: Bilder interaktiv */
.elementor-23 img.e-image-base,
.elementor-24 img.e-image-base{
transition:transform .5s cubic-bezier(.2,.6,.2,1),box-shadow .5s ease;
}
.elementor-23 img.e-image-base:hover,
.elementor-24 img.e-image-base:hover{
transform:scale(1.045);
box-shadow:0 18px 44px rgba(18,35,47,.24);
position:relative;
z-index:2;
}
@media(prefers-reduced-motion:reduce){
.elementor-23 img.e-image-base,
.elementor-24 img.e-image-base{transition:none}
.elementor-23 img.e-image-base:hover,
.elementor-24 img.e-image-base:hover{transform:none}
}
/* Ausstattungslisten auf der Startseite: Trennlinien je Zeile.
   Ueber die Element-Styles ging es nicht - Elementor verwirft
   border-block-end-* auf e-paragraph kommentarlos. Container tragen
   dagegen verlaesslich ihre elementor-element-<id>-Klasse. */
.elementor-9 .elementor-element-17d04c4c > p,
.elementor-9 .elementor-element-756ed053 > p{
  border-bottom:1px solid rgba(18,35,47,0.12);
}

/* Anheben der Atelier-Kaesten beim Hover. Ueber die Element-Styles ging es
   nicht - Elementor kennt weder transform noch transition als Eigenschaft. */
.elementor-9 .elementor-element-3a240d82,
.elementor-9 .elementor-element-52a69889{
  transition:box-shadow 260ms ease, transform 260ms ease, border-color 260ms ease;
}
.elementor-9 .elementor-element-3a240d82:hover,
.elementor-9 .elementor-element-52a69889:hover{ transform:translateY(-4px); }

@media (prefers-reduced-motion: reduce){
  .elementor-9 .elementor-element-3a240d82,
  .elementor-9 .elementor-element-52a69889{ transition:none; }
  .elementor-9 .elementor-element-3a240d82:hover,
  .elementor-9 .elementor-element-52a69889:hover{ transform:none; }
}

/* Sichtbarer Tastaturfokus, websiteweit.
   Elementor setzt auf :focus zwar outline-offset, aber nie outline-style -
   ohne den bleibt der Ring unsichtbar, und wer mit der Tabulatortaste
   navigiert, sieht nicht, wo er steht. Blauer Ring plus heller Hof: der
   Ring traegt auf hellem Grund, der Hof auf dunklem. */
.elementor a:focus-visible,
.elementor button:focus-visible,
.elementor input:focus-visible,
.elementor select:focus-visible,
.elementor textarea:focus-visible,
.elementor [tabindex]:focus-visible{
  outline:3px solid #1F5C86;
  outline-offset:2px;
  box-shadow:0 0 0 6px rgba(251,248,242,0.9);
  border-radius:4px;
}/* End custom CSS */