@CHARSET "ISO-8859-1";

/*** Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	padding:0;
	margin:0;
}
a{
	text-decoration:none;
}
table{
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
strong{
	font-weight:bold;
}
ol,ul{
	list-style:none;
	margin:0;
	padding:0;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
	color:#444;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}


@font-face { font-family: 'Prompt'; font-style: normal; font-weight: 300; src: url('../fonts/prompt-v2-latin-300.eot'); src: local('Prompt Light'), local('Prompt-Light'), url('../fonts/prompt-v2-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/prompt-v2-latin-300.woff2') format('woff2'), url('../fonts/prompt-v2-latin-300.woff') format('woff'), url('../fonts/prompt-v2-latin-300.ttf') format('truetype'), url('../fonts/prompt-v2-latin-300.svg#Prompt') format('svg'); }

@font-face { font-family: 'Prompt'; font-style: normal; font-weight: 400; src: url('../fonts/prompt-v2-latin-regular.eot'); src: local('Prompt'), local('Prompt-Regular'), url('../fonts/prompt-v2-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/prompt-v2-latin-regular.woff2') format('woff2'), url('../fonts/prompt-v2-latin-regular.woff') format('woff'), url('../fonts/prompt-v2-latin-regular.ttf') format('truetype'), url('../fonts/prompt-v2-latin-regular.svg#Prompt') format('svg'); }

@font-face { font-family: 'Prompt'; font-style: normal; font-weight: 700; src: url('../fonts/prompt-v2-latin-700.eot'); src: local('Prompt Bold'), local('Prompt-Bold'), url('../fonts/prompt-v2-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/prompt-v2-latin-700.woff2') format('woff2'), url('../fonts/prompt-v2-latin-700.woff') format('woff'), url('../fonts/prompt-v2-latin-700.ttf') format('truetype'), url('../fonts/prompt-v2-latin-700.svg#Prompt') format('svg'); }

@font-face { font-family: 'Prompt'; font-style: normal; font-weight: 900; src: url('../fonts/prompt-v2-latin-900.eot'); src: local('Prompt Black'), local('Prompt-Black'), url('../fonts/prompt-v2-latin-900.eot?#iefix') format('embedded-opentype'), url('../fonts/prompt-v2-latin-900.woff2') format('woff2'), url('../fonts/prompt-v2-latin-900.woff') format('woff'), url('../fonts/prompt-v2-latin-900.ttf') format('truetype'), url('../fonts/prompt-v2-latin-900.svg#Prompt') format('svg'); }


/*** Loader */

#loader{
	background-color:rgb(57,70,87);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100%;
}
#loader .circles,
.circles{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:80px;
	height:10px;
	text-align:center;
	display:flex;
	justify-content:center;
}
#loader .circles .circle,
.circles .circle{
	width:10px;
	height:10px;
	background-color:rgba(255,255,255,0.2);
	border-radius:100%;
	flex:0 0 auto;
	margin:0 3px;
	-webkit-animation:bounce 1.4s infinite ease-in-out both;
	animation:bounce 1.4s infinite ease-in-out both;
}
#loader .circles .circle.circle-1,
.circles .circle.circle-1{
	-webkit-animation-delay:-0.32s;
	animation-delay:-0.32s;
}
#loader .circles .circle.circle-2,
.circles .circle.circle-2{
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s;
}
@-webkit-keyframes bounce{
	0%,80%,100%{
		-webkit-transform:scale(0);
	}
	40%{
		-webkit-transform:scale(1.0);
	}
}
@keyframes bounce{
	0%,80%,100%{ 
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	40%{ 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/*** Page */

::-moz-selection{
	color:#ffffff;
	background:#00588f;
}
::selection{
	color:#ffffff;
	background:#00588f;
}
body{
	font-family:'Prompt','Arial',sans-serif;
	font-weight:400;
	font-size:100%;
	color:#ffffff;
	background-color:#455667;
	background-image:url('../../img/rsz_1stadium.png');
	background-position:center center;
	background-size:cover;
	overflow:hidden;
}
mark{
	font-weight:700;
	background-color:transparent;
	color:#c8d400;
}
.desktop-only{
	display:block;
}
.mobile-only{
	display:none;
}
.wrapper{
	margin:0px auto;
	width:1280px;
}
.section{
	text-align:center;
}
#resize-bg{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(57,70,87,0.95);
	z-index:2;
}
#turn-your-phone{
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgb(57,70,87);
	z-index:100;
	text-align:center;
}
#turn-your-phone .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:200px;
	padding-top:60px;
	transform:translate(-50%,-50%);
	background-image:url('../images/turn-your-phone.svg');
	background-size:40px 40px;
	background-position:center 10px;
	background-repeat:no-repeat;
}
.scroll-down{
	position:absolute;
	z-index:1000;
	width:24px;
	height:40px;
	border-radius:13px;
	border:2px solid #fff;
	display:block;
	left:50%;
	bottom:100px;
	bottom:10%;
	margin-left:-14px;
	background-color:rgba(255,255,255,0.3);
}
.scroll-down span{
	display:block;
	margin:5px auto;
	width:2px;
	height:8px;
	border-radius:100%;
	background: #fff;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:scrolldown;
	animation-name:scrolldown;
}
@keyframes scrolldown{
	0%{ opacity:0; }
	10%{ transform:translateY(0);opacity:1; }
	100%{ transform:translateY(15px);opacity:0;}
}

