/* _content/Homepage/Pages/Bash/BashScripting.razor.rz.scp.css */
button[b-4deor3a3p1] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-4deor3a3p1] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-4deor3a3p1] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}



/*select.combo {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
   
    border: none;
   
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}*/

div.scroll_Link[b-4deor3a3p1] {
    width: 220px;
    height: 85px;
    overflow: auto;
    overflow-x: hidden;
}

div.ComboBorder[b-4deor3a3p1] {
    width: 250px;
    height: 100px;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-appearance: none;
    -webkit-appearance: none;
}

option:checked[b-4deor3a3p1],
option:hover[b-4deor3a3p1] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-4deor3a3p1] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/Bash/BashShell.razor.rz.scp.css */
button[b-xg22zhwutj] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-xg22zhwutj] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-xg22zhwutj] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}



select.combo[b-xg22zhwutj] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-xg22zhwutj],
option:hover[b-xg22zhwutj] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-xg22zhwutj] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%); 
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/Bash/Menu_Bash.razor.rz.scp.css */
button[b-047ko7ixr5] {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 50%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    button:focus[b-047ko7ixr5] {
        border: none;
    }

    button:hover[b-047ko7ixr5] {
       
        background-color: #4CAF50 !important;
    }

.myli[b-047ko7ixr5] {
    /*background-color: Transparent;
        background-repeat:no-repeat;*/
    /*border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 50%;
    /* color: white;*/
    font-family: Arial;
    font-size: 14px;
}

    .myli:focus[b-047ko7ixr5] {
        border: none;
    }

    .myli:hover[b-047ko7ixr5] {
        color: white;
        background-color: #4CAF50 !important;
    }

.myli[b-047ko7ixr5] {
    /*  background-color: Transparent;
            background-repeat: no-repeat;
            border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    /*width: 50%;*/
    /*color: white;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .myli:focus[b-047ko7ixr5] {
        border: none;
    }

    .myli:hover[b-047ko7ixr5] {
        color: white;
        background-color: #4CAF50 !important;
    }

    .myli:hover[b-047ko7ixr5] {
        color: white;
    }

.toggle label[b-047ko7ixr5] {
    position: relative;
    display: inline-block;
    width: 40em;
    height: 3.5em;
}

.toggle input[b-047ko7ixr5] {
    display: none;
}



.toggle InputCheckbox[b-047ko7ixr5] {
    display: none;
}



.toggle .slider[b-047ko7ixr5] { /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: -2px;
    margin-top: 0px;
    left: 255px;
    /* top: 1.5em; */
    /*left: 32px;*/
    width: 4em;
    height: 2em;
    background-color: black; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

.toggle .slider[b-047ko7ixr5]:before { /* verschiebbarer Button */
    position: absolute;
    content: "";
    height: 1.6em;
    width: 1.6em;
    left: 0.2em;
    bottom: 0.2em;
    background-color: white;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.toggle input:checked + .slider[b-047ko7ixr5] {
    background-color: #4CAF50; /* green */
}

.toggle input:focus + .slider[b-047ko7ixr5] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle input:checked + .slider[b-047ko7ixr5]:before {
    transform: translateX(1.9em);
}



.toggle InputCheckbox:checked + .slider[b-047ko7ixr5] {
    background-color: #4CAF50; /* green */
}

.toggle InputCheckbox:focus + .slider[b-047ko7ixr5] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle InputCheckbox:checked + .slider[b-047ko7ixr5]:before {
    transform: translateX(1.9em);
}





.text .slider[b-047ko7ixr5]:after { /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: black;
    font-weight: bold;
    height: 1.6em;
    left: -0.8em;
    bottom: 0.2em;
}

.text InputCheckbox:checked + .slider[b-047ko7ixr5]:after { /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: #4CAF50;
    left: 0.8em;
}
/* _content/Homepage/Pages/CSharp/AdoDatenzugriff.razor.rz.scp.css */
button[b-199skykoef] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-199skykoef] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-199skykoef] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}



