/*Überschreibe Detailbutton Position für gekachelte Version auf runde Buttons*/
#ContLay21DetDiv {
    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;
   
}
#ContLay21DetDiv  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%;
}
#ContLay21DetDiv 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*/
#FadeLay21TextDiv{
    display:inherit;
    height: 10vh;
    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;
    
    
}


/*#################### Text-Fader ENDE */


/*Überschreiben Lay2*/

#ContentContainerLay2 {
 
    
    
}



/*Ende Überschreiben Lay2*/




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

#ContLay21Div {
     position: relative !important;
    float:left !important;
    height:430px;
    margin: 0.5% 0.5% 0.5%  0.5%;
    clear:none;
    padding: 2%;
   width: 32.33% !important;
           max-width: 100%;
    min-width: 200px;
  background-color: rgba(255,255,255, 1);
  
    border-radius: 3px;
    overflow: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;
}
#ContLay21Div:hover {
	/*overflow-y:auto;*/
}

#ContLay21Div a {
	color: #222;
}
#ContLay21Div li {
 
}


/*
#ContLay21Div:hover {
     z-index: +1;
     background-color: #fff;
     -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
transform:scale(1.05);
         -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
}*/



#ContLay21TextDiv {
    position: relative;
        z-index: 3;
    padding:0px;
    float:none;
	
        clear:none;
    margin: 1%;
	margin-bottom: 3%;
	margin-top: 4%;
    max-width:100%;
    height: auto;
    text-align:left;
    word-wrap: break-word;
    color: rgba(70,70,70,1);
     line-height: 1.4em;
    font-size: 0.9em;
}
#ContLay21TextDiv ul {
     display:block;
    list-style-type:square;
  list-style-position:inside;
}
#ContLay21TextDiv h2 {
    font-size: 1.3em;
}
#ContLay21TextDiv h3 {
    font-size: 1.1em;
}

#ContLay21TextDiv a {
    color: #222 !important;
}

#ContLay21TextP {
    font-size: 1em;
    width: 100%;
    text-align: left;
    font-weight: normal;
}

#ContLay21ImgDiv {
   float:none;
    clear:both;
 	width: 100% !important;
    max-height: none;
    position: relative;
    margin-top: 1%;
	margin-bottom: 1%;
    margin-right: auto;
    margin-left: auto;
    z-index: 5;
    padding: 0px;
	text-align: center;
    max-width: 420px;
    
    
    -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;
}

#ContLay21ImgDiv div {
   width:100%; 
    height:auto; 
    float:none;
   
    
}

#ContLay21ImgDiv img {
    max-width: 100%;
    height: auto;

    max-height: 180px;
     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;
}

#ContLay21VidDiv {
      float: none;
    height: auto;
    margin-left: auto;
     margin-right: auto;
    margin-top: 0px;
    clear: both;
    width: 100%;
    max-width:100%;
    border-radius: 3px;
   background-color: rgba(255, 255, 255, 0);
    padding: 10px;
    position: relative;
    min-height: 0px;
    text-align: center;
}

#ContLay21VidDiv iframe {
     width: 100%;
    height:100%;
    min-height: 240px;
    max-width: 600px;
}

#ContLay21Dateianhang {
     float: none;
    height: auto;
    margin: 0px auto auto;
    clear: both;
    width:auto;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    position: relative;
    padding: 10px;
    text-align:left;
    
}

#ContLay21Dateianhang p {
    font-size: 1em;
    text-decoration:none;
    font-weight: 700;
    cursor: pointer;
}

#ContLay21Dateianhang p:hover {
    color: #990000;
    text-decoration: none;
             -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 1000px) {
    
    #ContLay21Div {
     width: 100% !important;
        height: inherit;
        max-height: inherit;
           max-width: 100% !important;
}
	
	 #ContLay21ImgDiv {
  
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
	
	#ContLay21ImgDiv img{
    max-width: 100%;
		 
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
    
    #ContLay21TextDiv {
    margin-top: 1%;
            padding: 3%;
}
    
}

@media only screen and (max-width: 959px) {
    
  /*Überschreibe Detailbutton Position für gekachelte Version*/
#ContLay21DetDiv {
    position: relative;
    margin-bottom: 0px;
    max-width: 200px;
    min-width: 120px;
    width: inherit;
    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;
    
}
#ContLay21DetDiv a, #ContLay21DetDiv a:hover {
    margin:0px;
   width: 100%;
    max-width: 100%;
    padding: 6%;
         height:auto;
     
         display:block;
 text-align: center;
     align-items: inherit;
  justify-content: inherit;
}
    
    
        #ContLay21ContainerDiv {
 width: 90%;
            
    }

    
    #ContLay21Div {
   width:100% !important;
        max-width:100% !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-height: none !important;
        height: auto !important;
        margin-bottom: 3%;
        border-bottom: 0px solid #ccc !important;
		
		    border: 0px solid #ccc;
    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;
        	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
}
}
    
	#ContLay21ImgDiv {
		float: none;
		clear: both;
		width: 100%;
		min-width: 92%;
		margin-left: auto;
		margin-right: auto;
}
	
    #ContLay21ImgDiv img {
		width: auto;
		max-width: 100%;
		text-align: center;
   
}
	
		
#ContLay21SubueberschriftP {
	font-size: 1.3em;
    border-bottom: 3px solid rgba(230,230,230,1);
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
    
	#ContLay21VidDiv {
	
}
	
}

/*################################################ 550 */



@media only screen and (max-width: 550px) {
    
	
    
    #ContLay21ImgDiv img {
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
	
	
    
		 #ContLay21DetDiv {
		 position: relative;
	width: 100%;
		 max-width: 100%;
		 margin-top: 3%;
		
   
    
     transition: 0.3s ease-in-out;
     -webkit-transition:  0.3s ease-in-out;
    -moz-transition:  0.3s ease-in-out;
	}

	
}

@media only screen and (max-width: 420px) {


    #ContLay21SubuebDiv {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
	


    #ContLay21ImgDiv {
   float:none;
    width:100%;
    padding: 0px;
        text-align: center;
}
    #ContLay21ImgDiv img {
    width: auto;
        max-width: 100%;
        height: auto;
        max-height: none;
         border-radius: 5px;
        border: 0px;
        -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
    
    #ContLay21TextDiv {
    min-height:0px;
}
	
	#ContLay21TextDiv iframe {
		display: none;
	}
	
	
}