/* ------------ Basisdesign ---------------------*/

body {
  font-family: 'Ubuntu Light','Miriam Libre', 'Sintony', sans-serif;
  font-weight: light;
  font-size: 20px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
}

/* Ensure certain elements are never larger than the slide itself */
img, video, iframe {
  max-width: 95%;
  max-height: 95%; 
}

/* Split the screen in half */
/* Pattern styles */
.container {
  display: table;
  width: 100%;
}

.left-half {
  position: absolute;
  left: 0px;
  width: 50%;

}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.right-half {
  position: absolute;
  right: 0px;
  width: 50%;
}

#title-footer {
    left: 10%;
}

#logo {
  top: 7%;
  left: -13%;
  display: block;
  position: absolute;
  z-index: 1;
  width: 30%;
  direction: rtl;
  background-color: none;
  height: 70px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain
}

header {
  top:0px;
  position:fixed !important;
  position:absolute;
  height:10em;
  width:100%;
  z-index:10;
}


nav {
  bottom:0px;
  height:30%;
  left:0px;
  position:absolute;
  width:100%;
}


#Content {
  top:10em;
  height:80%;
  position:relative;
  width:100%;
  padding-bottom:3em;
}


footer {
  bottom:0px;
  position:fixed !important;
  position:absolute;
  height:3em;
  width:100%;
}

/* ------------ (Über-)Schriften --------------------- */

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  line-height: 1em;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  font-weight: 300;
  word-wrap: break-word;
  text-align: center;
}
/* h5 und h6 wird für erste Folie missbraucht*/
h6 {
  font-size: 4em;
  font-weight: bold;
  text-align: left;
}

h5 {
  font-size: 3.3333em;
  font-weight: bold;
  text-align: left;
}

h1 {
  font-size: 2.5em;
  font-weight: bold;
}

h2 {
  font-size: 1.5em;
  font-weight: light;
}

h3 {
  font-size: 1.5;
  font-weight: 400;
  font-style: italic;
}

h4 {
  font-size: 1.15em;
  font-weight: 400;
}

strong, b {
  font-weight: bold;
}

em {
  font-style: italic;
}

/*----------BUTTON----------*/

.testbutton {
  font-family: 'ubuntu';
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0px 0px 0px #FFFFFF;
  box-shadow: 2px 4px 4px #787878;
  padding: 10px 20px;
  width: 400px;
  border-radius: 40px;
  border: 0px solid #3866A3;
  background: #F29400;
  text-align: center;

}
/* ------------ Trennlinien --------------------- */

hr.top {
  border-top: 3px solid black;
  margin-left: 3em;
  margin-right: 3em;
}

hr.mid {
  border-top: 1px solid black;
  margin-left: 3em;
  margin-right: 3em;
}

hr.bottom {
  border-top: 3px solid black;
  margin-left: 3em;
  margin-right: 3em;
}


/* ------------ Abstand zwischen Blöcken --------------------- */

p {
  margin: 0.5em 0;
  line-height: 1.5em;
  text-align: left;
}

p2 {
  margin: 0.5em 0;
  line-height: 1.6em;
  font-size: .8em }


/* ------------ Tabelle --------------------- */

table {
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0; }

table th {
  font-weight: bold;
  border-top: 2px solid;
  border-bottom: 1px solid;}

table th, table td {
  text-align: left;
  padding: 0.2em 0.5em 0.2em 0.5em;}
  /* border-bottom: 1px solid; }*/

table tr:last-child td {
  border-bottom: 2px solid; }

/* ------------ Listen / Aufzählungen --------------------- */

ol, dl, ul {
  text-align: left;
  margin-left: 20px;
  line-height: 1.2em;
}

ul {
  list-style-image: url(list_point.png);
}

li {
  padding: .3em 0.8em; 
}

ul ul, ul ol, ol ol, ol ul, dd {
  margin-left: 40px; 
}

ul ul, ol ul, dd ul {
  list-style-image: url(list_point_grey.png);
}

/* ------------ Zitate --------------------- */

q, blockquote {
  quotes: none;
  font-style: italic;
}

blockquote {
  display: block;
  position: relative;
  width: 70%;
  margin: 20px auto;
  padding: 5px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px; 
}

blockquote p:first-child, blockquote p:last-child {
  display: inline-block;
}

/* ------------ Code / Syntaxhervorhebung --------------------- */

pre {
  display: block;
  position: inherit;
  width: 98%;
  margin: 6px auto;
  text-align: left;
  font-size: 0.55em;
  font-family: monospace;
  line-height: 1.1em;
  word-wrap: break-word; 
}

code {
  font-family: monospace; 
}

pre code {
  padding: 6px;
  overflow: auto;
  max-height: 620px;
  word-wrap: normal;
  background: #3F3F3F;
  color: #FFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;  
}

sup {
  vertical-align: sub; 
}


/* ------------ Links ---------------------*/

a {
  color: #ffffff; /* #000; --*/
  text-decoration: none;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  transition: color 0.15s ease;
  font-style: normal;
}


a:hover {
  color: #ffffff !important;
  /*text-decoration: underline; */
  text-shadow: none;
  border: none;
  /*-- font-style: italic; --*/
}

a:hover img {
  background: rgba(255, 255, 255, 0.8);
  border-color: #747577;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

/* ------------ Ladebalken (Progressbar) ---------------------

.progress {
  background: #747577;
  height: 6px;
  border-radius: 10px;
}

.progress span {
  background: #f29400;
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  border-radius: 10px;
}

/* ------------ Foliennummer (Slide number) ---------------------

.reveal .slide-number {
    color: #000000;
    background-color: #ffffff00 !important;
    font-family: Ubuntu Light;
    font-size: 0.8em;
}

/* ------------ Kopf- und Fußzeile (Header / Footer) --------------------- */

div.headR {
  top: 5%;
  right: 3%;
  display: block;
  position: absolute;
  z-index: 1;
  width: 50%;
  direction: rtl;
  background-image: url("../../bilder/02_wheregroup/FA_WG_logo.png");
  background-color: none;
  height: 90px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}


div.headL {
  top: 5%;
  right: 3%;
  display: block;
  position: absolute;
  z-index: 1;
  width: 50%;
  direction: rtl;
  background-image: url("../../bilder/02_wheregroup/FA_WG_logo.png");
  background-color: none;
  height: 90px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

/*
div.footC {
  bottom: 1%;
  position: absolute;
  left: 1%;
  z-index: 30;
  width: 100%;
  text-align: center;
}

footnote {
  font-size: 0.8em;
  line-height: 1.2em;
  position: relative; 
  bottom: -70%;
}
*/

#title-footer {
    left: 20% !important;
}


/* ------------ Bildunterschrift ------------------ */

.caption {
  font-size: 0.8em !important;
  line-height: 1em;
  color: #747577;
}

/* ------------ Aufgabe --------------------------- */

.exercise {
  /*color:#ff9045;*/
  /*color: #C9222B;*/
  color: #cf003d;
  background-color: #fff;
  padding: 20px !important;
  text-align: left;
  box-shadow: 0 4px 4px rgba(0,0,0,0.1);
  border-radius: 10px;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}

/* ------------ Tipp ---------------------------

.tip {
  color: #f29400;
  background-color: #fff;
  padding: 15px !important;
  text-align: left;
  box-shadow: 0 4px 4px rgba(0,0,0,0.1);
  border-radius: 10px;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}