* {
	
	
margin: 0;
padding: 0;

}	
 body,html {
font: 104% serif;
background-color:#d8f9d3;
background-image: url(hintergrund_site_neu.png); 
background-repeat: no-repeat; 
background-attachment: absolute;
padding:5px;
margin:0;
width: 100%;
height:100%;
}
#headline.slide{
    position: relative;
    display: block;
    height: 20%;
    top:1%;
}
.slide{
	margin:0 auto;
	margin-top: 20px;
	position:relative;
	width:70%;
	height:0;
	/*! padding-bottom:40%; */
	background: #00f0;
	border:solid 4px #80808000;
}

img {max-width: 100%;
}

header, nav, footer, hgroup, details {
	display: block; 
}
header{
	width: 100%; 
	background: url(gruenskal.png) no-repeat;
	background-attachment: absolute;
	margin-bottom: 10px;
}

#prax{
    text-align: center;
}


#i1:checked ~ #eins,
#i2:checked ~ #zwei,
#i3:checked ~ #drei,
#i4:checked ~ #vier,
#i5:checked ~ #fünf,
#i6:checked ~ #sechs{
z-index:9;
}

#i1:checked ~ .nav #dot1,
#i2:checked ~ .nav #dot2,
#i3:checked ~ .nav #dot3,
#i4:checked ~ .nav #dot4,
#i5:checked ~ .nav #dot5,
#i6:checked ~ .nav #dot6{
	background: #fff;
}
.slides{
    width:2px;
height: 2px;  
 margin-top:100px;
    left: 10px;
    margin-left: -54px;
}
@media screen and (max-width:2560px){
  
    #dotname:hover{
        color:red;
        font-weight: bold;
        font-size: 150%;
    }
   
    #headline.slide{
        position: relative;
        display: block;
        margin-top:-10%;
        height: 40%;
        width: 80%;
    }
    #dreieck.slide{
        position: absolute;
        display: block;
        margin-left:21%;
        top:55%;
        max-width: 23%;
    }
     #headline.slide {
    position: relative;
    display: block;
    margin-top: -9%;
    height: 40%;
    width: 90%;
         left:-17%;
    top: 52%;
  }
    h1.slide{
        position: relative;
        display: block;
        top:2%;
        height: auto;
        font-size: 259%;
    }
 #i1, #i2; #i3, #i4;#i5, #i6{
	display:none;
}
    header.slide{
        position: relative;
        display: block;
        top:-14%; 
        width: 59%;
        height: auto;
    }

  label.dots {
  top: -21%;
  width: 16px;
  height: 19px;
  margin: 27px 83px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background: rgba(0,0,0,.6);
  border: solid 1px #332c2c;
        left: -18px;
  font-size: 102%;
  padding: 1px;
    }
    .container {
  margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
  margin-top: 30px;
  margin-left: -246px;
  position: relative;
  width: 85%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: -12px;
}
    #rechnung{
  position: relative;
  top:80px;
    }
    #textfeld.textfeldre {
  margin-left: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-top: 5px;
  width: 238px;
}
    #textfeld.tel {
  padding-right: 15px;
  padding-top: 60px;
}
        #medien.gutsch{
    position: absolute;
    top:26%;
     left:77%;       
    width: 31%;
    height: auto;
    display: table-cell;
        }   
    td.zwischen {
  display: table-cell;
  height: 20px;
}
    td.zwischenoder {
  display: table-cell;
  height: 65px;
}
    a.termonl{ 
    position: relative;
    top: -10px;
    }
    a.slide{
    position: relative;
    top: -40px;
    left:60px;
    color: aliceblue;
    background-color:navy;
    }
    #sprung.slide{
       position: relative;
        left:8%;
        top:-500px;
        width:100px;
        height: 27px;
        display:block;
       border: 3px outset #afaeae;
       padding: 1% 3%;
    }
    .slide_img img {
  width: 100%;
  height: 70%;
  top: -7px;
  position: relative;
  border: solid 8px white;
  left: -12px;
}
    #zurbest {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: #551a8b;
  height: 47px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 162px;
  margin-top: 28%;
  padding-left: 30px;
  margin-right: 0%;
  position: fixed;
  top: -17px;
  display: inline;
  float: right;
  left: 81%;
  border: 3px outset #d4d2d2;
  font-family: serife;
}
   #gutschein.slide {
  position: fixed;
  width: 148px;
  top: 19%;
  left: 404px;
  display: block;
  height: auto;
  margin-left: 740px;
  padding-bottom: 10px;
  padding-right: 9px;
  background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
  border: 5px gray;
  text-align: center;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 5px;
  font-style: oblique;
    }
    slides{
       display: none;   
    }
.pre, .nxt{
width:12%;
height:100%;
position:absolute;
top: 0; 
background: rgba {88,88,88,.4};
z-index:99;
cursor:pointer;	
}

.pre{
	left:0;
}
.nxt{
	right:0;
}
    input.put{
        position: relative;
        left:160px;
        margin-top:-15%;
        width: 1px;
    }
.nav{
	width:47%;
	height:auto;
	bottom:-47px;
	position: absolute;
	text-align:center ;
	z-index:99;
	left: 23%;
	top: 110%;
}
       #dotname {
        position: relative;
        width: 200px;
        left: -109px;
        font-size: 132%;
        top: -78px;
        margin: -14px 40px 23px 1px;
        padding: 0px 20px 22px 10px;
    }
    #dotname.5{
        
    }
