not-allowed/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	height: 2577px;
	background: url("images/background.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Montserrat', sans-serif;
}

	body::-webkit-scrollbar {
		display: none;
	}

a.linktree {
	cursor: pointer;	
}

#navigation {
    position: absolute;
    bottom: 30px;
    left: 459px;

}
	#navigation a {
		padding: 10px 20px;
		display: inline;
		text-align: center;
		color: white;
		text-decoration: none;
	}

.responsive {
    width: 538px;
    height: 939px;
    position: absolute;
    top: 20px;
    left: 230px;
}

		#portrait {
			width: 538px;
			height: 939px;
			position: fixed;   
			top: 25px;
			left: 200px;
			background: url("images/portrait.png");
			background-repeat: no-repeat;
			z-index:999;
		}
		@media all and (min-width: 1921px) {
			#portrait{
				Top: 150px;
				left: 450px;
			}
		}

		#shop {
			width: 312px;
			height: 480px;
			position: fixed;   
			bottom: 0px;
			left: 362px;
			background: url("images/shop.png");
			background-repeat: no-repeat;
			z-index:999;
			cursor: not-allowed;	
		}
		#shop:hover {
			background: url("images/shop_hover.png");
		}
		@media all and (min-width: 1921px) {
			#shop:hover {
				width: 412px;
				height: 633px;
				background-size: 412px;
			}
		}
		

		@media all and (min-width: 1921px) {
			#shop{
				left: 557px;
				width: 412px;
				height: 633px;
				bottom: 0px;
				background-size: 412px;
			}
		}


