@media (min-width: 320px) {
	body {	font-size: 15px;	line-height: 19px;}
	#section-2 .sub-headline{	font-size:24px;		font-family: 'Lato', sans-serif;	margin-bottom:20px;	}
	.important-too{		background: url(../images/layout/bg-important-too.png) top left no-repeat;	height:211px;	max-width:307px;	position:relative;	left:-6px;	margin:0 auto;	padding: 16px 20px 15px 100px;	text-align:left;}
	#section-2 .sub-info {    max-width: 305px;}
	.section-2-fragen {    padding: 115px 0 15px;}
}

@media (min-width: 768px) {

	html, body {   height: 100%;}
	
	#footer { position: fixed; bottom:0px;}	
	body{	background: url(../images/layout/skyline-berlin.png) center bottom no-repeat fixed, url(../images/layout/skyline.png) center bottom repeat-x fixed,  url(../images/layout/bg-fade.png) center bottom repeat-x fixed, url(../images/layout/bg.jpg) fixed repeat;	}
	
	#main_navi {		position: absolute;		top: 15px;		right: 25px;}
	#main_navi li {	display: block;		overflow: hidden;}
	#kontakt_li{	margin: 0 auto;}
	
	a#totop { margin-top: 5px;}
	
	.absolute-block{font-family: 'Lato', sans-serif; position:absolute; text-align:center; font-size: 19px; line-height:22px; color:#fff; display:block;}
		#absolute-1{top: 38%;left: 10px;width: 175px;font-size: 14px;line-height: 15px; }
			#absolute-1 span{font-size: 12px; display:block; margin-top: 10px; }
			#absolute-1 a{color:#fff; border-bottom: 1px dotted #fff;transition:0.3s;}
			#absolute-1 a:hover{border-bottom:0px;}				
		#absolute-2{top: 66%;right: 10px;width: 120px; }
		#absolute-3{right: 10px;width: 127px;top: 31%; }
		#absolute-4{ left: 25px;width: 127px;top: 70%;}
			#absolute-4 img{ margin-top:10px;}
	
	#header {	background: #fff;	padding: 49px 15px 33px;}
	.flexslider .flex-direction-nav a {		display: block;	opacity:1;	margin-top:23px;}
	#section-1 {	height: 410px;}
	
	#section-2{	margin-top:-109px;	background: url(../images/layout/bg-section2-3.png) top center no-repeat;	height: 790px;	background-size: cover;	}
	#fragen{ text-align:right; padding-right: 28px;}
	.frage::after {position:absolute; content:""; width:27px; height:22px; background: url(../images/layout/arrow-red-right.png) no-repeat; top:50%; right: -35px; margin-top:-11px; background-size:contain;}
	
	.toggle-box {position:absolute;width:150px; font-size:12px; line-height:14px;}
		.toggle-box > a:hover h3{color:#dc0d14;}
	.toggle-icon-wrapper {background:#fff; border-radius:100px; border: 3px solid #dc0d14; display:inline-block; padding: 6px; position: absolute; top: -7px;}
		.toggle-box > a:hover .toggle-icon-wrapper{background:#dc0d14; border-radius:100px; border: 3px solid #fff;}
			.toggle-icon { width:43px; height:42px; }
				#toggle-help .toggle-icon{background: url(../images/layout/icon-help.png) top center;}
					#toggle-help > a:hover  .toggle-icon{ background: url(../images/layout/icon-help.png) bottom center; }
				#toggle-finanzen .toggle-icon{background: url(../images/layout/icon-money.png) top center;}
					#toggle-finanzen > a:hover  .toggle-icon{ background: url(../images/layout/icon-money.png) bottom center; }
				#toggle-wissen .toggle-icon{background: url(../images/layout/icon-book.png) top center;}
					#toggle-wissen > a:hover  .toggle-icon{ background: url(../images/layout/icon-book.png) bottom center; }
	#toggle-help {top: 16%; right: 1%; text-align:left;}
	#toggle-finanzen {top: 37%; right: 0.5%; text-align:left; width:180px;}
		#toggle-help .toggle-icon-wrapper, #toggle-finanzen .toggle-icon-wrapper { left:-63px;}
	#toggle-wissen {top: 16%; left: 1%; text-align:right; width:155px;}
		#toggle-wissen .toggle-icon-wrapper{ right:-63px;}
	.toggle-box h3 { font-size: 16px; line-height: 18px; font-family: 'Lato', sans-serif; color:#4f5d73; border-bottom:3px solid #dc0d15; padding-bottom:5px; margin-bottom:5px }
	.toggle-box p{ display:none;}
	
	#section-3 { 	margin-top:-130px;	padding-top:168px;	background: url(../images/layout/bg-section3.png) top center no-repeat;	min-height: 840px;	background-size: cover;	padding-left: 50px; padding-right: 50px;}	
	#city-row{ background:transparent; padding:0px; margin-bottom:0px;}
	#section-3 .row{ 	text-align:left}	
	.important-too{	padding: 30px 35px 15px 106px;	margin-left: -12px; margin-right: -56px;max-width:none;	}
	.important-too h3{ font-size:22px; padding-bottom:15px; margin-bottom:16px;}
	#section-3-head {    max-width: 540px; margin-bottom: 30px;}
	
	.city-click-wrapper{padding: 15px;display: inline-block;border-radius: 100px; margin-bottom:15px; top:-202px; position:absolute;}
	.city-click-wrapper > span{position:absolute; opacity:0; text-align:center; display:block; width:120px; top:-60px; margin-left:-60px; left:50%; font-size:10px; line-height:14px; color:#4f5d73; border-bottom:3px solid #dc0d15; padding-bottom: 4px; transition:0.3s; pointer-events:none;}
		.city-click-wrapper:hover > span{opacity:1}
	#city-luebeck{left:-20px}
	#city-berlin{right:-20px}
	
	#section-4-head {    margin-bottom: 5px;}
	#section-4{	margin:-200px auto 0; max-width: 740px; padding:0 15px; height: 482px;}
		#section-4::after{position:absolute; bottom:0px; content:"";  background: url(../images/layout/arrow-black-down.png)no-repeat; width:66px; height:82px; margin-left:-33px; left:50%}
	#section-4-text{width:400px; height:400px; border: 5px solid #fff; margin: 0; padding: 50px 40px; border-radius:400px; float:left; 
		-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);
		-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);
		box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);
	}
	#section-4-text p{		text-align:right;		padding-right: 65px;	}
	#section-4-video {		position: relative;		float: left;		max-width: 460px;		margin-left: -150px;		margin-top: 55px;	}
	#section-4-video video{	position: absolute;	max-width: 330px;	height: auto; top: 84px;	left: 58px;	}	
	
	#section-5 {   padding: 0px 0px 20px;    background: url(../images/layout/bg-section5.png) center 70px no-repeat; height: 430px; background-size: contain; }
		#section-5::after{position:absolute; bottom:45px; content:"";  background: url(../images/layout/arrow-black-down.png)no-repeat; width:66px; height:82px; margin-left:-33px; left:50%}
	#section-5 a{font-size:20px;}
	#section-5-head {   max-width: 390px; margin: 0 auto 37px;}
    
	#section-6 {   height: 150px;    background-size: contain;    max-width: 400px;    margin: 0 auto 80px;}
	
	#footer-innen span.visible-xs{	display: none !important;}
}

@media (min-width: 992px) {
	body{	font-size:17px; line-height:1.3	}
	
	.absolute-block{font-size: 23px; line-height:27px; }
		#absolute-1{top: 39%;left: 10px;width: 218px;font-size: 18px;line-height: 23px; }
			#absolute-1 span{font-size: 14px; display:block; margin-top: 10px; }		
		#absolute-2{top: 66%;right: 15px;width: 145px; }
		#absolute-3{right: 15px;width: 159px;top: 28%; }
		#absolute-4{ left: 55px;}
			#absolute-4 img{ margin-top:15px;}
	
	#main_navi {		top: 38px;	right: 45px;}
	
	#logo img {	max-width: none;}
	.flexslider {	padding-top: 140px;	max-width: 775px;}

	#section-2{		margin-top:-63px;	background: url(../images/layout/bg-section2-2.png) top center no-repeat;	height: 995px;	background-size: cover; padding-top:150px;	}
	#section-2-head1 {  max-width: 370px; }
	#section-2-head2 {  max-width: 395px; }
		#section-2::after{	top:63px; }
		#section-2 #info-icon{	position: absolute; width:93px; margin-left: -46px; top: 453px; background-size: contain;}
	#section-2 .sub-headline{	font-size:24px;		font-family: 'Lato', sans-serif;	margin-bottom:20px;	}
	#section-2 .sub-info{	max-width:350px;	}
	
	.toggle-box {    font-size: 14px;    line-height: 16px;}
	.toggle-icon-wrapper {padding:10px;}
		#toggle-wissen {    top: 16%;    left: 3%;  width: 175px;}
			#toggle-wissen .toggle-icon-wrapper {    right: -74px;}
		#toggle-help {    top: 16%;    right: 2%;  width: 185px;}
			#toggle-finanzen .toggle-icon-wrapper, #toggle-help .toggle-icon-wrapper {    left: -74px;}
		#toggle-finanzen {    top: 34%;    right: 1%; width: 207px;}
	.toggle-box h3 {    font-size: 18px;    line-height: 20px;   padding-bottom: 8px;    margin-bottom: 7px;}
	
	.section-2-fragen {  padding: 147px 0 22px; }
	.frage::after {    position: absolute;    content: "";    width: 50px;    height: 40px;   right: -65px; margin-top:-20px;}	
	
	#section-3 {	margin-top: -160px;	padding-top: 222px;	min-height: 1100px;	}
	.city-click-wrapper > span{font-size:14px; line-height:18px; color:#4f5d73;padding-bottom: 8px; width:150px; top:-95px; margin-left:-75px;}
	#section-3-head{margin-bottom: 55px;max-width: 595px;}
		.important-too{font-size:18px;}
	.city-click-wrapper {top:-160px;}
	#city-luebeck{left:0px}
	#city-berlin{right:0px}
		
	#section-4{	margin:-380px auto 0; max-width: 950px; height:555px;}
	#section-4-head {   max-width: 260px; margin-bottom:10px;}
	#section-4-text p {    text-align: right;    padding-right: 108px; }
	#section-4-text{width:485px; height:485px;}
	#section-4-video {   position: relative;    float: left;    max-width: 630px;    margin-left: -195px; margin-top: 35px;}
	#section-4-video video {	max-width: 457px;	height: auto;	top: 113px;	left: 77px;}
	
	#section-5 { height:530px; font-size:20px;}
	#section-5 .small-text{ font-size:16px; margin: 20px 0;}
	#section-5-head { max-width: 445px; margin: 0 auto 52px; }
	#section-5 a{font-size:26px;}
	
	#footer {font-size:16px;	}
}

@media (min-width: 1200px) {
	body{	font-size:24px; line-height:1.3	}
	p {    margin: 0 auto 25px;}
	
	.absolute-block{font-size: 28px; line-height:30px; }
		#absolute-1{top: 39.5%;left: 0px;width: 284px; }
		#absolute-2{ right: 7px; width: 190px; top:67%}
		#absolute-3{ right: 0px;width: 200px; top: 32.5%; }
		#absolute-4{ left: 50px;width: 169px;top: 74%;}
			#absolute-4 img{ margin-top:15px;}
	
	#section-1{	height:619px;}
		.flexslider {padding-top: 189px; }
		.flexslider .flex-direction-nav a { 	margin-top: 60px;	}
		.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{		right:-175px;}
		.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev {	left: -175px;}
	
	#section-2{		margin-top:-153px;		height:1287px;	padding-top:193px;}
	#section-2-head1, #section-2-head2 {  max-width: none; width:auto;}
	#section-2::after {    top: 92px;}
	#section-2 #info-icon {  top: 583px; }
	#section-2 .sub-info {    max-width: 465px; }	
	
	.toggle-box h3 {    font-size: 24px;    line-height: 26px;   padding-bottom: 10px;    margin-bottom: 10px;}
	.toggle-icon-wrapper {padding:20px;}
	#toggle-finanzen .toggle-icon-wrapper, #toggle-help .toggle-icon-wrapper {    left: -107px;}
	#toggle-wissen .toggle-icon-wrapper{    right: -107px;}
	#toggle-help {    top: 19%;    right: 2%;    width: 185px;}
	#toggle-finanzen {    top: 34%;right: 4%;width: 188px;}
	#toggle-wissen {    top: 19%;left: 1%;width: 195px;}
		
	.section-2-fragen {  padding: 190px 0 20px; }
	#fragen {  padding-right: 62px; max-width:500px;}
	.frage {margin-bottom: 28px;}
	.frage::after {    width: 74px;    height: 60px;    right: -92px;    margin-top: -30px;}
	
	
	#section-3 {    margin-top: -221px;    padding-top: 282px; padding-right:65px; padding-left:65px; min-height: 1420px;}
	#section-3-head { max-width:none; width: auto; margin-bottom:60px;}
		.important-too h3 { font-size:30px; padding-bottom:17px; margin-bottom:13px;}
		.important-too {   font-size: 22px; margin-left: -7px; margin-right: -73px;}
		
	.city-click-wrapper {top:-200px; padding:30px}
	#city-luebeck{left:-30px}
	#city-berlin{right:-30px}
	
	#section-4 { max-width: 1200px; margin: -450px auto 0; height: 740px;}
	#section-4-head {   max-width: none; width:auto; margin-bottom:15px;}
	#section-4-text {	width: 660px;	height: 660px; padding-top:85px;}
	#section-4-text p {  padding-right: 158px; }
	#section-4-video {    position: relative;  max-width: 734px;    margin-left: -254px;    margin-top: 100px;}
	#section-4-video video {    max-width: 530px;    height: auto;    top: 132px;    left: 90px;}
	
	#section-5-head { max-width: none; width: auto; margin: 0 auto 18px; }
	#section-5 { height:675px; font-size:30px; background: url(../images/layout/bg-section5.png) center 115px no-repeat;}
		#section-5::after{ bottom: 70px;}
	#section-5 .small-text{ font-size:24px; margin: 30px 0;}
	#section-5 a{font-size:36px;}
	
	#section-6{ height: 220px;background-size: contain; margin: 0 auto 60px; max-width: 440px;}
}


@media (min-width: 1280px) {
	body > .container, #footer>.container {
		width: 1240px;
	}
	.important-too {   font-size: 24px;}
	.absolute-block{font-size: 30px; line-height:35px; }
		#absolute-1{top: 38.5%;left: 15px;width: 284px; font-size: 24px;line-height: 28px;}
		#absolute-2{ right: 22px; width: 190px; top:66%;}
		#absolute-3{ right: 18px;width: 200px; top: 32%; }
		#absolute-4{ left: 60px;width: 169px;top: 74%;}
		
	#toggle-help {     width: 216px;}
	#toggle-finanzen {    width: 216px;}
	#toggle-wissen {    width: 232px;}
		
	.city-click-wrapper {top:-210px; padding:36px}
		.city-click-wrapper > span {    padding-bottom: 8px;    width: 168px;    top: -75px;    margin-left: -84px;}
	#city-luebeck{left:-20px}
	#city-berlin{right:-20px}
		
	#section-4 { max-width: 1240px; margin: -450px auto 0;}
	#section-4-video { max-width: 800px;		margin-left: -250px;		margin-top: 85px;	}
	#section-4-video video {    max-width: 578px;    height: auto;    top: 143px;    left: 99px;}
	
}