.dots{
	top:-138px;
	width:11px;
	height:11px;
	margin:0px 45px;
	position: relative;
	border-radius:50%;
	display: inline-block;
	background: rgba(0,0,0,.6);
	border: solid 1px #332c2c;
	left: -7px;
	font-size: 85%;
	font-family: serife;
	font-style: oblique;
    text-align:center;
} 
    .dots hover{
     color:blue;
        font-size:90%;
    }
    #hover {
     color:blue;
        font-size:90%;     
    }
    
.slide.img{
	z-index:-1;
    
}

.container{ 
margin: 0 auto;
  margin-top: 0px;
margin-top: 0px;
margin-top: 122px;
position: relative;
width: 74%;
height: 5px;
padding-bottom: 40%;
background: #c6e6f2;
border: solid 2px grey;
top: 17%;
left: -16%;
}   

.container .slide_img{
	position:absolute;
	width:80%;
	height:80%;
	margin-left:75px;
	top: 57px;
}
.slide_img{
	position:absolute;
	width:100%;
	height:100%;
    }

.slide_img img{
width:100%;
	height:86%;
top: 19px;
position: relative;
border: solid 8px white;
left: 8%;  
}
    #wechselbild2.aktion {
  position: absolute;
  left: 670px;
  top: 55%;
  width: 300px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: darkblue;
}
    #wieder{
    font-style: oblique;
    font-size:156%;
    position: relative;
    top:-6px;
    left:483px;
    color: darkblue;
    font-family: serife;
    /*! float: left; */
    width: 250px;
    }
    
    h5.üfuss {
  font: 98%;
  left: -7px;
  position: relative;
  top: -88px;
  margin-top: 1%;
  font-style: italic;
  width: 285px;
}
    wechselbild4.aktion{
        display:none; 
    }
    ul.aktion{
     font-family: serife;
      line-height:1.2em;
     position: relative;
     top: -76px;
     width: 90%;
    }
    #preiseinkl {
  position: relative;
  float: right;
  top: 14px;
  margin-bottom: -4%;
  margin-right: 11%;
  margin-top: 10px;
}
    #wechselbild3.allg {
  left: 22px;
  position: relative;
  top: 1px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: #07076a; 
}
    h6.üfuss {
  font-size: 91%;
  left: -7px;
  position: relative;
  top: -83px;
  margin-top: 1%;
  font-style: oblique;
  width: 285px;
} 
    p {
    background-color: #DDEFDE;
    opacity: 0.97;
    font: small-caps 18px;
    color: navy;
    border-style: outset;
    border-radius: 20px;
    border-color: #008000;
    font: 90%/1.2 serif;
    letter-spacing: 2.0;
    padding: 38px;
    padding-top: 38px;
    padding-right: 38px;
    padding-bottom: 38px;
    padding-left: 10%;
    margin-top: -33%;
    margin-left: 13%;
    margin-bottom: -40px;
    width: 83%;
    height: auto;
    padding-top: 20px;
    top: 2%;
    left: 4%;

}
    #wechselbild4.aktion {
display:block; 
    width: 85%;
    top: 36%;
    left: 8%;
position: relative;
}
    #rankefuss {
    display: inline;
    position: absolute;
    top: -1%;
    left: 53%;
}
    #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
}
     #tablefuss.aktion {
    width: 33%;
    position: absolute;
    top: 64%;
    left: 9%;
    height: 544px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
}
    #summary.aktion {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
}
    #navileiste.aktion {
    position: absolute;
    margin-top: 18%;
    float: right;
    left: 69%;
}
 

    #fussnote.aktion {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
}
    #spruchstart.aktion {
    height: 87%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: 38px;
    background: linear-gradient(to right, #baca1e 0%,#3a5705 99%);
    background-color: rgba(0, 0, 0, 0);
}
 
    #ampel.aktion {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
}
    
    #headline.aktion
    {
      background-color:#bcf7b466;
        width:100%;
        position:relative;
        top:-195px;
        left:1px;
        margin-top:18%;
        height:150px;
      border-bottom: 2px dotted white;
    }

    h1.aktion {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    margin-top: 48px;
}

    #main.aktion {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
}

	#dreieck.aktion{
		position:relative;
		top:13%;
		left: -34px;
	}
