.msgdevelop{
        display: none;
        visibility: visible;
        position: fixed;
        height: 100%;
      top:0;
      left:0;
        width: 100%;
      z-index:15;
        background-color: transparent;
      justify-content:center;
      align-items:center;
    }
    .msgdevelop p{
      visibility:visible;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 70px;
letter-spacing: 0px;
word-spacing: 2px;
color: #e4e4e6;
font-weight: 700;
text-decoration: none solid rgb(68, 68, 68);
font-style: normal;
font-variant: normal;
text-transform: none;
    }
.main-img-1{
position: fixed;
  display:block;
overflow:clip;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url("/imgs/main/moschee.webp?v=1f");
background-size: cover;
transition: 1s all ease-in-out;
    z-index:-1;
  background-size:100%;
  background-repeat:no-repeat;
  background-position: 50% 40%;
  }
.main-headline{
  margin-top:5vh;
  background:transparent;
  padding-left:2.5vw;
  padding-right:2.5vw;
}
.main-headline h2{
  color:#f4f4f4;
  line-height:1.4em;
  font-size:5vw;
  font-weight:600;
  text-align:center;
}
.logo{
  display:flex;
  background:transparent;
  flex-direction:row;
  padding:1vw;
}
.logoimg{
  height:6vw;
  width:6vw;
  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:0.6vw;
  background:transparent;
  padding-left:0.9vw;
}
.logoname p:first-child{
  font-weight:500;
}
.logoname p{
  font-size:1.8vw;
  margin:0;
  color:#f4f4f4;
  line-height:1.35;
  font-weight:400;
}
.gebetszeiten{
  margin-top:25vh;
  background:transparent;
  padding-left:5vw;
  padding-right:2.5vw;
  width:50%;
  transition:1s;
}
.gebetszeiten p{
  font-size:2vw;
}
.gebetszeiten section{
  display:flex;
  flex-direction:column;
  margin-top:2vw;
  background:transparent;
}
.gebetszeiten section::after{
  content:"";
  display:flex;
  height:0.2vw;
  width:100%;
  margin-top:0vw;
  background:#f4f4f4;
}
.gebetszeiten p span{
  padding-right:11vw;
}
.updated-time{
  margin-top:3vw;
  height:2.5vw;
}
.updated-time span{
  font-size: 1.5vw;
}
.updated-time span:after{
  margin-left:1.5vw;
  width:1%;
}
.aktut-o h3, .aktut-o p, .aktut-o a{
  font-size: 2vw;
}
.aktut{
  padding-left:2.5vw;
  padding-right:35vw;
  margin-top:20vw;
}
.read-user-aktut-date p{
  font-size: 2vw;
  padding-bottom:1.5vw;
}
.read-user-aktut-o p{
  font-size: 2vw;
  line-height:1.25;
}
.read-user-aktut-time-infos p{
  font-size: 2vw;
}
.read-user-aktut-tag p{
  font-size: 1.8vw;
}
.read-user-aktut-tag p span{
  font-size: 2vw;
}
.read-user-aktut-tag{
  margin-top:8%;
}
.read-user-aktut-time-infos{
  display:flex;
  flex-direction: row;
  margin-top:8%;
}
.aktut-o-cover::after{
  content:"";
  display:flex;
  height:0.2vw;
  width:100%;
  background:#eac0cc;
}
.read-user-aktut-date-cover::after{
  height:0.2vw;
}
.read-user-aktut-cover-container::after{
  height:0.2vw;
}
.po h3{
  font-size: 2vw;
}
.po::after{
  height:0.2vw;
}
.projekts{
  padding-left:2.5vw;
  padding-right:35vw;
  margin-top:20vw;
}
.projekto p{
  font-size: 2vw;
}
.projekttext p{
  font-size: 2vw;
}
.projekt{
  padding-top:3vw;
  padding-bottom:3vw;
}
.projektinfos{
  max-width: 60%;
}
.projekt-cover::after{
  height:0.2vw;
}
.impressum p a{
  font-size:3vw;
}
.impressum{
  padding-left:2.5vw;
}
.addresse{
  padding-left:2.5vw;
}
.addresse-o p{
  font-size:4vw;
}
.addresse p{
  font-size:3vw;
}
.addresse{
  padding-right:35vw;
}
.user-read:not(:nth-child(4)) p{
  border-bottom: 0.2vw solid #f4f4f4;
}
.user-read:nth-child(4) p:last-child{
  border-bottom: 0.2vw solid #f4f4f4;
}
.user-read p{
  padding-top:1vw;
  padding-bottom:1vw;
}
.addresse p a img{
  display:flex;
  width:3vw;
  transform:scale(3);
  margin-left:50%;
}
.user-read p a{
  height:3.5vw;
}
.lines{
    
        height:10vw;
        width:10vw;
        left:92%;
        top:6vh;
    }

