* {
	
	
margin: 0;
padding: 0;

}	
 body,html {
font: 104% serif;
background-color:#d8f9d3;
background-image: url(hintergrund_site_ganzneu.png); 
background-repeat: no-repeat; 
padding:5px;
margin:auto;
height: auto;
width: 100%;
}

img {
    max-width: 100%;
}
#pfeil, #menue {
  opacity: 0.8;
  right: 11%;
  margin-bottom: 0;
  position: fixed;
  top: 79%;
}

header, main, nav, footer, hgroup, details {
	display: block; 
}

header{
	width: 99%; 
	background: url(gruenskal.png) no-repeat;
	background-attachment: absolute;
	margin-bottom: 10px;
	height: 200px;
	margin-left: 62px;
    top:57px;
	background: #add8e6ed;
}
#wrapper{
	width: 100%; 
	background: url(gruenskal.png) no-repeat;
	background-attachment: absolute;
	margin-bottom: 10px;
	height: 2000px;
}
#ul.start{
    display:inline;
}


@media screen and (max-width:2560px){
  
    ul.copy, ul.start{
        display:inline;
    }
     h2.salz {
        font: 145% / 1.4 sans-serif;
        top: 51%;
    }	    	
  #navyquer ul.unter {
  list-style-type: none;
  padding: 0%;
  display: inline;
  position: relative;
  top: 60px;
  border-radius: 10px;
  opacity: 1.0;
  width: 1200px;
  margin-left: -188px;
}
  h6.salz {
  font-size: 128%;
  margin-top: -149px;
  margin-left: -1px;
  font-size: 100%;
  font-style: oblique;
  position: absolute;
  display: block;
  top: auto;
  left: 343px;
  color: navy;
}
  #navyquer .sub a{
  position: relative;
  padding: 5px 8px;
  height: auto;
  top: 5px;
  left: 0px;
  width: 133px;
}
  #herzlich.salz{
 display: block;
 position: relative;
 width: 70%;
  height: auto;
  top:-66px;
  }
  #menue{
    float:left;
   display: block;
    position: fixed;
    top:74%;
   left: 87%;
   width: 30px;
    height: 30px;
  }
  #wechselbild7{
   display: none;  
  }
  #navyquer .top > li {
  position: relative;
  padding: 5px 19px 3px 6px;
  margin-bottom: 3px;
  width: 133px;
  top: 240px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}
 ul.salz {
    display: block;
    position: absolute;
    top: 161%;
    margin-top: 1715px;
    height: auto;
    margin-left: 39px;
    list-style: none;
    font: 120% / 1.6 sans-serif;
    color: #3a2b12;
}
  
  #rankeverl {
  display: block;
  position: fixed;
  top: 55%;
  left: 5%;
  height: 322px;
  position: relative;
  float: left;
  width: 9%;
}
  #bild.salz {
  display: block;
  width: 82%;
  top: -203%;
  left: -163%;
  position: relative;
  margin-top: 53px;
  height: auto;
  border: green;
}
    #gutschein3.gutscheine {
        position: absolute;
        top: 84%;
        left: 14%;
        width: 29%;
    }
  h5.salz {
  left: -3px;
  position: relative;
  top: -14px;
  margin-bottom: 2px;
  width: 400px;
}
   #wrapper.salz {
  width: 1100px;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2000px;
}
  h5 {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -440px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
  position: relative;    
  }
  #gutsch2.ganz{
    /*! left:117px; */
    top:601px;
    width: 83%;
    float: right;
    right: -45%;
    position: absolute;
  }
    #bild.ganz {
  display: block;
  position: absolute;
  width: 28%;
  top: 43px;
  margin-top: 10px;
  left: 55%;
  border-style: outset;
  border-radius: 12px;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 228px;
  height: 140px;
  top: 36px;
    position: relative;
    font: 100%/1.2 serife;
  left: 9px;
}   
  header.salz {
  width: 87%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 400px;
  margin-left: -107px;
  top: -35px;
  background: #add8e600;
  left: 148px;
} 
  #verlauf.ganz {
  font: 99% bold;
  height: 222px;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 617px;
  top: 58%;
  width: 476px;
  position: absolute;
}
  #dreieck.ganz{
  margin-left: 11%;
  max-width: 200px;
  left: 2%;
  top: 13%;
  position: relative;
  margin-top: 172px;
} 
    #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -348px;
  left: 5%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
  #sprung.ganz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
    width: 117px;
  top: 242px;
  margin-left: 22px;
  left: 50%;
  position: fixed;
  }
  
    #wechselbild2.salz {
  top: -371px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
}
    #fruehangeb {
  position: absolute;
  top: 79px;
  width: 10%;
  left: 69%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 86%;
  font-style: oblique;
}
  #fruehangeb.salz {
  position: absolute;
  top: -33px;
  width: 10%;
  left: 87%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 132%;
  font-style: oblique;
}
    #masslink {
  position: absolute;
  top: 19%;
  width: 10%;
  left: 52%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
      #masslink.abhy {
  position: absolute;
  top: 19%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
    #bild.salz {
        display: block;
        width: 129%;
        top: auto;
        left: -259%;
        position: absolute;
        margin-top: 71%;
        height: auto;
        border: green;
    }
     #bild.abhy{
       display: block; 
       width:22%; 
        top:-136px;
        left:77%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
    }
     #bild2.tulp{
       display: block; 
       width:16%; 
        top:12%;
        left:50%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
         padding:8px;
    }
    #main{
        top:533px;
        background: #f0808000;
        height: auto;
        position: absolute;
        width: 96%;
    }
    #navyquer.salz {
  position: relative;
  top: -67%;
  margin-right: 5%;
  margin-left: 2%;
  width: 920%;
  left: -45%;
  margin-top: auto;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 270px;
  float: left;
  top: 134px;
  margin-top: -157px;
}
    #tablefuss.salz {
  height: 700px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: -22%;
  float: left;
  top: 410px;
  width: 23%;
  text-align: center;
  padding-left: 9%;
}
     #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: 6%;
  float: left;
  top: -14%;
  width: 19%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}
    #kurztextsalz {
  display: block;
  margin-top: -765%;
  width: 104%;
  height: 140px;
  top: 60%;
  position: relative;
  margin-left: -63px;
  font-size: 121%;
  font: 122%/1.2 serif;
}
  td {
  display: block;
  margin-top: -68px;
  width: 200px;
  height: 14px;
  top: 23px;
}
#wechselbild2.salz {
        left: 6%;
        top: -31%;
        position: relative;
        margin-top: -40%;
        width: 121%;
    }
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: 77%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
    #wieder {
  font-size: 70%;
  font-style: italic;
  color: grey;
  top: -1252%;
  position: relative;
  left: -63px;
  width: 400px;
}
    #sprung.salz {
  background: linear-gradient(to right, #d667b5 0%,#bb4091 99%);
color: #c5ffb5;
height: 35px;
padding-top: 8px;
padding-bottom: -12px;
border-radius: 10px;
width: 296px;
margin-top: 28%;
padding-left: 11px;
margin-right: 33%;
position: fixed;
top: 19px;
display: inline;
float: left;
left: 22%;
text-shadow: 2px 2px 2px #fff;
border-color: #d3509a;
  text-align: center;
  font-size: 119%;
}
   #ampel {
  border-radius: 30px;
  display: table-cell;
  left: 94%;
  position: absolute;
  top: -18%;
  width: 35%;
  border-style: outset;
  border-color: #223a06;
  dding: 8px;
  background-color: #befbb3fa;
}
    #ampel1.orchi{
        display: none;
    }
     
    #ampelverl.orchilicht{
    width:110%;    
    position: absolute;
    top: 10px;
    margin-top: 10px;
    margin-bottom: 8px;
        height: auto; 
    }
  #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -18%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
    
    #ampel.kurztext {
        border-radius: 30px;
        display: table-cell;
        left: 94%;
        position: absolute;
        top: -16%;
        width: 28%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb3fa;
        height: 467px;
    }
    #anwend{
        width:91%;
        top: 88px;
        position: relative;
        text-align: center;
        margin-left: 29px;
    }
      td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -150px;
}
	 #spruchklass,#verlauf.salz {
    display: none;
}
    header.salz {
        width: 116%;
        background-attachment: absolute;
        margin-bottom: 10px;
        height: 415px;
        margin-left: 4%;
        top: auto;
        margin-top: 2px;
        background: #ceb555;
        left: auto;
        padding: 3% 15%;
    }
 #dreieck.salz {
        margin-left: 11%;
        max-width: 200px;
        left: 13%;
        top: -21%;
        position: relative;
        margin-top: 258px;
        margin-bottom: 50px;
    }

    #starttableklass.salz {
        background: #eaeab1;
        width: 70%;
        height: auto;
        padding-top: 71px;
        padding-left: 62px;
        top: auto;
        left: auto;
        display: block;
        text-align: center;
        margin-top: -36px;
        float: left;
        position: absolute;
        padding-bottom: 6%;
        margin-left: 101px;
    }
    #starttableklass.salz {
        background: #eaecb9;
        width: 70%;
        height: auto;
        padding-top: 71px;
        padding-left: 62px;
        top: 6%;
        left: 6%;
        display: block;
        text-align: center;
        margin-top: -36px;
        float: left;
        position: absolute;
        padding-bottom: 6%;
        margin-left: 101px;
    }
    #sprung.salz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 140px;
  margin-top: 28%;
  padding-left: 37px;
  margin-right: 2%;
  position: fixed;
  top: -6%;
  display: none;
  float: right;
  left: 57%;
  padding-right: 25px;
}
    #rankeverl {
  display: block;
  position: fixed;
  top: 2%;
  left: 483px;
  height: 422px;
  position: relative;
  float: left;
  width: 60%;
  
}
     #termin.salz {
        width: 206px;
        margin-top: 21%;
        padding-left: 2px;
        margin-right: 2%;
        position: relative;
        top: 137px;
        display: inline;
        float: left;
        left: 31%;
        text-align: center;
        background: #a8cd44d9;
        height: 33px;
        border-radius: 16px;
        font-size: 112%;
        border: #88a972;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-style: outset;
        border-radius: 10px;
        height: 30px;
        padding-top: 12px;
    }
  #naviunten{
     display:none;
    }
    #termin.ganz {
  width: 277px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
        top: -896px;
    }
    
     #main.salz {
        height: 1400px;
        top: auto;
        position: relative;
        background: #ceb55587;
        left: 41px;
        width: 101%;
        margin-bottom: 50px;
        padding: 2% 25% 39%;
        margin-top: -2%;
    }
    #termin{
     position: relative;
        left:-90px;
     top: 419px;
    }
	td.salz {
    width: 38%;
    position: relative;
    top: -24px;
}
    #gutsch2.salz {
        position: absolute;
        top: 66%;
        left: 6%;
        width: 420px;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
    #navileiste.ganzkörp {
  color: rgb(0, 0, 128);
  font: 71% serif;
  top: -41%;
  position: relative;
  float: right;
  right: 115%;
}
 #gutsch2.salz {
  position: absolute;
  top: 73%;
  left: 6%;
  width: 420px;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
    #startfuss.salz {
    font: 122%/1.2 serif;
    width: 88%;
    margin-left: -10px;
}
	
#startfuss.salz {
        font: 142% / 1.6 sans-serif;
        width: 88%;
        margin-left: 20px;
        margin-top: 5%;
        color: #411d10de;
    }	
	
	#spruchklass {
    left: 238px;
    top: 111%;
    width: 305px;
    height: 180px;
    margin-top: 0px;
    margin-left: 750px;
    position: absolute;
}
	
	
h1.abhyanga {
    top: 55px;
    left: -7px;
    font-size:60px;
}	
	#navyquer.salz {
  margin-top: 1%;
  position: relative;
  top: -82%;
  display: inherit;
  text-align: center;
  left: 50%;
  width: 146%;
  margin-left: 248px;
}
    
#verlauf.salz {
    height: 407px;
    padding: 21px;
    top: 660px;
    width: 239px;
    margin-left: -27%;
    margin-top: 96px;
    background: #d8f9d3;
    color: #494747;
    font: 79%/1.2 serif;
    float: left;
    left: 94%;
    font-style: oblique;
    font-family: serife inherit;
    font-size: 104%;
}
    #ampel.salz {
        height: 322px;
        margin-bottom: 100px;
        margin-top: 179%;
        padding-top: 8px;
        position: relative;
        left: -109%;
        float: left;
        top: 62%;
        width: 90%;
    }
      #ampel1.salz {
    border-radius: 30px;
    display: block;
    left: 463px;
    position: absolute;
    top: 271px;
    width: 74%;
}
    #tablefuss.salz {
        height: 590px;
        margin-bottom: 100px;
        margin-top: 7%;
        padding-top: 86px;
        position: relative;
        left: 78%;
        float: left;
        top: -9%;
        width: 28%;
        padding-bottom: 50%;
        background: #e3c38be0;
    }	
    h5.salz{
    left: -3px;
    position: relative;
    top: -14px;
    margin-bottom: 2px;
}
#copy.home {
    width: 72%;
    left: 21%;
    height: auto;
    display: inherit;
    text-align: center;
    top: 208%;
    text-align: center;
}
 #footer.salz {
    width: 62%;
    left: 3%;
    height: 127px;
    padding: 11px;
    display: inherit;
    text-align: center;
    top:auto;
    text-align: center;
    background-color: #80808000;
    position: relative;
    margin-top: 97%;
} 
    #copy.salz {
  font-size: 77%;
  color: #100780;
  font-weight: bold;
  font-style: italic;
  top: -152px;
  left: 7%;
  width: 112%;
  height: 102px;
  display: inherit;
  margin-top: 193px;
}
    td.kurztextfuss {
    font: 100%/1.2 serife;
    width: 41%;
    float: left;
    margin-top: -21%;
    margin-left: -12%;
    position: relative;
    height: auto;
    margin-top: -79px;
}
    h1 {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -220px;
  left: ;
  width: 1600px;
  margin-left: 361px;
}
     h1.salz {
        font-size: 435%;
        color: #411d10;
        font-weight: bold;
        font-style: italic;
        top: -16%;
        left: -21%;
        width: 80%;
    }
  h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -76px;
  width: 160%;
  margin-left: 361px;
  left: -550px;
}
    h1.gelb {
  font-size: 185%;
  color: #daca73;
  font-weight: bold;
  font-style: italic;
  top: 130px;
  left: -17%;
  width: 600px;
  text-shadow: -5px 3px 3px #402e03;
  border-style: outset;
  border-radius: 15px;
  height: 64px;
  padding-top: 18px;
  background: #d8f9d3d4;
}
    h5.salz{
    position: relative;
        top:-46px;
        width:300px;   
    }
    h5.salz {
  left: -3px;
  position: relative;
  top: 458%;
  margin-bottom: 2px;
}
    td.kurztextfuss {
  font: 100%/1.2 serife;
  width: 45%;
  float: left;
  margin-top: -21%;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -22px;
}
   td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: -39px;
}
    #copy.salz {
  display: inline-block;
  margin-top: -16px;
  top: auto;
  width: 112%;
  height: 80px;
  left: 8px;
  position: relative;
}
    #copy li {
  width: 99%;
  text-decoration: none;
  display: inline;
  margin-top: 10px;
  text-align: center;
}
    #footer.salz{
   position: relative;
   display: inline-block;
   width: 85%;     
   top: -3%;
   margin-top: 40%;
   left: 98px;
    }

}

@media screen and (max-width:2048px){
  
    ul.copy, ul.start{
        display:inline;
    }
    h2.salz {
        font-size: 177%;
        color: messing;
        left: 2%;
    }
  #navyquer ul.unter {
  list-style-type: none;
  padding: 0%;
  display: inline;
  position: relative;
  top: 60px;
  border-radius: 10px;
  opacity: 1.0;
  width: 1200px;
  margin-left: -188px;
}
  h6.salz {
  font-size: 128%;
  margin-top: -149px;
  margin-left: -1px;
  font-size: 100%;
  font-style: oblique;
  position: absolute;
  display: block;
  top: auto;
  left: 343px;
  color: navy;
}
  #navyquer .sub a{
  position: relative;
  padding: 5px 8px;
  height: auto;
  top: 5px;
  left: 0px;
  width: 133px;
}
  #herzlich.salz{
 display: block;
 position: relative;
 width: 70%;
  height: auto;
  top:-66px;
  }
  #menue{
    float:left;
   display: block;
    position: fixed;
    top:74%;
   left: 87%;
   width: 30px;
    height: 30px;
  }
  #wechselbild7{
   display: none;  
  }
  #navyquer .top > li {
  position: relative;
  padding: 5px 19px 3px 6px;
  margin-bottom: 3px;
  width: 133px;
  top: 240px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}
 
  #rankeverl {
  display: block;
  position: fixed;
  top: 55%;
  left: 5%;
  height: 322px;
  position: relative;
  float: left;
  width: 9%;
}
 
