@media screen and (min-width:1800px) {
	.start-slider .container {
		padding-top: 110px;
	}
	.intro-content {
		display: inline-block;
		width: 70%;
	}

	.hero .hero-content {
		padding-top: 28%;
	}

}
@media screen and (max-width:1200px) {
	header {
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

	.intro-content {
		display: inline-block;
		width: 70%;
	}

	.hero .hero-content {
		padding-top: 28%;
	}

}

@media screen and (max-width:1024px) {
  .logo a img { max-width: 80%; height: auto; }
  .start-slider .container {
    padding-top: 15%;
  }
}

/* Responsive nav kicks in */
@media screen and (max-width:991px) {
	
	.logo a img { max-width: 70%; height: auto; }
	.logo-small { width: auto; max-height: 45px !important; }
	
	.logo-placeholder, .start-slider { display:none; }
	.start { display: block; }
	  .start h2 { 
		margin-top: 0px;
		text-align: left;
	  }
	  .start .slider-text {
	  	margin-top: 30% !important;

	  }
	  .start h2 span {
		  display: inline;
		  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
		  text-shadow: none;	
		  padding: 0;
		  line-height: 74px;  }
			
	.hero .hero-content {
		padding-top: 32%;
	}
	
	h5 { font-size: 36px; }

	ul.member-actions {
		position: static;
	}

	.navicon, .start, .down-arrow {
		visibility: visible;
	}
/* Navigation */
	
	.header-nav {
		position: fixed;
		background-color: #E5F1F8;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}

	header nav {
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	#nav {
		margin-left: 0 !important;
	}

/* second level */
	#nav li ul {
		position: relative;
		text-align: center;
		-webkit-transition: height 1s ease-in-out;
		transition: height 1s ease-in-out; }
		#nav li:hover ul { 
		text-align: center;
		 }
	
	ul.primary-nav {
		position: relative;
		width:auto;
		height:auto;
		padding:0;
		margin-top:30px;
	}

	nav a {
		color:445052;
		font-size: 18px;
		font-weight:600;
		padding:0;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	nav ul.primary-nav li {
		display: block;
		border-top: 1px solid rgba(47, 49, 48, 0.1);
	}

	nav ul.primary-nav li:hover {
		background: rgba(255, 255, 255, 0.5);
		color:#d7405d;
	}

	nav ul.primary-nav {
		padding: 0 30px 0;
		text-align: center;
		letter-spacing: 0.5em;
		right: 0;
		margin: 2% 0;
		width: 100%;
		background: none;
		border-bottom: none;
	}
	
	#nav > ul > li {
		width: 100%; }

	nav ul.primary-nav li a:hover {
		color:#FFA500;
	}
	
    nav ul.primary-nav li a.facebook-share { display: none; }

	nav .primary-nav {
		position: static;
		padding: 0;
		text-align: center;
		float: inherit;
		border-bottom: 1px solid #313231;
	}
	
	header ul.primary-nav li a {
		background: none;
		font-size: 1.2em;
		padding: 10px 0 5px;
	}

	.intro-content {
		display: inline-block;
		width: 75%;
		margin-bottom: 30px;
	}

	.last {
		margin: 0;
	}
	
	.image-slider h4 { display: none; }
	.image-slider .container {
    min-height: 220px; }

	.features {
		padding-bottom: 0;
	}

	.features.buch {
		background:none;
		height:auto;
	}

	.features .device-showcase,
	.features-extra .puppe-wrap {
		display: none;
	}

	.features .responsive-feature-img,
	.features-extra .responsive-feature-img {
		display: block;
		width: 100%;
		margin: 0;
	}

	.features .responsive-feature-img img,
	.features-extra .responsive-feature-img img {
		width: 100%;
	}

	.hero-strip {
		margin-top: 0;
	}

	.blog-intro .leftcol {
		padding: 0 15px;
		margin-bottom: 15px;
		border-right: none;
	}

	.blog-intro .rightcol {
		padding: 0 20px;
	}

	footer .social-share {
		display: none;
	}

	footer .footer-links {
		margin: 120px 0 120px 0;
	}
	
	.top-space-50, .top-space-100, .top-space-150, .top-space-200, .top-space-250 { padding-top: 0; }
	
	.calendar .row { margin-top: 0; }
	.calendar .col-md-6, .calendar .col-md-3, .calendar .col-md-10 { margin-top: 50px; }
	.calendar .monat .col-md-6 { margin-top: 0; }
	.calendar .col-md-10 p strong {
		display: block;
		width: 100%;
		padding-right: 0; }
}

