.elementor-kit-4{--e-global-color-primary:#4F7E92;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 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:0px;}.elementor-element{--widgets-spacing:0px 20px;--widgets-spacing-row:0px;--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;}}/* Start custom CSS *//* Force Update */
body { margin: 0; }

/* Nur für konsistente Schriften falls nötig */
h1, h2 {
  font-family: 'Playfair Display', serif !important;
}

/* Mobile Anpassungen - ab 768px abwärts */
@media (max-width: 768px) {
  h1, .elementor-heading-title {
    font-size: 30px !important;
  }
  
  h2 {
    font-size: 24px !important;
  }
}

/* Für sehr kleine Displays (Smartphones im Portrait) */
@media (max-width: 480px) {
  h1, .elementor-heading-title {
    font-size: 28px !important;
  }
  
  h2 {
    font-size: 22px !important;
  }
}

/* Für weiße Texte im Hero falls nötig */
.hero-section p, .hero-section .elementor-text-editor p {
  color: #ffffff !important;
}

/* Alle Texte außer Hero - dunkler  */
/* Verstärke das globale CSS */
p, .elementor-text-editor p {
  color: #2A2A2A !important;
  font-weight: 400 !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto 2rem auto !important;
}

/* Hero-Texte bleiben weiß */
.hero-section p, 
.hero-section .elementor-text-editor p {
  color: #ffffff !important;
  font-weight: 400 !important;
}

/* Menü IMMER rechts oben - überschreibt alle anderen CSS-Regeln */
.hero-menu {
  position: absolute !important;
  top: 50px !important;
  right: 50px !important;
  z-index: 999 !important;
  text-align: right !important;
}

.hero-menu p {
  color: white !important;
  font-size: 1rem !important;
  margin: 0.3rem 0 !important;
  text-align: right !important;
  max-width: none !important;
}

/* Überschreibt alle globalen P-Tag-Regeln für das Menü */
.hero-menu p {
  text-align: right !important;
  margin: 0.3rem 0 !important;
  max-width: none !important;
}
/* Abstände zwischen Sections - wie bei "The Shore" */
.das-haus-section,
.die-region-section,
.buchung-section,
.kontakt-section {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* Mobile Geräte - alle Abstände auf 20px */
@media (max-width: 768px) {
  .das-haus-section,
  .die-region-section,
  .buchung-section,
  .kontakt-section {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

/* Erste Section (Das Haus) weniger Abstand zum Hero */
.das-haus-section {
  margin-top: 60px;
}

/* Footer weniger Abstand */
.footer-section {
  margin-top: 60px;
}

/* Optional: Dezente Trennlinien */
.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
  margin: 60px auto;
  width: 80%;
}

/* Logo rund machen - zum bestehenden CSS hinzufügen */
.hero-logo img {
  border-radius: 50% !important;
  width: 200px !important;
  height: 200px !important;
  object-fit: cover !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
  .hero-logo img {
    width: 150px !important;
    height: 150px !important;
  }
}

@media (max-width: 480px) {
  .hero-logo img {
    width: 120px !important;
    height: 120px !important;
  }
}


.copyright.show {
    display: none !important;
}

/* H3 Unterüberschriften nur in der Region-Sektion */
#die-region h3 {
  font-family: 'Open Sans', sans-serif !important; /* Sans-Serif statt Serif */
  font-weight: 700 !important; /* Fett */
  font-size: 20px !important;
  text-align: left !important; /* Linksbündig */
}/* End custom CSS */