/* @import url(https://fonts.googleapis.com/css?family=Convergence); */
/* latin */
@font-face {
  font-family: 'Convergence';
  font-style: normal;
  font-weight: 400;
  src: url(convergence.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

main a:link { text-decoration: none; color: #bd1a1a; }
main a:visited { text-decoration: none; color: #921f1c; }
main a:hover { text-decoration: underline; color: #e94d2b; }
main a:active { text-decoration: underline; color: #921f1c; }

hr {border-top: 1px solid #007fc8;}

h1 {
  text-align: center;
  font-family: Sans-serif;
  font-weight: normal;
}

h2 {
  text-align: center;
  color: #e94d2c;
}

.kursiv { font-style:italic; }

/* Enhält Navigation und Seitenhinhalt */
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  color: #3c2b66;
}

/* Enthält Icon und Navigationsblock */
nav {
  padding: 0 3vw;
  position: relative;
  box-sizing: border-box;
}

nav a {
  text-decoration: none;
  display: block;
  color: #3c2b66;
  padding: 0.3em 0.7em;
  font-family: Sans-serif;
  font-variant: small-caps;
}

nav label {
  padding: 0 0.7em;  
}

nav a.NavSelected, nav a:hover, nav label:hover {
  color: white;
  background-color: #3c2b66;
  cursor: pointer;
}
  
nav img {
  width: 150px;
}

nav p {
  margin: 0;
}

.hochformat {
  width: 100%;
}
  
main {
  padding: 0 3vw;
  font-family: 'Convergence', sans-serif;
}

@media (min-width: 700px) and (max-width: 999px) {
  nav {
    flex-direction: row;
  }
  
  nav div {
    text-align: right;
  }
  
  nav a {    
    display: inline-block;
  }
}

@media (min-width: 1000px) {  
  body {
    flex-direction: row;
  }  

  .hochformat {
    width: 70%;
    float: left;
    margin: 0 1em 1em 0;  
  }
}

nav input {  
  display: none;
}
.navigHead {
  display: flex;
  justify-content: space-between;
  align_content: flex-end;
  padding: 10px;
}
.navigContent {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  height: 0;
  opacity: 0;
}
nav input:checked ~ .navigContent {
  height: 100%;
  opacity: 1;
  pointer-events: initial;
  padding: 0;
}
.drawer_auf {
  display: inline;
  font-size: 1.2rem;
}
nav input:checked ~ span .drawer_auf {
  display: none;
}
.drawer_zu {
  display: none;
  font-size: 1.2rem;
}
nav input:checked ~ span .drawer_zu {
  display: inline;
}