#gutschein3.gutscheine {
        position: absolute;
        top: 80%;
        left: 34%;
        width: 29%;
    }
  h5.salz {
  left: -3px;
  position: relative;
  top: -14px;
  margin-bottom: 2px;
  width: 400px;
}
   #wrapper.salz {
  width: 1100px;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2000px;
}
  h5 {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}

  #gutsch2.ganz{
    /*! left:117px; */
    top:601px;
    width: 83%;
    float: right;
    right: -45%;
    position: absolute;
  }
    #bild.ganz {
  display: block;
  position: absolute;
  width: 28%;
  top: 43px;
  margin-top: 10px;
  left: 55%;
  border-style: outset;
  border-radius: 12px;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 228px;
  height: 140px;
  top: 36px;
    position: relative;
    font: 100%/1.2 serife;
  left: 9px;
}   
 
  #verlauf.ganz {
  font: 99% bold;
  height: 222px;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 617px;
  top: 58%;
  width: 476px;
  position: absolute;
}
  #dreieck.ganz{
  margin-left: 11%;
  max-width: 200px;
  left: 2%;
  top: 13%;
  position: relative;
  margin-top: 172px;
} 
    #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -348px;
  left: 5%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
  #sprung.ganz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
    width: 117px;
  top: 242px;
  margin-left: 22px;
  left: 50%;
  position: fixed;
  }

    #fruehangeb {
  position: absolute;
  top: 79px;
  width: 10%;
  left: 69%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 86%;
  font-style: oblique;
}
  #fruehangeb.salz {
  position: absolute;
  top: -33px;
  width: 10%;
  left: 87%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 132%;
  font-style: oblique;
}
    #masslink {
  position: absolute;
  top: 19%;
  width: 10%;
  left: 52%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
      #masslink.abhy {
  position: absolute;
  top: 19%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
     #bild.salz {
        display: block;
        width: 129%;
        top: auto;
        left: -283%;
        position: absolute;
        margin-top: 112%;
        height: auto;
        border: green;
    }
     #bild.abhy{
       display: block; 
       width:22%; 
        top:-136px;
        left:77%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
    }
     #bild2.tulp{
       display: block; 
       width:16%; 
        top:12%;
        left:50%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
         padding:8px;
    }
    #main{
        top:533px;
        background: #f0808000;
        height: auto;
        position: absolute;
        width: 96%;
    }
    #navyquer.salz {
  position: relative;
  top: -67%;
  margin-right: 5%;
  margin-left: 2%;
  width: 920%;
  left: -45%;
  margin-top: auto;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 270px;
  float: left;
  top: 134px;
  margin-top: -157px;
}
    #tablefuss.salz {
  height: 700px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: -22%;
  float: left;
  top: 410px;
  width: 23%;
  text-align: center;
  padding-left: 9%;
}
     #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: 6%;
  float: left;
  top: -14%;
  width: 19%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}
    #kurztextsalz {
  display: block;
  margin-top: -765%;
  width: 104%;
  height: 140px;
  top: 60%;
  position: relative;
  margin-left: -63px;
  font-size: 121%;
  font: 122%/1.2 serif;
}
  td {
  display: block;
  margin-top: -68px;
  width: 200px;
  height: 14px;
  top: 23px;
}
     #wechselbild2.salz {
        left: 6%;
        top: -5px;
    }
    #dreieck.salz {
        margin-left: 11%;
        max-width: 200px;
        left: 12%;
        top: -12%;
        position: relative;
        margin-top: 249px;
        margin-bottom: 50px;
    }
    #wieder {
  font-size: 70%;
  font-style: italic;
  color: grey;
  top: -1252%;
  position: relative;
  left: -63px;
  width: 400px;
}
    #sprung.salz {
  background: linear-gradient(to right, #d667b5 0%,#bb4091 99%);
color: #c5ffb5;
height: 35px;
padding-top: 8px;
padding-bottom: -12px;
border-radius: 10px;
width: 296px;
margin-top: 28%;
padding-left: 11px;
margin-right: 33%;
position: fixed;
top: 19px;
display: inline;
float: left;
left: 22%;
text-shadow: 2px 2px 2px #fff;
border-color: #d3509a;
  text-align: center;
  font-size: 119%;
}
   #ampel {
  border-radius: 30px;
  display: table-cell;
  left: 94%;
  position: absolute;
  top: -18%;
  width: 35%;
  border-style: outset;
  border-color: #223a06;
  dding: 8px;
  background-color: #befbb3fa;
}
    #ampel1.orchi{
        display: none;
    }
     
    #ampelverl.orchilicht{
    width:110%;    
    position: absolute;
    top: 10px;
    margin-top: 10px;
    margin-bottom: 8px;
        height: auto; 
    }
  #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -18%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
    
    #ampel.kurztext {
  border-radius: 30px;
  display: table-cell;
  left: 94%;
  position: absolute;
  top: -16%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
  }
    #anwend{
        width:91%;
        top: 88px;
        position: relative;
        text-align: center;
        margin-left: 29px;
    }
      td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -150px;
}
	 #spruchklass,#verlauf.salz {
    display: none;
}
  
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 20%;
  top: -38%;
  position: relative;
  margin-top: 249px;
  
  margin-bottom: 50px;
}
	#starttableklass {
    width: 38%;
    height: 466px;
    padding-top: 93px;
    padding-left: 49px;
    top: auto;
    left: -44%;
		display: inherit;
		text-align: center;
		margin-top:97px;
		float:left;
    position: relative;
}

  #starttableklass.ganz {
  width: 38%;
  height: 466px;
  padding-top: 93px;
  padding-left: 49px;
  top: -109px;
  left: -44%;
  display: inherit;
  text-align: center;
  margin-top: 97px;
  float: left;
  position: relative; 
}
    #sprung.salz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 140px;
  margin-top: 28%;
  padding-left: 37px;
  margin-right: 2%;
  position: fixed;
  top: -6%;
  display: none;
  float: right;
  left: 57%;
  padding-right: 25px;
}
    #rankeverl {
  display: block;
  position: fixed;
  top: 2%;
  left: 483px;
  height: 422px;
  position: relative;
  float: left;
  width: 60%;
  moz-transform: scaleX(-1);
	o-transform: scaleX(-1);
	webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	ms-filter: "FlipH";
	filter: FlipH;    
}
    #termin.salz {
  width: 206px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
  top: -448px;
  display: inline;
  float: left;
  left: 81%;
  text-align: center;
  background: #a8cd44d9;
  height: 33px;
  border-radius: 16px;
  font-size: 112%;
  border: #88a972;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: outset;
  border-radius: 10px;
  height: 30px;
  padding-top: 12px;
    }
  #naviunten{
     display:none;
    }
    #termin.ganz {
  width: 277px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
        top: -896px;
    }

    #termin{
     position: relative;
        left:-90px;
     top: 419px;
    }
	td.salz {
    width: 38%;
    position: relative;
    top: -24px;
}
    #gutsch2.salz {
  position: absolute;
  top: 146%;
  left: 5%;
  width: 48%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
    #navileiste.ganzkörp {
  color: rgb(0, 0, 128);
  font: 71% serif;
  top: -41%;
  position: relative;
  float: right;
  right: 115%;
}
 #gutsch2.salz {
  position: absolute;
  top: 73%;
  left: 6%;
  width: 420px;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}

	
	
	#spruchklass {
    left: 238px;
    top: 111%;
    width: 305px;
    height: 180px;
    margin-top: 0px;
    margin-left: 750px;
    position: absolute;
}
	
	
h1.abhyanga {
    top: 55px;
    left: -7px;
    font-size:60px;
}	
	#navyquer.salz {
  margin-top: 1%;
  position: relative;
  top: -82%;
  display: inherit;
  text-align: center;
  left: 50%;
  width: 146%;
  margin-left: 248px;
}
    
#verlauf.salz {
    height: 407px;
    padding: 21px;
    top: 660px;
    width: 239px;
    margin-left: -27%;
    margin-top: 96px;
    background: #d8f9d3;
    color: #494747;
    font: 79%/1.2 serif;
    float: left;
    left: 94%;
    font-style: oblique;
    font-family: serife inherit;
    font-size: 104%;
}
     #ampel.salz {
        height: 322px;
        margin-bottom: 100px;
        margin-top: 179%;
        padding-top: 8px;
        position: relative;
        left: -395%;
        float: left;
        top: -102%;
        width: 90%;
    }
      #ampel1.salz {
    border-radius: 30px;
    display: block;
    left: 463px;
    position: absolute;
    top: 271px;
    width: 74%;
}
    #tablefuss.salz {
        height: 590px;
        margin-top: -29%;
        padding-top: 86px;
        position: relative;
        left: 76%;
        float: left;
        width: 28%;
    }	
    h5.salz{
    left: -3px;
    position: relative;
    top: -14px;
    margin-bottom: 2px;
}
#copy.home {
    width: 72%;
    left: 21%;
    height: auto;
    display: inherit;
    text-align: center;
    top: 208%;
    text-align: center;
}
 #footer.salz {
    width: 62%;
    left: 3%;
    height: 127px;
    padding: 11px;
    display: inherit;
    text-align: center;
    top:auto;
    text-align: center;
    background-color: #80808000;
    position: relative;
    margin-top: 97%;
} 
    #copy.salz {
  font-size: 77%;
  color: #100780;
  font-weight: bold;
  font-style: italic;
  top: -152px;
  left: 7%;
  width: 112%;
  height: 102px;
  display: inherit;
  margin-top: 193px;
}
    td.kurztextfuss {
    font: 100%/1.2 serife;
    width: 41%;
    float: left;
    margin-top: -21%;
    margin-left: -12%;
    position: relative;
    height: auto;
    margin-top: -79px;
}
    h1 {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -220px;
  left: ;
  width: 1600px;
  margin-left: 361px;
}
    h1.salz {
        font-style: italic;
        top: -20%;
        left: -21%;
        width: 80%;
        position: relative;
        display: inline-block;
    }
  h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -76px;
  width: 160%;
  margin-left: 361px;
  left: -550px;
}
    h1.gelb {
  font-size: 185%;
  color: #daca73;
  font-weight: bold;
  font-style: italic;
  top: 130px;
  left: -17%;
  width: 600px;
  text-shadow: -5px 3px 3px #402e03;
  border-style: outset;
  border-radius: 15px;
  height: 64px;
  padding-top: 18px;
  background: #d8f9d3d4;
}
    h5.salz{
    position: relative;
        top:-46px;
        width:300px;   
    }
    h5.salz {
  left: -3px;
  position: relative;
  top: 458%;
  margin-bottom: 2px;
}
    td.kurztextfuss {
  font: 100%/1.2 serife;
  width: 45%;
  float: left;
  margin-top: -21%;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -22px;
}
   td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: -39px;
}
    #copy.salz {
  display: inline-block;
  margin-top: -16px;
  top: auto;
  width: 112%;
  height: 80px;
  left: 8px;
  position: relative;
}
    #copy li {
  width: 99%;
  text-decoration: none;
  display: inline;
  margin-top: 10px;
  text-align: center;
}
    #footer.salz{
   position: relative;
   display: inline-block;
   width: 85%;     
   top: -3%;
   margin-top: 40%;
   left: 98px;
    }

}

@media screen and (max-width:1900px){
  
    ul.copy, ul.start{
        display:inline;
    }
      h1.salz {
        font-size: 435%;
        /* color: #100780; */
        /* font-weight: bold; */
        /* font-style: italic; */
        top: -300%;
        /* left: -21%; */
        /* width: 80%; */
        margin-top: -49%;
    }
  #navyquer ul.unter {
  list-style-type: none;
  padding: 0%;
  display: inline;
  position: relative;
  top: 60px;
  border-radius: 10px;
  opacity: 1.0;
  width: 1200px;
  margin-left: -188px;
}
  h6.salz {
  font-size: 128%;
  margin-top: -149px;
  margin-left: -1px;
  font-size: 100%;
  font-style: oblique;
  position: absolute;
  display: block;
  top: auto;
  left: 343px;
  color: navy;
}
  #navyquer .sub a{
  position: relative;
  padding: 5px 8px;
  height: auto;
  top: 5px;
  left: 0px;
  width: 133px;
}
    #herzlich.salz {
        display: block;
        position: relative;
        width: 91%;
        height: 100px;
        top: -22%;
    }
  #menue{
    float:left;
   display: block;
    position: fixed;
    top:74%;
   left: 87%;
   width: 30px;
    height: 30px;
  }
  #wechselbild7{
   display: none;  
  }
  #navyquer .top > li {
  position: relative;
  padding: 5px 19px 3px 6px;
  margin-bottom: 3px;
  width: 133px;
  top: 240px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}

  
  #rankeverl {
  display: block;
  position: fixed;
  top: 55%;
  left: 5%;
  height: 322px;
  position: relative;
  float: left;
  width: 9%;
}

    #gutschein3.gutscheine {
        position: absolute;
        top: 80%;
        left: 39%;
        width: 29%;
    }
  h5.salz {
  left: -3px;
  position: relative;
  top: -14px;
  margin-bottom: 2px;
  width: 400px;
}
   #wrapper.salz {
  width: 1100px;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2000px;
}
  h5 {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -440px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
  position: relative;    
  }
  #gutsch2.ganz{
    /*! left:117px; */
    top:601px;
    width: 83%;
    float: right;
    right: -45%;
    position: absolute;
  }
    #bild.ganz {
  display: block;
  position: absolute;
  width: 28%;
  top: 43px;
  margin-top: 10px;
  left: 55%;
  border-style: outset;
  border-radius: 12px;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 228px;
  height: 140px;
  top: 36px;
    position: relative;
    font: 100%/1.2 serife;
  left: 9px;
}   
  header.salz {
  width: 87%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 400px;
  margin-left: -107px;
  top: -35px;
  background: #add8e600;
  left: 148px;
} 
  #verlauf.ganz {
  font: 99% bold;
  height: 222px;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 617px;
  top: 58%;
  width: 476px;
  position: absolute;
}
  #dreieck.ganz{
  margin-left: 11%;
  max-width: 200px;
  left: 2%;
  top: 13%;
  position: relative;
  margin-top: 172px;
} 
    #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -348px;
  left: 5%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
  #sprung.ganz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
    width: 117px;
  top: 242px;
  margin-left: 22px;
  left: 50%;
  position: fixed;
  }
  
    #wechselbild2.salz {
  top: -371px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
}
    #fruehangeb {
  position: absolute;
  top: 79px;
  width: 10%;
  left: 69%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 86%;
  font-style: oblique;
}
  #fruehangeb.salz {
  position: absolute;
  top: -33px;
  width: 10%;
  left: 87%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 132%;
  font-style: oblique;
}
    #masslink {
  position: absolute;
  top: 19%;
  width: 10%;
  left: 52%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
      #masslink.abhy {
  position: absolute;
  top: 19%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
     #bild.salz {
        display: block;
        width: 129%;
        top: auto;
        left: -273%;
        position: absolute;
        margin-top: 96%;
        height: auto;
        border: green;
    }
     #bild.abhy{
       display: block; 
       width:22%; 
        top:-136px;
        left:77%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
    }
     #bild2.tulp{
       display: block; 
       width:16%; 
        top:12%;
        left:50%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
         padding:8px;
    }
    #main{
        top:533px;
        background: #f0808000;
        height: auto;
        position: absolute;
        width: 96%;
    }
    #navyquer.salz {
  position: relative;
  top: -67%;
  margin-right: 5%;
  margin-left: 2%;
  width: 920%;
  left: -45%;
  margin-top: auto;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 270px;
  float: left;
  top: 134px;
  margin-top: -157px;
}
    #tablefuss.salz {
  height: 700px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: -22%;
  float: left;
  top: 410px;
  width: 23%;
  text-align: center;
  padding-left: 9%;
}
     #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: 6%;
  float: left;
  top: -14%;
  width: 19%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}

  td {
  display: block;
  margin-top: -68px;
  width: 200px;
  height: 14px;
  top: 23px;
}

    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: 77%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
    #wieder {
  font-size: 70%;
  font-style: italic;
  color: grey;
  top: -1252%;
  position: relative;
  left: -63px;
  width: 400px;
}
    #sprung.salz {
  background: linear-gradient(to right, #d667b5 0%,#bb4091 99%);
color: #c5ffb5;
height: 35px;
padding-top: 8px;
padding-bottom: -12px;
border-radius: 10px;
width: 296px;
margin-top: 28%;
padding-left: 11px;
margin-right: 33%;
position: fixed;
top: 19px;
display: inline;
float: left;
left: 22%;
text-shadow: 2px 2px 2px #fff;
border-color: #d3509a;
  text-align: center;
  font-size: 119%;
}
   #ampel {
  border-radius: 30px;
  display: table-cell;
  left: 94%;
  position: absolute;
  top: -18%;
  width: 35%;
  border-style: outset;
  border-color: #223a06;
  dding: 8px;
  background-color: #befbb3fa;
}
    #ampel1.orchi{
        display: none;
    }
     
    #ampelverl.orchilicht{
    width:110%;    
    position: absolute;
    top: 10px;
    margin-top: 10px;
    margin-bottom: 8px;
        height: auto; 
    }
  #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -18%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
    

    #anwend{
        width:91%;
        top: 88px;
        position: relative;
        text-align: center;
        margin-left: 29px;
    }
      td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -150px;
}
	 #spruchklass,#verlauf.salz {
    display: none;
}
    header.salz {
  width: 116%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 415px;
  margin-left: 4%;
  top: auto;
  margin-top: 2px;
  background: #ceb555;
  left: auto;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 20%;
  top: -38%;
  position: relative;
  margin-top: 249px;
  
  margin-bottom: 50px;
}
	#starttableklass {
    width: 38%;
    height: 466px;
    padding-top: 93px;
    padding-left: 49px;
    top: auto;
    left: -44%;
		display: inherit;
		text-align: center;
		margin-top:97px;
		float:left;
    position: relative;
}
    #starttableklass.salz {
  width: 70%;
  height: auto;
  padding-top: 71px;
  padding-left: 62px;
  top: auto;
  left: auto;
  display: block;
  text-align: center;
  margin-top: -36px;
  float: left;
  position: absolute;
  padding-bottom: 6px;
  margin-left: 101px;
}

    #sprung.salz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 140px;
  margin-top: 28%;
  padding-left: 37px;
  margin-right: 2%;
  position: fixed;
  top: -6%;
  display: none;
  float: right;
  left: 57%;
  padding-right: 25px;
}
    #rankeverl {
  display: block;
  position: fixed;
  top: 2%;
  left: 483px;
  height: 422px;
  position: relative;
  float: left;
  width: 60%;
 }
    #termin.salz {
  width: 206px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
  top: -448px;
  display: inline;
  float: left;
  left: 81%;
  text-align: center;
  background: #a8cd44d9;
  height: 33px;
  border-radius: 16px;
  font-size: 112%;
  border: #88a972;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: outset;
  border-radius: 10px;
  height: 30px;
  padding-top: 12px;
    }
  #naviunten{
     display:none;
    }
    #termin.ganz {
  width: 277px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
        top: -896px;
    }
 
    #termin{
     position: relative;
        left:-90px;
     top: 419px;
    }
	td.salz {
    width: 38%;
    position: relative;
    top: -24px;
}
    #gutsch2.salz {
  position: absolute;
  top: 146%;
  left: 5%;
  width: 48%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
    #navileiste.ganzkörp {
  color: rgb(0, 0, 128);
  font: 71% serif;
  top: -41%;
  position: relative;
  float: right;
  right: 115%;
}
 #gutsch2.salz {
  position: absolute;
  top: 73%;
  left: 6%;
  width: 420px;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
	
#tablefuss.salz {
    height: 392px;
    margin-bottom: 100px;
    margin-top: -48px;
    padding-top: 53px;
    position: relative;
    width: 50%;
}	
	
	#spruchklass {
    left: 238px;
    top: 111%;
    width: 305px;
    height: 180px;
    margin-top: 0px;
    margin-left: 750px;
    position: absolute;
}
	
	
h1.abhyanga {
    top: 55px;
    left: -7px;
    font-size:60px;
}	
	#navyquer.salz {
  margin-top: 1%;
  position: relative;
  top: -82%;
  display: inherit;
  text-align: center;
  left: 50%;
  width: 146%;
  margin-left: 248px;
}
    
#verlauf.salz {
    height: 407px;
    padding: 21px;
    top: 660px;
    width: 239px;
    margin-left: -27%;
    margin-top: 96px;
    background: #d8f9d3;
    color: #494747;
    font: 79%/1.2 serif;
    float: left;
    left: 94%;
    font-style: oblique;
    font-family: serife inherit;
    font-size: 104%;
}
    #ampel.salz {
        height: 322px;
        margin-bottom: 100px;
        margin-top: 179%;
        padding-top: 8px;
        position: relative;
        float: left;
        top: -111%;
        width: 90%;
    }
      #ampel1.salz {
    border-radius: 30px;
    display: block;
    left: 463px;
    position: absolute;
    top: 271px;
    width: 74%;
}
    #tablefuss.salz {
        height: 590px;
        margin-bottom: 100px;
        margin-top: -15%;
        padding-top: 86px;
        position: relative;
        left: 77%;
        float: left;
        top: 264px;
        width: 28%;
    }	
    h5.salz{
    left: -3px;
    position: relative;
    top: -14px;
    margin-bottom: 2px;
}
#copy.home {
    width: 72%;
    left: 21%;
    height: auto;
    display: inherit;
    text-align: center;
    top: 208%;
    text-align: center;
}
 #footer.salz {
    width: 62%;
    left: 3%;
    height: 127px;
    padding: 11px;
    display: inherit;
    text-align: center;
    top:auto;
    text-align: center;
    background-color: #80808000;
    position: relative;
    margin-top: 97%;
} 
    #copy.salz {
  font-size: 77%;
  color: #100780;
  font-weight: bold;
  font-style: italic;
  top: -152px;
  left: 7%;
  width: 112%;
  height: 102px;
  display: inherit;
  margin-top: 193px;
}
    td.kurztextfuss {
    font: 100%/1.2 serife;
    width: 41%;
    float: left;
    margin-top: -21%;
    margin-left: -12%;
    position: relative;
    height: auto;
    margin-top: -79px;
}
    h1 {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -220px;
  left: ;
  width: 1600px;
  margin-left: 361px;
}
    h1.salz {
        font-size: 435%;
        top: -300%;
        margin-top: -49%;
    }
  h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -76px;
  width: 160%;
  margin-left: 361px;
  left: -550px;
}
    h1.gelb {
  font-size: 185%;
  color: #daca73;
  font-weight: bold;
  font-style: italic;
  top: 130px;
  left: -17%;
  width: 600px;
  text-shadow: -5px 3px 3px #402e03;
  border-style: outset;
  border-radius: 15px;
  height: 64px;
  padding-top: 18px;
  background: #d8f9d3d4;
}
    h5.salz{
    position: relative;
        top:-46px;
        width:300px;   
    }
    h5.salz {
  left: -3px;
  position: relative;
  top: 458%;
  margin-bottom: 2px;
}
    td.kurztextfuss {
  font: 100%/1.2 serife;
  width: 45%;
  float: left;
  margin-top: -21%;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -22px;
}
   td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: -39px;
}
    #copy.salz {
  display: inline-block;
  margin-top: -16px;
  top: auto;
  width: 112%;
  height: 80px;
  left: 8px;
  position: relative;
}
    #copy li {
  width: 99%;
  text-decoration: none;
  display: inline;
  margin-top: 10px;
  text-align: center;
}
    #footer.salz{
   position: relative;
   display: inline-block;
   width: 85%;     
   top: -3%;
   margin-top: 40%;
   left: 98px;
    }

}

