@media screen and (max-width:420px){
	body{
		font-size:70%;
	}
	header{
		background:transparent;
	}
	#logo{
		width:180px; /*510px;*/
		height:58px; /*173px;*/
		background-image:url('../../img/logo.png');
	}
	#logo h3{
		margin-left:30px;
		margin-top:25px;
	}
	#logo h3 a{
		width:100px;
		height:18px;
	}
	.fp-controlArrow{
		border:0px;
		background-color:transparent;
	}
	.fp-controlArrow:hover{
		background-color:transparent;
	}
	.fp-controlArrow.fp-prev{
		width:20px;
		height:20px;
	}
	.fp-controlArrow.fp-next{
		width:20px;
		height:20px;
	}
	.section .content{
		margin:0px 1.5em;
		margin:0px 0px;
	}
	.section h1{
		margin-left:1em;
		margin-right:1em;
	}
	.section h2{
		margin-left:1em;
		margin-right:1em;
		margin-bottom:0.5em;
	}
	.section p{
		margin:0 1em 1em 1em;
	}
	.section figure.claim{
		width:70%;
		display:inline-block;
	}
	.section .portrait figure{
		height:170px;
		padding-top:0;
	}
	.section .portrait h2{
		hyphens:none;
		-moz-hyphens:none;
		-webkit-hyphens:none;
		-ms-hyphens:none;
	}
	.section .portrait h3{
		font-size:120%;
	}
	.section .portrait ul{
		display:flex;
		width:100%;
		justify-content:center;
	}
	.section .portrait ul li{
		flex:0 1 auto;
	}
	.section .portrait p{
		line-height:130%;
		margin-bottom:10px;
	}
	#page-start h1{
		hyphens:none;
		-moz-hyphens:none;
		-webkit-hyphens:none;
	}
	#page-sport-karriere,
	#page-sport-career{
		background-position:center right;
	}
	footer{
		height:30px;
	}
	footer ul li a{
		font-size:11px;
		line-height:30px;
		margin:0px;
	}
	footer ul li{
		margin-right:10px;
	}
	footer ul li:first-child{
		display:none;
	}
	/*
	footer ul li.before-social-media{
		margin-right:15px;
	}
	*/
	footer ul li a:after{
		content:none;
	}
	footer ul li a.social-media{
		margin-top:5px;
		width:20px;
		height:20px;
	}
	#mobile-menu{
		position:absolute;
		right:15px;
		top:15px;
	}
	#mobile-menu a{
		width:45px;
		height:21px;
		background-size:33px 27px;
	}
	#mobile-menu-content ul li a.children{
		background-position:right 15px center;
		background-size:30px 30px;
	}
	#page-historie #horizontal-scroll-content,
	#page-history #horizontal-scroll-content{
		height:225px;
		hyphens:none;
		-moz-hyphens:none;
		-webkit-hyphens:none;
	}
	#page-historie #scroller,
	#page-history #scroller{
		padding:0;
	}
}

@media screen and (max-width:320px){
	body{
		font-size:70%;
	}
	figure.spieler-grafik .label,
	figure.player-graphic .label{
		padding:0.5em 0;
	}
	figure.spieler-grafik .label ul li,
	figure.player-graphic .label ul li{
		font-size:70%;
		padding:0;
	}
	
	#logo{
		width:195px;
		height:60px;
		background-image:url('../../img/logo.png');
		background-position:right bottom;
	}
	#logo h3{
		margin-left:22px;
		margin-top:22px;
	}
	#logo h3 a{
		width:100px;
		height:18px;
	}
	#mobile-menu{
		position:absolute;
		right:12px;
		top:12px;
	}
	#mobile-menu-content ul li a{
		font-size:150%;
		line-height:170%;
	}
		
	.section h1,
	.section h2{
		font-size:220%;
	}
	.section .portrait h2{
		font-size:200%;
	}
	.section .slide .portrait figure{
		height:140px;
	}
	.section .slide .portrait p{
		padding:5px 0;
		margin-bottom:5px;
	}
	.section .grid.buttons{
		padding-top:0;
	}
	#page-social-media h1{

	}
	#page-chancenmaximierung .grid.grid-4 .grid-element a,
	#page-maximize-opportunities .grid.grid-4 .grid-element a{
		padding:0.2em 0;
	}
	#horizontal-scroll-content{
		height:290px;
	}
	#horizontal-scroll-content #scroller{
		padding-top:0;
		padding-bottom:20px;
		height:270px;
	}
	#page-historie #horizontal-scroll-content #scroller,
	#page-history #horizontal-scroll-content #scroller{
		height:225px;
	}
	#page-datenschutz h2,
	#page-data-protection h2{
		font-size:100%;
	}
	#page-datenschutz p span,
	#page-data-protection p span{
		font-size:50%;
	}
	footer{
		height:20px;
	}
	footer ul li a{
		line-height:20px;
		font-size:10px;
	}
	footer ul li.social-media{
		display:none;
	}
	footer ul li.before-social-media{
		margin-right:0;
	}
	.scroll-down {
		position: absolute;
		z-index: 1000;
		width: 12px;
		height: 20px;
		border-radius: 7px;
		border: 1px solid #fff;
		display: block;
		left: 50%;
		bottom: 10%;
		margin-left: -7px;
		background-color: rgba(255,255,255,0.3);
	}
	.scroll-down span {
		display: block;
		margin: 2px auto;
		width: 1px;
		height: 4px;
		border-radius: 100%;
	}
	@keyframes scrolldown{
		0%{ opacity:0; }
		10%{ transform:translateY(0);opacity:1; }
		100%{ transform:translateY(7px);opacity:0;}
	}
}