.qb-contact{
	border:1px solid #EAEBEB;
	margin-bottom:1em;
}
.qb-contact-image{
	float:left;
	width:30%;
}

.qb-contact-image img{
	width:100%;
	max-width:100%;
	height: auto;
}

.qb-contact-content{
	float:right;
	width:70%;
}

.qb-contact-content-inner{
	padding:20px 30px 5px;
}


a.email{
	-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

}
/* in der rechten Spalte colPos2 */

.colPos2 .qb-contact-image{
	float:none;
	width:100%;
}

.colPos2 .qb-contact-image img{
	width:auto!important;
	max-width: 100% !important;
	height: auto;
}

.colPos2 .qb-contact-content{
	float:none;
	width:100%;
}

/* Clearfix */

.qb-contact:before,
.qb-contact:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.qb-contact:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.qb-contact {
    *zoom: 1;
}