@charset "utf-8";
/* CSS Document 
-webkit-transition: all 1s;*/

@media only screen
    and (min-width:420px)
    and (max-width: 1280px)
{}


/*
#######################################################
    Gestaltungselemente Accordion
#######################################################
*/

li{
    font-weight: bold
}
/*
details[open] summary::after{    
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: lightgreen;
    content: 'Inhalt ausblenden!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    margin-left: 3px;
    padding: 3px 10px 3px 10px;
}

details:not(open) summary::after{
    font-style: normal;
    font-weight: bold;
    text-align: center;
    background-color: lightyellow;
    content: 'Inhalt einblenden!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    margin-left: 3px;
    padding: 3px 10px 3px 10px;
}*/

summary[open] {
    cursor:pointer;
}

.alle[open] summary::after{     /* für komplette Inhaltsanzeige*/
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: lightgreen;
    content: 'Nur die letzte Eingabe anzeigen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    margin-left: 3px;
    padding: 3px 10px 3px 10px;
}

.alle:not(open) summary::after{
    font-style: normal;
    font-weight: bold;
    text-align: center;
    background-color: lightyellow;
    content: 'Alle Eingaben anzeigen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    margin-left: 3px;
    padding: 3px 10px 3px 10px;
}

.besu[open] summary::after{    /*details für Aufenthalte in Ortsformularen*/
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: lightgray;
    content: 'Nur den letzten Aufenthalt anzeigen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
}

.besu:not(open) summary::after{
    font-style: normal;
    background-color: lightyellow;
    font-weight: bold;
    content: 'Alle Aufenthalte anzeigen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
    margin-left: 3px;
    margin-right: 10px;
}

.mehr[open] summary::after{    /*details für Aufenthalte in Ortsformularen*/
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: lightgray;
    content: 'Weniger lesen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
}

.mehr:not(open) summary::after{
    font-style: normal;
    background-color: lightyellow;
    font-weight: bold;
    content: 'Mehr lesen!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
    margin-left: 3px;
    margin-right: 10px;
}

.kopf[open] summary::after{    /*details für Aufenthalte in Ortsformularen*/
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: lightgray;
    content: 'Aufenthaltsinfos ausblenden!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
}

.kopf:not(open) summary::after{
    font-style: normal;
    background-color: lightyellow;
    font-weight: bold;
    content: 'Aufenthaltsinfos einblenden!';
    border: outset;
    border-color: black;
    border-radius: 5px;
    
    transition: 1s;
    display: inline-flex;
    padding: 3px 10px 3px 10px;
    margin-left: 3px;
    margin-right: 10px;
}


.aufent{
    background-color: lightcyan;
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
    margin-right: 10px;
}

.olpos{
    margin-left: -40px;
    list-style-type: decimal-leading-zero;
    list-style-position: inside
}


.stellpl{
    padding: 5px 5px 5px 5px;
    margin-left: 5px;
    list-style-type: decimal-leading-zero;
    list-style-position: inside
}

.absta{
    margin-left: -40px;
}

.abstali{
    margin-left: 40px;

}