/* grundlegende Festlegungen: Farbe, Schrift */
/* Festlegungen für HTML-Struktur            */
html {  
  color: #3e0600;  
  background-color: #e9e7da;  
}

a:link {
  color: #2d007b;
}

a:visited {
  color: #87459e;
}

body {  
  font-size: 1em;  
  line-height: 1.25;  
  font-family: 'Architects Daughter', cursive;
  margin: 0;
  padding: 0.25em 0.25em 1.5em 0.25em;
  text-align: left;
}

header {
  padding: 0 0.5em 0 0;
  width: 100% ;
  text-align: center;
  background: #e9e7da;
}

footer {
  width: 100%;
  max-height: 1.5em;
  background: #e9e7da;
}

/* Navigation links oben, klappt auf bei Überfahren und Klicken */
nav {
  /* top right bottom left*/
  margin: 0;
  border: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
}

nav > ul {
  display: none;
  background: #e9e7da;
  list-style-type: none;
  margin: 0;
  border: 0;
  padding: 0.5em;
}
nav > ul > li {
  background-image: url("../images/Nav_Schild.png");
  background-repeat: no-repeat;
  font-size: 26px;  
}

nav > ul > li > a {
  text-decoration: none;
  padding: 3px;
  height: 48px;
  width: 250px;
  display: inline-block;
}

nav > ul > li > a:visited, nav > ul > li > a:link {
  color: #e9e7da;
}

nav:hover > ul {
  display: block;
}

nav:active > ul {
  display: block;
}

article {
  padding: 0.25em;
  text-align: left;
}

main.Titel {
  display: flex;
}

section {
  display: flex;
}

section > p {
  flex: 1 1 85%;
}

figure {
  flex: 0 0 15vw;
  margin: 1.5em 0 0 0.75em;
  max-width: 250px;
  min-width: 50px;
}

figure img {
  width: 100%;
}

aside {
  padding-left: 0.75em;
  flex: 0 0 20vw;
  max-width: 400px;
  min-width: 50px;
}
/* Festlegungen für HTML Elemente */

p {
  text-align: justify;
}

p.date {
  font-size: 0.75em;
  text-align: right;
  line-height: 0em;
  padding: 0;
}

.titel {
  text-align: center;
}

div.titel > img {
  max-height: 10em;
  max-width: 95%;
  object-fit: contain;
}

.bilderstrecke {
  text-align: center;
}

div.bilderstrecke > img {
  min-width: 40%;
  max-width: 95%;
  margin: 0.75em;
  object-fit: contain;
  max-height: 15em;
}

table, tr, td {
  border: 0 none black;
  padding-bottom: 0.5em;
  vertical-align: top;
  table-layout: fixed;
}

tr:nth-of-type(n+2) > td:nth-of-type(2)::first-line {
  font-weight: bold;
}

td > img {
  max-width: 100%;
  object-fit: contain;
}

#col1 {
  min-width: 5.5em;
  width: 30%
}
#col2 {
  min-width: 10em;
  width: 50%
}
#col3 {
  min-width: 5.5em;
  width: 20%
}

#grau {
  color: #877270;
}

tr#grau > td > img {
  opacity: 0.5;
}

#ft-rot::first-line {
  /*color: #d70000;*/
  color: #950600;
}

#klein {
  font-size: 80%;
}

#sehrklein {
  font-size: 60%;
}

#zentriert {
  text-align: center;
}

#vorschau {
  min-width: 90px;
  max-width: 19%;
  padding: 0.25em 0 0 0;
}

[title="Seitenanfang"] {
  position: fixed;
  bottom: 0.1em;
  right: 1em;
  height: 1.0em;
}

h1{font-size:200%;}h2{font-size:150%;}h3{font-size:110%;}h1,h2{margin:0.5em 0 0.05em;}h3{margin:0.1em 0 0}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
article > h1,h2,h3,h4,h5,h6 {text-align: left;}

/* Media Abfrage */
/* Festlegungen für andere Fenster / Geräte */
@media (min-width: 45em) and (min-height: 30em) { 
  nav {
    top: 4em;
  }
  header {
    height: 6em;
    min-height:6em;
    max-height: 6em;
    position: fixed;
    top: 0;
  }
  footer {
    min-height: 1.1em;
    position: fixed;
    bottom: 0;
  }
  body {
    padding: 6em 0.25em 1.5em 0.25em;
  }
  #col1 {
  min-width: 5.5em;
  width: 20%
  }
  #col2 {
  min-width: 10em;
  width: 60%
  }
}

@media (min-width: 70em) and (min-height: 30em) { 
  main {
    margin: 0 0 0 250px;
    padding: 0.25em 0.5em 0em 1em;
  }
  nav {
    top: 6em;
  }
  nav > img {
    display: none;
  }
  nav > ul {
    display: block;
  }
}