#sprung, #sprung.aktion{
		display:none;
	}
 
    #starttableindex.aktion {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: 8%;
    margin-left: 86px;
    margin-top: 33px;
}

    #wrapper.aktion {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
        margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
}
	#main.aktion{
	width:100%;
	float:left;
	background-color: #caf9c3;
	top:-9%;
	margin-top:-116px;
	margin-bottom: 10px;
    height:1302px;
	position: relative;
}
	header.aktion{
	width: 100%;
	position:relative;
	top: -4%;
	margin-bottom: 5px;
	height: 300px;
	}
    #wechselbild3.aktion {
    left: 7%;
    top: 32%;
    width: 84%;
}
    h1.aktion {
    top: -139px;
    left: -6%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    width: 600px;
    float: left;
}
 
    #nav.aktion{
		width:95%;
		margin-top:1%;
		margin-bottom:10px;
		position: fixed;
        top:6px;
		font-size: 110%;
		margin:0 auto; 
        height:58px;
        background-color:#60ba4b33; 
		width: 100%;
		left: 115px;
	}
    #navyquer.aktion {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-left: -17;
    height: 50px;
    left: -68%;
    float: left;
    margin-top: -227px;
}

    #sidebar.aktion {
    width: 18%;
    height: 376px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 18%;
    right: 13%;
    margin-top: -10%;
}
 
    #sidebar1.aktion{
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 15%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
    color: darkblue;
}
	#footer.aktion{
	margin-top: 4%;
	clear:both;
	width:100%;
	background-color: #9194CF99;
  position:relative;
		top: -1%;
    margin-bottom: 5px;
	height: 164px;
	}
    #copy.aktion{
     width:100%;
        top:8%;
    height:82px;    
     display: inherit;
     left: -17%;
    }
    

    #footer.aktion {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
}
     .nav {
    width: 90%;
    height: 15%;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    left: 13%;
    top: 85%;
    padding-top: 5px;
    margin: -11px;
  }
   #dot6{
    position: relative;
    top: -25px;
    left: -6px;
  }
  
}@media screen and (max-width:2048px){
  
   
   
    #headline.slide{
        position: relative;
        display: block;
        margin-top:-10%;
        height: 40%;
        width: 80%;
    }
    #dreieck.slide{
        position: absolute;
        display: block;
        margin-left:21%;
        top:55%;
        max-width: 23%;
    }
     #headline.slide {
    position: relative;
    display: block;
    margin-top: -9%;
    height: 40%;
    width: 90%;
         left:-17%;
    top: 52%;
  }
    h1.slide{
        position: relative;
        display: block;
        top:2%;
        height: auto;
        font-size: 259%;
    }
 #i1, #i2; #i3, #i4;#i5, #i6{
	display:none;
}
    header.slide{
        position: relative;
        display: block;
        top:-14%; 
        width: 59%;
        height: auto;
    }

  label.dots {
  top: -25%;
  width: 27px;
  height: 11px;
  margin: 19px 70px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background: rgba(0,0,0,.6);
  border: solid 1px #332c2c;
        left: 15px;
    }
    .container {
  margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
  margin-top: 30px;
  margin-left: -246px;
  position: relative;
  width: 85%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: -12px;
}
    #rechnung{
  position: relative;
  top:80px;
    }
    #textfeld.textfeldre {
  margin-left: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-top: 5px;
  width: 238px;
}
    #textfeld.tel {
  padding-right: 15px;
  padding-top: 60px;
}
        #medien.gutsch{
    position: absolute;
    top:26%;
     left:77%;       
    width: 31%;
    height: auto;
    display: table-cell;
        }   
    td.zwischen {
  display: table-cell;
  height: 20px;
}
    td.zwischenoder {
  display: table-cell;
  height: 65px;
}
    a.termonl{ 
    position: relative;
    top: -10px;
    }
    a.slide{
    position: relative;
    top: -40px;
    left:60px;
    color: aliceblue;
    background-color:navy;
    }
    #sprung.slide{
       position: relative;
        left:8%;
        top:-500px;
        width:100px;
        height: 27px;
        display:block;
       border: 3px outset #afaeae;
       padding: 1% 3%;
    }
    .slide_img img {
  width: 100%;
  height: 70%;
  top: -7px;
  position: relative;
  border: solid 8px white;
  left: -12px;
}
    #zurbest {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: #551a8b;
  height: 47px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 162px;
  margin-top: 28%;
  padding-left: 30px;
  margin-right: 0%;
  position: fixed;
  top: -17px;
  display: inline;
  float: right;
  left: 81%;
  border: 3px outset #d4d2d2;
  font-family: serife;
}
   #gutschein.slide {
  position: fixed;
  width: 148px;
  top: 19%;
  left: 404px;
  display: block;
  height: auto;
  margin-left: 740px;
  padding-bottom: 10px;
  padding-right: 9px;
  background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
  border: 5px gray;
  text-align: center;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 5px;
  font-style: oblique;
    }
    slides{
       display: none;   
    }
.pre, .nxt{
width:12%;
height:100%;
position:absolute;
top: 0; 
background: rgba {88,88,88,.4};
z-index:99;
cursor:pointer;	
}

.pre{
	left:0;
}
.nxt{
	right:0;
}
    input.put{
        position: relative;
        left:160px;
        margin-top:-15%;
        width: 1px;
    }
.nav{
	width:47%;
	height:auto;
	bottom:-47px;
	position: absolute;
	text-align:center ;
	z-index:99;
	left: 23%;
	top: 110%;
}
  
.dots{
	top:-138px;
	width:11px;
	height:11px;
	margin:0px 45px;
	position: relative;
	border-radius:50%;
	display: inline-block;
	background: rgba(0,0,0,.6);
	border: solid 1px #332c2c;
	left: -7px;
	font-size: 85%;
	font-family: serife;
	font-style: oblique;
    text-align:center;
} 
    .dots hover{
     color:blue;
        font-size:90%;
    }
    #hover {
     color:blue;
        font-size:90%;     
    }
    
.slide.img{
	z-index:-1;
    
}

.container{ 
margin: 0 auto;
  margin-top: 0px;
margin-top: 0px;
margin-top: 122px;
position: relative;
width: 74%;
height: 5px;
padding-bottom: 40%;
background: #c6e6f2;
border: solid 2px grey;
top: 17%;
left: -16%;
}   

.container .slide_img{
	position:absolute;
	width:80%;
	height:80%;
	margin-left:75px;
	top: 57px;
}
.slide_img{
	position:absolute;
	width:100%;
	height:100%;
    }

