.puffWrp  {
   position: relative;
   font-family: 'Source Sans Pro', sans-serif;
   background-color:#ffffff;
}
.puffWrp:hover  {
   background-color: #cbee88;
}

.puffTxtContainer {
   /*height:120px;*/
   width:100%;
   pointer-events:none;
   cursor:pointer;
   margin: 0 !important;
}

.giveMeEllipsisHeadline {
   overflow: hidden;
   text-overflow: ellipsis; 
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;  /* number of lines to show */
   line-height: 34px;      /* fallback */
   max-height: 68px;       /* fallback */
}


.puffTxtContainer p{
   margin: 5px 5px;
   color: #000000;

}
.puffTxtContainer p.puffrubrik {
	padding: 0px 10px 0px 10px;
}

.puffTxtContainer p.pufftext {
   font-size: 1.3em;
   font-weight: 400;
	padding: 0px 10px 10px 10px;
}

.puffImageWrp img{
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.startPuffModule { 
   height: auto;
   margin-right: 20px !important;
   margin-left: 10px !important;
   padding: 0px;
   margin-bottom: 30px;
}

.startPuffModule:nth-child(1) {
   font-size: 2.4em;
   font-weight: 700;
   width: 504px;
   float: left;
}
.startPuffModule:nth-child(2) {
   font-size: 2.4em;
   font-weight: 700;
   width: 504px;
   float:right;
}
.startPuffModule:nth-child(n+3) {
   font-size: 1.9em;
   font-weight: 700;
   width: 300px;
   float:left;
}

.startPuffModule:nth-child(-n+2) .puffImageWrp{
   position: relative;
   width: 504px;
   height: 300px;
   overflow: hidden;
}
.startPuffModule:nth-child(n+3) .puffImageWrp{
   position: relative;
   width: 300px;
   height: 200px;
   overflow: hidden;
}

@media all and (max-width: 504px) {
   .puffImageWrp img{
      height: 100%;
      width: auto;
   }
}
@media all and (min-width: 505px) {
   .puffImageWrp img{
      width: 100%;
      height: auto;
   }
}

.startPuffModule a img, .startPuffModule a, {
   border: none;
   border:0px;
}