@media screen and (max-width:1600px){
  
    ul.copy, ul.start{
        display:inline;
    }
     h2.salz {
        font: 153% sans-serif;
        color: messing;
        font-style: oblique;
        top: 19%;
        left: -6%;
        width: 64%;
    }
  #navyquer ul.unter {
  list-style-type: none;
  padding: 0%;
  display: inline;
  position: relative;
  top: 60px;
  border-radius: 10px;
  opacity: 1.0;
  width: 1200px;
  margin-left: -188px;
}
  h6.salz {
  font-size: 128%;
  margin-top: -149px;
  margin-left: -1px;
  font-size: 100%;
  font-style: oblique;
  position: absolute;
  display: block;
  top: auto;
  left: 343px;
  color: navy;
}
  #navyquer .sub a{
  position: relative;
  padding: 5px 8px;
  height: auto;
  top: 5px;
  left: 0px;
  width: 133px;
}
  #herzlich.salz{
 display: block;
 position: relative;
 width: 70%;
  height: auto;
  top:-66px;
  }
  #menue{
    float:left;
   display: block;
    position: fixed;
    top:74%;
   left: 87%;
   width: 30px;
    height: 30px;
  }
 #wechselbild7 {
        display: none;
        top: -144%;
        position: relative;
        left: -3%;
    }
  #navyquer .top > li {
  position: relative;
  padding: 5px 19px 3px 6px;
  margin-bottom: 3px;
  width: 133px;
  top: 240px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}
     ul.salz {
        display: block;
        position: absolute;
        top: 142%;
        margin-top: 1715px;
        height: auto;
        margin-left: 39px;
        list-style: none;
    }
  
  #rankeverl {
  display: block;
  position: fixed;
  top: 55%;
  left: 5%;
  height: 322px;
  position: relative;
  float: left;
  width: 9%;
}
  #bild.salz {
  display: block;
  width: 82%;
  top: -203%;
  left: -163%;
  position: relative;
  margin-top: 53px;
  height: auto;
  border: green;
}
     #gutschein3.gutscheine {
        top: 62%;
      }
  h5.salz {
  left: -3px;
  position: relative;
  top: -14px;
  margin-bottom: 2px;
  width: 400px;
}
   #wrapper.salz {
  width: 1100px;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2000px;
}
  h5 {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -440px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
  position: relative;    
  }
  #gutsch2.ganz{
    /*! left:117px; */
    top:601px;
    width: 83%;
    float: right;
    right: -45%;
    position: absolute;
  }
    #bild.ganz {
  display: block;
  position: absolute;
  width: 28%;
  top: 43px;
  margin-top: 10px;
  left: 55%;
  border-style: outset;
  border-radius: 12px;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 228px;
  height: 140px;
  top: 36px;
    position: relative;
    font: 100%/1.2 serife;
  left: 9px;
}   
  header.salz {
  width: 87%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 400px;
  margin-left: -107px;
  top: -35px;
  background: #add8e600;
  left: 148px;
} 
  #verlauf.ganz {
  font: 99% bold;
  height: 222px;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 617px;
  top: 58%;
  width: 476px;
  position: absolute;
}
  #dreieck.ganz{
  margin-left: 11%;
  max-width: 200px;
  left: 2%;
  top: 13%;
  position: relative;
  margin-top: 172px;
} 
    #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -348px;
  left: 5%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
  #sprung.ganz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
    width: 117px;
  top: 242px;
  margin-left: 22px;
  left: 50%;
  position: fixed;
  }
  
    #wechselbild2.salz {
  top: -371px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
}
    #fruehangeb {
  position: absolute;
  top: 79px;
  width: 10%;
  left: 69%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 86%;
  font-style: oblique;
}
  #fruehangeb.salz {
  position: absolute;
  top: -33px;
  width: 10%;
  left: 87%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 132%;
  font-style: oblique;
}
    #masslink {
  position: absolute;
  top: 19%;
  width: 10%;
  left: 52%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
      #masslink.abhy {
  position: absolute;
  top: 19%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
    #bild.salz {
        display: block;
        width: 134%;
        top: auto;
        left: -270%;
        position: absolute;
        margin-top: 3%;
        height: auto;
        border: green;
    }
     #bild.abhy{
       display: block; 
       width:22%; 
        top:-136px;
        left:77%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
    }
     #bild2.tulp{
       display: block; 
       width:16%; 
        top:12%;
        left:50%;
        position: absolute;
       margin-top: 53px;
       height: auto;
       border: green;
       border-style: outset;
       border-radius: 18px;
       padding: 4px;
         padding:8px;
    }
    #main{
        top:533px;
        background: #f0808000;
        height: auto;
        position: absolute;
        width: 96%;
    }
    #navyquer.salz {
  position: relative;
  top: -67%;
  margin-right: 5%;
  margin-left: 2%;
  width: 920%;
  left: -45%;
  margin-top: auto;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 270px;
  float: left;
  top: 134px;
  margin-top: -157px;
}
    #tablefuss.salz {
  height: 700px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: -22%;
  float: left;
  top: 410px;
  width: 23%;
  text-align: center;
  padding-left: 9%;
}
     #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: 6%;
  float: left;
  top: -14%;
  width: 19%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}
    #kurztextsalz {
  display: block;
  margin-top: -765%;
  width: 104%;
  height: 140px;
  top: 60%;
  position: relative;
  margin-left: -63px;
  font-size: 121%;
  font: 122%/1.2 serif;
}
  td {
  display: block;
  margin-top: -68px;
  width: 200px;
  height: 14px;
  top: 23px;
}
    #wechselbild2.salz {
        left: 6%;
        top: -57%;
        position: relative;
        margin-top: -38%;
        width: 103%;
    }
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: 77%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
    #wieder {
  font-size: 70%;
  font-style: italic;
  color: grey;
  top: -1252%;
  position: relative;
  left: -63px;
  width: 400px;
}
    #sprung.salz {
  background: linear-gradient(to right, #d667b5 0%,#bb4091 99%);
color: #c5ffb5;
height: 35px;
padding-top: 8px;
padding-bottom: -12px;
border-radius: 10px;
width: 296px;
margin-top: 28%;
padding-left: 11px;
margin-right: 33%;
position: fixed;
top: 19px;
display: inline;
float: left;
left: 22%;
text-shadow: 2px 2px 2px #fff;
border-color: #d3509a;
  text-align: center;
  font-size: 119%;
}
   #ampel {
  border-radius: 30px;
  display: table-cell;
  left: 94%;
  position: absolute;
  top: -18%;
  width: 35%;
  border-style: outset;
  border-color: #223a06;
  dding: 8px;
  background-color: #befbb3fa;
}
    #ampel1.orchi{
        display: none;
    }
     
    #ampelverl.orchilicht{
    width:110%;    
    position: absolute;
    top: 10px;
    margin-top: 10px;
    margin-bottom: 8px;
        height: auto; 
    }
  #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -18%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
     #ampel.kurztext {
        border-radius: 30px;
        display: table-cell;
        left: 105%;
        position: absolute;
        top: 8%;
        width: 35%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb30d;
        height: 37%;
    }
    #anwend{
        width:91%;
        top: 88px;
        position: relative;
        text-align: center;
        margin-left: 29px;
    }
      td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -150px;
}
	 #spruchklass,#verlauf.salz {
    display: none;
}
    header.salz {
  width: 116%;
  background:#ceb555;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 415px;
  margin-left: 4%;
  top: auto;
  margin-top: 2px;
  left: auto;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 20%;
  top: -38%;
  position: relative;
  margin-top: 249px;
  
  margin-bottom: 50px;
}
	#starttableklass {
    width: 38%;
    height: 466px;
    padding-top: 93px;
    padding-left: 49px;
    top: auto;
    left: -44%;
		display: inherit;
		text-align: center;
		margin-top:97px;
		float:left;
    position: relative;
}
     #starttableklass.salz {
        width: 70%;
        height: auto;
        padding-top: 71px;
        padding-left: 62px;
        top: auto;
        left: auto;
        display: block;
        text-align: center;
        margin-top: -36px;
        float: left;
        position: absolute;
        padding-bottom: 6px;
        margin-left: 101px;
        background: #eaeab1;
    }
  #starttableklass.ganz {
  width: 38%;
  height: 466px;
  padding-top: 93px;
  padding-left: 49px;
  top: -109px;
  left: -44%;
  display: inherit;
  text-align: center;
  margin-top: 97px;
  float: left;
  position: relative; 
}
    #sprung.salz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 140px;
  margin-top: 28%;
  padding-left: 37px;
  margin-right: 2%;
  position: fixed;
  top: -6%;
  display: none;
  float: right;
  left: 57%;
  padding-right: 25px;
}
    #rankeverl {
  display: block;
  position: fixed;
  top: 2%;
  left: 483px;
  height: 422px;
  position: relative;
  float: left;
  width: 60%;
 
}
    #termin.salz {
  width: 206px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
  top: -448px;
  display: inline;
  float: left;
  left: 81%;
  text-align: center;
  background: #a8cd44d9;
  height: 33px;
  border-radius: 16px;
  font-size: 112%;
  border: #88a972;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: outset;
  border-radius: 10px;
  height: 30px;
  padding-top: 12px;
    }
  #naviunten{
     display:none;
    }
    #termin.ganz {
  width: 277px;
  margin-top: 21%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
        top: -896px;
    }
    
      #main.salz {
        height: 1400px;
        top: auto;
        position: relative;
        margin-top: 0%;
        background: #ceb55587;
        left: 4%;
        /* width: 92%; */
        margin-bottom: 50px;
        padding: 8% 23% 60% 12%;
    }
    #termin{
     position: relative;
        left:-90px;
     top: 419px;
    }
	td.salz {
    width: 38%;
    position: relative;
    top: -24px;
}
    #gutsch2.salz {
  position: absolute;
  top: 146%;
  left: 5%;
  width: 48%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
    #navileiste.ganzkörp {
  color: rgb(0, 0, 128);
  font: 71% serif;
  top: -41%;
  position: relative;
  float: right;
  right: 115%;
}
    #gutsch2.salz {
        position: absolute;
        top: 54%;
        left: 2%;
        width: 420px;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
    #startfuss.salz {
        font: 132% / 1.4 sans-serif;
        width: 88%;
        margin-left: -10px;
        color: #513308;
    }
	
	#spruchklass {
    left: 238px;
    top: 111%;
    width: 305px;
    height: 180px;
    margin-top: 0px;
    margin-left: 750px;
    position: absolute;
}
	
	
h1.abhyanga {
    top: 55px;
    left: -7px;
    font-size:60px;
}	
	#navyquer.salz {
  margin-top: 1%;
  position: relative;
  top: -82%;
  display: inherit;
  text-align: center;
  left: 50%;
  width: 146%;
  margin-left: 248px;
}
    
#verlauf.salz {
    height: 407px;
    padding: 21px;
    top: 660px;
    width: 239px;
    margin-left: -27%;
    margin-top: 96px;
    background: #d8f9d3;
    color: #494747;
    font: 79%/1.2 serif;
    float: left;
    left: 94%;
    font-style: oblique;
    font-family: serife inherit;
    font-size: 104%;
}
     #ampel.salz {
        padding-top: 8px;
        position: relative;
        left: -365%;
        top: -37%;
    }
      #ampel1.salz {
    border-radius: 30px;
    display: block;
    left: 463px;
    position: absolute;
    top: 271px;
    width: 74%;
}
     #tablefuss.salz {
        left: 81%;
        top: 2%;
        width: 28%;
   }	
    h5.salz{
    left: -3px;
    position: relative;
    top: -14px;
    margin-bottom: 2px;
}
#copy.home {
    width: 72%;
    left: 21%;
    height: auto;
    display: inherit;
    text-align: center;
    top: 208%;
    text-align: center;
}
 #footer.salz {
    width: 62%;
    left: 3%;
    height: 127px;
    padding: 11px;
    display: inherit;
    text-align: center;
    top:auto;
    text-align: center;
    background-color: #80808000;
    position: relative;
    margin-top: 97%;
} 
    #copy.salz {
  font-size: 77%;
  color: #100780;
  font-weight: bold;
  font-style: italic;
  top: -152px;
  left: 7%;
  width: 112%;
  height: 102px;
  display: inherit;
  margin-top: 193px;
}
    td.kurztextfuss {
    font: 100%/1.2 serife;
    width: 41%;
    float: left;
    margin-top: -21%;
    margin-left: -12%;
    position: relative;
    height: auto;
    margin-top: -79px;
}
    h1 {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -220px;
  left: ;
  width: 1600px;
  margin-left: 361px;
}
    h1.salz {
        font-size: 385%;
        color: #4e3223;
        font-weight: bold;
        font-style: italic;
        top: -34%; 
        left: -23%;
        width: 79%;
        margin: 2% 48%;
    }
  h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -76px;
  width: 160%;
  margin-left: 361px;
  left: -550px;
}
    h1.gelb {
  font-size: 185%;
  color: #daca73;
  font-weight: bold;
  font-style: italic;
  top: 130px;
  left: -17%;
  width: 600px;
  text-shadow: -5px 3px 3px #402e03;
  border-style: outset;
  border-radius: 15px;
  height: 64px;
  padding-top: 18px;
  background: #d8f9d3d4;
}
    h5.salz{
    position: relative;
        top:-46px;
        width:300px;   
    }
    h5.salz {
  left: -3px;
  position: relative;
  top: 458%;
  margin-bottom: 2px;
}
    td.kurztextfuss {
  font: 100%/1.2 serife;
  width: 45%;
  float: left;
  margin-top: -21%;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -22px;
}
   td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: -39px;
}
    #copy.salz {
  display: inline-block;
  margin-top: -16px;
  top: auto;
  width: 112%;
  height: 80px;
  left: 8px;
  position: relative;
}
    #copy li {
  width: 99%;
  text-decoration: none;
  display: inline;
  margin-top: 10px;
  text-align: center;
}
    #footer.salz {
        position: relative;
        display: inline-block;
        width: 85%;
        top: 8%;
        margin-top: 40%;
        left: 98px;
    }
    #main.salz {
        height: 1400px;
        top: auto;
        position: relative;
        margin-top: 0%;
        background: #ceb55587;
        left: 4%;
        width: 100%;
        margin-bottom: 50px;
        padding: 8% 23% 60% 10%;
    }

}
 @media screen and (max-width:1400px){
 
    #menue {
        position: fixed;
        top: 25%;
        left: 85%;
    }
   #navyquer.salz {
  margin-top: 1%;
  top: -679px;
  left: -48%;
  width: 146%;
  margin-left: 248px;
}
    #tablefuss.salz {
        height: 590px;
        margin-bottom: 100px;
        margin-top: 7%;
        padding-top: 86px;
        position: relative;
        left: 57%;
        top: 2%;
        width: 32%;
    }
    #starttableklass.salz {
        width: 51%;
        height: auto;
        padding-top: 71px;
        padding-left: 62px;
        top: auto;
        left: auto;
        display: block;
        text-align: center;
        margin-top: -36px;
        float: left;
        position: absolute;
        padding-bottom: 6px;
        margin-left: -7%;
        background: #eaeab1;
    }
	    #gutschein3.gutscheine {
        top: 72%;
        left: 8%;
    }
    #kurztextsalz {
        top: 110%; 
    }
	    #bild.salz {
        display: block;
        width: 134%;
        top: auto;
        left: -127%;
        position: absolute;
        margin-top: 220%;
        height: auto;
        border: green;
    }
   ul.salz {
  display: block;
  position: absolute;
  top: auto;
  margin-top: 2026px;
  height: auto;
  margin-left: 39px;
  list-style: none;
}
     #ampel.salz {
        height: 354px;
        margin-bottom: 100px;
        margin-top: 241%;
        padding-top: 8px;
        position: relative;
        left: -116%;
        float: left;
        top: -41%;
        width: 73%;
    }
    #navyquer.salz {
        margin-top: 1%;
        top: -32%;
        left: -59%;
        width: 146%;
        margin-left: 248px;
    }
	    #starttableklass.salz {
        width: 52%;
        height: auto;
        padding-top: 71px;
        padding-left: 62px;
        top: auto;
        left: auto;
        display: block;
        text-align: center;
        margin-top: -36px;
        float: left;
        position: absolute;
        padding-bottom: 6px;
        margin-left: -3%;
        background: #eaeab1;
    }
	    #ampel.kurztext {
        border-radius: 30px;
        display: table-cell;
        left: 95%;
        position: absolute;
        top: 8%;
        width: 35%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb30d;
        height: 32%;
    }
}

@media screen and (max-width:1300px){
 
  h6.salz {
  margin-top: 93px;
  margin-left: 24%;
  font-size: 100%;
  font-style: italic;
  position: absolute;
  font-size: 154%;
  color: navy;
  top: 2px;
  left: 79px;
}
    #herzlich.salz {
        display: block;
        position: relative;
        width: 70%;
        height: 174px;
        top: -15%;
        left: -2%;
    }
    #copy.salz {
        display: inline-block;
        margin-top: -16px;
        top: 438%;
        width: 106%;
        height: 80px;
        left: 8px;
        position: relative;
    }
  #sprung.salz{
    display:none;
  }
  #menue {
  display: block;
  top: 74%;
  left: 86%;
    margin-left:5px;
  }
    h1.salz {
        font-weight: bold;
        font-style: oblique;
        top: -16%;
        left: -50%;
        margin-top: -13px;
    }
	    h2.salz {
        font: 153% sans-serif;
        color: messing;
        font-style: oblique;
        top: 12%;
        left: -13%;
        width: 62%;
    }
#gutsch2.salz {
        position: absolute;
        top: 53%;
        left: 5%;
        width: 420px;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
  #wrapper.salz {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 1941px;
}
  #ampel.kurztext {
  display: block;
  left: 94%;
  position: absolute;
  top: -16%;
  width: 31%;
  border-style: outset;
  border-color: #223a06;
  /*! padding: 6px; */
  background-color: #befbb3fa;
  height: auto;
  padding-bottom: 0px;
  padding-top: 12px;
}
    header.salz {
        width: 95%;
        margin-bottom: 10px;
        height: 21%;
        margin-left: 1%;
        top: auto;
        margin-top: 2px;
        left: 0%;
        padding-right: 0%;
    }
  h5.salz {
  left: 33px;
  position: relative;
  top:3%;
  margin-bottom: 2px;
    font-size:148%;
}
     #bild.salz {
        display: block;
        width: 83%;
        top: 40%;
        left: -66%;
        position: relative;
        margin-top: 53px;
        height: auto;
        border: green;
    }
    #wechselbild2.salz {
        top: -46%;
        left: 11%;
        width: 107%;
        margin-top: -37%;
        margin-left: -19%;
    }
  #navyquer .top > li {
  float: left;
  background-color: rgba(231, 135, 232, 0.91);
  box-shadow: -0px 5px 5px #008000b3;
  position: relative;
  padding: 7px 6px;
  margin-bottom: 3px;
  width: 141px;
  top: 163px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}
     #dreieck.salz {
        margin-left: 20%;
        max-width: 200px;
        left: -19%;
        top: 2%;
        position: relative;
        margin-top: 295px;
    }
     #ampel.salz {
       display: none;
    }
    #gutschein3.gutscheine {
        position: absolute;
        top: 41%;
        left: 126px;
        width: 28%;
    }
  ul.salz {
  height: auto;
  top: 878%;
  position: relative;
  margin-top: 37px;
  background: #add8e600;
  left: 0px;
  width: 99%;
  list-style-type: none;
}
     #starttableklass.salz {
        width: 72%;
        height: 502px;
        padding-top: 71px;
        padding-left: 37px;
        top: auto;
        left: -6%;
        display: inherit;
        text-align: center;
        margin-top: -37%;
        float: left;
        position: relative;
        padding-bottom: 25%;
    }