.grid{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.grid-element{
	flex:1 0 auto;
	box-sizing:border-box;
}
.grid.grid-2 .grid-element{
	flex:1 0 49%;
}
.grid.grid-3 .grid-element{
	flex:1 0 33%;
}
.grid.grid-4 .grid-element{
	flex:1 0 25%;
}
.grid.grid-5 .grid-element{
	flex:1 0 20%;
}
.grid.grid-6 .grid-element{
	flex:1 0 16.66%;
}
.grid-element figure{
	width:90%;
	height:100px;
	margin:5%;
	padding:0px;
}
.grid-element figure img{
	width:100%;
	height:auto;
	display:block;
}
.grid.rounded .grid-element{
	border-radius:10px;
	background-color:rgba(0,0,0,0.6);
	margin:0px 1px 2px 1px;
	padding:2em;
}
.grid.rounded.grey .grid-element{
	background-color:rgba(88,104,119,0.9);
}
.grid.rounded .grid-element h5{
	position:relative;
	margin-bottom:1em;
	font-size:100%;
	font-weight:900;
	color:#C8D400;
	text-shadow:1px 1px 5px #000;
}
.grid.rounded .grid-element h5:after{
	position:absolute;
	content:' ';
	width:20px;
	height:1px;
	bottom:-7px;
	left:50%;
	margin-left:-10px;
	background-color:#C8D400;
}
.grid.rounded .grid-element p{
	font-size:90%;
	line-height:120%;
}


/*** Header */

header{
	position:fixed;
	display:block;
	top:30px;
	width:100%;
	height:70px;
	z-index:9;
	background:linear-gradient(to bottom, rgba(255,94,0,0.9) 0%,rgba(0,117,190,0.9) 100%);
	text-align:center;
}
header .wrapper{
	position:relative;
	display:flex;
	justify-content:center;
}
#meta-navigation ul{
	position:absolute;
	top:-30px;
	right:0px;
	display:flex;
}
#meta-navigation ul li{
	font-size:12px;
	line-height:30px;
	color:rgba(255,255,255,0.7);
	margin-right:30px;
	text-transform:uppercase;
	text-shadow:0px 0px 2px rgba(0,0,0,0.7);
}
#meta-navigation ul li:last-child{
	margin-right:90px;
}
#meta-navigation ul li a{
	color:rgba(255,255,255,0.7);
	position:relative;
}
#meta-navigation ul li a:after{
	content:' ';
	width:1px;
	height:14px;
	background:rgba(255,255,255,0.5);
	position:absolute;
	right:-15px;
	top:50%;
	margin-top:-7px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.5);
}
#meta-navigation ul li:last-child a:after{
	content:none;
}
#meta-navigation ul li a.language{
	color:#c8d400;
}
#meta-navigation ul li a:hover{
	color:rgba(255,255,255,1);
}
#main-navigation ul{
	text-transform:uppercase;
	display:flex;
	justify-content:center;
}
#main-navigation ul li{
	position:relative;
	transition:all 0.5s ease;
}
#main-navigation ul li a{
	position:relative;
	display:block;
	padding:0px 20px;
	line-height:70px;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
}
#main-navigation a.children{
	cursor:default;
}
#main-navigation > ul > li > a:after{
	content:' ';
	width:1px;
	height:40px;
	background-color:rgba(255,255,255,0.3);
	position:absolute;
	right:-1px;
	top:50%;
	margin-top:-20px;
	z-index:500;
}
#main-navigation ul li:last-child > a:after{
	content:none;
}
#main-navigation ul li ul{
	display:none;
	position:absolute;
	left:-46px;
}
#main-navigation ul li:hover,
#main-navigation a.main-active{
	background-color:#00588f;
}
#main-navigation ul li:hover > a{
	color:#c8d400;
}
#main-navigation ul li:hover ul{
	display:block;
}
#main-navigation ul li ul li{
	background-color:rgba(0,88,143,0.9);
}
#main-navigation ul li ul li a{
	display:block;
	width:200px;
	line-height:40px;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#main-navigation ul li ul li a:hover{
	color:#c8d400;
}
#main-navigation ul li ul li:last-child a{
	border-bottom:0px;
}
#logo{
	  position:absolute;
	left:-10px;
	top:-40px;
	width:510px;
	height:260px;
	width:460px;
	height:126px;
	background-image:url('../../img/logo.png');
	background-size:cover;
	z-index:300;
}
#logo h3{
	margin-left:50px;
	margin-top:54px;
}
#logo h3 a{
	display:block;
	width:221px;
	height:40px;
	background-image:url('../images/rogon-logo.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:all 0.5s ease;
    
    
    
}
#logo h3 a:hover{
}
#logo h3 a span{
	display:none;
}


