/* Option Menü */

    .Optionen_Menu_Wrapper{               
        display: flex;
        align-content: flex-start;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 2px;
        column-gap: 2.5px;
        height: 30px;
        width: 950px;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom:0px;
        margin-top: 0px;
        padding: 0px;
        z-index: -2;    
        background-color: rgba(245, 164, 164, 0.541); 
    }
    .Optionen_Menu_Element{
        -webkit-box-flex: 0;
        height: 30px;
        width: 200px;
        
        position: relative;
        z-index: 1;
        }
    .Optionen_Menu_Element_img{
        height: 30px;
        width: 200px;
        text-align: center;
        position: absolute;
        background-color: rgba(32, 80, 143, 0.541);
    }

    .Optionen_Inhalt_Wrapper{
        height: 700px;
        width: 950px;
       
        margin-top: 10px;
    }
    .Optionen_Inhalt_DEV_Menu_Wrapper{
        height: 30px;
        width: 950px;
        
        display: flex;
        align-content: flex-start;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 2px;
        column-gap: 2.5px;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom:10px;
        margin-top: 0px;
        padding: 0px;
        z-index: -2; 
    }

    .Optionen_Inhalt_DEV_Menu_Element{
        -webkit-box-flex: 0;
        height: 30px;
        width: 130px;
        position: relative;
        z-index: 1;
    }
    .Optionen_Inhalt_DEV_Menu_Element_img{
        height: 30px;
        width: 130px;
        text-align: center;
        position: absolute;
        background-color: rgba(32, 80, 143, 0.541);
    }
    .Optionen_Inhalt_DEV_Spieler{
        height: 50px;
        width: 950px;
        margin-bottom:00px;
        background-color: rgba(128, 0, 0, 0.116);
    }


    .Drop_Down_Spieler_DEV{
        height: 50px;
        width: 950px;
        display: flex;
        align-content: flex-start;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 2px;
        column-gap: 2.5px;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom:10px;
        margin-top: 0px;
        padding: 0px;
        z-index: -2; 
       
    }
    .Drop_Down_Spieler_DEV_dp{
        height: 50px;
        width: 200px;
        
    }
    .Drop_Down_Spieler_DEV_lbl{
        color: white;
        height: 50px;
        width: 200px;
    }
    .Optionen_Inhalt_DEV_BOX{
        height: 600px;
        width: 950px;
        
    }

    .Optionen_Inhalt_DEV_BOX_00{
        height: 600px;
        width: 950px;
        margin-left: 0px;
        padding-left:0px;
        margin-right: 0px;
        padding-top:10px;
        
        display: grid;
        grid-template-columns: 300px 350px 300px;
        grid-template-rows: 300px 300px;
        grid-template-areas: 
            "A A A"
            "D D D";
        column-gap: 0px;
        row-gap: 0px;
    }

    
    .Optionen_Inhalt_DEV_BOX_A{
        grid-area: A;
        height: 300px;
        width: 950px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        
    }

    .Optionen_Inhalt_DEV_BOX_GEB_A_Wrapper{
        height: 300px;
        width: 950px;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 5px;
        column-gap: 2.5px;
        overflow-y: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */ 
    }
    .Optionen_Inhalt_DEV_BOX_GEB_A_Wrapper::-webkit-scrollbar {
        display: none;
    }


    .Optionen_Inhalt_DEV_BOX_GEB_A_00{
        -webkit-box-flex: 0;
        display: flex;
        height: 80px;
        width: 435px;
        position: relative;
        z-index: 1;
        margin-left: 10px;
        background-color: rgba(241, 89, 114, 0.096);
    }
    .Optionen_Inhalt_DEV_GEB_A_01{
        width: 80px;
        height: 80px;
        background-color: yellow;
        margin-top: 00px;
        margin-left: 0px;
        margin-right: 00px;
    }

    .Optionen_Inhalt_DEV_GEB_A_01_01{
        width: 80px;
        height: 80px;
        
    }

    .Optionen_Inhalt_DEV_GEB_A_02{
        margin-top: 0px;
        height: 80px;
        width: 250px;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 0px;
        margin-right: 5px;
        margin-left: 0px;
        
    }

    .Optionen_Inhalt_DEV_GEB_A_02_01{
        margin-top: 0px;
        height: 80px;
        width: 100px;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 0px;
        margin-right: 0px;
        
    }

    .Optionen_Inhalt_DEV_GEB_A_03{
        height: 20px;
        width: 250px;
        
        font-size: 70%;
    }
    .Optionen_Inhalt_DEV_GEB_A_03_01{
        height: 20px;
        width: 100px;
        
        font-size: 70%;
    }

    .Optionen_Inhalt_DEV_GEB_A_04{
        height: 20px;
        width: 250px;
        
        font-size: 70%;
    }
    .Optionen_Inhalt_DEV_GEB_A_04_01{
        height: 20px;
        width: 100px;
        
        font-size: 70%;
    }
    



    .Optionen_Inhalt_DEV_GEB_A_05{
        height: 20px;
        width: 250px;
        
        font-size: 70%;
    }
    .Optionen_Inhalt_DEV_GEB_A_06{
        height: 20px;
        width: 250px;
        
        font-size: 70%;
    }
    

    

    .Optionen_Inhalt_DEV_BOX_B{
        grid-area: B;
        height: 300px;
        width: 350px;
        background-color: rgba(0, 0, 255, 0.904);
    }
    .Optionen_Inhalt_DEV_BOX_C{
        grid-area: C;
        height: 300px;
        width: 300px;
        background-color: rgba(0, 0, 255, 0.534);
    }
    .Optionen_Inhalt_DEV_BOX_D{
        grid-area: D;
        height: 300px;
        width: 950px;
    }

    .Optionen_Inhalt_DEV_BOX_D_Wrapper{
        height: 290px;
        width: 950px;
        margin-top: 10px;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 2.5px;
        column-gap: 0px;
        overflow: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        
    }
    .Optionen_Inhalt_DEV_BOX_D_Wrapper::-webkit-scrollbar {
        display: none;
    }

    .Optionen_Inhalt_DEV_BOX_D_Element{
        height: 20px;
        width: 950px;
        background-color: rgba(241, 89, 114, 0.096);
    }

