*{	margin: 0; padding: 0; border: 0;}
ul, li { list-style-type: none; }


body {	

	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #5BBECD;
	background: #000;

}

html{
	scroll-behavior: smooth;
}

#bg {

	background: url('pix/bg_spuren_wald.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
	background-position: center;
    background-repeat: no-repeat;
    z-index: -1;

    }

h1, h2, h3{
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

h1{
	display: none;
}

#content{
	padding-top: 0px;
}


.waber{
	-webkit-animation-name: wabersteps; 
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 0; 
	-webkit-animation-play-state: running;
	
	-moz-animation-name: wabersteps; 
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-delay: 0; 
	-moz-animation-play-state: running;
	
	animation-name: wabersteps; 
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-delay: 0; 
	animation-play-state: running;
}

@-webkit-keyframes wabersteps {
  0% {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    transform: scale(1.0)
  }
  66% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    transform: scale(1.04)
  }
  100% {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    transform: scale(1.0)
  }
}

#logo img{
	width: 100%;
	max-width: 1000px;
}

#hero {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	overflow: hidden;
	/* margin-bottom: 100px; */
}

.rsc {
	background: url("../pix/rsc.png") center no-repeat;
	background-size: 66%;
	width: 100%;
	height: 100vh;
	position: absolute;
	opacity: .25;
}




.slider {
	position: absolute;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.slide1,.slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9,
.bg_lars, .bg_aufspringen, .bg_ulf_ralf, .bg_sandspuren, .bg_matthias, .bg_gruppe
 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}



.slider ul {
	height: 100vh;
}

.bg_lars {
	background: url('pix/bg-lars-matsch.jpg') center 20%;
    background-size: cover;
}

.bg_aufspringen {
	background: url('pix/bg_aufspringen.jpg') center;
    background-size: cover;
}

.bg_ulf_ralf {
	background: url('pix/bg_ulf_ralf.jpg') center;
    background-size: cover;
}

.bg_sandspuren {
	background: url('pix/bg_sandspuren.jpg') center;
    background-size: cover;
}

.bg_matthias {
	background: url('pix/bg-gruppe-matsch.jpg') center;
    background-size: cover;
}

.bg_gruppe {
	background: url('pix/bg_gruppe.jpg') center;
    background-size: cover;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
		transform: scale(1);
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
		transform: scale(2);
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
		transform: scale(1);
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
		transform: scale(2);
    }
}

@keyframes anim_slides {
    0% {
        opacity:0;
		transform: scale(1);
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
		transform: scale(2);
		/*left: 100%;*/
    }
}

.slider ul li {
    opacity:0;
    top:0;
    
    animation-name: anim_slides;
    animation-duration: 40.0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards;
}

/* css3 delays */

.slider ul  li:nth-child(1){
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}
.slider ul  li:nth-child(2){
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
    animation-delay: 6.0s;
}
.slider ul  li:nth-child(3) {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
    animation-delay: 12.0s;
}
.slider ul  li:nth-child(4){
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
    animation-delay: 18.0s;
}

.slider ul  li:nth-child(5){
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;
    animation-delay: 24.0s;
}

.slider ul  li:nth-child(6){
    -webkit-animation-delay: 30.0s;
    -moz-animation-delay: 30.0s;
    animation-delay: 30.0s;
}

.slider ul li img {
    /*display:block;*/
}



















.wrapper{
	padding: 200px 0 200px 0;
	margin: 0 auto;
	text-align: center;
}

.wrapper.hero {
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
	z-index: 1;
}

.blur{
	/* background: rgba(0,0,0, .25); */
	/* backdrop-filter: blur(20px); */
}

.textshadow p{
	text-shadow: 0 0 20px #000;
}

.glow{
	background: radial-gradient(rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 60%);
}

h2{
	position: relative;
	font-size: 3.3em;
	font-weight: normal;
	font-weight: lighter;
	color: #ff6400;
	margin-bottom: .75em;
	margin-bottom: 1.25em;
	text-shadow: 0 0 20px #000;
	overflow: visible;
	z-index: 1;
	margin-top: 1em;
	margin-bottom: 2em;
}

h2 {
    /*overflow: hidden;*/
    /*text-align: center;*/
}
h2:before,
h2:after {
/*    background-color: #ff6400;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 10%;
	content: none;*/
}

h2:after {
    background-color: #ff6400;
    content: "";
    display: inline-block;
    height: 4px;
    position: absolute;
    /*vertical-align: middle;*/
    width: 100px;
	bottom: -20px;
	left: calc(50% - 50px);
	/*left: 100px;*/
}

h2:before {
/*    right: 0.5em;
    margin-left: -50%;*/
}
h2:after {
/*    left: 0.5em;
    margin-right: -50%;*/
}

h2 span {
	display: inline;
}

#anmeldung h2 {
	margin-top: 2em;
	font-size: 2em;
	margin-bottom: 1em;
	/*font-weight: bold;*/
}

#anmeldung h2:after {
	content: none;
}

h3{
	margin-bottom: .5em;
	color: #5bbecd;
}

#strecke h3 {
	color: #fff;
	z-index: 100;
	margin: 4em auto 1em;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 0 0 25px #000;
}

a{
	color: #ff6400;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #fff;
}

p{
	line-height: 1.4em;
	margin-bottom: 1em;
}


.aktion{
		display: inline-block;
		background: #ff6400;
		margin: 1em;
		padding: 1em 2em;
		font-weight: bold;
		display: inline-block;
}

.button {
	border: 1px solid #ff6400;
	display: inline-block;
	background: rgba(0,0,0,.3);
	margin: .5em;
	backdrop-filter: blur(20px);
}

.button.block {
	display: inline-block;
}

.button a{
	display: block;
	font-size: .9em;
	padding: 1em 2em;
}

.button a:before{
	content: '>';
	padding-right: .5em;
	transition: padding .2s;
}

.button a:hover:before{
	content: '>';
	padding-right: 1em;
	transition: padding .2s;
}

.button a:hover{
	background: #ff6400;
	color: #fff;
	transition: all .2s;
}

.inaktiv{
	opacity: .3;
}

.inaktiv a {
	pointer-events: none;
        cursor: default;
        text-decoration: none;
}


.button.invers {
	border: 2px solid #ff6400;
	background: rgba(255, 100, 0, 1);
}

.button.invers a {
	color: rgba(255,255,255,1);
}



.button.grey {
	border: 1px solid rgba(255,255,255,.3);
}

.button.grey a {
	color: rgba(255,255,255,.3);
}

.button.grey a:hover {
	background: rgba(255,255,255,.5) ;
	color: #eee;
}


.small{
	font-size: .85em;
}


.abschnitt{
	position: relative;
	/* padding-top: 50px;  */
}

.abdunkeln{
	position: relative;
}

.abdunkeln::before{
	content: '';
	background-color: rgba(0,0,0,.33); 
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	/* backdrop-filter: blur(10px); */
}

.ritzel{
	background: url('../pix/bg_sandspuren.jpg') center;
	background-size: cover;
	background-attachment: fixed;
}

.lars{
	background: url('../pix/bg-lars-matsch.jpg') center top;
	background-size: cover;
	background-attachment: fixed;
}

.aufspringen{
	background: url('../pix/bg_aufspringen.jpg') center;
	background-size: cover;
	background-attachment: fixed;
}

.textblock{
	position: relative;
	display: block;
	font-size: 1.1em;
	text-align: center;
	padding: 40px 30px 24px 30px;
	/* background: rgba(0,0,0,.6); */
	margin: 0px 40px;
	margin: 0 auto;
	/* max-width: 1000px; */
	/* backdrop-filter: blur(4px); */
}

.textblock:before {
	/* content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	top: -80px;
	height: 80px;
	background: #f00;
	background:  url('pix/grunge-top.png') no-repeat -100px 20px;
	background-size: cover;
	opacity: .6;
	z-index: 0; */
}

.textblock:after {
	/* content: '';
	top: 100%;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 80px;
	background: #f00;
	background:  url('pix/grunge-top.png') no-repeat right 0px;
	background-size: cover;
	opacity: .6;
	z-index: 0;
	transform: rotate(180deg); */
	/* backdrop-filter: blur(4px); */
}

.textblock.nobg:before {
	content: none;
}

.strecke {
	position: relative;
}

.strecke img {
	width: 100%;
	max-width: 1000px;
	margin-bottom: -4px;
	box-shadow: 0px 0px 50px #000;
}



.fr{
	float: right;
}


.p100{
	/*width: 100%;*/
	/*width: 100vw;*/
}

#impressionen  {
	/*overflow: visible !important;*/
	display: block;
	/* float: left; */
	/* box-shadow: 0px 0px 50px #000; */
}

#impressionen li{
	width: 33.33%;
	/* width: calc(33.33% - 8px); */
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*box-shadow: 0px 0px 50px #000;*/
}

#impressionen img{
	width: 100%;
	display: block;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	position: relative;
	/* border: 8px solid transparent; */
	/* border-radius: 20px; */
}



#impressionen li:after{
	/* pointer-events:none;
	content: '';
	content: none;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(pix/kamera.png) center center no-repeat;
	opacity: .8;
	transition: .25s; */
}

#impressionen li:hover:after{
	opacity: 0;
	transition: .25s;
}

#impressionen h3{
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	/*color: #ff6400;*/
	margin-bottom: 0;
	background: rgba(0,0,0,.5);
	padding: .4em;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

#impressionen li:hover h3{
	bottom: 0;
}

#impressionen li:hover img{
}


#map_canvas{
	width:100%; height:450px;
	max-width: 1400px;
	max-width: 100%;
	margin: 0 auto;
	/*opacity: .9;*/
	box-shadow: 0px 0px 50px #000;
	position: relative;
}



.motive{
	margin: 2em 0 0 0;
}

.motive li{
	display: inline-block;
	padding: 1%;
	width: 17.25%;
	overflow: hidden;
}

.motive img {
	/*display: block;*/
	width: 100%;
	/*height: 100%;*/
}


.tabelle{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
}

.tabelle td{
	padding: 14px 0px;
	border-bottom: 2px solid rgba(95, 190, 204,.4);
}

.tabelle td:first-child,
.tabelle td:nth-child(3){
	width: 1%;
}

.tabelle td:first-child{
	text-align: right;
	padding-left: 10px;
}

.tabelle td:first-child,
.tabelle td:nth-child(3){
	color: #5bbecd;
}

.tabelle td:nth-child(2){
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
}

.tabelle td:nth-child(2){
	text-align: left;
}

.tabelle tr:hover{
	/*background: rgba(0,0,0,.2);*/
}

.tabelle .head{
	/* background: rgba(0,0,0,.2); */
	font-size: .8em;
	text-transform: uppercase;
	padding-bottom: 12px;
	padding-top: 12px;
	color: #5bbecd !important;
	vertical-align: bottom;
}


.tabelle span, p span{
	color: #5bbecd;
}

.hobby{
	background: #5bbecd;	
	color: #000 !important;
	font-size: .66em;
	border-radius: 20px;
	padding: 4px;
	position: relative;
	top: -2px;
	margin-left: 6px;
}

p span:before, p span:after{
	 content: '\00a0'; 
}

.tabelle span:before, .tabelle span:after{
	 /* content: '\00a0';  */
}

.tabelle span.small {
	color: rgba(255,255,255,.6);
	font-size: .8em;
	/*display: block;*/
}


#top{
	position: fixed;
	z-index: 100;
	background: rgba(0,0,0, .3);
	width: 100%;
	height: 140px;
	top: -140px;
	transition: all .3s ease-in-out 0s;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

#top:after {
	content: '';
	content: none;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 140px;
	height: 60px;
	background: #f00;
	background:  url('../pix/grunge-top.png') no-repeat right 0px;
	background-size: cover;
	opacity: .8;
	z-index: 0;
	transform: rotate(180deg);
}


#nav{
	z-index: 99999;
	/*position: fixed;*/
	/*position: absolute;*/
	/*margin-right: 20px;*/
}

#nav li#logo{
	float: left;
	background: none;
	padding: 10px;
}

#nav li#logo:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

#nav li#logo a{
	text-indent: 0;
	width: 330px;
}

#nav li{
	/* display: inline-block; */
	float: left;
	padding: 22px 0 18px 0;
	transition: .3s;
}

#nav li:hover{
	transition: .3s;
}

#nav li a{
	display: block;
	width: 130px;
	height: 100px;
	text-indent: -9999px;
}

#nav .frst a{
	display: none;
}

#nav .current{
	/*background: rgba(255, 255, 255, .1);*/
}




#icons {
	margin: 2em 0 0;
}

#icons li {
	width: 130px;
	height: 130px;
	display: inline-block;
	padding: 1.5em;
	margin: 1em;
	transition: .3s;
	background: rgba(0,0,0, .3);
	border-radius: 100%;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

#icons li a {
	display: block;
	width: 130px;
	height: 130px;
	text-indent: -9999px;
	transition: all .1s ease-in-out 0s;
}

#icons li a:hover {
	transform: scale(1.1);
}

.kreis {
	width: 130px;
	height: 130px;
	display: inline-block;
	padding: 1.5em;
	margin: 1em;
	transition: .3s;
	background: rgba(0,0,0, .6);
	border-radius: 100%;
	margin-bottom: 3em;
}

.icon {
	display: block;
	width: 130px;
	height: 130px;
	transform: scale(1.2);
	text-indent: -9999px;
	transition: all .1s ease-in-out 0s;
}


.nav_strecke{background: url(pix/nav_strecke.png);}
.nav_anfahrt{background: url(pix/nav_anfahrt.png);}
.nav_zeitplan{background: url(pix/nav_zeitplan.png);}
.nav_training{background: url(pix/nav_training.png);}
.nav_orga{background: url(pix/nav_orga.png);}
.nav_fotos{background: url(pix/nav_impressionen.png);}

.nav_strecke:hover, #nav .current .nav_strecke{background: url(pix/nav_strecke_h.png);}
.nav_anfahrt:hover, #nav .current .nav_anfahrt{background: url(pix/nav_anfahrt_h.png);}
.nav_zeitplan:hover, #nav .current .nav_zeitplan{background: url(pix/nav_zeitplan_h.png);}
.nav_training:hover, #nav .current .nav_training{background: url(pix/nav_training_h.png);}
.nav_orga:hover, #nav .current .nav_orga{background: url(pix/nav_orga_h.png);}
.nav_fotos:hover, #nav .current .nav_fotos{background: url(pix/nav_impressionen_h.png);}

.nav_strecke, .nav_anfahrt, .nav_zeitplan, .nav_training, .nav_orga, .nav_fotos,
.nav_strecke:hover, .nav_anfahrt:hover, .nav_zeitplan:hover, .nav_training:hover, .nav_orga:hover, .nav_fotos:hover,
#nav .current .nav_strecke, #nav .current .nav_anfahrt, #nav .current .nav_zeitplan, #nav .current .nav_training, 
#nav .current .nav_orga, #nav .current .nav_fotos
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: background .3s ease 0s;
	-moz-transition: background .3s ease 0s;
	transition: background .3s ease 0s;
}




#sponsoren{
	/* position: fixed; */
	position: relative;
	z-index: 0;
	bottom: 0;
	width: 100%;
	overflow: visible;
	padding: 20px 0 20px;
	display: block;
}

#sponsoren ul{
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;

/*	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);*/
}

#sponsoren li{
	display: inline-block;
	margin: 20px;
	padding: 10px;
	width: calc(33% - 65px);
	width: calc(25% - 65px);
	/* background: rgba(0,0,0,.6); */
	background: rgba(255,255,255,.8);
	/* background: rgba(91, 190, 205, .8); */
	/*border: 1px solid #333;*/
	/*border-left: 1px solid #666;*/
	backdrop-filter: blur(10px);
}

#sponsoren li:last-child {
	/*border-right: 1px solid #666;*/
}

#sponsoren li img{
	width: 100%;
	max-width: 170px;
	opacity: .75;
	filter: invert(100);
	/*border: 1px solid #666;*/
	/*margin: 10px !important;*/
	
}

#sponsoren li a:hover img{
	opacity: 1;
}

.hauptsponsor a{
	/*width: calc(100% - 44px);*/
}

.hauptsponsor a{
	margin: 22px;
	margin-bottom: 0;
	display: block;
	/*opacity: .5;*/
	/*padding: 10px;*/
	padding: 20px;
	/*width: calc(13% - 40px);*/
	background: rgba(0,0,0,.6);
}

.hauptsponsor img {
	opacity: .75;
	width: 100%;
	max-width: 500px;
}