/*** Content */

.section{
	line-height:normal;
	text-shadow:0px 1px 1px rgba(0,0,0,0.9);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section .slide{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
.section .content{
	margin:0px 20%;
}
.section a{
	color:#c8d400;
}
.section a.button{
	display:inline-block;
	background-color:rgba(0,0,0);
	box-shadow:0px 10px 10px rgba(0,0,0,0.5);
	padding:10px 20px;
	padding:0.3em 1em;
	color:#ffffff;
	font-weight:700;
	font-size:120%;
	text-transform:uppercase;
	transition:all 0.5s ease;
}
.section a.button:hover{
	transform:scale(1.05);
}
.section a.grid-element:hover{
	color:rgba(255,255,255,1.0);
	background:rgba(0,0,0,0.4);
}
.section h1,
.section h2{
	font-size:390%;
	font-size:370%;
	line-height:100%;
	font-weight:900;
	text-transform:uppercase;
	color:#ffffff;
	text-shadow:0px 5px 5px rgba(0,0,0,0.5);
	text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.5);
	margin-bottom:0.5em;
}
.section h3{
	font-size:200%;
	line-height:100%;
	font-weight:900;
	text-transform:uppercase;
	color:#c8d400;
	text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.5);
	margin-bottom:20px;
}
.section h4{
	font-size:140%;
	line-height:100%;
	text-transform:uppercase;
	color:#c8d400;
	text-shadow:0px 0.1em 0.1em rgba(0,0,0,0.6);
	margin-bottom:30px;
	margin-bottom:2em;
	position:relative;
}
.section h4:after{
	content:' ';
	position:absolute;
	width:30px;
	height:2px;
	background-color:#c8d400;
	left:50%;
	bottom:-1.1em;
	margin-left:-15px;
}
.section h5{
	font-size:140%;
	font-weight:900;
	line-height:100%;
	text-transform:uppercase;
	color:#ffffff;
	text-shadow:0px 3px 3px rgba(0,0,0,0.5);
	text-shadow:0px 0.085em 0.085em rgba(0,0,0,0.5);
	margin-bottom:0.2em;
	position:relative;
}
.section p{
	font-size:110%;
	font-size:111%;
	margin-bottom:20px;
	margin-bottom:2em;
	font-weight:300;
	text-shadow:none;
}
.section p span{
	background-color:rgba(0,0,0,0.6);
	box-shadow:10px 0 0 rgba(0,0,0,0.6),-10px 0 0 rgba(0,0,0,0.6);
	display:inline;
	-webkit-box-decoration-break:clone;
	-ms-box-decoration-break:clone;
	-o-box-decoration-break:clone;
	box-decoration-break:clone;
}
.section p:last-child{
	margin-bottom:0px;
}
.section p a:hover{
	color:#ffffff;
}
.section figure{
	width:100%;
}
.section figure img{
	width:100%;
	height:auto;
}
.section figure.circle{
	width:200px;
	height:200px;
	display:inline-block;
}
.section figure.circle img{
	border-radius:50%;
}
.section figure.claim{
	width:50%;
	display:inline-block;
}


/*** Columns */

.section .columns{
	display:flex;
}
.section .columns .column{
	flex:1 50%;
	padding:0 3vw;
	align-items:center;
	justify-content:center;
}
.section .columns .column:first-child{
	margin-right:1px;
}
.section .columns .column.small-font{
	font-size:80%;
}
.section .columns .column.grey{
	background-color:rgba(33,43,52,0.7);
	border-radius:5px;
}


/*** Portraits */