.box[b-199skykoef] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-199skykoef] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}
/* _content/Homepage/Pages/CSharp/EventDelegates.razor.rz.scp.css */
button[b-lqh7l5x891] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-lqh7l5x891] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-lqh7l5x891] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}




.box[b-lqh7l5x891] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-lqh7l5x891] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}

select.combo[b-lqh7l5x891] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-lqh7l5x891],
option:hover[b-lqh7l5x891] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-lqh7l5x891] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/CSharp/Generics.razor.rz.scp.css */
button[b-l4upbiyr6e] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-l4upbiyr6e] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-l4upbiyr6e] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}




.box[b-l4upbiyr6e] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-l4upbiyr6e] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}

select.combo[b-l4upbiyr6e] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-l4upbiyr6e],
option:hover[b-l4upbiyr6e] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-l4upbiyr6e] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/CSharp/Linq.razor.rz.scp.css */
button[b-pzcrkt6tfu] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-pzcrkt6tfu] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-pzcrkt6tfu] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}



.box[b-pzcrkt6tfu] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-pzcrkt6tfu] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}

select.combo[b-pzcrkt6tfu] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-pzcrkt6tfu],
option:hover[b-pzcrkt6tfu] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-pzcrkt6tfu] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/CSharp/Menu_CSharp.razor.rz.scp.css */
button[b-nkpjv3031h] {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 100%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    button:focus[b-nkpjv3031h] {
        border: none;
    }

    button:hover[b-nkpjv3031h] {
       
        background-color: #4CAF50 !important;
    }

.myli[b-nkpjv3031h] {
    /*background-color: Transparent;
        background-repeat:no-repeat;*/
    /*border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 100%;
    /* color: white;*/
    font-family: Arial;
    font-size: 14px;
}

    .myli:focus[b-nkpjv3031h] {
        border: none;
    }

    .myli:hover[b-nkpjv3031h] {
        color: white;
        background-color: #4CAF50 !important;
    }

.myli[b-nkpjv3031h] {
    /*  background-color: Transparent;
            background-repeat: no-repeat;
            border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    /*width: 50%;*/
    /*color: white;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .myli:focus[b-nkpjv3031h] {
        border: none;
    }

    .myli:hover[b-nkpjv3031h] {
        color: white;
        background-color: #4CAF50 !important;
    }

    .myli:hover[b-nkpjv3031h] {
        color: white;
    }

.toggle label[b-nkpjv3031h] {
    position: relative;
    display: inline-block;
    width: 40em;
    height: 3.5em;
}

.toggle input[b-nkpjv3031h] {
    display: none;
}

.toggle .slider[b-nkpjv3031h] { /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: -2px;
    margin-top: 0px;
    left: 255px;
    /* top: 1.5em; */
    /*left: 32px;*/
    width: 4em;
    height: 2em;
    background-color: black; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

    .toggle .slider[b-nkpjv3031h]:before { /* verschiebbarer Button */
        position: absolute;
        content: "";
        height: 1.6em;
        width: 1.6em;
        left: 0.2em;
        bottom: 0.2em;
        background-color: white;
        border-radius: 50%;
        transition: all .3s ease-in-out;
    }

.toggle input:checked + .slider[b-nkpjv3031h] {
    background-color: #4CAF50; /* green */
}

.toggle input:focus + .slider[b-nkpjv3031h] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle input:checked + .slider[b-nkpjv3031h]:before {
    transform: translateX(1.9em);
}

.text .slider[b-nkpjv3031h]:after { /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: black;
    font-weight: bold;
    height: 1.6em;
    left: -2.8em;
    bottom: 0.2em;
}

.text input:checked + .slider[b-nkpjv3031h]:after { /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: #4CAF50;
    left: 4.5em;
}
/* _content/Homepage/Pages/CSharp/Patterns.razor.rz.scp.css */
button[b-hisur5j37y] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-hisur5j37y] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-hisur5j37y] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}




