@font-face {
    font-family: "URW Gothic l";
    src: url('urw_gothic_l_book.ttf') format("truetype");
}

body {
    margin: 0;
    border-width: 1.5px;
    padding: 0;
    color: #333;
    font-family: "URW Gothic l";
    hyphens: auto;
    background: repeat url('autotopia_background_ornament.svg');
    background-size: 50%;
}

article {
    display: flex;
    flex-wrap: wrap;
}

/*TODO: style event info pages*/
title {
  font-weight: bold;
}

h1 {
  /* don"t justify */
  text-align: left;
  font-size: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
}

.a-item > h1{
  margin-top: .5em;
  margin-bottom: .5em;
  display: inline-block;
}

.vertical-header{
  flex: 1 1 24%;
}


.vertical-header-image{
    width:100%;
    min-width:300px;
}

.a-content{

    border-bottom-style:solid;
    padding-bottom: 2em;
    flex-direction:column;
}

.a-main{
    flex: 1 1 40%;
    min-width:25em;
    max-width:90em;
    border-left-style:solid;
    line-height: 150%;
    font-size: larger;
}

.a-panel{
    flex: 1 1 35%;
    min-width:25em;
}

.a-item{
    margin-right: 2em;
    margin-bottom: 2em;
    border-right-style:solid;
    border-bottom-style:solid;
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
    background-color: rgba(240,240,250,0.2);
}

.a-event-start {
  margin-right: 2em;
}
.a-event-location {
  text-align: right;
}
.a-event-speaker {
  text-align: right;
}

.event-list-location {
    font-size: small;
    text-align: left;
}

/* Language selection */

input[name=langselect] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    /* For mobile, it's typically better to position checkbox on top of clickable
       area and turn opacity to 0 instead. */
}

label {
    cursor: pointer;
}
input[id=lang-en]:checked ~ .a-content :lang(de-DE) {
    visibility: hidden;
    display:none;
}
input[id=lang-de]:checked ~ .a-content :lang(en) {
    visibility: hidden;
    display:none;
}

/* Other tags */

td {
    vertical-align: top;
}

nav ul, nav ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav ul li a {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 30px 40px 0 0;
    text-decoration: none;
}
nav .index {
    position: absolute;
    right: 375px;
    top: 110px;
}