/**
 * A simple theme for reveal.js presentations, derived from serif.css
 * It's in the spirit of the Metropolis theme for beamer https://github.com/matze/mtheme
 *
 * This theme is Copyright (C) 2016 Vince Hodges, http://sourdoughlabs.com - it is MIT licensed.
 */

 /** @import url('https://fonts.googleapis.com/css?family=Fira+Sans');
*/

 /*********************************************
 * Meine Settings
 *********************************************/

.reveal .slide-logo {
  display: block;
  position: fixed;
  bottom: unset !important;
  right: unset !important;
  padding-left: 0;
  padding-top: 5px !important;
  width: 85px !important;
  max-width: max(85px, 6vw)!important;
}

.reveal .slide-number {
  color: gray !important;
  font-size: 18px !important;
  position: absolute;
  top: 15px!important;
  right: 25px !important;
  height: 75px !important;
  max-height: 150px !important;
}

.reveal .header {
  right: 72px !important;
  color: gray;
  font-size: 18px !important;
  position: absolute;
  top: 24px!important;
  height: 75px !important;
  max-height: 150px !important;
}


.reveal .slide-logo > a[href*='title-slide'] {
  display: none!important;
}


.rounded-box {
    display: flex;
    justify-content: center; /* Zentriert horizontal */
    align-items: center; /* Zentriert vertikal */
    background-color: transparent; /* Hier setzen wir die Hintergrundfarbe auf Weiß mit 50% Transparenz */
    border-radius: 20px; /* Abgerundete Ecken mit 10px Radius */
    padding: 15px 15px 15px 15px; /* Innenabstand, um den Text von den Rändern der Box zu trennen */
}

.rounded-box h1 {
    background-color: rgba(255, 255, 255, 0.5); /* Hier setzen wir die Hintergrundfarbe auf Weiß mit 50% Transparenz */
    border-radius: 20px; /* Abgerundete Ecken mit 10px Radius */
    padding: 15px 15px 15px 15px; /* Innenabstand, um den Text von den Rändern der Box zu trennen */
    display: inline-block; /* Damit die Box nur so breit wie der Text ist */
}

.rounded-box h2 {
    background-color: rgba(255, 255, 255, 0.5); /* Hier setzen wir die Hintergrundfarbe auf Weiß mit 50% Transparenz */
    border-radius: 20px; /* Abgerundete Ecken mit 10px Radius */
    padding: 15px 15px 15px 15px; /* Innenabstand, um den Text von den Rändern der Box zu trennen */
    display: inline-block; /* Damit die Box nur so breit wie der Text ist */
}


.code-summary {
  font-size: 60%!important;
}

#custom-slide {
    height: 2500px; /* Hier können Sie die gewünschte Höhe einstellen */
}

 /*********************************************
  * GLOBAL STYLES
  *********************************************/



 /*********************************************
  * PROGRESS BAR
  *********************************************/


  .video-container {
    position: relative;
    padding-bottom: 56.25%; /* Hier können Sie das Seitenverhältnis des Videos anpassen (16:9 entspricht 56.25%) */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.lightbox img {
    max-width: 100vw !important;  /* Maximale Breite auf 100% der Ansichtsfeldbreite */
    max-height: 100vh !important; /* Maximale Höhe auf 100% der Ansichtsfeldhöhe */
    width: auto;
    height: auto;
}


div.callout-note.callout {
  border-left-color: #1b6410 !important;
}

div.callout-note.callout-style-default .callout-title {
  background-color: #e4f9df !important;
}

div.callout-default.callout {
  border-left-color: #1b6410 !important;
}

div.callout-default.callout-style-default .callout-title {
  background-color: #e4f9df !important;
}

div.callout-warning.callout {
  border-left-color: #FC4C02 !important;
}

div.callout-warning.callout-style-default>.callout-header {
  background-color: #FFDBCC !important;
}

div.callout-important.callout {
  border-left-color: #BF0D3E !important;
}

div.callout-important.callout-style-default>.callout-header {
  background-color: #FBC6D4 !important;
}

div.callout-tip.callout {
  border-left-color: #A5D233 !important;
} 

div.callout-tip.callout-style-default>.callout-header {
  background-color: #ECF6D6 !important;
}

div.callout-caution.callout {
  border-left-color: #FFC845 !important;
}

div.callout-caution.callout-style-default>.callout-header {
  background-color: #FFF4DA !important;
}