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

.para {
	width:1000px;
}

.centered {
	width:100%;
	padding:0 4%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}



#slider .cycle-slideshow div span {
	margin:40px 0 0 40px;
	width:300px;
}

#slider .cycle-slideshow div span strong:nth-of-type(2) {
	display:none;


}

header.small #navi ul li a {
	font-size:14px;
	padding:20px 8px;
}

.programme a {
	width:31%;
}

.programme a:nth-of-type(4) {
	margin:0 24px 20px 0;
}

.programme a:nth-of-type(3n) {
	margin:0 0 20px 0;
}

.welcome-text span {
	width:60%;
}

.zeiten ul li {
	font-size:14px;
	padding:4% 20px;

}

.zeiten ul li span {
	font-size:30px;
}

footer .centered {
	padding:70px 2% 50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.bottom .centered {
	padding:20px 2%;
}

.headline-img-text img {
	width:40%;
	height:auto;
	margin:0 4% 4% 0;
}

.content-grey #slider {
	width:42%;
}




.map-overlay {
	width:100%;
}

.map iframe {
	width:100%;}

}

.datenschutz {
	width:100%;
	padding:0 4%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

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

.team img {
	width:75%;
}


.para {
	width:1000px;
}

.icons li a em {
	padding:9px 23px;
	border:none;
	margin:0 10px;
}

header {
}

header.small {
}

header.small .logo a {
	display:none;
}

.h1-look {
	font-size:30px;
}

.para span {
	width:500px;
	margin:60px 0 0 0;
}

#navi ul li a {
	font-size:14px;
	padding:20px 8px;
}

.icons {
	margin:25px 0 0 0;
}

.logo a {
	width: 200px;
	height:90px;
}

.start-text {
	margin:50px auto;
		}

.start-text  h1 {
	font-size:30px;
}

.programme {
	padding:50px 0;
}

.programme a {
	padding:10px;
}

.programme a strong {
	font-size:18px;
}


.bg-kennenlernen {
	margin:-392px 0 0;
}

.bg-kennenlernen img{
	width:380px;
	height:auto;
}

.welcome-text span {
	width:100%;
}

.club {
	width:100%;
}

.club a:nth-of-type(1), .club a:nth-of-type(2), .club a:nth-of-type(3) {
	width:32%;
	margin:0 2% 0 0;
	float:left;
}

.club a:nth-of-type(3) {
	margin:0;
}

.zeiten ul li {
	font-size:12px;
	padding:4% 2%;
}

.zeiten ul li span {
	font-size:20px;
}

footer h2 {
	font-size:20px;
}

footer p {
	font-size:14px;
}

.footer-box:nth-of-type(1) {
	width:22%;
}

.footer-box:nth-of-type(2) {
	width:51%;
	margin:0 2% 0 0;
}

.footer-box:nth-of-type(3) {
	width:20%;}

.footer-box:nth-of-type(3) img {
	display:none;
}

footer .footer-box ul {
	margin:0;
}

.footer-box a {
	font-size:14px;}

#tabs-kurs {
	display:block;
}

#tabs2 {
	display:none;
}

.kennenlernen .para-vor {
	padding:50px 0;
}

.start-kontakt {
	margin:30px 4% 0 0;
}

.start-kontakt, .text-button {
	width:48%;
}

.start-kontakt input, .text-button textarea {
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:0
}

#kontakt input, #kontakt textarea {
	border-radius:0;
	-webkit-appearance:none;
}

.leistungen .leistung-ul {
	font-size:16px;
}

 


}

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

#top .centered {
	background:none;
}

.h1-look {
	font-size:20px;
}

#mobile-nav {
	display:block;
	height:40px;
	margin:0;
	opacity:0.2;
	position:absolute;
	right:15px;
	top:15px;
	width:60px;
	z-index:600;
}

#mobile-nav a {
	background:url("../images/mobile-nav.png") no-repeat scroll 0 0 / contain ;
    display: block;
    height: 40px;
    position: relative;
    text-indent: -9999px;
    width: 60px;
    z-index: 900;
	
}

#navi {
	display:none;
	overflow:hidden;
}

header, header.small {
	height:70px;
}

.logo {
	padding:5px 0 0 0;
}

.logo a {
	width:90px;
	height:60px;
	
	
}

header.small .logo a {
	display:none;
}

#top {
	height:70px;
}

#topfix.small {
	height:70px;
	padding:0;}