.slide_img img{
width:100%;
	height:86%;
top: 19px;
position: relative;
border: solid 8px white;
left: 8%;  
}
    #wechselbild2.aktion {
  position: absolute;
  left: 670px;
  top: 55%;
  width: 300px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: darkblue;
}
    #wieder{
    font-style: oblique;
    font-size:156%;
    position: relative;
    top:-6px;
    left:483px;
    color: darkblue;
    font-family: serife;
    /*! float: left; */
    width: 250px;
    }
    
    h5.üfuss {
  font: 98%;
  left: -7px;
  position: relative;
  top: -88px;
  margin-top: 1%;
  font-style: italic;
  width: 285px;
}
    wechselbild4.aktion{
        display:none; 
    }
    ul.aktion{
     font-family: serife;
      line-height:1.2em;
     position: relative;
     top: -76px;
     width: 90%;
    }
    #preiseinkl {
  position: relative;
  float: right;
  top: 14px;
  margin-bottom: -4%;
  margin-right: 11%;
  margin-top: 10px;
}
    #wechselbild3.allg {
  left: 22px;
  position: relative;
  top: 1px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: #07076a; 
}
    h6.üfuss {
  font-size: 91%;
  left: -7px;
  position: relative;
  top: -83px;
  margin-top: 1%;
  font-style: oblique;
  width: 285px;
} 
    p {
    background-color: #DDEFDE;
    opacity: 0.97;
    font: small-caps 18px;
    color: navy;
    border-style: outset;
    border-radius: 20px;
    border-color: #008000;
    font: 90%/1.2 serif;
    letter-spacing: 2.0;
    padding: 38px;
    padding-top: 38px;
    padding-right: 38px;
    padding-bottom: 38px;
    padding-left: 10%;
    margin-top: -33%;
    margin-left: 13%;
    margin-bottom: -40px;
    width: 83%;
    height: auto;
    padding-top: 20px;
    top: 2%;
    left: 4%;

}
    #wechselbild4.aktion {
display:block; 
    width: 85%;
    top: 36%;
    left: 8%;
position: relative;
}
    #rankefuss {
    display: inline;
    position: absolute;
    top: -1%;
    left: 53%;
}
    #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
}
     #tablefuss.aktion {
    width: 33%;
    position: absolute;
    top: 64%;
    left: 9%;
    height: 544px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
}
    #summary.aktion {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
}
    #navileiste.aktion {
    position: absolute;
    margin-top: 18%;
    float: right;
    left: 69%;
}
 

    #fussnote.aktion {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
}
    #spruchstart.aktion {
    height: 87%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: 38px;
    background: linear-gradient(to right, #baca1e 0%,#3a5705 99%);
    background-color: rgba(0, 0, 0, 0);
}
 
    #ampel.aktion {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
}
    
    #headline.aktion
    {
      background-color:#bcf7b466;
        width:100%;
        position:relative;
        top:-195px;
        left:1px;
        margin-top:18%;
        height:150px;
      border-bottom: 2px dotted white;
    }

    h1.aktion {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    margin-top: 48px;
}

    #main.aktion {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
}

	#dreieck.aktion{
		position:relative;
		top:13%;
		left: -34px;
	}
#sprung, #sprung.aktion{
		display:none;
	}
 
    #starttableindex.aktion {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: 8%;
    margin-left: 86px;
    margin-top: 33px;
}

    #wrapper.aktion {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
        margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
}
	#main.aktion{
	width:100%;
	float:left;
	background-color: #caf9c3;
	top:-9%;
	margin-top:-116px;
	margin-bottom: 10px;
    height:1302px;
	position: relative;
}
	header.aktion{
	width: 100%;
	position:relative;
	top: -4%;
	margin-bottom: 5px;
	height: 300px;
	}
    #wechselbild3.aktion {
    left: 7%;
    top: 32%;
    width: 84%;
}
    h1.aktion {
    top: -139px;
    left: -6%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    width: 600px;
    float: left;
}
 
    #nav.aktion{
		width:95%;
		margin-top:1%;
		margin-bottom:10px;
		position: fixed;
        top:6px;
		font-size: 110%;
		margin:0 auto; 
        height:58px;
        background-color:#60ba4b33; 
		width: 100%;
		left: 115px;
	}
    #navyquer.aktion {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-left: -17;
    height: 50px;
    left: -68%;
    float: left;
    margin-top: -227px;
}

    #sidebar.aktion {
    width: 18%;
    height: 376px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 18%;
    right: 13%;
    margin-top: -10%;
}
 
    #sidebar1.aktion{
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 15%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
    color: darkblue;
}
	#footer.aktion{
	margin-top: 4%;
	clear:both;
	width:100%;
	background-color: #9194CF99;
  position:relative;
		top: -1%;
    margin-bottom: 5px;
	height: 164px;
	}
    #copy.aktion{
     width:100%;
        top:8%;
    height:82px;    
     display: inherit;
     left: -17%;
    }
    

    #footer.aktion {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
}
    
     .nav {
    width: 90%;
    height: 13%;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    left: 10%;
    top: 89%;
    padding-top: 18px;
  }
   #dot6{
    position: relative;
    top: -25px;
    left: -6px;
  }
  
}

