.flip-container {perspective: 1000px;
    width: 32.33333%;
    float: left;
    margin-bottom: 2%;}
.flip-container.left {margin-right: 1%}    
.flip-container.right {margin-left: 1%}    

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}
.flip-container, .front, .back {height: 300px}

/* flip speed goes here */
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative}

/* hide back of pane during swap */
.flipper .front, .flipper .back {backface-visibility: hidden;width: 100%;position: absolute;top: 0;left: 0;padding: 25px}
.flipper .back .button {font-weight: bold;margin-top: 10px;}
.flipper .front h2 {position: absolute;color: #920e30; font-size: 18px; 
    bottom: 10px;
    width: 100%;
    left: 0;
    padding: 15px;
    background-color: rgba(255,255,255,0.8);} 

/* front pane, placed above back */
.flipper .front {background-color: #f00; color: #fff;z-index: 2;
/* for firefox 31 */transform: rotateY(0deg)}

/* back, initially hidden pane */
.flipper .back {transform: rotateY(180deg);background-color: #fff}
.flipper .back p {margin: 0; color: #333}
.flipper .back button {font-weight: bold}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {transform: rotateY(180deg)}
.flip-container:hover .front {opacity: 0}
	.flip-container .back {overflow: auto}


.flip-container .image_container.float_right, .flip-container .image_container.float_left {width: 50%}
.flip-container .image_container.float_right {float: right; margin: 0 0 3% 3%}
.flip-container .image_container.float_left {float: left; margin: 0 3% 3% 0}

@media all and (max-width: 768px) 
{

	#handlungsfelder .flip-container,#handlungsfelder .flip-container .front, #handlungsfelder .flip-container .back {height: 250px; pxoverflow: scroll;margin-bottom: 6%;}
	#handlungsfelder .flip-container .flipper > div {height: 250px !important}
	.flip-container {width: 100%; float: none;}
	.ministeriumBox {transform: scale(0.6);transform-origin: 0 0}
	#handlungsfelder .flipper .front h2 {font-size: 18px !important}
	#handlungsfelder .flipper .back {padding-top: 50px !important}

}