header.small .logo a {
    display: block;
    text-indent: -9999px;
	background:none;
	}

#slider .cycle-slideshow div span {
	padding:10px;
	width:41%;
	margin:20px 0 0 20px
	
}

#slider .cycle-slideshow div span strong:nth-of-type(1) {
	font-size:13px;
	line-height:18px;
	margin:0 0 10px 0;
}

#slider .button {
	padding:8px;
	font-size:10px;
	width:100%;
}

.start-text {
	margin:20px 0;
}

.start-text h1 {
	font-size:20px;
}

.programme {
	padding:30px 0;
}

.programme a {
	width:100%;
	margin:0 0 2% 0;
	padding:10px;
}

.programme a em {
	display:none;
}

.programme a img {
	width:35%;
	float:left;
	margin:0 4% 0 0;
}

.programme a strong {
	font-size:16px;
	margin:10px 0;
}

.para {
	display:none;
}

.parallax-mobile {
	display:block;
	overflow:hidden;
}

.parallax-mobile img {
	width:240%;
	height:inherit;
	opacity:0.2;
	
}

.parallax-mobile span {
	position:absolute;
	z-index:20;
	margin:30px 0 0 0;
}

footer .footer-box, footer .footer-box:nth-of-type(1), footer .footer-box:nth-of-type(2) {
	width:100%;
}

footer > .centered {
	background:none;
	padding: 30px 4%;
}

.bottom p {
	width:100%;
	float:none;
	text-align:center;

}

.bottom ul {
	float:none;
	width:100%;
	text-align:center;
}

#navi ul {
	margin: 0 0 0 -5%;
    overflow: hidden;
    text-align: center;
    width: 110%;
}

#navi ul li {
	display:block;
}

#navi ul li a, header.small #navi ul li a {
	padding:10px 0;
	width:100%;
	border-bottom:1px solid #4f5358;
}

header.small #navi ul {
	text-align:center;
}

.theme {
	padding:30px 4%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.theme h1 {	
	margin:0;
}

.headline-img-text {
	margin:30px 0;
}

.headline-img-text h2 {
	text-align:left;
}

.adresse {
	padding:30px 0;
}

.adresse p {
	margin:0;
}

.team {
	margin:30px 0;
}

.team p , .team p:nth-of-type(4){
	width:100%;
	display:block;
	margin:0 0 30px 0;

}



#subnavi {
	width:100%;
	text-align:center;
}

#subnavi li {
	display:block;
}

#subnavi li a {
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #bbb
}

.subnavi.fixed {
 position:relative;
}

.content-grey {
	padding:30px 0;
}

.content-grey #slider {
	display:none;
}

.content-grey .text {
	float:none;
	width:100%;
	margin:0;
}

.imp-left, .imp-right {
	float:none;
	width:100%;
	margin:0;
}

.imp-left h2, .imp-right h2 {
	text-align:left;
	}

.imp-left {
	margin-top:30px;
}

.datenschutz {
	margin:30px auto;
}

.kennenlernen .para {
	display:block;
	width:100%;
	height:600px;

}

.kennenlernen .h1-look {
	text-align:left;
}

.start-kontakt {
	float:none;
	margin:0;
	width:100%;
	}
	
.start-kontakt input, .text-button textarea {
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.text-button {
	display:block;
	margin:0;
	width:100%;
}

.kennenlernen .para-vor {
	padding:30px 0 0 0;
}

.kennenlernen p {
	font-size:16px;
	line-height:20px;
	margin:0 0 20px 0;
}

.leistungen {
	margin:30px 0;
}

.leistungen .leistung-ul {
	padding:20px 10px;
}

.leistungen .leistung-ul ul {
	width:100%;
}

.house_gallery {
	margin:0!important;
}

.subnavi.fixed {
	top:0;
}

#sub-topfix.small {
	height:0;
}

.bottom p:nth-of-type(1) {
	display:none;
}

.bottom .centered {
	padding:0 4%;
}

.bottom ul li a {
	padding:10px;
	font-size:14px;
}

footer h2 {
	text-align:left;
}

.footer-box:nth-of-type(1) {
	border-bottom:1px solid #ddd;
	margin:0 0 20px 0;
}

#slider .slider-ctrl {
	display:none;

}

footer .footer-box ul li {
	line-height:1em;
}

.footer-box a {
	background:#f5f5f5;
	padding:10px;
	display:block;
	margin:0 0 10px 0;
}

}