/*---------------------------------------------*/
/*---------- Autor: Enrico Baumann ------------*/
/*---------- Copyright: Enrico Baumann --------*/
/*---------- Datum: 18.03.2024 ----------------*/
/*---------------------------------------------*/

details > summary {
    cursor: pointer;
    text-align: center;
    background-color: #e8f6ff ;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 3px;
    margin: 10px auto;
    width: 95%;
    border: 1px solid darkblue;
    font-size: 110%;
    color: darkblue;
}

summary:hover {
    background-color: #e1ffdd ;
    color: #600;
}

.upload {
    border: 1px solid darkblue;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 92%;
    margin: 10px auto;
    background-color: #e8f6ff;
    padding: 5px 20px;
}

.upload > ul.blau {
    color: darkblue;
    list-style-type: circle;
    font-size: 105%;
}

p.mitte {
    text-align: center;
    font-size: 95%;
}

h5 {
    text-align: center;
    font-size: 120%;
    line-height: 100%;
}

/*  ***************** */

div > h6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid silver;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    padding: 8px 0;
    font-weight: normal;
    font-size: 115%;
    background-color: #00315f ;
}

input {
    border: 1px solid lightgrey;
    margin: 7px 5px;
}

input.doku {
    width: 75%;
}

div.zcode {
    border: 1px solid #ffa500;
    border-radius: 6px;
    background-color: white;
    margin: 1px auto;
    padding: 0;
    width: 85%;
    font-size: 110%;
    letter-spacing: 5px;
    word-spacing: 8px;
    background-image: url('../bilder/bg.jpg');
}

.zcode {
    text-align: center;
   margin: 5px 1px;
}

span.syscode {
    color: #e09200;
    letter-spacing: 10px;
}

span.syscode:hover {
    color: #6a300c;
}

/* **** */
div.code {
    width: 76%;
    margin: 10px auto;
    border: 1px solid #ffbbac;
    border-radius: 4px;
    background-color: #fff7ec;
    padding: 5px;
}
a.code {
    font-size: 130%;
}

div > input.zahl {
    font-size: 95%;
    text-align: left;
    width: 60%;
    padding: 2px 3px;
    letter-spacing: 1px;
}

div.orange {
    color: orange;
    padding: 0 4px;
    border: 1px solid orange;
    background-color: snow;
    width: 64%;
}

span.stern {
    color: red;
}

/* ********************* */

.eigenerup {
    border: 1px solid #716b9e;
    background-color: #fff;
    border-radius: 4px;
    color: darkblue;
    width: 95%;
    max-width: 680px;
    margin: 20px auto;
    padding: 0;
    text-align: center;
}

.eigenerup > h2 {
    padding: 2px 0;
    margin: 5px 2px;
    letter-spacing: 1px;
}

div.ad {
    border: 0 solid red;
    padding: 5px 10px;
}

.ric {
    border-top: 1px dashed silver;
    padding: 2px 0;
    letter-spacing: 3px;
    margin-top: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #655f91 ;
    color: #fffcf5;
}

.ric:hover {
    background-color: #323661;
}


.text {
    background-color: #000757;
    text-align: center;
    color: white;
    font-size: 98%;
    padding: 6px 0;
    border: 1px solid snow;
    letter-spacing: 3px;
}


.but {
    padding: 6px 3px;
    background-color: #003f43;
    text-align: center;
    font-size: 95%;
}

.rot {
    color: red;
    padding: 5px 7px;
    font-size: 98%;
    border-radius: 15px;
    width: 75%;
}

.rot:hover {
    background-color: red;
    color: white;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px;
}

.gruen {
    color: green;
    padding: 5px 7px;
    font-size: 98%;
    border-radius: 15px;
    width: 75%;
}

.gruen:hover {
    background-color: green;
    color: white;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px;
}

div.updes {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid silver;
    font-size: 80%;
    background-color: #00315f ;
    padding: 4px 0;
    letter-spacing: 3px;
}

div > small.klein {
    font-size: 90%;
}