body {
    border-radius: 10px;
    align-items: center;
    font-family: Arial;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background: url(../img/bg.webp) no-repeat center;
    background: linear-gradient(47deg, black, black, black, black, #2b2b2b );
    background-size: cover;
    background-blend-mode: overlay; /* Blend-Modus auf das Hintergrundbild anwenden */
    box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.8), inset 0 0 2em rgba(0, 0, 0, 0.3), inset 0 0 2em rgba(0, 0, 0, 0.8);
}
 

/* ************************ */
.pageWrapper {
    display: flex;
    flex-direction: column;
    width: 95%;
    border-radius: 10px;
    border: solid 1px;
    border-color: darkslategray;
    backdrop-filter: blur(3px);
    padding: 2em;
    min-height: 1400px;
}

/* ********************************* */
.wrapperHead {
    opacity: 0.6;
    background: black;
    color: orange;
    border-color: black;
    border: 1px solid;
    width: 95%;
    height: 100px;
    border-radius: 0.8em;
    background-image: url(../img/_LOGOOH_FOGO3AL0.webp);
    background-size: contain;
    background-repeat: no-repeat;
}


/* ************************ */
.wrapper {
  
    display: flex;
    width: 95%;
    flex-direction: column;
    margin-top: 20px;
    position: relative;
    padding: 0.5em 0;
}



/* ***********************++++++++++++++++ */
.buttonRow {
  position: relative; 
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    overflow-y: hidden;
    /* flex-direction: row;
   /* margin-bottom: 1px;
   /* margin-top: 2px; */
    z-index: 1;
}

    .buttonRow::-webkit-scrollbar {
        /*  width: 40%;*/
        height: 25px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .buttonRow::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }

        .buttonRow::-webkit-scrollbar-thumb:hover {
        }

    .buttonRow::-webkit-scrollbar-track {
        border-radius: 5px;
    }

        .buttonRow::-webkit-scrollbar-track:hover {
        }




    /* ***********************+++++++++++++++++ */
#promptfenster, textarea {
    position: relative;
    display: flex;
    border-radius: 0.8em;
    max-width: 100%;
    height: 115px;
    font-size: 20px;
    padding: 0.6em 1em;
    overflow-wrap: normal;   
    overflow-y: hidden;
}



    /********************** + + + + + + + + + + + + + + + + */


#allneededinfos {
    display: flex;
    position: absolute;
    top: -154px;
    left: -32px;
    border: 1px solid;
    border-color: initial;
    border-radius: 9px 0px 0px 0px;
    height: 21px;
    width: 20px;
    background-color: transparent;
}
    #allneededinfos:hover {
        background-color: black;
        border-color: darkorange;
    }
    #allneededinfos:active {
        background-color: darkorange;
        border-color: black;
    }

/* ****************************-------change style button und selection */
.stylechange {
    display: none;
    position: absolute;
    background-color: transparent;
    font-size: 10px;
    height: 20px;
    width: 136px;
    top: -154px;
    left: -11px;  
}
.stylechange:hover {
    background-color: silver;
}
#CUIstyleBtn {
    display: flex;
    position: relative;
    height: 18px;
    width: 55px;
    top: 1px;
    left: 10px;
    border: deeppink 1px solid;
}

    #CUIstyleBtn:hover {
        background-color: black;
        color: deeppink;
        border: deeppink 1px solid;
    }

    #CUIstyleBtn:active {
        color: silver;
        border: silver 1px solid;
    }
#uistyle {
    display: flex;
    position: relative;
    background-color: transparent;
    font-size: 10px;
    height: 18px;
    width: 55px;
    top: 1px;
    left: 15px;
    border: deeppink 1px solid;
}
#uistyle:hover {
    background-color: black;
    color:deeppink;
    border: deeppink 1px solid;
}

/* ******************************************************/
button {
    display: flex;
    background-color: transparent;
    cursor: pointer;
}


.uppercbrow {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: row;
    align-items: flex-start;
}
.sneakcreatorsneak .uppercbrow {
    top: -155px;
}
.sneakcreatorsneak #tooltiplan {
    left: 73px;
}
/* ----------vanilla ccs modus----ggf verschieben-------------- */

.sneakcreatorsneak.CFBvanilla .xtraA, .sneakcreatorsneak.CFButton1 .xtraA, .sneakcreatorsneak.CFButton2 .xtraA, .sneakcreatorsneak.CFButton3 .xtraA, .sneakcreatorsneak.CFButton4 .xtraA, .sneakcreatorsneak.CFButton5 .xtraA, .sneakcreatorsneak.CFButton6 .xtraA, .sneakcreatorsneak.CFButton7 .xtraA {
    top: 50px;
}

.sneakcreatorsneak.CFBvanilla .knuepplis {
    top: 125px;
    z-index: 910;
}

.sneakcreatorsneak.CFButton1 .knuepplis, .sneakcreatorsneak.CFButton2 .knuepplis, .sneakcreatorsneak.CFButton3 .knuepplis, .sneakcreatorsneak.CFButton4 .knuepplis, .sneakcreatorsneak.CFButton5 .knuepplis, .sneakcreatorsneak.CFButton6 .knuepplis, .sneakcreatorsneak.CFButton7 .knuepplis {
    top: 125px;
    z-index: 910;
}

.sneakcreatorsneak.CFBvanilla .automatMaster, .sneakcreatorsneak.CFButton1 .automatMaster, .sneakcreatorsneak.CFButton2 .automatMaster, .sneakcreatorsneak.CFButton3 .automatMaster, .sneakcreatorsneak.CFButton4 .automatMaster, .sneakcreatorsneak.CFButton5 .automatMaster, .sneakcreatorsneak.CFButton6 .automatMaster, .sneakcreatorsneak.CFButton7 .automatMaster {
    top: -60px;
}


/* ---------------------------- */
    /*******************************************************advanced checkbox on off und co*/
    /* Verstecke das Standard-Checkbox-Element */
    .advancedcheckbox {
        position: relative;
        display: none;
        right: -5px;
    }

    /* Stilisiere das benutzerdefinierte Label, das als Ersatz für die Checkbox dient */
    .checkbox-iconadvanced {
        position: relative;
        bottom: -2px;
        right: -13px;
        width: 50px;
        height: 10px;
        background: url(../img/icons/_xadvanced1.webp)no-repeat center;
        background-size: contain;
        background-color: transparent; /* Hintergrundfarbe des Checkbox-Symbols */
        border: 1px solid black; /* Randfarbe des Checkbox-Symbols */
        display: flex;
        cursor: pointer; /* Zeige den Zeiger beim Überfahren an */
    }

        /* Stilisiere das Checkbox-Symbol basierend auf dem Zustand (aktiv oder nicht aktiv) */
        .checkbox-iconadvanced::before {
            content: ''; /* Kein sichtbarer Inhalt */
            position: relative;
            right: 15px;
            width: 10px;
            height: 10px;
            margin: 5px; /* Platz zwischen dem Checkbox-Symbol und dem Rand des Labels */
            background-color: transparent;
            border: 1px solid black;
            visibility: visible; /* Zeige das Checkbox-Symbol standardmäßig an */
        }

    /* Ändere den Hintergrund des Labels, wenn die Checkbox aktiviert ist */
    .advancedcheckbox:checked + .checkbox-iconadvanced {
        background: url(../img/icons/_xadvanced2.webp)no-repeat center;
        background-size: contain;
        background-color: black;
        border-color: darkred;
    }

        /* Ändere den Hintergrund des Checkbox-Symbols, wenn die Checkbox aktiviert ist */
        .advancedcheckbox:checked + .checkbox-iconadvanced::before {
            background-color: black;
            border-color: red;
        }
.CFButton1 .advancedcheckbox:checked + .checkbox-iconadvanced::before, .CFButton5 .advancedcheckbox:checked + .checkbox-iconadvanced::before {
    background-color: transparent;
    border-color: red;
}

/*                  tooltip OO      */
/*******************************************************tooltip checkbox on off und co*/


.tooltipOOcheckbox {
    position: relative;
    display: none;
    right: -5px;
}

.checkbox-icontooltipOO {
    position: relative;
    bottom: -2px;
    right: -30px;
    width: 37px;
    height: 12px;
    background: url(../img/icons/_xtooltip.webp)no-repeat center;
    background-size: contain;
    border: 1px solid black;
    display: flex;
    cursor: pointer;
}
.CFButton1 .checkbox-icontooltipOO, .CFButton5 .checkbox-icontooltipOO {
    border: 1px solid black;
    background-color: darkred;
}

    .checkbox-icontooltipOO::before {
        content: '';
        position: relative;
        right: 15px;
        width: 10px;
        height: 10px;
        margin: 5px;
        background-color: transparent;
        border: 1px solid black;
        visibility: visible;
    }

.tooltipOOcheckbox:checked + .checkbox-icontooltipOO {
    background: url(../img/icons/_xtooltip2.webp)no-repeat center;
    background-size: contain;
    background-color: black;
    border-color: darkred;
}

    .tooltipOOcheckbox:checked + .checkbox-icontooltipOO::before {
        background-color: black;
        border-color: red;
    }
.CFButton1 .tooltipOOcheckbox:checked + .checkbox-icontooltipOO::before, .CFButton5 .tooltipOOcheckbox:checked + .checkbox-icontooltipOO::before {
    background-color: transparent;
}

#tooltiplan {
    display: flex;
    position: absolute;
    background-color: transparent;
    font-size: 10px;
    height: 20px;
    width: 35px;
    top: 1px;
    left: 126px;
    border: none;
}
.CFButton1 #tooltiplan, .CFButton5 #tooltiplan {
    background-color: transparent;
    color: darkred;
}




/* ****************************-------invisible bis cfbutton-------------------------------------------------start sneak */
.sneak {
    display: none;
}

.CFBvanilla .sneak, .CFButton1 .sneak, .CFButton2 .sneak, .CFButton3 .sneak, .CFButton4 .sneak, .CFButton5 .sneak, .CFButton6 .sneak, .CFButton7 .sneak, .CFButtonXYZ .sneak, .bienchen1 .sneak {
    display: initial;
}



.CFBgallery #CFBgallery, .CFBvanilla #CFBvanilla, .CFButton1 #CFButton1, .CFButton2 #CFButton2, .CFButton3 #CFButton3, .CFButton4 #CFButton4, .CFButton5 #CFButton5, .CFButton6 #CFButton6, .CFButton7 #CFButton7 {
    opacity: 1;
    filter: blur(0);
    border-radius: 2em 0.6em 2em 2em;
    border: solid 2px black;
}


/* ****************************------------------------<<<<<<<<------------------------------------1 */

.CFB {
    display: flex;
    width: 100px;
    height: 100px;
    margin-right: 7px;
    cursor: pointer;
    opacity: 0.5;
    filter: blur(1px);
    border: solid 1px black;
    border-radius: 1.5em;
    padding: 1px;
    -webkit-transition: all 900ms ease-out;
    transition: all 900ms ease-out;
    background-color: black;
    background-size: cover;
    color: transparent;
}

    .CFB:hover {
        border-radius:  2em 1.2em 2em 2em;
        opacity: 0.9;
        filter: blur(0);
    }

#CFBvanilla {
    -webkit-transition: all 2500ms ease-out;
    transition: all 2500ms ease-out;
    background-image: url(../img/CFB/enter01.webp);
    border-color: saddlebrown;

}

    #CFBvanilla:hover {
        background-image: url(../img/CFB/alt0_button2.webp);
    }

/* ****************************------------------------<<<<<<<<------------------------------------1 */
/*  CFBgallery */
.CFB#CFBgallery {
        background-image: url(../img/CFB/gridpb.webp);
    }

#CFBgallery:hover {
    background-image: url(../img/CFB/gridp.webp);
}

    body.CFBgallery {
        background: url(../img/bg1.webp) no-repeat center center;
        background-size: cover;
    }

    .CFBgallery .blahblah {
        display: none;
    }

    button#CFBgallery {
        border-color: transparent;
    }




    .CFBgallery .wrapperHead {
        opacity: 0.6;
        color: greenyellow;
    }

    .CFBgallery .information {
        display: flex;
        flex-direction: column;
        border: 1px solid;
        border-radius: 12px;
        border-color: greenyellow;
        width: 1070px;
        height: 800px;
        position: relative;
        top: -10px;
    }

    .information {
        display: none;
    }

    .GA_WRAP_words {
        top: 15px;
        height: 40px;
        width: 1017px;
        left: 10px;
        background: transparent;
        color: olive;
        border: 1px solid greenyellow;
        border-radius: 12px;
        padding-left: 10px;
        padding-right: 20px;
        display: flex;
        position: relative;
        align-items: center;
        font-family: 'Courier New';
        font-size: 20px;
        font-weight: bold;
        white-space: break-spaces;
        overflow: hidden;
    }

    #words_blub {
        background-image: url(../img/BR02a2gyi.gif);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
        border: 1px dotted;
        color: #adff2fff;
    }


    #wordssmall_after {
        border: none;
        top: 5px;
        left: 13px;
        font-size: 10px;
        font-weight: 100;
        background-color: #000000a9;
        color: greenyellow;
        width: 502px;
        height: 15px;
        border-radius: 0px 0px 5px 5px;
        background-image: url(../img/BR02a2gyiup.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        padding-right: 0px;
        z-index: 999
    }

    #words_after {
        background-color: greenyellow;
        top: 17px;
        height: 20px;
        padding-right: 0px;
        width: 1037px;
        color: black;
        border-radius: 5px 5px 0px 0px;
    }

    #words_after2 {
        top: 17px;
        font-size: 18px;
        height: max-content;
        border-radius: 0px 0px 5px 5px;
        background-image: url(../img/BR02a2gyiup.gif);
        background-position: right top;
        background-repeat: no-repeat;
        background-color: #000000d5;
        align-items: start;
    }

    .pinguinsmoaa {
        left: -410px;
        width: 130px;
        height: 30px;
        top: -4px;
        display: flex;
        position: relative;
        border: solid 1px black;
    }

    .pinguin {
        display: flex;
        position: absolute;
        border: 1px solid;
        border-color: whitesmoke;
        background: transparent;
        top: 4px;
        justify-content: center;
        align-items: center;
        font-family: 'Courier New';
        font-size: 10px;
        color: ghostwhite;
        cursor:pointer;
    }

    #pinguinXtra {
        left: 5px;
        width: 70px;
        height: 20px;
        border: 1px solid;
        border-color: magenta;
        border-radius: 4px;
        background: transparent;
        border-color: lightgray;
    }

    #pinguinXtranextm {
        left: 80px;
        width: 20px;
        height: 20px;
        border: 1px solid;
        border-color: magenta;
        border-radius: 4px;
        background: transparent;
        border-color: lightgray;
    }

    #pinguinXtranextp {
        left: 103px;
        width: 20px;
        height: 20px;
        border: 1px solid;
        border-color: magenta;
        border-radius: 4px;
        background: transparent;
        border-color: lightgray;
    }

    #pinguinXtra:hover {
        border-color: hotpink;
        background: greenyellow;
    }

    #pinguinXtranextp:hover {
        border-color: hotpink;
        background: greenyellow;
    }

    #pinguinXtranextm:hover {
        border-color: hotpink;
        background: greenyellow;
    }


