/*
basic styles for the template
 */
section.background-gray {
    background: #303030;
    color: #fff;
}
section.background-dark-gray {
    background: #202020;
    color: #fff;
}
section.background-white {
    background: #fff;
    color: #202020;
}
section.background-white h1 span,
section.background-white h2 span {
    color: #2A86D9 !important;
}
h1 span,
h2 span {
    color: #2A86D9 !important;
}

section.background-white .media-heading-wrapper .fa {
    color: #202020 !important;
    border-color: #202020 !important;
}

section.background-white a {
    color: #2A86D9 !important;
}

section {
    padding-bottom: 32px;
}

/*
navbar styles for the template
 */

.navbar-default .navbar-brand {
    padding: 22px 0 0 12px;
    height: 120px;
}
.navbar-default .navbar-brand object {
    height: 76px;
}
.navbar-default .navbar-nav.navbar-right {
    margin-top: 48px;
}
.navbar-default .navbar-nav > li > a.current {
    color: #2A86D9;
}

/*
home
 */
.element {
    font-weight: bold;
    font-size: 22px;
    text-shadow:
        -2px -2px 40px #404040,
        2px -2px 40px #404040,
        -2px 2px 40px #404040,
        2px 2px 40px #404040;
}

/*
about
 */
#about {
    padding-bottom: 80px;
}

.sub-element {
    opacity: 0;
    transition: all 0.5s ease;
}
span.fade-in-char {
    opacity: 1;
}

ul.boxed-icon {
    list-style: none;
    padding-left: 0;
}

ul.boxed-icon li {
    position: relative;
    padding-left: 3em; /* Platz für das Icon schaffen */
    margin-bottom: 0.5em;
}

ul.boxed-icon li::before {
    content: '\f00c'; /* Unicode für fa-check-square */
    font-family: 'FontAwesome';
    font-weight: 900; /* wichtig für Solid-Icons */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em; /* oder anpassen */
    color: #00BAFF; /* z. B. grün */
    border: 1px solid #00BAFF;
    padding: 0.3em 0.5em;
}

#why-us {
    padding-top: 60px;
}
#why-us h3 {
    margin-bottom: 20px;
}
#why-us h4 {
    margin: 30px 0;
}


@media only screen and ( max-width: 767px ) {
    header {
        margin-top: 120px;
    }
    .element {
        height: 90px;
    }
}