html {
	height: 100vh; /* set viewport constraint */
    min-height: 100%; /* enforce height */
}

/*Startseiten-Intro Hintergrund*/
.cl14364 {
    background-color: rgba(0,0,0,0.3)!important;
          box-shadow:2px 2px 5px #666; 
   -moz-box-shadow: 2px 2px 5px #666;
    -webkit-box-shadow: 2px 2px 5px #666;
}
.cl14364 p, .cl14364 h2, .cl14364 a, .cl14364 h3, .cl14364 h1, .cl14364 li, .cl14364 ul, .cl14364 span {
    color: white;
    line-height: 2em;
 
  
}
 .cl14364 ul, .cl14364 li {
 list-style: circle!important;
    list-style-position:inside!important;
    padding-left: 0px;
     background-image: none!important;
}




/*Mobil Text ausblenden Lay21 in der Übersicht Anpassen Abstand*/
@media only screen and (max-width: 1000px) {
    
    #ContLay21Div {
        padding: 5% 4% 1% 5% !important;
    }
    
  #ContLay21Div #ContLay21TextDiv,
  #ContLay21Div #ContLay21InfoVidSoundclContDiv,
    #ContLay22Div #ContLay22TextDiv {
  display: none;
}
}
  /*Mobil Text ausblenden Lay21 in der Übersicht Anpassen Abstand ENDE */  
    
   
    
    /*LOGO positionieren ändern*/

@media screen and (max-width: 959px) {
    
#DetLay21Div #ContLay21InfoVidSoundclContDiv,
    #DetLay22Div #ContLay22VidSoundclContDiv {
  display: inherit;
}
    
    #OverTopHtmlContDIV {
        height: 150px;
        max-width: 50%;
    }
    
     #OverTopHtmlContDIV img {
         margin-top:60px;
            max-width: 100%!important;
         width: 100%!important;
}
    }

#ContLay22ContainerDiv {
    background-color: rgba(255,255,255,0)!important;
}

  /*Blöcke Hint Position ###########  */
#ContLay21Div,
#ContLay22Div,
#DetLay22Div,
.cl14366, 
.cl14367,
.cl14368,
.cl14369,
.cl14370,
.cl14371,
.cl14372,
.cl14373,
.cl14374,
.cl14375,
.cl14376,
.cl14377 {
     background-repeat: no-repeat;
background-position:20px 10px, 0% 0%;
    background-size: 15%, 15px 100%;
background-repeat:no-repeat, no-repeat;
  
}
#DetLay21Div {
    background-repeat: no-repeat;
background-position:10px 10px, 0% 0%;
    background-size: 12%, 20px;
background-repeat:no-repeat, no-repeat;
  
}
#DetLay22Div {
  background-repeat: no-repeat;
background-position:30px 10px, 0% 0%;
    background-size: 10%, 20px 100%;
background-repeat:no-repeat, no-repeat;
  
}

  /*Block allgemein ###########  */
#ContLay21Div, #ContLay22Div, #DetLay22Div {
      background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(200,200,200,1), rgba(200,200,200,0.95)) ;
}  
#DetLay21Div {
      background-image:url("/lib/1000585/msPics/Logo0.svg") ;
}  
  /*Block 1972-1984 Farben ###########  */
.cl14366 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.95))!important ;
}  
/*Block 1982-93 Farben ###########  */
.cl14367 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(173,219,200,1), rgba(173,219,200,0.95))!important  ;
}
/*Block 1986-88 Farben ###########  */
.cl14368 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(130,64,255,1), rgba(130,64,255,0.95))!important  ;
}
/*Block 1994-2010 Farben ###########  */
.cl14369 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(243,187,62,1), rgba(243,187,62,0.95))!important ;
}
/*Block 1997-2011 Farben ###########  */
.cl14370 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(239,64,80,1), rgba(239,64,80,0.95))!important  ;
}
/*Block 2009-2014 Farben ###########  */
.cl14371 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(247,163,152,1), rgba(247,163,152,0.95))!important  ;
}
/*Block ab2010 blue723 Farben ###########  */
.cl14372 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(90,114,183,1), rgba(90,114,183,0.95))!important  ;
}
/*Block ab2008 CatAngel Farben ###########  */
.cl14373 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(125,69,135,1), rgba(125,69,135,0.95))!important  ;
}
/*Block ab22010 AngelsWorld Farben ###########  */
.cl14374 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(134,124,55,1), rgba(134,124,55,0.95))!important  ;
}
/*Block ab2011 BunteWeltVögel Farben ###########  */
.cl14375 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(242,152,94,1), rgba(242,152,94,0.95))!important  ;
}
/*Block ab2011 BunteWeltVögel Farben ###########  */
.cl14376 {
    background-image:url("/lib/1000585/msPics/Logo0.svg"), linear-gradient(rgba(35,122,49,1), rgba(35,122,49,0.95))!important  ;
}





#NewsStart1 {
    position: relative;
    top: -20px;
    width: 100%;
    margin-left:auto;
    margin-right: auto;
  height: 161px;
      overflow:hidden;
   overflow-x:hidden;
    overflow-y:hidden;
}
#NewsStart1 iframe {
  width: 100%;
      border:0px; 
    margin:0px; 
    min-height: 103px;
    height: 103px;
    width:100%;
    overflow: hidden;
    overflow-x: hidden;
   overflow-y:hidden;
    /*  -webkit-overflow-scrolling: touch;+7*/
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}





/*################################## Pop-Up Struktur Ende */

#BottContHtmlDiv, #InfoBoxDIV {
    background-color: rgba(255,255,255,0);
}

/*überschreiben Lay 2 Aussen*/
#ContentContainerLay2 {background-color:rgba(240,240,240,0);
    }


/* gesamten Inhalt positionieren */
#prim2 {
    /* z-index: 0;
    position:relative; 
    width: 100%;
    min-height: 80vw;
    overflow: hidden;
    max-width: 1500px;
    float:none; 
    margin-left:auto; 
    margin-right:auto; 
    clear:both;*/
  
   background-color:rgba(255,255,255,0.6);
    border-left: 0px solid rgba(0,0,0,0.1);
   
     box-shadow:0px 0px 0px #999; 
   -moz-box-shadow: 0px 0px 0px #999;
    -webkit-box-shadow: 0px 0px 0px #999;
    box-shadow:0px 0px 0px #999;
    
   /*     -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;*/
    
}
/* gesamten Inhalt positionieren ENDE */

.primaryContainer0,
.primaryContainer2,
.primaryContainer3,
.primaryContainer4,
.primaryContainer6,
.primaryContainer10,
.primaryContainer22,
.primaryContainer23,
.primaryContainer24,
.primaryContainer33 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
   background-image: url("#");
    background-attachment: fixed;
   -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    position: relative;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
    
     -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
}