#pinguinfilter {
    left: -145px;
    width: 232px;
}


    .pinguin:hover {
        border-color: whitesmoke;
        background: magenta;
        color: black;
    }

    #pinguinSOO {
        left: 5px;
        width: 70px;
        height: 20px;
        border: 1px solid;
        border-color: lightgray;
        border-radius: 4px;
        background: transparent;
    }

        #pinguinSOO:hover {
            border-color: greenyellow;
            color: greenyellow;
        }
        #pinguinSOO:active {
            border-color: magenta;
            color: magenta;
        }


    #pingsmoaa {
        background-image: url(../img/k/UB/T_X.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #pinguinS1 {
        left: 85px;
        width: 35px;
        height: 20px;
        border: 1px solid;
        border-color: magenta;
        border-radius: 4px;
        background: transparent;
    }

        #pinguinS1:hover {
            color: magenta;
        }
        #pinguinS1:active {
            border-color: whitesmoke;
            color: whitesmoke;
        }

#pinguinS1info {
    left: 125px;
    width: 102px;
    font-family: serif;
    font-size: 8px;
    height: 20px;
    border: 1px solid;
    border-color: whitesmoke;
    border-radius: 4px;
    background: transparent;
    cursor: default;
    color:whitesmoke;
}


.filterPinguin {
    display: flex;
    position: absolute;
    top: 14px;
    left: 815px;
}

    .over_affe {
        display: flex;
        position: absolute;
        top: 99px;
        border: 1px solid;
        border-color: transparent;
        background: transparent;
        z-index: 999;
        width: 512px;
        left: 12px;
        height: 512px;
        opacity: 55%;
        border-radius: 10px;
    }

    .GA_WRAP_01 {
        top: 10px;
        left: 10px;
        display: flex;
        position: relative;
        flex-direction: row;
    }

    #GA01 {
        margin-left: 10px;
        width: 250px;
        height: 30px;
        padding-left: 5px;
        background-color: black;
        color: papayawhip;
    }

    #GA02 {
        width: 250px;
        height: 30px;
        padding-left: 5px;
        margin-left: 274px;
        background-color: black;
        color: papayawhip;
    }

    .GA_WRAP_B {
        width: 95%;
        top: 25px;
        left: 10px;
        display: flex;
        position: relative;
        flex-direction: row;
    }

    #GA_WRAP_img_o {
        height: 512px;
        min-width: 512px;
        content: "";
        background-image: var(--background-image);
        background-size: contain;
        content: url(../img/_GA/A01/cityscape.jpg);
        border: 3px solid black;
        display: flex;
        position: relative;
        border-radius: 10px;
    }

    .extraborder {
        border: 1px dotted greenyellow;
        border-radius: 10px;
        margin-left: 10px;
    }

    .GA_WRAP_img_m {
        height: 512px;
        min-width: 512px;
        background-image: var(--background-image);
        background-size: contain;
        content: url(../img/_GA/A01/cityscape.jpg);
        border: 3px solid black;
        display: flex;
        position: relative;
        border-radius: 10px;
    }





/* ------------------------------    #############################       ------------------------------------- */





.CFBvanilla .agent_mantel#agent_masterA01, .CFBvanilla .agent_mantel#agent_masterA02, .CFBvanilla .agent_mantel#agent_masterA03, .CFBvanilla .agent_mantel#agent_masterA04,
.CFBvanilla .agent_mantel#agent_masterB02, .CFBvanilla .agent_mantel#agent_masterB04,
.CFBvanilla .agent_mantel#agent_masterC02,
.CFBvanilla .agent_mantel#agent_masterD01, .CFBvanilla .agent_mantel#agent_masterD02, .CFBvanilla .agent_mantel#agent_masterD03, .CFBvanilla .agent_mantel#agent_masterD04,
.CFBvanilla .agent_mantel#agent_masterE01, .CFBvanilla .agent_mantel#agent_masterE02, .CFBvanilla .agent_mantel#agent_masterE03, .CFBvanilla .agent_mantel#agent_masterE04 {
    display: none;
}

.CFBvanilla .agent_mantel#agent_masterC03 .grayed-out, .CFBvanilla .agent_mantel#agent_masterC04 .grayed-out {
    opacity: 30%;
}


.CFButton1 .agent_mantel#agent_masterA01, .CFButton1 .agent_mantel#agent_masterA02, .CFButton1 .agent_mantel#agent_masterA03, .CFButton1 .agent_mantel#agent_masterA04,
.CFButton1 .agent_mantel#agent_masterB02, .CFButton1 .agent_mantel#agent_masterB04,
.CFButton1 .agent_mantel#agent_masterC02, .CFButton1 .agent_mantel#agent_masterC03, .CFButton1 .agent_mantel#agent_masterC04,
.CFButton1 .agent_mantel#agent_masterD01, .CFButton1 .agent_mantel#agent_masterD02, .CFButton1 .agent_mantel#agent_masterD03,
.CFButton1 .agent_mantel#agent_masterE01, .CFButton1 .agent_mantel#agent_masterE02, .CFButton1 .agent_mantel#agent_masterE03, .CFButton1 .agent_mantel#agent_masterE04 {
    display: none;
}

    .CFButton1 .agent_mantel#agent_masterD03 .grayed-out, .CFButton1 .agent_mantel#agent_masterD04 .grayed-out {
        opacity: 30%;
    }


.CFButton2 .agent_mantel#agent_masterA01, .CFButton2 .agent_mantel#agent_masterA02, .CFButton2 .agent_mantel#agent_masterA03, .CFButton2 .agent_mantel#agent_masterA04,
.CFButton2 .agent_mantel#agent_masterB01, .CFButton2 .agent_mantel#agent_masterB02, .CFButton2 .agent_mantel#agent_masterB04,
.CFButton2 .agent_mantel#agent_masterC01, .CFButton2 .agent_mantel#agent_masterC02, .CFButton2 .agent_mantel#agent_masterC03,
.CFButton2 .agent_mantel#agent_masterD01, .CFButton2 .agent_mantel#agent_masterD02, .CFButton2 .agent_mantel#agent_masterD03, .CFButton2 .agent_mantel#agent_masterD04,
.CFButton2 .agent_mantel#agent_masterE01, .CFButton2 .agent_mantel#agent_masterE02, .CFButton2 .agent_mantel#agent_masterE03, .CFButton2 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton2 .agent_mantel#agent_masterC04 .grayed-out {
    opacity: 30%;
}


.CFButton3 .agent_mantel#agent_masterA01, .CFButton3 .agent_mantel#agent_masterA02, .CFButton3 .agent_mantel#agent_masterA03,
.CFButton3 .agent_mantel#agent_masterB01, .CFButton3 .agent_mantel#agent_masterB02, .CFButton3 .agent_mantel#agent_masterB04,
.CFButton3 .agent_mantel#agent_masterC01, .CFButton3 .agent_mantel#agent_masterC02, .CFButton3 .agent_mantel#agent_masterC03,
.CFButton3 .agent_mantel#agent_masterD01, .CFButton3 .agent_mantel#agent_masterD02, .CFButton3 .agent_mantel#agent_masterD04,
.CFButton3 .agent_mantel#agent_masterE01, .CFButton3 .agent_mantel#agent_masterE02, .CFButton3 .agent_mantel#agent_masterE03, .CFButton3 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton3 .agent_mantel#agent_masterC04 .grayed-out {
    opacity: 30%;
}


.CFButton4 .agent_mantel#agent_masterA01, .CFButton4 .agent_mantel#agent_masterA02, .CFButton4 .agent_mantel#agent_masterA03, .CFButton4 .agent_mantel#agent_masterA04,
.CFButton4 .agent_mantel#agent_masterB01, .CFButton4 .agent_mantel#agent_masterB02, .CFButton4 .agent_mantel#agent_masterB04,
.CFButton4 .agent_mantel#agent_masterC01, .CFButton4 .agent_mantel#agent_masterC02, .CFButton4 .agent_mantel#agent_masterC03, .CFButton4 .agent_mantel#agent_masterC04,
.CFButton4 .agent_mantel#agent_masterD01, .CFButton4 .agent_mantel#agent_masterD02, .CFButton4 .agent_mantel#agent_masterD04,
.CFButton4 .agent_mantel#agent_masterE01, .CFButton4 .agent_mantel#agent_masterE03, .CFButton4 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton4 .agent_mantel#agent_masterD03 .grayed-out, .CFButton4 .agent_mantel#agent_masterE02 .grayed-out {
    opacity: 30%;
}

.CFButton5 .agent_mantel#agent_masterA01, .CFButton5 .agent_mantel#agent_masterA02, .CFButton5 .agent_mantel#agent_masterA03,
.CFButton5 .agent_mantel#agent_masterB01, .CFButton5 .agent_mantel#agent_masterB02, .CFButton5 .agent_mantel#agent_masterB04,
.CFButton5 .agent_mantel#agent_masterC01, .CFButton5 .agent_mantel#agent_masterC02, .CFButton5 .agent_mantel#agent_masterC03,
.CFButton5 .agent_mantel#agent_masterD01, .CFButton5 .agent_mantel#agent_masterD02, .CFButton5 .agent_mantel#agent_masterD03, .CFButton5 .agent_mantel#agent_masterD04,
.CFButton5 .agent_mantel#agent_masterE01, .CFButton5 .agent_mantel#agent_masterE02, .CFButton5 .agent_mantel#agent_masterE03, .CFButton5 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton5 .agent_mantel#agent_masterC04 .grayed-out {
    opacity: 40%;
    color: darkred;
}

.CFButton6 .agent_mantel#agent_masterA01, .CFButton6 .agent_mantel#agent_masterA02, .CFButton6 .agent_mantel#agent_masterA03,
.CFButton6 .agent_mantel#agent_masterB01, .CFButton6 .agent_mantel#agent_masterB02, .CFButton6 .agent_mantel#agent_masterB04,
.CFButton6 .agent_mantel#agent_masterC01, .CFButton6 .agent_mantel#agent_masterC02, .CFButton6 .agent_mantel#agent_masterC03, .CFButton6 .agent_mantel#agent_masterC04,
.CFButton6 .agent_mantel#agent_masterD02, .CFButton6 .agent_mantel#agent_masterD03, .CFButton6 .agent_mantel#agent_masterD04,
.CFButton6 .agent_mantel#agent_masterE01, .CFButton6 .agent_mantel#agent_masterE02, .CFButton6 .agent_mantel#agent_masterE03, .CFButton6 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton6 .agent_mantel#agent_masterD01 .grayed-out {
    opacity: 30%;
}


.CFButton7 .agent_mantel#agent_masterA01, .CFButton7 .agent_mantel#agent_masterA03, .CFButton7 .agent_mantel#agent_masterA04,
.CFButton7 .agent_mantel#agent_masterB01, .CFButton7 .agent_mantel#agent_masterB02, .CFButton7 .agent_mantel#agent_masterB04,
.CFButton7 .agent_mantel#agent_masterC01, .CFButton7 .agent_mantel#agent_masterC02, .CFButton7 .agent_mantel#agent_masterC03, .CFButton7 .agent_mantel#agent_masterC04,
.CFButton7 .agent_mantel#agent_masterD02,
.CFButton7 .agent_mantel#agent_masterE01, .CFButton7 .agent_mantel#agent_masterE02, .CFButton7 .agent_mantel#agent_masterE03, .CFButton7 .agent_mantel#agent_masterE04 {
    display: none;
}

.CFButton7 .agent_mantel#agent_masterA02 .grayed-out, .CFButton7 .agent_mantel#agent_masterD01 .grayed-out, .CFButton7 .agent_mantel#agent_masterD03 .grayed-out, .CFButton7 .agent_mantel#agent_masterD04 .grayed-out {
    opacity: 30%;
}




.CFBvanilla .optionsA6A7, .CFButton1 .optionsA6A7, .CFButton2 .optionsA6A7, .CFButton3 .optionsA6A7, .CFButton4 .optionsA6A7, .CFButton5 .optionsA6A7 {
    display: none;
}

/*---------------checkbox onoff  display standard */
.checkboxOnOff {
    display: none;
}


input#onoff-agentb3.checkboxOnOff {
    display: none;
}

#agent_masterB03.agent_mantel .checkbox-iconOO {
    display: none;
}

.CFBvanilla #agent_masterB01 label.checkbox-iconOO, .CFBvanilla #agent_masterC01 label.checkbox-iconOO {
    display: none;
}

.CFButton1 #agent_masterB01 label.checkbox-iconOO, .CFButton1 #agent_masterC01 label.checkbox-iconOO {
    display: none;
}

.CFButton3 #agent_masterA04 label.checkbox-iconOO, .CFButton3 #agent_masterD03 label.checkbox-iconOO {
    display: none;
}

.CFButton4 #agent_masterD03 label.checkbox-iconOO {
    display: none;
}

.CFButton5 #agent_masterA04 label.checkbox-iconOO {
    display: none;
}

.CFButton6 #agent_masterD01 label.checkbox-iconOO, .CFButton6 #agent_masterA04 label.checkbox-iconOO {
    display: none;
}



    /*           +++++++++++++++++++++++++          xbuttonrow2 randomall  copypaste reihe x */
.buttonRow2 {
    position: relative;
    display: flex;
    top: 10px;
    flex-direction: row;
    height: 40px;
    max-height: 40px;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid;
}



    .buttonRow2::-webkit-scrollbar {
        width: 6px;
        height: 12px;
        background-color: transparent;
    }

    .buttonRow2::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 5px;
    }

        .buttonRow2::-webkit-scrollbar-thumb:hover {
            background-color: transparent;
        }

    .buttonRow2::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 5px;
    }

        .buttonRow2::-webkit-scrollbar-track:hover {
            background-color: transparent;
        }



    /* random generate copy button button2*/


    /*------------------------------------agents_random ect buttons*/

.buttonAGENT {
    border: solid 3px black;
    border-radius: 16px;
    height: 30px;
    width: 80px;
    padding-left: 7px;
    font-size: 19px;
}

    .buttonAGENT:hover {
        background-color: #0000004c;
    }
.CFButton7 .buttonAGENT {
    color: navajowhite;
}

#randomAll {
    background: url(../img/icons/signM23d3r.webp) no-repeat;
    background-size: contain;
    width: 105px;
    padding-left: 26px;
}

    #randomAll:hover {
        background-image: url(../img/icons/signM23d2b.webp);
        background-color: #0000004c;
        background-size: contain;
    }

    #randomAll:active {
        background-image: url(../img/icons/signM23d3r.webp);
        background-size: contain;
        background-color: transparent;
    }


