@media only screen and (max-width: 480px) {



	body,
	#section-index-contact,
	#section-start {
		background-attachment: scroll;
		height: 300px;
	}

	#section-index-contact {
		height: auto;
	}

	body {
		font-size: 14px;
		line-height: 20px;
	}

	#animation-emotion {
		background-size: 100%;
	}

	.section {
		width: 100%;
	}

	.container {
		width: 90%;
		padding: 50px 0px;
	}
	
	h1 {
		font-size: 42px;
		line-height: 48px;
		margin-top: 30px;
	}
	
	h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	
	h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.text-box {
		width: 100%;
		margin: 0;
	}
	
	.section-pic {
		width: 100%;
		padding-bottom: 60%;
	}
	
	.logo {
		float: none;

		background-size: 100%;
	}
	
	#logo {
		width: 100%;
		height: auto;
	}
	
	.gallery-mobile {
		display: block;
	}
	
	
	.navigation-wrapper {
		background: #fff;
		color: #222;
		padding: 10px 0px;
		display: block;
	}

	.navigation {
		margin-top: 20px;
	}
	
	.wrapper {
		width: 90%;
	}

	.navigation li {
		float: none;
		margin: 0;
		margin-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}
	
	.navigation li.active, .navigation li:hover {
		border-color: #ddd;
	}
	
	.navigation-mobile,
	.navigation-toggle {
		display: block;
		margin-top: 20px;
		text-transform: uppercase;
		font-weight: bold;
		color: #222;
	}
	
	.navigation-toggle {
		margin-top: 0px;
	}

	.section-pic-btn-show {
		opacity: 1;
	}

	.navigation li.phone {
		margin: 0px;
	}

	.section-pic-btn-show {
		display: none;
	}
	
	.section-pic-description {
		position: relative;
		opacity: 1;
	}

	.section-pic-description-text {
		font-size: 16px;
		line-height: 22px;
		margin: 0px;
		padding: 10px;
		background: #a60707;
		background: rgba(166, 7, 7, 0.75);
	}
	
	.section-matrix .section-pic-description-text {
		margin: 0;
		display: none;
	}
	
	.section-matrix .description-mobile {
		display: block;
		padding: 10px;
		clear: both;
	}

	.quote {
		width: 100%;
	}
	
	.quote-data {
		width: 100%;
	}

	.quote-huge {
		font-size: 42px;
		line-height: 42px;
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.quote-huge .quote-sign {
		font-size: 42px;
	}
	
	.quote-quote {
		font-size: 42px;
	}


	.timeline,
	.container-numbers,
	.timeline-marker {
		display: none;
	}
	
	.timeline-text-year {
		font-size: 28px;
		line-height: 28px;
		height: 30px;
		margin-bottom: 10px;
	}
	
	.timeline-text {
		height: auto;
	}
	
	.timeline-text li {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
		opacity: 1;
		position: relative;
		transform: translate(0px,0);
	    -webkit-transform: translate(0px,0);
    	-o-transform: translate(0px,0);
	    -moz-transform: translate(0px,0);    
	}
	
	.languages {
		display: none;
	}
	
	.section-overlay #container-beach-start,
	.section-overlay #container-bande-start,
	.section-overlay #container-schutznetze-start {
		padding-top: 80px;
	}
	
	.news-data {
		height: 600px;
	}
	
	
	
	.quote-next,
	.quote-prev {
		display: none;
	}
	
	.quote {
		height: auto;
	}
	
	.quote-text {
		width: 100%;
		left: 0px;
		top: 0px;
		position: relative;
		opacity: 1;
		height: auto;
		margin-bottom: 50px;
	}
	
	.quote-author {
		margin-top: 10px;
	}
	
	.quote-quote {
		font-size: 26px;
		line-height: 30px;
	}
	

	.page-snowkiten h1, .page-snowkiten h2, .page-snowkiten .quote-quote {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 10px;
	}
	
	.navigation-wrapper .navigation a {
		color: #222;
		text-decoration: none;
		font-size: 14px;
	}
	
	
	.navigation-sections {
		display: none;
	}
	
	
	.icon-menu {
		float: right;
	}
	
	.social-icons {
		display: none;
	}

	
	.social-icons-mobile {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 60px;
		right: 20px;
		display: none;
	}
	.social-icons-mobile i {
		display: block;
		margin-bottom: 25px;
		font-size: 32px;
		color: #fff;
		background: #fff;
		padding-top: 10px;
		text-align: center;
		width: 50px;
		height: 40px;
		border-radius: 50px;
		transition: background 300ms, box-shadow 250ms;
		-webkit-transition: background 300ms, -webkit-box-shadow 250ms;
		-moz-transition: background 300ms, -moz-box-shadow 250ms;
		-o-transition: background 300ms, -o-box-shadow 250ms;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

	.social-icons-mobile .icon-facebook {
		color: #fff;
		background: #3B5998;
		box-shadow: 0px 0px 0px 6px #3B5998;
		-webkit-box-shadow: 0px 0px 0px 6px #3B5998;
		-moz-box-shadow: 0px 0px 0px 6px #3B5998;
		-o-box-shadow: 0px 0px 0px 6px #3B5998;
	}

	.social-icons-mobile .icon-vimeo {
		background: #1ab7ea;
		color: #fff;
		box-shadow: 0px 0px 0px 6px #1ab7ea;
		-webkit-box-box-shadow: 0px 0px 0px 6px #1ab7ea;
		-moz-box-box-shadow: 0px 0px 0px 6px #1ab7ea;
		-o-box-shadow: 0px 0px 0px 6px #1ab7ea;
	}
	
	.arrow-down {
		background: url('../img/icon-arrow-down.png') no-repeat;
		width: 50px;
		height: 50px;
		background-size: 100%;
		position: absolute;
		left: 50%;
		margin-left: -25px;
		bottom: 20px;
		opacity: 0.9;
	}	
	
	
	.gallery-mobile a {
		box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
		border: 5px solid #fafafa;
		display: block;
		width: 194px;
		position: relative;
		margin-bottom: 20px;
	}

	.tp-info {
		width: 60%;
	}	

	.pricing-mobile {
		display: block;
	}
	
	.pricing-desktop {
		display: none;
	}
	
	.section-desktop {
		display: none;
	}
	
	.section-mobile {
		display: block;
	}


	#mediaplayer_wrapper,
	#player-fsecure_wrapper,
	#player-inklusion_wrapper,
	#player-redd_wrapper,
	#player-corpvid_wrapper,
	.player,
	#player-fsecure,
	#player-redd,
	#player-inklusion,
	#player-corpvid {
		width: 100px;
		height: auto;
	}

}