.box[b-hisur5j37y] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-hisur5j37y] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}

/* _content/Homepage/Pages/CSharp/UnitTesting.razor.rz.scp.css */
button[b-p8gnvhll17] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-p8gnvhll17] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-p8gnvhll17] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}




.box[b-p8gnvhll17] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-p8gnvhll17] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}


/* _content/Homepage/Pages/Index.razor.rz.scp.css */

.div-container[b-j5p84b239s] {
    justify-content: center;
    align-items:  center;
}

    .div-container[b-j5p84b239s]::after {
        /*width: 50%;
        height: 100%;*/
        content: "";
        background: url('../img/dux.gif');
       /* background-size: 80px 50px;*/ /* Breite Höhe */
        /*background-size: cover;*/
        background-size: 100%;
        opacity: 0.1;
        top: 0px;
        left: 50%;
        bottom: 0;
        right: 0px;
        transform: translateX(-50%);
        margin-right: 0px;
        position: absolute;
        border-radius: inherit;
    }
/* _content/Homepage/Pages/Netzwerktechnik/Menu_Netzwerktechnik.razor.rz.scp.css */
button[b-orxma1w6k5] {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 100%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    button:focus[b-orxma1w6k5] {
        border: none;
    }

    button:hover[b-orxma1w6k5] {
       
        background-color: #4CAF50 !important;
    }

.myli[b-orxma1w6k5] {
    /*background-color: Transparent;
        background-repeat:no-repeat;*/
    /*border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 100%;
    /* color: white;*/
    font-family: Arial;
    font-size: 14px;
}

    .myli:focus[b-orxma1w6k5] {
        border: none;
    }

    .myli:hover[b-orxma1w6k5] {
        color: white;
        background-color: #4CAF50 !important;
    }

.myli[b-orxma1w6k5] {
    /*  background-color: Transparent;
            background-repeat: no-repeat;
            border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    /*width: 50%;*/
    /*color: white;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .myli:focus[b-orxma1w6k5] {
        border: none;
    }

    .myli:hover[b-orxma1w6k5] {
        color: white;
        background-color: #4CAF50 !important;
    }

    .myli:hover[b-orxma1w6k5] {
        color: white;
    }

.toggle label[b-orxma1w6k5] {
    position: relative;
    display: inline-block;
    width: 40em;
    height: 3.5em;
}

.toggle input[b-orxma1w6k5] {
    display: none;
}

.toggle .slider[b-orxma1w6k5] { /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: -2px;
    margin-top: 0px;
    left: 255px;
    /* top: 1.5em; */
    /*left: 32px;*/
    width: 4em;
    height: 2em;
    background-color: black; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

    .toggle .slider[b-orxma1w6k5]:before { /* verschiebbarer Button */
        position: absolute;
        content: "";
        height: 1.6em;
        width: 1.6em;
        left: 0.2em;
        bottom: 0.2em;
        background-color: white;
        border-radius: 50%;
        transition: all .3s ease-in-out;
    }

.toggle input:checked + .slider[b-orxma1w6k5] {
    background-color: #4CAF50; /* green */
}

.toggle input:focus + .slider[b-orxma1w6k5] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle input:checked + .slider[b-orxma1w6k5]:before {
    transform: translateX(1.9em);
}

.text .slider[b-orxma1w6k5]:after { /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: black;
    font-weight: bold;
    height: 1.6em;
    left: -2.8em;
    bottom: 0.2em;
}

.text input:checked + .slider[b-orxma1w6k5]:after { /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: #4CAF50;
    left: 4.5em;
}
/* _content/Homepage/Pages/Netzwerktechnik/Netzwerktechnik.razor.rz.scp.css */
button[b-c7towhwnqu] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-c7towhwnqu] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-c7towhwnqu] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}
/* _content/Homepage/Pages/Projekte/Menu_Projekte.razor.rz.scp.css */
button[b-owgd3mgpwx] {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 100%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    button:focus[b-owgd3mgpwx] {
        border: none;
    }

    button:hover[b-owgd3mgpwx] {
        
        background-color: #4CAF50 !important;
    }

.myli[b-owgd3mgpwx] {
    /*background-color: Transparent;
        background-repeat:no-repeat;*/
    /*border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 100%;
    /* color: white;*/
    font-family: Arial;
    font-size: 14px;
}

    .myli:focus[b-owgd3mgpwx] {
        border: none;
    }

    .myli:hover[b-owgd3mgpwx] {
        color: white;
        background-color: #4CAF50 !important;
    }

.myli[b-owgd3mgpwx] {
    /*  background-color: Transparent;
            background-repeat: no-repeat;
            border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    /*width: 50%;*/
    /*color: white;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .myli:focus[b-owgd3mgpwx] {
        border: none;
    }

    .myli:hover[b-owgd3mgpwx] {
        color: white;
        background-color: #4CAF50 !important;
    }

    .myli:hover[b-owgd3mgpwx] {
        color: white;
    }

.toggle label[b-owgd3mgpwx] {
    position: relative;
    display: inline-block;
    width: 40em;
    height: 3.5em;
}

.toggle input[b-owgd3mgpwx] {
    display: none;
}

.toggle .slider[b-owgd3mgpwx] { /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: -2px;
    margin-top: 0px;
    left: 255px;
    /* top: 1.5em; */
    /*left: 32px;*/
    width: 4em;
    height: 2em;
    background-color: black; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

    .toggle .slider[b-owgd3mgpwx]:before { /* verschiebbarer Button */
        position: absolute;
        content: "";
        height: 1.6em;
        width: 1.6em;
        left: 0.2em;
        bottom: 0.2em;
        background-color: white;
        border-radius: 50%;
        transition: all .3s ease-in-out;
    }

.toggle input:checked + .slider[b-owgd3mgpwx] {
    background-color: #4CAF50; /* green */
}

.toggle input:focus + .slider[b-owgd3mgpwx] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle input:checked + .slider[b-owgd3mgpwx]:before {
    transform: translateX(1.9em);
}

.text .slider[b-owgd3mgpwx]:after { /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: black;
    font-weight: bold;
    height: 1.6em;
    left: -2.8em;
    bottom: 0.2em;
}

.text input:checked + .slider[b-owgd3mgpwx]:after { /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: #4CAF50;
    left: 4.5em;
}
/* _content/Homepage/Pages/Projekte/ProjekteBeruflich.razor.rz.scp.css */
button[b-r3c5daxw8v] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-r3c5daxw8v] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-r3c5daxw8v] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}
/* _content/Homepage/Pages/Projekte/ProjektePrivat.razor.rz.scp.css */
button[b-24caes3njf] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-24caes3njf] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-24caes3njf] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}



