/* _content/BlazorWebApp/Components/Layout/MainLayout.razor.rz.scp.css */
/* Entfernt Standardr�nder, Container und Padding */
.layout-wrapper[b-r215xwi2mi] {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Fehleranzeige bleibt wie gehabt */
#blazor-error-ui[b-r215xwi2mi] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-r215xwi2mi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/BlazorWebApp/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ajqwrrfjf8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ajqwrrfjf8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ajqwrrfjf8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ajqwrrfjf8] {
    font-size: 1.1rem;
}

.bi[b-ajqwrrfjf8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ajqwrrfjf8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ajqwrrfjf8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ajqwrrfjf8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ajqwrrfjf8]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ajqwrrfjf8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ajqwrrfjf8]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ajqwrrfjf8] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ajqwrrfjf8] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ajqwrrfjf8] {
        display: none;
    }

    .nav-scrollable[b-ajqwrrfjf8] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BlazorWebApp/Components/Pages/Ascend.razor.rz.scp.css */
html[b-fa1ebjtlzc],
body[b-fa1ebjtlzc] {
    margin: 0;
    padding: 0;
    background: black;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

/* ========================================= */
/* HERO SECTION */
/* ========================================= */

.ascend-hero[b-fa1ebjtlzc] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url("images/SourBerryBlackBG.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* DARK OVERLAY */

.ascend-overlay[b-fa1ebjtlzc] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.75) );
    z-index: 1;
}

/* ========================================= */
/* MAIN CONTAINER */
/* ========================================= */