#main.salz {
        height: 1600px;
        top: 0%;
        position: relative;
        margin-top: -12px;
        left: 8px;
        width: 96%;
    }
     #navyquer.salz {
        height: 59px;
        margin-bottom: 100px;
        margin-top: 7%;
        padding-top: 86px;
        position: relative;
        left: -24%;
        float: left;
        width: 1200px;
        padding-left: 81px;
        padding-right: 20px;
        top: -1369px;
    }
      #tablefuss.salz {
        height: 494px;
        margin-bottom: 107px;
        margin-top: -77%;
        padding-top: 26%;
        position: absolute;
        left: 42%;
        float: left;
        top: 71%;
        width: 30%;
        padding-left: 81px;
        padding-right: 20px;
        padding-bottom: 72px;
    }
  #kurztextsalz {
  display: block;
  margin-top: -322%;
  width: 90%;
  height: 140px;
  top: auto;
  position: absolute;
  margin-left: -95px;
  font: 107%/1.2 serif;
}
    #termin.salz {
        width: 262px;
        margin-top: 57%;
        padding-left: 2px;
        margin-right: 2%;
        position: relative;
        top: -214%;
        display: block;
        float: left;
        left: 8%;
        text-align: center;
        height: 34px;
        padding-top: 8px;
    }
  #verlauf.ganz {
  font: 99% bold;
  height: auto;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 44px;
  top: 45%;
  width: 39%;
  position: absolute;
  padding-bottom: 99px;
  padding-left: 8px;
}
  #gutsch2.ganz {
  left: 117px;
  top: 35px;
  width: 287px;
  float: left;
  left: 51%;
  position: absolute;
  font-style: oblique;
  font-family: serife;
}
     #startfuss.salz {
        font: 102% / 1.6 sans-serif;
        width: 75%;
        margin-left: -10px;
        left: 85px;
        position: relative;
    }
  #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 1%;
  padding-top: 86px;
  position: relative;
  left: 50%;
  float: left;
  top: 2%;
  width: 22%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}
  #starttableklass.ganz {
  width: 38%;
  height: auto;
  padding-top: 93px;
  padding-left: 49px;
  top: -109px;
  left: -44%;
  display: inherit;
  text-align: center;
  margin-top: 97px;
  float: left;
  position: relative;
}
  #masslink.abhy {
  position: absolute;
  top: 5%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
  #footer.salz {
  width: 62%;
  left: 16%;
  height: 127px;
  padding: 11px;
  display: inherit;
   text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 191%;
}
 #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -25%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  
}
  
@media screen and (max-width:1200px){
 
  h6.salz {
  margin-top: 220px;
  margin-left: 24%;
  font-size: 100%;
  font-style: italic;
  position: absolute;
  font-size: 154%;
  color: navy;
  top: 92px;
  left: 79px;
}
  #sprung.salz{
    display:none;
  }
  #menue {
  display: block;
  top: 74%;
  left: 86%;
    margin-left:5px;
  }
     h1.salz {
        font-weight: bold;
        font-style: oblique;
        top: -148px;
        left: -42%;
    }
     #gutsch2.salz {
        position: absolute;
        top: 58%;
        left: 5%;
        width: 420px;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
  #wrapper.salz {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 1941px;
}
  #ampel.kurztext {
  display: block;
  left: 94%;
  position: absolute;
  top: -16%;
  width: 31%;
  border-style: outset;
  border-color: #223a06;
  /*! padding: 6px; */
  background-color: #befbb3fa;
  height: auto;
  padding-bottom: 0px;
  padding-top: 12px;
}
    #wechselbild7 {
        display: inline-block;
        top: -114%;
        position: relative;
        left: -14%;
    }
    #copy.salz {
        display: inline-block;
        margin-top: -16px;
        top: 438%;
        width: 106%;
        height: 80px;
        left: 8px;
        position: relative;
    }
  h5.salz {
  left: 33px;
  position: relative;
  top:3%;
  margin-bottom: 2px;
    font-size:148%;
}
    #bild.salz {
        display: block;
        width: 83%;
        top: 67%;
        left: -98%;
        position: relative;
        margin-top: 53px;
        height: auto;
        border: green;
    }
  #wechselbild2.salz {
 display:none;
}
  #navyquer .top > li {
  float: left;
  background-color: rgba(231, 135, 232, 0.91);
  box-shadow: -0px 5px 5px #008000b3;
  position: relative;
  padding: 7px 6px;
  margin-bottom: 3px;
  width: 141px;
  top: 163px;
  left: -2%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}
    #dreieck.salz {
        margin-left: 20%;
        max-width: 200px;
        left: -14%;
        top: 33px;
        margin-top: 298px;
    }
 
     ul.salz {
        height: auto;
        top: 750%;
        position: relative;
        margin-top: 37px;
        background: #add8e600;
        left: 13px;
        width: 92%;
        list-style-type: none;
    }
    #starttableklass.salz {
        width: 72%;
        height: 502px;
        padding-top: 71px;
        padding-left: 37px;
        top: auto;
        left: -6%;
        display: inherit;
        text-align: center;
        margin-top: -375px;
        float: left;
        position: relative;
        padding-bottom: 31%;
    }
    #main.salz {
        height: auto;
        top: -5px;
        position: relative;
        margin-top: 20px;
        left: 11px;
        width: 96%;
    }
    #navyquer.salz {
        height: 59px;
        margin-bottom: 100px;
        margin-top: 7%;
        padding-top: 86px;
        position: relative;
        left: -24%;
        float: left;
        width: 1200px;
        padding-left: 81px;
        padding-right: 20px;
        top: -1510px;
    }
     #tablefuss.salz {
        height: 36%;
        margin-bottom: 107px;
        margin-top: -77%;
        padding-top: 33px;
        position: absolute;
        left: 42%;
        float: left;
        width: 23%;
        padding-left: 81px;
        padding-right: 20px;
        padding-bottom: 72px;
    }
    #kurztextsalz {
        display: block;
        margin-top: -296%;
        width: 90%;
        height: 140px;
        top: auto;
        position: absolute;
        margin-left: -95px;
        font: 107% / 1.2 serif;
    }
  #termin.salz {
  width: 262px;
  margin-top: 57%;
  padding-left: 2px;
  margin-right: 2%;
  position: relative;
  top: -194%;
  display: block;
  float: left;
  left: 70%;
  text-align: center;
  height: 34px;
  padding-top: 8px;
  }
  #verlauf.ganz {
  font: 99% bold;
  height: auto;
  margin: 2%;
  padding: 38px 30px 30px;
  left: 44px;
  top: 45%;
  width: 39%;
  position: absolute;
  padding-bottom: 99px;
  padding-left: 8px;
}
  #gutsch2.ganz {
  left: 117px;
  top: 35px;
  width: 287px;
  float: left;
  left: 51%;
  position: absolute;
  font-style: oblique;
  font-family: serife;
}
  #startfuss.salz {
   width: 78%;
  margin-left: -10px;
  left: 63px;
  position: relative;
}
  #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 1%;
  padding-top: 86px;
  position: relative;
  left: 50%;
  float: left;
  top: 2%;
  width: 22%;
  text-align: center;
  padding-left: 5%;
  font: 100%/0.8 serife;
  display: block;
  margin-left: 20px;
}
  #starttableklass.ganz {
  width: 38%;
  height: auto;
  padding-top: 93px;
  padding-left: 49px;
  top: -109px;
  left: -44%;
  display: inherit;
  text-align: center;
  margin-top: 97px;
  float: left;
  position: relative;
}
  #masslink.abhy {
  position: absolute;
  top: 5%;
  width: 23%;
  left: 84%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
  #footer.salz {
  width: 62%;
  left: 16%;
  height: 127px;
  padding: 11px;
  display: inherit;
  top: 16%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 121%;
}
 #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 72%;
  position: absolute;
  top: -25%;
  width: 83%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  
}
   @media screen and (max-width:1100px){
      #herzlich.salz {
        display: block;
        position: relative;
        width: 77%;
        height: 174px;
        top: -38%;
        left: -2%;
    }
    #startfuss.salz {
        width: 78%;
        margin-left: -10px;
        left: 11%;
        position: relative;
    }
     #main.salz {
        height: auto;
        top: -5px;
        position: relative;
        margin-top: 9px;
        left: 4px;
        width: 95%;
        padding-top: 34%;
    }
   #navyquer ul {
  list-style-type: none;
  padding: 0%;
  display: block;
  position: relative;
  top: -3px;
  border-radius: 10px;
  opacity: 1.0;
  width: 1200px;
  margin-left: -63px;
}
   #menue {
  display: block;
  top: 80%;
  left: 88%;
  margin-left: 5px;
     }
     #termin.salz {
        width: 262px;
        margin-top: 57%;
        padding-left: 2px;
        margin-right: 2%;
        position: relative;
        top: -82%;
        display: block;
        float: left;
        left: 16%;
    }
     ul.salz {
        height: auto;
        top: 844%;
        position: relative;
        margin-top: 37px;
        padding-bottom: 38px;
    }
        
     #navyquer .top > li {
       width:135px;
     }
      header.salz {
        width: 98%;
        margin-bottom: 10px;
        height: 334px;
        margin-left: 3px;
        top: auto;
        margin-top: 18px;
        left: auto;
    }
     #menue{
   display: block;
    position: fixed;
    top:599px;
   left:827px;
  }
     #ampel.salz {
  height: auto;
  margin-bottom: 100px;
  margin-top: -153%;
  padding-top: 8px;
  position: relative;
  left: 47%;
  float: left;
  top: auto;
  width: 58%;
  padding: 8px 7px;
}
     
#tablefuss.salz {
        height: 400px;
        margin-bottom: 100px;
        margin-top: 26%;
        position: relative;
        left: 49%;
        float: left;
        top: auto;
        width: 31%;
        padding-bottom: 49%;
    }
     #footer.salz {
  width: 62%;
  left: 3%;
  height: 127px;
  padding: 11px;
  display: inherit;
  top: auto;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 172%;
}
     #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 1%;
  padding-top: 86px;
  position: relative;
  left: 50%;
  float: left;
  top: 2%;
       width: 300px;
     }
     h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -76px;
  width: 89%;
  margin-left: 361px;
  left: -550px;
}
#starttableklass.salz {
        width: 66%;
        height: auto;
        padding-top: 71px;
        padding-left: 37px;
        top: 1%;
        left: 4%;
        display: block;
        text-align: center;
        margin-top: 3px;
        float: left;
        position: absolute;
        padding-bottom: 0%;
        font-size: 120%;
    }
#sprung.salz { 
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 231px;
  margin-top: 28%;
  padding-left: 11px;
  margin-right: 33%;
  position: fixed;
  top: 69px;
  display: block;
  float: left;
  left: 5%;
  font-size: 119%;
}
    #gutsch2.salz {
        position: absolute;
        top: 1438px;
        left: 0%;
        width: 34%;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
  
     h5.salz {
  left: 8px;
  position: relative;
  top: 0px;
  margin-bottom: 2px;
  width: 400px;
}
    #bild.salz {
        display: block;
        width: 174%;
        top: 67%;
        left: -112%;
        position: absolute;
        margin-top: 53px;
        height: auto;
        border: green;
    }

     
    #ampel.kurztext {
        border-radius: 30px;
        display: table-cell;
        left: 80%;
        position: absolute;
        top: 41%;
        width: 29%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb3fa;
        height: 369px;
    }
     #wechselbild2.salz {
        left: 3%;
        top: -18%;
        position: relative;
        margin-top: -47%;
        left: 1px;
        width: 119%;
    }
    #rankeverl {
  display: block;
  position: fixed;
  top: 55%;
  left: 5%;
  /*! height: 322px; */
  position: relative;
  float: left;
  width: 69%;
}
      #navyquer.salz {
        position: relative;
        top: -1123px;
        display: none;
        text-align: center;
        left: -22%;
        width: 1030px;
        height: 44px;
    }
    #wechselbild7 {
        display: inline-block;
        position: relative;
       }
}

@media screen and (max-width:1050px){
  
  #navyquer.salz{
    display:none;
  }
      #wechselbild7 {
        display: inline-block;
        top: -183%;
        position: relative;
        left: -5%;
    }
}

@media screen and (max-width:950px){
	
	
 
  #naviquer.salz{
    display: none,
  }
  h6.salz {
  margin-top: 256px;
  margin-left: 24%;
  font-size: 100%;
  font-size: 154%;
  top: -68px;
  left: -67px;
  margin-bottom: 20px;
}
    header.salz {
        width: 98%;
        margin-bottom: 10px;
        height: 334px;
        margin-left: 3px;
        top: auto;
        margin-top: 18px;
        left: auto;
        padding: 1% 15% 1%;
    }
  #herzlich.salz {
  display: block;
  position: relative;
  width: 86%;
  height: 174px;
  top: 70px;
  left: 10px;
}
    #wechselbild7.salz {
        left: -9%;
        top: auto;
        width: 101%;
        position: relative;
        display: block;
        height: auto;
        margin-top: -18%;
    }
  #fruehangeb.salz {
  position: absolute;
  top: -54px;
  width: 10%;
    left: 89%;
  }
  ul.salz {
  position: relative;
  display: block;
  width: 265px;
  top: -263px;
  left: -1px;
  margin-left: -56px;
}
  #menue {
  display: block;
  position: fixed;
  left: 730px;
  top: auto;
  /*! margin-left: -30px; */
  margin-top: 141px;
}
     #gutschein3.gutscheine {
        position: absolute;
        top: 37%;
        left: 59px;
        width: 33%;
    }
  #dreieck.salz {
  margin-left: 20%;
  max-width: 200px;
  left: 2%;
  top: -7%;
  position: relative;
  margin-top: 295px;
}
  #ampel.salz {
  height: 366px;
  margin-bottom: 100px;
  margin-top: 179%;
  padding-top: 8px;
  position: relative;
  left: 65%;
  float: left;
  top: -202%;
  width: 56%;
}
  ul.salz {
  display: block;
  position: relative;
  top: -186%;
  margin-top: 71px;
  height: auto;
  margin-left: 150px;
  text-align: center;
  float: left;
  width: 300px;
}
  #starttableklass.salz {
  width: 57%;
  height: 421px;
  padding-top: 71px;
  padding-left: 37px;
  top: auto;
  left: 12%;
  display: inherit;
  text-align: center;
  margin-top: -421px;
  float: left;
  position: relative;
  padding-bottom: 105px;
}
     #main.salz {
        height: 2000px;
        top: -3%;
        position: relative;
        margin-top: 71px;
          left: 1px;
        width: 98%;
        padding: 1% 22% 97%;
    }
    td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: -6%;
  position: relative;
  height: auto;
  margin-top: -111px;
}
  #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -71px;
  left: 5%;
  position: relative;
  margin-top: 6px;
}
  h5.salz {
  left: -3px;
  position: relative;
  top: -14px;
  margin-bottom: 2px;
  width: auto;
}
  #fruehangeb {
  position: absolute;
  top: -137px;
  width: 10%;
  left: 81%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 72%;
  font-style: oblique;
}
  #masslink {
  position: absolute;
  top: 335%;
  width: 10%;
  left: 21%;
  color: #debc55;
  background-color: #add8e605;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
  #sprung.ganz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 117px;
  top: 103px;
  margin-left: 22px;
  left: 110px;
  position: fixed;
}
  #footer.salz {
  width: 62%;
  left: 13%;
  height: 127px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: -164px;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: -20px;
}
  #ampel.ganz {
  border-radius: 30px;
  display: table-cell;
  left: 64%;
  position: absolute;
  top: -27%;
  width: 67%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  #verlauf.ganz {
  font: 99% bold;
  height: 361px;
  margin: 2%;
  padding: 30px 20px;
  left: 470px;
  top: 58%;
  width: 257px;
  position: absolute;
}
  #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: -6%;
  float: left;
  top: -209px;
    width: 38%;
  margin-left: 120px;
  }
  
  #bild2.tulp {
  display: block;
  width: 26%;
  top: 282%;
  left: 5%;
  position: absolute;
  margin-top: 53px;
    height: auto;}
  #dreieck.ganz {
  margin-left: 11%;
  width: 216px;
  left: -9%;
  top: -29%;
  position: relative;
  margin-top: 172px;
}
  h1.ganz {
  font-size: 172%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -124px;
  left: -388px;
  width: 12%;
  margin-left: 361px;
}
  #gutsch2.ganz {
  position: absolute;
  left: 502px;
  top: 615px;
  width: 35%;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: 77%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
  #starttableklass.ganz {
  width: 81%;
  height: 466px;
  padding-top: 93px;
  padding-left: 49px;
  top: -470px;
  left: 10%;
  display: inherit;
  text-align: center;
  margin-top: 97px;
  float: left;
  position: relative;
}
    #masslink.abhy {
  position: absolute;
  top: -4%;
  width: 23%;
  left: 107%;
  color: wheat;
  background-color: #add8e600;
  font-family: serife;
  font-size: 123%;
  font-style: oblique;
}
 
  #bild.ganz {
  display: block;
  position: absolute;
  width: 26%;
  top: -160px;
  margin-top: 10px;
  left: 69%;
  border-style: outset;
  border-radius: 12px;
}
    #startfuss.salz {
  font: 105%/1.6 sans-serif;
  width: 64%;
  margin-left: -34px;
}
    #wrapper.salz {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2700px;
  margin-top: -9px;
  background: #add8e600;
}
    #dreieck.salz {
  margin-left: 11%;
  width: 20%;
  left: 0%;
  top: 64%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
    #verlauf.salz {
  height: 407px;
  padding: 21px;
  top: 660px;
  width: 239px;
  margin-left: -27%;
  margin-top: 96px;
  background: #d8f9d3;
  color: #494747;
  font: 79%/1.2 serif;
    font-style: normal;
    font-size: 79%;
    font-family: serif;
  float: left;
  left: 94%;
  font-style: oblique;
  font-family: serife inherit;
  font-size: 104%;
}
#verlauf.salz {
  height: 420px;
  opacity: 0.85;
  padding: 30px;
  right: 112px;
  top: 123px;
  width: 216px;
}
    #navyquer.salz {
        display:none;
    }
    h5.salz {
  position: relative;
  width: 513px; 
  top: -10px;
  left: -100px;
}
  
  #wieder {
  top: 84px;
  left: 11%;
  font-size: 67%;
}

    ul.start{
       position: relative;
        display:block;
       text-align: center;
       width: 85%;
       left: 31px;
       float: left;
       top: -178px;
    }    
    #herz {
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 19px;
  float: left;
  top: 134px;
  margin-top: -157px;
  width: 771px;
}
    #ampel.kurztext {
        border-radius: 30px;
        display: table-cell;
        left: 105%;
        position: absolute;
        top: -91px;
        width: 31%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb3fa;
        height: 332px;
    }
    #rankeverl {
  display: block;
  position: fixed;
  top: 668px;
  left: 37%;
  height: 322px;
  position: relative;
  float: left;
}
    #bild.salz {
        display: block;
        width: 102%;
        top: 96%;
        left: -128%;
        position: relative;
        margin-top: 53px;
    }
    #tablefuss.salz {
  height: 576px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: 45%;
  float: left;
  top: -314px;
  width: 35%;
  text-align: center;
  padding-left: 11%;
  font-size: 79%;
  display: block;
}
     #dreieck.salz {
        margin-left: 11%;
        max-width: 200px;
        left: -8%;
        top: 122%;
        position: relative;
        margin-top: -66px;
        position: absolute;
    }