.CFButton1 #randomAll, .CFButton5 #randomAll {
    background: url(../img/icons/signM23d4t.webp) no-repeat;
    background-size: contain;
}

    .CFButton1 #randomAll:active, .CFButton5 #randomAll:active {
        background: url(../img/icons/signM23d4t.webp) no-repeat;
        background-size: contain;
        background-color: #0000004c;
    }

.CFButton2 #randomAll {
    background: url(../img/icons/signM23d2crzn1.webp) no-repeat;
    background-size: contain;
    border: double 3px;
}

    .CFButton2 #randomAll:hover {
        background: url(../img/icons/signM23d2crzn1.webp) no-repeat;
        background-size: contain;
    }


.CFButton7 #randomAll {
    background: url(../img/icons/signM23d5navajowhite1.webp) no-repeat;
    background-size: contain;
}

    .CFButton7 #randomAll:hover {
        background-color: #0000004c;
    }

    .CFButton7 #randomAll:active {
        background-color: transparent;
    }




#copyButton {
    width: 65px;
}

    #copyButton:hover {
        background-color: #0000004c;
    }

    #copyButton:active {
        background-color: transparent;
    }



#refresh {
    width: 80px;
}

    #refresh:hover {
        background-color: #0000004c;
    }

    #refresh:active {
        background-color: transparent;
    }





    #cleanwindow_promptfenster:hover {
        background-color: #0000004c;
    }

    #cleanwindow_promptfenster:active {
        background-color: transparent;
    }





/*oberer*/
.advancedContent_upper {
    display: flex;
    position: relative;
    margin-left: 20px;
    top: 0px
}

#xA01 {
    background: url(../img/icons/BR02a2.webp) no-repeat center;
    background-size: contain;
    width: 67px;
}
    #xA01:hover {
        background-color: #0000004c;
    }

    #xA01:active {
        background-color: transparent;
    }

/*ausblender2*/
#sneaknew4old {
    display: flex;
    position: relative;
    top: 35px;
    flex-direction: row;
    align-items: center;
    height: 40px;
    border: solid 3px black;
    border-radius: 12px;
}

/*copy2promptsammlung*/
#xB01 {
    width: 65px;
}
    #xB01:hover {
        background-color: #0000004c;
    }

    #xB01:active {
        background-color: transparent;
    }

#xC01 {
    width: 65px;
}

    #xC01:hover {
        background-color: #0000004c;
    }

    #xC01:active {
        background-color: transparent;
    }


#xCL01 {
    width: 90px;
}
    #xCL01:hover {
        background-color: #0000004c;
    }

    #xCL01:active {
        background-color: transparent;
    }

/*bulkbutton*/
#xD01 {
    background-image: url(../img/icons/sign000.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 82px;
    font-weight: bolder;
    padding-left: 27px;
    border: solid 4px black;
    filter: drop-shadow(2px 4px 6px black);
}

    #xD01:hover {
        background-color: #0000004c;
        color: whitesmoke;
    }
    #xD01:active {
        background-image: url(../img//icons/_x-D02b.webp);
        background-color: #0000004c;
        background-size: contain;
        background-repeat: repeat;
        color: transparent;
    }

/* der automat maschinen teil on off */
#more_options {
    position: relative;
    left: 10px;
    width: 100px;
    border: solid 4px black;
    background-image: url(../img/icons/_more_options.webp);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 27px;
    font-weight: bold;
    filter: drop-shadow(2px 4px 6px black);
}

    #more_options:hover {
        background-color: #0000004c;
        color: whitesmoke;
    }


#more_options2 {
    display: flex;
    position: relative;
    color: aliceblue;
    left: -59px;
    top: 13px;
    height: 15px;
    width: 66px;
    border: none;
    font-family: monospace;
    font-size: xx-small;
    cursor: pointer;
    filter: blur(0.6px);
}

    #more_options2:hover {
        border: none;
        color: navajowhite;
        filter: contrast(.5);
    }

#more_optionsL {
    position: relative;
    left: 10px;
    display: none;
    width: 100px;
    border: solid 4px black;
    background-image: url(../img/icons/_more_options.webp);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 27px;
    font-weight: bold;
    filter: drop-shadow(2px 4px 6px black);
}

    #more_optionsL:hover {
        background-color: #0000004c;
        color: whitesmoke;
    }


/*old stuff weg damit? */
#xYZimport {
    display: none;
    /*    background: url(../img/_x-D03import.gif) no-repeat center;*/
    background-size: contain;
}

    #xYZimport:hover {
        /*  background: url(../img/_x-D03import.gif) no-repeat center;*/
        background-color: #0000004c;
        background-size: contain;
    }


.CFButtonXYZ #xYZimport {
    display: flex;
}

.bienchen1 #xYZimport {
    display: flex;
}




    /* ****************************------------------ ----------------------------// f extra user input für sneakcreator-------------------------useroptions extra unten-----*/

    .advancedContent {
        flex-direction: column;
        display: none;
    }

.xtraA {
    max-width: 100%;
    min-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .hideshit02 {
        display: none;
        flex-direction: row;
        position: relative;
    }

    .menuxtrauseroptionrows {
        top: 258px;
        display: none;
        flex-direction: column;
        position: absolute;
        width: 940px;
        height: 351px;
        border-radius: 12px;
        background: white;
        /* background: url(../img/creator/4_01.png) no-repeat;*/
        background-size: contain;
    }


    .blubber {
        flex-direction: row;
        position: absolute;
        display: flex;
        width: 940px;
    }

#blubber1.blubber {
    top: 20px;
}

#blubber2.blubber {
    top: 70px;
}

#blubber3.blubber {
    top: 120px;
}


/*vanilla farb hilfe
.CFBvanilla #menuXtra1 {
    background-color: orange;
}
.CFBvanilla #menuXtra2 {
    background-color: dodgerblue;
}
.CFBvanilla #menuXtra3 {
    background-color: magenta;
}

.CFBvanilla #menuXtraDD1 {
    background-color: orange;
}
.CFBvanilla #menuXtraDD2 {
    background-color: dodgerblue;
}
.CFBvanilla #menuXtraDD3 {
    background-color: magenta;
}

.CFBvanilla #workonDDc1 {
    background-color: orange;
}
.CFBvanilla #workonDDc2 {
    background-color: dodgerblue;
}
.CFBvanilla #workonDDc3 {
    background-color: magenta;
}

.CFBvanilla #backtoDDc1 {
    background-color: orange;
}
.CFBvanilla #backtoDDc2 {
    background-color: dodgerblue;
}
.CFBvanilla #backtoDDc3 {
    background-color: magenta;
}
     */


.menuX {
    left: 10px;
    display: flex;
    position: relative;
}


/*                    <select id="menuXtraDD2"class="xtratext_userDD" > */
.xtratext_by_user {
    display: flex;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    /* max-height: 30px; */
    width: 773px;
    /* border-radius: 10px; */
    border: 1px solid;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    /* padding-block: 1px; */
    /* padding-inline: 2px; */
    background: radial-gradient(black, transparent);
    background-image: url(../img/k/__AAA001c.webp);
    background-size: contain;
    background-color: darkseagreen;
}


    #menuXtra1 {
    }

    #menuXtra2 {
    }

    #menuXtra3 {
    }


.xtratext_userDD {
    display: flex;
    position: relative;
    top: 23px;
    opacity: 100%;
    height: 26px;
    /* max-height: 30px; */
    width: 780px;
    /* border-radius: 10px; */
    border: 1px solid;
    /* border-block-color: currentColor; */
    color: black;
    background: transparent;
    padding: 0px 0px 0px 5px;
    /* padding-block: 1px; */
    /* padding-inline: 2px; */
}

    selecta .options {
        color: black;
    }

    .xtratext_userDD {
        color: black;
    }

    #menuXtraDD1 {
        position: absolute;
        display: flex;
    }

    select#menuXtraDD1 {
        /* appearance: textfield; */
        /* overflow: visible !important; */
        /* display: inline-block;*/
    }

    #menuXtraDD2 {
        position: absolute;
        display: flex;
    }

    #menuXtraDD3 {
        position: absolute;
        display: flex;
        z-index: 10;
    }
 /*kleiner help button*/
.littlehelpr {
    position: relative;
    background: transparent;
    border: 1px solid;
    border-color: orange;
    background: black;
    height: 20px;
    width: 20px;
    right: 0px;
    top: 1px;
    border-radius: 20px;
    backdrop-filter: saturate(1);
}

    .littlehelpr:hover {
        background: orange;
        border-color: hotpink;
    }


    .littlehelpr #littlehelp {
        color: navajowhite;
        font-size: 6px;
        padding-left: 4px;
        width: 14px;
        height: 14px;
        display: flex;
        position: absolute;
        border-color: magenta;
        left: 0px;
        top: -5px;
    }

        .littlehelpr #littlehelp:hover {
            display: flex;
            position: absolute;
            color: transparent;
            background: transparent;
            border-color: greenyellow;
            border-radius: 0px 5px 5px 0px;
            left: 0px;
            height: 350px;
            width: 1005px;
            top: -5px;
            z-index: 400;
        }

/* viele kleine funktionsbuttons */


.blvl4_1 {
    position: relative;
    background-color: transparent;
    border: 1px solid;
    border-color: black;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    backdrop-filter: saturate(1);
}

    .blvl4_1:hover {
        background-color: orange;
        border-color: hotpink;
    }

    /* clean current option */
    .blvl4_1#closeX1, .blvl4_1#closeX2, .blvl4_1#closeX3 {
        right: -70px;
        top: 1px;
    }

    /* add div opt to promptlines */
    .blvl4_1#addX1, .blvl4_1#addX2, .blvl4_1#addX3 {
      /*  background-image: url(../img/k/UB/UP01.png);*/
        background-size: contain;
        right: -22px;
        top: 0px;
    }

    .blvl4_1:hover#addX1, .blvl4_1:hover#addX2, .blvl4_1:hover#addX3 {
     /*   background-image: url(../img/k/UB/UP01b.png); */
        background-size: contain;
    }

    /* add dd random opt to promptlines */
    .blvl4_1#addRDDX1, .blvl4_1#addRDDX2, .blvl4_1#addRDDX3 {
        height: 18px;
        width: 18px;
        right: -3px;
        top: 25px;
        background-color: green;
        background-image: url(../img/icons/signM23d1.webp);
        background-size: cover;
    }

    .blvl4_1:hover#addRDDX1, .blvl4_1:hover#addRDDX2, .blvl4_1:hover#addRDDX3 {
        background-color: transparent;
    }

    /* add dd random opt to promptlines */
    .blvl4_1#addDD1, .blvl4_1#addDD2, .blvl4_1#addDD3 {
        right: -39px;
        top: 0px;
        height: 20px;
        width: 20px;
    }

    .blvl4_1:hover#addDD1, .blvl4_1:hover#addDD2, .blvl4_1:hover#addDD3 {
        background-color: lawngreen;
        border-color: red;
    }

    /* clean dd */
    .blvl4_1#emptyDD1, .blvl4_1#emptyDD2, .blvl4_1#emptyDD3 {
        top: 24px;
        right: 9px;
    }

    .blvl4_1:hover#emptyDD1, .blvl4_1:hover#emptyDD2, .blvl4_1:hover#emptyDD3 {
        background-color: red;
        border-color: black;
    }

    /* remove div from dd */
    .blvl4_1#remDD1, .blvl4_1#remDD2, .blvl4_1#remDD3 {
        top: 24px;
        right: 0px;
    }

    .blvl4_1:hover#remDD1, .blvl4_1:hover#remDD2, .blvl4_1:hover#remDD3 {
        background-color: tomato;
        border-color: black;
    }


/*----clean window-------*/
#cleanspeicherDD.blubber {
    top: 170px;
}

.blvl4_1#cleanspeicherDDco {
    background-image: url(../img/k/UB/T_02_c.png);
    background-size: cover;
    height: 16px;
    width: 55px;
    right: -30px;
}

.blvl4_1:hover#cleanspeicherDDco {
    border-color: orangered;
}

/*----call dd to textarea----*/
#workoncollection.blubber {
    top: 190px;
}


.blvl4_1#workonDDc1, .blvl4_1#workonDDc2, .blvl4_1#workonDDc3 {
    background-image: url(../img/k/UB/01_1b.png);
    background-size: cover;
    height: 16px;
    width: 16px;
    right: -32px;
}

.blvl4_1:hover#workonDDc1, .blvl4_1:hover#workonDDc2, .blvl4_1:hover#workonDDc3 {
    background-image: url(../img/k/UB/01_1br.png);
    background-size: cover;
    border-color: dimgray;
}

/*----back to dd----*/
#backtocollection.blubber {
    top: 210px;
}

.blvl4_1#backtoDDc1, .blvl4_1#backtoDDc2, .blvl4_1#backtoDDc3 {
    background-image: url(../img/k/UB/03_1c.png);
    background-size: cover;
    height: 16px;
    width: 16px;
    right: -32px;
}

.blvl4_1:hover#backtoDDc1, .blvl4_1:hover#backtoDDc2, .blvl4_1:hover#backtoDDc3 {
    background-image: url(../img/k/UB/03_1cr.png);
    background-size: cover;
    border-color: dimgray;
}
.blvl4_1#workonDDc2, .blvl4_1#backtoDDc2 {
    right: -34px;
}
.blvl4_1#workonDDc3, .blvl4_1#backtoDDc3 {
    right: -36px;
}


/*---sort--1---*/

#sortcollection.blubber {
    flex-direction: column;
    top: 230px;
}

.blvl4_1#sortcollectionforDD {
    height: 16px;
    width: 55px;
    right: -30px;
    background-image: url(../img/k/UB/T_02_d.png);
    background-size: cover;
    padding-left: 16px;
}
.blvl4_1:hover#sortcollectionforDD {
    background-image: url(../img/k/UB/T_07_d.png);
    background-size: cover;
}


.CFButton7 .blvl4_1#sortcollectionforDD {
    background-image: url(../img/k/UB/T_06_d.png);
}
.CFButton2 .blvl4_1:hover#sortcollectionforDD, .CFButton5 .blvl4_1:hover#sortcollectionforDD {
    background-image: url(../img/k/UB/T_06_d.png);
}
.CFButton4 .blvl4_1#sortcollectionforDD, .CFButton6 .blvl4_1#sortcollectionforDD {
    top: 4px;
}
/*---sort--2-3--*/
.blvl4_1#sortcollectionforDD2, .blvl4_1#sortcollectionforDD3 {
    width: 50px;
    right: -30px;
    height: 14px;
    padding-inline: 8px;
    font-size: 14px;
    background-color: forestgreen;
}

.blvl4_1:hover#sortcollectionforDD2, .blvl4_1:hover#sortcollectionforDD3 {
    width: 55px;
    background-color: lawngreen;
}
.CFButton4 .blvl4_1#sortcollectionforDD2, .CFButton4 .blvl4_1#sortcollectionforDD3 {
    top: 4px;
}
    /*---load--*/