.section .portrait{
	margin:5% 35% 0 20%;
	text-align:left;
}
.section .portrait h2{
	margin-bottom:0.1em;
}
.section .portrait h3{
	margin-bottom: 1em;
}
.section .portrait h4:after{
	left:15px;
}
.section .portrait p{
	border-top:0.15em solid rgba(255,255,255,0.6);
	border-bottom:0.15em solid rgba(255,255,255,0.6);
	padding-top:1.3em;
	padding-bottom:1.3em;
	margin:0 30% 1.7em 0;
}
.section .portrait p.cite:before{
	content:'\00BB';
}
.section .portrait p.cite:after{
	content:'\00AB';
}
.section .portrait ul li{
	padding-left:1.7em;
	position:relative;
	text-transform:uppercase;
}
.section .portrait ul li:before{
	position:absolute;
	content:' ';
	width:0.9em;
	height:0.35em;
	background-color: yellow;
	left:0;
	top:0.55em;
}
.section .portrait figure{
	position:absolute;
	bottom:0;
	left:53%;
	width:25%;
	height:80%;
	z-index:-1;
	margin:0;
}
.section .portrait figure img{
	width:auto;
	height:100%;
	display:block;
	opacity:0;
}
.section .portrait figure .circles{
	width:100%;
}

.section .grid.buttons{
	padding-top:1em;
}
.section .grid.buttons .grid-element{
	flex-shrink:0;
	flex-grow:0;
}
.section .grid.buttons .grid-element a{
	padding:1em 0;
	display:block;
	background:rgba(200,212,0,0.9);
	color:#ffffff;
	margin:0 0.2em;
	font-size:105%;
	line-height:1.3;
	border-radius:0.2em;
	font-weight:900;
	text-transform:uppercase;
	transition:all 0.4s ease;
}
.section .grid.buttons .grid-element a:hover{
	background:rgba(0,88,143,0.9);
}

table{
	margin-bottom:20px;
	border-top:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
}
table tr td{
	border-bottom:1px solid rgba(255,255,255,0.5);
	border-left:1px solid rgba(255,255,255,0.5);
	text-align:left;
	font-size:90%;
	padding:0 5px;
}


/*** Sprachen */

#page-sprache-waehlen figure,
#page-choose-language figure{
	width:10%;
	height:auto;
	display:inline-block;
}
#page-sprache-waehlen a,
#page-choose-language a{
	display:block;
}
#page-sprache-waehlen span,
#page-choose-language span{
	opacity:0.5;
}


/*** Start */

#page-start{
	background-image:url('../images/keyvisuals/start/start.jpg');
}
#page-start h1{
	line-height:100%;
}
#page-start h1 span{
	font-size:60%;
	line-height:100%;
	display:block;
	margin-top:10px;
}


/*** Ãœber Rogon */

/* Unsere Mission */
#page-unsere-mission-slide-intro,
#page-qellimi-kryesor-slide-intro{
	background-image:url('../images/keyvisuals/unsere-mission/unsere-mission.jpg');
}
#page-unsere-mission-slide-intro h1 span.cite,
#page-qellimi-kryesor-slide-intro h1 span.cite{
	display:block;
	font-size:30%;
	line-height:100%;
	font-weight:300;
	margin-top:10px;
}

/* Positionierung */
#page-unsere-mission-slide-claim,
#page-qellimi-kryesor-slide-claim{
	background-image:url('../images/keyvisuals/unsere-mission/unser-ansatz.jpg');
}
#page-unsere-mission-slide-claim figure,
#page-qellimi-kryesor-slide-claim figure{
	display:inline-block;
	width:40%;
}
#page-unsere-mission-slide-claim figure img,
#page-qellimi-kryesor-slide-claim figure img{
	width:100%;
	height:auto;
	display:block;
}

/* Claim */
#page-unsere-mission-slide-claim-detail,
#page-qellimi-kryesor-slide-claim-detail{
	background-image:url('../images/keyvisuals/partner/partner.jpg');
}

/* Management */
#page-ekipi-jone{
}

/* Menschen */
#page-menschen-bei-rogon-slide-intro,
#page-people-at-rogon-slide-intro{
	background-image:url('../images/keyvisuals/menschen/intro.jpg');
}
#page-menschen-bei-rogon-slide-intro p,
#page-people-at-rogon-slide-intro p{
	padding:0px 10em;
}