.box[b-24caes3njf] {
    height: 60px;
    width: 225px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.border_rectancle[b-24caes3njf] {
    border: 3px solid #000000;
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
}
/* _content/Homepage/Pages/Schwitalla.razor.rz.scp.css */
.separator[b-1nsuvqkpac] {
    border-left: 3px solid #000;
}

.box[b-1nsuvqkpac] {
    height: 230px;
    width: 500px;
    margin-right: 10px;
    margin-top: 10px;
    display: flex;
}

.box-element-right[b-1nsuvqkpac] {
    height: 200px;
    width: 200px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.box-element-left[b-1nsuvqkpac] {
    height: 200px;
    width: 350px;
 }

.box-element-separator[b-1nsuvqkpac] {
    height: 200px;
    width: 5px;
    background: silver;
    /*border-color: silver;*/
    border: 1px solid silver;
}

.element-text-left[b-1nsuvqkpac] {
    display: flex;
    justify-content: center;
    text-align: left;
}

.horizontal-mitte[b-1nsuvqkpac] {
    /* oben 10px, rechts 3px, unten 30px, links 5px */
    margin: 5px 5px;
    display: table;
   
}

.horizontal-mitte2[b-1nsuvqkpac] {
    margin: 30px 3px 50px 5px;
    display: table;
   
}

.vertikal-left[b-1nsuvqkpac] {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle
}

.border_circle[b-1nsuvqkpac] {
    border: 3px solid #000000;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-color: silver;
}

.border_rectancle[b-1nsuvqkpac] {
   /* border: 3px solid #000000;*/
    border: 3px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
}

.menu-link-text-decoration-none[b-1nsuvqkpac] {
    text-decoration: none; /*Links ohne Unterstreichung erstellen*/
    color: lawngreen;
    font-size: 18px
}

.menu-text-color[b-1nsuvqkpac] {
    color: lawngreen;
}
/* _content/Homepage/Pages/SQL/Menu_SQL.razor.rz.scp.css */
button[b-poelqxyi4a] {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 100%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    button:focus[b-poelqxyi4a] {
        border: none;
    }

    button:hover[b-poelqxyi4a] {
        
        background-color: #4CAF50 !important;
    }

.myli[b-poelqxyi4a] {
    /*background-color: Transparent;
        background-repeat:no-repeat;*/
    /*border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    width: 100%;
    /* color: white;*/
    font-family: Arial;
    font-size: 14px;
}

    .myli:focus[b-poelqxyi4a] {
        border: none;
    }

    .myli:hover[b-poelqxyi4a] {
        color: white;
        background-color: #4CAF50 !important;
    }

.myli[b-poelqxyi4a] {
    /*  background-color: Transparent;
            background-repeat: no-repeat;
            border: none;*/
    cursor: pointer;
    overflow: hidden;
    outline: none;
    /*width: 50%;*/
    /*color: white;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .myli:focus[b-poelqxyi4a] {
        border: none;
    }

    .myli:hover[b-poelqxyi4a] {
        color: white;
        background-color: #4CAF50 !important;
    }

    .myli:hover[b-poelqxyi4a] {
        color: white;
    }

.toggle label[b-poelqxyi4a] {
    position: relative;
    display: inline-block;
    width: 40em;
    height: 3.5em;
}

.toggle input[b-poelqxyi4a] {
    display: none;
}

.toggle .slider[b-poelqxyi4a] { /* Grundfläche */
    position: absolute;
    cursor: pointer;
    top: -2px;
    margin-top: 0px;
    left: 255px;
    /* top: 1.5em; */
    /*left: 32px;*/
    width: 4em;
    height: 2em;
    background-color: black; /* red */
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

    .toggle .slider[b-poelqxyi4a]:before { /* verschiebbarer Button */
        position: absolute;
        content: "";
        height: 1.6em;
        width: 1.6em;
        left: 0.2em;
        bottom: 0.2em;
        background-color: white;
        border-radius: 50%;
        transition: all .3s ease-in-out;
    }

.toggle input:checked + .slider[b-poelqxyi4a] {
    background-color: #4CAF50; /* green */
}

.toggle input:focus + .slider[b-poelqxyi4a] {
    background-color: pink;
    box-shadow: 0 0 1px #4CAF50;
}

.toggle input:checked + .slider[b-poelqxyi4a]:before {
    transform: translateX(1.9em);
}

.text .slider[b-poelqxyi4a]:after { /* Text vor dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: black;
    font-weight: bold;
    height: 1.6em;
    left: -2.8em;
    bottom: 0.2em;
}

.text input:checked + .slider[b-poelqxyi4a]:after { /* Text hinter dem FlipFlop-Schalter */
    position: absolute;
    content: "";
    color: #4CAF50;
    left: 4.5em;
}
/* _content/Homepage/Pages/SQL/Sql.razor.rz.scp.css */
button[b-csv7ypvyiw] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-csv7ypvyiw] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-csv7ypvyiw] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}

select.combo[b-csv7ypvyiw] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-csv7ypvyiw],
option:hover[b-csv7ypvyiw] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-csv7ypvyiw] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Pages/SQL/TSql.razor.rz.scp.css */
button[b-x4kigba3vy] {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none;*/
    border: 0.5px solid silver;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 90px;
    /*color: black;*/
    /*border-radius: 50%;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: white;
}

button:focus[b-x4kigba3vy] {
    /*border: none;*/
    border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

button:hover[b-x4kigba3vy] {
    background-color: #4CAF50 !important;
    border: 0.5px solid black;
    /*color: black !important;*/
}

select.combo[b-x4kigba3vy] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: sans-serif;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: right;
    color: black;
    padding: 3px 32px 3px 12px;
    border: none;
    overflow-y: hidden;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    border: 2px solid silver;
    border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -webkit-border-radius: 0px 20px 0px 20px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-x4kigba3vy],
