@charset "UTF-8";
/* CSS Document */

.boxclients {
}

.logoboxalbgold {
	background-image: url(../images/ueber_mich/logos/logo_albgold.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxauer {
	background-image: url(../images/ueber_mich/logos/logo_auer.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxbasf {
	background-image: url(../images/ueber_mich/logos/logo_basf.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxbosch {
	background-image: url(../images/ueber_mich/logos/logo_bosch.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxczs {
	background-image: url(../images/ueber_mich/logos/logo_czs.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxeuroqualiflex {
	background-image: url(../images/ueber_mich/logos/logo_euroqualiflex.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxey {
	background-image: url(../images/ueber_mich/logos/logo_ey.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxgazi {
	background-image: url(../images/ueber_mich/logos/logo_gazi.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxhaas {
	background-image: url(../images/ueber_mich/logos/logo_haas.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxhorvath {
	background-image: url(../images/ueber_mich/logos/logo_horvath.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxintersprot {
	background-image: url(../images/ueber_mich/logos/logo_intersport.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxlidl {
	background-image: url(../images/ueber_mich/logos/logo_lidl.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxlonelyplanet {
	background-image: url(../images/ueber_mich/logos/logo_lonely-planet.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxmarche {
	background-image: url(../images/ueber_mich/logos/logo_marche.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxrational {
	background-image: url(../images/ueber_mich/logos/logo_rational.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxregiorad {
	background-image: url(../images/ueber_mich/logos/logo_regiorad.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxvileda {
	background-image: url(../images/ueber_mich/logos/logo_vileda.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxvvs {
	background-image: url(../images/ueber_mich/logos/logo_vvs.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxwalterknoll {
	background-image: url(../images/ueber_mich/logos/logo_walter-knoll.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}

.logoboxzeiss {
	background-image: url(../images/ueber_mich/logos/logo_zeiss.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
}


.box0port {
	background-image: url(../images/ueber_mich/ueber_mich_portrait.jpg);
	background-size: cover;
	background-position: center;
	height: inherit;
}


.bildboxpfeildown {
	width: 2.5vw;
	height: 2.5vw;
	margin-top: 2vw;
	margin-bottom: 1.25vw;
}


.boxskillsheight {
	height: 45vw;
}

.boxskills {
	position: relative;
}

.boxskillstext {
	position: relative;
	text-align: center;
	top: 45%;
}

.sk_kampagnen {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 30vw;
	left: 20vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: 0s;
}

.sk_konzeption {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 14vw;
	height: 14vw;
	top: 30vw;
	left: 35vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -1.5s;
}

.sk_motiondesign {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 20vw;
	height: 20vw;
	top: 20vw;
	left: 50vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -2s;
}

.sk_prompting {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 05vw;
	left: 45vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -1.3s;
}

.sk_grafikdesign {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 20vw;
	height: 20vw;
	top: 10vw;
	left: 20vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -1s;
}

.sk_corporatedesign {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 16vw;
	height: 16vw;
	top: 3vw;
	left: 5vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -2.4s;
}

.sk_motiongraphics {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 14vw;
	height: 14vw;
	top: 5vw;
	left: 60vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -0.5s;
}

.sk_composings {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 30vw;
	left: 0vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -2.7s;
}

.sk_filmschnitt {
	border-radius: 50%;
	border: 0.1vw solid #D9D9D9;
	opacity: 1;
	position: absolute;
	width: 12vw;
	height: 12vw;
	top: 20vw;
	left: 80vw;
	scale: 1;
	animation: pulsebubble 3s infinite;
	animation-delay: -0.9s;
}

@keyframes pulsebubble {
	0% {
		scale: 1;
	}
	50% {
		scale: 1.2;
	}
	100%{
		scale: 1;
	}
}


.boxarrowdown1 {
	background-image: url(../images/_corporate/animated-arrows_down1.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
}

.boxarrowdown2 {
	background-image: url(../images/_corporate/animated-arrows_down2.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
}

.boxarrowdown3 {
	background-image: url(../images/_corporate/animated-arrows_down3.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
}

.boxskillsindesing {
	background-image: url(../images/ueber_mich/skills_indesign.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsillustrator {
	background-image: url(../images/ueber_mich/skills_illustrator.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsphotoshop {
	background-image: url(../images/ueber_mich/skills_photoshop.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillspremiere {
	background-image: url(../images/ueber_mich/skills_premiere.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsaftereffects {
	background-image: url(../images/ueber_mich/skills_aftereffects.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsglyphs {
	background-image: url(../images/ueber_mich/skills_glyphs.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsblender {
	background-image: url(../images/ueber_mich/skills_blender.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}

.boxskillsai {
	background-image: url(../images/ueber_mich/skills_ai.gif);
	background-size: cover;
	background-position: center;
	height: inherit;
	background-color: #262626;
}