@media screen and (max-width:2000px){
  
   
   
    #headline.slide{
        position: relative;
        display: block;
        margin-top:-10%;
        height: 40%;
        width: 80%;
    }
    #dreieck.slide{
        position: absolute;
        display: block;
        margin-left:21%;
        top:55%;
        max-width: 23%;
    }
     #headline.slide {
    position: relative;
    display: block;
    margin-top: -9%;
    height: 40%;
    width: 90%;
         left:-17%;
    top: 52%;
  }
    h1.slide{
        position: relative;
        display: block;
        top:2%;
        height: auto;
        font-size: 259%;
    }
 #i1, #i2; #i3, #i4;#i5, #i6{
	display:none;
}
    header.slide{
        position: relative;
        display: block;
        top:-14%; 
        width: 59%;
        height: auto;
    }
    label.dots {
        top: -31%;
        width: 1px;
        height: 13px;
        margin: 19px 74px;
        position: relative;
        display: inline-block;
        background: rgba(0, 0, 0, .6);
        border: solid 1px #332c2c;
        left: -18px;
        padding: 2px 13px;
    }
    
    .container {
  margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
  margin-top: 30px;
  margin-left: -246px;
  position: relative;
  width: 85%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: -12px;
}
    #rechnung{
  position: relative;
  top:80px;
    }
    #textfeld.textfeldre {
  margin-left: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-top: 5px;
  width: 238px;
}
    #textfeld.tel {
  padding-right: 15px;
  padding-top: 60px;
}
        #medien.gutsch{
    position: absolute;
    top:26%;
     left:77%;       
    width: 31%;
    height: auto;
    display: table-cell;
        }   
    td.zwischen {
  display: table-cell;
  height: 20px;
}
    td.zwischenoder {
  display: table-cell;
  height: 65px;
}
    a.termonl{ 
    position: relative;
    top: -10px;
    }
    a.slide{
    position: relative;
    top: -40px;
    left:60px;
    color: aliceblue;
    background-color:navy;
    }
    #sprung.slide{
       position: relative;
        left:8%;
        top:-500px;
        width:100px;
        height: 27px;
        display:block;
       border: 3px outset #afaeae;
       padding: 1% 3%;
    }
    .slide_img img {
  width: 100%;
  height: 70%;
  top: -7px;
  position: relative;
  border: solid 8px white;
  left: -12px;
}
    #zurbest {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: #551a8b;
  height: 47px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 162px;
  margin-top: 28%;
  padding-left: 30px;
  margin-right: 0%;
  position: fixed;
  top: -17px;
  display: inline;
  float: right;
  left: 81%;
  border: 3px outset #d4d2d2;
  font-family: serife;
}
   #gutschein.slide {
  position: fixed;
  width: 148px;
  top: 19%;
  left: 404px;
  display: block;
  height: auto;
  margin-left: 740px;
  padding-bottom: 10px;
  padding-right: 9px;
  background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
  border: 5px gray;
  text-align: center;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 5px;
  font-style: oblique;
    }
    slides{
       display: none;   
    }
.pre, .nxt{
width:12%;
height:100%;
position:absolute;
top: 0; 
background: rgba {88,88,88,.4};
z-index:99;
cursor:pointer;	
}

.pre{
	left:0;
}
.nxt{
	right:0;
}
    input.put{
        position: relative;
        left:160px;
        margin-top:-15%;
        width: 1px;
    }
.nav{
	width:47%;
	height:auto;
	bottom:-47px;
	position: absolute;
	text-align:center ;
	z-index:99;
	left: 23%;
	top: 110%;
}
       #dotname {
        position: relative;
        width: 242px;
        left: -141px;
        font-size: 139%;
        top: -84px;
        padding: 0px 26px 10px 17px;
        margin: -2px -3px;
    }
    #dotname.5{
        
    }
.dots{
	top:-138px;
	width:11px;
	height:11px;
	margin:0px 45px;
	position: relative;
	border-radius:50%;
	display: inline-block;
	background: rgba(0,0,0,.6);
	border: solid 1px #332c2c;
	left: -7px;
	font-size: 85%;
	font-family: serife;
	font-style: oblique;
    text-align:center;
} 
    .dots hover{
     color:blue;
        font-size:90%;
    }
    #hover {
     color:blue;
        font-size:90%;     
    }
    
.slide.img{
	z-index:-1;
    
}

.container{ 
margin: 0 auto;
  margin-top: 0px;
margin-top: 0px;
margin-top: 122px;
position: relative;
width: 74%;
height: 5px;
padding-bottom: 40%;
background: #c6e6f2;
border: solid 2px grey;
top: 17%;
left: -16%;
}   

.container .slide_img{
	position:absolute;
	width:80%;
	height:80%;
	margin-left:75px;
	top: 57px;
}
.slide_img{
	position:absolute;
	width:100%;
	height:100%;
    }

.slide_img img{
width:100%;
	height:86%;
top: 19px;
position: relative;
border: solid 8px white;
left: 8%;  
}
    #wechselbild2.aktion {
  position: absolute;
  left: 670px;
  top: 55%;
  width: 300px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: darkblue;
}
    #wieder{
    font-style: oblique;
    font-size:156%;
    position: relative;
    top:-6px;
    left:483px;
    color: darkblue;
    font-family: serife;
    /*! float: left; */
    width: 250px;
    }
    
    h5.üfuss {
  font: 98%;
  left: -7px;
  position: relative;
  top: -88px;
  margin-top: 1%;
  font-style: italic;
  width: 285px;
}
    wechselbild4.aktion{
        display:none; 
    }
    ul.aktion{
     font-family: serife;
      line-height:1.2em;
     position: relative;
     top: -76px;
     width: 90%;
    }
    #preiseinkl {
  position: relative;
  float: right;
  top: 14px;
  margin-bottom: -4%;
  margin-right: 11%;
  margin-top: 10px;
}
    #wechselbild3.allg {
  left: 22px;
  position: relative;
  top: 1px;
}
    h6.oben {
  font-size: 122%;
  left: 329px;
  position: relative;
  top: -302px;
  margin-top: 1%;
  font-style: oblique;
  width: 479px;
  font-family: serife;
  color: #07076a; 
}
    h6.üfuss {
  font-size: 91%;
  left: -7px;
  position: relative;
  top: -83px;
  margin-top: 1%;
  font-style: oblique;
  width: 285px;
} 
    p {
    background-color: #DDEFDE;
    opacity: 0.97;
    font: small-caps 18px;
    color: navy;
    border-style: outset;
    border-radius: 20px;
    border-color: #008000;
    font: 90%/1.2 serif;
    letter-spacing: 2.0;
    padding: 38px;
    padding-top: 38px;
    padding-right: 38px;
    padding-bottom: 38px;
    padding-left: 10%;
    margin-top: -33%;
    margin-left: 13%;
    margin-bottom: -40px;
    width: 83%;
    height: auto;
    padding-top: 20px;
    top: 2%;
    left: 4%;

}
    #wechselbild4.aktion {