/* Standorte */
#page-standorte-page-intro,
#page-football-scouting-page-intro{
	margin-top:50px;
}
#page-standorte-page-intro p,
#page-football-scouting-page-intro p{
	margin-bottom:10px;
}
#page-standorte-page-intro figure,
#page-football-scouting-page-intro figure{
	width:80%;
	display:inline-block;
	position:relative;
}
#page-standorte-page-intro figure a.link,
#page-football-scouting-page-intro figure a.link{
	position:absolute;
	width:33.3333%;
	height:100%;
	top:0px;
	z-index:50;
}
#page-standorte-page-intro figure a#link-europa,
#page-football-scouting-page-intro figure a#link-europe{
	left:33.3333%;
}
#page-standorte-page-intro figure a#link-brasilien,
#page-football-scouting-page-intro figure a#link-brazil{
	left:0px;
}
#page-standorte-page-intro figure a#link-asien,
#page-football-scouting-page-intro figure a#link-asia{
	left:66.6666%;
}
#page-standorte-page-intro figure span.label,
#page-football-scouting-page-intro figure span.label{
	position:absolute;
	background-color:#c8d400;
	padding:0.3em 0.6em;
	font-weight:900;
	text-transform:uppercase;
	font-size:130%;
	transition:all 0.5s ease;
}
#page-football-scouting-page-intro figure span.label.cn{
	margin-left:1%
}
#page-standorte-page-intro figure span.label.animate,
#page-football-scouting-page-intro figure span.label.animate{
	transform:scale(1.1);
}
#page-standorte-page-intro figure span#label-europa,
#page-football-scouting-page-intro figure span#label-europe{
	top:24%;
	left:36%;
}
#page-standorte-page-intro figure span#label-brasilien,
#page-football-scouting-page-intro figure span#label-brazil{
	top:67%;
	left:16%;
}
#page-standorte-page-intro figure span#label-asien,
#page-football-scouting-page-intro figure span#label-asia{
	top:40%;
	left:63%;
}
#page-standorte-page-europa,
#page-football-scouting-page-europe{
	background-image:url('../images/keyvisuals/standorte/ludwigshafen.jpg');
}
#page-standorte-page-brasilien,
#page-football-scouting-page-brazil{
	background-position:center bottom;
	background-image:url('../images/keyvisuals/standorte/porto-alegre.jpg');
}
#page-standorte-page-asien,
#page-football-scouting-page-asia{
	background-image:url('../images/keyvisuals/standorte/hongkong.jpg');
	background-position:center bottom;
}

/* Partner */
#page-partner,
#page-partners{
	background-image:url('../images/keyvisuals/partner/partner.jpg');
}
#page-partner .grid-element p,
#page-partners .grid-element p{
	font-size:95%;
}
#page-partner .grid-element figure,
#page-partners .grid-element figure{
	width:30%;
	height:auto;
	display:inline-block;
	margin:0px 0px 0.3em 0px;
	border-radius:50%;
}
#page-partner .grid-element figure img,
#page-partners .grid-element figure img{
	border-radius:50%;
}

/* Arbeiten bei Rogon */

#page-arbeiten-bei-rogon,
#page-working-at-rogon{
	background-image:url('../images/keyvisuals/arbeiten-bei-rogon/jobs.jpg');
	background-position:center bottom;
}
#page-arbeiten-bei-rogon-stellen,
#page-working-at-rogon-jobs{
	background-image:url('../images/keyvisuals/arbeiten-bei-rogon/arbeiten-bei-rogon.old.jpg');
	background-position:center bottom;
}
#page-arbeiten-bei-rogon-stellen .grid,
#page-working-at-rogon-jobs .grid{
	margin-bottom:2em;
}
#page-arbeiten-bei-rogon .grid-element,
#page-working-at-rogon .grid-element{
	background-color:rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.5);
	margin:0px 1px 2px 1px;
	padding:20px 0px;
	font-size:95%;
	line-height:130%;
}
#page-arbeiten-bei-rogon-stellen .grid-element a,
#page-working-at-rogon-jobs .grid-element a{
	padding:0px 2em;
	display:block;
}
#page-arbeiten-bei-rogon-stellen .grid-element a:hover,
#page-working-at-rogon-kobs .grid-element a:hover{
	color:#ffffff;
}

/*** Talentberatung */

#page-chancenmaximierung,
#page-maximize-opportunities{
	background-image:url('../images/keyvisuals/talentberatung/chancenmaximierung.jpg');
}
#page-berater-der-eltern,
#page-counselling-parents{
	background-image:url('../images/keyvisuals/talentberatung/berater-der-eltern.jpg');
	background-position:center top;
}
#page-training-fitness{
	background-image:url('../images/keyvisuals/talentberatung/koerper.jpg');
}
#page-fokus,
#page-focus{
	background-image:url('../images/keyvisuals/talentberatung/fokus.jpg');
}
#page-strategische-karriereplanung,
#page-strategic-career-planning{
	background-image:url('../images/keyvisuals/talentberatung/karriereplanung.jpg');
	background-position:center bottom;
}


/* Profiberatung */

/* Erfolgsmaximierung */
#page-erfolgsmaximierung,
#page-maximize-success{
	background-image:url('../images/keyvisuals/partner/partner.jpg');
}
#page-erfolgsmaximierung .content,
#page-maximize-success .content{
	padding-top:50px;
}

