#wrapper{
    width:100%;
    max-width:calc(1640px + 2rem);
    padding:0 1rem;
    margin:5rem auto;
}

.mod_article:not(:last-child){
    margin-bottom:3rem;
}

/*-----------------------------------------------------------------------< Tabellen >---*/

table{
    width:100%;
    
}

table tr > td:first-child{
    width:20%;
    font-weight:400;
}

table tr:not(:last-child){
    border-bottom:1px solid #eee;
}

table td{
    padding:.5rem 0;
}

table tr > td:last-child{
    padding-left:1rem;
}

/*-----------------------------------------------------------------------< divers >---*/

.border{
    padding:2rem 3rem;
    margin-bottom:3rem;
    box-shadow:0 0 .5rem rgba(0,0,0,.2);
}

@media screen and (max-width:1024px){
    .border{
        padding:2rem 2rem;
    }
    table tr > td:first-child{
        width:30%;
    }
}

@media screen and (max-width:768px){
    .border{
        padding:2rem 2rem;
    }
}

.original img{
    width:auto;
}

ul{
    list-style-type: circle;
    margin-left:2rem;
}

p:not(:last-child),
ul:not(:last-child),
h4{
    margin-bottom:1rem;
}

.content-text.profile h3{
	position:relative;
	font-size:1.2rem;
    padding:2rem 0 0 1.5rem;
    margin:2rem 0 .5rem 0;
}

.content-text.profile .rte > h3:not(:first-child){
    border-top:2px solid #000;
}

.content-text.profile .rte > h3:first-child{
    margin-top:0;
}

.content-text.profile h3:before{
    content:"";
    position:absolute;
    left:0;
    display:block;
    height:1.2rem;
    aspect-ratio:1/1;
    mask-image:url(../img/check.svg);
    mask-repeat:no-repeat;
    mask-size:contain;
    mask-position:center;
    background-color:var(--c_green);
}

.content-text.profile :where(p, ul, h4){
    padding-left:1.5rem;
}


.content-image figure{
    position:relative;
}

.content-image figcaption{
    position:absolute;
    bottom:2rem;
    left:2rem;
    color:#fff;
    font-weight:300;
}

.button{
    margin-top:2rem;
}

.button a{
    display:inline-block;
    text-decoration:none;
    color:#fff;
    background-color:var(--c_green);
    padding:.5rem 1rem;
    margin:.5rem .2rem;
}

.button a:is(:hover, :focus){
    background-color:#2e43d5;
}

/*-----------------------------------------------------------------------< Downloads >---*/

div[class*='content-download'] a{
    text-decoration:none;
    color:inherit;
}

div[class*='content-download'] a:is(:hover, :focus),
a.download{
    color:var(--c_green);
}

div[class*='content-download'] ul{
    list-style-type: none;
    margin-left:0;
}

div[class*='content-download'] li:not(:last-child){
    margin-bottom:1rem;
}

div[class*='content-download'] a:before,
a.download:before{
    content:"";
    display:inline-block;
    margin-right:.5rem;

    height:2rem;
    aspect-ratio:1/1;

    mask-image:url(../img/pdf.svg);
    mask-repeat:no-repeat;
    mask-size:contain;
    mask-position:center;
    background-color:var(--c_green);
    vertical-align: middle;
}

a{
    text-decoration:none;
}

/*-----------------------------------------------------------------------< Login >---*/

#startscreen{
    position:absolute;
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
    padding:2rem;
    box-shadow:0 0 .5rem rgba(0,0,0,.2);
}

#startscreen h1{
    margin-bottom:1rem;
}

button, input.text{
    appearance: none;
    line-height:2rem;
    width:100%;
    text-align:center;
    font-size:1rem;
    font-weight:100;
    font-family:'Roboto';
    outline:none;
}

button{
    font-weight:var(--fw_bold);
    background-color:var(--c_green);
    border:1px solid var(--c_green);
    color:#fff;
    cursor:pointer;
}

input{
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:none;
}

input::placeholder{
    font-size:.8rem;
}

input:is(:hover, :focus){
    background-color:#f8f8f8;
}

.widget-password label, .widget-text label{
    display:none;
}

#logout p{
    display:none;
}

#logout button{
    width:fit-content;
    padding-left:2rem;
    padding-right:2rem;
}

#logout .widget-submit{
    text-align:center;
}