/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --teal:     #007289;
  --teal-dk:  #005a6e;
  --cream:    #f9f4ef;
  --cream-dk: #f0e8de;
  --orange:   #e37910;
  --orange-dk:#c4690d;
  --dark:     #1c2b31;
  --muted:    #5a6e74;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'DM Sans', sans-serif;
}

html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--cream-dk); }
::-webkit-scrollbar-thumb { background: var(--teal); border-radius: 3px; }


/* Header Standard (transparent, auf Hero) */
.elementor-location-header .e-con-boxed {
  transition: background 0.4s, box-shadow 0.4s;
}
.elementor-location-header .e-con-boxed .elementor-nav-menu a {
  color: rgba(255,255,255,0.85) !important;
  transition: color 0.3s;
}

/* Header nach dem Scrollen */
.elementor-location-header .e-con-boxed.header-scrolled {
  background: rgba(0,114,137,0.92) !important;
  box-shadow: 0 2px 24px rgba(0,0,0,0.15);
}
.elementor-location-header .e-con-boxed.header-scrolled .elementor-nav-menu a {
  color: #ffffff !important;
}



/* Sanftere Scroll-Animationen */
.elementor-invisible {
  opacity: 0;
}
.animated.fadeInUp {
  animation-name: fadeInUpSubtle;
}
@keyframes fadeInUpSubtle {
  from {
    opacity: 0;
    transform: translateY(120px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}