/* Spieler im Mittelpunkt */
#page-spieler-im-mittelpunkt,
#page-player-in-focus{
	background-image:url('../images/keyvisuals/profiberatung/grafik.jpg');
}
figure.spieler-grafik,
figure.player-graphic{
	position:relative;
	display:inline-block;
	width:30%;
	margin-bottom:5em;
}
#page-erfolgsmaximierung figure.spieler-grafik,
#page-maximize-success figure.player-graphic{
	width:25%;
}
figure.spieler-grafik .label,
figure.player-graphic .label{
	position:absolute;
	background-color:rgba(200,212,0,0.95);
	width:100%;
	padding:1em 0;
	box-sizing:border-box;
	border-radius:0.5em;
	text-transform:uppercase;
	font-weight:700;
	line-height:1.3;
	transition:all 0.5s ease;
	cursor:pointer;
}
figure.spieler-grafik .label.animate,
figure.spieler-grafik .label.animate:before,
figure.spieler-grafik .label.animate:after,
figure.player-graphic .label.animate,
figure.player-graphic .label.animate:before,
figure.player-graphic .label.animate:after{
	background-color:#0671B5;
}
figure.spieler-grafik .label:before,
figure.player-graphic .label:before{
	content:' ';
	background-color:#c8d400;
	position:absolute;
	transition:all 0.5s ease;
}
figure.spieler-grafik .label:after,
figure.player-graphic .label:after{
	content:' ';
	width:7px;
	height:7px;
	background-color:#c8d400;
	border-radius:50%;
	position:absolute;
	transition:all 0.5s ease;
}
figure.spieler-grafik .label h3,
figure.player-graphic .label h3{
	font-size:110%;
	color:#ffffff;
	margin:0;
	text-shadow:0px 0px 0.1em rgba(0,0,0,1);
}
figure.spieler-grafik .label ul,
figure.player-graphic .label ul{
	margin:0.5em 0 0 0;
}
figure.spieler-grafik .label ul li,
figure.player-graphic .label ul li{
	margin:0;
	padding:0.1em 0;
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-transform:none;
	text-shadow:none;
	font-weight:400;
	color:#000;
	
	border-bottom:1px solid rgba(255,255,255,0.1);
	background-color:#555;
	color:#fff;
}
figure.spieler-grafik .label ul li:last-child,
figure.player-graphic .label ul li:last-child{
	border-bottom:0;
}
figure.spieler-grafik .label.sport-karriere,
figure.player-graphic .label.sport-career{
	left:-110%;
	top:10%;
}
#page-erfolgsmaximierung figure.spieler-grafik .label.sport-karriere,
#page-erfolgsmaximierung figure.spieler-grafik .label.koerper,
#page-maximize-success figure.player-graphic .label.sport-career,
#page-maximize-success figure.player-graphic .label.body{
	top:25%;
}
figure.spieler-grafik .label.sport-karriere:before,
figure.player-graphic .label.sport-career:before{
	width:5.5em;
	height:1px;
	right:-5.5em;
	top:50%;
}
figure.spieler-grafik .label.sport-karriere:after,
figure.player-graphic .label.sport-career:after{
	right:-5.5em;
	top:50%;
	margin-top:-3px;
}
figure.spieler-grafik .label.koerper,
figure.player-graphic .label.body{
	right:-110%;
	top:10%;
}
figure.spieler-grafik .label.koerper:before,
figure.player-graphic .label.body:before{
	width:5.5em;
	height:1px;
	left:-5.5em;
	top:50%;
}
figure.spieler-grafik .label.koerper:after,
figure.player-graphic .label.body:after{
	left:-5.5em;
	top:50%;
	margin-top:-3px;
}
figure.spieler-grafik .label.privat,
figure.player-graphic .label.private{
	left:50%;
	top:110%;
	margin-left:-50%;
}
figure.spieler-grafik .label.privat:before,
figure.player-graphic .label.private:before{
	width:1px;
	height:5.5em;
	left:50%;
	top:-5.5em;
}
figure.spieler-grafik .label.privat:after,
figure.player-graphic .label.private:after{
	left:50%;
	top:-5.5em;
	margin-left:-3px;
}
figure.spieler-grafik a.link,
figure.player-graphic a.link{
	position:absolute;
	display:block;
}
figure.spieler-grafik a.link.sport-karriere,
figure.player-graphic a.link.sport-career{
	left:0;
	top:0;
	width:50%;
	height:50%;
}
figure.spieler-grafik a.link.koerper,
figure.player-graphic a.link.body{
	right:0;
	top:0;
	width:50%;
	height:50%;
}
figure.spieler-grafik a.link.privat,
figure.player-graphic a.link.private{
	left:0;
	top:50%;
	width:100%;
	height:50%;
}


/* Sport Karriere */
#page-sport-karriere,
#page-sport-career{
	background-image:url('../images/keyvisuals/profiberatung/sport-karriere.jpg');
}
#page-sport-karriere .grid li.grid-element,
#page-sport-career .grid li.grid-element{
	hyphens:auto;
}

