/*
 Theme Name:   Giorgio Child
 Description:  Giorgio Child-Theme
 Template:     giorgio
 Version:      1.0.0
*/

.badge-frame .badge-inner, .badge-outline .badge-inner {
	color: #fff;
}

/* Rabbit animation */
.promoegg {
    position: fixed;
    left: -30px;
    bottom: -15px;
}

.promoegg img {
    height: 134px;
    width: auto;
}
.plt-rabbit-hop {
	background-image: url('images/oster-hase-girogiomartello.png');
	background-size: 134px 211px;
	width: 134px;
	height: 211px;
	position: absolute;
	top: 50%;
    transform: translate(0,-50%);
    margin-top: -100px;
	left: -10%;
	cursor: pointer;
	-webkit-animation: rabbit-hop 1.8s 1 ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 2s;
	animation: rabbit-hop 1.8s 1 ease-in-out;
	animation-fill-mode: forwards;
	animation-delay: 2s;
	z-index: 11000;
}

@-webkit-keyframes rabbit-hop {
	0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
	15% {
        -webkit-transform: translate3d(15%, -25%, 0);
		left: 0%;
    }
	30% {
        -webkit-transform: translate3d(30%, 0, 0);
    }
	45% {
        -webkit-transform: translate3d(45%, -25%, 0);
		left: 15%;
    }
	60% {
        -webkit-transform: translate3d(60%, 0, 0);
    }
	75% {
        -webkit-transform: translate3d(75%, -25%, 0);
		left: 30%;
    }
	80% {
		-webkit-transform: translate3d(80%, 0, 0);
		left:45%;
	}
	90% {
		-webkit-transform: translate3d(90%, -25%, 0);
		left:60%;
	}
	100% {
        -webkit-transform: translate3d(100%, 0, 0);
		left: 70%;
    }
}

@keyframes rabbit-hop {
	0% {
        transform: translate3d(0, 0, 0);
    }
	15% {
        transform: translate3d(15%, -25%, 0);
		left: 0%;
    }
	30% {
        transform: translate3d(30%, 0, 0);
    }
	45% {
        transform: translate3d(45%, -25%, 0);
		left: 15%;
    }
	60% {
        transform: translate3d(60%, 0, 0);
    }
	75% {
        transform: translate3d(75%, -25%, 0);
		left: 30%;
    }
	80% {
		transform: translate3d(80%, 0, 0);
		left:45%;
	}
	90% {
		transform: translate3d(90%, -25%, 0);
		left:60%;
	}
	100% {
        transform: translate3d(100%, 0, 0);
		left: 70%;
    }
}

.plt-rabbit-banner {
	display: none;
	position: absolute;
	top: -40px;
	left: -286px;
	width: 300px;
	height: 200px;
	overflow: visible;
	background-image: url("images/01_Banner_Osteraktion_2019.png");
	z-index: 11000;
}
.plt-rabbit-banner-close {
	display: block;
	position: absolute;
	top: 0px;
    right: -120px;
	width: 50px;
	height: 50px;
	background-image: url("images/oster-hase-close.png");
	z-index: 12000;
}

.plt-rabbit-hide {
	background-image: url('images/oster-hase-girogiomartello.png');
	background-size: 134px 211px;
	z-index:1;
	width: 134px;
	height: 211px;
	position: fixed;
	bottom: -45px;
	left: -18px;
	cursor: pointer;
	transform: rotate(15deg);
}

.plt-rabbit-hide:hover {
	-webkit-animation: rabbit-hide 1s 1 linear;
	animation: rabbit-hide 1s 1 linear;
}

@-webkit-keyframes rabbit-hide {
	0% {
		-webkit-transform: translate(38px, -45px) rotate(0deg);
	}
	15% {
		-webkit-transform: translateY(38px, -65px) rotate(0deg);
	}
	30% {
		-webkit-transform: translate(38px, -45px) rotate(0deg);
	}
	45% {
		-webkit-transform: translate(38px, -65px) rotate(0deg);
	}
	60% {
		-webkit-transform: translate(38px, -45px) rotate(0deg);
	}
	75% {
		-webkit-transform: translate(38px, -65px) rotate(0deg);
	}
	90% {
		-webkit-transform: translate(38px, -45px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(38px, -65px) rotate(0deg);
	}
}

@keyframes rabbit-hide {
	0% {
		transform: translate(38px, -45px) rotate(0deg);
	}
	15% {
		transform: translateY(38px, -65px) rotate(0deg);
	}
	30% {
		transform: translate(38px, -45px) rotate(0deg);
	}
	45% {
		transform: translate(38px, -65px) rotate(0deg);
	}
	60% {
		transform: translate(38px, -45px) rotate(0deg);
	}
	75% {
		transform: translate(38px, -65px) rotate(0deg);
	}
	90% {
		transform: translate(38px, -45px) rotate(0deg);
	}
	100% {
		transform: translate(38px, -65px) rotate(0deg);
	}
}

.plt-rabbit-hide-2 {
	background-image: url('images/oster-hase-girogiomartello.png');
	background-size: 134px 211px;
	z-index:1;
	width: 134px;
	height: 211px;
	position: fixed;
	bottom: -45px;
	left: -18px;
	cursor: pointer;
	transform: rotate(15deg);
}

.plt-rabbit-hide-2:hover {
	-webkit-animation: rabbit-hide-2 0.6s cubic-bezier(0.1, 0.2, 0.12, 0.18);
	animation: rabbit-hide-2 0.6s  cubic-bezier(0.1, 0.2, 0.12, 0.18);
}

@-webkit-keyframes rabbit-hide-2 {
	0% {
		-webkit-transform: rotate(13deg);
	}
	20% {
		-webkit-transform: rotate(15deg);
	}
	40% {
		-webkit-transform: rotate(16deg);
	}
	60% {
		-webkit-transform: rotate(15deg);
	}
	80% {
		-webkit-transform: rotate(13deg);
	}
	100% {
		-webkit-transform: rotate(16deg);
	}
}

@keyframes rabbit-hide-2 {
	0% {
		transform: rotate(13deg);
	}
	20% {
		transform: rotate(15deg);
	}
	40% {
		transform: rotate(16deg);
	}
	60% {
		transform: rotate(15deg);
	}
	80% {
		transform: rotate(13deg);
	}
	100% {
		transform: rotate(16deg);
	}
}
/* End: Rabbit animation */
@media (max-width: 1400px){
.plt-rabbit-hop {
	margin-top: 50px;
}
}
@media (max-width: 780px){
.plt-rabbit-hop{
display: none; }
}