.ascend-container[b-fa1ebjtlzc] {
    width: 100%;
    padding: 80px 8%;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* CONTENT LAYOUT */
/* ========================================= */

.ascend-content[b-fa1ebjtlzc] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* LEFT SIDE */
/* ========================================= */

.ascend-left[b-fa1ebjtlzc] {
    flex: 1;
    max-width: 650px;
    z-index: 2;
    opacity: 0;
    transform: translateX(-60px);
    animation: slideLeft-b-fa1ebjtlzc 1s ease forwards;
}

/* TITLE */

.ascend-title[b-fa1ebjtlzc] {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 35px;
    letter-spacing: -2px;
    background: linear-gradient(90deg, #B86ADE, #A11AFB, #5415C3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 0.95;
}

/* DESCRIPTION */

.ascend-description[b-fa1ebjtlzc] {
    font-size: 1.2rem;
    line-height: 1.9;
    color: #BEBEBE;
    margin-bottom: 45px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-fa1ebjtlzc 1s ease forwards;
    animation-delay: 0.3s;
}

/* ========================================= */
/* BUTTONS */
/* ========================================= */

.ascend-buttons[b-fa1ebjtlzc] {
    display: flex;
    gap: 15px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-fa1ebjtlzc 0.8s ease forwards;
    animation-delay: 0.5s;
}

/* PRIMARY BUTTON */

.primary-button[b-fa1ebjtlzc] {
    background-color: white;
    color: black;
    width: 220px;
    height: 55px;
    font-weight: 550;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    letter-spacing: 0.3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    will-change: transform;
}

    /* HOVER */

    .primary-button:hover[b-fa1ebjtlzc] {
        background-color: #e5e5e5;
        transform: translateY(-4px) scale(1.03);
    }

    /* CLICK */

    .primary-button:active[b-fa1ebjtlzc] {
        transform: translateY(-1px) scale(0.99);
    }

/* ========================================= */
/* RIGHT SIDE */
/* ========================================= */

.ascend-right[b-fa1ebjtlzc] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateX(60px);
    animation: slideRight-b-fa1ebjtlzc 1s ease forwards;
    animation-delay: 0.2s;
}

/* IMAGE */

.ascend-image[b-fa1ebjtlzc] {
    width: 100%;
    max-width: 850px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: 0.4s ease;
    animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
}

    /* IMAGE HOVER */

    .ascend-image:hover[b-fa1ebjtlzc] {
        transform: scale(1.015);
    }

/* -----------------------------------
   NEWS-BLOCK
------------------------------------*/
.news-block[b-fa1ebjtlzc] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.news-image[b-fa1ebjtlzc] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .news-image img[b-fa1ebjtlzc] {
        max-width: 850px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 115px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.news-text[b-fa1ebjtlzc] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 100px;
}

/* TITLE */
.news-title[b-fa1ebjtlzc] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.news-text p[b-fa1ebjtlzc] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-news-title[b-fa1ebjtlzc] {
    display: inline;
}

/* Mobile versteckt */
.mobile-news-title[b-fa1ebjtlzc] {
    display: none;
}

/* -----------------------------------
   TODOS-BLOCK
------------------------------------*/
.todos-block[b-fa1ebjtlzc] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.todos-image[b-fa1ebjtlzc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .todos-image img[b-fa1ebjtlzc] {
        max-width: 850px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 140px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.todos-text[b-fa1ebjtlzc] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 20px;
}

/* TITLE */
.todos-title[b-fa1ebjtlzc] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.todos-text p[b-fa1ebjtlzc] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-todos-title[b-fa1ebjtlzc] {
    display: inline;
}

/* Mobile versteckt */
.mobile-todos-title[b-fa1ebjtlzc] {
    display: none;
}

/* -----------------------------------
   FRIENDS-BLOCK
------------------------------------*/
.friends-block[b-fa1ebjtlzc] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.friends-image[b-fa1ebjtlzc] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .friends-image img[b-fa1ebjtlzc] {
        max-width: 850px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 100px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.friends-text[b-fa1ebjtlzc] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 40px;
}

/* TITLE */
.friends-title[b-fa1ebjtlzc] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.friends-text p[b-fa1ebjtlzc] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-friends-title[b-fa1ebjtlzc] {
    display: inline;
}

/* Mobile versteckt */
.mobile-friends-title[b-fa1ebjtlzc] {
    display: none;
}

/* -----------------------------------
   AI-BLOCK
------------------------------------*/
.ai-block[b-fa1ebjtlzc] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.ai-image[b-fa1ebjtlzc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .ai-image img[b-fa1ebjtlzc] {
        max-width: 850px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 140px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.ai-text[b-fa1ebjtlzc] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 25px;
}

/* TITLE */
.ai-title[b-fa1ebjtlzc] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.ai-text p[b-fa1ebjtlzc] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-ai-title[b-fa1ebjtlzc] {
    display: inline;
}

/* Mobile versteckt */
.mobile-ai-title[b-fa1ebjtlzc] {
    display: none;
}

/* -----------------------------------
   CREATIVE-BLOCK
------------------------------------*/
.creative-block[b-fa1ebjtlzc] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.creative-image[b-fa1ebjtlzc] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .creative-image img[b-fa1ebjtlzc] {
        max-width: 850px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-fa1ebjtlzc 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 105px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.creative-text[b-fa1ebjtlzc] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 25px;
}

/* TITLE */
.creative-title[b-fa1ebjtlzc] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.creative-text p[b-fa1ebjtlzc] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-creative-title[b-fa1ebjtlzc] {
    display: inline;
}

/* Mobile versteckt */
.mobile-creative-title[b-fa1ebjtlzc] {
    display: none;
}

/* ========================================= */
/* ANIMATIONS */
/* ========================================= */

/* SLIDE LEFT */

@keyframes slideLeft-b-fa1ebjtlzc {

    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* SLIDE RIGHT */

@keyframes slideRight-b-fa1ebjtlzc {

    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* FADE UP */

@keyframes fadeUp-b-fa1ebjtlzc {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FLOATING IMAGE */

@keyframes floatImage-b-fa1ebjtlzc {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media (max-width: 768px) {

    /* HERO */

    .ascend-container[b-fa1ebjtlzc] {
        padding: 35px 24px 80px;
    }

    .ascend-content[b-fa1ebjtlzc] {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .ascend-left[b-fa1ebjtlzc] {
        max-width: 100%;
    }

    /* ========================================= */
    /* TITLE: von LINKS */
    /* ========================================= */

    .ascend-title[b-fa1ebjtlzc] {
        font-size: 2.5rem;
        line-height: 1.25;
        margin-bottom: 5px;
        opacity: 0;
        transform: translateX(-60px);
        animation: slideLeft-b-fa1ebjtlzc 1s ease forwards;
    }

    /* ========================================= */
    /* TEXT: von RECHTS */
    /* ========================================= */

    .ascend-description[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
        max-width: 500px;
        margin: 0 auto 35px auto;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-fa1ebjtlzc 1s ease forwards;
        animation-delay: 0.3s;
    }

    /* ========================================= */
    /* BUTTON: von RECHTS */
    /* ========================================= */

    .ascend-buttons[b-fa1ebjtlzc] {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-fa1ebjtlzc 0.8s ease forwards;
        animation-delay: 0.3s;
    }

    /* Kleinerer Button */

    .primary-button[b-fa1ebjtlzc] {
        width: 200px;
        height: 48px;
        font-size: 1rem;
    }

    /* ========================================= */
    /* IMAGE: von UNTEN */
    /* ========================================= */

    .ascend-right[b-fa1ebjtlzc] {
        opacity: 0;
        transform: translateY(60px);
        animation: fadeUp-b-fa1ebjtlzc 1s ease forwards;
        animation-delay: 0.5s;
    }

    .ascend-image[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 100%;
    }

    /* ========================================= */
    /* NEWS BLOCK */
    /* ========================================= */

    .news-block[b-fa1ebjtlzc] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .news-image[b-fa1ebjtlzc],
    .news-text[b-fa1ebjtlzc] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .news-text[b-fa1ebjtlzc] {
        margin-bottom: 10px;
    }

    .news-image img[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .news-title[b-fa1ebjtlzc] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .news-text p[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-news-title[b-fa1ebjtlzc] {
        display: none;
    }

    .mobile-news-title[b-fa1ebjtlzc] {
        display: inline;
    }

    /* ========================================= */
    /* TODOS BLOCK */
    /* ========================================= */

    .todos-block[b-fa1ebjtlzc] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .todos-image[b-fa1ebjtlzc],
    .todos-text[b-fa1ebjtlzc] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .todos-text[b-fa1ebjtlzc] {
        margin-bottom: 10px;
    }

    .todos-image img[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .todos-title[b-fa1ebjtlzc] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .todos-text p[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-todos-title[b-fa1ebjtlzc] {
        display: none;
    }

    .mobile-todos-title[b-fa1ebjtlzc] {
        display: inline;
    }

    /* ========================================= */
    /* FRIENDS BLOCK */
    /* ========================================= */

    .friends-block[b-fa1ebjtlzc] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .friends-image[b-fa1ebjtlzc],
    .friends-text[b-fa1ebjtlzc] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .friends-text[b-fa1ebjtlzc] {
        margin-bottom: 10px;
    }

    .friends-image img[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .friends-title[b-fa1ebjtlzc] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .friends-text p[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-friends-title[b-fa1ebjtlzc] {
        display: none;
    }

    .mobile-friends-title[b-fa1ebjtlzc] {
        display: inline;
    }

    /* ========================================= */
    /* AI BLOCK */
    /* ========================================= */

    .ai-block[b-fa1ebjtlzc] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .ai-image[b-fa1ebjtlzc],
    .ai-text[b-fa1ebjtlzc] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .ai-text[b-fa1ebjtlzc] {
        margin-bottom: 10px;
    }

    .ai-image img[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .ai-title[b-fa1ebjtlzc] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .ai-text p[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-ai-title[b-fa1ebjtlzc] {
        display: none;
    }

    .mobile-ai-title[b-fa1ebjtlzc] {
        display: inline;
    }

    /* ========================================= */
    /* CREATIVE BLOCK */
    /* ========================================= */

    .creative-block[b-fa1ebjtlzc] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .creative-image[b-fa1ebjtlzc],
    .creative-text[b-fa1ebjtlzc] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .creative-text[b-fa1ebjtlzc] {
        margin-bottom: 10px;
    }

    .creative-image img[b-fa1ebjtlzc] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .creative-title[b-fa1ebjtlzc] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .creative-text p[b-fa1ebjtlzc] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-creative-title[b-fa1ebjtlzc] {
        display: none;
    }

    .mobile-creative-title[b-fa1ebjtlzc] {
        display: inline;
    }

    /* BR-TAGS AUF MOBILE IGNORIEREN */

    .news-text br[b-fa1ebjtlzc],
    .todos-text br[b-fa1ebjtlzc],
    .friends-text br[b-fa1ebjtlzc],
    .ai-text br[b-fa1ebjtlzc],
    .creative-text br[b-fa1ebjtlzc] {
        display: none;
    }
}
/* _content/BlazorWebApp/Components/Pages/Home.razor.rz.scp.css */
html[b-fjlsdxpz6m], body[b-fjlsdxpz6m], .home-wrapper[b-fjlsdxpz6m] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden; /* verhindert horizontales Scrollen */
    font-family: 'Poppins', sans-serif;
    background-color: black;
}

*[b-fjlsdxpz6m] {
    box-sizing: border-box;
}

.fullscreen-hero[b-fjlsdxpz6m] {
    background-image: url("images/NewNew3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: space-between; /* LINKS + RECHTS */
    align-items: center; /* vertikal zentriert */
    padding: 0 5%;
    overflow: hidden;
}

/* -----------------------------------
   LEFT SIDE (TEXT)
------------------------------------*/
.hero-text[b-fjlsdxpz6m] {
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateX(-60px);
    animation: slideLeft-b-fjlsdxpz6m 1s ease forwards;
}

    /* H1 Styling */
    .hero-text h1[b-fjlsdxpz6m] {
        font-size: 6.5rem;
        font-weight: bold;
        margin-bottom: 20px;
        margin-left: 180px;
        line-height: 0.95;
    }

        .hero-text h1 span[b-fjlsdxpz6m] {
            display: block;
        }

/* Roter Verlauf */
.red-gradient[b-fjlsdxpz6m] {
    background: linear-gradient(to right, #9D1019, #FD4138);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gelber Verlauf */
.yellow-gradient[b-fjlsdxpz6m] {
    background: linear-gradient(to right, #F8BA33, #FEE08A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Paragraph */
.hero-text p[b-fjlsdxpz6m] {
    font-size: 1.2rem;
    color: #BEBEBE;
    margin-left: 187px;
    line-height: 1.7;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-fjlsdxpz6m 1s ease forwards;
    animation-delay: 0.3s;
}

    .hero-text p span[b-fjlsdxpz6m] {
        display: block;
    }

/* WRAPPER = Animation */
.button-wrapper[b-fjlsdxpz6m] {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-fjlsdxpz6m 0.8s ease forwards;
    animation-delay: 0.5s;
    text-decoration: none;
}

/* BUTTON selbst = nur Hover */
.exploreprojects-button[b-fjlsdxpz6m] {
    margin-left: 187px;
    margin-top: 25px;
    background-color: white;
    color: black;
    width: 220px;
    height: 55px;
    font-weight: 550;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    letter-spacing: 0.3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    will-change: transform;
}

    /* Hover funktioniert jetzt immer stabil */
    .exploreprojects-button:hover[b-fjlsdxpz6m] {
        background-color: #e5e5e5;
        transform: translateY(-4px) scale(1.03);
    }

    /* Klick Feedback */
    .exploreprojects-button:active[b-fjlsdxpz6m] {
        transform: translateY(-1px) scale(0.99);
    }

/* -----------------------------------
   RIGHT SIDE (IMAGE)
------------------------------------*/
.hero-image[b-fjlsdxpz6m] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 80px;
    opacity: 0;
    transform: translateX(60px);
    animation: slideRight-b-fjlsdxpz6m 1s ease forwards;
    animation-delay: 0.2s;
}

    .hero-image img[b-fjlsdxpz6m] {
        max-height: 70vh;
        width: auto;
        object-fit: contain;
        border-radius: 10px;
        animation: floatUpDown-b-fjlsdxpz6m 4s ease-in-out infinite;
        transition: 0.4s ease;
    }

        .hero-image img:hover[b-fjlsdxpz6m] {
            transform: scale(1.015);
        }

/* -----------------------------------
   NAVBAR
------------------------------------*/
.navbar[b-fjlsdxpz6m] {
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between; /* links + rechts */
    padding: 0 20px;
    z-index: 1000;
}

/* Logo jetzt links */
.logo-container[b-fjlsdxpz6m] {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.logo[b-fjlsdxpz6m] {
    height: 60px;
    width: 140px;
}

/* Contact Button rechts */
.contact-button[b-fjlsdxpz6m] {
    background-color: white;
    width: 120px;
    height: 38px;
    color: black;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: 550;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    margin-right: 40px;
}

    /* Optional: Hover-Effekt */
    .contact-button:hover[b-fjlsdxpz6m] {
        background-color: #e5e5e5;
    }

/* -----------------------------------
   INFO-BLOCK unter Hero
------------------------------------*/
.info-block[b-fjlsdxpz6m] {
    background-color: black; /*Vorher weiß*/
    color: #BEBEBE;
    text-align: center;
    padding-top: 140px;
    padding-bottom: 120px;
    font-size: 1.2rem;
    line-height: 1.7;
}

    /* TITLE */
    .info-block .info-title[b-fjlsdxpz6m] {
        color: white;
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.2;
    }

/* Desktop-Version sichtbar */
.desktop-title[b-fjlsdxpz6m] {
    display: inline;
}

/* Mobile-Version verstecken */
.mobile-title[b-fjlsdxpz6m] {
    display: none;
}


/* -----------------------------------
   DESIGN-BLOCK
------------------------------------*/
.design-block[b-fjlsdxpz6m] {
    background-color: #FDFCFD;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* 🔥 beide Seiten volle Höhe */

    padding: 0 5%; /* 🔥 kein top/bottom padding mehr */

    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.design-image[b-fjlsdxpz6m] {
    width: 45%;
    display: flex;
    align-items: stretch;
    transform: translateX(158px);
}

    /* Bild dockt oben + unten an */
    .design-image img[b-fjlsdxpz6m] {
        width: 100%;
        height: 100%; /* 🔥 volle Höhe */

        max-width: 550px;
        object-fit: cover;
        display: block;
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.design-text[b-fjlsdxpz6m] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */

    padding: 80px 0; /* nur Text bekommt Abstand */
    padding-left: 115px;
}

/* TITLE */
.design-title[b-fjlsdxpz6m] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: linear-gradient(to right, #9D1019, #FD4138);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.design-text p[b-fjlsdxpz6m] {
    color: #595959;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-design-title[b-fjlsdxpz6m] {
    display: inline;
}

/* Mobile versteckt */
.mobile-design-title[b-fjlsdxpz6m] {
    display: none;
}


/* -----------------------------------
   IDEA-BLOCK
------------------------------------*/
.idea-block[b-fjlsdxpz6m] {
    background-color: black; /*Vorher weiß*/
    color: #BEBEBE;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 120px;
    font-size: 1.2rem;
    line-height: 1.7;
}

    .idea-block .idea-title[b-fjlsdxpz6m] {
        color: white;
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

/* -----------------------------------
   TECHSTACK SECTION
------------------------------------*/
.techstackcontent-section[b-fjlsdxpz6m] {
    background-color: white;
    width: 100%;
    margin: 0;
    padding-top: 200px;
    padding-bottom: 220px;
    margin-bottom: 18px;
}

/* -----------------------------------
   2-SPALTEN LAYOUT
------------------------------------*/
.techstack-container[b-fjlsdxpz6m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    gap: 80px;
}

/* -----------------------------------
   LINKS: TEXT
------------------------------------*/
.techstacktext-container[b-fjlsdxpz6m] {
    width: 40%;
    text-align: left;
    display: flex;
    align-items: center;
}

    .techstacktext-container h1[b-fjlsdxpz6m] {
        font-size: 3rem;
        font-weight: bold;
        color: black;
        line-height: 1.2;
        padding-left: 30px;
    }

/* Kleines Feintuning für das I */
.shift-i[b-fjlsdxpz6m] {
    display: inline-block;
    transform: translateX(8px);
}

/* -----------------------------------
   RECHTS: ICON GRID
------------------------------------*/
.techstackicon-grid[b-fjlsdxpz6m] {
    display: grid;
    grid-template-columns: repeat(5, max-content);
    justify-content: center;
    gap: 75px;
    width: 60%;
    justify-items: center;
    align-items: center;
    transform: translateX(62px);
}

    /* ICONS */
    .techstackicon-grid img[b-fjlsdxpz6m] {
        width: 65px;
        height: auto;
        transition: transform 0.2s ease;
        -webkit-user-drag: none;
        user-select: none;
    }

        /* HOVER */
        .techstackicon-grid img:hover[b-fjlsdxpz6m] {
            transform: scale(1.12);
        }


/* -----------------------------------
   PROJECT CARDS
------------------------------------*/
.content-section[b-fjlsdxpz6m] {
    background-color: black;
    width: 100%;
    max-width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 35px;
    flex-wrap: wrap;
}

/* -----------------------------------
   HERO CARDS
------------------------------------*/
.hero-section[b-fjlsdxpz6m] {
    width: 30%;
    min-width: 320px;
    border-radius: 24px;
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

    /* Hover */
    .hero-section:hover[b-fjlsdxpz6m] {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    }

/* -----------------------------------
   INDIVIDUAL GRADIENTS
------------------------------------*/

/* NEXUS */
.hero-nexus[b-fjlsdxpz6m] {
    background: linear-gradient( to right, #FF7A18 0%, #FF6800 50%, #e64500 100% );
}

/* ASCEND */
.hero-ascend[b-fjlsdxpz6m] {
    background: linear-gradient( 90deg, #B86ADE 0%, #A11AFB 50%, #5415C3 100% );
}

/* VESTA */
.hero-vesta[b-fjlsdxpz6m] {
    background: linear-gradient(90deg, #E543F8, #037DEC);
}

/* -----------------------------------
   PROJECT ICON
------------------------------------*/
.project-icon[b-fjlsdxpz6m] {
    width: 76px;
    height: 76px;
    object-fit: contain;
    margin-bottom: 28px;
    user-select: none;
    -webkit-user-drag: none;
}

/* -----------------------------------
   TITLES
------------------------------------*/
.hero-section h1[b-fjlsdxpz6m] {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    line-height: 1.2;
    margin-bottom: 10px;
    
}

/* -----------------------------------
   TEXT
------------------------------------*/
.hero-section p[b-fjlsdxpz6m] {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #E5E5E5;
    margin-bottom: 30px;
    
}

/* -----------------------------------
   BUTTON
------------------------------------*/
.explore-button[b-fjlsdxpz6m] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 44px;
    border-radius: 20px;
    background-color: black;
    color: white;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 550;
    /* 🔥 Wichtig: Smooth Bewegung */
    transition: transform 0.25s ease, background-color 0.25s ease;
    /* optional für bessere GPU-Performance */
    will-change: transform;
}

/* Hover Effekt: leicht nach oben + leicht größer */
.explore-button:hover[b-fjlsdxpz6m] {
    background-color: #2b2b2b;
    /* 🔥 DAS ist die eigentliche “smooth nach oben” Animation */
    transform: translateY(-4px) scale(1.03);
}

/* optional: klick feeling */
.explore-button:active[b-fjlsdxpz6m] {
    transform: translateY(-1px) scale(0.99);
}

/* -----------------------------------
   FOOTER / IMPRESSUM
------------------------------------*/
.footer-section[b-fjlsdxpz6m] {
    margin-top: 120px;
    padding: 180px 20px;
    width: 100%;
    background-image: url("/images/Footer2Test.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-content[b-fjlsdxpz6m] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end; /* NEU */
    align-items: flex-start;
    color: #BEBEBE;
    font-size: 0.95rem;
    text-align: right; /* NEU */
    line-height: 1.7;
    transform: translateX(78px);
}


    .footer-content h3[b-fjlsdxpz6m] {
        color: white;
        margin-bottom: 10px;
        font-size: 1.2rem;
    }

    .footer-content a[b-fjlsdxpz6m] {
        color: white;
        text-decoration: none;
    }

        .footer-content a:hover[b-fjlsdxpz6m] {
            text-decoration: underline;
        }

/* -----------------------------------
   ANIMATIONS
------------------------------------*/

@keyframes slideLeft-b-fjlsdxpz6m {

    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideRight-b-fjlsdxpz6m {

    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeUp-b-fjlsdxpz6m {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatUpDown-b-fjlsdxpz6m {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* -----------------------------------
   RESPONSIVE – MOBILE FIRST (NEU)
------------------------------------*/
@media (max-width: 768px) {

    p br[b-fjlsdxpz6m] {
        display: none;
    }

    .fullscreen-hero[b-fjlsdxpz6m] {
        background-image: url("images/SourBerryBlackBG.jpg");
        background-position: center;
        background-size: cover;
        display: flex;
        flex-direction: column; /* 🔥 wichtig: untereinander */
        justify-content: flex-start;
        align-items: center;
        padding: 80px 20px 0 20px;
    }

    /* -----------------------------------
       TEXT
    ------------------------------------*/
    .hero-text[b-fjlsdxpz6m] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .hero-text h1[b-fjlsdxpz6m] {
            font-size: 3rem;
            margin-left: 0;
            line-height: 1.0;
            transform: translateY(0px);
        }

        .hero-text p[b-fjlsdxpz6m] {
            display: none;
        }

    .exploreprojects-button[b-fjlsdxpz6m] {
        display: none;
    }

    /* -----------------------------------
       IMAGE (unter dem Text)
    ------------------------------------*/
    .hero-image[b-fjlsdxpz6m] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-left: 180px;
    }

        .hero-image img[b-fjlsdxpz6m] {
            max-height: 60vh;
            width: auto;
            display: block;
            margin-left: auto;
            animation: floatUpDown-b-fjlsdxpz6m 4s ease-in-out infinite;
        }


    /* 🔥 FIX: Impressum – Zeilenumbrüche + Zentrierung */
    .footer-imprint p br[b-fjlsdxpz6m] {
        display: block;
    }

    .footer-imprint p[b-fjlsdxpz6m] {
        text-align: center;
    }

    /* -----------------------------------
       NAVBAR
    ------------------------------------*/
    .navbar[b-fjlsdxpz6m] {
        height: 55px;
        padding: 0 5px; /* etwas Luft links/rechts */
    }

    /* Logo kleiner für Mobile */
    .logo[b-fjlsdxpz6m] {
        height: 48px;
        width: 108px;
    }

    /* Logo leicht nach innen */
    .logo-container[b-fjlsdxpz6m] {
        margin-left: 5px;
    }

    /* Contact Button für Mobile optimieren */
    .contact-button[b-fjlsdxpz6m] {
        width: 100px;
        height: 34px;
        font-size: 1rem;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* -----------------------------------
   INFO BLOCK
------------------------------------*/
    .info-block[b-fjlsdxpz6m] {
        margin-top: 80px;
        margin-bottom: 35px;
        padding: 40px 20px;
        font-size: 1rem;
        line-height: 1.7;
    }

        .info-block .info-title[b-fjlsdxpz6m] {
            font-size: 2rem;
            line-height: 1.25;
        }

    /* Desktop ausblenden */
    .desktop-title[b-fjlsdxpz6m] {
        display: none;
    }

    /* Mobile anzeigen */
    .mobile-title[b-fjlsdxpz6m] {
        display: inline;
    }

    .mobile-break[b-fjlsdxpz6m] {
        display: inline;
    }

    /* -----------------------------------
       DESIGN BLOCK (MOBILE)
    ------------------------------------*/
    .design-block[b-fjlsdxpz6m] {
        background-color: white;
        display: flex;
        justify-content: center; /* horizontal */
        align-items: center; /* vertikal */

        padding: 80px 30px;
        text-align: center;
    }

    /* IMAGE AUSBLENDEN */
    .design-image[b-fjlsdxpz6m] {
        display: none;
    }

    /* TEXT volle Breite */
    .design-text[b-fjlsdxpz6m] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0;
        margin-bottom: -15px;
    }

    /* TITLE */
    .design-title[b-fjlsdxpz6m] {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    /* Desktop-Version ausblenden */
    .desktop-design-title[b-fjlsdxpz6m] {
        display: none;
    }

    /* Mobile-Version anzeigen */
    .mobile-design-title[b-fjlsdxpz6m] {
        display: inline;
    }

    /* PARAGRAPH */
    .design-text p[b-fjlsdxpz6m] {
        font-size: 1rem;
        line-height: 1.7;
    }

    /* -----------------------------------
       IDEA BLOCK
    ------------------------------------*/
    .idea-block[b-fjlsdxpz6m] {
        margin-top: 50px;
        margin-bottom: 35px;
        padding: 40px 20px;
        font-size: 1rem;
        line-height: 1.7;
    }

        .idea-block .idea-title[b-fjlsdxpz6m] {
            font-size: 2rem;
            line-height: 1.25;
        }

    /* -----------------------------------
       TECHSTACK (MOBILE)
    ------------------------------------*/
    .techstackcontent-section[b-fjlsdxpz6m] {
        padding-top: 80px;
        padding-bottom: 85px;
    }

    /* Container jetzt untereinander */
    .techstack-container[b-fjlsdxpz6m] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 60px;
        width: 100%;
    }

    /* -----------------------------------
       TEXT
    ------------------------------------*/
    .techstacktext-container[b-fjlsdxpz6m] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

        .techstacktext-container h1[b-fjlsdxpz6m] {
            font-size: 2rem;
            text-align: center;
            padding-left: 0;
            line-height: 1.25;
        }

    /* Kleines I-Fix */
    .shift-i[b-fjlsdxpz6m] {
        transform: translateX(4px);
    }

    /* -----------------------------------
       ICON GRID
    ------------------------------------*/
    .techstackicon-grid[b-fjlsdxpz6m] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, auto);
        justify-content: center;
        justify-items: center;
        align-items: center;
        gap: 60px;
        transform: none;
    }

        /* Icons etwas kleiner */
        .techstackicon-grid img[b-fjlsdxpz6m] {
            width: 48px;
        }

    /* -----------------------------------
       PROJECT CARDS (MOBILE)
    ------------------------------------*/
    .hero-section[b-fjlsdxpz6m] {
        width: 92%;
        min-width: unset;
        padding: 40px 28px;
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        /* Nur erste Card näher nach oben */
        .hero-section:first-child[b-fjlsdxpz6m] {
            margin-top: -45px;
        }

        .hero-section:last-child[b-fjlsdxpz6m] {
            margin-bottom: -130px;
        }

    /* -----------------------------------
   ICON
------------------------------------*/
    .project-icon[b-fjlsdxpz6m] {
        width: 64px;
        height: 64px;
        margin-bottom: 22px;
    }

    /* -----------------------------------
   TITLES
------------------------------------*/
    .hero-section h1[b-fjlsdxpz6m] {
        font-size: 2rem;
        text-align: center;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    /* -----------------------------------
   TEXT
------------------------------------*/
    .hero-section p[b-fjlsdxpz6m] {
        font-size: 1rem;
        text-align: center;
        line-height: 1.7;
        margin-bottom: 24px;
    }

    /* -----------------------------------
   BUTTON
------------------------------------*/
    .explore-button[b-fjlsdxpz6m] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 42px;
        font-size: 1rem;
        margin-top: 10px;
    }

    /* -----------------------------------
       FOOTER
    ------------------------------------*/
    .footer-section[b-fjlsdxpz6m] {
        margin-top: 80px;
        padding: 120px 20px;
        background: black;
    }

    /* 🔥 WICHTIG: komplette Zentrierung erzwingen */
    .footer-content[b-fjlsdxpz6m] {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        transform: none !important;
        margin: 0 auto;
    }
}
/* _content/BlazorWebApp/Components/Pages/Nexus.razor.rz.scp.css */
html[b-l04f5ur049],
body[b-l04f5ur049] {
    margin: 0;
    padding: 0;
    background: black;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

/* ========================================= */
/* HERO SECTION */
/* ========================================= */

.nexus-hero[b-l04f5ur049] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url("images/SourBerryBlackBG.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* DARK OVERLAY */

.nexus-overlay[b-l04f5ur049] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.75) );
    z-index: 1;
}

/* ========================================= */
/* MAIN CONTAINER */
/* ========================================= */

.nexus-container[b-l04f5ur049] {
    width: 100%;
    padding: 80px 8%;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* CONTENT LAYOUT */
/* ========================================= */

.nexus-content[b-l04f5ur049] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* LEFT SIDE */
/* ========================================= */

.nexus-left[b-l04f5ur049] {
    flex: 1;
    max-width: 650px;
    z-index: 2;
    opacity: 0;
    transform: translateX(-60px);
    animation: slideLeft-b-l04f5ur049 1s ease forwards;
}

/* TITLE */

.nexus-title[b-l04f5ur049] {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 35px;
    letter-spacing: -2px;
    background: linear-gradient(90deg, #FF7A18, #FF6800, #E64500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 0.95;
}

/* DESCRIPTION */

.nexus-description[b-l04f5ur049] {
    font-size: 1.2rem;
    line-height: 1.9;
    color: #BEBEBE;
    margin-bottom: 45px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-l04f5ur049 1s ease forwards;
    animation-delay: 0.3s;
}

/* ========================================= */
/* BUTTONS */
/* ========================================= */

.nexus-buttons[b-l04f5ur049] {
    display: flex;
    gap: 15px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-l04f5ur049 0.8s ease forwards;
    animation-delay: 0.5s;
}

/* PRIMARY BUTTON */

.primary-button[b-l04f5ur049] {
    background-color: white;
    color: black;
    width: 220px;
    height: 55px;
    font-weight: 550;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    letter-spacing: 0.3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    will-change: transform;
}

    /* HOVER */

    .primary-button:hover[b-l04f5ur049] {
        background-color: #e5e5e5;
        transform: translateY(-4px) scale(1.03);
    }

    /* CLICK */

    .primary-button:active[b-l04f5ur049] {
        transform: translateY(-1px) scale(0.99);
    }

/* ========================================= */
/* RIGHT SIDE */
/* ========================================= */

.nexus-right[b-l04f5ur049] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateX(60px);
    animation: slideRight-b-l04f5ur049 1s ease forwards;
    animation-delay: 0.2s;
}

/* IMAGE */

.nexus-image[b-l04f5ur049] {
    width: 100%;
    max-width: 800px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: 0.4s ease;
    animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
}

    /* IMAGE HOVER */

    .nexus-image:hover[b-l04f5ur049] {
        transform: scale(1.015);
    }

/* -----------------------------------
   DASHBOARD-BLOCK
------------------------------------*/
.dashboard-block[b-l04f5ur049] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.dashboard-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .dashboard-image img[b-l04f5ur049] {
        max-width: 800px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 80px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.dashboard-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 55px;
}

/* TITLE */
.dashboard-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.dashboard-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-dashboard-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-dashboard-title[b-l04f5ur049] {
    display: none;
}

/* -----------------------------------
   PROJECTS-BLOCK
------------------------------------*/
.projects-block[b-l04f5ur049] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.projects-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .projects-image img[b-l04f5ur049] {
        max-width: 800px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 138px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.projects-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 20px;
}

/* TITLE */
.projects-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.projects-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-projects-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-projects-title[b-l04f5ur049] {
    display: none;
}

/* -----------------------------------
   CREATEPROJECTS-BLOCK
------------------------------------*/
.createprojects-block[b-l04f5ur049] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.createprojects-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .createprojects-image img[b-l04f5ur049] {
        max-width: 800px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 60px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.createprojects-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0px;
}

/* TITLE */
.createprojects-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.createprojects-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-createprojects-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-createprojects-title[b-l04f5ur049] {
    display: none;
}

/* -----------------------------------
   TASKS-BLOCK
------------------------------------*/
.tasks-block[b-l04f5ur049] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.tasks-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .tasks-image img[b-l04f5ur049] {
        max-width: 800px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 140px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.tasks-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 20px;
}

/* TITLE */
.tasks-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.tasks-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-tasks-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-tasks-title[b-l04f5ur049] {
    display: none;
}

/* -----------------------------------
   SOCIAL-BLOCK
------------------------------------*/
.social-block[b-l04f5ur049] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.social-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .social-image img[b-l04f5ur049] {
        max-width: 800px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 68px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.social-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 13px;
}

/* TITLE */
.social-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.social-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-social-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-social-title[b-l04f5ur049] {
    display: none;
}

/* -----------------------------------
   EDITPROFILE-BLOCK
------------------------------------*/
.editprofile-block[b-l04f5ur049] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 680px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.editprofile-image[b-l04f5ur049] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .editprofile-image img[b-l04f5ur049] {
        max-width: 800px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-l04f5ur049 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 130px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.editprofile-text[b-l04f5ur049] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 20px;
}

/* TITLE */
.editprofile-title[b-l04f5ur049] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.editprofile-text p[b-l04f5ur049] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-editprofile-title[b-l04f5ur049] {
    display: inline;
}

/* Mobile versteckt */
.mobile-editprofile-title[b-l04f5ur049] {
    display: none;
}

/* ========================================= */
/* ANIMATIONS */
/* ========================================= */

/* SLIDE LEFT */

@keyframes slideLeft-b-l04f5ur049 {

    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* SLIDE RIGHT */

@keyframes slideRight-b-l04f5ur049 {

    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* FADE UP */

@keyframes fadeUp-b-l04f5ur049 {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FLOATING IMAGE */

@keyframes floatImage-b-l04f5ur049 {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media (max-width: 768px) {

    /* HERO */

    .nexus-container[b-l04f5ur049] {
        padding: 35px 24px 80px;
    }

    .nexus-content[b-l04f5ur049] {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .nexus-left[b-l04f5ur049] {
        max-width: 100%;
    }

    /* ========================================= */
    /* TITLE: von LINKS */
    /* ========================================= */

    .nexus-title[b-l04f5ur049] {
        font-size: 2.5rem;
        line-height: 1.25;
        margin-bottom: 5px;
        opacity: 0;
        transform: translateX(-60px);
        animation: slideLeft-b-l04f5ur049 1s ease forwards;
    }

    /* ========================================= */
    /* TEXT: von RECHTS */
    /* ========================================= */

    .nexus-description[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
        max-width: 500px;
        margin: 0 auto 35px auto;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-l04f5ur049 1s ease forwards;
        animation-delay: 0.3s;
    }

    /* ========================================= */
    /* BUTTON: von RECHTS */
    /* ========================================= */

    .nexus-buttons[b-l04f5ur049] {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-l04f5ur049 0.8s ease forwards;
        animation-delay: 0.3s;
    }

    .primary-button[b-l04f5ur049] {
        width: 200px;
        height: 48px;
        font-size: 1rem;
    }

    /* ========================================= */
    /* IMAGE: von UNTEN */
    /* ========================================= */

    .nexus-right[b-l04f5ur049] {
        opacity: 0;
        transform: translateY(60px);
        animation: fadeUp-b-l04f5ur049 1s ease forwards;
        animation-delay: 0.5s;
    }

    .nexus-image[b-l04f5ur049] {
        width: 100%;
        max-width: 100%;
    }

    /* ========================================= */
    /* DASHBOARD */
    /* ========================================= */

    .dashboard-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .dashboard-image[b-l04f5ur049],
    .dashboard-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .dashboard-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .dashboard-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .dashboard-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .dashboard-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-dashboard-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-dashboard-title[b-l04f5ur049] {
        display: inline;
    }

    /* ========================================= */
    /* PROJECTS */
    /* ========================================= */

    .projects-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .projects-image[b-l04f5ur049],
    .projects-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .projects-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .projects-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .projects-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .projects-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-projects-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-projects-title[b-l04f5ur049] {
        display: inline;
    }

    /* ========================================= */
    /* CREATE PROJECTS */
    /* ========================================= */

    .createprojects-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .createprojects-image[b-l04f5ur049],
    .createprojects-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .createprojects-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .createprojects-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .createprojects-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .createprojects-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-createprojects-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-createprojects-title[b-l04f5ur049] {
        display: inline;
    }

    /* ========================================= */
    /* TASKS */
    /* ========================================= */

    .tasks-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .tasks-image[b-l04f5ur049],
    .tasks-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .tasks-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .tasks-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .tasks-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .tasks-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-tasks-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-tasks-title[b-l04f5ur049] {
        display: inline;
    }

    /* ========================================= */
    /* SOCIAL */
    /* ========================================= */

    .social-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .social-image[b-l04f5ur049],
    .social-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .social-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .social-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .social-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .social-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-social-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-social-title[b-l04f5ur049] {
        display: inline;
    }

    /* ========================================= */
    /* EDIT PROFILE */
    /* ========================================= */

    .editprofile-block[b-l04f5ur049] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .editprofile-image[b-l04f5ur049],
    .editprofile-text[b-l04f5ur049] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .editprofile-text[b-l04f5ur049] {
        margin-bottom: 10px;
    }

    .editprofile-image img[b-l04f5ur049] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .editprofile-title[b-l04f5ur049] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .editprofile-text p[b-l04f5ur049] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-editprofile-title[b-l04f5ur049] {
        display: none;
    }

    .mobile-editprofile-title[b-l04f5ur049] {
        display: inline;
    }

    /* BR TAGS AUF MOBILE IGNORIEREN */

    .dashboard-text br[b-l04f5ur049],
    .projects-text br[b-l04f5ur049],
    .createprojects-text br[b-l04f5ur049],
    .tasks-text br[b-l04f5ur049],
    .social-text br[b-l04f5ur049],
    .editprofile-text br[b-l04f5ur049] {
        display: none;
    }
}
/* _content/BlazorWebApp/Components/Pages/Vesta.razor.rz.scp.css */
html[b-vklmd44bme],
body[b-vklmd44bme] {
    margin: 0;
    padding: 0;
    background: black;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

/* ========================================= */
/* HERO SECTION */
/* ========================================= */

.vesta-hero[b-vklmd44bme] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url("images/SourBerryBlackBG.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* DARK OVERLAY */

.vesta-overlay[b-vklmd44bme] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.75) );
    z-index: 1;
}

/* ========================================= */
/* MAIN CONTAINER */
/* ========================================= */

.vesta-container[b-vklmd44bme] {
    width: 100%;
    padding: 80px 8%;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* CONTENT LAYOUT */
/* ========================================= */

.vesta-content[b-vklmd44bme] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    position: relative;
    z-index: 2;
}

/* ========================================= */
/* LEFT SIDE */
/* ========================================= */

.vesta-left[b-vklmd44bme] {
    flex: 1;
    max-width: 650px;
    z-index: 2;
    opacity: 0;
    transform: translateX(-60px);
    animation: slideLeft-b-vklmd44bme 1s ease forwards;
}

/* TITLE */

.vesta-title[b-vklmd44bme] {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 35px;
    letter-spacing: -2px;
    background: linear-gradient(90deg, #E543F8, #037DEC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 0.95;
}

/* DESCRIPTION */

.vesta-description[b-vklmd44bme] {
    font-size: 1.2rem;
    line-height: 1.9;
    color: #BEBEBE;
    margin-bottom: 45px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-vklmd44bme 1s ease forwards;
    animation-delay: 0.3s;
}

/* ========================================= */
/* BUTTONS */
/* ========================================= */

.vesta-buttons[b-vklmd44bme] {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp-b-vklmd44bme 0.8s ease forwards;
    animation-delay: 0.5s;
}

/* PRIMARY BUTTON */

.primary-button[b-vklmd44bme] {
    background-color: white;
    color: black;
    width: 220px;
    height: 55px;
    font-weight: 550;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    letter-spacing: 0.3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    will-change: transform;
}

    /* HOVER */

    .primary-button:hover[b-vklmd44bme] {
        background-color: #e5e5e5;
        transform: translateY(-4px) scale(1.03);
    }

    /* CLICK */

    .primary-button:active[b-vklmd44bme] {
        transform: translateY(-1px) scale(0.99);
    }

/* ========================================= */
/* RIGHT SIDE */
/* ========================================= */

.vesta-right[b-vklmd44bme] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateX(60px);
    animation: slideRight-b-vklmd44bme 1s ease forwards;
    animation-delay: 0.2s;
}

/* IMAGE */

.vesta-image[b-vklmd44bme] {
    width: 100%;
    max-width: 850px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: 0.4s ease;
    animation: floatImage-b-vklmd44bme 6s ease-in-out infinite;
}

    /* IMAGE HOVER */

    .vesta-image:hover[b-vklmd44bme] {
        transform: scale(1.015);
    }

/* -----------------------------------
   CUSTOMIZE-BLOCK
------------------------------------*/
.customize-block[b-vklmd44bme] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.customize-image[b-vklmd44bme] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .customize-image img[b-vklmd44bme] {
        max-width: 850px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-vklmd44bme 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 105px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.customize-text[b-vklmd44bme] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 70px;
}

/* TITLE */
.customize-title[b-vklmd44bme] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.customize-text p[b-vklmd44bme] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-customize-title[b-vklmd44bme] {
    display: inline;
}

/* Mobile versteckt */
.mobile-customize-title[b-vklmd44bme] {
    display: none;
}

/* -----------------------------------
   PRIVATECHAT-BLOCK
------------------------------------*/
.privatechat-block[b-vklmd44bme] {
    background-color: black;
    color: #595959;
    display: flex;
    flex-direction: row-reverse; /* 🔥 IMAGE RECHTS / TEXT LINKS */
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px;
}

/* -----------------------------------
   IMAGE (RECHTS)
------------------------------------*/
.privatechat-image[b-vklmd44bme] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

    .privatechat-image img[b-vklmd44bme] {
        max-width: 400px;
        width: 100%;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-vklmd44bme 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        /* 🔥 neue Position */
        margin-right: 85px;
        margin-top: 20px;
    }

/* -----------------------------------
   TEXT (LINKS)
------------------------------------*/
.privatechat-text[b-vklmd44bme] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 🔥 neue Abstände */
    padding-left: 38px;
    margin-left: 20px;
}

/* TITLE */
.privatechat-title[b-vklmd44bme] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.privatechat-text p[b-vklmd44bme] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-privatechat-title[b-vklmd44bme] {
    display: inline;
}

/* Mobile versteckt */
.mobile-privatechat-title[b-vklmd44bme] {
    display: none;
}

/* -----------------------------------
   GENERATE-BLOCK
------------------------------------*/
.generate-block[b-vklmd44bme] {
    background-color: #212121;
    color: #595959;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 alle Items vertikal zentriert */
    padding: 0 5%; /* horizontaler Abstand */
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: hidden;
    min-height: 600px; /* Block wird mindestens 600px hoch */
}

/* -----------------------------------
   IMAGE (LINKS)
------------------------------------*/
.generate-image[b-vklmd44bme] {
    display: flex;
    justify-content: center;
    align-items: center; /* 🔥 vertikal zentriert */
}

    .generate-image img[b-vklmd44bme] {
        max-width: 425px; /* exakt wie vesta-image */
        width: 100%; /* passt sich der max-width an */
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.4s ease;
        animation: floatImage-b-vklmd44bme 6s ease-in-out infinite;
        object-fit: contain;
        display: block;
        margin-left: 280px; /* nach rechts */
        margin-top: 20px; /* nach unten */
    }

/* -----------------------------------
   TEXT (RECHTS)
------------------------------------*/
.generate-text[b-vklmd44bme] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 🔥 Text vertikal mittig */
    padding-left: 115px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 70px;
}

/* TITLE */
.generate-title[b-vklmd44bme] {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Paragraph */
.generate-text p[b-vklmd44bme] {
    color: #BEBEBE;
    font-size: 1.2rem;
}

/* Desktop sichtbar */
.desktop-generate-title[b-vklmd44bme] {
    display: inline;
}

/* Mobile versteckt */
.mobile-generate-title[b-vklmd44bme] {
    display: none;
}

/* ========================================= */
/* ANIMATIONS */
/* ========================================= */

/* SLIDE LEFT */

@keyframes slideLeft-b-vklmd44bme {

    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* SLIDE RIGHT */

@keyframes slideRight-b-vklmd44bme {

    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* FADE UP */

@keyframes fadeUp-b-vklmd44bme {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FLOATING IMAGE */

@keyframes floatImage-b-vklmd44bme {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media (max-width: 768px) {

    /* HERO */

    .vesta-container[b-vklmd44bme] {
        padding: 35px 24px 80px;
    }

    .vesta-content[b-vklmd44bme] {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .vesta-left[b-vklmd44bme] {
        max-width: 100%;
    }

    /* ========================================= */
    /* TITLE: von LINKS */
    /* ========================================= */

    .vesta-title[b-vklmd44bme] {
        font-size: 2.5rem;
        line-height: 1.25;
        margin-bottom: 5px;
        opacity: 0;
        transform: translateX(-60px);
        animation: slideLeft-b-vklmd44bme 1s ease forwards;
    }

    /* ========================================= */
    /* TEXT: von RECHTS */
    /* ========================================= */

    .vesta-description[b-vklmd44bme] {
        font-size: 1rem;
        line-height: 1.7;
        max-width: 500px;
        margin: 0 auto 35px auto;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-vklmd44bme 1s ease forwards;
        animation-delay: 0.3s;
    }

    /* ========================================= */
    /* BUTTON: von RECHTS */
    /* ========================================= */

    .vesta-buttons[b-vklmd44bme] {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        opacity: 0;
        transform: translateX(60px);
        animation: slideRight-b-vklmd44bme 0.8s ease forwards;
        animation-delay: 0.3s;
    }

    /* Kleinerer Button */

    .primary-button[b-vklmd44bme] {
        width: 200px;
        height: 48px;
        font-size: 1rem;
    }

    /* ========================================= */
    /* IMAGE: von UNTEN */
    /* ========================================= */

    .vesta-right[b-vklmd44bme] {
        opacity: 0;
        transform: translateY(60px);
        animation: fadeUp-b-vklmd44bme 1s ease forwards;
        animation-delay: 0.5s;
    }

    .vesta-image[b-vklmd44bme] {
        width: 100%;
        max-width: 100%;
    }

    /* ========================================= */
    /* CUSTOMIZE BLOCK */
    /* ========================================= */

    .customize-block[b-vklmd44bme] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .customize-image[b-vklmd44bme],
    .customize-text[b-vklmd44bme] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .customize-text[b-vklmd44bme] {
        margin-bottom: 10px;
    }

    .customize-image img[b-vklmd44bme] {
        width: 100%;
        max-width: 450px;
        margin: 0;
    }

    .customize-title[b-vklmd44bme] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .customize-text p[b-vklmd44bme] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-customize-title[b-vklmd44bme] {
        display: none;
    }

    .mobile-customize-title[b-vklmd44bme] {
        display: inline;
    }

    /* ========================================= */
    /* PRIVATE CHAT BLOCK */
    /* ========================================= */

    .privatechat-block[b-vklmd44bme] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .privatechat-image[b-vklmd44bme],
    .privatechat-text[b-vklmd44bme] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .privatechat-text[b-vklmd44bme] {
        margin-bottom: 10px;
    }

    .privatechat-image img[b-vklmd44bme] {
        width: 100%;
        max-width: 320px;
        margin: 0;
    }

    .privatechat-title[b-vklmd44bme] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .privatechat-text p[b-vklmd44bme] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-privatechat-title[b-vklmd44bme] {
        display: none;
    }

    .mobile-privatechat-title[b-vklmd44bme] {
        display: inline;
    }

    /* ========================================= */
    /* GENERATE BLOCK */
    /* ========================================= */

    .generate-block[b-vklmd44bme] {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        padding: 80px 25px;
        min-height: auto;
        gap: 50px;
    }

    .generate-image[b-vklmd44bme],
    .generate-text[b-vklmd44bme] {
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .generate-text[b-vklmd44bme] {
        margin-bottom: 10px;
    }

    .generate-image img[b-vklmd44bme] {
        width: 100%;
        max-width: 320px;
        margin: 0;
    }

    .generate-title[b-vklmd44bme] {
        font-size: 2rem;
        line-height: 1.25;
    }

    .generate-text p[b-vklmd44bme] {
        font-size: 1rem;
        line-height: 1.7;
    }

    .desktop-generate-title[b-vklmd44bme] {
        display: none;
    }

    .mobile-generate-title[b-vklmd44bme] {
        display: inline;
    }

    /* BR-TAGS AUF MOBILE IGNORIEREN */

    .customize-text br[b-vklmd44bme],
    .privatechat-text br[b-vklmd44bme],
    .generate-text br[b-vklmd44bme] {
        display: none;
    }
}