/* Körper und mentale Stärke */
#page-koerper-mentale-staerke,
#page-body-mental-strength{
	background-image:url('../images/keyvisuals/profiberatung/mentale-staerke.jpg');
}
#page-koerper-mentale-staerke .grid li,
#page-body-mental-strength .grid li{
	hyphens:auto;
}

/* Privatleben */
#page-privatleben,
#page-private-life{
	background-image:url('../images/keyvisuals/profiberatung/privat.jpg');
}
#page-privatleben .grid li,
#page-private-life .grid li{
	hyphens:auto;
}


/*** Brasilien */

#alias-brasilien #page-zahlen-und-fakten,
#alias-brazil #page-facts-and-figures{
	background-image:url('../images/keyvisuals/brasilien/de-vs-br.jpg');
}
#page-jung-und-fussballverrueckt,
#page-young-and-crazy-about-football{
	background-image:url('../images/keyvisuals/brasilien/jung.jpg');
}
#page-fussball-in-brasilien,
#page-football-in-brazil{
	background-image:url('../images/keyvisuals/brasilien/firmino.jpg');
}
#page-rogon-in-brasilien,
#page-rogon-in-brazil{
	background-image:url('../images/keyvisuals/brasilien/rogon-in-brasilien.jpg');
}
#page-kontakt-rogon-brasilien,
#page-contact-rogon-brazil{
	background-image:url('../images/keyvisuals/standorte/porto-alegre.jpg');
}


/*** China */

#alias-china #page-zahlen-und-fakten,
#alias-china #page-facts-and-figures{
	background-image:url('../images/keyvisuals/china/chn-vs-de.jpg');
}
#page-fussball-in-china,
#page-football-in-china{
	background-image:url('../images/keyvisuals/china/china.jpg');
}
#page-nachwuchs-in-china,
#page-youth-in-china{
	background-image:url('../images/keyvisuals/china/nachwuchs.jpg');
}
#page-kontakt-rogon-china,
#page-contact-rogon-china{
	background-image:url('../images/keyvisuals/standorte/hongkong.jpg');
	background-position:center bottom;
}


/*** Kontakt */

#page-kontakt,
#page-contact{
	background-image:url('../images/keyvisuals/kontakt/kontakt.jpg');
}
#page-impressum,
#page-legal-notice{
	background-image:url('../images/keyvisuals/kontakt/kontakt.jpg');
}
#page-datenschutz,
#page-data-protection{
	background-image:url('../images/keyvisuals/kontakt/kontakt.jpg');
}
#page-datenschutz p,
#page-data-protection p{
	font-size:70%;
	line-height:1.3;
}

#page-datenschutz div.content,
#page-data-protection div.content{
	padding:30px;
	background-color:rgba(0,0,0,0.5);
	border-radius:20px;
	margin-top:150px;
	margin-bottom:100px;
}
#page-datenschutz div.content h1,
#page-datenschutz div.content h2,
#page-datenschutz div.content h3,
#page-datenschutz div.content h4,
#page-datenschutz div.content ul li,
#page-datenschutz div.content p,
#page-data-protection div.content h1,
#page-data-protection div.content h2,
#page-data-protection div.content h3,
#page-data-protection div.content h4,
#page-data-protection div.content ul li,
#page-data-protection div.content p{
	font-size:15px;
	text-align:left;
}
#page-datenschutz div.content h1,
#page-datenschutz div.content h2,
#page-datenschutz div.content h3,
#page-datenschutz div.content ul li,
#page-datenschutz div.content p,
#page-data-protection div.content h1,
#page-data-protection div.content h2,
#page-data-protection div.content h3,
#page-data-protection div.content ul li,
#page-data-protection div.content p{
	margin-bottom:15px;
}
#page-datenschutz div.content h4::after,
#page-data-protection div.content h4::after{
	left:0;
	margin-left:0;
}
#page-datenschutz #vertical-scroll-content{

}


.iScrollIndicator{
	background-color:#fff !important;
}

/*** Footer */

