/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles
    02. Post Template
    03. "Start" Page
    04. "Schlaue Maschinen?" Post
    05. Image_Animate_58 Animate
    06. Webkit Image_Animate_58 Animate

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body .ast-article-single picture .ultp-block-image-content{
	padding-top:0px;
	margin-top:0px;
}

body #ast-desktop-header .ast-above-header-wrap > .site-header-focus-item{
	height:130px;
}



/*-----------------------------------------------*/
/*  Post Template                                */
/*-----------------------------------------------*/
body.single-post #ast-desktop-header .ast-above-header-wrap > .site-header-focus-item{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	height:147px !important;
}

body.single-post .ast-no-date-box .entry-header h1{
	padding-top:26px;
}



/*-----------------------------------------------*/
/*  "Start" Page                                 */
/*-----------------------------------------------*/
body.page-id-133125 #ast-desktop-header .ast-above-header-wrap > .site-header-focus-item{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

@media (min-width:769px){

	body.page-id-133125 #ast-desktop-header .ast-above-header-wrap > .site-header-focus-item{
	margin-top:-50px;
	}

}



/*-----------------------------------------------*/
/*  "Schlaue Maschinen?" Post                    */
/*-----------------------------------------------*/
body.postid-135674 #ast-desktop-header .ast-above-header-wrap > .site-header-focus-item{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	height:138px !important;
}



/*-----------------------------------------------*/
/*  Image_Animate_58 Animate                     */
/*-----------------------------------------------*/
@keyframes Image_Animate_58{
	0%{
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;

	-webkit-box-shadow:none;
	box-shadow:none;

	display:inline;
}

20%{

	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
	display:inline-block;

	-webkit-transform:translatex(140px) translatey(-355px);
	-ms-transform:translatex(140px) translatey(-355px);
	transform:translatex(140px) translatey(-355px);
}

40%{

	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
	display:inline-block;

	-webkit-transform:translatex(444px) translatey(-140px);
	-ms-transform:translatex(444px) translatey(-140px);
	transform:translatex(444px) translatey(-140px);
}

60%{
	opacity:1;
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
}

80%{
	opacity:1;
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
}

100%{
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	opacity:0.69;
	}

}



/*-----------------------------------------------*/
/*  Webkit Image_Animate_58 Animate              */
/*-----------------------------------------------*/
@-webkit-keyframes Image_Animate_58{
	0%{
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;

	-webkit-box-shadow:none;
	box-shadow:none;

	display:inline;
}

20%{

	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
	display:inline-block;

	-webkit-transform:translatex(140px) translatey(-355px);
	-ms-transform:translatex(140px) translatey(-355px);
	transform:translatex(140px) translatey(-355px);
}

40%{

	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
	display:inline-block;

	-webkit-transform:translatex(444px) translatey(-140px);
	-ms-transform:translatex(444px) translatey(-140px);
	transform:translatex(444px) translatey(-140px);
}

60%{
	opacity:1;
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(44deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
}

80%{
	opacity:1;
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(28deg) rotateY(63deg) rotateZ(-4deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
}

100%{
	display:inline-block;

	-webkit-box-shadow:0px 0px 1px 0px #808285;
	box-shadow:0px 0px 1px 0px #808285;
	right:29px;

	-webkit-transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	-ms-transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	transform:scale(1) rotateX(-65deg) rotateY(63deg) rotateZ(89deg) translatex(196px) translatey(90px) skewx(0deg) skewy(0deg);
	opacity:0.69;
	}

}