#accordion-us{
    display:flex;
    justify-content:center;
    align-items:start;
}


/* Accordion Item Styling */
.accordion-item {
    border-radius: 0px!important;
    overflow: hidden;
    border-left: 0;
    border-right: 0;
    background:transparent!important;
    border-bottom:1px solid white;
}

/* Accordion Header Styling */
.accordion-header {
    font-family: 'PathwayGothic';
    font-weight:900;
}



/* Accordion Collapse Styling */
.accordion-collapse {
    /* background:  rgba(220,224,105,0.6)!important; */
    border-top: 0px solid #ddd!important;
    /* padding: 1rem; */
    transition: height 0.4s ease-in-out;
    background:  transparent!important;
    will-change: height;

}

.accordion-body {
    color:white;
    font-family: 'PathwayGothic';
    font-size: 1vw;
    line-height: 1.6;
    background:  transparent!important;

}

/* Links Styling */
.accordion-body a {
    /* margin-top: 1.33rem; */
    /* font-size: 0.933vw; */
    text-decoration: none;
    /* transition: color 0.3s ease; */
}

.accordion-body a:active {
}

/* Strong Elements Styling */
.accordion-body strong {
    font-family: 'PathwayGothic';
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
    font-size:1vw;
    color:white;}

.accordion-button {
    font-family: 'PathwayGothic';
    font-weight:900;
    font-size:1.2vw!important;
    border-radius: 0px!important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(220, 224, 105, 0.25)!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -ms-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    background:  transparent!important;
}

.accordion-button span{
    transform:skew(0deg);
    transition: transform 0.2s ease-in-out;
    font-size: clamp(1.88rem, 2vw + 1rem, 10rem);
    color: white;
    
}
.accordion-button:hover span{
    transform:skew(-10deg);
}

.accordion-button:not(.collapsed) {
    border-radius: 0px!important;
    background:  transparent!important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(220, 224, 105, 0.25)!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -ms-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    color: black !important;
    xbackground-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%3E%3Ctitle%3Eplus%3C/title%3E%3Cpath%20d%3D%22M232%20280L64%20280%2064%20232%20232%20232%20232%2064%20280%2064%20280%20232%20448%20232%20448%20280%20280%20280%20280%20448%20232%20448%20232%20280Z%22%20/%3E%3C/svg%3E")!important
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%3E%3Ctitle%3Eplus%3C/title%3E%3Cpath%20d%3D%22M232%20280L64%20280%2064%20232%20232%20232%20232%2064%20280%2064%20280%20232%20448%20232%20448%20280%20280%20280%20280%20448%20232%20448%20232%20280Z%22%20/%3E%3C/svg%3E");
    content: "";
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3Eminus%3C/title%3E%3Cpath%20d%3D%22M64%20232L448%20232%20448%20280%2064%20280%2064%20232Z%22%20/%3E%3C/svg%3E");    
}

.accordion-button-icon{
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%3E%3Ctitle%3Eplus%3C/title%3E%3Cpath%20d%3D%22M232%20280L64%20280%2064%20232%20232%20232%20232%2064%20280%2064%20280%20232%20448%20232%20448%20280%20280%20280%20280%20448%20232%20448%20232%20280Z%22%20/%3E%3C/svg%3E")!important;    
}


.accordion-button:focus,
.accordion-button:active{
    border: 0px!important;
    border-bottom: 0px!important;
    outline:none!important;
}

.accordion-button:focus {
    box-shadow: none !important; /* Entfernt den Fokus-Schatten */
    border-color: transparent !important; /* Macht die Grenze transparent */
}


@media screen and (max-width:777px){

    .accordion-button {
        font-size:5vw!important;
    }

    .accordion-body {
        font-size: 4vw!important;
    }
    .accordion-body strong {
        font-size:4vw!important;
    }
}