body {
margin: 0 auto;
background-color: #ffc;
}

main {
display: flex;
flex-direction: column;
margin: 0 auto;
}

@media all and (min-width: 30em) {
main {
flex-direction: row;
margin: 0 auto;
}
.logo {
max-width: 30em;
}
}

header,
article,
aside,
footer {
border-radius: 0px 0.5em 0.5em;
border: 1px solid;
padding: 10px;
margin: 10px;
}

header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
flex: 1 1 100%;
background-color: #ffc;
border: 1px solid;
border-radius: .5em;
}

footer {
background-color: #000;
color: #fff;
flex: 1 1 100%;
flex-direction: row;
}

h2 {
  color: grey;
border-color: #000;
}

h1, h2 {
border-radius: 0em .5em .5em;
border: 1px solid;
}

atricle {
flex: 3 1 0%;
}

aside {
min-width: 15%;
flex: 1 1 0%;
}












/* eigenvergabe */

.buch {
float: left;
border-color: #fff;
border-width: 2px;
border-style: solid;
margin: 1.5em 2em 2.5em 0em;
width: 7em;
box-shadow: 10px 10px 10px 15px grey;
}

.footerlinks {
color: #fff;
}

.footerp {
align: right;
}

.logo {
max-width: 25em;
}

nav, .buy {
font-weight: bold;
background-color: orange;
color: #000;
border-radius: .5em;
border: 1px solid;
padding: 1em;
}

.isbn {
font-weight: bold;
float: center;
}

a {
color: black;
}












/* Cookie einstellungen */


    #footer-cookie,
    #footer-cookie * {
      box-sizing: border-box;
    }

    #footer-cookie {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 60px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 60px;
      background: #303030;
      color: #fff;
    }

    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer-cookie {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: inherit;
        height: auto;
      }

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }