/* @media (min-width: 65em) {
  body {
    padding: var(--space-xl);
  }

  .grid-2-lg { grid-template-columns: repeat(2, 1fr); }
  .grid-3-lg { grid-template-columns: repeat(3, 1fr); }
  .grid-4-lg { grid-template-columns: repeat(4, 1fr); }

  .card {
    padding: var(--space-lg);
  }

  header,
  footer {
    padding: var(--space-xl) 0;
  }
} */


@media all and (min-width: 65em) {

    body {
        background-color: white;
        grid-template-columns: repeat(13, 1fr);
    }
    
    header {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(13, 1fr);
        grid-template-rows: span 2;
        grid-row: 1 / 2;    
        /*grid-column: 1 / -1;*/
        background-color: ghostwhite;
        /*border: none;*/
        border-top: none;
        border-bottom: solid 0.1em #020c79;
        padding-top: 0.6em;
        padding-bottom: 0.4em;
        align-items: center;
    }
    
    .logoimg {
        width: 100%;
    }
    
    logo {
        grid-row: 1 / 2;
        grid-column: 3 / 4;
        right: 2em;
        width: 7em;
        margin-left: 2em;
    }
    
    ueberschrift {
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        grid-row: 1 / 2;    
        grid-column: 4 / 11;
        margin-top: 1.9em;
        height: 100%;
    }
    
    claim {
        /*display: table-cell;*/
        grid-row: auto;
        grid-column: auto;        
        margin-left: 1em;
        width: 10em;
    }
    
    /*
    claim > a {
    
}
*/
    
    subtitle {
        grid-row: auto;
        grid-column: auto;
        text-align: left;
        font-size: 1.4rem;
        color: #020c79; 
        text-shadow: gray 0.1em 0.1em 0.2em;
        padding-bottom: 0;
        margin-left: 0.5em;
        width: 25em;
    }

    /*
    subtitle > a {
    
}
*/
    
    burger {
        grid-row: 1 / 2;
        grid-column: 11 / 12;
    }
    
    /*
    nav-topmenu {
        border: none;
    }
    */

    /*
    menu {

}
*/
    
    main {
        margin-top: 0;
        grid-column: 2 / 13;
    }

    /*
    section {
        grid-column: 2 / 8;            
    }    
    */
    
    article {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto;
    }

/*
articletext {

}    
*/
    
.textbox {
    grid-column: span 2;
}
    
.zentriert {
    grid-column: 2 / -2;
}
    
.textbox2 {
    grid-column: span 3;
}
    
.bilder {
    grid-column: span 2;
}
    
.buch {
    grid-column: 1 / 3;
    padding-right: 0;
}

/*
.buch img {

}
    */

/*
.foto {

}
*/

/*
.foto img {

}    
*/
    
.buchbeschreibung {
    grid-column: 3 / 7;
}
    
.buchinhalt {
    grid-column: 1 / 7;
}

aside {
    margin-top: 0.5em;
    grid-column: 5 / 7;
    border: solid 0.1em #020c79;
    background-color: ghostwhite;
}

/*
sidenav a {

}
*/

/*
sidenav .active > a {

}
*/

/*
sidenav li {

}
*/

/*
formular {

}
*/

/*
feldname {

}
*/
    
nav.topmenu { 
    position: absolute;
    height: auto; 
    max-height: 0;
    width: 90%;
    overflow: hidden; 
    transition: all 0.5s;
    top: 8em;
    left: 5.5em;
    background-color: ghostwhite;
    opacity: 0.95;
}  

    nav ul {
        font-size: 1.2rem;
    }
    
footer {
    background-color: ghostwhite;
    font-size: 0.7em;
    border-top: solid 0.1m #020c79;
    color: #020c79;
    
}
    
    footer > a {
    color: #020c79;
    }
    

    /*
    #sticky {
        position: inherit;    
    }
    */
    
    /*
    #mobnav {
	   display: none;
	}
 */
    
    /*Formatvorlagen für Navigation PHP */

    /**/
    
    menu {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
    }
    

}