@import "css-style-1.php?timestamp=1794786328";

<!-- alles erstmal wie Style 1; -->

<style>
    .dummy {
        /*erstes Element macht Probleme?*/
    }


    .accordion-body {
        /* in diesem Style direkt wie normaler Hitnergrund, nur oben Rahmen */
        /* dadurch auch Menü sollte Inhalt nicht greller - weiss - sein als als normaler Hitnergrund sondern selbe Farbe*/

        /*neu: doch einfach Weiss geeignigt */
        background-color: white;
        /*background-color:
                    !important;
        */
    }

    .accordion-button {
        /* in diesem Style direkt wie normaler Hitnergrund, nur oben Rahmen */
        color:
                    ;
        background-color:
                    ;

    }

    /* in diesem Style direkt wie normaler Hitnergrund, nur oben Rahmen */
    /*
    .accordion-button:not(.collapsed) {

        color:
                ;
    background-color:
        ;
    }



    */
    /* in diesem Style direkt wie normaler Hitnergrund, nur oben Rahmen */

    .accordion-button::after {
        color:
                    ;
        background-color:
            transparent;

    }

    /* wenn nicht collsed, hightlight was selektiert */
    .accordion-button:not(.collapsed) {

        color:
                    ;
        background-color:
                    ;
    }

    .accordion-button:not(.collapsed)::after {
        color:
                    ;
        background-color:
            transparent;

    }




    .accordion {

        /*Button einklappen wenn ausgeklappt*/
        /* original - direkt aus Chrome kopiert
                --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
        
/*note: mussten " hinzu am Anfang und Ende: on top zu was in Chrome und von dort kopiert*/
        /* funktioniert, aber hier noch hardcoded 
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
*/

        /* funntiinert: muss aber in Style 0 da immer
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
*/

        /*in diesem Style keine Rundung, da man nur Zeile sieht und die sonst in erster Zeile abgerundet*/
        --bs-accordion-border-radius: 0px;
        --bs-accordion-inner-border-radius: 0px;

        /* Standard Bootstrap Accordion deaktiveren */
        --bs-accordion-border-width: 0px;
        --bs-accordion-bg:
                    ;

        --bs-accordion-border-color:
            none;



    }

    .accordion-item {
        height: 100%;

        border-top: 2px !important;
        border-top-style: solid !important;
        border-top-color:
                        !important;
    }

    /*normalerwiese Platz nach unten: hier sieht man den und brauche eher oben*/
    .accordion-header>button {

        /*Abstand nach unten*/
        margin-bottom: 0px;

        /*NEU: Abstand nach oben - tatsächlich ist das wirkt wie border oben*/
        margin-top: 8px;


    }

    @media screen and (min-device-width: 768px) {
        .accordion-header>button {

            /*NEU: Abstand nach oben - tatsächlich ist das wirkt wie border oben*/
            margin-top: 3px;
        }
    }
</style>