#loadcollection.blubber {
    top: 280px;
}
.CFButton4 #loadcollection.blubber {
    top: 283px;
}
.CFButton7 #loadcollection.blubber {
    top: 281px;
}
.blvl4_1#loadforDD {
    background-image: url(../img/k/UB/T_02_b.png);
    background-size: cover;
    height: 16px;
    width: 53px;
    right: -30px;
}

.CFBvanilla .blvl4_1#loadforDD {
    width: 58px;
    right: -26px;
}
/*---save--*/

#savecollection.blubber {
    top: 300px;
}
.blvl4_1#saveforDD {
    background-image: url(../img/k/UB/T_02_a.png);
    background-size: cover;
    height: 16px;
    width: 53px;
    right: -30px;
}

.CFBvanilla .blvl4_1#saveforDD {
    width: 61px;
    right: -26px;
}




.sneakcreatorsneak #speicherDDcontainer {
    display: flex;
}

#speicherDDcontainer {
    top: 121px;
    left: 109px;
    flex-direction: row;
    position: relative;
    width: 791px;
    height: 150px;
    font-size: 10px;
    max-height: 600px;
}


#speicherforDD {
    background: #00000074;
    color: navajowhite;
    display: flex;
    cursor: default;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
    max-height: 900px;
    font-size: 10px;
    z-index: 10;
    padding: 0.6em 1em;
    border: none;
}



    /* --------------------rechte buttonleiste--quickload-----*/
    .setquickListforDDuser {
        display: flex;
        position: absolute;
        flex-direction: column;
        border-radius: 10px 10px 0px 0px;
        border: solid 1px yellowgreen;
        background: #000000b2;
        height: 348px;
        width: 50px;
        align-items: flex-start;
        left: 945px;
        top: 0px;
    }

    /*----------*/
.userDDsetquick {
    display: flex;
    position: absolute;
    flex-direction: row;
    height: 20px;
    width: 50px;
    left: 2px;
    top: 4px;
    overflow: hidden;
    z-index: 10;
}

.forDDuserChange {
    display: flex;
    position: relative;
    border-radius: 10px;
    border: solid 1px white;
    display: flex;
    position: relative;
    border-radius: 10px;
    border: solid 1px white;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

        .forDDuserChange:hover {
            border: solid 1px black;
            background: hotpink;
            opacity: 70%;
        }
        .forDDuserChange:active {
            border: solid 1px white;
            background: white;
            opacity: 100%;
        }

#userA1DDuserChange {
    background-image: url(../_user/userA1.png);
    background-size: contain;
  
}

#userA2DDuserChange {
    background-image: url(../_user/userA2.png);
    background-size: contain;
}

#userA3DDuserChange {
    background-image: url(../_user/userA3.png);
    background-size: contain;
}



    /*----------*/
.userDDsetquickload {
    display: flex;
    position: absolute;
    flex-direction: column;
    /* border-radius: 10px; */
    /* border: solid 1px black; */
    background: transparent;
    height: 320px;
    width: 48px;
    left: 5px;
    top: 20px;
    /* overflow: scroll; */
    overflow-y: scroll;
    overflow-x: hidden;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 2px;
}

        .userDDsetquickload::-webkit-scrollbar {
            height: 239px;
            z-index: 1;
            position: absolute;
            top: 0;
            right: 0;
        }





.forDDuser {
    display: flex;
    position: relative;
    border-radius: 10px;
    border: solid 1px white;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

        .forDDuser:hover {
            border: solid 1px black;
            background: hotpink;
            opacity: 70%;
        }
        .forDDuser:active {
            border: 3px;
            opacity: 100%;
        }
    #forDDuser01 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser02 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser03 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser04 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser05 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser06 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser07 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser08 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser09 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }

    #forDDuser10 {
        content: "";
        background-image: var(--background-image);
        background-size: contain;
    }


#extra_tools_section {
    display: none;
    position: relative;
    height: 332px;
    width: 50px;
    top: 16px;
    left: -23px;
    background-color: transparent;
    border: black 1px solid;
}



















/* *********************************************++++++++++++++++++++++++++++++++++++++++++********** oooptions         options */


    /* -------------------------------------------------------------------- */
    /* -------select und ob man auswählen kann------------------------------------------------------select.. */


select#menu2c {
    font-size: 18px;
    display: flex;
    position: relative;
    left: 87px;
    top: 0px;
}

select#menu3c {
    font-size: 18px;
    display: flex;
    position: relative;
    left: 0px;
    top: 0px;
}




.optionsA6A7 {
    display: flex;
    flex-direction:row;
    position: absolute;
    border: none;
    font-style: inherit;
    color: black;
    height: 35px;
    width: 100%;
    top: 355px;
}
.CFButton6 .optionsA6A7 select {
    opacity: 0.8;
    background-color: black;
    color: navajowhite;
}

.CFButton7 .optionsA6A7 select {
    opacity: 0.8;
    background-color: black;
    color: navajowhite;
    border: solid 1px white;
}
.sneakcreatorsneak .optionsA6A7 { /*ausblenden ab lvl4*/
display:none;
}
    .invisibleM2c {
    display: flex;
    position: relative;
    background-color: transparent;
    width: 50%;
    top: 0px;
    border: none;
}

.invisibleM3c {
    display: flex;
    position: relative;
    background-color: transparent;
    width: 50%;
    top: 0px;
    border: none;
}





    /*                                                                  ######################             * */
/* -------------------------------------------------------------------- */

.menu3cswitcha {
    display: flex;
    position: relative;
    border-radius: 10px;
    border: solid 1px black;
    cursor: pointer;
    height: 9px;
    width: 9px;
    left: 15px;
    top: 12px;
    background: forestgreen;
}
/*   -------   * */
.CFButton7 .menu3cswitcha {
    display: none
}

    .checkboxM2c {
        display: none;
    }

    .checkboxM3c {
        display: none;
    }

.checkbox-iconM2c {
    display: flex;
    cursor: pointer;
    position: relative;
    top: 6px;
    left: 75px;
    height: 20px;
    width: 20px;
    background-image: url(../img/icons/activate_buttonA1.webp);
    background-size: contain;
    background-color: #ff5e0077;
    border: black 1px solid;
    border-radius: 10px;
}
    .checkbox-iconM2c:hover {
        background-image: url(../img/icons/activate_buttonA1.webp);
        border-color: aliceblue;
        background-color: orangered;
    }
    .checkbox-iconM2c:active {
        background-image: url(../img/icons/activate_buttonB1.webp);
        background-color: aliceblue;
        border-color: orangered;
    }

.checkbox-iconM3c {
    display: flex;
    cursor: pointer;
    position: relative;
    top: 6px;
    left: -10px;
    height: 20px;
    width: 20px;
    background-image: url(../img/icons/activate_buttonA1.webp);
    background-size: contain;
    background-color: forestgreen;
    border: black 1px solid;
    border-radius: 10px;

}
.checkbox-iconM3c:hover {
    background-image: url(../img/icons/activate_buttonB1.webp);
    border-color: aliceblue;
}
    .checkbox-iconM3c:active {
        background-image: url(../img/icons/activate_buttonA1.webp);
        background-color: aliceblue;
        border-color: forestgreen;
    }





/*----------------------*/
select:invalid {
    opacity: 0.5;
}

input[value=""] {
    opacity: 0.5;
}

input[type=text]:active, input[type=text]:focus, input[type=text]:hover {
    background-color: dimgray
}

/*style agents übernahme*/


/* ----------------------------------------------------CFButtonXYZ--------------------- */
.agents_content {
    display: none;
}

.CFButtonXYZ .agents_content {
    display: flex;
}

.bienchen1 .agents_content {
    display: flex;
}


#agents_content {
    display: flex;
    flex-direction: row;
    position: relative;
    border-radius: 10px;
    width: 100%;
}
/*------------------------------------agents_style CF buttons*/
.agents_stylebuttons {
    display: none;
    position: absolute;
    flex-direction: column;
    border-radius: 10px;
    border: solid 1px transparent;
    align-items: center;
    left: 945px;
    top: -2px;
    padding-top: 10px;
    width: 50px;
    height: 248px;
    border: solid 1px yellowgreen;
    background: #000000b2;
}

.buttonAGENTCF {
    display: flex;
    position: relative;
    border-radius: 10px;
    border: solid 1px transparent;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-size: cover;
}

    .buttonAGENTCF:hover {
        border: solid 1px black;
        opacity: 70%;
    }

    .buttonAGENTCF:active {
        border: 3px;
        opacity: 100%;
    }

#CF_A_0vanilla {
    background-image: url(../img/CFB/alt0_button.webp);
}

.CF_A_0vanilla #CF_A_0vanilla {
    border: solid 1px black;
}

#CF_A_1 {
    background-image: url(../img/CFB/alt1_button.webp);
}

.CF_A_1 #CF_A_1 {
    border: solid 1px black;
}

#CF_A_2 {
    background-image: url(../img/CFB/alt2_button.webp);
}

.CF_A_1 #CF_A_1 {
    border: solid 1px black;
}

#CF_A_3 {
    background-image: url(../img/CFB/alt3_button2.webp);
}

.CF_A_3 #CF_A_3 {
    border: solid 1px black;
}

#CF_A_4 {
    background-image: url(../img/CFB/alt4_button.webp);
}

.CF_A_4 #CF_A_4 {
    border: solid 1px black;
}

#CF_A_5 {
    background-image: url(../img/CFB/alt5_button.webp);
}

.CF_A_5 #CF_A_5 {
    border: solid 1px black;
}

#CF_A_6 {
    background-image: url(../img/CFB/alt6_button2.webp);
}

.CF_A_6 #CF_A_6 {
    border: solid 1px black;
}

#CF_A_7 {
    background-image: url(../img/CFB/alt7_button2.webp);
}

.CF_A_7 #CF_A_7 {
    border: solid 1px black;
}
/*-----------^^^^----agents_style CF_buttons*/
/*------^^^^btns ende*/


/*kompl div bereich*/
.agent_master {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 20px;
    width: 100%;
    padding-bottom: 2px;
    border-radius: 10px;
    border: solid 1px black;
}



/*einzelne zeilen*/
.agent_mantel {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    border-radius: 10px;
}

.CFBvanilla .agent_mantel:hover, .CFButton2 .agent_mantel:hover, .CFButton3 .agent_mantel:hover, .CFButton6 .agent_mantel:hover {
    background-color: #838b8d73;
}

.CFButton7 .agent_mantel:hover {
    background-color: #26555880;
}

.agent_mantel#agent_masterB02duo {
    height: 36px;
}
/*------^^^^row*/
.text_by_agent {
    color: black;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 6px;
    border: none;
    border-radius: 10px;
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 18px;
    height: 30px;
    width: 100%;
    margin-left: 70px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 999;
    opacity: 1;
}

.CFButton7 .text_by_agent {
    border: solid 1px white;
    border-radius: 0.5em;
    color: navajowhite;
    opacity: 0.7;
    font-weight: bold;
    font-size: 18px;
}

#agent_masterB03 .text_by_agent {
    border-radius: 10px;
}

.text_by_user {
    display: flex;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    height: 28px;
    max-height: 30px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    border-block-color: currentColor;
    font-weight: bold;
    padding: 0 0.2em;
    padding-block: 1px;
    padding-inline: 2px;
    color: navajowhite;
}

#divagent_b3 {
    border: black solid 1px;
}

#divagent_b3usr {
    background: transparent;
    height: 27px;
    top: 2px;
}

#divagent_d2 {
    background: hotpink;
}

#divagent_e2 {
    background: pink;
}

.agent_mantel .agent_masterB03duo {
    display: flex;
    flex-direction: row;
    position: relative;
    border-radius: 10px;
    border: solid 1px black;
}

#agent_masterB03_usr.agent_mantel {
    top: 1px;
}



/* ---------------------------- */


.CFBvanilla .text_by_agent {
    opacity: 0.8;
    background: black;
    color: saddlebrown;
}

.CFBvanilla #divagent_c4 {
    color: saddlebrown;
}


/*----a1*/
.CFButton1 .text_by_agent {
    opacity: 0.99;
    background: black;
    color: rgb(117, 0, 0);
    font-weight: bold;
}

.CFButton1 #divagent_c4 .text_by_agent {
    color: rgb(117, 0, 0);
}

/*----a2*/


.CFButton2 .text_by_agent {
    background: black;
}

.CFButton2 #divagent_b3.text_by_agent {
    background: black;
    color: orangered;
}

.CFButton2 #divagent_c4.text_by_agent {
    border: solid 1px;
}

.CFButton2 #divagent_c4.text_by_agent {
    color: sandybrown;
    font-weight: bold;
    opacity: 0.90;
}

.CFButton2 #bttnagentc4.fluffi {
    border-color: sandybrown;
}

    .CFButton2 #bttnagentc4.fluffi:hover {
        background-color: sandybrown;
    }
/*----a3*/

.CFButton3 .text_by_agent {
    background: black;
    color: aqua;
}

.CFButton3 #divagent_c4 .text_by_agent {
    color: darkseagreen;
}

.CFButton3 #divagent_b3.text_by_agent {
    color: aqua;
    opacity: 0.6;
}

.CFButton3 #divagent_c4.text_by_agent {
    color: orange;
    font-weight: bold;
    opacity: 0.70;
}

/*----a4*/

.CFButton4 #bttnagentd3.fluffi {
    display: none;
}

.CFButton4 #exclude-agentd3.checkboxexclude, .CFButton4 #agent_masterD03 .checkbox-iconE {
    display: none;
}

.CFButton4 #divagent_b3.text_by_agent {
    border: none;
    color: navajowhite;
    font-weight: bold;
    font-size: 33px;
    top: -5px;
    opacity: 70%;
    font-family: fantasy;
    opacity: 50%;
    font-stretch: condensed;
    display: flex;
    flex-direction: row;
    z-index: 99;
}

.CFButton4 #divagent_c4 .text_by_agent {
    color: navajowhite;
}

.CFButton4 #divagent_b3usr {
    background: transparent;
    height: 27px;
    top: 8px;
    left: 0px;
}

.CFButton4 #agent_masterB03 {
    background: #160707;
    color: navajowhite;
    height: 95px;
    padding-top: 20px;
    top: -30px;
}

.CFButton4 #divagent_d3.text_by_agent {
    background-color: #160707;
    color: navajowhite;
    border: pink 1px solid;
    margin-left: 240px;
    top: -17px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    margin-top: 4px;
    opacity: 65%;
    filter: blur(0.5px);
    font-family: 'Times New Roman', Times, serif;
}









.bienchen1 .agents_stylebuttons {
    display: none;
}




.CFButtonXYZ #promptfenster, textarea {
    color: rgb(117, 0, 0);
    font-weight: bold;
    font-family: Courier New, Courier, monospace;
    background-color: rgba(0, 0, 0, 0.9);
    max-height: 115px;
}

.CFButtonXYZ #speicher {
    color: gray;
    font-weight: lighter;
}