footer{
	position:fixed;
	height:46px;
	display:block;
	width:100%;
	background:linear-gradient(to bottom, rgba(255,94,0,0.9) 0%,rgba(0,117,190,0.9) 100%);
	z-index:9;
	text-align:center;
	bottom:0px;
}
footer ul{
	display:flex;
	justify-content:center;
}
footer ul li{
	margin-right:20px;
}
footer ul li:last-child{
	margin-right:0px;
}
footer ul li a{
	display:block;
	color:#ffffff;
	font-size:12px;
	line-height:46px;
	font-weight:400;
	text-transform:uppercase;
	margin:0px;
	position:relative;
}
footer ul li a:hover{
	color:#c8d400;
}
footer ul li a:after{
	content:' ';
	width:1px;
	height:20px;
	background-color:rgba(255,255,255,0.2);
	position:absolute;
	right:-10px;
	top:50%;
	margin-top:-10px;
}
footer ul li.before-social-media{
	margin-right:45px;
}
footer ul li.before-social-media a:after{
	content:none;
}
footer ul li a.social-media{
	margin-top:10px;
	display:block;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
footer ul li a.social-media:after{
	content:none;
}
footer ul li a.social-media:hover{
	opacity:0.5;
}
footer ul li a.social-media span{
	display:none;
}
footer ul li a.social-media.youtube{
	background-image:url('../../img/youtube.png');
	background-size:cover;
}
footer ul li a.social-media.instagram{
	background-image:url('../../img/insta.png');
	background-size:cover;
}
footer ul li a.social-media.facebook{
	background-image:url('../../img/facebook.png');
	background-size:cover;
}
#claim{
	position:absolute;
	box-sizing:border-box;
	right:0px;
	bottom:-20px;
	width:400px;
	height:130px;
	padding:63px 0px 0px 80px;
	background-image:url('../images/footer-claim-background.png');
	background-size:cover;
	text-align:left;
	font-size:20px;
	line-height:20px;
	font-weight:900;
	text-transform:uppercase;
}
#claim span{
	color:#c8d400;
}


/*** Mobile menu */

#mobile-menu{
	position:absolute;
	right:25px;
	top:15px;
}
#mobile-menu a{
	display:block;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('../../img/mobile-menu.png');
	background-size:40px 40px;
}
#mobile-menu a span{
	display:none;
}
#mobile-menu-content{
	background-color:#3f4c5b;
	position:absolute;
	top:0px;
	left:0px;
	z-index:8;
	display:flex;
}
#mobile-menu-content ul{
	margin:auto;
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
}
#mobile-menu-content ul li{
	display:block;
	flex:1 1 auto;
}
#mobile-menu-content ul li a{
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	display:block;
	font-size:170%;
	font-weight:400;
	line-height:180%;
	padding:0px;
	border-top:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-content ul li:last-child a{
	border-bottom:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-content ul li a:hover{
	color:#c8d400;
	background-color:#00588f;
}
#mobile-menu-content ul li a.active{
	color:#ffffff;
	background-color:#0c3b60;
}
#mobile-menu-content ul li a.children{
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:40px 40px;
}
#mobile-menu-content ul li a.children.plus{
	background-image:url('../images/mobile-menu-plus.svg');
}
#mobile-menu-content ul li a.children.minus{
	background-image:url('../images/mobile-menu-minus.svg');
}
#mobile-menu-content ul li ul li a{
	font-size:120%;
}
#mobile-menu-content ul li ul li:last-child a{
	border-bottom:0px;
}



/*** Scroller */

#horizontal-scroll-content{
	position:relative;
	width:100%;
	height:350px;
	overflow:hidden;
}
#scroller{
	width:5000px;
	height:300px;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-user-select:none;
	-moz-user-select:none;   
	-ms-user-select:none;    
	user-select:none;
	padding-top:20px;
	padding-bottom:30px;
}
#scroller > div{
	display:block;
	float:left;
	width:250px;
	height:100%;
	border-right:1px solid rgba(255,255,255,0.2);
	background-color:rgba(0,0,0,0.5);
	padding:10px;
	box-sizing:border-box;
	transition:all 0.4s ease;
	cursor:grab;
	text-shadow:none;
}
#scroller > div:first-child{
	width:125px;
}
#scroller > div.scroll-element{
	position:relative;
}
#scroller > div:hover{
	transform:scale(1.1);
	background-color:#1e272e;
	border-color:transparent;
	z-index:500;
}
#scroller > div h4{
	margin-bottom:10px;
	color:#fff;
	font-weight:700;
	font-size:22px;
}
#scroller > div h4:after{
	content:none;
}
#scroller > div p{
	font-size:85%;
	line-height:120%;
}
#scroller > div.scroll-element p{
}
#scroller > div figure{
	width:100%;
	margin:0px 0px 10px 0px;
}
#scroller > div.scroll-element figure{
	width:230px;
	height:150px;
	background-position:center center;
	background-size:cover;
}
#scroller > div figure img{
	width:100%;
	height:auto;
	display:block;
}
#scroller > div > a{
	position:absolute;
	bottom:-15px;
	left:75px;
	width:100px;
	height:30px;
	background-color:rgba(0,94,153,1);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
}
#scroller > div > a.fb{
	background-image:url('../images/logo-facebook.svg');
}
#scroller > div > a.ig{
	background-image:url('../images/logo-instagram.svg');
}