/*überschreibe Standardposition Detail-Button, eckig */
#ContLay22DetDiv {
  /*  position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 100%;
    background-color: rgba(200,200,200,1);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    
    box-shadow: rgba(100,100,100,0) 1px 1px 1px 1px;*/
}

/*Überschreibe Detailbutton Position für gekachelte Version auf runde Buttons*/
#ContLay22DetDiv {
    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;
   
}
#ContLay22DetDiv  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%;
}
#ContLay22DetDiv 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 */

/*überschreibe H2 Text*/
#ContLay22TextP H1, #ContLay22TextP H2, #ContLay22TextP H3 {
    font-size: 1.2em; 
}

#ContLay22TextP {
    font-size: 0.9em; 
}
/*Überschreibe Übersicht Inhalt Span-Classes H2 wenn vorhanden */
#ContLay22TextP h2 span {
  background-color: #666!important;
    color: white!important;
    padding: 2px;
   font-variant:all-small-caps;
   line-height: 1.8em;

}

/*überschreibe AnfrageButton */
#AnfrageDiv {
    margin-top: -10px;
}

/*DATUM-Feld */
#ContLay220DatumDiv {

padding: 1%;
    margin-top: 4%;
    width: 80%;
    max-width: 160px;

}
#ContLay22DatumP {
  font-size: 0.8em;
      background-color: rgba(230,230,230,1);
}
/*DATUM-Feld ENDE */

/*überschreibe Überschrift Text*/
#ContLay22SubueberschriftP {
    margin-top: 4%;
    border-bottom: 0px;
    border-bottom: 0px solid rgba(230,230,230,1);
}


#ContLay22Div {
   position: relative;
    float:left;
    height:550px;
    margin: 0% 0.1% 3% 0.1%;
    clear:none;
    padding: 3%;
    padding-left: 3%;
    padding-right: 3%;
   width: 33.1%;
   /* width: 49%;*/
    min-width: 100px;
	overflow-x: hidden;
    overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
    
       -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}

/*überschreibe Bild*/
#ContLay22ImgDiv {
    margin-top: 1%;
    margin-bottom: 3%;
    max-width: 100%;
    text-align: center;
    width: 100%;
}
#ContLay22ImgDiv img {
    max-height: 200px;
    left: inherit;
    right: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/*überschreibe Text*/
#ContLay22TextDiv {
    margin-top: 1%;
}


#ArtLay22Div{
       position: relative;
    margin-top:inherit;
	right: inherit;
	top: inherit;
        z-index: 6;
    padding:inherit;
    float:none;
        clear:both;
    margin-left:auto;
	margin-bottom: 2%;
    margin-right: auto;
    width:100%;
    min-width: inherit;
    max-width: inherit;
    height: auto;
    min-height: inherit;
    text-align:center;
    word-wrap: break-word;
border: 3px solid rgba(230,230,230,1);
    
	border-radius:13px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	background-color: rgba(240,240,240,1);
     line-height: 1.5em;
    font-size: 1em;
    padding: 3%;
    background-image: inherit;
    background-size: 100% auto;
    background-position:50% 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
} 

#ArtIdLay22Div{
color:#777;
    font-size: 0.6em;
    text-align: center;
   word-break: break-all;
    line-height: 1em;
    max-width: 100%;
    margin-left:auto;
    margin-right: auto;
    position: relative;
    float: none;
    margin-bottom: 0%;
    clear: both;

}

#MwstLay22Div {
  font-size: 0.5em;
    text-align: center;
}

#PreisLay22Div{
    font-size: 1.1em;
	line-height: 1.1em;
    color: rgba(54,56,59,1);
    text-align: center;
         word-break:break-word;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    position: relative;
    float: none;
    clear: both;
    font-family: "Ubuntu Condensed";	
  
    text-align:center;
}

#ContLay22VidDiv {
      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;
}

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



@media only screen and (max-width: 1000px) {
    
    #ContLay22Div {
     width: 100% !important;
        height: inherit;
        max-height: inherit;
        clear: both;
        float: none;
          
}
      #ContLay22ImgDiv {
   height: auto;
     width: 100%;
        max-height: inherit;
        max-width: 100%;
    left: inherit;
    right: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
    
    
    #ContLay22ImgDiv img {
   height: auto;
     width: 100%;
        max-height: inherit;
        max-width: 200px;
    left: inherit;
    right: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
    
    #ArtLay22Div{
    min-height: auto;
        min-width: none;
        max-width:100%;
        width:100%;
} 
    
}
  @media only screen and (max-width: 959px) {
    
        #ContLay22ImgDiv img {
   height: auto;
     width: 100%;
        max-height: inherit;
        max-width: 200px;
    left: inherit;
    right: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
      
      
    /*überschreibe Standardposition Detail-Button*/
#ContLay22DetDiv {
position: relative;
    min-width: 100%;
    max-width: inherit;
    border: 0px;
    padding: 0px;
    border-radius: inherit;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    
}
    #ContLay22DetDiv a {
        min-width: 100%;
       
    }

/*überschreibe AnfrageButton */
#AnfrageDiv {
  
}

/*DATUM-Feld */
#ContLay220DatumDiv {
    margin-top: 0%;
    width: 100%;
    max-width: inherit;

}
#ContLay22DatumP {

}
/*DATUM-Feld ENDE */
    
    /*überschreibe Überschrift Text*/
#ContLay22SubueberschriftP {
    margin-top: 0%;
}
    
           #ContLay22Div {
     width: 100% !important;
           max-width: 100% !important;
		height: inherit;
    float:none !important;
			   margin-left: auto;
			   margin-right: auto;
			
    margin: 2% auto auto auto;
    clear:both;
    padding: 4%;
   margin-bottom: 2%;
    
	overflow-x: inherit;
    overflow-y:inherit;

    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 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
    
    #ArtLay22Div {
      /*  float: left;
        clear: left;
      
	margin-bottom: 2%;
    max-width: 100%;
        width: 100%;
        min-width: 50px;
        min-height: 150px;
        border: 0px solid rgba(230,230,230,1);
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	background-color: rgba(230,230,230,0);
     line-height: 1.1em;
    font-size: 1em;
    padding: 2%;*/
        padding: 1%;
   
} 
    #ArtIdLay22Div, #MwstLay22Div, #PreisLay22Div  {
     /*   width: 100%;
        min-width: inherit;
        max-width: 100%;
        text-align: left;*/
    }
    
    #ContLay22TextDiv, #ContLay22VidDiv, #ContLay22Dateianhang {
        /*display: none;*/
    }
  
    
    #ContLay22TextDiv {
    margin-top: 1%;
            padding: 3%;
    float:none;
		margin-left: auto;
		margin-right: auto;
    
    
	width:100%;
 
    
}
    
}