display:block; 
    width: 85%;
    top: 36%;
    left: 8%;
position: relative;
}
    #rankefuss {
    display: inline;
    position: absolute;
    top: -1%;
    left: 53%;
}
    #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
}
     #tablefuss.aktion {
    width: 33%;
    position: absolute;
    top: 64%;
    left: 9%;
    height: 544px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
}
    #summary.aktion {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
}
    #navileiste.aktion {
    position: absolute;
    margin-top: 18%;
    float: right;
    left: 69%;
}
 

    #fussnote.aktion {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
}
    #spruchstart.aktion {
    height: 87%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: 38px;
    background: linear-gradient(to right, #baca1e 0%,#3a5705 99%);
    background-color: rgba(0, 0, 0, 0);
}
 
    #ampel.aktion {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
}
    
    #headline.aktion
    {
      background-color:#bcf7b466;
        width:100%;
        position:relative;
        top:-195px;
        left:1px;
        margin-top:18%;
        height:150px;
      border-bottom: 2px dotted white;
    }

    h1.aktion {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    margin-top: 48px;
}

    #main.aktion {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
}

	#dreieck.aktion{
		position:relative;
		top:13%;
		left: -34px;
	}
#sprung, #sprung.aktion{
		display:none;
	}
 
    #starttableindex.aktion {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: 8%;
    margin-left: 86px;
    margin-top: 33px;
}

    #wrapper.aktion {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
        margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
}
	#main.aktion{
	width:100%;
	float:left;
	background-color: #caf9c3;
	top:-9%;
	margin-top:-116px;
	margin-bottom: 10px;
    height:1302px;
	position: relative;
}
	header.aktion{
	width: 100%;
	position:relative;
	top: -4%;
	margin-bottom: 5px;
	height: 300px;
	}
    #wechselbild3.aktion {
    left: 7%;
    top: 32%;
    width: 84%;
}
    h1.aktion {
    top: -139px;
    left: -6%;
    position: relative;
    font-family: serife;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    width: 600px;
    float: left;
}
 
    #nav.aktion{
		width:95%;
		margin-top:1%;
		margin-bottom:10px;
		position: fixed;
        top:6px;
		font-size: 110%;
		margin:0 auto; 
        height:58px;
        background-color:#60ba4b33; 
		width: 100%;
		left: 115px;
	}
    #navyquer.aktion {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-left: -17;
    height: 50px;
    left: -68%;
    float: left;
    margin-top: -227px;
}

    #sidebar.aktion {
    width: 18%;
    height: 376px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 18%;
    right: 13%;
    margin-top: -10%;
}
 
    #sidebar1.aktion{
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 15%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
    color: darkblue;
}
	#footer.aktion{
	margin-top: 4%;
	clear:both;
	width:100%;
	background-color: #9194CF99;
  position:relative;
		top: -1%;
    margin-bottom: 5px;
	height: 164px;
	}
    #copy.aktion{
     width:100%;
        top:8%;
    height:82px;    
     display: inherit;
     left: -17%;
    }
    

    #footer.aktion {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
}
    .nav {
        width: 100%;
        height: 13%;
        bottom: -47px;
        position: absolute;
        text-align: center;
        z-index: 99;
        left: 3%;
        top: 89%;
        padding-top: 18px;
    }
   #dot6{
    position: relative;
    top: -25px;
    left: -6px;
  }
  
}
@media screen and (max-width:1600px)
    {
         .nav {
    width: 90%;
    height: auto;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    left: 3%;
    top: 89%;
  }
         #dot5.dots{
    position: relative;
    top: -15px;
  }
        td.hoerer{
            display: none;
        }    
        .slide_img img {
  width: 112%;
  height: 95%;
  top: -7%;
  position: relative;
  border: solid 8px white;
  left: 6%;
}
  
        input.put{
     margin-top:-147%;       
     display: block;
     top: -230%;
        }
        .container{
position: relative;
left: -5%;
width: 88%;
        }       
        .slides{
   height: 5px;          
        }     
    }

@media screen and (max-width: 1500px) {
 
}

