@charset "UTF-8";
/* ***************************************************************************************** */
/* (c) designschmiede - www.wirschmiedendesign.de  
/* based on framework BOOTSTRAP V4 
/* ***************************************************************************************** */		

/* basic-adjustments
------------------------------------------------------------------------------------- */
#portfolio {
  border-bottom: dashed 1px rgba(125,125,125,1.00);
  padding:0;}

#portfolio .row {
  padding: 0;}

#portfolio .textAlign {
  text-align: justify;}

/* headline
------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
#portfolio .section_headline {
  text-align: left;}

#portfolio .section_headline div {
  margin: 0;}
}

/* flex containers
------------------------------------------------------------------------------------- */
#portfolio .c2 {  
  background-color: rgba(0,99,64,1.00);
  color:rgb(232, 232, 232);
padding-top: 1rem;
padding-bottom: 1rem;}

/*
#portfolio .c2 .flexitem:nth-child(1)  {    
  flex-basis: 22%;
  margin: 25px 20px 10px 0;}

#portfolio .c2 .flexitem:nth-child(2)  {    
  flex-basis: 78%;}

#portfolio #baeckereien .flexitem:nth-child(1)  {    
  flex-basis: 55%;}
  
#portfolio #baeckereien .flexitem:nth-child(2)  {    
  flex-basis: 45%;}

#portfolio #metzgereien .flexitem:nth-child(1)  {    
  flex-basis: 45%;}

#portfolio #metzgereien .flexitem:nth-child(2)  {    
  flex-basis: 55%;}

#portfolio #selbstvermarkter .flexitem:nth-child(1)  {    
  flex-basis: 55%;}
  
#portfolio #selbstvermarkter .flexitem:nth-child(2)  {    
  flex-basis: 45%;}

#portfolio #werbeartikel .flexitem:nth-child(1)  {    
  flex-basis: 45%;}

#portfolio #werbeartikel .flexitem:nth-child(2)  {    
  flex-basis: 55%;}
*/

#portfolio figure {
  overflow: hidden;
  border-radius: 15px;
  border: dashed 1px rgba(125,125,125,1.00);}

#portfolio .zoomImg {
	-webkit-transition: transform 0.7s;
	        transition: transform 0.7s;
  -webkit-transform: scale3d(1.01,1.01,1.01);
      -ms-transform: scale3d(1.01,1.01,1.01);
	        transform: scale3d(1.01,1.01,1.01);}

#portfolio .zoomImg:hover,
.touchevents #portfolio .zoomImg {
  -webkit-transform: scale3d(1.06,1.06,1.06) rotateZ(1deg); 
      -ms-transform: scale3d(1.06,1.06,1.06) rotateZ(1deg); 
	        transform: scale3d(1.06,1.06,1.06) rotateZ(1deg);
	-webkit-transition-timing-function: ease-in-out;
					transition-timing-function: ease-in-out;}

/* media
------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
#portfolio .c2 .image-wrapper {    
  display: none;}

#portfolio .textAlign {
  text-align: left;}

}