/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://example.com/generatepress-child/
 Description:  GeneratePress Child Theme
 Author:       stefane9
 Author URI:   stefane9 @ github
 Template:     generatepress
 Version:      1.0.0
*/

@import url("../generatepress/style.css");

/* CUSTOM STEFANE9 no SCROLL */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden;
    }
}

/* CSS-Variablen (Setzen Sie diese in einem globalen Scope oder direkt in Ihrem Selektor) */
:root {
    --gradient-footer: linear-gradient(180deg, #C64D31 0%, #983119 100%);
    --font-primary: "Nuosu SIL", Sans-serif;
    --white: #FFFFFF;
    --bold: bold;
    --large: 1.5rem;
}

/* CONTAINER ONE */
/* --------------------------------------------------------------------------- */
/* ROUNDED TEXT */
.rounded-text {
    width: 15.625rem;
    height: 15.625rem;
    text-transform: uppercase;
    transform: rotate(-103deg);
    color: #fff; /* Weiß bleibt */
    font-weight: 400;
    z-index: -1;
    font-family: Quicksand;
}

.rounded-text:hover {
    font-weight: bold; /* Hover-Effekt, ändert nur die Schriftstärke, keine Farbe */
    color: #ff0000 !important;
}

.white {
    fill: #fff; /* Nur Weiß */
}

/* Entfernen der .yellow und .green Klassen, da sie nicht mehr benötigt werden */

@keyframes rotating {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

.rotating {
    animation: rotating 18s linear infinite;
}

/* Anpassung der @keyframes coloring Animation, um nur Weiß zu verwenden */
@keyframes coloring {
    0%,
    100% {
        fill: #fff;
    }
}

.coloring {
    animation: coloring 12s linear infinite; /* Die Animation bleibt, führt aber keine Farbänderung durch */
}

.icon {
    position: absolute;
    bottom: 100px; /* Abstand vom unteren Rand bleibt */
}

/* LINES */
.lines {
    position: absolute;
    bottom: 40px;
}

/* STICKY SOCIAL MEDIA BUTTON */
.stickySignupButton {
    position: fixed;
    bottom: 40px; /* Abstand vom unteren Rand */
    right: 30px; /* Abstand vom rechten Rand */
    z-index: 999; /* Stellt sicher, dass der Button über anderen Elementen liegt */
    border-radius: 5px;
    background-color: #b63517;
    color: white;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    padding: 10px 20px;
}

.stickySignupButton:hover {
    background-color: black;
    color: white;
}

.stickySignupButton:visited:active:focus {
    background-color: #b63517;
}