option:hover[b-x4kigba3vy] {
    background-color: #4CAF50;
    color: silver;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

option:checked[b-x4kigba3vy] {
    background-image: linear-gradient(80deg, #4CAF50, #4CAF50 100%);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
/* _content/Homepage/Shared/LoginDisplay.razor.rz.scp.css */
.left-menu[b-hsvj514dk8] {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
}

.left-menu a[b-hsvj514dk8] {
    display: inline-block; /* Statt untereinander, nebeneinander */
    margin-right: 10px; /* Fügt einen Abstand zwischen den Menüpunkten hinzu */
}

.custom-font[b-hsvj514dk8] {
    font-family: Arial, sans-serif;
}

.custom-font-size[b-hsvj514dk8] {
    font-size: 25px;
}

.flex-container[b-hsvj514dk8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menu-link-text-decoration-none[b-hsvj514dk8] {
    text-decoration: none; /*Links ohne Unterstreichung erstellen*/
    color: greenyellow;
}

/*Für die Menue Links das dieße untereinander dargestellt werden*/
.menu-link[b-hsvj514dk8] {
    display: block;
    text-decoration: none; /*Links ohne Unterstreichung erstellen*/
    color: greenyellow;
}

/* Übergeordnetes Element der Button*/
.parent-element[b-hsvj514dk8] {
    position: relative;
}

/*Um die Hover-Effekt für die Menu Punkte zu definieren*/
.menu-link:hover[b-hsvj514dk8] {
    background-color: #0056b3; /* Dunklerer Blauton für den Hover-Effekt */
    color: yellow; /* Weißer Text */
}

.menue-size-button[b-hsvj514dk8] {
    width: 90px; /* Breite des Buttons */
    height: 40px; /* Höhe des Buttons */
    padding: 10px; /* Innenabstand */
    font-size: 16px; /* Schriftgröße */
    border: 2px solid greenyellow; /* #007bff;*/ /* Rahmen des Buttons */
    background-color: midnightblue; /*#007bff;*/ /* Hintergrundfarbe */
    color: greenyellow; /* Schriftfarbe */
    border-radius: 0px 0px 15px 0px; /* Abgerundete Ecken */
    cursor: pointer; /* Mauszeiger als Hand-Symbol */
}

.menue-div[b-hsvj514dk8] {
    position: absolute;
    top: 5%; /* Direkt unterhalb des Buttons */
    left: 0;
    z-index: 1000; /* Stellt sicher, dass der Container über anderen Elementen angezeigt wird */
    background-color: midnightblue; /* Setzt die Hintergrundfarbe auf Blau  #007bff;*/
    border-color: blue;
    border: 3px solid greenyellow;
    color: greenyellow; /* Setzt die Schriftfarbe auf Weiß */
    padding: 10px; /* Fügt Innenabstand hinzu, damit der Inhalt nicht direkt am Rand ist */
    width: auto; /* Breite des Containers passt sich dem Inhalt an */
    border-radius: 0px 0px 15px 0px; /* Abgerundete Ecken */
    height: auto;
    display: inline-block; /* Ermöglicht es dem Container, seine Größe dem Inhalt anzupassen */
}

/* Style für große Bildschirme */
@media (min-width: 641px) {
    .left-menu a[b-hsvj514dk8] {
        /*display: inline-block; /* Menüpunkte nebeneinander */
        margin-right: 10px;
    }

    .custom-font-size[b-hsvj514dk8] {
        font-size: 25px;
    }

    .menu-button[b-hsvj514dk8] {
        display: none; /*Verstecke den Menü-Button */
        
    }
    

    .left-menu[b-hsvj514dk8] {
        display: block;  /*Zeige das Menü standardmäßig an */
    }
}

/* Style für kleine Bildschirme */
@media (max-width: 640px) and (orientation: landscape) {
    html[b-hsvj514dk8] {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }

    .left-menu a[b-hsvj514dk8] {
        /*display: block; /* Menüpunkte untereinander */
        margin-bottom: 10px;
    }

    .custom-font-size[b-hsvj514dk8] {
        font-size: 20px;
    }

    .menu-button[b-hsvj514dk8] {
        display: block; /* Zeige den Menü-Button */
    }

    .left-menu[b-hsvj514dk8] {
        display: none; /* Verstecke das Menü standardmäßig */
    }
}

/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/
/* _content/Homepage/Shared/MainLayout.razor.rz.scp.css */
.page[b-xz9hhefhho] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xz9hhefhho] {
    flex: 1;
    overflow-x: auto; /* Horizontaler Scrollbalken, falls n�tig */
    overflow-y: auto; /* Vertikaler Scrollbalken, falls n�tig */
}

.sidebar[b-xz9hhefhho] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-xz9hhefhho] {
    /* background-color: #f7f7f7;*/
    background-color: midnightblue;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    color: greenyellow;
}

.top-row[b-xz9hhefhho]  a, .top-row .btn-link[b-xz9hhefhho] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-xz9hhefhho] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-content[b-xz9hhefhho] {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Sorgt f�r gleichm��igen Abstand oben und unten */
    height: 100vh; /* Stellt sicher, dass der Hauptinhalt die volle Bildschirmh�he einnimmt */
}

.content[b-xz9hhefhho] {
    flex-grow: 1; /* Erlaubt dem Inhalt, den verf�gbaren Platz einzunehmen */
    overflow-x: auto; /* Horizontaler Scrollbalken, falls n�tig */
    overflow-y: auto; /* Vertikaler Scrollbalken, falls n�tig */
    /*background-color: lawngreen;  greenyellow lightgreen lightgoldenrodyellow lime*/
    background-image: linear-gradient(180deg,gold 30%,greenyellow 70%);
}

.bottom-row[b-xz9hhefhho] {
    /* background-color: #f7f7f7;*/ /* Setzt die Hintergrundfarbe f�r den unteren Bereich */
    background-color: midnightblue; /* Setzt die Hintergrundfarbe f�r den unteren Bereich */
    padding: 10px; /* F�gt einen Innenabstand von 10px hinzu */
    border-top: 1px solid #d6d5d5; /* F�gt eine 1px schwarze Linie am oberen Rand hinzu */
    color: greenyellow;
    
}

/*F�r die Menue Links das die�e untereinander dargestellt werden*/
.menu-link[b-xz9hhefhho] {
    /* display: block;*/
    text-decoration: none; /*ohne Unterstreichung erstellen color*/
    color: greenyellow;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xz9hhefhho] {
        display: none;
    }

    .top-row.auth[b-xz9hhefhho] {
        justify-content: space-between;
    }

    .top-row a[b-xz9hhefhho], .top-row .btn-link[b-xz9hhefhho] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xz9hhefhho] {
        flex-direction: row;
    }

    .sidebar[b-xz9hhefhho] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xz9hhefhho] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-xz9hhefhho], article[b-xz9hhefhho] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}