@charset "utf-8";
/* CSS Document */

img{
    max-width: 100%;
    height: auto;
    }
  
  .image-box{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 12px;
    }
    
  .abstand-unten{
    margin-bottom: 50px !important;
    }
  
   #content-box {
	text-align:center;
  	margin-left: auto ;
  	margin-right: auto ;
	padding: 10px 0 10px 0;
	}
  
  
  #content-box-karten {
	max-width: 260px;
	margin: 0 auto;
	}
  
  
  .textbox{
	max-width: 260px;
	height: auto;
	text-align: center;
	position: absolute;
	z-index: 10;    
  }
    
  #title_cards {
	text-decoration:none;
    font-size:12px;
	font-weight: 400 !important; 
	line-height:150px;   
  }
  
  #desc {
   text-decoration:none;
   font-size:18px;
    font-family:'Raleway', sans-serif !important;
	font-weight: 400 !important;
	margin:5px;
	
  }
  
  
  @media only screen and (max-width: 640px){ 
		#content-box-karten { max-width: 220px;	margin: 0 auto;	}
		#desc {font-size:15px;  margin:5px;}
		.textbox{max-width: 220px; height: auto;}
		#title_cards {line-height:130px; }
		.pb-100 {padding-bottom: 50px !important;}
		}

    
  /* MEHR BUTTON
--------------------------------------------------------*/

.mehrButton {
	text-align: center;
	cursor: pointer;
	width:130px;
	padding:5px;
	display: inline-block;
	background: #8f7654;
	color: #fff;
    text-decoration:none;
    font-size:13px;
	font-weight: 400 !important;
	text-transform: uppercase;
     -webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
}
.mehrButton:hover {
	background: #fff;
	color: #000;
}