/*$em_decentgrey:	#f0e8e0; */
.wrap-centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem; }

.redstone {
  color: #504030;
  background-color: #f0f0e8; }

.lemon {
  background-color: #cce02f; }

.blackberry {
  background-color: #c9102c; }

.mango {
  background-color: #ff3700; }

.hazysky {
  background-color: #50d0d8; }

.papaya {
  background-color: #ff6908; }

.peach {
  background-color: #ffb515; }

body {
  color: #383830;
  padding: 0px;
  line-height: 1.4em;
  font-size: 12pt;
  font-family: 'Roboto','Droid Sans','sans-serif';
  line-height: 1.4em; }

header {
  text-align: center;
  margin: 0px;
  padding: 0px; }

div.term {
  display: inline-block;
  font-size: 115%;
  font-weight: bold; }

.vdist {
  margin-top: 1.5ex;
  margin-bottom: 0.5ex; }

p.em {
  font-family: 'Abel','Droid Sans','sans-serif'; }

/* additional information */
.hint {
  font-size: 70%;
  display: inline-bock; }

.special {
  text-decoration: underline; }

ol.lalpha li {
  list-style-type: lower-alpha; }

div.helperblock {
  margin: 2em 0em; }

div.losungsblock {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #ffb515;
  display: table; }

div.losungsblock div.lstext {
  display: table-cell;
  padding: 0ex 1ex; }

div.losungsblock div.lstitle {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 6px;
  width: 30px;
  background-color: #ffb515; }

div.losungsblock .verseref {
  font-size: 70%;
  text-align: right;
  padding: 0ex 2ex 0ex 0ex;
  margin-bottom: 1em; }

div.losungsblock .hd {
  font-size: 120%;
  font-family: Abel;
  color: #707060;
  margin-bottom: 0.5ex; }

#linklist li {
  margin: 2ex;
  display: inline-block; }

div.special {
  text-align: center;
  color: #fff;
  font-family: Caveat;
  padding: 0.2rem;
  margin: 0.2rem;
  min-height: 8em;
  background-color: #fffff4;
  border-width: 0 2px 4px 2px;
  border-style: solid;
  border-color: #e8e8e8;
  border-radius: 4px;
  /*  background-image:url('blackboard-bg-320x320.jpg');
*/ }

div.special h1 {
  font-family: Caveat;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4em;
  border-radius: 4px; }

div.special p {
  color: #383830;
  font-size: 1.2rem;
  line-height: 1.3rem;
  padding: 0px;
  margin: 0.2ex 0ex; }

.catHdr {
  font-size: 120%;
  font-weight: bold; }

div.bg {
  /* border-style:solid;
  border-width:2px 2px 2px 2px;
  border-color:$em_decentgrey;*/
  border-radius: 4px; }

article.rubrik {
  margin: 0rem 0rem 2rem 0rem;
  text-align: left;
  background-color: #f0f0e8;
  color: #383830;
  border-radius: 4px; }

article.rubrik div.txt {
  padding: 0 1.4rem 0.8rem 1.4rem;
  text-align: left; }

article.info {
  margin: 0rem 0rem 2rem 0rem;
  padding: 0.8rem 1.4rem;
  text-align: left;
  background-color: #f0f0e8;
  color: #383830;
  border-radius: 4px; }

h1, h2, h3, h4 {
  font-family: Abel;
  line-height: 1.4em;
  font-weight: normal; }

h1 {
  font-size: 2.1rem; }

h2 {
  font-size: 1.8rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.2rem; }

h1.pagetitle {
  font-family: Caveat;
  font-weight: bold;
  text-align: center;
  margin: 2rem 0 4rem 0;
  font-size: 4rem; }

article.info > h1 {
  margin-right: 1.0em;
  line-height: 1.2em; }

div.clr {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 6px; }

#mainmenu {
  font-weight: bold;
  margin-bottom: 0ex;
  margin-left: auto;
  margin-right: auto;
  /* background: linear-gradient(#ffffff,$em_decentgrey,$em_finegrey ); */ }

#mainmenu a {
  color: #383830;
  font-weight: normal; }

#mainmenu ul {
  text-align: center;
  margin: 0px;
  border: 0px solid  #707070;
  text-align: right; }

#mainmenu li {
  list-style-type: none;
  display: inline-block;
  margin-left: 1em;
  margin-right: 1em;
  border: 0px solid #ff0070;
  text-align: left; }

#logoframe {
  margin: 0ex auto 2ex auto;
  width: 250px;
  display: inline-block;
  float: left; }

/* Menu-Block */
.mblock {
  list-style-type: none;
  vertical-align: top; }

/* Link, Menu-Item im Header-Bereich */
.hdr-select {
  font-size: 80%;
  font-weight: bold;
  font-style: italic;
  color: #808000;
  /*  background-color:#dadada; */
  margin: 50px 0px 0px 0px; }

footer {
  margin-top: 3rem;
  text-align: center;
  padding: 3ex;
  background-color: #707060;
  font-size: 80%;
  font-weight: normal;
  color: #ddd4cc; }

footer a:link, footer a:visited {
  color: #ddd4cc; }

footer a:active, footer a:hover {
  color: #cce02f; }

/* Link, Menu-Item im Footer-Bereich */
.mblock li {
  padding: 0.5ex 0px 0.5ex 0px; }

div.rowspace {
  margin-top: 1rem;
  margin-bottom: 2rem; }

div.block-std {
  border-radius: 4px;
  color: #383830;
  margin-top: 1ex;
  margin-bottom: 1ex;
  text-align: left; }

div.tileboard {
  /* background-color:$em_decentgrey */
  padding-top: 20px;
  padding-bottom: 20px; }

div.tile img {
  width: 100px;
  max-height: 100px; }

div.tile {
  width: 150px;
  height: 150px;
  padding: 25px;
  margin: 1ex  0ex 1ex 0ex;
  margin: 1px auto 1ex auto;
  border-radius: 4px; }

div.tileframe {
  text-align: center;
  margin: 1ex;
  color: #707060;
  font-family: Abel; }

div.tileframe a:link, div.tileframe a:active, div.tileframe a:visited, div.tileframe a:hover {
  color: #707060 !important; }

div.tileframe a {
  font-weight: normal !important; }

div.tileframe a:hover {
  font-weight: bold !important; }

/** new tiles based on flexbox layout */
div.topictile {
  text-align: center;
  margin: 1ex;
  color: #707060;
  font-family: Abel;
  min-width: 24ex; }

div.topictile a:link, div.topictile a:active, div.topictile a:visited, div.topictile a:hover {
  color: #707060 !important; }

div.topictile a {
  font-weight: normal !important; }

div.topictile a:hover {
  font-weight: bold !important; }

div.topictile div.tile img {
  width: 100px;
  max-height: 100px; }

div.topictile div.tile {
  width: 150px;
  height: 150px;
  padding: 25px;
  margin: 1ex  0ex 1ex 0ex;
  margin: 1px auto 1ex auto;
  border-radius: 4px; }

div.tiles-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2.4em 0;
  row-gap: 6ex;
  column-gap: 4ex; }

div.side-block {
  margin-bottom: 1rem; }

div.titlebar {
  border-radius: 4px 4px 0px 0px;
  font-weight: normal;
  font-size: 1.5rem;
  padding: 0.1rem 0rem;
  font-family: Abel;
  line-height: 1.2em;
  text-align: center; }

/* announcer */
div.cal-entry {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2px; }

div.announcer div.date {
  font-weight: bold;
  margin-top: 0.7ex;
  padding: 0.3ex 0.5ex 0.1ex 0.5ex; }

div.cal-entry div.time {
  width: 5em;
  text-align: right;
  padding-right: 1.4ex;
  color: #506090; }

div.cal-entry div.event {
  margin-bottom: 0.4ex;
  padding: 0.1ex 0.5ex;
  width: 100%; }

div.cal-entry div.note {
  font-style: italic;
  font-size: 80%;
  line-height: 1.4em; }

div.bg2 {
  background-color: #f8f8f8; }

table.timetable tr:nth-child(2n) {
  background-color: #ffffff; }

table.timetable td {
  vertical-align: top;
  padding: 0.2rem; }

table.listing {
  margin: 2ex 0ex 1ex 0ex; }

table.listing th {
  text-align: left; }

table.listing td {
  text-align: left; }

table.listing td.tdc, table.listing th.tdc {
  text-align: center; }

table.small-table {
  margin: 2ex 0ex 1ex 0ex; }

table.small-table tbody {
  border-width: 0px;
  font-family: 'Abel';
  border-collapse: collapse; }

table.small-table th {
  padding: 0.3ex;
  border-width: 0px;
  font-size: 110%;
  font-weight: normal;
  text-align: left; }

table.small-table tr td {
  background-color: #ffffff;
  padding: 0.3ex;
  border-width: 0px;
  border-spacing: 0px; }

div.date-file-list {
  padding: 0 0 0 10ex;
  text-indent: -10ex; }

div.adt {
  display: table-cell;
  float: left;
  width: 10ex; }

div.videocontainer, div.audiocontainer {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 900ms, visibility 1000ms linear;
  text-align: center;
  width: 100%; }

div.videobox {
  background-color: #f0f0f0;
  border: solid 2px #a0a0a0;
  border-radius: 5px;
  box-shadow: 4px 4px 8px #909090;
  margin: 10px auto;
  padding: 0px;
  text-align: center;
  display: inline-block; }

div.audiobox {
  background-color: #f0f0f0;
  border: solid 2px #806040;
  border-radius: 5px;
  box-shadow: 4px 4px 8px #909090;
  margin: 10px auto;
  padding: 0px;
  display: inline-block;
  text-align: center; }

div.videobox div.bar, div.audiobox div.bar {
  /* background-color:#403530; */
  color: #ffffff;
  padding: 4px 6px 4px 10px;
  text-align: right; }

div.videobox button, div.audiobox button {
  padding: 0px 2px 0.3ex 2px;
  background: transparent;
  border-width: 0px;
  color: #ffffff;
  cursor: pointer; }

video {
  width: 100% !important;
  height: auto !important;
  margin: 0px; }

blockquote, blockquote p {
  color: #5c1721; }

span.source {
  color: #5c1721;
  font-size: 80%; }

div.source, p.source {
  color: #5c1721;
  font-size: 80%;
  text-align: right; }

figcaption {
  margin: 0.5em 0 0.5em 0; }