.CFButtonXYZ #agents_content {
    display: flex;
    margin-left: -1px;
    flex-direction: row;
    position: absolute;
    border-radius: 10px;
    top: 300px;
    border: solid 1px black;
    width: 100%;
    height: 579px;
    background-color: transparent;
    z-index: 998;
}

.CFButtonXYZ .agents_stylebuttons {
    display: flex;
    position: absolute;
    flex-direction: row;
    border-radius: 10px;
    border: solid 1px black;
    height: 36px;
    width: 263px;
    top: 892px;
    left: 276px;
    align-items: center;
}

.CFButtonXYZ .agent_master {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 42px;
    width: 100%;
    border-radius: 10px;
    border: solid 1px black;
}

.CFButtonXYZ .agents_randombuttons {
    flex-direction: row-reverse;
    display: none;
    position: absolute;
    font-size: 10px;
    border-radius: 10px;
    border: solid 1px black;
    height: 40px;
    width: 100%;
    top: -20px;
    align-items: center;
}

.CFButtonXYZ .agent_mantel {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    border-radius: 10px;
}

.CFButtonXYZ .text_by_agent {
    border: none;
    font-family: Arial,Verdana;
    font-size: 26px;
}
/* funzt auch...
.CFButtonXYZ  .agent_mantel#agent_masterA02 {
    display:none;
}
    */
/* ----------------------------------------------------CFButtonXYZ--------------------- */



#xYZimport {
    display: none;
}

#xYZexport {
    display: none;
}

.CFButtonXYZ #xYZimport {
    display: flex;
}

.CFButtonXYZ #xYZexport {
    display: flex;
}

.CFButtonXYZfake {
    background-image: url(../img/icons/aXYZT1.webp);
    border-radius: 200px;
    opacity: 0.45;
}

#CFButtonXYZfake:hover {
    background-image: url(../img/icons/aXYZT2.webp);
    border-radius: 200px;
}

#CFButtonXYZfake {
    display: none;
}

#CFButtonXYZ {
    display: none;
}


body.CFButtonXYZ {
    filter: brightness(90%);
    background: url(../img/bg.jpg) no-repeat center;
    background-size: cover;
    filter: none;
}



.CFButtonXYZ .blahblah {
    display: none;
}

.CFButtonXYZ button1 {
    /*width: 100px;*/
    height: 70px;
}

.CFButtonXYZ .CFButtonXYZfake {
    height: 100px;
    z-index: 999;
}

.CFButtonXYZ #CFButtonXYZfake:hover {
    z-index: 999;
}

.CFButtonXYZ {
    background-image: url(../img/icons/aXYZT1.webp);
    border-radius: 1.5em;
}

#CFButtonXYZ:hover {
    background-image: url(../img/icons/aXYZT2.webp);
}

/*style old agent ende*/






.pyrogen {
    font-size: 40%;
    color: deeppink;
    opacity: 20%;
    position: relative;
    display: flex;
    left: 0px;
    bottom: -370px;
}



.smoaa {
    font-weight: 300;
    font-size: 34px;
    font-family: Bahnschrift;
    position: relative;
    left: 110px;
    top: 18px;
}

.ICAI4H4AI4H {
    top: 6px;
    left: 110px;
    font-size: 22px;
    width: 310px;
    position: relative;
}
.errormeter {
    position: relative;
    font-size: 6px;
    height: 8px;
    border: 1px solid;
    min-width: 121px;
    width: fit-content;
    top: -12px;
    left: 476px;
}

.version {
    display: flex;
    position: relative;
    background: currentcolor;
    background-image: url(../img/k/_errormeter.webp);
    background-repeat: no-repeat;
    height: 8px;
    padding-left: 4px;
    padding-right: 4px;
    font-family: math;
    font-size: 8px;
    border: 1px solid;
    top: -22px;
    left: 418px;
    width: fit-content;
    align-items: center;
}
mobinfo1 {
    display: none;
    position: relative;
    top: 240px;
    background-color: black;
    font-family: math;
    font-size: smaller;
    color: navajowhite;
}


.CFBvanilla .blahblah, .CFButton1 .blahblah, .CFButton2 .blahblah, .CFButton3 .blahblah, .CFButton4 .blahblah, .CFButton5 .blahblah, .CFButton6 .blahblah, .CFButton7 .blahblah {
    display: none;
}


.blahblah {
    background-color: black;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -10px;
    opacity: 90%;
    font-size: 12px;
    padding: 8px;
    border-radius: 12px;
    width: 95%;
    height: 1820px;
  
}
.welcome {
    display: flex;
    font-family: Bahnschrift;
    font-size: 1.6em;
    color: navajowhite;

}


.maybefactors {
    display: flex;
    flex-direction:column;
    position: relative;
    top: 20px;
    font-family: Bahnschrift;
    font-weight: bolder;
    color: white;
    width: 930px;
}
small {
    font-size: 0.3em;
    opacity: 0.6;
}



maybe {
    font-size: 1680%;
    opacity: 0.7;
  
}
gradient-text {
    background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
    position: relative;
    bottom: 3px;
    left: 50px;
}
offset2 {
    position: relative;
    top: -90px;
}
offset3 {
    position: relative;
    top: -165px;
    left: 386px;
}


.nouseofcookies {
    font-family: monospace;
    color: orangered;
    background-color: black;
}


.changes {
    width: 100%;
    top: -128px;
    position: relative;
    display: flex;
    font-family: monospace;
    color: orangered;
    background-color: transparent;
    font-size: 15px;
    z-index: 10;
    height: 82px;
    overflow: hidden;
    border-radius: 0px;
    border: 1px solid black;
}

    .changes:hover {
        background-color: black;
        z-index: 40;
        height: fit-content;
        overflow: auto;
        border-radius: 0px 0px 150px 0px;
        cursor: pointer;
    }
    .changes:active {
        height: 82px;
        overflow: hidden;
        background-color: transparent;
    }


.bildgedonzl {
    display: flex;
    position: absolute;
    top: 420px;
    opacity: 45%;
    border-radius: 5px;
    width: 95%;
    height: 1400px;
    background: url(../img/bg_margtx.webp);
    background-size: cover;
    z-index: 20;
}
    .bildgedonzl:hover {
        opacity: 85%;
        z-index: 5;
    }
.previewset {
    border: 2px solid silver;
    border-radius: 5px;
    z-index: 10;
    opacity:80%;
    cursor: pointer;
}
    .previewset:hover {
        opacity: 100%;
        z-index: 30;
    }

    .previewset:active {
        z-index: 50;
    }
.preview01 {
    display: flex;
    position: absolute;
    top: 1050px;
    left: 20px;
    background-image: url(../img/help/prev1.webp);
    background-size: cover;
    width: 250px;
    height: 50px;
}
    .preview01:hover {
        width: 250px;
        height: 50px;
    }
    .preview01:active {
        width: 1162px;
        height: 233px;
        opacity: 100%;
    }

.preview02 {
    display: flex;
    position: absolute;
    top: 1050px;
    left: 340px;
    background-image: url(../img/help/prev2.webp);
    background-size: cover;
    width: 50px;
    height: 50px;
}
    .preview02:hover {
        width: 50px;
        height: 50px;
    }
    .preview02:active {
        width: 270px;
        height: 254px;
    }
.preview03 {
    display: flex;
    position: absolute;
    top: 1140px;
    left: 20px;
    background-image: url(../img/help/prev3a.webp);
    background-size: cover;
    width: 230px;
    height: 60px;
}
    .preview03:hover {
        width: 230px;
        height: 60px;
    }
    .preview03:active {
        background-image: url(../img/help/prev3.webp);
        width: 773px;
        height: 215px;
    }

.preview04 {
    display: flex;
    position: absolute;
    top: 1240px;
    left: 20px;
    background-image: url(../img/help/prev4a.webp);
    background-size: cover;
    width: 263px;
    height: 30px;
}
    .preview04:hover {
        width: 263px;
        height: 30px;
    }
    .preview04:active {
        background-image: url(../img/help/prev4.webp);
        width: 1300px;
        height: 148px;
    }
.preview05 {
    display: flex;
    position: absolute;
    top: 1050px;
    left: 450px;
    background-image: url(../img/help/prev5a.webp);
    background-size: cover;
    width: 100px;
    height: 100px;
}
    .preview05:hover {
        width: 100px;
        height: 100px;
    }
    .preview05:active {
        background-image: url(../img/help/prev5.webp);
        width: 481px;
        height: 500px;
    }
.preview06 {
    display: flex;
    position: absolute;
    top: 1200px;
    left: 450px;
    background-image: url(../img/help/prev6a.webp);
    background-size: cover;
    width: 100px;
    height: 70px;
}

    .preview06:hover {
        width: 100px;
        height: 70px;
    }

    .preview06:active {
        background-image: url(../img/help/prev6.webp);
        width: 601px;
        height: 393px;
    }
.preview07 {
    display: flex;
    position: absolute;
    top: 1150px;
    left: 308px;
    background-image: url(../img/help/prev7a.webp);
    background-size: cover;
    width: 100px;
    height: 50px;
}

    .preview07:hover {
        width: 100px;
        height: 50px;
    }

    .preview07:active {
        background-image: url(../img/help/prev7.webp);
        width: 931px;
        height: 534px;
    }

.allowYT {
    position: absolute;
    display: flex;
    left: 20px;
    top: 1300px;
    height: 450px;
    width: 800px;
    border: 1px black solid;
    border-radius: 12px;
    background-color: #000000a9;
    font-family: monospace;
    color: #ff4500af;
    font-size: 20px;
    z-index: 40;
}
    .allowYT:hover {
        background-color: #ff4500af;
        color: orangered;
        border: 1px silver solid;
    }
    .allowYT:active {
        background-color: #000000ca;
        color: deeppink;
        border: 1px deeppink solid;
    }

.callvideo {
    position: absolute;
    display: flex;
    left: 30px;
    height: 30px;
    width: 30px;
    border: 1px black solid;
    border-radius: 12px;
    z-index: 30;
    background-color: #000000ca;
    color: deeppink;
    font-size: 17px;
    padding: 5px;
}
    .callvideo:hover {
        border: 1px silver solid;
    }
    .callvideo:active {
        border: 1px silver solid;
        background-color: deeppink;
        color: #000000ca;
    }
#YT1 {
    top: 1370px;
}
#YT2 {
    top: 1420px;
}
#YT3 {
    top: 1470px;
}

.video-container {
    display: flex; /* Standard: unsichtbar */
    position: absolute;
    width: 560px;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    z-index: 30;
    left: 140px;
    top: 1370px;
}
    .video-container.active {
        display: block; /* Sichtbar bei aktiver Klasse */
    }

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 315px;
    border: none;
}

.miniinfos {
    display: none;
    position: absolute;
    border: 2px black solid;
    border-radius: 12px;
    flex-direction: column;
    font-family: monospace;
    font-size: 17px;
    padding: 12px;
    width: 968px;
    background-color: #000000a9;
    color: orangered;
}
    .miniinfos:hover {
        background-color: black;
    }

.howtovanilla {
    font-size: 14px;
    top: 707px;
    height: 230px;
}
.CFBvanilla .howtovanilla {
    display: flex;
    cursor: default; /* Normaler Cursor */
    user-select: none; /* Verhindert Textauswahl */
}

.playwith {
    top: 610px;
    height: 195px;
}
.noselectable {
    cursor: default; /* Normaler Cursor */
    user-select: none; /* Verhindert Textauswahl */
}
.selectable {
    cursor: default; /* Normaler Cursor */
    user-select:  auto; /* Verhindert Textauswahl */
}
.CFButton2 .playwith {
    display: flex;
}

.playwithntags {
    top: 670px;
    height: 230px;
    font-size: 13px;
}
.CFButton1 .playwithntags {
    display: flex;
}











#enterpage {
    display: none;
}

    .buttonlinks {
        display: none;
    }

    cf06info {
        display: none;
    }


    photoinfo {
        display: none;
    }

.CFButton7 photoinfo {
    position: absolute;
    display: flex;
    color: navajowhite;
    font-family: serif;
    top: 990px;
    left: 43px;
    height: 430px;
    width: 430px;
    border-radius: 0px 0px 50px 0px;
    padding: 5px;
    background-image: url(../img/photo.webp);
    background-size: cover;
    color: black;
    opacity: .4;
    filter: contrast(1.5);
}
.sneakcreatorsneak photoinfo {
    display: none;
}
.CFButton7 h5 {
    display: flex;
    color: cornflowerblue;
    margin-top: 421px;
    margin-left: 35px;
    font-size: 18px;
    font-family: monospace;
}






    .CFButton7 offset2 {
    position: relative;
    top: 590px;
}

    .CFButton7 gradient-text {
        background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
        position: relative;
        bottom: -791px;
        margin-left: 14px;
    }








    @media only screen and (max-width: 1020px) {
        #allneededinfos {
            display: none;
        }



        .information {
            transform: scale(75%);
            left: -130px;
            margin-top: -110px;
        }

        .hideuppercb {
            display: none;
        }

        .buttonRow2 {
            top: 15px;
        }

        #CFBgallery {
            display: none;
        }
    }
@media only screen and (max-width: 1020px) {
    #promptfenster {
        height: 140px;
    }



    .CFBvanilla .blahblah, .CFButton1 .blahblah, .CFButton2 .blahblah, .CFButton3 .blahblah, .CFButton4 .blahblah, .CFButton5 .blahblah, .CFButton6 .blahblah, .CFButton7 .blahblah {
        display: none;
    }

}

    @media only screen and (max-width: 760px) {
        .wrapperHead {
            border-radius: 0.8em 0.8em 0.8em 0em;
        }


        .CFBvanilla .blahblah, .CFButton1 .blahblah, .CFButton2 .blahblah, .CFButton3 .blahblah, .CFButton4 .blahblah, .CFButton5 .blahblah, .CFButton6 .blahblah, .CFButton7 .blahblah {
            display: none;
        }

        .smoaa {
            font-weight: 700;
            font-size: 17px;
            width: 150px;
            left: 103px;
            top: 18px;
            align-items: center;
            flex-direction: row;
        }

        .ICAI4H4AI4H {
        }

        #fs10 {
            transform: scale(.7);
            width: 220px;
            top: 5px;
            left: 70px;
        }

        .errormeter {
            display: none;
        }

        .version {
            display: flex;
            position: relative;
            background: currentcolor;
            background-image: url(../img/k/_errormeter.webp);
            background-repeat: no-repeat;
            height: 12px;
            font-family: math;
            border: 1px solid;
            top: 8px;
            left: 0px;
            width: 85px;
            align-items: center;
            transform: none;
        }
    }




    @media only screen and (max-width: 760px) {
        body {
            background: url(../img/bg_mob.jpg) no-repeat center;
            background-size: cover;
            background-color: black;
        }

        maybe {
            display: none;
        }

        fontvaria03 {
            top: -52px;
        }


        .information {
            display: none;
        }

        #promptfenster {
            height: 215px;
            max-height: 220px;
        }

        .CFBvanilla #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        }

        .CFButton1 #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        }

        .CFButton2 #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        }

        .CFButton3 #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        }

        .CFButton4 #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        }

        .CFButton5 #promptfenster, textarea {
            opacity: 0.8;
            font-weight: bold;
            font-size: 17px;
        
        }


        .buttonRow2 {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 70px;
            max-height: 70px;
            justify-content: flex-start;
            align-items: center;
            border: none;
        }

        #randomAll {
            background: url(../img/icons/signM23d3r.webp) no-repeat;
            background-size: contain;
            margin-left: 0px;
            width: 125px;
            height: 17px;
            border-radius: 16px;
            border: solid 2px black;
            padding-left: 54px;
            padding-bottom: 8px;
        }

        #copyButton {
            background-size: contain;
            margin-left: 0px;
            margin-top: 5px;
            width: 125px;
            height: 17px;
            border-radius: 16px;
            border: solid 2px black;
            padding-left: 54px;
            padding-bottom: 8px;
        }

        #refresh {
            display: none;
        }

        #cleanwindow_promptfenster {
            display: none;
        }
    }
