/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child Theme for Hello Elementor
Author: Daniel Kohler
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/


/* BEITRAGSTITEL */
.entry-title {
	font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem)!important;
}



/* SCROLL-PADDING */
html {
  scroll-padding-top: 5vh; /* Verhindert Überlappung beim Scrollen */
  scroll-behavior: auto;
}

/* STICKY HEADER */
header {
    position: sticky !important;
    position: -webkit-sticky !important;   /* für Webkit-basierte Browser */
    top: 0 !important;
    z-index: ;
    background-color: rgba(255, 255, 255, 0.5) !important; /* 80% transparent white */
    backdrop-filter: blur(10px) !important; /* Blurs the background */
    -webkit-backdrop-filter: blur(10px) !important; /* For Safari support */
}

/* Remove dropdown animation */
.elementor-nav-menu .sub-menu {
  transition: none !important;  /* Disables animation */
  opacity: 1 !important;        /* Ensures it's always visible */
  transform: none !important;   /* Removes any movement */
}

/* Ensure dropdown appears instantly */
.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block !important;
}


#site-header {
    display: none !important;
}



/* KONTAKT-INFO */

/* Container für das Symbol und den Link */
#kontakt-info div {
    display: flex; /* Flexbox aktivieren, damit Symbol und Link in einer Reihe sind */
    align-items: center; /* Vertikale Ausrichtung der Elemente */
    transition: color 0.3s ease; /* Sanfter Übergang der Farbe beim Hover */
}

/* Farbe für die Font Awesome-Symbole (Telefon & E-Mail) */
#kontakt-info .fa-phone-alt,
#kontakt-info .fa-envelope {
    color: #E8EAED; /* Normale Farbe für Symbole (blau) */
    transition: color 0.3s ease; /* Sanfter Übergang der Farbe beim Hover */
    margin-right: 8px; /* Abstand zwischen Symbol und Text */
}

/* Farbe für den Link (Telefon & E-Mail) */
#kontakt-info a {
    color: #E8EAED; /* Normale Farbe für den Link (orange) */
    text-decoration: none; /* Entfernt die Unterstreichung des Links */
    transition: color 0.3s ease; /* Sanfter Übergang der Farbe beim Hover */
}

/* Hover-Effekt auf dem gesamten Container (Symbol + Link) */
#kontakt-info div:hover .fa-phone-alt,
#kontakt-info div:hover .fa-envelope,
#kontakt-info div:hover a {
    color: #FFC726; /* Farbe für Symbole und Links im Hover-Zustand (helles Orange) */
}