#animated_portrait {
	position: fixed;
	top: 30px;
	left: 203px;	
	z-index:998;	
	transform: rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
		@media all and (min-width: 1921px) {
			#animated_portrait{
				Top: 125px;
				left: 500px;
			}
		}

			.plant {
				width: 776px;
				height: 992px;
				position: fixed; 
				bottom: -190px;
				left: -454px;
				background: url("images/plant.png");
				background-repeat: no-repeat;
				z-index:1001;
			}
			@media all and (min-width: 1921px) {
				.plant{
				bottom: -110px;
				left: -234px;
				}
			}




			.badges { /* Rahmen mit blauem Samt */
				width: 923px;
				height: 727px;
				position: relative;
				top: 75px;
				right: -773px;
				background: url("images/badges_frame.png");
				background-repeat: no-repeat;
			}

			@media all and (min-width: 1921px) {
				.badges{
					left: 1147px;
				}
			}

				.badge_cursor {
					cursor:help;
				}



	.badge_universitaet-essen {
		width: 127px;
		height: 120px;
		top: 118px;
		left: 118px;
		background: url("images/badge_sprite.png");
		background-position: 0px 0px
	}
		.badge_universitaet-essen:hover {
			background: url("images/badge_sprite.png");
			background-position: 0px 265px;
		}
	
	
	
	.badge_kreutz-partner {
		width: 257px;
		height: 102px;
		top: 2px;
		left: 246px;
		background: url("images/badge_sprite.png");
		background-position: -127px 0px;
	}
		.badge_kreutz-partner:hover {
			background: url("images/badge_sprite.png");
			background-position: -127px 265px;
		}
	
	
	
	.badge_it-akademie-ostwestfalen {
		width: 155px;
		height: 102px;
		top: -96px;
		left: 503px;
		background: url("images/badge_sprite.png");
		background-position: -384px 0px;
	}
		.badge_it-akademie-ostwestfalen:hover {
			background: url("images/badge_sprite.png");
			background-position: -384px 265px;
		}
	
	
	.badge_aruba-studio-gmbh {
		width: 120px;
		height: 140px;
		top: -209px;
		left: 662px;
		background: url("images/badge_sprite.png");
		background-position: -537px 0px;
	}
		.badge_aruba-studio-gmbh:hover {
			background: url("images/badge_sprite.png");
			background-position: -537px 265px;
		}


	.badge_game {
		width: 236px;
		height: 121px;
		top: -230px;
		left: 117px;
		background: url("images/badge_sprite.png");
		background-position: -659px 0px;
	}
		.badge_game:hover {
			background: url("images/badge_sprite.png");
			background-position: -659px 265px;
		}
	
	
	.badge_aruba-events-gmbh {
		width: 114px;
		height: 135px;
		top: -365px;
		left: 355px;
		background: url("images/badge_sprite.png");
		background-position: -894px 0px;
	}
		.badge_aruba-events-gmbh:hover {
			background: url("images/badge_sprite.png");
			background-position: -894px 265px;
		}


	.badge_quo-vadis {
		width: 174px;
		height: 127px;
		top: -498px;
		left: 479px;
		background: url("images/badge_sprite.png");
		background-position: 0px -136px;
	}
		.badge_quo-vadis:hover {
			background: url("images/badge_sprite.png");
			background-position: 0px -401px;
		}
		
	
	.badge_the-art-of-games {
		width: 172px;
		height: 129px;
		top: -611px;
		left: 637px;
		background: url("images/badge_sprite.png");
		background-position: -174px -136px;
	}
		.badge_the-art-of-games:hover {
			background: url("images/badge_sprite.png");
			background-position: -174px -401px;
		}


	.badge_reichart {
		width: 228px;
		height: 101px;
		top: -622px;
		left: 137px;
		background: url("images/badge_sprite.png");
		background-position: -364px -136px;
	}
		.badge_reichart:hover {
			background: url("images/badge_sprite.png");
			background-position: -364px -401px;
		}
	
	
	.badge_games-industry-networks {
		width: 107px;
		height: 120px;
		top: -735px;
		left: 353px;
		background: url("images/badge_sprite.png");
		background-position: -572px -136px;
	}
		.badge_games-industry-networks:hover {
			background: url("images/badge_sprite.png");
			background-position: -572px -401px;
		}


	.badge_devcom-developer-conference {
		width: 132px;
		height: 128px;
		top: -856px;
		left: 464px;
		background: url("images/badge_sprite.png");
		background-position: -677px -136px;
	}
		.badge_devcom-developer-conference:hover {
			background: url("images/badge_sprite.png");
			background-position: -677px -401px;
		}


	.badge_deutscher-entwicklerpreis {
		width: 238px;
		height: 114px;
		top: -971px;
		left: 583px;
		background: url("images/badge_sprite.png");
		background-position: -809px -136px;
	}
		.badge_deutscher-entwicklerpreis:hover {
			background: url("images/badge_sprite.png");
			background-position: -809px -401px;
		}


	.badge_universitaet-essen, .badge_universitaet-essen:hover, .badge_kreutz-partner, .badge_kreutz-partner:hover, .badge_it-akademie-ostwestfalen, .badge_it-akademie-ostwestfalen:hover, .badge_aruba-studio-gmbh, .badge_aruba-studio-gmbh,:hover, .badge_aruba-studio-gmbh, .badge_aruba-studio-gmbh:hover, .badge_game, .badge_game:hover, .badge_aruba-events-gmbh, .badge_aruba-events-gmbh:hover, .badge_quo-vadis, .badge_quo-vadis:hover, .badge_the-art-of-games, .badge_the-art-of-games:hover, .badge_reichart, .badge_reichart:hover, .badge_games-industry-networks, .badge_games-industry-networks:hover, .badge_devcom-developer-conference, .badge_devcom-developer-conference:hover, .badge_deutscher-entwicklerpreis, .badge_deutscher-entwicklerpreis:hover {
		position: relative;
	}
	

.tooltip_text {
	color: white;
	visibility: hidden;
}

.tooltip_text_default {
	visibility: visible;
}

	.tooltip_text, .tooltip_text_default {
		width: 626px;
		height: 70px;
		color: rgba(230,230,230);
		top: 527px;
		left: 150px;
		position: absolute;
		display: block;
		z-index: 999;
		/*text-shadow: 0px 1px 1px rgb(120,120,120), 0px 2px 1px rgb(100,100,100), 0px 5px 10px rgba(0,0,0,1);*/
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0px;
		font-family: 'Noto Sans', sans-serif;
	}


		.tooltip_text_description b {
			font-weight: 700;
		}

		span.tooltip_text_title {
			padding-bottom: 13px;
			font-weight: 900;
			display: block;
			text-transform: uppercase;
		}
		span.tooltip_text_description {
			font-weight: 500;
			display: block;
		}