/* Dev > Karte */

    .Optionen_Inhalt_DEV_BOX_00_Karte{
        height: 600px;
        width: 950px;
        margin-left: 0px;
        padding-left:0px;
        margin-right: 0px;
        padding-top:10px;
        
        display: grid;
        grid-template-columns: 350px 300px 350px;
        grid-template-rows: 300px 300px;
        grid-template-areas: 
            "B A A"
            "B A A";
        column-gap: 0px;
        row-gap: 0px;
    }


    .Optionen_Inhalt_DEV_BOX_A_Karte{
        grid-area: A;
        height: 600px;
        width: 600px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        background-color: rgba(0, 128, 0, 0.384);
        
    }
        
    .Mini_Hex_Dev{
        height: 600px;
        width: 600px;

        margin-left: 0px;
        padding-left: 0px;
        margin-right: 0px;
        padding-top: 0px;

        display: grid;
        grid-template-columns: 200px 200px 200px;
        grid-template-rows: 200px 200px 200px;
        grid-template-areas: 
            "A B C"
            "D E F"
            "G H I";
        column-gap: 0px;
        row-gap: 0px;
    }

    .Mini_Hex_11_Dev{
        grid-area: A;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_12_Dev{
        grid-area: B;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_13_Dev{
        grid-area: C;
        height: 200px;
        width: 200px;
    }

    .Mini_Hex_21_Dev{
        grid-area: D;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_22_Dev{
        grid-area: E;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_23_Dev{
        grid-area: F;
        height: 200px;
        width: 200px;
    }

    .Mini_Hex_31_Dev{
        grid-area: G;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_32_Dev{
        grid-area: H;
        height: 200px;
        width: 200px;
    }
    .Mini_Hex_33_Dev{
        grid-area: I;
        height: 200px;
        width: 200px;
    }
    
    .Optionen_Inhalt_DEV_BOX_B_Karte{
        grid-area: B;
        height: 600px;
        width: 350px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        background-color: rgb(1, 78, 1); 
    }

    .Region_Daten{
        height: 600px;
        width: 350px;
        margin-top: 0px;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 2.5px;
        column-gap: 0px;
        overflow: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .Region_Daten_Label{
        height: 30px;
        width: 150px;
        background-color: rgba(91, 91, 243, 0.425);
    }

    .Region_Daten_Input{
        height: 30px;
        width: 200px;
        background-color: rgb(50, 50, 139);
    }