/*Überschreibe Detailbutton Position für gekachelte Version auf runde Buttons*/
[id^="ContLay6DetDiv"] {
    position: absolute;
    border: 5px solid rgba(255,255,255,1);
       max-width: 80px;
	min-width: 80px;
         height: 80px;
         display:flex;
  align-items: center;
  justify-content: center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    left: 0%;
    right: 0%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(100,100,100,0.7) 0px 0px 0px 0px;
   
}
[id^="ContLay6DetDiv"]  a {
    font-size: 1em;
       max-width: 80px;
	min-width: 80px;
         height: 80px;
         display:flex;
  align-items: center;
  justify-content: center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
[id^="ContLay6DetDiv"] a:hover {
   text-decoration: none;
        max-width: 80px;
	min-width: 80px;
         height: 80px;
         display:flex;
  align-items: center;
  justify-content: center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
   
}
/*Überschreibe Detailbutton Position für gekachelte Version auf runde Buttons ENDE */



/*#################### Text-Fader*/
[id^="FadeLay6TextDiv"]{
height: 10vh;
    min-height: 120px;
    position:absolute;
    margin-top: auto;
    margin-bottom: 0px;
    top: auto;
    bottom: 0px;
    left: 0;
    right: 0;
/*    background-image: url("");*/
    background-size: 100%;
    background-image: linear-gradient(to bottom, rgba(200,200,200,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 4;

}

#FadeLay6DSHint{
    display: block;
    height: 100vh;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0px;
    bottom: auto;
    left: 0;
    right: 0;
/*    background-image: url("");*/
    background-size: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.5) 100%, rgba(255,255,255,1) 100%);
    z-index: 2;
    
  
}
/*#################### Text-Fader ENDE */


/*überschreibe Innencontainer*/
#ContLay6ContainerDiv {
    padding-right: 4%;
    padding-left: 4%;
    margin-left:auto;
        margin-right: auto;
    margin-bottom: 1%;
    padding-bottom: 1%;
    padding-top: 3%;
    background-color: rgba(255,255,255,1);
}


[id^="ContLay6Div"] {
    position: relative !important;
    float:left !important;
    height:330px;
    margin: 0% 2% 4% 0%;
    clear:none;
    padding: 2%;
   width: 31.3%;
           max-width: 100%;
    min-width: 200px;
    background-color: rgba(255,255,255, 1);
  
    border-radius: 3px;
    overflow-y:hidden;
	overflow-x:hidden;
      border: 0px solid #ccc;
   /* box-shadow:3px 3px 5px #999; 
   -moz-box-shadow: 3px 3px 5px #999;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow:3px 3px 5px #999;*/
    -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}



[id^="ContLay6DatumDiv"] {
    z-index: 16;
    float:none;
    height: auto;
    margin: auto;
    clear: both;
    width: 100%;
    min-width: 0px;
    position: relative;
    top: 1%;
    left: 0px;
    padding: 9px;
    background-color: rgba(209, 209, 209, 0);
    border-top: 5px solid rgba(230,230,230,1);
}

[id^="ContLay6DatumP"] {
    float:none;
    text-align: center;
    font-size: 0.9em;
    width: 20%;
    min-width: 100px;
    height: auto;
    font-weight: normal;
    line-height: 1em;
  margin-left: auto;
    margin-right: auto;
    clear: both;
    min-height: 0px;
    position: relative;
    margin-top: -8%;
  
    background-color: rgba(230,230,230,1);
    padding: 2%;
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    
}

/*überschreibe Überschrift-Design*/
[id^="ContLay6SubueberschriftP"] {
    border-bottom: 3px solid rgba(230,230,230,1);
    padding-bottom: 2%;
    
    -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
[id^="ContLay6SubueberschriftP"] a {
	color:rgba(0,0,0,1);
}



[id^="ContLay6ImgDiv"] img {
   width: 100%;
    height: auto;
    max-width: 220px;
    max-height:none;
    
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}


/* ###################### überschreibe DETAILBUTTON Lay6 */

[id^="ContLay6DetDiv"] {
      z-index: 6;
    position:absolute;
    bottom: 0%;
    top: auto;
    left:0%;
    right:0%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow:inherit;
    border:3px solid rgba(255,255,255,1);
}

/* ###################### DETAILBUTTON ENDE*/




@media only screen and (max-width: 959px) {
    
    
/*überschreibe Innencontainer*/
#ContLay6ContainerDiv {
   background-color: inherit;
   width: 90%!important;
}
    
    /*#################### Text-Fader*/
[id^="FadeLay6TextDiv"]{
display: none;

}

#FadeLay6DSHint{
    display: none;
  
}
/*#################### Text-Fader ENDE */
    
    [id^="ContLay6DatumDiv"] {
 border-top: 0px;
        margin-top:0px;
    top: 0%;
   
}
    
          /*Überschreibe Detailbutton Position für gekachelte Version*/
[id^="ContLay6DetDiv"] {
    position: relative;
    margin-bottom: 0px;
    max-width: 100%;
    min-width: inherit;
    width: 100%;
    border: 0px solid rgba(255,255,255,1);
     border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      display:block;
    text-align: center;
    padding:0px;
    height: auto;
    min-height:0px;
    
}
[id^="ContLay6DetDiv"] a, [id^="ContLay6DetDiv"] a:hover {
    margin:0px;
   width: 100%;
    max-width: 100%;
    padding: 2%;
         height:auto;
     
         display:block;
 text-align: center;
     align-items: inherit;
  justify-content: inherit;
}
     /*Überschreibe Detailbutton Position für gekachelte Version*/

[id^="ContLay6DatumP"] {
   top:inherit;
    margin-top:inherit;
}

    
    
	[id^="ContLay6Div"] {
        margin-top: 1%;
		float: none;
		clear: both;
		position: relative;
		margin-left: auto;
		margin-right: auto;
   width: 100% !important;
           max-width: 100% !important;
        padding: 4%;
}
    
    #UeberschriftDiv {

    word-break: break-all;
   
}

   
    
    [id^="ContLay6Div"] {
    width:100%;
        max-width:100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        max-height: none;
        height: auto;
        border-radius: 0px;
        border: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
		margin-top: 2%;
		
    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-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
    
	 
    
    [id^="ContLay6TextDiv"], [id^="ContLay6VidSoundclContDiv"] { 
display: none;
}
	
    
   
[id^="ContLay6DetDiv"] {
position: relative;
  
    margin-top: 0%;
    margin-bottom:0%;
}

    
  /*überschreibe Überschrift-Design*/
[id^="ContLay6SubueberschriftP"] {
    border-bottom: 0px solid rgba(230,230,230,1);
  
}

}