.badge_universitaet-essen:hover ~ .tooltip_text_default, .badge_kreutz-partner:hover ~ .tooltip_text_default, .badge_it-akademie-ostwestfalen:hover ~ .tooltip_text_default, .badge_aruba-studio-gmbh:hover ~ .tooltip_text_default, .badge_game:hover ~ .tooltip_text_default, .badge_aruba-events-gmbh:hover ~ .tooltip_text_default, .badge_quo-vadis:hover ~ .tooltip_text_default, .badge_the-art-of-games:hover ~ .tooltip_text_default, .badge_reichart:hover ~ .tooltip_text_default, .badge_games-industry-networks:hover ~ .tooltip_text_default, .badge_devcom-developer-conference:hover ~ .tooltip_text_default, .badge_deutscher-entwicklerpreis:hover ~ .tooltip_text_default {
	visibility: hidden;
}

.badge_universitaet-essen:hover ~ .tooltip_universitaet-essen, .badge_kreutz-partner:hover ~ .tooltip_kreutz-partner, .badge_it-akademie-ostwestfalen:hover ~ .tooltip_it-akademie-ostwestfalen, .badge_aruba-studio-gmbh:hover ~ .tooltip_aruba-studio-gmbh, .badge_game:hover ~ .tooltip_game, .badge_aruba-events-gmbh:hover ~ .tooltip_aruba-events-gmbh, .badge_quo-vadis:hover ~ .tooltip_quo-vadis, .badge_the-art-of-games:hover ~ .tooltip_the-art-of-games, .badge_reichart:hover ~ .tooltip_reichart, .badge_games-industry-networks:hover ~ .tooltip_games-industry-networks, .badge_devcom-developer-conference:hover ~ .tooltip_devcom-developer-conference, .badge_deutscher-entwicklerpreis:hover ~ .tooltip_deutscher-entwicklerpreis{
	visibility: visible;
}

.linktree_private, .linktree_podcast, .linktree_youtube, .linktree_instagram , .contact, .linktree_twitch, .linktree_tiktok, .linktree_twitter  {
	position: absolute;
}

			.linktree_private {
				width: 985px;
				height: 662px;
				top: 778px;
				left: 760px;
				background: url("images/privates.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_private{
					left: 1125px;
				}
			}

			.linktree_podcast {
				width: 629px;
				height: 409px;
				top: 1395px;
				left: 740px;
				background: url("images/podcast.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_podcast{
					left: 1125px;
				}
			}

			.linktree_youtube {
				width: 299px;
				height: 435px;
				top: 1413px;
				left: 1357px;
				background: url("images/youtube.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_youtube{
					left: 1765px;
				}
			}

			.contact {
				width: 1188px;
				height: 704px;
				top: 2282px;
				left: 723px;
				background: url(images/contact.png);
				z-index: 1000;
			}
			@media all and (min-width: 1921px) {
				.contact{
					left: 1125;
				}
			}
	.contact_form {
		position: absolute;
		top: 160px;
		right: 580px;
	}
	
	input, textarea {
		border: none;
		outline: none;
		font-family: 'Caveat', cursive;
		color: rgba(49,37,121,1);
	}
	
	input:hover::placeholder, textarea:hover::placeholder {
		color: rgba(49,37,121,1);
	}
	
	input[type=text] {
		background: rgba(255,255,255,0);
		font-family: 'Caveat', cursive;
		font-size: 22px;
		font-weight:500;
	}
	
	
		#n1 {
			padding: 10px 0px;
			width: 246px;
			position: absolute;
			top: 187px;
			right: -260px;
		}
		
		#email2 {
			padding: 10px 0px;
			width: 246px;
			position: absolute;
			top: 267px;
			right: -260px;
		}
	
	textarea {
		width: 264px;
		height: 246px;
		position: absolute;
		top: 156px;
		right: 35px;
		font-size: 20px;
		background: rgba(255,255,255,0);
	}
		
	textarea::-webkit-scrollbar {
    display: none;
}
	
	input[type=submit] {
		padding: 20px 40px;
		background: rgba(255,255,0,0);
		position: absolute;
		top: 355px;
		right: -229px;
		font-size: 20px;
		text-transform: uppercase;
	}
	input[type=submit]:hover {
		color: red;
		font-weight: bold;
	}

	 label
	 {
		display: none;
	 }

	.form-error
	{
		color: rgb(255,47,0);
		margin: 10px;
		font-size: 20px;
		font-family: 'Caveat', cursive;
		text-align: center;
		width: 760px;
		position: absolute;
		top: 117px;
		right: -373px;
	}

	.submitted {
		color: rgb(49,37,121);
		margin: 10px;
		font-size: 20;
		font-family: 'Caveat', cursive;
		text-align: center;
		width: 760px;
		position: absolute;
		top: 117px;
		right: -373px;	
	}


			.linktree_instagram {
				width: 368px;
				height: 485px;
				top: 1640px;
				left: 715px;
				z-index:999;
				background: url("images/instagram.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_instagram{
					left: 1125px
				}
			}

			/*.linktree_instagram:hover {
				background: url("images/instagram_hover.png");
			}*/

			.linktree_twitch {
				width: 595px;
				height: 409px;
				top: 1956px;
				left: 795px;
				background: url("images/twitch.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_twitch{
					left: 1173px
				}
			}

			.linktree_tiktok {
				width: 193px;
				height: 455px;
				top: 1854px;
				left: 1392px;
				z-index:999;
				background: url("images/tiktok.png");
			}
			@media all and (min-width: 1921px) {
				.linktree_tiktok{
					left: 1777px; 
				}
			}

			.linktree_twitter /**/ {
				width: 190px;
				height: 270px;
				top: 2039px;
				left: 1580px;
				background: url(images/thread.png); /*Früher Twitter*/
				z-index: 999;
			}
			@media all and (min-width: 1921px) {
				.linktree_twitter{
					left: 1942px;
				}
			}

