/*
Theme Name:   TI Group Theme
Theme URI:    https://ti.group/
Author:       Ihr Name / Ihre Agentur
Author URI:   https://ihre-webseite.de/
Description:  Ein individuelles Theme für die TI Group, entwickelt zur Bearbeitung mit Elementor.
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         custom-background, custom-logo, editor-style, featured-images, post-formats, theme-options
Text Domain:  tigroup
*/

/* Eigene Stile für das helle Design */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa; /* Light grey background */
    color: #495057; /* Darker grey for text */
}

/* Akzentfarbe und Textfarben */
.text-primary {
    color: #343a40; /* Almost black for headings */
}
.text-secondary {
    color: #6c757d; /* Grey for body text */
}
.accent-bg {
    background-color: #e9ecef; /* Light grey for icon backgrounds */
}
.accent-color {
    color: #868e96;
}

/* Animation für Elemente, die ins Sichtfeld scrollen */
.fade-in-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Hero-Sektion mit neuem Hintergrundbild */
#welcome {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}