* {box-sizing: border-box;}

   .wrapper {
        max-width: 85rem;
        margin: 0 auto;
        font: 0.9rem Verdana, Helvetica, Arial, sans-serif;
  }

.wrapper > * {
        /*border: 0px solid #f08c00;*/
        background-color: lightgrey;
        border-radius: 0px;
        padding: 10px;
    }

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
.wrapper {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 0px;
  }
.wrapper > * {
  grid-column: col-start / span 12;
}
.main-head{
  border-bottom: 0.4em solid #cc0000;
  }

@media (min-width: 70em) {
  .wrapper{
   grid-template-rows: 6.5rem 1fr 40px;
	 min-height: 100vh;
  }
  .main-nav {
    grid-column: col-start / span 2;
    grid-row: 2 / 4;
  }
  .content {
    grid-column: col-start 3 / span 10;
    grid-row: 2 / 4;
  }
  #gesamtverz{
    grid-column: col-start 3 / span 7;
    grid-row: 2 / 4;
  }
  #Auswahl{
    grid-column: col-start 10 / span 3;
    grid-row: 2 / 4;
  }
  .side {
    grid-column: col-start 10 / span 3;
    grid-row: 2;
  }
  .ad {
    grid-column: col-start 11 / span 2;
    grid-row: 4;
  }
  .main-footer {
    grid-column: col-start / span 12;
  }
  nav ul {
    flex-direction: column;
  }
}

/*jetzt kommen eigene CSS*/
/*Platzierung der Grafiken*/	
header {
		display: inline;
	}  	
.uk, .uk-verlag, .web_titel{
	background-size: contain;
	background-repeat: no-repeat;
   background-position-x: 0.5rem;
  display: inline-block;
	}
.uk{
	background-image: url(../uk1-n.svg);
  width: 7.5rem;
	height: 70px;
  }
.uk-verlag{
	background-image: url(../verlag1-n.svg);
  	width: 25em;
	height: 70px;
  }

  .web_titel{
  background-image: url(../web_titel.svg);
}
/*Navigationsmenue*/
nav ul {
	margin-top: 1rem;
	padding: 0;
}
nav li {
	list-style: none;
	margin: 0;
	padding: 0.2em;
}
nav a {
	display: block;
	padding: 0.2em;
	font-weight: bold;
	text-decoration: none;
	/*background-color: #000080;*/
	color: #cc0000;
}
nav ul a:hover,
nav ul a:active {
	color: #000080;
	}
/*Ende Navigation*/
@font-face { font-family: 'PlayfairDisplaySC'; src: url(../schriften/Playfair_Display_SC/PlayfairDisplaySC-Bold.ttf) format('truetype'); 
}
@font-face { font-family: 'Noto_Serif'; src: url(../schriften/Noto_Serif/NotoSerif-Bold.ttf) format('truetype');}

/* @import url(https://fonts.googleapis.com/css?family=Noto+Serif:700); */

#neu {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30em, 1fr))
  }
h1, h2{
	color: #000080;
  margin-left: 1rem;
  /*! display: inline; */
}
h2{
   font-size: 1.1rem;
}
h3{
   font-size: 1rem;
   margin-left: 1.1rem;
}
.impressum h2{
	margin-left: 0;}
.buch{
	display: inline-block;
	border-radius: 0 0.5em 0.5em;
	margin: 1em 1em 0em 1em;
	padding:1em;
	background: #F3F3F3;
}
.buch p{
  	margin-top:0em;
    margin-bottom:0.2em;
}
.buch img, .r_faden img{
	float: left;
	border: thin solid #C0D0E0;
  margin-right:1em;
}
.buch .biblio{
  font-size: 0.9em;
  font-style: italic;
  }
#neu .buch .beschreib{
  font-size: 0.9em;
  padding-left:0;
  margin-top: 1em;
}
.buch .typo{
  font-size: 0.9em;
  
}

.r_faden, .impressum, .datenschutz{
  max-width:45em;
  padding-left: 0;
  border-radius: 0 0.5em 0.5em;
	margin: 1em 1em 0em 1em;
	padding:1em;
	background: #F3F3F3;
}
dt {
	float: left;
		margin-right: 0.5em;
}
dt:after {
	content: " ";
}
dd{
  margin-left: 8em;
  margin-bottom: 1em;
  text-indent: -1em;
}
dd:after {
	content: " ";
	clear: left;
	display: block;
}
.autor, .titel{
	/*font-size: 1.0rem;*/
	font-family: 'Noto_serif';
	/*font-weight: bold;*/
	letter-spacing: 0.03em;
	}
.autor, .name{
	color:#CC0000;
	}
.titel{
	/*background-color: yellow;*/
	color:#000000;
	}
.red{
	color:#CC0000;
}
.blue{
	color:blue;
}
.vergriffen{
   color:#008080;
   font-style: italic;
}
.liste .buch{
  display:block;
}
#gesamtverz .liste .beschreib{
	font-style: italic;
	}
.liste .titel, .utitel, .beschreib  {
	padding-left:1em;
}
#Auswahl div{
  border: thin solid gray;
	background-color: whitesmoke;
	height: 30em;
	width: 16rem;
	margin-top: 4.5rem;
	overflow: auto;
	padding: 1em 0.5em;
	font-size: smaller;
	}
#Auswahl a:link {color:#cc0000; text-decoration:none;} 
#Auswahl a:active { color:blue; text-decoration:underline;}
#Auswahl a:visited {color:blue; text-decoration:none;}
#Auswahl p {margin: 0.5em;}

#Auswahl div.up {
	border: none;
	border-radius:  0.2em;
	background-color: grey;
	height: 1.5em;
	padding: 0.2em;
	width: 6em;
	position: sticky;
	top: 97vh;
	float: right;
}
#Auswahl .up a:link {color:white;}

#verlag {
	float:right;

}
#verlag1 {
	font-size: 2em;
	font-family:serif;
	color:#cc0000;
}
#verlag2 {
	font-size: 1em;
	font-family:sans-serif;
	letter-spacing:0.075em;
	color:blue;
}