footer {
    display: flex;
    position: fixed;
    font-size: 14px;
    color: currentColor;
    opacity: 85%;
    left: 65px;
    bottom: 15px;
    cursor: default;
    user-select: none;
}





/* ---------------------------------------------------------------------- style bienchen übernahme --------------------------------*/



.hideshit01 {
    display: flex
}

.bienchen1 .hideshit01 {
    display: none;
}

.bienchen1 #CFButtonXYZ {
    display: flex;
}

.bienchen1 #agents_content {
    display: none;
}

.bienchen1 .checkbox-iconadvanced {
    display: none;
}

.bienchen1 .menuxtrauseroptionrows {
    display: flex;
}

.bienchen1 .hideuppercb {
    display: flex;
    position: absolute;
    top: -130px;
    left: -110px;
}

.bienchen1 #allneededinfos {
    top: -153px;
}

.bienchen1 .buttonRow {
    position: relative;
    opacity: 0.4;
    height: 80px;
    left: 20px;
    top: -15px;
    display: none;
}

.bienchen1 .buttonRow2 {
    margin-bottom: 50px;
    display: none;
}


.bienchen1 #promptfenster, textarea {
    top: 30px;
    /* opacity: 0.95; */
    background: #00000074;
    color: #160707;
    font-family: 'Times New Roman';
    overflow-y: scroll;
}













body.bienchen1 {
    display: flex;
    background-attachment: fixed;
    /* background: url(../img/arbeitsfl1.jpg) no-repeat center;
    background-size: cover;*/
    /*
        -webkit-transition: all 9s ease-out;
    transition: all 1s ease;
        */
    z-index: 99;
    /*background-image: linear-gradient(183deg,#824601,#0f52dd,#0F54AE,#0693F1,#0F52C1 );*/
    background: gray;
}

#bienchen1:hover {
}



/*12341*/
.bienchen1 #speicher {
    font-size: xx-small;
    margin-top: 0px;
}

.CFButtonXYZ #speicher {
    display: none;
}




.bienchen1 .sneak {
    top: -37px;
    position: relative;
    max-width: 100%;
}

.bienchen1 .xtrawrap {
    z-index: 999;
    margin-top: -75px;
}


.bienchen1 .wrapperHead {
    opacity: 0.9;
    background-color: transparent;
    color: navajowhite;
}




.bienchen1 .m2c3cDummy,
.bienchen1 .invisibleM1,
.bienchen1 .invisibleM2,
.bienchen1 .invisibleM3b,
.bienchen1 .invisibleM3,
.bienchen1 .invisibleM4,
.bienchen1 .invisibleM4a,
.bienchen1 .invisibleM5,
.bienchen1 .invisibleM5b,
.bienchen1 .invisibleM6,
.bienchen1 .invisibleM7,
.bienchen1 .invisibleM8,
.bienchen1 .invisibleM8b,
.bienchen1 .invisibleM9,
.bienchen1 .invisibleM10,
.bienchen1 .invisibleM11,
.bienchen1 .invisibleM12,
.bienchen1 .invisibleM13,
.bienchen1 .invisibleM13add,
.bienchen1 .invisibleM1 {
    display: none;
}

/*weiter zum ausblenden bei bienchen*/
.bienchen1 #tool3, .bienchen1 #tool4, .bienchen1 #tool5, .bienchen1 #tool6a, .bienchen1 #tool6b, .bienchen1 #tool6c, .bienchen1 #tooltodeldupes {
    display: none;
}

.bienchen1 #tool1, .bienchen1 #tool2, .bienchen1 #tool5, .bienchen1 #tooltodel1, .bienchen1 #tooltodel2, .bienchen1 #tooltodelX2, .bienchen1 #search {
    display: none;
}

.bienchen1 #xDS01p, .bienchen1 #xDS01m, .bienchen1 #xDS01Fp, .bienchen1 #xDS01Fm {
    display: none;
}

.bienchen1 #speicher {
    display: none;
}

.bienchen1 #tooltodeldupesbienchen, .bienchen1 #searchbienchen {
    display: flex;
}

.bienchen1 #speicher2 {
    display: flex;
    position: absolute;
    top: -0px;
}






/*   bienchen deckeldeckenabdeckdings
#bienchensbierdeckel1 {
    display:none;
    background:transparent;
    position: absolute;
    top: 109px;
    margin-left: 718px;
    height: 115px;
    width: 207px;
    opacity: 30%;
    border: solid 1px pink;
    border-radius: 10px;
   
}
#bienchensbierdeckel1:hover {
    background-color: #0000004c;
}

.bienchensbierdeckel1 #bienchensbierdeckel1 {
    display: flex;
    z-index: 999;
}
#bienchensbierdeckel2 {
    display:none;
    background: transparent;
    position: absolute;
    top: 26px;
    margin-left: 718px;
    height: 168px;
    width: 207px;
    opacity: 30%;
    border: solid 1px greenyellow;
    border-radius: 10px;
  
}
#bienchensbierdeckel2:hover {
    background-color: #0000004c;
}

.bienchensbierdeckel2 #bienchensbierdeckel2 {
    display: flex;
    z-index: 999;
}



/* ################################*/
/* unterer bereich  */
/*textarea*/


#speicherXcontainer {
    display: flex;
    flex-direction: row;
    position: relative;
    font-size: 10px;
}
/*
.bienchen1 #speicherXcontainer {
    display: flex;
    flex-direction: row;
    position: absolute;
}
*/
#speicher {
    background: #00000074;
    display: flex;
    cursor: default;
    width: 98%;
    min-width: 90%;
    max-width: 98%;
    height: 300px;
    /* min-height: 150px; */
    max-height: 1000px;
    font-size: 14px;
    border: none;
    z-index: 100;
    cursor: default;
}
    .sneakcreatorsneak #speicher {
    cursor: auto;
}

#speicher2 {
    display: none;
    background: #00000074;
    cursor: default;
    width: 100%;
    max-width: 100%;
    height: 150px;
    font-size: 14px;
    max-height: 150px;
    color: navajowhite;
    overflow-wrap: normal;
    overflow-y: scroll;
    z-index: 500;
}

    #speicher2 span {
        padding: 0.5em 1.5em;
    }

.bienchen1 .input_dummy_container span {
    padding: 0.5em 1.5em;
}

.input_dummy_container span {
    padding: 0.5em 1.5em;
}

.bienchenneuimport #speicher {
    display: flex;
    position: relative;
    width: 681px;
    border: orangered 2px solid;
    top: 0px;
    width: 670px;
    min-width: 670px;
    height: 155px;
    z-index: 220;
    background: gray;
    display: flex;
}

.bienchenneuimport #speicher2 {
    z-index: 200;
    background: green;
    display: none;
}

.bienchenneuimport .automatMaster {
    top: 145px;
    position: relative;
}


.highlighted {
    background-color: yellow;
}



/*automat02 buttons*/
.buttonautomat02 {
    display: flex;
    position: relative;
    opacity: 90%;
    font-size: 10px;
    width: 59px;
    height: 20px;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 0px 0px 0px 0px;
}

    .buttonautomat02:active {
        border-color: white;
    }

#tool1 {
    background: url(../img/k/LB/BR0Xdel.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
    border-radius: 6px 0px 0px 0px;
}

    #tool1:hover {
        background-color: orangered;
    }


#tool2 {
    background: url(../img/k/LB/BR0Xreplace.webp) no-repeat;
    background-size: contain;
    background-color: deepskyblue;
}

    #tool2:hover {
        background-color: darkseagreen;
    }


#tool3 {
    background: url(../img/k/LB/BR0Xaddb.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
}

    #tool3:hover {
        background-color: darkseagreen;
    }


#tool4 {
    background: url(../img/k/LB/BR0Xadda.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
}

    #tool4:hover {
        background-color: darkseagreen;
    }


#tool5 {
    background: url(../img/k/LB/BR0Xaddr.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
}

    #tool5:hover {
        background-color: darkseagreen;
    }


#tool6a {
    background: url(../img/k/LB/BR0XaddrX__.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
    border-radius: 0px 0px 0px 5px;
    width: 19px;
}

    #tool6a:hover {
        background-color: darkseagreen;
    }


#tool6b {
    background: url(../img/k/LB/BR0Xaddr_x_.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
    width: 21px;
}

    #tool6b:hover {
        background-color: darkseagreen;
    }

#tool6c {
    background: url(../img/k/LB/BR0Xaddr__x.webp) no-repeat;
    background-size: contain;
    background-color: dimgray;
    border-radius: 0px 0px 5px 0px;
    width: 19px;
}

    #tool6c:hover {
        background-color: darkseagreen;
    }


#tooltodeldupes {
    background: url(../img/k/LB/BR0Xdeld.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
}

    #tooltodeldupes:hover {
        background-color: orangered;
    }


#tooltodeldupesbienchen {
    display: none;
    background: url(../img/k/LB/BR0Xdeld.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
}

    #tooltodeldupesbienchen:hover {
        background-color: orangered;
    }



#searchbienchen {
    display: none;
    background: url(../img/k/LB/BR0Xsearch.webp) no-repeat;
    background-size: contain;
    background-color: deepskyblue;
}

    #searchbienchen:hover {
        background-color: darkseagreen;
    }


#search {
    background: url(../img/k/LB/BR0Xsearch.webp) no-repeat;
    background-size: contain;
    background-color: deepskyblue;
}

    #search:hover {
        background-color: darkseagreen;
    }

#tooltodel1 {
    background: url(../img/k/LB/BR0XdelS1.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
    border-radius: 0px 6px 0px 0px;
}

    #tooltodel1:hover {
        background-color: darkseagreen;
    }


#tooltodel2 {
    background: url(../img/k/LB/BR0XdelS2.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
}

    #tooltodel2:hover {
        background-color: darkseagreen;
    }

#tooltodelX2 {
    background: url(../img/k/LB/BR0XdelS3a.webp) no-repeat;
    background-size: contain;
    background-color: lightskyblue;
    border-radius: 0px 0px 6px 6px;
}

    #tooltodelX2:hover {
        background-color: orangered;
    }



#toolx10multi {
    background: url(../img/k/LB/BR0Xmultix10.webp) no-repeat;
    background-size: contain;
    background-color: cadetblue;
    border-radius: 6px 6px 0px 0px;
}

    #toolx10multi:hover {
        background-color: deepskyblue;
    }



#toolxcopytxt {
    background: url(../img/k/LB/BR0Xcopya.webp) no-repeat;
    background-size: contain;
    background-color: cadetblue;
}

    #toolxcopytxt:hover {
        background-color: deepskyblue;
    }


#toolxpastetxt {
    background: url(../img/k/LB/BR0Xpastea.webp) no-repeat;
    background-size: contain;
    background-color: cadetblue;
    border-radius: 0px 0px 6px 6px;
}

    #toolxpastetxt:hover {
        background-color: deepskyblue;
    }







/*knüpplis gscheisserle*/

.knuepplis {
    display: flex;
    position: absolute;
    flex-direction: row;
    left: 10px;
}

.buttonk3 {
    height: 20px;
    width: 30px;
    margin-left: 5px;
    border: none;
    opacity: 80%;
    z-index: 120;
}


/*textarea size+ button*/
#xDS01p {
    background: url(../img/SB/_x-S01_PS+.webp) no-repeat center;
    background-size: contain;
}

    #xDS01p:hover {
        background: url(../img/SB/_x-S01_+.webp) no-repeat center;
    }


.CFButton1 #xDS01p, .CFButton5 #xDS01p, .CFButton7 #xDS01p {
    background: url(../img/SB/_x-S01_PS+b.webp) no-repeat center;
    background-size: contain;
}

    .CFButton1 #xDS01p:hover, .CFButton5 #xDS01p:hover, .CFButton7 #xDS01p:hover {
        background: url(../img/SB/_x-S01_+b.webp) no-repeat center;
    }

.sneakcreatorsneak.CFButton2 #xDS01p, .sneakcreatorsneak.CFButton3 #xDS01p, .sneakcreatorsneak.CFButton1 #xDS01p, .sneakcreatorsneak.CFButton5 #xDS01p,
.sneakcreatorsneak.CFButton4 #xDS01p {
    background: url(../img/SB/_x-S01_PS+b.webp) no-repeat center;
    opacity: 30%;
    background-size: contain;
}
    .sneakcreatorsneak.CFBvanilla #xDS01p:hover, .sneakcreatorsneak.CFButton1 #xDS01p:hover, .sneakcreatorsneak.CFButton2 #xDS01p:hover, .sneakcreatorsneak.CFButton3 #xDS01p:hover, .sneakcreatorsneak.CFButton1 #xDS01p:hover, .sneakcreatorsneak.CFButton5 #xDS01p:hover,
    .sneakcreatorsneak.CFButton4 #xDS01p:hover {
        background: url(../img/SB/_x-S01_+b.webp) no-repeat center;
        opacity: 30%;
    }

/*textarea size- button*/
#xDS01m {
    background: url(../img/SB/_x-S01_PS-.webp) no-repeat center;
    background-size: contain;
}

    #xDS01m:hover {
        background: url(../img/SB/_x-S01_-.webp) no-repeat center;
    }


.CFButton1 #xDS01m, .CFButton5 #xDS01m, .CFButton7 #xDS01m {
    background: url(../img/SB/_x-S01_PS-b.webp) no-repeat center;
    background-size: contain;
}

    .CFButton1 #xDS01m:hover, .CFButton5 #xDS01m:hover, .CFButton7 #xDS01m:hover {
        background: url(../img/SB/_x-S01_-b.webp) no-repeat center;
    }
.sneakcreatorsneak.CFButton2 #xDS01m, .sneakcreatorsneak.CFButton3 #xDS01m, .sneakcreatorsneak.CFButton1 #xDS01m, .sneakcreatorsneak.CFButton5 #xDS01m,
.sneakcreatorsneak.CFButton4 #xDS01m {
    background: url(../img/SB/_x-S01_PS-b.webp) no-repeat center;
    opacity: 30%;
    background-size: contain;
}

    .sneakcreatorsneak.CFBvanilla #xDS01m:hover, .sneakcreatorsneak.CFButton2 #xDS01m:hover, .sneakcreatorsneak.CFButton3 #xDS01m:hover, .sneakcreatorsneak.CFButton1 #xDS01m:hover, .sneakcreatorsneak.CFButton5 #xDS01m:hover,
    .sneakcreatorsneak.CFButton4 #xDS01m:hover {
        background: url(../img/SB/_x-S01_-b.webp) no-repeat center;
        opacity: 30%;
    }

/*font size +button*/
#xDS01Fp {
    background: url(../img/SB/_x-S01_fS+.webp) no-repeat center;
    background-size: contain;
}

    #xDS01Fp:hover {
        background: url(../img/SB/_x-S01_+.webp) no-repeat center;
    }


.CFButton1 #xDS01Fp, .CFButton5 #xDS01Fp, .CFButton7 #xDS01Fp {
    background: url(../img/SB/_x-S01_fS+b.webp) no-repeat center;
    background-size: contain;
}

    .CFButton1 #xDS01Fp:hover, .CFButton5 #xDS01Fp:hover, .CFButton7 #xDS01Fp:hover {
        background: url(../img/SB/_x-S01_+b.webp) no-repeat center;
    }
.sneakcreatorsneak.CFButton2 #xDS01Fp, .sneakcreatorsneak.CFButton3 #xDS01Fp, .sneakcreatorsneak.CFButton1 #xDS01Fp, .sneakcreatorsneak.CFButton5 #xDS01Fp,
.sneakcreatorsneak.CFButton4 #xDS01Fp {
    background: url(../img/SB/_x-S01_fS+b.webp) no-repeat center;
    opacity: 30%;
    background-size: contain;
}

    .sneakcreatorsneak.CFBvanilla #xDS01Fp:hover, .sneakcreatorsneak.CFButton2 #xDS01Fp:hover, .sneakcreatorsneak.CFButton3 #xDS01Fp:hover, .sneakcreatorsneak.CFButton1 #xDS01Fp:hover, .sneakcreatorsneak.CFButton5 #xDS01Fp:hover,
    .sneakcreatorsneak.CFButton4 #xDS01Fp:hover {
        background: url(../img/SB/_x-S01_+b.webp) no-repeat center;
        opacity: 30%;
    }
/*font size -button*/
#xDS01Fm {
    background: url(../img/SB/_x-S01_fS-.webp) no-repeat center;
    background-size: contain;
}

    #xDS01Fm:hover {
        background: url(../img/SB/_x-S01_-.webp) no-repeat center;
    }


.CFButton1 #xDS01Fm, .CFButton5 #xDS01Fm, .CFButton7 #xDS01Fm {
    background: url(../img/SB/_x-S01_fS-b.webp) no-repeat center;
    background-size: contain;
}

    .CFButton1 #xDS01Fm:hover, .CFButton5 #xDS01Fm:hover, .CFButton7 #xDS01Fm:hover {
        background: url(../img/SB/_x-S01_-b.webp) no-repeat center;
    }
.sneakcreatorsneak.CFButton2 #xDS01Fm, .sneakcreatorsneak.CFButton3 #xDS01Fm, .sneakcreatorsneak.CFButton1 #xDS01Fm, .sneakcreatorsneak.CFButton5 #xDS01Fm,
.sneakcreatorsneak.CFButton4 #xDS01Fm {
    background: url(../img/SB/_x-S01_fS-b.webp) no-repeat center;
    opacity: 30%;
    background-size: contain;
}

    .sneakcreatorsneak.CFBvanilla #xDS01Fm:hover, .sneakcreatorsneak.CFButton2 #xDS01Fm:hover, .sneakcreatorsneak.CFButton3 #xDS01Fm:hover, .sneakcreatorsneak.CFButton1 #xDS01Fm:hover, .sneakcreatorsneak.CFButton5 #xDS01Fm:hover,
    .sneakcreatorsneak.CFButton4 #xDS01Fm:hover {
        background: url(../img/SB/_x-S01_-b.webp) no-repeat center;
        opacity: 30%;
    }

/*automat size -button*/
#xDS03p {
    height: 15px;
    width: 15px;
    position: relative;
    left: 5px;
    top: -12px;
    background: url(../img/SB/blinka11.webp) no-repeat center;
    background-size: contain;
    z-index: 969;
    opacity: 50%;
}

    #xDS03p:hover {
        background: url(../img/SB/blinka21.webp) no-repeat center;
        background-size: contain;
        opacity: 100%;
        border:1px solid silver;
        border-radius:10px;
    }
    #xDS03p:active {
        border: 1px solid black;
    }


#xDS03m {
    height: 15px;
    width: 15px;
    position: relative;
    left: -33px;
    top: 8px;
    background: url(../img/SB/blinka21.webp) no-repeat center;
    background-size: contain;
    z-index: 969;
    opacity: 50%;
}

    #xDS03m:hover {
        background: url(../img/SB/blinka11.webp) no-repeat center;
        background-size: contain;
        opacity: 100%;
        border: 1px solid silver;
        border-radius: 10px;
    }
    #xDS03m:active {
        border: 1px solid black;
    }



#whatkindastyle1::before {
    content: "";
    background-image: var(--background-image);
    background-size: contain;
    /* Weitere Stile für das Pseudo-Element */
    display: flex;
    position: absolute;
    top: 117px;
    left: 380px;
    height: 50px;
    width: 50px;
    border: solid 1px black;
    border-radius: 30px;
}

/*------------------------------------------------------------------------------------------------------------------sneak ---- creator --- ---------------*/
#sneakcreator {
    display: flex;
    position: absolute;
    border: none;
    height: 110px;
    width: 230px;
    left: 674px;
    top: 13px;
    cursor: pointer;
}

    #sneakcreator:hover {
        background-color: #0000004c;
    }
/*-------------------------------------*/



#sneakcreatorL {
    background-color: transparent;
    display: flex;
    position: absolute;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    background-size: cover;
    height: 32px;
    width: 32px;
    left: 165px;
    top: -1px;
}


    #sneakcreatorL:hover {
        /* background-color: #0000004c;   */
    }



.sneakcreatorsneak #sneakcreator {
    z-index: 1;
    background: transparent;
}

.sneakcreatorsneak .m2c3cDummy {
    display: none;
}

.sneakcreatorsneak #promptfenster {
    display: none;
}

.sneakcreatorsneak .buttonRow2 {
    display: none;
}

.sneakcreatorsneak .menuxtrauseroptionrows {
    top: 260px;
    display: flex;
}

.sneakcreatorsneak photoinfo {
    display: none;
}

.sneakcreatorsneak .xtraA {
    top: -25px
}

.bienchen1 #sneakcreator {
    display: none;
}

.bienchen1 .bienchens_sneak {
    display: none;
}

/*
.sneakcreatorsneak #speicher {
    bottom: 100px;
}
*/

.sneakcreatorsneak #speicher {
    display: flex;
    flex-direction: row;   
    top: -80px;
}

.sneakcreatorsneak .checkbox-iconadvanced {
    display: none;
}



.bienchen1 .bienchensbierdeckel3 {
    z-index: 0;
}

#bienchensbierdeckel3 {
    display: none;
    background: transparent;
    position: absolute;
    top: 112px;
    margin-left: 663px;
    height: 68px;
    width: 232px;
    opacity: 0%;
    z-index: 0;
}

/*--------------------------*/

.creatorA {
}

.creatorB {
}

.buttoncreatorA {
    display: flex;
    cursor: pointer;
    border: none;
    background-size: cover;
    height: 30px;
    width: 30px;
}

/*--------------------------*/
#crtrA1 {
    border-color: transparent;
    position: relative;
    display: flex;
}

/*---*/
#crtrA2 {
    border-color: transparent;
    position: relative;
    display: flex;
    left: 5px;
}


/*---*/
#crtrA3 {
    border-color: transparent;
    position: relative;
    display: flex;
    left: 7px;
}

/*---*/
#crtrA4 {
    border-color: transparent;
    position: relative;
    display: flex;
    left: 10px;
}

/*---*/
#crtrA5 {
    border-color: transparent;
    position: relative;
    display: flex;
    left: 11px;
}

/*---*/
#crtrA6 {
    border-color: transparent;
    position: relative;
    display: flex;
    left: 13px;
}

/*------------------------*/
.buttoncreatorrollator {
    display: flex;
    position: relative;
    cursor: pointer;
    height: 25px;
    width: 27px;
    border: none;
    padding: 0px;
    border-color: white;
    border-radius: 20px;
}


#crtrB1 {
    border-color: orangered;
    background-color: orangered;
    background-image: url(../img/icons/signM23d3.webp);
    background-size: cover;
}

    #crtrB1:hover {
        background-image: url(../img/icons/signM23d1.webp);
    }


/*-------*/
#crtrB2 {
    border-color: black;
    background-color: transparent;
    background-image: url(../img/icons/signM23d3.webp);
    background-size: cover;
}

    #crtrB2:hover {
        background-image: url(../img/icons/signM23d1.webp);
    }

/*--------------*/
#crtrB3 {
    position: relative;
    display: flex;
    left: 8px;
}

/*-------*/
#crtrB4 {
    position: relative;
    display: flex;
    left: 12px;
}

/*------*/
#crtrB5 {
    position: relative;
    display: flex;
    left: 15px;
}





.bienchen1 #sneakcreatorL {
    z-index: 0;
}








.bienchen1 #aledblinker {
    background-image: url(../img/k/led01.webp);
    transform: scale(80%);
    display: flex;
    position: absolute;
    top: 119px;
    left: 59px;
    height: 13px;
    width: 13px;
    opacity: 60%;
    z-index: 100;
}



.Bienchenszeug {
    color: black;
    position: relative;
    /* display: flex; */
    border: solid darkseagreen 1px;
    font-family: 'Courier New';
    font-size: 8px;
    height: 20px;
    width: 178px;
    /* max-width: 185px; */
    left: 7px;
    margin-top: 0px;
    overflow: hidden;
    overflow-y: hidden;
    background-image: url(../img/k/__AAA001c.webp);
    background-size: cover;
    /*background-color: darkseagreen;*/
    white-space: nowrap;
    border-radius: 4px 4px 5px 5px;
    z-index: 300;
    opacity: 1;
    background-blend-mode: color-burn;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.Bienchenszeug2 {
    color: black;
    position: relative;
    /* display: flex; */
    border: solid darkseagreen 1px;
    font-family: 'Courier New';
    font-size: 8px;
    height: 20px;
    width: 178px;
    /* max-width: 185px; */
    left: 7px;
    margin-top: 0px;
    overflow: hidden;
    overflow-y: hidden;
    background-image: url(../img/k/__AAA001c.webp);
    background-size: cover;
    /*background-color: darkseagreen;*/
    white-space: nowrap;
    border-radius: 4px 4px 5px 5px;
    z-index: 300;
    opacity: 1;
    background-blend-mode: color-burn;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#BienchensSlotX4 {
    display: none;
    margin-top: 1px;
    z-index: 400;
    padding: 1px 1px 1px 6px;
}


.bienchen1 #uwedel, .bienchen1 #uweersetz, .bienchen1 #uweadd, .bienchen1 #uweaddafter, .bienchen1 #uweaddrndm, .bienchen1 #uweaddrndm2 {
    display: none;
}

.bienchen1 #BienchensSlot1, .bienchen1 #BienchensSlot2, .bienchen1 #BienchensSlot3, .bienchen1 #BienchensSlot4, .bienchen1 #BienchensSlotX4 {
    display: flex;
}


#BienchensSlot1 {
    display: none;
    margin-top: 32px;
    z-index: 400;
    padding: 1px 1px 1px 6px;
}


#BienchensSlot2 {
    display: none;
    z-index: 390;
    padding: 1px 1px 1px 6px;
}

#BienchensSlot3 {
    display: none;
    z-index: 380;
    padding: 1px 1px 1px 6px;
}


#BienchensSlot4 {
    display: none;
    z-index: 370;
    padding: 1px 1px 1px 6px;
}
/*bienchenautomat*/
.advX {
    display: none;
    position: relative;
    flex-direction: row;
    left: 3px;
    top: -3px;
}

.CFButton1 .advX {
    top: -7px;
    left: -3px;
}

.CFButton2 .advX {
    transform: scale(0.6);
    top: 118px;
    left: 849px;
    flex-direction: column;
    display: flex;
    position: absolute;
    mix-blend-mode: luminosity;
}

.CFButton3 .advX {
    transform: scale(0.8);
    top: 115px;
    left: 816px;
    flex-direction: column;
    display: flex;
    position: absolute;
    mix-blend-mode: color-dodge;
}

.CFButton4 .advX {
    top: -11px;
    margin-left: -4px;
}

.CFButton5 .advX {
    top: 0px;
    margin-left: -6px;
    z-index: 500;
}

.CFButton7 .advX {
    transform: scale(0.7);
    top: 115px;
    left: 810px;
    flex-direction: column;
    display: flex;
    position: absolute;
    mix-blend-mode: color-dodge;
    position: absolute;
}

.bienchen1 .advX {
    display: none;
}

#advX01 {
    position: relative;
    opacity: 90%;
  /*  background-image: url(../img/k/button-rndm01b.gif);*/
    background-size: cover;
    border-radius: 0.8em;
    min-height: 30px;
    min-width: 51px;
    left: 20px;
    z-index: 151;
}

.CFButtonXYZ #advX01 {
    display: flex;
    background-image: none;
    border: solid black 1px;
    position: relative;
    opacity: 90%;
    background-color: transparent;
    background-size: cover;
    border-radius: 0.8em;
    min-height: 28px;
    min-width: 31px;
    left: 33px;
    top: -6px;
}

.CFButton1 #advX01 {
    position: relative;
    opacity: 90%;
  /*  background-image: url(../img/k/button-rndm01b.gif);*/
    background-size: cover;
    border-radius: 0.8em;
    min-height: 30px;
    min-width: 51px;
    left: 20px;
}

#advX01:hover {
}



.CFButtonXYZ #advX01:hover {
    background-image: none;
    background-color: silver;
}

#advX02 {
    opacity: 90%;
    /*  background-image: url(../img/k/button-adX01a.gif);*/
    background-size: cover;
    border-radius: 0.8em;
    left: 20px;
    min-height: 30px;
    min-width: 51px;
    z-index: 150;
}

    #advX02:hover {
     /*   background-image: url(../img/k/button-adX01a.gif);
        */
    }