#navyquer.salz {
  margin-top: 15%;
  position: relative;
  top: -1067px;
  display: none;
}
    #starttableklass.salz {
        width: 85%;
        height: auto;
        padding-top: 62px;
        padding-left: 37px;
        top: -20%;
        left: -6%;
        display: inherit;
        text-align: center;
        margin-top: 111px;
        float: left;
        position: relative;
        font-size: 93%;
        margin-bottom: 30px;
        padding-bottom: 1px;
    }
    #ampel.gelb {
  border-radius: 30px;
  display: table-cell;
  left: 858px;
  position: absolute;
  top: 90px;
  width: 30%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
    #navileiste.ganzkörp {
  color: rgb(0, 0, 128);
  font: 71% serif;
  top: -63%;
  position: relative;
  float: right;
  right: 2%;
}
 h1.salz {
        font-size: 352%;
        font-weight: bold;
        font-style: italic;
        top: 74%;
        left: -50%;
    }
     h2.salz {
        font: 153% sans-serif;
        color: messing;
        font-style: oblique;
        top: 87%;
        left: -15%;
    }
    #starttableklass {
  width: 56%;
  height: 549px;
  padding-top: 93px;
  padding-left: 37px;
  top: -80%;
  left: 8%;
  display: inherit;
  text-align: center;
  margin-top: -301px;
  float: left;
  position: relative;
}
    #sprung.salz {
  background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
  color: aqua;
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 30%;
  margin-top: 28%;
  padding-left: -3px;
  margin-right: 5%;
  position: fixed;
        top: 14%;
  text-align: center;
  left: 75px;
}
    #gutsch2.salz {
  position: absolute;
  top: 144%;
  left: 27%;
  width: 50%;
  margin-bottom: 6px;
  margin-left: -189px;
  color: #504d4d;
  font-style: italic;
}
    
     #tablefuss.salz {
        height: 401px;
        margin-bottom: 100px;
        /* margin-top: 4%; */
        padding-top: 86px;
        position: relative;
        left: 65%;
        float: left;
        top: -44%;
        /* width: 36%; */
    }   #ampel.salz {
        width: 70%;
        float: left;
        margin-top: -21%;
        margin-left: -30%;
        position: relative;
        height: auto;
        margin-top: -91px;
        top: -188%;
        padding: 14px;
        padding: 7px;
    }   
        td.kurztextfuss {
  width: 90%;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 32%;
  margin-left: 9px;
  top: -112px;
    }
   td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: -49px;
}
    header.salz {
        width: 100%;
        background-attachment: absolute;
        margin-bottom: 10px;
        height: 13%;
        margin-left: 3px;
        top: -36px;
        padding: 6% 21% 5%;
    }
#wechselbild2.salz {
  left: 2%;
  top: -22%;
  width: 97%;
  position: relative;
  display: none;
}
    h1 {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: 43px;
  left: ;
  width: 210px;
  margin-left: 13%;
}
    #kurztextsalz {
        display: block;
        margin-top: -553px;
        width: 470px;
        height: 140px;
        top: 345px;
        position: relative;
        margin-left: -63px;
        font-size: 121%;
        font: 122% / 1.2 serif;
        left: -131px;
    }
    #termin.salz {
  width: 241px;
  margin-top: 21%;
  padding-left: 19px;
  margin-right: 2%;
  position: relative;
  top: 155px;
  display: block;
  float: left;
  left: -5%;
  height: 35px;
  font-size: 150%;
    }
    
    #copy.salz {
  top: auto;
  width: 134%;
  height: 113px;
  text-align: center;
  display: inherit;
  float: left;
  left: -10%;
  margin-top: 4px;
}
    #gutsch2.salz {
        position: absolute;
        top: 43%;
        left: 20%;
        width: 35%;
        margin-bottom: 6px;
        margin-left: 5%;
        color: #504d4d;
        font-style: italic;
    }
    #footer.salz {
  width: 85%;
  left: 8%;
  height: 127px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: 99%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 36px;
}
    #copy.salz {
  display: inline;
  margin-top: auto;
  top: auto;
text-align: center; 
        height: 100px;
        width:103%;
  position: absolute;
  left: -49px;
}
    ul.copy{
        position: relative;
        text-align: center;
        top: -4px;
        height: auto;
        display: inline-block;
        width: 99%;
    }
	    ul.salz {
        height: auto;
        top: 758%;
        position: relative;
        margin-top: 37px;
        padding-bottom: 38px;
    }
}
@media screen and (max-width:800px){
  #gutsch2.salz {
  position: absolute;
  top: 618px;
  left: 1%;
  width: 48%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
}
  #überblick{
    position: relative;
    top:-120px;
  }
  h6.salz {
  margin-top: 220px;
  margin-left: 24%;
  font-style: italic;
  position: absolute;
  font-size: 154%;
  color: navy;
  top: auto;
  left: auto;
  font-size: 80%;
}
  #gutschein3.gutscheine {
  position: absolute;
  top: 1041px;
  left: 22px;
  width: 40%;
}
  #menue{
    left:678px;
    top: 417px;
  }
  #rankeverl {
  display: inline;
  position: fixed;
  top: 612px;
  left: -11%;
  height: 322px;
  position: relative;
  float: left;
  rotate:180deg;
}
  #footer.salz {
  position: relative;
  display: inline-block;
  width: 90%;
  top: -11%;
  margin-top: 20px;
  left: -166px;
}
  #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: -65%;
  position: relative;
  margin-top: 295px;
}
   #navyquer.salz {
       display:none;
	   }
   header.salz {
  width: 87%;
   background-attachment: absolute;
  margin-bottom: 18px;
  height: 284px;
  margin-left: -107px;
  top: -48px;
   left: 148px;
}
  #termin.salz {
  width: 302px;
  margin-top: 6%;
  padding-left: 15px;
  margin-left: -15%;
  position: absolute;
  top: 74%;
  left: 94px;
  margin-bottom: 1%;
  height: 26px;
  background-color: #e56add;
  font-style: oblique;
  padding-top: 11px;
  font-size: 129%;
}
  #masslink.abhy {
  position: absolute;
    top: -10%;
  left: 363px;
  padding-bottom: 20px;
  padding-top: 8px;
  }
  td.preis {
  height: 25px;
  width: 297px;
  font: serif bold;
  top: -48px;
  position: relative;
  left: 15px;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 317px;
  height: 140px;
  top: 29px;
  position: relative;
  font: 100%/1.2 serif;
  left: -19px;
}
  h5.ganz {
  font: 158% bold,italic;
  left: 15%;
  position: relative;
  top: -33%;
  width: 200px;
  margin-top: 70px;
}
  #gutsch2.ganz {
  position: absolute;
  left: 437px;
  top: 745px;
  width: 44%;
}
  #sprung.ganz {
  width: 117px;
  top: 44px;
  margin-left: 22px;
  left: 110px;
  position: fixed;
}
  #verlauf.ganz {
  font: 99% bold;
  height: 265px;
  margin: 2%;
  padding: 30px 20px;
  left: 41px;
  top: 67%;
  width: 580px;
  position: absolute;
}
  #bild.ganz {
  display: block;
  position: absolute;
  width: 22%;
  top: -46px;
  margin-top: 10px;
  left: 48%;
  border-style: outset;
  border-radius: 12px;
}
  #tablefuss.ganz {
  height: 450px;
  margin-bottom: 100px;
  margin-top: 12%;
  padding-top: 86px;
  position: relative;
  left: -14%;
  float: left;
  top: 8px;
  width: 41%;
  margin-left: 120px;
}
    #fruehangeb {
  position: absolute;
  top: -59px;
  width: 10%;
  left: 81%;
  color: wheat;
  background-color: #add8e600;
} 
  #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -348px;
  left: -1%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
    #fruehangeb.salz {
  position: absolute;
  top: 29px;
  width: 11%;
  left: 86%;
  color: wheat;
  background-color: #add8e600;
  font-size: 98%;
  margin-top: -34px;
    } 
  h1.ganz {
  font-size: 115%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -16px;
  width: 120px;
  margin-left: 361px;
  left: -451px;
}
   #fruehangeb.ganz {
  position: absolute;
  top: -25px;
  width: 10%;
  color: wheat;
  background-color: #add8e600;
  font-size: 54%;
  left: 467px;
} 
    ul.salz{
     position: relative;
        display:block;
        width: 266px;
        top:-114px;
     left: 14px;
     margin-left: -56px;
     margin-top: auto;
     height: auto;
    } 
    ul.salz a{
        color:blue; 
    } 
  
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -156%;
  left: 2%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
 
    h5.salz {
  position: relative;
  top: 692%;
  width: 300px;
  left: 12px;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 10%;
  top: 77%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
    ul.start {
  position: relative;
  display: block;
  text-align: center;
  width: 85%;
  left: 31px;
  float: left;
  top: 1019px;
}
    #bild.abhy {
  display: block;
  position: absolute;
  width: 24%;
  top: -171px;
  margin-top: 10px;
  left: 542px;
  border: outset;
  color: wheat;
  padding: 2px;
  border: #15580f;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-style: outset;
  background: white;
  border-radius: 12px;
}
         #bild2.tulp {
  display: block;
  position: absolute;
  width: 26%;
  top: 1334px;
margin-top: 10px;
left: 406px;
  border: outset;
  color: wheat;
  padding: 5px;
  border: #2b5916;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: outset;
  background: white;
} 
        

        #masslink {
  position: absolute;
  top: 281%;
  width: 10%;
  left: 49%;
  color: wheat;
  background-color: #b7ade6d9;
  font-style: oblique;
  font-family: serife;
  font-size: 121%;
}
    #masslink.salz {
  position: absolute;
  top: 55%;
  width: 10%;
  left: 58%;
  color: wheat;
  background-color: #b7ade6de;
  font-style: oblique;
  font-family: serife;
  font-size: 121%;
}
    #starttableklass.salz {
  width: 86%;
  height: auto;
  padding-top: 62px;
  padding-left: 37px;
  top: -39%;
  left: -10%;
  display: inherit;
  text-align: center;
  margin-top: 111px;
  float: left;
  position: relative;
  font-size: 93%;
}
   #kurztextsalz {
  display: block;
  margin-top: -399%;
  width: 80%;
  height: 140px;
  top: 880px;
  position: relative;
  margin-left: -71px;
  font-size: 121%;
  font: 122%/1.2 serif;
  left: 96px;
}
   
    #ampel {
  border-radius: 30px;
  display: none;
  left: 858px;
  position: absolute;
  top: 90px;
  width: 30%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  #ampel.salz {
  width: 53%;
  float: left;
  margin-left: -134%;
  position: absolute;
  height: auto;
  margin-top: -91px;
  top: 285px;
  padding: 14px;
  padding: 7px;
  display: block;
  left: 35%;
}
    #tablefuss.salz {
  height: 630px;
  margin-bottom: 100px;
  margin-top: -11%;
  padding-top: 86px;
  position: relative;
  left: 45%;
  float: left;
  top: -344px;
  width: 35%;
  text-align: center;
  padding-left: 11%;
  font-size: 79%;
}
    #bild.salz {
  display: block;
  width: 87%;
  top: 69%;
  position: relative;
  margin-top: 48px;
  left:-112%;
}
    #ampel1.orchi{
display:none;                
        
    }
 #navyquer.salz,#navileiste {
  display: none;
}
    #wieder {
  font-size: 40%;
  font-style: italic;
  color: grey;
  top: 189px;
  position: relative;
  left: -44px;
}
    h5.salz {
  position: relative;
  top: -7px;
  width: 300px;
  left: -40px;
}
    table{
        height: auto;
    }
    
    tr.preis{
        position: relative;
        height: 10px;
        
    }  
  #wieder {
  font-size: 33%;
  color: #717177;
  font-weight: bold;
  font-style: italic;
  top: 169px;
  width: 94%;
  margin-left: 4%;
  background-color: #38373d00;
  height: 298px;
  margin-top: 20px;
  margin-bottom: 10px;
}      
    
      header.salz {
        font-weight: bold;
        font-style: italic;
        top: -167px;
        margin-left: 1%;
        margin-bottom: 10px;
        left: 3px;
        height: 365px;
    }
    #ampel.kurztext {
  border-radius: 13px;
  display: table-cell;
  left: 76%;
  position: absolute;
  top: -7%;
  width: 21%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
  padding: 2px;
  height: 201px;
}
       #ampel.kurztext {
        border-radius: 13px;
        display: table-cell;
        left: 78%;
        position: absolute;
        top: -21%;
        width: 21%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb3fa;
        padding: 2px;
        height: 184px;
    }
    #ampel.kurztext {
        border-radius: 13px;
        display: table-cell;
        left: 78%;
        position: absolute;
        top: -21%;
        width: 21%;
        border-style: outset;
        border-color: #223a06;
        padding: 8px;
        background-color: #befbb3fa;
        padding: 2px;
        height: 184px;
    }	
    #sprung.salz {
  height: 35px;
  padding-top: 8px;
  padding-bottom: -12px;
  border-radius: 10px;
  width: 95px;
  margin-top: 21%;
  padding-right: 24px;
  margin-right: 0%;
  position: fixed;
  top: 101px;
  display: inline;
  float: left;
  left: 4%;
        text-align: center;
        font-size:120%;
}
  #termin.salz {
  width: 296px;
  margin-top: 21%;
  padding-left: 37px;
  margin-right: 2%;
  position: relative;
  top: -170px;
  display: inherit;
  float: left;
  left: -6%;
    }
    
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 20px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 10%;
  float: left;
  top: 39px;
  margin-top: -235px;
}
    td.kurztextklass {
  font: 95%/1.2 serif;
  width: 90%;
  float: left;
  margin-left: 4%;
  position: relative;
  height: auto;
  margin-top: -79px;
  top: -104px;
  margin-top: 100px;
}
    td.kurztextfuss {
  font: 100%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 5%;
  margin-left: -3%;
  position: relative;
  height: 620px;
}
    header {
  font: 100%/1.2 serife;
  width: 102%;
  float: left;
  margin-top: 9%;
  margin-left: -12%;
  position: relative;
  height: 300px;
  background: #d3d3d300;
  top: -229px;
}
    #navileiste.ganzkörp {   
    display: none;
}
    #main{
  width: 98%;
  margin-top: 34%;
  padding-left: 23px;
  position: relative;
        top: 10px;
 background: linear-gradient(to right, #ef7fe8c7 0%,#e93cec00 99%);
  font-family: white;
  left: -16px;
  height: 1500px;
}
    #main.salz {
  width: 98%;
  margin-top: 21%;
  padding-left: 23px;
  position: relative;
  top: 209px;
  background: linear-gradient(to right, #ef7fe800 0%,#e93cec00 99%);
  font-family: white;
  left: -16px;
  height: 1377px;
}
       #main.salz {
  width: 94%;
  margin-top: 20%;
  padding-left: 23px;
  position: relative;
  top: 154px;
  background: linear-gradient
  (to right, #ef7fe800 0%,#e93cec00 99%); font-family: white;
  left: 5px;
  height: 1877px;
  background: #cbaecc00;
}
     #main.salz {
        width: 94%;
        margin-top: 20%;
        padding-left: 23px;
        position: relative;
        top: 202px;
        font-family: white;
        left: 5px;
        height: 1877px;
        background: #c0c08ce3;
    }
    #termin.salz {
  width: 204px;
  margin-top: -34%;
  padding-left: 9x;
  margin-left: 15%;
  position: absolute;
  top: 11%;
  background: linear-gradient(to right, #ef7fe8f0 0%,#e93cecb5 99%);
  font-family: white;
  padding-right: 13px;
  left: 51px;
  height: 26px;
}
#starttableklass {
  width: 92%;
  height: 421px;
  padding-top: 93px;
  padding-left: 17px;
  top: auto;
  left: -1px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 20px;
  float: left;
  position: relative;
  flex: content;
  padding-bottom: 114px;
}    
    #starttableklass.ganz {
  width: 89%;
  height: 400px;
  padding-top: 93px;
  padding-left: 17px;
  top: -9px;
  left: 16px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: -320px;
  float: left;
  position: relative;
  flex: content;
  padding-bottom: 114px;
}  
 #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -160px;
  left: -1%;
  width: 100%;
  margin-top: 5px;
}   

#dreieck.salz {
  max-width: 200px;
  left: 11%;
  top: 72%;
  position: relative;
  margin-top: -34px;
}   
#sprung.salz {
   width: 156px;
  margin-top: 28%;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -34%;
  display: inherit;
  float: left;
  left: 5%;
  text-align: center;
}    
    #naviunten {
     display:none;   
    }    
    #tablefuss.salz {
  top: auto;
  width: 39%;
  height: 457px;
  text-align: center;
  display: inherit;
  float: left;
  left: 275px;
  margin-top: -86%;
  margin-bottom: 10px;
} 
#ampel.salz {
  border-radius: 30px;
  display: block;
  left: 187%;
  position: absolute;
  top: -341px;
  width: 60%;
  border-color: #ab30bdc2;
  padding: 8PX;
  line-height: 4px;
  width: 44%;
}    
#verlauf.salz {
  height: 426px;
  opacity: 0.85;
  padding: 20px;
  top: 611px;
  width: 32%;
  float: left;
  left: 289px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
#copy.salz {
  top: auto;
  width: 93%;
  height: 79px;
  text-align: center;
  display: inherit;
  float: left;
  left: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}    
#footer.salz {
  width: 72%;
  left: 13%;
  height: 102px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: 99%;
  text-align: center;
  /*! background-color: #808080f5; */
  position: relative;
  margin-top: -2%;
  margin-bottom: 3px;
  background: #add8e600;
}    
#gutsch2.salz {
  position: absolute;
  top: 1269px;
  left: 3%;
  width: 48%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
}    
#rankeverl {
  display: inline;
  position: fixed;
  top: 17%;
  left: 78%;
  width: 20%;
}
 #rankeverl.salz {
  display: inline;
  position: fixed;
  top: -12%;
  left: 0%;
  width: 36%;
}   
#copy li {
  width: 98%;
  text-decoration: none;
  height: 150px;
  margin-top: 3px;
  text-align: center;
  position: relative;
  top: 16px;
  /*! margin-top: auto; */
}   
    #copy.salz a {
  width: 50%;
  text-decoration: none;
  display: inline;
  height: 150px;
  margin-top: 3px;
  text-align: center;
  position: relative;
  top: auto;
  margin-top: auto;
  color: navy;
  left: 1px;
}
    #copy.salz {
  display: block;
  margin-top: 32px;
  top: auto;
  text-align: center;
  height: 100px;
  width: 99%;
}
    ul.copy {
  position: absolute;
  text-align: center;
  left: 1px;
  top: auto;
  height: auto;
  display: inherit;
  width: 99%;
}
h1.salz {
        font-size: 322%;
        /* color: navy; */
        font-weight: bold;
        font-style: italic;
        top: 22%;
        /* left: 2%; */
        /* width: 47%; */
    }
    #pfeil {
  opacity: 0.8;
  right: 4%;
  margin-bottom: 0;
  position: fixed;
  top: 75%;
}
}