.hauptsponsor a:hover img {
	opacity: 1;
}

.hinweise {
	font-size: 1.1em;
	margin: 2em auto;
	padding: 1em .5em .1em;
	max-width: 800px;
	border: 2px solid rgba(255, 100, 0, 1);
	background: rgba(0,0,0,.5);
	/*background: rgba(255, 100, 0, .8);*/
	/*color: #fff;*/
}

.hinweise li {
	position: relative;
	font-weight: bold;
	margin: .75em 1em 2.5em;
	line-height: 1.4em;
	color: rgba(255, 100, 0, 1);
}

.hinweise li:after {
	content: "";
	position: relative;
	top: 1.25em;
	left: calc(50% - 50px);
	display: block;
	width: 100px;
	height: 2px;
	/*background: rgba(95, 190, 204,.8);*/
	background: rgba(255,255,255,.33);
}

.hinweise li:last-child:after {
	content: none;
}

.hinweise a {
	color: rgba(91, 190, 205, 1);
}

.hinweise a:before {
	content: ">";
	margin-right: 5px;
}

.hinweise .button {
	display: inline-block;
}

.hinweise span {
	display: block;
	font-weight: normal;
}






.corona-icons {
	margin: 2em 0 1em;
}

.corona-icons p {
	font-weight: bold;
}

.corona-icons span {
	display: block;
	font-size: .9em;
	font-weight: normal;
	color: #fff;
}

.corona-icons .trenner {
	height: 20px;
}

.corona-icons li {
	/*width: 24.2%;*/
	width: 32.3%;
	display: inline-block;
	vertical-align: top;
}

.corona-icons li.w50 {
	width: 40%;
}

.corona-icons li.w50 .icon-corona {
	width: 60px;
	height: 60px;
}

.cyan {
	color: rgba(91, 190, 205, 1);
}

@media only screen and (max-width: 834px) {
	.corona-icons li {
		/*width: 49%;*/
	}
	
	.corona-icons li.einzeln {
		width: 100%;
	}
}

.icon-corona {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto 10px;
}

.abstand {
	background: url('../pix/icon-corona-abstand.png') no-repeat center;
	background-size: contain;
}

.maske {
	background: url('../pix/icon-corona-maske.png') no-repeat center;
	background-size: contain;
}

.liste {
	background: url('../pix/icon-corona-liste.png') no-repeat center;
	background-size: contain;
}

.pdf {
	background: url('../pix/icon-corona-pdf.png') no-repeat center;
	background-size: contain;
}

.uhr {
	background: url('../pix/icon-corona-uhr.png') no-repeat center;
	background-size: contain;
}




@media only screen and (max-height: 834px) {
	.nomobile {
		display:none;
	}
	.wrapper.hero {
		margin: 0;
	}
	
	#icons {
		/*margin-top: 1em;*/
	}
}



@media only screen 
and (min-device-width: 768px)
and (max-device-width: 1024px)
  {

	.nomobile {
		display:none;
	}
	
	#logo img {
		/*transform: scale(.7);*/
	}

}


@media only screen and (max-width: 1160px){
	#sponsoren{
		/*height: 76px;*/
	}
	
	#sponsoren{
		/*height: 70px;*/
	}
	
	#sponsoren li{
		/*margin: 10px;*/
		/*width: calc(33% - 50px);*/
		/*padding: 6px 0px;*/
		/*width: 12%;*/
	}
	
	#sponsoren li img{
		/*width: 130px;*/
	}
	
	.wrapper.hero {
		padding-top: 0;
		margin-top: 0;
	}
}



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

	.wrapper{
		padding: 140px 0 200px 0;
	}
	
	#logo img{
		width: 80%;
	}

	#top{
		height: 116px;
	}
	
	#top:after {
		height: 50px;
		top: 116px;
	}
	
	#top #logo img{
		width: 86%;
	}
	
	
	#nav{
		margin-right: 0;
	}
	#nav li{
		padding: 20px 0 18px 0;
	}
	#nav li#logo a{
		padding: 4px;
		width: 250px;
	}
	#nav li a{
		width: 100px;
		height:78px;
	}
	
	#sponsoren{
		/*height: 60px;*/
	}
	
	#sponsoren li img{
		/*width: 100px;*/
	}
	
	.textblock {
		margin: 0;
		/*background: linear-gradient(to right, rgba(0,0,0,0) -5%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.7) 80%,rgba(0,0,0,0) 105%);*/
	}


}