@media screen and (max-width: 1350px) {
  .nav {
    width:80%;
    height: 72px;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    left: 9%;
    top: 89%;
  }
     #dot5.dots {
    position: relative;
    top: -17px;
    left: 2px;
  }
    #dot6.dots {
    position: relative;
    top: -20px;
  }
      h1.slide {
    position: a;
    display: block;
    top: 17%;
    width: 107%;
    left: -10%;
  }
}
@media screen and (max-width: 1230px) {
  .nav {
    width: 84%;
    /*! height: 500px; */
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    left: 9%;
    top: 92%;
  }
      label.dots {
        top: -31%;
        width: 124px;
        height: 5px;
        margin: -1px 33px;
        position: relative;
        border-radius: 5px;
        display: inline-block;
        background: rgba(0, 0, 0, 0);
        border: solid 1px #332c2c00;
        left: 15px;
    }
}
@media screen and (max-width: 1040px) {
  .container {
    position: relative;
    left: -5%;
    width: 88%;
  }
}
@media screen and (max-width:1000px){
    td.hoerer{
        display: block;
    }
    td{
        width:180px;
    }
    .container .slide_img {
  position: absolute;
  width: 80%;
  height: 80%;
  margin-left: 104px;
  top: 57px;
  margin-bottom: 24px;
}
      #medien.slide{
    position: absolute;
    margin-top: -125%;
    left: 81%;
    width: 31%;
    height: auto;
    display: table-cell;
    position: absolute;
  }
    #sprung.slide{
    position: relative;
    width:97px;
        top:-33%; 
        left:-3%;
    display: block;
    height: auto;
    margin-left: 740px;
    padding-bottom: 10px;
    padding-right: 9px;
    background: linear-gradient(to right, #aea8ad 0%,#ab9cabc4 99%);
    border: 5px gray;
    }
    #gutschein.slide{
    position: fixed;
    width:131px;
        top:19%; 
        left:-33px;
    display: block;
    height: auto;
    margin-left: 740px;
    padding-bottom: 10px;
    padding-right: 9px;
    background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
    border: 5px gray;
    text-align: center;
    border-radius: 10px;
    padding-top: 7px;
    padding-left: 5px;
        font-style: oblique;
    }
 
    
 .container {
  margin: 0 auto;
  margin-top: 30px;
  margin-left:-3%;   
  position: relative;
  width: 98%;
  padding: 24% 2%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: 1%;
  font: 90% serif;
}   
}

    { 
    @media screen and (max-width: 1600px) {
  td.hoerer {
    display: block;
  }
}
   .nav {
   width: 32%;
   margin-top: 6px;
   left: 93%;
   top: 24%;
        }
   .dots {
  top: -25px;
  width: 11px;
  height: 11px;
  margin: 0px 45px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background: rgba(0,0,0,.6);
  border: solid 1px #332c2c;
  left: -1%;  
        }
    #dot4.dots,#dot5.dots,#dot6.dots{
     position: relative;
     top:-25%;
     margin-top: 14px;
        }
         .slide_img img {
    width: 112%;
    height: 95%;
    top: -13%;
    position: relative;
    border: solid 8px white;
    left: -1%;
  }
}   
@media screen and (max-width: 900px) {
  
    td.hoerer{
     display: block;
        height: 30px;
    }
     a.slide {
    position: relative;
    top: -35px;
    left: 50px;
    color: aliceblue;
    background-color: navy;
  }
      #medien.slide {
    position: absolute;
    margin-top: -151%;
    left: 81%;
    width: 31%;
    height: auto;
    display: table-cell;
    position: absolute;
  }
    .container{
        width: 101%;
        height: auto;
        left: -11%;
    }
      .slide_img img {
    width: 112%;
    height: 81%;
    top: 1%;
    position: relative;
    border: solid 8px white;
    left: 1%;
  }
.nav{
    left: 102%;
    width:80px;
    top: 28%;
}
     #dot4.dots, #dot5.dots, #dot6.dots {
    position: relative;
    top: -24px;
  }
#main.slide{
    margin-top:4%;
}
td {
  display: block;
  margin-top: -68px;
  width: 163px;
  height: 40px;
  top: 23px;
  position: relative;
 left:30px;
}
}

@media screen and (max-width: 800px) {
     #dot4.dots, #dot5.dots {
        position: relative;
        top: -54px;
    }
    #dot6.dots {
    position: relative;
    margin-top: 81px;
        margin-left:1px;
  }
    
    .nav {
    left: 82%;
    width: 80px;
    top: 28%;
  }
}
@media screen and (max-width: 700px) {
    
    h1.slide {
    position: a;
   font-size: 192%;
    top: 17%;
    width: 107%;
    left: -10%;
  }
    #medien.slide {
     margin-top: -167%;
    left: 74%;
     }
  .container {
    margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
    margin-top: 30px;
    position: relative;
    width: 129%;
    padding: 24% 2%;
    background: #c6e6f2;
    border: solid 2px grey;
    top: -12px;
    font: 90% serif;
    left: -19%;
  }
     .slide_img img {
    width: 93%;
    height: 87%;
    top: 1%;
    position: relative;
    border: solid 8px white;
    left: -8%;
  }
     .nav {
    width: 28%;
    height: 195px;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    top: 31%;
    left: 77%;
    font-size: 90%;
  }
     #medien.gutsch {
    position: relative;
    top: 10px;
    left: 31%;
    width: 37%;
  }
}
@media screen and (max-width: 650px) {
  #headline.slide {
      margin-top: -9%;
    height: 40%;
    width: 129%;
    left: -28%;
    top: 15%;
  }
      #medien.slide {
    margin-top: -180%;
    left: 67%;
  }
}