@media screen and (max-width:750px){
#rankeverl {
    display: none;
}
  ul.salz {
  position: relative;
  display: block;
  width: 250px;
  top: -194px;
  left: 5px;
  margin-left: -56px;
}
  #menue{
    left:651px;
    top: 430px;
  }
  #wechselbild7.salz {
  left: -4%;
  top: auto;
  width: 105%;
  position: relative;
  display: block;
  height: auto;
}
  h6.salz {
  margin-top: 220px;
  margin-left: 24%;
  font-size: 90%;
  font-style: italic;
  position: absolute;
  font-size: 154%;
  color: navy;
  top: auto;
  left: auto;
  font-size: 80%;
}
}

@media screen and (max-width:700px){
#rankeverl {
    display: none;
}
    #gutschein3.gutscheine {
        position: absolute;
        top: 815px;
        left: 13px;
        width: 48%;
    }
  #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 7%;
  top: 72%;
  position: relative;
  margin-top: -66px;
  position: absolute;
}
  #bild.salz {
  width: 87%;
  top: 69%;
  position: relative;
  margin-top: 48px;
  left: 95%;
}
  ul.salz {
  position: relative;
  display: block;
  width: 104%;
  top: 2px;
  left: 5px;
  margin-left: -56px;
  font: 90%/1.4 sans-serif;
}
     h2.salz {
        font: 187% sans-serif;
        font-style: oblique;
        top: 75%;
        left: -15%;
        color: #4e3223;
    }
    #ampel1.orchi {
  display: block;
        margin-top:30px;
}
    #main.ganz {
  width: 98%;
  margin-top: -252%;
  padding-left: 23px;
  position: relative;
        top: 192px;
    }
  #bild.ganz {
  display: block;
  position: absolute;
  width: 26%;
  top: -160px;
  margin-top: 10px;
    left: 69%;
  }
  #wieder {
  font-size: 29%;
  color: #717177;
  font-weight: bold;
  font-style: italic;
  top: 7px;
  width: 94%;
  margin-left: 4%;
  background-color: #38373d00;
  height: 298px;
  margin-top: 20px;
  margin-bottom: 10px;
}  
    #bild.ganz {
  display: block;
  position: absolute;
  width: 18%;
  top: -9px;
  margin-top: 10px;
  left: 406px;
    }
    td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 317px;
  height: 140px;
  top: 121px;
  position: relative;
  font: 100%/1.2 serif;
  left: -19px;
}
      #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -371px;
  left: 10%;
  width: 100%;
  margin-top: 5px;
}
    h1.ganz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: 43px;
  left: ;
  width: 210px;
  margin-left: 13%;
  left: -127px;
}
     #wechselbild2.ganz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -14px;
  left: 1%;
  width: 99%;
  margin-top: 2px;
  position: absolute;
}
    #fruehangeb.ganz {
  position: absolute;
  top: 26px;
  width: 10%;
  color: wheat;
  background-color: #add8e600;
  font-size: 90%;
  left: 446px;
}
    header.salz {
        font: 67% / 1.2 serife;
        width: 99%;
        float: left;
        margin-top: 9%;
        margin-left: 1%;
        position: relative;
        top: -8%;
    }

    #bild2.tulp {
  display: block;
  position: absolute;
  width: 35%;
        top: 397%;
  left: 380px;
    }
    #sprung.ganz {
        left:30px;
        font-size: 153%;
        top:90px;
    }
 
    h5.salz {
  position: relative;
  top: 20px;
  width: 300px;
}
    
    h5.ganz {
  position: relative;
  top: -42px;
  width: 300px;
  left: -51px;
}
 
    #starttableklass.salz {
        width: 92%;
        height: 546px;
        padding-top: 62px;
        padding-left: 37px;
        padding-bottom: 22%;
        /* top: -32%; */
        left: -19%;
        display: inherit;
        text-align: center;
        margin-top: 125px;
        float: left;
        position: relative;
        font-size: 93%;
    }
#pfeil {
    opacity: 0.8;
    right: 9%;
    margin-bottom: 0;
    position: fixed;
    top: 73%;
}
    #ampel.salz {
  width: 44%;
  float: left;
  margin-top: -21%;
  margin-left: -3%;
  position: absolute;
  height: auto;
  margin-top: -9px;
  top: 35%;
  padding: 14px;
  padding: 7px;
  display: block;
  left: -98%;
}
    #tablefuss.salz {
  height: 688px;
  margin-bottom: 100px;
  margin-top: 8%;
  padding-top: 86px;
  position: relative;
  left: 45%;
  float: left;
  top: -562px;
  width: 35%;
  text-align: center;
  padding-left: 11%;
  font-size: 79%;
  
  padding-bottom: 72px;
}
     #starttableklass.salz {
        width: 92%;
        height: 546px;
        padding-top: 62px;
        padding-left: 37px;
        left: -19%;
        display: inherit;
        text-align: center;
        margin-top: 125px;
        float: left;
        position: relative;
        font-size: 93%;
		padding-bottom:35%;
		top:-32%;
    }
     #dreieck.salz {
        margin-left: 11%;
        max-width: 200px;
        left: -9%;
        top: 82%;
        position: relative;
        margin-top: -10px;
        width: 23%;
    }
    #dreieck.ganz {
  margin-left: 11%;
  max-width: 191px;
  left: -4%;
  top: 34%;
  position: relative;
  margin-top: 31px;
  width: 30%;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 150px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: 6%;
  float: left;
  top: -23px;
  margin-top: -35px;
}
td.kurztextfuss {
  font: 95%/1.2 serif;
  width: 99%;
  float: left;
  margin-top: -21%;
  margin-left: 11%;
  position: relative;
  height: auto;
  margin-top: -155px;
}
    #navyquer.salz {
  margin-top: 55px;
  position: relative;
  top: -1625px;
  widt display: flex;
  text-align: center;
  left: -14%;
}
    #wechselbild1.salz {
  left: -2%;
  top: 45px;
  padding-bottom: 30px;
  padding-left: -5px;
  float: left;
  margin-right: 20px;
  width: 81%;
}
#sprung {
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    color: aqua;
    height: 35px;
    padding-top: 8px;
    border-radius: 10px;
    width: 91px;
    margin-top: 28%;
    padding-left: 37px;
    margin-right: 0%;
    position: fixed;
    top: -9px;
    float: right;
    right: 8%;
    display: inline;
    text-align: center;
    padding-right: 22px;
}
    #gutsch2.salz {
        position: absolute;
        left: 322px;
        width: 43%;
        margin-bottom: 6px;
        margin-left: -5px;
        color: #504d4d;
        font-style: italic;
        top: 1360px;
    }
    #gutsch2.ganz {
  position: absolute;
  left: 391px;
  width: 39%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
  top: 341px;
}
    #startfuss.salz {
        /* font: 122% / 1.2 serif; */
        width: 92%;
        left: 45px;
    }
#navyquer.salz {
    display: none;
}    
 
    #naviunten {
    display:none;
}
    #dreieck {
    margin-left: 11%;
    max-width: 200px;
    left: 2%;
    top: -54%;
    position: relative;
    margin-top: 763px;
    width: 40%;
}
 #ampel.salz {
    left: 105px;
    top: -19%;
    width: 198px;
    height: 285px;
    margin-top: 0px;
    margin-left: 304px;
    position: absolute;
}  
    #ampel.ganz {
  left: 28px;
  top: -11%;
  width: 281px;
  height: 180px;
  margin-top: 0px;
  margin-left: 283px;
  position: absolute;
}
#spruchklass {
    left: -32%;
    top: 877px;
    width: 46%;
    height: 180px;
    margin-top: 88px;
    margin-left: 272px;
    position: absolute;
    height: 266px;
}    
#verlauf.salz {
    height: auto;
    opacity: 1.0;
    padding: 20px;
    left: 28%;
    top: 1495px;
    width: 88%;
    margin-top: 10px;
    margin-bottom: 20px;
}  
    #verlauf.ganz {
  height: 257px;
  opacity: 1.0;
  padding: 20px;
  left: 2%;
  top: 547px;
  width: 87%;
  margin-top: 10px;
  margin-bottom: 20px;
}
 #starttableklass {
    width: 91%;
    height: auto;
    padding-top: 50px;
    padding-left: 3px;
    top: -26%;
    left: 3%;
    padding-right: 18px;
    display: inerhit;
    text-align: center;
    margin-top: 30px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}   
     #wechselbild2.salz {
        top: -109%;
        width: 101%;
        display: none;
        text-align: center;
        float: left;
        left: -7px;
        margin-top: 17px;
    }
    #tablefuss.salz {
        top: -22%;
        width: 44%;
        height: 526px;
        text-align: center;
        display: inherit;
        float: left;
        left: -3%;
        margin-top: 42px;
    }
    #copy.salz {
    top: auto;
    width: 95%;
    height: 87px;
    text-align: center;
    display: block;
    float: left;
    left: 2%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: clear;
}
    #footer.salz {
    width: 90%;
    left: 2%;
    height: 150px;
    padding: 11px;
    display: inherit;
    text-align: center;
    top: -6%;
    text-align: center;
    background-color: #80808000;
    position: relative;
background-color: #80808000;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    #termin.salz{
     width: 20%;
margin-top: 21%;
padding-left: 37px;
margin-right: 2%;
position: relative;
top: -46%;
display: inherit;
float: left;
left: 4%;
text-align: center;
     background: #a8cd44d9;
     height: 35px;
     border-radius: 16px;
     padding-top: 11px;
     font-size: 119%;
     border: #909690;
     border-style: outset;
}
    #copy.salz {
  display: inline-block;
  margin-top: -150px;
  top: -1840px;
  text-align: center;
  height: 106px;
  width: 103%;
  left: -3px;
  position: relative;
}
    #termin.salz {
  width: 108%;
  left: -46%;
  height: 26px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: 94%;
  text-align: center;
  background-color: #1bda1d57;
  position: relative;
  margin-top: 150px;
  margin-bottom: 20px;
}
    
    #footer.salz {
  width: 91%;
  left: -1%;
  height: 127px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: 99%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 150px;
}
       ul.copy{
        position: absolute;
        text-align: center;
        left: 1px;
        top: auto;
        /*! height: 183px; */
        width: 112%;
    }
#copy li {
  width: 598px;
  text-decoration: none;
  display: inherit;
  height: 150px;
  margin-top: -24px;
  text-align: center;
  position: relative;
}
    #tablefuss.ganz {
  width: 40%;
  position: absolute;
  left: 0%;
  height: 700px;
  padding-bottom: 31px;
  padding-left: 8%;
  margin-bottom: 10px;
  margin-top: 21%;
  margin-left: 4%;
  padding-top: 0%;
  display: block;
  top: -361px;
}
     h1.salz {
        font-size: 434%;
        font-weight: bold;
        font-style: italic;
        top: 8%;
        width: 66%;
    }
    ul.copy {
  position: relative;
  text-align: center;
  left: 1px;
  top: -26px;
  display: inline;
  width: 99%; 
}
    #masslink.ganz {
  position: absolute;
  top: 406%;
  width: 10%;
        left: 64%;
  background-color: #b7ade600;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 188%;
    }
    
      #termin.salz {
        width: 178px;
        margin-top: 21%;
        padding-left: 9px;
        margin-left: 149%;
        position: relative;
        top: -6%;
        font-family: white;
        display: block;
        height: 17px;
        opacity: 1.0;
    }
}
@media screen and (max-width: 650px) {
    h1.salz {
        font-size: 434%;
        /* color: navy; */
        font-weight: bold;
        font-style: italic;
        top: 8%;
        /* left: 3%; */
        width: 71%;
    }
	    ul.salz {
        position: relative;
        display: block;
        width: 104%;
        top: 2px;
        left: 5px;
        margin-left: -56px;
        font: 90% / 1.4 sans-serif;
        margin-top: -61%;
    }
	    #gutschein3.gutscheine {
        position: absolute;
        top: 949px;
        left: 13px;
        width: 48%;
    }
	    #starttableklass.salz {
         padding-bottom: 48%;
    }
}
@media screen and (max-width:500px){
   
    #wechselbild7.salz {
        left: -7%;
        top: -289px;
        width: 76%;
        position: relative;
        display: block;
        margin-top: -7%;
    }
  
    ul.salz {
        position: relative;
        display: block;
        width: 76%;
        top: 2px;
        left: -10px;
        margin-left: -56px;
        font: 64% / 1.4 sans-serif;
        margin-top: -78px;
    }
  #herzlich.salz {
  display: block;
  position: relative;
  width: 86%;
  height: 138px;
  top: 2px;
  left: 27px;
}
  #sprung.salz {
  padding-top: 8px;
  padding-bottom: -12px;
  width: 140px;
  margin-top: 28%;
  padding-left: 37px;
  margin-right: 2%;
  position: fixed;
  top: -6%;
  display: inline;
  float: right;
  left: 57%;
  padding-right: 25px;
}
  h6.salz {
  margin-top: -34px;
  margin-left: 4%;
  font-size: 90%;
  font-style: italic;
  position: absolute;
  font-size: 154%;
  color: navy;
  top: auto;
  left: auto;
  font-size: 67%;
}
  #ampel.kurztext {
  border-radius: 30px;
  display: table-cell;
  left: 77%;
  position: absolute;
  top: -32%;
  width: 21%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  #fruehangeb.salz {
  position: absolute;
  top: 1910px;
  width: 11%;
  left: 51%;
  color: wheat;
  background-color: #add8e600;
  font-size: 138%;
  margin-top: -34px;
}
  #überblick{
    display: block;
    position: relative;
    top:-260px;
  }
   #wrapper.salz{
        height:2000px; 
        top:-802px; 
        position: relative;
        background: #80808000;
    }
  #wrapper.salz {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2900px;
}
    #gutschein3.gutscheine {
        position: absolute;
        top: -115%;
        left: 23px;
        width: 61%;
        margin-top: 20px;
        margin-bottom: 10px;
    }
  ul.copy {
  position: absolute;
  left: 27px;
  top: 15px;
  display: inline;
  width: 81%;
  text-align: center;
}
  #main.ganz {
  width: 90%;
  margin-top: 20%;
  padding-left: 35px;
  position: absolute;
  top: 28%;
  height: 2800px;
  background: #00f0;
  left: 2px;
}
  #rankeverl.salz {
  display: block;
  position: fixed;
  top: 60%;
  left: 7%;
  width: 102%;
  rotate: 0deg;
}
  #gutsch2.ganz {
  position: absolute;
  left: 75px;
  width: 77%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
  top: 1020px;
}
    header.ganz {
  width: 89%;
  height: 213px;
  padding-top: 9px;
  padding-left: 17px;
  top: -55%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  background-color: #80808000;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 317px;
  height: 140px;
  top: 97px;
  position: relative;
  font: 100%/1.2 serif;
  left: 21px;
}
  #masslink.abhy {
  position: absolute;
  top: 134%;
  left: 214px;
}
  #ampel.ganz {
  left: -280px;
  top: 114%;
  width: 313px;
  height: 232px;
  margin-top: 0px;
  margin-left: 283px;
  position: absolute;
  background: white;
}
  #bild.ganz {
  display: block;
  position: absolute;
  width: 30%;
  top: 108px;
  margin-top: 10px;
  left: 283px;
}
  h5.ganz {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}
  #fruehangeb.ganz {
  position: absolute;
  top: 134px;
  width: 10%;
  color: wheat;
  background-color: #add8e600;
  font-size: 75%;
    left: 326px;
  }
    #wechselbild2.ganz {
  font: 67%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 9%;
  margin-left: 4%;
  position: absolute;
  background: #d3d3d305;
  top: -51px;
}
  header.salz {
  font: 67%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 9%;
  margin-left: -34%;
  position: relative;
  height: 85px;
    top: -8px;
}  
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -214%;
  left: -2%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 3%;
  top: -14%;
  position: relative;
  margin-top: -6px;
  position: absolute;
}
    h5.salz {
  position: absolute;
  top: -13%;
  width: 300px;
  left: 12px;
  margin-bottom: 10px;
  margin-top: 70px;
}
    #bild.abhy {
  display: block;
  position: absolute;
  width: 19%;
  top: -229px;
  margin-top: 10px;
  left: 274px;
  border: outset;
  color: wheat;
  padding: 2px;
  border: #15580f;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-style: outset;
  background: white;
}
    #bild2.tulp {
  display: block;
  position: absolute;
  width: 66%;
  top: 94%;
  margin-top: 10px;
  left: 60px;
  border: outset;
  color: wheat;
  padding: 5px;
  border: #2b59169e;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-style: outset;
  background: white;
  border-radius: 18px;
  margin-bottom: 20px;
}
  #ampel.salz {
      width: 74%;
      top: 1%;
      left: 55px;
      margin-top: 10px;
      margin-bottom: 17px;
    }
 header.salz {
  font-size: 185%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -6%;
  left: ;
  width: 94%;
  margin-left: 1%;
   height: 243px;
  margin-top: 20px;
  margin-bottom: 10px;
  }   
    h1.salz {
  font-size: 82%;
  font-weight: bold;
  font-style: italic;
  top: -52px;
  left: -89%;
  width: 80%;
  margin-top: 34px;
}
    tr.preis {
  position: relative;
  height: 5px;
}
   #kurztextsalz {
  display: block;
  margin-top: -553px;
  width: 84%;
  height: 186px;
        top: 519px;
  margin-left: -52px;
  font-size: 138%;
    }
    
   #tablefuss.salz {
  height: 1045px;
  margin-bottom: 100px;
  margin-top: 34px;
  padding-top: 86px;
  position: relative;
  left: -7%;
  float: left;
  top: 1182px;
  width: 83%;
  text-align: center;
  padding-left: 11%;
       font-size: 79%;
  top: 656px;
    } 
    
 #main.salz {
  height: 2578px;
  margin-top: 24%;
  display: block;
  position: absolute;
  margin-bottom: 50px;
  top: 40%;
  width: 92%;
  background: #632b3500;
  left: -4px;
}
    #anwend {
  width: 91%;
  top: 92px;
  position: relative;
  text-align: center;
}
      #starttableklass.salz {
        width: 44%;
        height: 800px;
        padding-top: 62px;
        padding-left: 37px;
        top: auto;
        left: 2%;
        display: inherit;
        text-align: center;
        margin-top: -43%;
        float: left;
        position: absolute;
        font-size: 74%;
        margin-bottom: 20px;
        padding-bottom: 28%;
    }
    #sprung.salz {
  width: 156px;
  margin-top: 28%;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -115%;
  display: inherit;
  float: left;
  left: 47%;
  text-align: center;
}
    #sprung.ganz {
  width: 284px;
  margin-top: 28%;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -5%;
  display: inherit;
  float: left;
  left: -4%;
  text-align: center;
  height: 29px;
  font-size: 102%;
}
    #gutsch2.salz {
  position: absolute;
  top: 153%;
  left: 6%;
  width: 92%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
  display: none;
}
    #ampel1.orchi{
    display: block;
     position: relative;
        top:auto;
        width:94%;
        margin-top:29px;
        
    }
    td.kurztextklass {
        margin-top:49px;
        left: 4px;
        top: -166px;
    }  
   
    #bild.salz{
      position: relative;
        left:3px;
      width: 56%;
      margin-top: 20px;
      top: -12%;
      display: block;
    }
    #wieder{
        font-size: 31%;
        font-style: italic;
        color:grey;
        top:-22px;
        position: relative;
        left: -44px;
        height: 50px;
    }
    #ampel.kurztext{
    position: relative;
        width:65%;
    left: -7%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
    background-color: #d7f7d2;
    top: 1393px;
    border-color: #d721d7;
    margin-top: 10px;
    margin\ bottom: 20px;
    }
    header {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 181px;
  margin-left: -4px;
  top: 6px;
}
    header.salz {
  width: 89%;
  height: 275px;
  padding-top: 9px;
  padding-left: 17px;
  top: 329px;
  left: -1px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  }  
    header.ganz {
  width: 89%;
  height: 213px;
  padding-top: 9px;
  padding-left: 17px;
  top: -55%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  background-color: #80808000;
} 
    
    td.kurztextfuss {
  font: 98%/1.2 serife;
  width: 90%;
  float: left;
  margin-top: -21%;
  margin-left: 5%;
  position: relative;
  height: 600px;
  margin-top: -15px;
}
    #ampelverl.orchilicht {
  width: 94%;
  position: absolute;
  top: 10px;
  margin-top: 10px;
  margin-bottom: 8px;
  height: auto;
}
  #starttableklass.ganz {
  width: 87%;
  height: 782px;
  padding-top: 93px;
  padding-left: 17px;
  top: 268px;
  left: -9px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: -393px;
  float: left;
  position: relative;
  padding-bottom: 114px;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 150px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: -11%;
  top: -218px;
  margin-top: 35px;
  margin-bottom: 10px;
  width: 380px;
}
    #termin.salz {
  width: 223px;
  margin-top: 6%;
  padding-left: 15px;
  margin-left: -15%;
  position: absolute;
        top: 105%;
  left: 107px;
  margin-bottom: 1%;
  height: 22px;
  background-color: #e56add;
  font-style: oblique;        
        
  padding-top: 11px;
  font-size: 129%;
  margin-bottom: 20px;
    }
    
     
 #sprung.salz {
  color: aqua;
  height: 35px;
  width: 257px;
  margin-top: 5%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -6%;
  float: left;
  left: 12%;
  text-align: center;
  display: inherit;
  font-family: serife;
  font-size: 116%;
  margin-bottom: 10px;
}   
 #wechselbild2.salz {
  top: -7%;
  width: 95%;
  display: none;
  float: left;
  left: 20px;
  margin-top: 20px;
  position: absolute;
}   
    #dreieck.salz {
        margin-left: 11%;
        max-width: 200px;
        left: -23%;
        top: 9%;
        position: relative;
        margin-top: 21%;
        width: 21%;
    } 
    #startfuss.salz {
  font: 111%/1.4 sans-serif;
  width: 89%;
  margin-top: -26px;
  margin-left: 11px;
  hyphens: none;
  left: 0px;
  margin-bottom: 43px;
}  
    h1.salz {
        width: 98%;
        height: auto;
        padding-top: 50px;
        padding-left: 3px;
        top: -115%;
        left: -69%;
        padding-right: 18px;
        display: inherit;
        text-align: center;
        margin-top: 16px;
        float: left;
        position: relative;
        font-size: 80%;
        margin-bottom: 10px;
        font-weight: normal;
    }
    h2.salz {
        margin-left: -10%;
        font-size: 42%;
        top: 15%;
    }
    h1.ganz{
  width: 85%;
  height: auto;
  padding-top: 50px;
  padding-left: 3px;
  top: 31%;
  left: -5%;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 16px;
  float: left;
  position: relative;
  font-size: 146%;
  margin-bottom: 10px;
}
    header.salz {
        width: 89%;
        height: 5%;
        padding-top: 9px;
        padding-left: 17px;
        top: 340px;
        left: -1px;
        padding-right: 18px;
        text-align: center;
        margin-top: 105%;
        position: absolute;
        padding-bottom: 11px;
    }
