body {
	margin: 0;
	padding: 0;
  font-family:  tex;
  background-color:  #04080b;
  color:  #e6e6e6;
}
@font-face{
      font-family: bogam;
  src: url("..//fonts/Bogam.ttf");
}
@font-face{
      font-family: tex;
  src: url("..//fonts/texgyreheros-regular.otf");
}
@font-face{
      font-family: tex-bold;
  src: url("..//fonts/texgyreheros-bold.otf");
}
@font-face{
      font-family: tex-italic;
  src: url("..//fonts/texgyreheros-italic.otf");
}

#griddy {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  gap:  0.5rem;
   padding-block:  0;
  margin-inline:  auto;

}

.item1{
  grid-column:  span 4;


}
.itm{
    margin-bottom: 50px;

}
.item2{
  grid-column:  span 4;


}

.item3{
    grid-column-start: 3;
    grid-column-end: 5;

}
.item-image{
  grid-column: span 2;
  display:  block;
}

.item4{
  grid-column:  span 4;
}

.item-album{
    grid-column-start:  1;
  grid-column-end:  3;
}
.item-single1{
  grid-column-start:  3;
  grid-column-end:  5;
}
.item5{
grid-column-start: 3 ;
grid-column-end:  5;
}

.item6{
  grid-column-start:  1;
grid-column-end:  3;

}
.item7{
  grid-column:  span 1;
}
.item8{
grid-column-start:   2;
grid-column-end:  5;
}



.item9{
  grid-column:  span 2;
}

.item10{
  grid-column-start:  1;
  grid-column-end: 5;
}
.item-kontakt-liste{
grid-column:  span 2;

}
.imprint-text{
  grid-column:  span 3;
  color: white;
  text-decoration:  none;
  display: none;
}

.item-zitat{
  grid-column-start:  2;
  grid-column-end:  5;
}

.item-music-video{
  height:  100vh;
  grid-column:  span 4;
}

.link-presse  {
  width: 100%;
display: inline-block;
  text-decoration:  none;
color:   #3491C6;
text-align:  right;
}
.link-presse:hover{
  color: #e6e6e6 ;
}
.imprint-hover:hover{
    color: #e6e6e6 !important;
    cursor: pointer;

}

.text-blue{
  color: #3491C6 ;
}

.link-social{
  display:  block;
  margin-bottom:  25px;
  text-decoration:  none;
  font-size:  40px !important;
  color:  #e6e6e6;
}

.link-social:hover{
  color:   #3491C6;


}



.font-bogam{
  font-family:  bogam;
  color:  #3491C6 !important;
  font-size:  65px !important;
}
.font-tex-bold{
  font-family:  tex-bold;
}
.font-tex-italic{
  font-family:  tex-italic;
}

.text-size-medium{
  font-size:  28px;
      margin-top: 0;

}
.margin-right{
  margin-right:  100px;
}



.padding{ 
	padding:  1rem;}
.padding-top{
  padding-top:  1rem;
}
.alignleft{
  text-align:  left !important;
}
.paddingleft{
  padding-left:  1rem;
}


.image{
  width:  100%;
}
.image-margin-top{
  margin-top:  50px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #04080b;
    margin: 0;
    padding: 0;
    z-index: 9; 
    width:  100vw;
    height:  60px;
   text-decoration-style: none;
         border-bottom:  1px solid #3491C6;

}

.Quick-navigation{
    position: relative;
    display: flex;
    list-style: none;
    padding: 0; 
    width: 100vw;
    z-index: 7;
    line-height: 25px;
      text-align:  left;


}
.Quick-navigation > *{
  flex-basis: 100%;
}

.Quick-navigation a {
  z-index: 20;
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s;
  color:  #e6e6e6;
}

.Quick-navigation-item:hover,
.Quick-navigation-item.current {
  color: #3491C6;
}
.active-scroll a {

color: #3491C6 !important;


}

.sticky-stopper, .sticky-stopperB, .sticky-stopperC, .sticky-stopperC, .sticky-stopperD, .sticky-stopperE{
  height: 25px; grid-column: span 4; 
}

.embed  {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
}
.embed  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*pointer-events: none;*/
}
.music-video iframe{
 width: 100%;
  height: 100%;
}
.ytp-pause-overlay-controls-hidden, .ytp-pause-overlay{
  display:  none !important;
}
  
.flex-box{
   position: relative;
    display: flex;
    list-style: none;
    border-top:  solid white 1px;
}

.flex-box > * {
  flex-basis:  100%;
}

.text-align-right{
  text-align:  right;
  padding-right: 5px;
}



/*-------------- Mobile-Menu-Icon ---------------*/

#mobile-menu-icon {
    display: none;
    visibility: hidden;
    right: 40px;
    top: 20px;
    position: fixed;
    z-index: 200;
}

#mobile-menu-icon ul{
    width: 10px;   
    height: 30px;
    transform: translate(-50%,-50%);
    cursor: pointer;
    transition: .9s;
}


#mobile-menu-icon ul li{
    list-style: none;
    position: absolute;
    left: 0;
    width: 150%;   
    height: 2px;
    background-color:  #e6e6e6; 
}
.mobile-menu-list-item{

text-decoration: none;  
  color:  #e6e6e6;

}


#mobile-menu-icon ul li:nth-of-type(1){
    top: 20%;
}

#mobile-menu-icon ul li:nth-of-type(2){
    top: 50%;
}

#mobile-menu-icon ul li:nth-of-type(3){
    top: 80%;
}


/*---------------- Mobile Menu --------------*/

#mobile-menu {

    width:100%;
    height: 100vh;
    z-index:50;
    position:fixed;
    left:-100%;
    background: #04080b;
    color: white;
}

.mobile-menu-list{
  text-decoration: none aliceblue;
margin-top: 65px;
list-style: none;
color: white;
width: 100vw;
text-align: left;
padding: 1rem;
line-height: 60px;
font-size:  40px;
}

@media only screen and (min-width: 850px) {
  .logo-mobile{
    display:  none;
  }
  .mobile-front-image{
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  .link-social{
    font-size:  28px  !important;
  }

  body{

  }
.mobile-front-image{
  overflow:  hidden;

}


  .embed{
    display: none;
  }

  .logo-mobile{
    text-decoration:  none;
    padding-left:  1rem;
    line-height: 25px;
    top: 18px;
  }

  #mobile-menu-icon {
    display: inherit;
    visibility: visible;
    right: 1em;
    top: 13px;
    position: fixed;
    z-index: 100;
}

  #griddy {


  }

  .itm{
  }
  .item2{
  grid-column:  span 4;


}

.item3{

grid-column:  span 4;

}
.item-image{
  grid-column: span 4;
  display:  block;
}
.item-album{
  grid-column:  span 4;
}
.item4{
  grid-column:  span 4;
}

.item5{
grid-column: span 4;
}

.item-single1{
  grid-column: span 4;

}
.item6{
grid-column: span 4;


}

.item7{
  grid-column:  span 4;
}
.item8{
grid-column:  span 4;
}

.item9{
  grid-column:  span 4;
}
.item-kontakt-liste{
grid-column:  span 4;
word-break: break-all;

}
.image-margin-top{
  margin-top:  25px;
}



.item-zitat{
  grid-column:  span 4;
}

.link-social{

}
.item-music-video{
  height:  50vh;
}

.Quick-navigation{
  display:  none;
}


}