@media screen and (max-width: 600px) {
  input.put {
   top: -957%;
    display: block;
      }
}
@media screen and (max-width: 580px) {
  .nav {
    width: 80%;
    height: 195px;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    top: 124%;
    left: 12%;
  }
     #medien.slide {
    margin-top: -180%;
    left: 67%;
  }
}

  @media screen and (max-width:500px)
    {
         #headline.slide {
      margin-top: -9%;
    height: 40%;
    width: 129%;
    left: -28%;
    top: 15%;
  }
          #medien.slide {
    margin-top: -29%;
    left: 12%;
  }
        h1.slide{
        font-size: 192%;
        }
        #medien.gutsch{
    position: relative;
    top:100%;
     left:26%;       
        }     
  .nav {
  width: 80%;
  height: auto;
  bottom: -47px;
  position: absolute;
  text-align: center;
  z-index: 99;
  top: 107%;
  left: 9%;
}  
   #dot4.dots, #dot5.dots, #dot6.dots {
    position: relative;
    top: 6px;
  }
        .slides {
  height: 5px;
}
   #dotname {
  position: relative;
  width: 89px;
  margin-left: -29px;
  font-size: 146%;
  left: -2%;
  margin-top: 6px;
}     
    .container_gs {
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 20px;
  position: relative;
  width: 70%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
}
        #sprung.slide {
  position: fixed;
  width: 139px;
  top: auto;
  left: 125px;
  margin-top: 39%;
  margin-left: 29px;
  text-align: center;
}
     #gutschein.slide {
  position: fixed;
  width: 131px;
  top: 37%;
  left: 113px;
  display: block;
  height: auto;
  margin-left: 40px;
  padding-bottom: 10px;
  padding-right: 9px;
  background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
  border: 5px gray;
  text-align: center;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 5px;
  font-style: oblique;
        }
      input {
  height: 1px;
  border-radius: 5px;
  padding: 4px 4px 0;
  margin-left: -1px;
  margin-top: 18px;
  width: 95px;
  top: -115px;
  position: relative;
}  
        input.put{
     color:green;
            
     left: 5%;
        }
 .container {
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 30px;
  position: relative;
  width: 70%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: -12px;
}
        
        .slide_img img {
  width: 100%;
  height: 78%;
  top: -5%;
  position: relative;
  left: -19px;
} 
  .dots {
  top: -5px;
  width: 4px;
  height: 5px;
  margin: 30px 24px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background: rgba(0,0,0,.6);
  left: 4px;
  font-size: 63%;
  padding-left: 4px;
}
 .container {
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 4%;
  position: relative;
  width: 129%;
  height: 36px;
  padding-bottom: 41%;
  background: #c6e6f2;
  border: solid 2px grey;
  left: -64px;
}

    }

@media screen and (max-width: 440px) {
  .nav {
    width: 89%;
    height: auto;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    top: 110%;
    left: 9%;
  }
}

@media screen and (max-width: 420px) {
  .nav {
    width: 100%;
    height: auto;
    bottom: -47px;
    position: absolute;
    text-align: center;
    z-index: 99;
    top: 117%;
    left: 2%;
  }
     .slide_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 32%;
  }
      label.dots {
    top: -31%;
    width: 1px;
    height: 5px;
          margin: 1px 51px;
             }
    #dot1.dots {
    position: relative;
    left: -30px;
  }
    #dot2.dots {
    position: relative;
    left: -30px;
  }
    #dot3.dots {
    position: relative;
    left: -30px;
  }
    #dot3.dots {
    position: relative;
    left: -30px;
  }
    #dot5.dots {
    position: relative;
    left: -30px;
  }
    #dot6.dots {
    position: relative;
    left: -30px;
  }
     #medien.slide {
    margin-top: -29%;
    left: 12%;
         margin-top:82%;
  }
     #medien.gutsch {
    position: relative;
    top: 10px;
    left: 22%;
  }
     #sprung.slide {
    position: fixed;
    width: 143px;
    top: auto;
    left: 121px;
    margin-top: 34%;
    margin-left: 29px;
    text-align: center;
  }
}

  @media screen and (max-width:370px)
    {
         #sprung.slide {
    position: fixed;
    width: 99px;
    top: auto;
    left: 125px;
    margin-top: 130px;
    margin-left: 29px;
  }
        input.put {
    margin-top:-260%;
    left: 52px;
    display: block;
  }
        #sprung.slide {
  position: relative;
  width: 36%;
  top: auto;
  left: -18%;
  margin-top: -10%;
  margin-left: 2%;
}
     #gutschein.slide {
  position: fixed;
  width: 131px;
  top: 34%;
  left: 100px;
  display: block;
  height: auto;
  margin-left: 40px;
  padding-bottom: 10px;
  padding-right: 9px;
  background: linear-gradient(to right, #aea8ad 0%,#ab9cabab 99%);
  border: 5px gray;
  text-align: center;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 5px;
  font-style: oblique;
        }
      input {
  height: 1px;
  border-radius: 5px;
  padding: 4px 4px 0;
  margin-left: -1px;
  margin-top: 18px;
  width: 95px;
  top: -115px;
  position: relative;
}  
  
 .container {
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 30px;
  position: relative;
  width: 70%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  top: -12px;
}
        
        .slide_img img {
  width: 100%;
  height: 88%;
  top: -15%;
  position: relative;
  left: -11%;
} 
  .dots {
  top: -5px;
  width: 4px;
  height: 5px;
  margin: 9px 19px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  background: rgba(0,0,0,.6);
  left: 4px;
  font-size: 63%;
  padding-left: 4px;
}
 .container {
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 20px;
  position: relative;
  width: 90%;
  height: 0;
  padding-bottom: 40%;
  background: #c6e6f2;
  border: solid 2px grey;
  left: -2%;
}
	}