#logo-font,* {
    font-style: normal
}

#th,#th:hover {
    padding: 7px;
    text-align: left
}

#toplink,#toplink2 {
    z-index: 20;
    position: fixed;
    top: 10px
}

#actionlink,#toplink,#toplink2 {
    text-decoration: none;
    border-radius: 10px;
    padding: 5px
}

#upload,#upload:hover,button[onclick="uploadFiles()"],button[onclick="uploadFiles_m()"] {
    margin-top: 10px;
    font-size: 20px;
    cursor: pointer
}

#pref_h2,#welc_h2 {
    width: 98%;
    padding: 15px 0 25px 2%;
    margin: 0 0 -3px
}

#h2_md,#pref_h2,#welc_h2 {
    margin: 0 0 -3px
}

* {
    font-family: "Exo 2",serif;
    font-optical-sizing: auto
}

#datenschutz,a,h1,h2,h3,p {
    margin-left: 10px
}

#err_msg,#success_msg {
    font-weight: 700
}

#logo-font {
    font-family: Ubuntu,sans-serif;
    font-weight: 400
}

#cont_files {
    border-radius: 0 15px 15px;
    background-color: #0000;
    margin-top: 20px;
    padding: 20px;
    overflow-x: auto
}

.files,.main {
    display: flex;
    flex-direction: column
}

#form_file {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 2;
    border-radius: 15px;
    padding: 10px
}

#upload {
    height: 47px;
    border-radius: 13px
}

#upload:hover {
    border-radius: 10px;
    transform: scale(1.1);
    transition: .3s
}

@media screen and (min-width: 1250px) {
    #form_file {
        margin-top:-165px;
        margin-bottom: 0;
        margin-left: 350px;
        border-radius: 16px;
        position: absolute;
        z-index: 20;
        top: 220px;
        padding: 15px
    }

    #cont_files {
        border-radius: 20px;
        margin-top: 20px;
        padding: 20px;
        overflow-x: auto
    }
}

@media screen and (min-width: 700px) and (max-width:1249px) {
    #form_file {
        margin-top:-130px;
        margin-bottom: 0;
        margin-left: 320px;
        padding: 15px;
        border-radius: 16px;
        position: absolute;
        z-index: 2;
        top: 220px
    }

    #cont_files {
        border-radius: 20px;
        margin-top: 20px;
        padding: 20px;
        overflow-x: auto
    }
}

.material-symbols-outlined {
    margin: 0
}

#link {
    border-radius: 10px;
    text-decoration: none;
    padding: 11px;
    margin-left: -6px;
    margin-right: -6px
}

#link:hover,#menue_button:hover,#menue_button_it:hover,.c_summary:active,.c_summary:hover {
    border-radius: 10px
}

input[type=file],input[type=file]:hover {
    padding: 10px;
    border-radius: 15px;
    height: 60px;
    cursor: pointer;
    width: 92%
}

input[type=file]:focus {
    padding: 10px;
    border-radius: 10px;
    height: 60px;
    cursor: default;
    width: 92%
}

#th {
    text-decoration: none
}

#th:hover {
    text-decoration: underline
}

.main {
    padding: 10px;
    min-height: 90vh;
    margin-top: -45px;
    border-radius: 10px
}

.login,.site {
    margin-bottom: -60px;
    z-index: 9;
    position: sticky;
    top: 0px;
}

.hover-effect:hover {
    cursor: pointer;
    text-decoration: none
}

#menue_button,#menue_button_it {
    border-radius: 10px;
    font-weight: 700
}

.blue_logo_backg {
    height: 94px;
    width: 190px;
    position: absolute;
    border-radius: 10px;
    top: -21px;
    left: 5px;
    z-index: -1
}

.settbox,.settform,details,form {
    border-radius: 15px
}

@media (max-width: 1250px) {
    .blue_logo_backg {
        top:-1px
    }
}

form {
    padding: 20px;
    margin: 50px auto;
    width: 300px
}

.header {
    z-index: 10
}

#toplink {
    right: 10px
}

#toplink2 {
    right: 120px
}

details {
    width: 444px;
    margin: 10px 15px
}

.settform {
    padding: 20px;
    margin: 10px 25px;
    width: 350px
}

@media (max-width: 510px) {
    .settform,details {
        border-radius:15px
    }

    .settform {
        padding: 10px;
        margin: 0;
        width: 240px
    }

    details {
        width: 264px;
        margin: 10px 15px
    }
}

#actionlink {
    margin: 5px
}

.c_details {
    padding: 0 0 0 10px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.c_summary {
    border: 0;
    width: 100%;
    padding: 7px 7px 7px 2.2rem;
    margin-top: -6px;
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-left: -13px
}

.c_summary:before {
    display: none
}

.c_details .c_summary::-webkit-details-marker {
    display: none
}

.c_details>ul {
    padding-bottom: 1rem;
    margin-bottom: 0
}

button[onclick="uploadFiles()"],button[onclick="uploadFiles_m()"] {
    margin-left: 0;
    height: 47px;
    border-radius: 13px
}

button[onclick="uploadFiles()"]:hover,button[onclick="uploadFiles_m()"]:hover {
    margin-top: 10px;
    margin-left: 0;
    border-radius: 10px;
    font-size: 20px;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    #file_summary,#myDetails {
        width:0
    }

    #file_summary {
        height: 0;
        cursor: default
    }
}

@media screen and (max-width: 768px) {
    #myDetails {
        margin-left:-14px;
        margin-top: 2px;
        width: min-content
    }

    #file_summary {
        width: min-content;
        text-decoration: none;
        border-radius: 10px;
        padding: 5px;
        margin: 5px
    }
}

#h2_md {
    width: 96%;
    padding: 9px 0 18px 4%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

#div_table {
    border-radius: 15px;
    width: min-content;
    margin-top: 15px
}

#round_md,#round_pref {
    width: 100%;
    height: 20px;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: -10px
}

#table_folder {
    border: none;
    margin: 0;
    padding: 0
}

#welc_h2 {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px
}

#round_welc {
    width: 100%;
    height: 40px;
    border-radius: 40px;
    margin-top: -11px;
    margin-bottom: -63px
}

.upl_div1 {
    width: 270px
}

#upl_h31 {
    margin-top: -10px;
    margin-bottom: 5px
}

.nofile_c {
    margin-top: -50px
}

.table_md_1 {
    min-width: 300px;
    margin-top: -20px;
    padding: 30px 20px 20px;
    white-space: nowrap
}

#pref_h2 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

input[type=email],input[type=password],input[type=text] {
    width: 91%;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 15px
}
.menue {
    grid-area: menue;
    display: flex    ;
    flex-wrap: wrap;
    margin-top: 60px;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: -50px;
}