.box_second {
	margin: 40px 250px;
    color: rgb(255,255,255);
    font-size: 16px;
    text-shadow: 0px 2px 4px rgb(0 0 0), 0px 2px 4px rgb(0 0 0), 0px 2px 4px rgb(0 0 0);
    letter-spacing: 1px;
}
	 .box_second h1 {
		 font-size: 20px;
		 text-transform: uppercase;
		 font-weight: bold;
		 margin: 0 0 30px 0;
	 }
	.box_second h2 {
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 20px 10px;
	}
	.box_second h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 0 0 10px 20px;
	}
	
	.box_second a {
		color: rgb(255,255,255);
		margin: 0 0 20px 0;
		display: block;
	}
	.box_second p {
		margin: 0 0 30px 20px;
	}
	
	.box_second ol {
		margin: 0 0 0 20px;
	}
	.box_second li {
		margin: 0 0 15px 20px;
		 list-style-type: circle;
	}

.sm_counter {
	width: 183px;	
	height: 93px;
	display: block;
	position: absolute;
	z-index: 1000;
}
	.sm_counter.sm_counter_instagram{
		top: 120px;
		left: 185px;
	}
	.sm_counter.sm_counter_youtube{
		top: -40px;
		left: -35px;
	}	
	.sm_counter.sm_counter_twitch{
		top: -47px;
		left: 375px;
	}	
	.sm_counter.sm_counter_twitter{
		top: -45px;
		left: 1px;
	}	
	.sm_counter.sm_counter_tiktok{
		top: -45px;
		left: 1px;
	}	
	.sm_counter.sm_counter_podcast{
		top: 5px;
		left: 101px;
	}	
	
	
	.sm_number.sm_number_tier1 {
		text-shadow: 0px 0px 5px rgba(129,30,30,0.75), 0px 0px 5px rgba(129,30,30,0.7);
	}
	
	.sm_number.sm_number_tier2 {
		text-shadow: 0px 0px 5px rgba(40,40,40,0.75), 0px 0px 5px rgba(40,40,40,0.75);
	}
	
	.sm_number.sm_number_tier3 {
		text-shadow: 0px 0px 5px rgba(147,48,8,0.75), 0px 0px 5px rgba(147,48,8,0.7);
	}
	
	.sm_counter.sm_counter_tier1 {
		background: url("images/socialmedia_counter_bronze.png");
	}
	.sm_counter.sm_counter_tier2 {
		background: url("images/socialmedia_counter_silver.png");
	}
	.sm_counter.sm_counter_tier3 {
		background: url("images/socialmedia_counter_gold.png");
	}
	
.sm_number {
    color: white;
    position: relative;
    top: 15px;
    left: 29px;
    font-size: 25px;
    font-family: 'Bebas Neue', cursive;
}

.sm_number span {
    display: block;
    font-size: 12px;
    left: 24px;
    position: relative;
    letter-spacing: 3px;
}

	.sm_number.sm_number_tiktok {
		left: 35px;
	}
		.sm_number.sm_number_tiktok span {
			left: 16px;
		}
	.sm_number.sm_number_podcast {
		left: 25px;
	}
		.sm_number.sm_number_podcast span {
			left: 28px;
		}