.header-stoerer{
	width: 300px;
	margin-top: -60px;
	background: none !important;
}

@media screen and (max-width:780px) {
	
	.header-stoerer{
	width: 200px;
	position: absolute;
  right:5%;
		margin-top: -170px;
		background: none !important;
		
}
	
  .logo a img { max-width: 50%; height: auto; }
  .form-input-group i.fa-venus, .form-input-group i.fa-mars  {
    position: relative;
    margin-left: 20px; }
  .sign-up .signup-form .form-input-group.white.gender {
	height: auto;
	 }
  .sign-up .signup-form .form-input-group.white.gender .col-sm-6 {
	width: auto;
	height: auto;
	margin-bottom: 10px;
	 }

	footer .footer-links { margin: 50px 0 50px 0; }
	footer .partnerlinks { margin: 0; }
	
	.stoerer-ausgebucht {
		width:200px;
		height:200px;
		top:-150px;
	}
	
	
	

}

@media screen and (max-width:640px) {
	
	.logo { max-width: 200px !important; height: auto; }
	.logo-small { width: auto; max-width: 285px !important; }
	
	footer ul.footer-group {
		border-top: none;
	}

	footer ul.footer-group li a {
		font-size: 13px;
		text-transform: uppercase;
		padding: 20px 0;
		display: block;
		border-bottom: dashed 1px #4E566C;
	}

	footer ul.footer-group li {
		display: block;
	}

	footer .footer-links {
		margin: 50px 0 50px 0;
	}

	footer a.facebook-share { display: none !important; }
	
	footer a.facebook-text { display: block; }
	
	footer .partnerlinks { margin: 0; }
	
	.start { display: block; }
	  .start h2 { 
	  	
		font-size: 48px;
		margin:0 0 2px; 
		}
	  .start .btn { 
		margin-bottom:30px; }
	  .start h2 span {
    	line-height: 58px;
    }

	
	.stoerer-ausgebucht {
		width:150px;
		height:150px;
		top:-100px;
	}

}

@media screen and (max-width:480px) {
	
		.header-stoerer{
		margin-top: -200px;
		background: none !important;
		
}
	
	.start { display: block; }
	  .start h2 {
		font-size: 32px !important;
		margin-bottom: 40px;
	  	}
	  .start h2 span {
		  line-height: 40px;  }
	
	
	.hero .hero-content {
		padding-top: 41%;
	}

	.hero .btn {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.hero .btn:first-of-type {
		margin-bottom: 20px;
	}

	.hero h1 {
		font-size: 50px;
	}

	.btn-margin-right {
		margin-right: 0px;
	}

	.features .device-showcase-left {
		position: absolute;
		bottom: -392px;
		left: 41%;
		right: auto;
		transform: translateX(-50%);
	}

	.features {
		padding-bottom: 0;
	}

	.down-arrow {
		display: none;
	}
	
	.navicon {
		right:-15px;
	}
	nav ul li a {
		font-size:14px;
	}

}

@media screen and (min-width: 210px) and (max-width:440px) {
	.start img.mobileimage {
		display: block;
	}
	.start {
		background: #030305 none;
	}
	.start h2 {
		font-size: 48px;
		margin: 0;
	}

	@media screen and (min-width: 210px) and (max-width:440px) {
	.start img.mobileimage {
		display: block;
	}
	.start {
		background: #030305 none;
	}
	.start h2 {
		font-size: 48px;
		margin: 0;
	}

	.to-top li i{
		font-size: 25px;
	
	}

	.to-top li{
		margin: 17px 0 0 15px;
	}

	.to-top li{
		font-size: 14px;
	}
	

}
}