#starttableklass {
  width: 87%;
  height: auto;
  padding-top: 50px;
  padding-left: 3px;
  top: auto;
  left: 1%;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 16px;
  float: left;
  position: relative;
}
#tablefuss.salz {
  top: auto;
  width: 80%;
  display: inherit;
  text-align: center;
  float: left;
  left: -18px;
  margin-top: 954px;
  margin-bottom: 30px;
  height: 700px;
}
    #tablefuss.ganz{
  top: 65%;
  width: 74%;
  display: inherit;
  text-align: left;
  float: left;
  left: 15px;
  margin-top: -609px;
  margin-bottom: 30px;
  height: 637px;
}
#verlauf.salz {
  height: 173px;
  opacity: 0.85;
  padding: 20px;
  left: 28%;
  top: 62%;
  width: 79%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: relative;
}
    #verlauf.ganz {
  height: 282px;
  opacity: 0.85;
  padding: 20px;
  left: 8%;
  top: 80%;
  width: 72%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: absolute;
  font-size: 86%;
}
    #starttableklass.salz {
        width: 51%;
        height: 800px;
        padding-top: 62px;
        padding-left: 37px;
        top: auto;
        left: -3%;
        display: inherit;
        text-align: center;
        margin-top: -43%;
        float: left;
        position: absolute;
        font-size: 93%;
        margin-bottom: 20px;
        padding-bottom: 28%;
    }
    
    h5.salz {
    text-align:center;
    position: relative;
    left: -29px;
    top: -14px;
    font-style: oblique;
    font-size: 174%;
    font: 158%/1.4 serif;
    }
    td.preis {
  height: 25px;
  width: 280px;
  font: serif bold;
}
   #ampel.salz {
    border-radius: 30px;
    display: none;
    left: -258px;
    position: absolute;
    top: 648px;
    width: 74%;
    margin-top: -18px;
    margin-bottom: 10px;
} 
     #ampel.orichilicht {
    border-radius: 30px;
    display: block;
    left: -58px;
    position: absolute;
    top: 648px;
    width: 74%;
    margin-top: -18px;
    margin-bottom: 10px;
} 
    
    #sidebar.salz{
        position: relative;
        top:730px;
        margin-top:20px; 
        width: 69%;
        left: 37px;
        margin-bottom: 10px;
        border-style: outset;
        border-radius: 15px;
        height: 400px;
   }
    #verlauf.salz{
        display:none;
    }    
    #ampel {
  border-radius: 30px;
  display: block;
  left: 858px;
  position: absolute;
  top: 90px;
  width: 30%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
    }        
#footer.salz {
  width: 87%;
  left: 2%;
  height: 150px;
  margin-top: 1%;
  margin-bottom: 10px;
    top:3450px;
  /*! background-color: #00f0; */
  position: relative;
 }    
#copy.salz {
  top: -157px;
  width: 95%;
  height: 87px;
  text-align: center;
  position: relative;
  float: left;
  left: 1%;
  margin-top: 20px;
  margin-bottom: 20px;
  float: clear;
  display: block;
}    
    
    #footer.salz {
  width: 90%;
  left: 0%;
  height: 127px;
  padding: 11px;
  display: block;
  top: 57%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 819px;
}
    ul.start {
  position: relative;
  display: block;
  text-align: center;
  width: 85%;
  left: 31px;
  float: left;
  top: 84px;
  margin-top: 17px;
  margin-bottom: 10px;
}
    #copy.salz {
  display: block;
  margin-top: 39%;
  top: auto;
  text-align: center;
  height: 100px;
  width: 90%;
  left: auto;
  position: absolute;
  font-size: 88%;
  font-style: normal;
}
    #copy li {
  width: 383px;
  display: inline;
  height: 150px;
  margin-top: 10px;
  text-align: center;
  position: relative;
  top: auto;
  left: -3px;
}
    
    
}    
@media screen and (max-width:450px){
 #sprung.salz {
  color: aqua;
  height: 35px;
  width: 257px;
  margin-top: 5%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -6%;
  float: left;
  left: 12%;
  text-align: center;
  display: inherit;
  font-family: serife;
  font-size: 116%;
  margin-bottom: 10px;
}
  header.salz {
  width: 89%;
  height: 17%;
  padding-top: 9px;
  padding-left: 17px;
  top: 340px;
  left: -1px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  
}
}
@media screen and (max-width:420px){
   
  #wechselbild7.salz {
  top: -7%;
  width: 100%;
  display: block;
  float: left;
  left: -3px;
  margin-top: 20px;
  position: absolute;
}
  #herzlich.salz {
  display: block;
  position: relative;
  width: 86%;
  height: 138px;
  top: 2px;
  left: 27px;
}
  h6.salz {
  margin-top: -4px;
  margin-left: 57px;
  font-size: 71%;
  font-style: italic;
  position: absolute;
  top: 103px;
  width: 200px;
}
  #ampel.kurztext {
  border-radius: 30px;
  display: table-cell;
  left: 77%;
  position: absolute;
  top: -32%;
  width: 21%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
}
  #fruehangeb.salz {
  position: absolute;
  top: 2260px;
  width: 11%;
  left: 51%;
  color: wheat;
  background-color: #add8e600;
  font: 138% serif;
  margin-top: -34px;
}
  #überblick{
    display: block;
    position: relative;
    top:-260px;
  }
   #wrapper.salz{
        height:2000px; 
        top:-802px; 
        position: relative;
        background: #80808000;
    }
  #wrapper.salz {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 2400px;
}
  #gutschein3.gutscheine {
  position: absolute;
  top: 961px;
  left: 30px;
  width: 89%;
  margin-top: 20px;
  margin-bottom: 10px;
}
  ul.copy {
  position: absolute;
  text-align: center;
  left: 83px;
  top: 15px;
  display: inline;
  width: 81%;
  direction: underline;
}
  #main.ganz {
  width: 90%;
  margin-top: 20%;
  padding-left: 35px;
  position: absolute;
  top: 28%;
  height: 2800px;
  background: #00f0;
  left: 2px;
}
  #rankeverl.salz {
  display: block;
  position: fixed;
  top: 41%;
  left: 14%;
  width: 87%;
  rotate: 0deg;
}
  #gutsch2.ganz {
  position: absolute;
  left: 75px;
  width: 77%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
  top: 1020px;
}
    header.ganz {
  width: 89%;
  height: 213px;
  padding-top: 9px;
  padding-left: 17px;
  top: -55%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  background-color: #80808000;
}
  td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 317px;
  height: 140px;
  top: 97px;
  position: relative;
  font: 100%/1.2 serif;
  left: 21px;
}
  #masslink.abhy {
  position: absolute;
  top: 134%;
  left: 214px;
}
  #ampel.ganz {
  left: -280px;
  top: 114%;
  width: 313px;
  height: 232px;
  margin-top: 0px;
  margin-left: 283px;
  position: absolute;
  background: white;
}
  #bild.ganz {
  display: block;
  position: absolute;
  width: 30%;
  top: 108px;
  margin-top: 10px;
  left: 283px;
}
  h5.ganz {
  font: 158% bold,italic;
  left: -1%;
  position: relative;
  top: -25%;
  width: 200px;
  margin-top: 70px;
}
  #fruehangeb.ganz {
  position: absolute;
  top: 134px;
  width: 10%;
  color: wheat;
  background-color: #add8e600;
  font-size: 75%;
    left: 326px;
  }
    #wechselbild2.ganz {
  font: 67%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 9%;
  margin-left: 4%;
  position: absolute;
  background: #d3d3d305;
  top: -51px;
}
  header.salz {
  font: 67%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 9%;
  margin-left: -34%;
  position: relative;
  height: 85px;
    top: -8px;
}  
    #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -214%;
  left: -2%;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
    #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: 3%;
  top: -14%;
  position: relative;
  margin-top: -6px;
  position: absolute;
}
    h5.salz {
  position: absolute;
  top: -13%;
  width: 300px;
  left: 12px;
  margin-bottom: 10px;
  margin-top: 70px;
}
    #bild.abhy {
  display: block;
  position: absolute;
  width: 19%;
  top: -229px;
  margin-top: 10px;
  left: 274px;
  border: outset;
  color: wheat;
  padding: 2px;
  border: #15580f;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-style: outset;
  background: white;
}
    #bild2.tulp {
  display: block;
  position: absolute;
  width: 66%;
  top: 94%;
  margin-top: 10px;
  left: 60px;
  border: outset;
  color: wheat;
  padding: 5px;
  border: #2b59169e;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-style: outset;
  background: white;
  border-radius: 18px;
  margin-bottom: 20px;
}
  #ampel.salz {
      width: 74%;
      top: 1%;
      left: 55px;
      margin-top: 10px;
      margin-bottom: 17px;
    }
 header.salz {
  font-size: 185%;
  color: #131391;
  font-weight: bold;
  font-style: italic;
  top: -6%;
  left: ;
  width: 94%;
  margin-left: 1%;
   height: 243px;
  margin-top: 20px;
  margin-bottom: 10px;
 }   
    h1.salz {
  font-size: 82%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -52px;
  left: -89%;
  width: 80%;
  margin-top: 34px;
}
    tr.preis {
  position: relative;
  height: 5px;
}
   #kurztextsalz {
  display: block;
  margin-top: -553px;
  width: 84%;
  height: 186px;
        top: 519px;
  margin-left: -52px;
  font-size: 138%;
    }
    
   #tablefuss.salz {
  height: 1045px;
  margin-bottom: 100px;
  margin-top: 34px;
  padding-top: 86px;
  position: relative;
  left: -7%;
  float: left;
  top: 1182px;
  width: 83%;
  text-align: center;
  padding-left: 11%;
       font-size: 79%;
  top: 656px;
    } 
    
 #main.salz {
  height: 2578px;
  margin-top: 10px;
  display: block;
  position: absolute;
  margin-bottom: 50px;
  top: 46%;
  width: 98%;
  background: #632b3500;
  left: -22px;
}
    #anwend {
  width: 91%;
  top: 92px;
  position: relative;
  text-align: center;
}
    #starttableklass.salz {
  width: 80%;
  height: 762px;
  padding-top: 36px;
  padding-left: 26px;
  top: 1%;
  left: -18%;
  display: inherit;
  text-align: center;
  margin-top: 15px;
  float: left;
  position: absolute;
  font: 96%/1.2 sans-serif;
  margin-bottom: 20px;
}
    #sprung.salz {
  width: 156px;
  margin-top: 28%;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -115%;
  display: inherit;
  float: left;
  left: 47%;
  text-align: center;
}
    #sprung.ganz {
  width: 284px;
  margin-top: 28%;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -5%;
  display: inherit;
  float: left;
  left: -4%;
  text-align: center;
  height: 29px;
  font-size: 102%;
}
    #gutsch2.salz {
  position: absolute;
  top: 153%;
  left: 6%;
  width: 92%;
  margin-bottom: 6px;
  margin-left: 5%;
  color: #504d4d;
  font-style: italic;
  display: none;
}
    #ampel1.orchi{
    display: block;
     position: relative;
        top:auto;
        width:94%;
        margin-top:29px;
        
    }
    td.kurztextklass {
        margin-top:49px;
        left: 4px;
        top: -166px;
    }  
   
    #bild.salz{
      position: relative;
        left:3px;
      width: 97%;
      margin-top: 20px;
      top: -12%;
      display: block;
    }
    #wieder{
        font-size: 31%;
        font-style: italic;
        color:grey;
        top:-22px;
        position: relative;
        left: -44px;
        height: 50px;
    }
    #ampel.kurztext{
    position: relative;
        width:79%;
    left: 0%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #d7f7d2;
    top: 1123px;
    border-color: #d721d7;
    margin-top: 10px;
    margin\ bottom: 20px;
    height: 378px;
    }
    header {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
  height: 181px;
  margin-left: -4px;
  top: 6px;
}
    header.salz {
  width: 89%;
  height: 203px;
  padding-top: 9px;
  padding-left: 17px;
  top: 16%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  }  
    header.ganz {
  width: 89%;
  height: 213px;
  padding-top: 9px;
  padding-left: 17px;
  top: -55%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  background-color: #80808000;
} 
    
    td.kurztextfuss {
  font: 98%/1.2 serife;
  width: 90%;
  float: left;
  margin-top: -21%;
  margin-left: 5%;
  position: relative;
  height: 600px;
  margin-top: -15px;
}
    #ampelverl.orchilicht {
  width: 94%;
  position: absolute;
  top: 10px;
  margin-top: 10px;
  margin-bottom: 8px;
  height: auto;
}
  #starttableklass.ganz {
  width: 87%;
  height: 782px;
  padding-top: 93px;
  padding-left: 17px;
  top: 268px;
  left: -9px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: -393px;
  float: left;
  position: relative;
  padding-bottom: 114px;
}
    #herz {
  display: inline;
  font: 187% italic serif;
  height: 150px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: -11%;
  top: -218px;
  margin-top: 35px;
  margin-bottom: 10px;
  width: 380px;
}
    #termin.salz {
  width: 223px;
  margin-top: 6%;
  padding-left: 15px;
  margin-left: -15%;
  position: absolute;
        top: 100%;
  left: 107px;
  margin-bottom: 1%;
  height: 22px;
  background-color: #5bb533d9;
  font-style: oblique;        
        
  padding-top: 11px;
  font-size: 129%;
  margin-bottom: 20px;
    }
    
     
  #sprung.salz {
  height: 35px;
  width: 264px;
  margin-top: 5%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -2%;
  float: left;
  left: 8%;
  text-align: center;
  display: inherit;
  font-family: serife;
  font-size: 116%;
  margin-bottom: 10px;
}    
 #wechselbild2.salz {
  top: -7%;
  width: 95%;
  display: none;
  float: left;
  left: 20px;
  margin-top: 20px;
  position: absolute;
}   
#dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: -14%;
  top: 8px;
  position: relative;
  margin-top: 13%;
  width: 40%;
} 
    #startfuss.salz {
  font: 113%/1.4 sans-serif;
  width: 96%;
  margin-top: -12px;
  margin-left: 1px;
  hyphens: none;
}  
 h1.salz {
  width: 308px;
  height: auto;
  padding-top: 50px;
  padding-left: 3px;
  top: -136%;
  left: -3%;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 16px;
  float: left;
  position: relative;
  font-size: 118%;
  margin-bottom: 10px;
}  
    h1.ganz{
  width: 85%;
  height: auto;
  padding-top: 50px;
  padding-left: 3px;
  top: 31%;
  left: -5%;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 16px;
  float: left;
  position: relative;
  font-size: 146%;
  margin-bottom: 10px;
}
#starttableklass {
  width: 87%;
  height: auto;
  padding-top: 50px;
  padding-left: 3px;
  top: auto;
  left: 1%;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 16px;
  float: left;
  position: relative;
}
#tablefuss.salz {
  top: auto;
  width: 79%;
  display: inherit;
  text-align: center;
  float: left;
  left: -15px;
  margin-top: 769px;
  margin-bottom: 30px;
  height: 700px;
}
    #tablefuss.ganz{
  top: 65%;
  width: 74%;
  display: inherit;
  text-align: left;
  float: left;
  left: 15px;
  margin-top: -609px;
  margin-bottom: 30px;
  height: 637px;
}
#verlauf.salz {
  height: 173px;
  opacity: 0.85;
  padding: 20px;
  left: 28%;
  top: 62%;
  width: 79%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: relative;
}
    #verlauf.ganz {
  height: 282px;
  opacity: 0.85;
  padding: 20px;
  left: 8%;
  top: 80%;
  width: 72%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: absolute;
  font-size: 86%;
}
#gutsch2.salz {
  color: #064444;
  height: 155px;
  padding-top: 8px;
  width: 95%;
  margin-top: 44%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: 733px;
  float: right;
  display: block;
  text-align: center;
  padding-right: 22px;
  left: -37px;
}
    
    h5.salz {
    text-align:center;
    position: relative;
    left: -29px;
    top: -14px;
    font-style: oblique;
    font-size: 174%;
    }
    td.preis {
  height: 25px;
  width: 280px;
  font: serif bold;
}
   #ampel.salz {
    border-radius: 30px;
    display: none;
    left: -258px;
    position: absolute;
    top: 648px;
    width: 74%;
    margin-top: -18px;
    margin-bottom: 10px;
} 
     #ampel.orichilicht {
    border-radius: 30px;
    display: block;
    left: -58px;
    position: absolute;
    top: 648px;
    width: 74%;
    margin-top: -18px;
    margin-bottom: 10px;
} 
    
    #sidebar.salz{
        position: relative;
        top:730px;
        margin-top:20px; 
        width: 69%;
        left: 37px;
        margin-bottom: 10px;
        border-style: outset;
        border-radius: 15px;
        height: 400px;
   }
    #verlauf.salz{
        display:none;
    }    
    #ampel {
  border-radius: 30px;
  display: block;
  left: 858px;
  position: absolute;
  top: 90px;
  width: 30%;
  border-style: outset;
  border-color: #223a06;
  padding: 8px;
  background-color: #befbb3fa;
    }        