.menucross{
        display:flex;
        position:fixed;
        height:10vw;
        width:4vw;
        left:92%;
        top:6vh;
        background-color:transparent;
        z-index:123;
        flex-direction:column;
}

@keyframes menuactive{
  0%{
  }
  100%{
    clip-path: circle(150vw at 90% -10%);
  }
}
@keyframes menuactivere{
  0%{
    clip-path: circle(110vw at 90% -10%);
  }
  100%{
    clip-path: circle(0vh at 90% -20%);
  }
}
.menuitems a{
            font-size: 3vw;
            margin-left:2%;
            width:100%;
  padding-left:0.3em;
  padding-top:3.5vw;
}
.menuitems a::before{
  content:"+";
  font-weight:400;
  font-size:1.5vw;;
  padding-right:0.1em;
}
.menuitems{
  width:60%;
}
.mehr-infos-aktut-img{
  display:flex;
  position:relative;
  width:90%;
  height:35vw;
  padding-top:15vw;
}
.mehr-infos-aktut p{
  font-size:2vw;
}
.besuch-hinweis{
  justify-content:space-between;
  margin-top:2.5vw;
  max-width:50%;
  margin-left:5vw;
  margin-right:2.5vw;
  padding-bottom:0.5vw;
  border-bottom:0.2vw solid #f4f4f4;
}
.besuch-hinweis a{
  font-size: 2vw;
}
.besuch-hinweis section:nth-child(2){
  display:flex;
  padding-left:0vw;
  height:2.5vw;
}
.besuch-hinweis section:nth-child(2) img{
  widows:100%;
  height:100%;
  transform:scale(3.2);
}

.event-info{
  position:absolute;
  display:flex;
  min-height:4vh;
  left:0;
  width:100vw;
  background:#24423C;
  top:0;
  border: none;
  overflow:clip;
  cursor:pointer;
}
.event-info .event-p-tags{
  padding-left:7vw;
  padding-bottom:0vw
}
.event-info:after{
    content:"";
    position:absolute;
    display:flex;
    height:100%;
    width:20%;
    bottom:5vw;
    left:0;
    background-image: url("/imgs/main/leaf.png?v=1f");
    background-size:50%;
    background-repeat:no-repeat;
    background-position: 0% -40%;
    transform: translateX(355%) translateY(25%) rotate(320deg);
    animation: leafWave 15s ease-in-out infinite;
}
@keyframes leafWave {
  0% { transform:  translateX(355%) translateY(25%) rotate(320deg); }
  25% {  translateX(355%) translateY(25%) rotate(310deg); }
  50% {  translateX(355%) translateY(25%) rotate(320deg); }
  75% { transform:   translateX(355%) translateY(25%) rotate(310deg); }
  100% { transform:   translateX(355%) translateY(25%) rotate(320deg); }
}
.event-info .event-p-tags p:first-child{
  color:#FBEFC2;
  font-weight:500;
  font-family:"Gloock";
  font-size:2.5vw;
  margin-bottom:0vw;
  margin-top:3vh;
}
.event-info .event-p-tags p:first-child a{
    color:#FBEFC2;
  text-decoration:none;
  margin:0;
}
.event-info .event-p-tags p:nth-child(2) a{
  text-decoration:none;
  color:#fafafa;
  margin:0;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.event-info .event-p-tags p:nth-child(2){
  margin-top:0;
 color:#fafafa;
  font-weight:400;
  font-family:"Domine";
  font-size:1.5vw;
  line-height:1;
  margin-top:2vh;
  padding-bottom:0.3vh;
  border-bottom:0.15vw solid #e4e4e0;
}
.event-info .event-p-tags p:nth-child(2) svg{
  height:2vw;
  width:11%;
}