/* ########### Flip ########### */
.panel {

	width: 100%;
	position: relative;
	height: 500px;}

.panel .front {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #FFF;
	overflow: hidden;
	-webkit-transform: rotateX(0) rotateY(0);
	transform: rotateX(0) rotateY(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.panel .back {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F29400;
	overflow: hidden;
	color: #FFF;

	-webkit-transform: rotateY(-179deg);
	transform: rotateY(-179deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.panel .back p {
	color: #FFF;}

.panel.flip .front {
	transform: rotateY(179deg)}

.panel.flip .back {
	-webkit-transform: rotateX(0) rotateY(0);
	transform: rotateX(0) rotateY(0);}

.panel {
	margin-bottom: 30px;
	-webkit-perspective: 800px;
	perspective: 800px;}


.panel .padIn {
	padding: 0px 30px 0px 30px;
}

.panel .padIn h3 {
	font-size:40px;
	margin-top:5px;
}

.panel .padIn p {
	font-size:16px;
	line-height:140%;
}

.panel .back .padIn h3  {
	margin-bottom: 44px;
}

/* ########### Button ########### */
.button-effect a {
	background-color: #58585A;}


/* ########### LinkInt ########### */
.mehrInfo {
	position: absolute;
	bottom: 30px;
	width: 100%;
	height: 30px;}
a.LinkInt {
	border: 1px solid #fff;
	background: #58585A;
	font-family: 'Montserrat';
	color: #000;
	left:90px;
	bottom:20px;
	padding: 0.9rem 1rem!important;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	border-radius: 5px;}

a.LinkInt:after {
	text-decoration: none;
	font-family: fontello;
	color: #000;}
a.LinkInt::after {display:inline-block!important;}
a.LinkInt:hover {
	transition: all 0.5s ease-in-out;}
a.LinkInt:hover:after{
	transition: all 2.2s linear 0s;}


/* ########### Button ########### */
.button-effect a {
	background-color: #fff;}
.button-effect {  text-align: center;}


.ivypresto {font-family: 'Oranienbaum'!important;}
.groesserfront {display:block;text-align: center!important;}
.groesserfront p {font-family: 'Oranienbaum'!important;  font-weight: 400;
	letter-spacing: 2px;
	font-size: 2rem;}

.groesserback {display:block;}
.groesserback p {font-family: 'Oranienbaum'!important;  font-weight: 400;
	letter-spacing: 2px;
	font-size: 2rem;}
.Cardgrau .panel .front {background: #d9d9d9;}
.Cardgrau .cardsicontitel .front img {max-width:80%;margin:5% 10% 0 10%;}
.Cardgrau .groesserfront p {font-family: 'Oranienbaum'!important;
	font-weight: 400;
	text-align:left;
	margin-top:52px;
	letter-spacing: 2px;
	font-size: 2.6rem!important;}