.CFButtonXYZ #advX02 {
    display: flex;
    background-image: none;
    border: solid black 1px;
    position: relative;
    opacity: 90%;
    background-color: transparent;
    background-size: cover;
    border-radius: 0.8em;
    min-height: 30px;
    min-width: 38px;
    left: 46px;
    top: -6px;
    z-index: 149;
}

    .CFButtonXYZ #advX02:hover {
        background-image: none;
        background-color: silver;
    }

#advX03 {
    opacity: 90%;
    /*background-image: url(../img/k/button-adX02a.gif);*/
    background-size: cover;
    border-radius: 0.8em;
    left: 19px;
    min-height: 30px;
    min-width: 51px;
    z-index: 148;
}

    #advX03:hover {
    /*    background-image: url(../img/k/button-adX02a.gif);
        */
    }



.CFButtonXYZ #advX03 {
    display: flex;
    background-image: none;
    border: solid black 1px;
    position: relative;
    opacity: 90%;
    background-color: transparent;
    background-size: cover;
    border-radius: 0.8em;
    min-height: 30px;
    min-width: 38px;
    left: 52px;
    top: -6px;
    z-index: 147;
}

    .CFButtonXYZ #advX03:hover {
        background-image: none;
        background-color: silver;
    }

#advX04 {
    opacity: 90%;
   /* background-image: url(../img/k/button-adX04a.gif); */
    background-size: cover;
    border-radius: 0.8em;
    left: 15px;
    min-height: 30px;
    min-width: 51px;
    z-index: 146;
}

.CFButtonXYZ #advX04 {
    display: flex;
    background-image: none;
    border: solid black 1px;
    position: relative;
    opacity: 63%;
    background-color: transparent;
    background-size: cover;
    border-radius: 0.8em;
    min-height: 30px;
    min-width: 40px;
    left: 57px;
    top: -6px;
    z-index: 150;
}

#advX04:hover {
 /*   background-image: url(../img/k/button-adX04a.gif);*/
}

.CFButtonXYZ #advX04:hover {
    background-image: none;
    background-color: silver;
}


/*-infobien2 - infobox*/

#infobien2 {
    position: absolute;
    opacity: 100%;
    font-family: Courier New, Courier, monospace;
    color: #9dd1bab2;
    border-radius: 0.8em;
    cursor: default;
    pointer-events: none; /* Verhindert jegliche Interaktion */
}

.CFButtonXYZ #infobien2 {
    background-image: none;
    opacity: 100%;
    border-radius: 6px;
    left: 34px;
    top: -2px;
    min-height: 76px;
    width: 169px;
    z-index: 100;
}

.bienchen1 #infobien2 {
    background-image: none;
    /* background-size: contain; */
    opacity: 100%;
    border-radius: 6px;
    left: -10px;
    top: 12px;
    min-height: 235px;
    width: 170px;
    z-index: 100;
}

.infobox {
    position: absolute;
    font-size: 13px;
    padding: 3px 76px 4px 25px;
    overflow-wrap: break-word;
    overflow-y: scroll;
}

.infobox-transition {
    transition: scroll-behavior 2.5s ease-in-out;
}

.infobox::-webkit-scrollbar {
    display: none; /* Safari und Chrome */
}

.bienchen1 .infobox {
    font-size: 0.6rem;
    padding: 5px 5px 5px 17px;
    max-width: 135px;
    max-height: 185px;
    position: absolute;
    bottom: 21px;
    overflow-wrap: break-word;
    overflow-y: scroll;
}


.CFButtonXYZ .infobox {
    opacity: 55%;
    /*background-image: url(../img/k/MPautomatogifoofff_01.gif);*/
    background-size: cover;
    color: ghostwhite;
    font-size: 0.6rem;
    padding: 1px 3px 5px 8px;
    max-width: 167px;
    max-height: 57px;
    bottom: 11px;
    left: 2px;
}

.infobox::-webkit-scrollbar {
    display: none; /* Safari und Chrome */
}






/* #############################bienchen aktiv ######### bienchen button#########  bienchen jetzt in automatD###*/


.bienchen1 .automatC {
    display: none;
}

.automatC2b1 {
    display: flex;
    flex-direction: row;
    height: 22px;
    top: 41px;
    left: 29px;
    position: relative;
}

.automatC2b2 {
    display: flex;
    flex-direction: row;
    height: 22px;
    top: 60px;
    left: 29px;
    position: relative;
}

.automatC2b3 {
    display: flex;
    flex-direction: column;
    height: 22px;
    top: 70px;
    left: 29px;
    position: relative;
}


.automatC2b4 {
    display: flex;
    flex-direction: row;
    top: 100px;
    left: 29px;
    position: relative;
}

.automatC2b5 {
    display: flex;
    flex-direction: row;
    top: 120px;
    left: 29px;
    position: relative;
}

buttonbienchen {
    opacity: 90%;
    background-color: deeppink;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    border-radius: 4px;
}

buttonbienchen2 {
    opacity: 90%;
    background-color: deeppink;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 12px;
    width: 35px;
    border-radius: 4px;
}

buttonbienchen2b {
    opacity: 90%;
    background-color: deeppink;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 12px;
    width: 17px;
    border-radius: 4px;
}

.automatDwrap {
    display: flex;
    position: absolute;
    left: 692px;
}

.automatD {
    background-size: contain;
    display: none;
    /*  background: url(../img/k/smoaa_D_1_.png) no-repeat;
    flex-direction: column;
    /*transform-origin: left top; /*  
    transition: transform 0.9s ease; /* Optional: Fügt eine sanfte Animation hinzu */
    min-height: 260px;
    min-width: 260px;
    border-radius: 10px;
}

.bienchen1 .automatD {
    display: flex;
}

#bienchen2 {
    left: 15px;
    z-index: 940;
}

    #bienchen2:hover {
        background: black;
        opacity: 80%;
    }


#bienchen3 {
    left: 26px;
    z-index: 940;
}

    #bienchen3:hover {
        background: black;
        opacity: 80%;
    }



#bienchen4 {
    left: 37px;
    z-index: 940;
}

    #bienchen4:hover {
        background: black;
        opacity: 80%;
    }

#bienchen5 {
    left: 51px;
    z-index: 940;
}

    #bienchen5:hover {
        background: black;
        opacity: 80%;
    }


#bienchen6 {
    left: 64px;
    z-index: 940;
}

    #bienchen6:hover {
        background: black;
        opacity: 80%;
    }


#bienchen7 {
    left: 74px;
    z-index: 940;
}

    #bienchen7:hover {
        background: black;
        opacity: 80%;
    }



#bienchen8 {
    left: 84px;
    z-index: 940;
}

    #bienchen8:hover {
        background: black;
        opacity: 80%;
    }



#bienchenR2_1 {
    left: 15px;
    z-index: 920;
}

    #bienchenR2_1:hover {
        background: black;
        opacity: 80%;
    }




#bienchenR2_2 {
    left: 26px;
    z-index: 920;
}

    #bienchenR2_2:hover {
        background: black;
        opacity: 80%;
    }




#bienchenR2_3 {
    left: 37px;
    z-index: 920;
}

    #bienchenR2_3:hover {
        background: black;
        opacity: 80%;
    }



#bienchenR2_4 {
    left: 51px;
    z-index: 920;
}

    #bienchenR2_4:hover {
        background: black;
        opacity: 80%;
    }


#bienchenR2_5 {
    left: 64px;
    z-index: 920;
}

    #bienchenR2_5:hover {
        background: black;
        opacity: 80%;
    }



#bienchenR2_6 {
    left: 74px;
    z-index: 920;
}

    #bienchenR2_6:hover {
        background: black;
        opacity: 80%;
    }


#bienchenR2_7 {
    left: 84px;
    z-index: 920;
}

    #bienchenR2_7:hover {
        background: black;
        opacity: 80%;
    }



/*------------- view add */
.automatC2b3a {
    display: flex;
    position: absolute;
    left: 16px;
    top: 5px;
}

.automatC2b3b {
    display: flex;
    position: absolute;
    left: 16px;
    top: 20px;
}

.automatC2b3c {
    display: flex;
    position: absolute;
    left: 16px;
    top: 35px;
}



#addtoslotA1 {
    z-index: 900;
    background: orange;
}

    #addtoslotA1:hover {
        background: black;
        opacity: 80%;
    }



#addtoslotA2 {
    left: 10px;
    z-index: 900;
    background: greenyellow;
}

    #addtoslotA2:hover {
        background: black;
        opacity: 80%;
    }



#addtoslotA3 {
    left: 24px;
    z-index: 900;
    background: deeppink;
}

    #addtoslotA3:hover {
        background: black;
        opacity: 80%;
    }



#addtoslotA4 {
    left: 35px;
    z-index: 900;
    background: dodgerblue;
}

    #addtoslotA4:hover {
        background: black;
        opacity: 80%;
    }



#viewslotA1 {
    background: orange;
    z-index: 890;
}

    #viewslotA1:hover {
        background: black;
        opacity: 80%;
    }


#refreshslotA1 {
    z-index: 890;
    left: 1px;
    background: orange;
}

    #refreshslotA1:hover {
        background: black;
        opacity: 80%;
    }



#viewslotA2 {
    left: 11px;
    z-index: 890;
    background: greenyellow;
}

    #viewslotA2:hover {
        background: black;
        opacity: 80%;
    }

#refreshslotA2 {
    left: 12px;
    z-index: 890;
    background: greenyellow;
}

    #refreshslotA2:hover {
        background: black;
        opacity: 80%;
    }





#viewslotA3 {
    left: 26px;
    z-index: 890;
    background: deeppink;
}

    #viewslotA3:hover {
        background: black;
        opacity: 80%;
    }

#refreshslotA3 {
    left: 27px;
    z-index: 890;
    background: deeppink;
}

    #refreshslotA3:hover {
        background: black;
        opacity: 80%;
    }





#viewslotA4 {
    left: 38px;
    z-index: 890;
    background: dodgerblue;
}

    #viewslotA4:hover {
        background: black;
        opacity: 80%;
    }



#refreshslotA4 {
    left: 39px;
    z-index: 890;
    background: dodgerblue;
}

    #refreshslotA4:hover {
        background: black;
        opacity: 80%;
    }




#cleanslotA1 {
    background: orange;
    z-index: 880;
    left: 0px;
}

    #cleanslotA1:hover {
        background: hotpink;
        opacity: 80%;
    }



#cleanslotA2 {
    background: greenyellow;
    z-index: 880;
    left: 28px;
}

    #cleanslotA2:hover {
        background: hotpink;
        opacity: 80%;
    }


#cleanslotA3 {
    background: deeppink;
    z-index: 880;
    left: 60px;
}

    #cleanslotA3:hover {
        background: hotpink;
        opacity: 80%;
    }



#cleanslotA4 {
    background: dodgerblue;
    z-index: 880;
    left: 89px;
}

    #cleanslotA4:hover {
        background: hotpink;
        opacity: 80%;
    }





#bienchen2b_simple {
    left: 15px;
    z-index: 850;
}

    #bienchen2b_simple:hover {
        background: black;
        opacity: 80%;
    }



#bienchen3b_simple {
    left: 26px;
    z-index: 850;
}

    #bienchen3b_simple:hover {
        background: black;
        opacity: 80%;
    }



#bienchen4b_simple {
    left: 37px;
    z-index: 850;
}

#bienchenENTER:hover {
    background-color: #78f8f873;
    opacity: 1;
    background-image: url(../img/k/button-x-04b.gif);
}


#bienchen5b_simple {
    left: 51px;
    z-index: 850;
}

    #bienchen5b_simple:hover {
        background: black;
        opacity: 80%;
    }



#bienchen6b_simple {
    left: 63px;
    z-index: 850;
}

    #bienchen6b_simple:hover {
        background: black;
        opacity: 80%;
    }



#bienchen7b_simple {
    left: 74px;
    z-index: 850;
}

#bienchen6b_simple:hover {
    background: black;
    opacity: 80%;
}



#bienchen8b_simple {
    left: 84px;
    z-index: 850;
}

#bienchen6b_simple:hover {
    background: black;
    opacity: 80%;
}



#bienchenENTER {
    left: 15px;
    z-index: 850;
}

    #bienchenENTER:hover {
        background-color: #78f8f873;
        opacity: 1;
        background-image: url(../img/k/button-x-04b.gif);
    }




#herenewbienchenimport {
    background: transparent;
    border: solid 1px pink;
    border-radius: 4px;
    left: 5px;
    width: 83px;
    z-index: 850;
}

    #herenewbienchenimport:hover {
        background-color: #78f8f873;
        opacity: 1;
        background-image: url(../img/k/button-x-04b.gif);
    }



#backtobienchenprereimport {
    background: transparent;
    border: solid 1px pink;
    border-radius: 4px;
    left: 30px;
    width: 78px;
    z-index: 850;
}

    #backtobienchenprereimport:hover {
        background-color: #78f8f873;
        opacity: 1;
        background-image: url(../img/k/button-x-04b.gif);
    }


/* -import export      automatC2b6 import_slotset export_slotset --- */


buttonbienchen2b6 {
    opacity: 90%;
    background-color: deeppink;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 12px;
    width: 17px;
    border-radius: 4px;
}

.automatC2b6 {
    display: flex;
    flex-direction: row;
    top: 150px;
    left: 40px;
    position: relative;
}

#import_slotset {
    position: absolute;
    display: flex;
    background: hotpink;
    border: solid 1px pink;
    border-radius: 4px;
    margin-left: -410px;
    top: -65px;
    width: 70px;
    z-index: 99;
}

    #import_slotset:hover {
        background-color: #78f8f873;
        opacity: 1;
        background-image: url(../img/k/button-x-04b.gif);
    }


#export_slotset {
    position: absolute;
    display: flex;
    background: deeppink;
    border: solid 1px pink;
    border-radius: 4px;
    margin-left: -320px;
    top: -65px;
    width: 70px;
    z-index: 99;
}

    #export_slotset:hover {
        background-color: #78f8f873;
        opacity: 1;
        background-image: url(../img/k/button-x-04b.gif);
    }



/* #############################bienchen aktiv ######### bienchen button############*/



#bienchen1 {
    position: relative;
    opacity: 90%;
    display: none; /* dont forget! bienchenshit*/
    height: 12px;
    width: 12px;
    background: url(../img/icons/__AAA010automatC0_S1.webp) no-repeat center;
    background-size: contain;
    top: 20px;
    left: -290px;
    z-index: 410;
}

    #bienchen1:hover {
        background: url(../img/icons/__AAA010automatC0_S3off.webp) no-repeat center;
        background-size: contain;
    }


.CFButton1 #bienchen1 {
    top: 20px;
    left: -296px;
}

.CFButton4 #bienchen1 {
    top: 22px;
    left: -296px;
}

.CFButton5 #bienchen1 {
    top: 20px;
    left: -297px;
}

.CFButtonXYZ #bienchen1 {
    top: 20px;
    left: -293px;
}

.bienchen1 #bienchen1 {
    display: flex;
    background-image: url(../img/icons/__AAA010automatC0_S2on.webp);
    top: 200px;
    left: 97px;
    z-index: 920;
}