.fontm{
 font-family:"Figtree";
 font-weight:400;
 font-style:normal;
}
.logo{
  display:flex;
  background:transparent;
  flex-direction:row;
  padding:1vw;
  margin-top:0vh;
  z-index:2;
  padding:4vw;
  padding-top:3vw;
}
.logoimg{
  height:12vw;
  width:12vw;
  background:transparent;
  border-radius:50%;
  overflow:clip;
}
.logoimg img{
  object-fit:cover;
  height:100%;
  width:100%;
}
.logoname{
  display:flex;
  flex-direction:column;
  height:10vw;
  margin-top:1.1vw;
  background:transparent;
  padding-left:2.2vw;
}
.logoname p:first-child{
  font-weight:500;
}
.logoname p{
  font-size:3.8vw;
  margin:0;
  color:#f4f4f4;
  line-height:1.35;
  font-weight:400;
}
/* ===== Clock ===== */
.time{
  position:absolute;
  background: linear-gradient(180deg, #1c45bf, #0e1f49);
  margin-left:75vw;
  margin-top:5vw;
  width:max-content;
  text-align:center;
  z-index:5;
}
.time p{
  text-align:center;
  padding-top:4vw;
  padding-left:4vw;
  padding-right:5vw;
  padding-bottom:1vw;
  margin:0;
  line-height:1.25;
  font-size:3.8vw;
  font-weight:500;
  color:#e4e4e0;
}

    html,body {
      height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
    body { background: #000; color:#fff; display:flex; 
         }
    .screen {
        width:100vw;
      height:100vh;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
        background-size:cover; background-position:center; text-align:center;
        transition: background 0.6s ease, opacity 0.6s ease;
      overflow:clip;
    }
.overlay{
  height:100%;
  width:100%;
  padding-top:37vh;
  overflow:clip;
}
.title {
  font-size: 7vw;
  font-weight:700;
  color:#efefef;
}
.count {
    font-size: 20vw;
    margin: 0;
    font-weight: 700;
    margin-top:7vh;
  color:#efefef;
}
.sub ,.small{
  font-size: 5.5vw;
  padding:5vw;
  margin-top:7vh;
  font-weight:700;
  color:#efefef;
}
.small{
  font-size: 7vw;
}


.black {
  background: #000;
  width: 100vw;
  height: 100vh;
}

.overlay p {
    margin: 6px 0;
}

/*.title p.title-line {
    font-size: 3.5rem;
    margin: 0;
}

.title p.gebet-name {
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0;
}*/

.count .gebet-name-live{
  font-size:12vw;
}
.zitat{
  position: absolute;
  z-index: 1;
  top:0;
  left:0;
}

.zitat-bg{
  position: fixed;
  inset: 0;
  background: #14284400;
  z-index: 0;
}

.zitat-inner{
  position: relative;
  z-index: 1;
  width: 100%;
  background:#00000000;
  height:65vh;
}

.zitat-body{
  margin-left: 5vw;
  margin-right: 5vw;
  margin-top: 20vh;
  display: flex;
  flex-direction: column;
  background:transparent;
}


.zitat-quote{
  text-align:start;
  margin: 0;
  font-size: 7.2vw;
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
  background:transparent;
}

.zitat-source{
    background:transparent;
  text-align:start;
  margin: 0;
  font-size: 4.2vw;
  line-height: 1.2;
  color: #fff;
  font-weight: 500;
  font-style: italic;
  opacity: 1;
  padding-top:3vh;
}
.mtalive{
  position:absolute;
  top:37.5vh;
  height:65vh;
  width:100%;
   background: transparent;
}
.mtalive iframe{
  background: #0F2240;
  position: absolute;
  inset: 0;
  top:0vh;
  left:0%;
  width: 100%;
  height: 30vh;
  border: 0;
  transform:scale(1.06);
}
.image-stundenplan{
display:flex;
    height:100vh;
    width:100vw;
    top:0;
    left:0;
    position:absolute;
    overflow:clip;
}
.image-stundenplan img{
 width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.cover-next-gebet{
  display:flex;
  flex-direction:row;
  text-align:center;
  justify-content:center;
  padding:6vw;
  margin:2vw;
  position:absolute;
  width:83.5vw;
  top:11vh;
  background:transparent;
  border:0.3vw solid #e4e4e0;
}
.title-next-gebet p:first-child{
  font-size: 5.5vw;
  font-weight:700;
}
.title-next-gebet p:nth-child(2){
  margin-top:0vh;
  font-size: 5.5vw;
  font-weight:700;
}
.count-next-gebet p{
  margin-top:3vh;
  font-size: 8vw;
  font-weight:700;
}
.day-details-allgemein{
  margin-left:13vw;
  margin-top:0.5vh;
}
.day-details-allgemein .sunset{
  margin-bottom:5vh;
}
.day-details-allgemein p{
  display:flex;
  align-items:center;
  font-size: 4.5vw;
  font-weight:700;
}
.day-details-allgemein p img{
  width:5vw;
  height:100%;
  padding-right:3vw;
}
.info-message{
  position:absolute;
  top:90%;
  font-size:3vw;
  margin-left:5%;
}