#footer.salz {
  width: 87%;
  left: 2%;
  height: 150px;
  margin-top: 1%;
  margin-bottom: 10px;
    top:3450px;
  /*! background-color: #00f0; */
  position: relative;
 }    
#copy.salz {
  top: -157px;
  width: 95%;
  height: 87px;
  text-align: center;
  position: relative;
  float: left;
  left: 1%;
  margin-top: 20px;
  margin-bottom: 20px;
  float: clear;
  display: block;
}    
    
    #footer.salz {
  width: 91%;
  left: 4%;
  height: 127px;
  padding: 11px;
  display: block;
  top: 90%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 1069px;
}
    ul.start {
  position: relative;
  display: block;
  text-align: center;
  width: 85%;
  left: 31px;
  float: left;
  top: 84px;
  margin-top: 17px;
  margin-bottom: 10px;
}
    #copy.salz {
  display: inline-block;
  top: 1028%;
  text-align: center;
  height: 118px;
  width: 87%;
  left: 3px;
  position: absolute;
}
    #copy li {
  width: 383px;
  display: inline;
  height: 150px;
  margin-top: 10px;
  text-align: center;
  position: relative;
  left: -61px;
  top: 9px;
}
    
    
}    
@media screen and (max-width:390px){
   
    #navileiste.ganzkörp {
    display:none;
}
    #naviunten {
    display:none;
        
}
  header.salz {
  width: 94%;
  margin-left: 1%;
  height: 220px;
  margin-top: 418px;
  margin-bottom: 10px;
   left: -11px;
}
   #sprung.salz {
  height: 35px;
  width: 264px;
  margin-top: 5%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -3%;
  left: 8%;
  margin-bottom: 10px;
}  
  #starttableklass.salz {
  width: 79%;
  height: 762px;
  padding-top: 36px;
  padding-left: 26px;
  top: auto;
    left: -18%;}
  
    #bild.salz{
        position: relative;
        left:2px;
        top: 20px;
    }
    #navyquer.salz {
  margin-top: 55px;
  position: relative;
  top: -1625px;
  widt display: flex;
  text-align: center;
  left: -14%;
}
    #spruchklass {
    display: none;
}
    #navyquer.salz {
    display:none;
}
    #pfeil {
    opacity: 0.8;
    margin-bottom: 0;
    position: fixed;
    top: 85%;
    float: right;
}
    #gutsch2.salz {
  position: absolute;
  top: 95%;
  left: 22px;
  width: 77%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
}
#wechselbild2.salz {
    left: -5%;
    top: 233px;
    width:94%;
}
    h1.salz {
    height: auto;
    opacity: 0.85;
    padding: 20px;
    top: -212px;
    width: 76%;
        float:left;
    font-size: 101%;
    left: -16px;
}
    #spruchklass {
    height: auto;
    opacity: 0.85;
    padding: 20px;
    top: 1693px;
    width: 76%;
        float:left;
}
    #verlauf.salz {
    height: auto;
    opacity: 0.85;
    padding: 20px;
left: 6%;
    top: 1747px;
    width: 76%;
        float:left;
    margin-bottom: 20px;
}
    
#ampel.salz {

    border-radius: 30px;
    display: none;
    left: -54%;
    position: absolute;
    top: 409px;
    width: 60%;

}
#starttableklass {
    width: 85%;
    height: auto;
    padding-top: 93px;
    padding-left: 17px;
    top: -260px;
    left: 3px;
    padding-right: 18px;
    display: inherit;
    text-align: center;
    margin-top: 20px;
    float: left;
    position: relative;
}   
td.salz {
    width: 85%;
    position: relative;
}    
  #dreieck.salz {
    margin-bottom: 100px;
    margin-top: -19px;
    padding-top: 86px;
    position: relative;
    left: -15%;
    float: left;
        width:24%;
    top: 45px;
    padding-left: 42px;
}  
    #tablefuss.salz {
    height: 800px;
    margin-bottom: 100px;
    margin-top: 486px;
    padding-top: 15px;
    position: relative;
    left: -2%;
    float: left;
        width:75%;
    top: 638px;
    padding-left: 42px;
}
    #rankeverl {
    display: inline;
    position: fixed;
    top: 46%;
    left: 175px;
        width:50%;
    float: left;
}
    td.kurztextfuss {
    font: 95%/1.2 serif;
    width: 90%;
    float: left;
    margin-top: -21%;
    margin-left: -3%;
    position: relative;
    height: auto;
        left:26px;
}
    #copy.salz {
    font: 74%/1.2 serif;
    width: 95%;
    left: -11px;
    top: auto;
    margin-top: 20px;
}
    #startfuss.salz {
    font: 100%/1.6 sans-serif;
    width: 100%;
}
    #sprung {
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    color: aqua;
    height: 35px;
    padding-top: 8px;
    padding-bottom: -12px;
    border-radius: 10px;
    width: 109px;
    margin-top: 28%;
    padding-left: 37px;
    margin-right: 0%;
    position: fixed;
    top: -9px;
    display: flex;
    float: right;
    right: 9%;
}
}
    @media screen and (max-width:375px){
 #wrapper.salz {
     height: 2700px;}       
   header {
  width: 100%;
  margin-bottom: 10px;
  height: 32%;
  margin-left: -4px;
}
      #main.ganz {
  width: 98%;
  margin-top: 0%;
  padding-left: 23px;
  position: relative;
  top: -2058px;
  height: 3000px;
  background: #add8e600;
}
        h1.ganz {
    width: 69%;
    top: -3px;
    height: 85px;
    left: -7px;
    float: left;
    margin-top: 3px;
    margin-bottom: 20px;
}
      #dreieck.ganz {
  margin-left: 11%;
  max-width: 191px;
  left: -6%;
  top: 17%;
  position: relative;
  margin-top: 95px;
  width: 30%;
}
      #bild.ganz {
  display: block;
  position: absolute;
  width: 27%;
  top: -35px;
  margin-top: 2px;
  left: 260px;
}
      #tablefuss.ganz {
  top: 42%;
  width: 74%;
  display: inherit;
  text-align: left;
  float: left;
  left: -9px;
  margin-top: -5px;
  margin-bottom: 30px;
  height: 637px;
}
      ul.salz {
  position: relative;
  display: inline-block;
  width: 95%;
  top: -45px;
  background: #09323f00;
  left: -28px;
}
      #gutsch2.ganz {
  position: absolute;
  left: 52px;
  width: 81%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
  top: 1013px;
  margin-top: 20px;
}
      #anwend {
  width: 78%;
  top: 92px;
  position: absolute;
  text-align: center;
  display: block;
  height: 400px;
}
      #masslink.abhy {
  position: absolute;
  top: 189%;
  left: 47px;
  background: #00f0;
}
      td.kurztextganz {
  display: block;
  margin-top: -68px;
  width: 317px;
  height: 140px;
  top: 121px;
  position: relative;
  font: 100%/1.2 serif;
  left: 18px;
}
      #ampel.ganz {
  left: -268px;
  top: 105%;
  width: 285px;
  height: 180px;
  margin-top: 0px;
  margin-left: 283px;
  position: absolute;
  padding-bottom: 45px;
  margin-bottom: 20px;
}
      #verlauf.ganz {
  height: 331px;
  opacity: 0.85;
  padding: 20px;
  left: -3%;
  top: 77%;
  width: 79%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: relative;
}
     #wechselbild2.ganz {
  top: -10%;
  width: 98%;
  display: block;
  float: left;
  left: -24px;
  margin-top: 20px;
  position: absolute;
  height: 80px;
}
        #fruehangeb.ganz {
  position: absolute;
  top: -29px;
  width: 10%;
  left: 74%;
  color: wheat;
  background-color: #19566a00;
  font-size: 80%;
}
        #bild2.tulp {
  display: none;
  position: absolute;
  width: 66%;
  top: 1600px;
  margin-top: 10px;
  left: 60px;
  margin-bottom: 20px;
  }
     #masslink.salz {
  position: absolute;
  top: 77%;
  width: 10%;
  left: 20%;
  color: wheat;
  background-color: #b7ade600;
  font-style: oblique;
  font-family: serife;
  font-size: 138%;
}   
        #ampel1.orchi {
  display: block;
  position: relative;
  top: auto;
  width: 94%;
  margin-top: 29px;
}
        #rankeverl.salz {
  display: inline;
  position: fixed;
  top: 43%;
  left: 46%;
  width: 60%;
}
        #main.salz {
  width: 98%;
  margin-top: 20%;
  padding-left: 23px;
  position: relative;
  top: 179px;
  background: linear-gradient (to right, #ef7fe800 0%,#e93cec00 99%);
  font-family: white;
  left: -16px;
  height: 2376px;
  background: #e6ade500;
}
        #sprung.ganz {
  width: 269px;
  margin-top: 104px;
  padding-left: 12px;
  margin-right: 0%;
  position: relative;
  top: -8%;
  display: inherit;
  float: left;
  left: -2%;
  text-align: center;
  font-size: 140%;
  height: 30px;
}
        header.salz {
  font: 67%/1.2 serife;
  width: 92%;
  float: left;
  margin-top: 9%;
  margin-left: -1%;
  position: relative;
  height: 300px;
   top: -100px;
}
        h5.salz {
  position: relative;
  top: 232%;
  width: 300px;
  left: 12px;
}
        h1.salz {
  font-size: 211%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -121px;
  left: -22px;
  width: 80%;
  margin-top: 34px;
}
        #wechselbild2.salz {
  font-size: 141%;
  color: navy;
  font-weight: bold;
  font-style: italic;
  top: -93%;
  left: -2%;
  width: 100%;
  margin-top: 5px;
  position: relative;
} 
        #herz {
  display: inline;
  font: 187% italic serif;
  height: 165px;
  text-shadow: -2px 2px 2px;
  position: relative;
  left: -11%;
  top: -258px;
  margin-top: 35px;
  margin-bottom: 10px;
  width: 380px;
}
  header..salz {
  width: 100%;
  margin-bottom: 10px;
  height: 3%;
  margin-left: -4px;
}
        #verlauf.salz {
  height: 197px;
  opacity: 0.85;
  padding: 20px;
  left: 28%;
  top: 62%;
  width: 79%;
  margin-top: 8px;
  margin-bottom: 10px;
  position: relative;
}
        #fruehangeb.salz {
  position: absolute;
  top: -14%;
  width: 10%;
  left: 71%;
  color: wheat;
  background-color: #add8e600;
}
        #ampel.salz {
  border-radius: 30px;
  display: none;
  left: -258px;
  position: absolute;
  top: 48px;
  width: 74%;
  margin-top: -18px;
  margin-bottom: 10px;
}
         #sprung.salz {
  color: aqua;
  height: 35px;
  width: 264px;
  margin-top: 5%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -3%;
  float: left;
  left: -2%;
  text-align: center;
  display: inherit;
  font-family: serife;
  font-size: 116%;
  margin-bottom: 10px;
}   
        #main.salz {
  height: 2578px;
  margin-top: 10px;
  display: block;
  position: absolute;
  margin-bottom: 50px;
  top: 56%;
  width: 92%;
  background: #632b355c;
  left: -4px;
}
        #main.salz {
  height: 2578px;
  margin-top: 10px;
  display: block;
  position: absolute;
  margin-bottom: 50px;
  top: 56%;
  width: 92%;
  background: #632b355c;
  left: -4px;
}
        ul.start {
  position: relative;
  display: block;
  text-align: center;
  width: 85%;
  left: 31px;
  float: left;
  top: 451px;
}
        header.salz {
  width: 89%;
  height: 213px;
  padding-top: 9px;
  padding-left: 17px;
  top: 15%;
  left: -11px;
  padding-right: 18px;
  text-align: center;
  margin-top: 105%;
  position: absolute;
  padding-bottom: 11px;
  background-color: #80808000;
}
        #termin.salz {
  width: 303px;
  margin-top: 356%;
  padding-left: 15px;
  margin-left: -15%;
  position: relative;
  top: -177px;
  left: auto;
  margin-bottom: 1%;
  height: 18px;
  background-color: #e56add;
  font-style: oblique;
  padding-top: 22px;
}

        #dreieck.salz {
  margin-left: 11%;
  max-width: 200px;
  left: -1%;
  top: 65%;
  position: relative;
  margin-top: -66px;
 
}
        #kurztextsalz {
  display: block;
  margin-top: -553px;
  width: 101%;
  height: 186px;
  top: 357px;
  margin-left: -8px;
  font-size: 138%;
  left: 2px;
}
     
        #main.salz {
  height: 2800px;
  margin-top: 10px;
  display: block;
  position: absolute;
  margin-bottom: 50px;
  top: 39%;
  width: 88%;
  background: #632b3500;
  left: -3px;
}
 h5.salz {
  text-align: center;
  position: relative;
  left: -36px;
  top: 34px;
  margin-top: 99px;
  margin-bottom: 20px;
}       
#wechselbild2.salz {
  left: 0%;
  top: -270px;
  width: 107%;
} 
        #tablefuss.salz {
  height: 1045px;
  margin-bottom: 100px;
  margin-top: 34px;
  padding-top: 98px;
  position: relative;
  left: -10%;
  float: left;
  top: -7%;
  width: 90%;
  text-align: center;
  padding-left: 11%;
  font-size: 79%;
}
        #starttableklass.salz {
  width: 86%;
  height: 649px;
  padding-top: 62px;
  padding-left: 37px;
  top: auto;
  left: -6%;
  display: inherit;
  text-align: center;
  margin-top: -3%;
  float: left;
  position: relative;
  font-size: 93%;
  margin-bottom: 50px;
}
        #starttableklass.ganz {
  width: 85%;
  height: auto;
  padding-top: 93px;
  padding-left: 17px;
  top: -76px;
  left: 3px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 20px;
  float: left;
  position: relative;
}
        #sprung.salz {
  color: aqua;
  height: 32px;
  width: 261px;
  margin-top: -9%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -66px;
  float: left;
  left: -3%;
  text-align: center;
  display: inherit;
}
#startfuss.salz {
  font: 122%/1.2 serif;
  width: 97%;
  margin-left: 13px;
}  
 #verlauf.salz {
  height: auto;
  opacity: 0.85;
  padding: 20px;
  left: 70%;
  top: 74%;
  width: 76%;
  float: left;
  margin-bottom: 20px;
}
        #ampel.kurztext {
  position: absolute;
  width: 88%;
  left: 3%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #d7f7d2;
  top: 265%;
  border-color: #d721d7;
  margin-top: 20px;
  margin-bottom: 20px;
}
  #gutsch2.salz {
  position: absolute;
  top: 97%;
  left: -46px;
  width: 93%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
}
        #tablefuss.salz {
  height: 800px;
  margin-bottom: 100px;
  margin-top: -186%;
  padding-top: 15px;
  position: relative;
  left: -10%;
  float: left;
  width: 82%;
  top: 23%;
  padding-left: 42px;
}
  #footer.salz {
  width: 85%;
  height: auto;
  padding-top: 93px;
  padding-left: 17px;
  top: auto;
  left: 3px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: auto;
  float: left;
  position: relative;
}  
        #starttableklass {
  width: 85%;
  height: auto;
  padding-top: 93px;
  padding-left: 17px;
  top: -457px;
  left: 3px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 20px;
  float: left;
  position: relative;
}
        #rankeverl {
  display: inline;
  position: fixed;
  top: 46%;
  left: 175px;
  width: 50%;
  float: left;
}
   
        #footer.salz {
  width: 91%;
  left: -1%;
  height: 127px;
  padding: 11px;
  display: inherit;
  text-align: center;
  top: 71%;
  text-align: center;
  background-color: #80808000;
  position: relative;
  margin-top: 819px;
}
        
        #copy.salz {
  display: inline;
  margin-top: auto;
  top: auto;
  text-align: center;
  height: 100px;
  width: 99%;
  left: -8px;
}
        #copy li {
  width: 95%;
  text-decoration: none;
  display: inline;
  height: auto;
  margin-top: 10px;
  text-align: center;
  left: -38px;
  top: 6px;
  color: darkblue;
}
    }
    
     @media screen and (max-width:365px){
   
       #menue {
  float: right;
  display: block;
  position: fixed;
  top: 80%;
  right: :10%;
  width: 33px;
  height: 33px;
}
   header {
  width: 100%;
  margin-bottom: 10px;
  height: 3%;
  margin-left: -4px;
} 
header.salz {
  width: 84%;
  margin-bottom: 20px;
  height: 4%;
  margin-left: -150px;
  margin-top: 30px;
  background: #add8e600;
  left: 144px;
  top: 25%;
}         
#wechselbild2.salz {
  left: 2%;
  top: -232px;
  width: 103%;
} 
         h1.salz {
  height: auto;
  opacity: 0.85;
  padding: 20px;
  top: -32px;
  width: 69%;
  float: left;
  font-size: 268%;
  left: -5px;
}
        #starttableklass.ganz {
  width: 82%;
  height: 732px;
  padding-top: 93px;
  padding-left: 17px;
  top: -22px;
  left: -28px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 57px;
  float: left;
  position: relative;
}
        #sprung.salz {
  color: aqua;
  height: 30px;
  width: 274px;
  margin-top: -9%;
  padding-left: 37px;
  margin-right: 0%;
  position: relative;
  top: -37px;
  float: left;
  left: -6%;
  text-align: center;
  display: inherit;
}
#startfuss.salz {
  font: 122%/1.2 serif;
  width: 97%;
  margin-left: -6px;
}  
 #verlauf.salz {
  height: 360px;
  opacity: 0.85;
  padding: 20px;
  left: 28%;
  top: 39%;
  width: 76%;
  float: left;
  margin-bottom: 20px;
}
  #gutsch2.salz {
  position: absolute;
  top: 42%;
  left: -19px;
  width: 95%;
  margin-bottom: 6px;
  margin-left: -5px;
  color: #504d4d;
  font-style: italic;
  margin-top: -162px;
}
        #tablefuss.salz {
  height: 720px;
  margin-bottom: 100px;
  margin-top: -79%;
  padding-top: 15px;
  position: relative;
  left: -7%;
  float: left;
  width: 78%;
  top: ;
  padding-left: 42px;
}
  #footer.salz {
  width: 85%;
  height: 200px;
  padding-top: 93px;
  padding-left: 17px;
  top: 51%;
  left: 3px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: auto;
  float: left;
  position: relative;
}   
        #starttableklass {
  width: 85%;
  height: auto;
  padding-top: 93px;
  padding-left: 17px;
  top: -457px;
  left: 3px;
  padding-right: 18px;
  display: inherit;
  text-align: center;
  margin-top: 20px;
  float: left;
  position: relative;
}
        #rankeverl {
  display: inline;
  position: fixed;
  top: 49%;
  left: 222px;
  width: 35%;
  float: left;
}
         #copy.salz {
  font: 74%/1.2 serif;
  width: 104%;
  left: -16px;
  top: -99%;
  margin-top: 20px;
  margin-bottom: 20px;
  color: darkblue;
}
     #termin.salz {
  width: 259px;
  margin-top: 21%;
  padding-left: 37px;
  margin-right: 2%;
  position: a;
  top: 106%;
  display: inherit;
  float: left;
  left: 2%;
  text-align: center;
  background: #d9a0bc;
  height: 27px;
  border-radius: 16px;
  padding-top: 11px;
  font-size: 129%;
  border: #909690;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: outset;
  margin-bottom: 20px;
}    
    }