@media only screen and (max-width: 926px){
	#sponsoren{
		/*height: 54px;*/
	}
	
	#sponsoren li{
		/*padding: 6px 0;*/
/*		width: %;*/
	}
	
	#sponsoren li img{
		/*width: 90px;*/
	}
	
	#impressionen li{
		width: 33.33%;
	}
	
	.p100{
		text-align: center;
		margin-left: -50px;
		width: 115%;
	
	}
	.tabelle{
		width: 100%;
		margin: 0 auto;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	h2 span {
		display: none;
	}
	
	
}


@media only screen and (max-width: 780px){
	#top{
		height: 80px;
	}
	
	#top:after {
		height: 40px;
		top: 80px;
	}
	#nav{
		margin-right: 0;
	}
	#nav li{
		padding: 12px 0 8px 0;
	}
	
	#nav li#logo{
		padding: 0px;
	}
	#nav li#logo a{
		width: 190px;
	}
	#nav li a{
		width: 78px;
		height:60px;
	}
	#impressionen li{
		/*width: 33.33%;*/
		width: 50%;
	}
	
	#impressionen li:nth-child(15) {
		display: none;
	}
	
	
	#sponsoren{
		/*height: 50px;*/
	}
	
	#sponsoren li img{
		/*width: 70%;*/
		/*width: 70px;*/
	}
	
	.motive li{
		width: 30%;
		/*padding: 2px;*/
	}
	
	.textblock {
		/*background: linear-gradient(to right, rgba(0,0,0,0) -10%,rgba(0,0,0,.7) 10%,rgba(0,0,0,.7) 90%,rgba(0,0,0,0) 110%);*/
	}

}



@media only screen and (max-width: 599px){
	
	.nomobile {
		display: none;
	}

	.lars,
	.aufspringen,
	.ritzel{
		background-attachment:unset ;
		background-size: cover;
	}

	.ritzel{background: none;}
	
	body{
		font-size: 14px;
	}
	
	#content{
		padding-bottom: 50px;
	}

	.wrapper{
		padding: 90px 0 100px 0;
	}
	
	#info p {
		text-align: justify;
	}
	
	.motive li{
		width: 45%;
	}
	
	.motive li:last-child {
		display: none;
	}
	
	#icons {
		margin-top: 4em;
	}
	
	#icons li {
		margin: .75em;
		width: 90px;
		height: 90px;
	}
	
	#icons li a {
		width: 90px;
		height: 90px;
	}
	
	#impressionen li{
		width: 100%;
	}
	
	#impressionen li:last-child {
		border: none !important;
	}
	
	#map_canvas{
		height:70vh;
	}
	
	h2{
		font-size: 2.4em;
		font-size: 3em;
	}
	
	.p100{
		margin-left: -30px;
		width: 118%;
	}
	
	
	#top{
		height: 70px;
	}
	
	#top:after {
		height: 40px;
		top: 70px;
	}
	
	#nav{
		margin-right: 0;
	}
	#nav li{
		width: 20%;
		padding: 6px 0 4px 0;
	}
	
	#nav li a{
		width: 100%;
	}
	
	#nav .fr{
		width: 100%;
	}
	#nav li#logo{
		float: none;
		display: none;

	}
	.textblock{
		padding: 30px 20px 24px 20px;
		/*background: linear-gradient(to right, rgba(0,0,0,0) -50%,rgba(0,0,0,.7) 15%,rgba(0,0,0,.7) 85%,rgba(0,0,0,0) 150%);*/
	}

	
	.tabelle td:nth-child(2n) {
		padding-right: 15px;
	}

	.tabelle td:nth-child(3n) {
		text-align: left;
	}
	
	.tabelle td:nth-child(4n) {
		padding-right: 0;
	}


	#sponsoren{
		position: relative;
	}
	#sponsoren li {
		width: calc(50% - 70px);
	}
	
	#logo img {
		transform: scale(1.4);
	}
	
	.button.block {
		display: block;
	}

}