/* -*- coding: utf-8 -*- */
img {
  max-width: 800px;
}

p.center {
  text-align: center;
}

.quote1 {
  text-align: center;
  font-size: 120%;
  line-height: 160%;
}

.quote2 {
  text-align:center; 
  color:#AA2222; 
  font-size: 160%; 
  line-height: 140%;
}

pre.quote {
  max-width: 40em;
  text-align: left;
  font-style: italic;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
  font-size: 100%;
  line-height: 120%;
}


.quote_author {
  text-align:center; 
  font-size: 120%;
  line-height: 160%;
  font-style: italic;
}

p.date {
  font-size: 90%;
}

#bulletin-announcement-container
{
  margin: 1em auto;
  width: 75%;
  height: auto;
  text-align: center;
  background-color: white;
  border: 1px solid #eee;
}

.video iframe {
  width: 90vw;
  height: 51vw;
  max-width: 640px;
  max-height: 380px;
}


/*
    Hide/show list of blog entries
    from https://stackoverflow.com/questions/17731457/hide-show-content-list-with-only-css-no-javascript-used#17732348 
*/
label { 
  cursor: pointer;
  text-align: center;
}

input#show, input#hide {
  display:none;
}

div#content {
  display: block;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  opacity: 0; 
  height: 0;
  font-size: 0;
  overflow: hidden;
}

input#show:checked ~ .show:before {
  content: ""
}
input#show:checked ~ .hide:before {
  content: "Weitere Einträge verbergen"
}

input#hide:checked ~ .hide:before {
  content: ""
}
input#hide:checked ~ .show:before {
  content: "Weitere Einträge anzeigen"
}
input#show:checked ~ div#content {
  opacity: 1;
  font-size: 100%;
  height: auto;
}
input#hide:checked ~ div#content {
  display: block;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  opacity: 0; 
  height: 0;
  font-size: 0;
  overflow: hidden;
}