/*Header*/

logo {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    margin: 0;
    padding: 0;
    padding-left: 0.5em;
    place-self: center start;
}


.logoimg {
    width: 6em;
    max-width: 100%;
    text-shadow: gray 0.1em 0.1em 0.2em;
}

ueberschrift {
    display: grid;
    /*grid-template-columns: subgrid;*/
    grid-template-rows: subgrid;
    grid-row: span 2;    
    grid-column: 2 / 5;
    place-self: center;
    text-align: center;
    /*margin: 0;*/
    /*padding: 0;*/
     
}

claim {
    grid-row: 1 / 2;
    grid-column: 1 / 5;
    /*place-self: center;*/
    /*text-align: center;*/
    font-size: 1.4rem;
    font-weight: bold;
    color: #020c79; 
    text-shadow: gray 0.1em 0.1em 0.2em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    /*padding: 0;*/
}

claim > a {
    text-decoration: none;
    color: inherit;
}

subtitle {
    grid-row: 2 / 3;
    grid-column: 1 / 5;
    margin-left: 0.5em;
    margin-right: 0.5em;
    /*padding: 0;*/
    padding-bottom: 0.5em;
    /*place-self: center;*/
    /*text-align: center;*/
    color: #020c79; 
    text-shadow: gray 0.1em 0.1em 0.2em;
}

subtitle > a {
    text-decoration: none;
    color: inherit;
}

burger {
    grid-row: 1 / 3;
    grid-column: 5 / 6;
    margin: 0;
    padding: 0;
    padding-right: 0.5em;
    place-self: center;
}

/*Main*/

    /*Article*/

articletext {
    padding-left: 0.5em;
}

.textbox {
    display: block;
    text-decoration: none;
    color: #020c79;
    box-shadow: 0.15rem 0.15rem 0.4rem 0.1rem #D3D3D3;
    margin: 0.5em auto 1em; 
    border: none; 
    border-radius: 0em; 
    padding: 1em;
    width: 80%;
    background-color: #EEEEFF;
    text-align: center;
}

.textbox2 {
    display: block;
    text-decoration: none;
    color: #020c79;
    box-shadow: 4px 4px 1px 0px #D3D3D3;
    margin: 0.5em auto 1em; 
    border: 1px inset #020c79;
    border-radius: 0.2em;
    padding: 1em;
    width: 85%;
    background-color: #EEEEFF;
    text-align: center;
}

.bilder {
    align-self: center;
    text-align: center;
}

.buch {
    grid-column: 1 / 2;
    margin-top: 1em;
}

.buch img {
    width: 100%;
}

.foto {
    grid-column: auto;
    margin-left: 0.5em;
    margin-top: 1em;
}

.foto img {
    width: 50%;
}

.buchbeschreibung {
    grid-column: 2 / 3;
    margin: 1em 0.5em;
}

.buchinhalt {
    grid-column: 1 / 3;
    border-bottom: solid 1px;
}

    /*Formular*/
formular {
    display: grid;
    padding: 0.5em;
    padding-top: 0;
/*    background-color: ghostwhite;*/
    border: none;
}

feldname {
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-top: 1em;
}



    /*News*/
#news {
	height: 120px;
	align-self: center;
}

    /*Aside*/
aside > a {
    text-decoration: none;
    color: #020c79;
}

sidenav a {
    text-decoration: none;
    color: #020c79;
}

sidenav .active > a {
    font-weight: bold;
}

sidenav li {
    list-style-type: circle;
    margin-top: 0.5em;
}

/*Footer*/
footer > a {
    text-decoration: none;
    color: #020c79;
    text-decoration: underline; 
}

/*Formatvorlage für aufklappbare Inhalte*/
    .toggleBox {
        position: relative;
        border: 0px solid #ddd;
    }
    
    /* Ausblenden des input-Feldes */
    .toggleBox input {
        position: absolute;
        left: -99999px;
    }
    
    /* Gestaltung der labels */
    .toggleBox label {
        display: block;
        background: #949494;
        color: #fff;
        padding: .4em;
        text-align: left;
        cursor: pointer;
    }
    
    .toggleBox label:hover {
        background: #0311a6;
    }

    .toggleBox label:active {
        background: #0311a6;
    }

    
    /* Der Aufklappmechanismus */
    .toggleBox input:not(:checked) ~ div {
        opacity: 0;
        height: 0;
    }
    
    .toggleBox input:checked ~ div {
        opacity: 1;
        padding: .2em;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
    }
    
    /* Steuerung der Sichtbarkeit der labels */
    .toggleBox input:not(:checked) ~ .close,
    .toggleBox input:checked ~ .open {
        display: none;
    }
/*Ende Aufklappbare Inhalte*/