* {
  margin:0;
  padding:0;
}
@font-face {
  font-family:GreatVibes-Regular;
  src:url(./font/GreatVibes-Regular.otf) format('otf'),
  url(./font/GreatVibes-Regular.ttf) format('truetype'),
  url(./font/GreatVibes-Regular.woff) format('woff'),
  url(./font/GreatVibes-Regular.woff2) format('woff2');
}
h1.allg {
  font-family:GreatVibes,tiflis,serif;
}
h1.lomi {
  font-family:GreatVibes,tiflis,serif;
}
 
body,
html {
  font:104% serif;
  background-color:#edeea838;
  background-attachment:absolute;
  padding:5px;
  margin:auto;
  height:auto;
}
body,
html {
  background-image:none;
}
#main.lomi{
	 background-image: url(hibiskuslang.jpg);
  background-repeat: repeat-x;
    background-attachment: relative;
    background-size: cover;
}

header,
nav,
footer,
hgroup,
details {
  display:block;
}
header.lomi {
  width:100%;
  margin-bottom:10px;
  display: inline-block;
}
#prax {
  text-align:center;
}
@media screen and (max-width:2560px) {
	
	  ul.oben li.oben {
    background-color: #f5e8b50d;
    list-style-type: none;
    text-decoration: none;
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding:5px 58px;
    font:134% sans-serif;
    color:maroon;
    border:outset #ede7d0eb;
    text-decoration:none;
    border-radius:10px;
    float: right;
    background: #f5e8b9c7;
  }
   #navyoben.lomi .oben a {
    display: flex;
    width: auto;
    padding:5px 58px;
    font:134% sans-serif;
    color:maroon;
    border:outset #ede7d0eb;
    text-decoration:none;
    border-radius:10px;
    float: right;
    background: #f5e8b9c7;
  }
  header.lomi{
    height: 582px;
    width: 100%;
    background-color:#e4e4a2;
  }
  #bildspez.lomi{
    display: none;
  }
  h2.lomi {
    display: inline;
    position: absolute;
    text-shadow: -2px 2px 2px #ebeacd;
    top: -10%;
    left: -37%;
    width: 550px;
    font-size: 168%;
    color: #917c27;
  }
   #vital.lomi{
    position: absolute;
    display: inline-block;
    top:3%;
    height: 100px;
    width: 97%;
    left: 3%;
  }
  h3.lomi{
    display: inline;
    position: absolute;
    text-shadow: -2px 2px 2px #ebeacd;
    top: -30%;
    left: 2%;
    width: 400px;
    color: #a7923f;
    font-size: 200%;
  }
  h4.lomi{
    top:70%;
    width: 90%;
  }
  #gutschein.lomi{
    display: inline-block;
    position: relative;
    width: 45%;
    top: 72%;
    left: 52%;
    font:90%/1.4 sans-serif;
  }
  #copy.raumlomi{
    display: inline-block;
    position: relative;
    width: 17%;
    top: 16%;
    background: #f5e299;
    height: 285px;
    left: -34%;
    font: 130%/1.6 sans-serif;
    padding: 59px;
    padding-bottom: 121px;
    color: #422d05;
    opacity: 0.9;
    margin-top: 83px;
  }
  #bild.marm {
    background-color: green;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 100px;
    left: 250px;
    border: 1px solid black;
    text-align: center;
    border-radius: 100px;
  }
 
  #zwbildspez1.oben,
  #zwbildspez5.oben
  {    display: none;
    position: relative;
    width: 20%;
    border:5px solid aliceblue;
  } 
  #zwbildspez4{
    display: inline-block;
    position: relative;
    width: 27%;
    top: 25%;
    left: 1%;
    height: 430px;
    width: 21%;
    /*! border: 11px solid aliceblue; */
  }
  #zwbildspez3{
    display: none;
    position: relative;
    width: 27%;
    top: 75%;
    left: 30%;
    height: 10%;
    width: 23%;
    border: 11px solid aliceblue;
  }
  #zwbildspez2{
    display: inline-block;
    position: relative;
    width: 27%;
    top: 55%;
    left: -50%;
    height: 14%;
    width: 15%;
     }
  #wechselbildlomi{
    display: inline-block;
    position: relative;
    width: 90%;
    top: 17%;
    
    left: 15%;
  }
  #bildspez.klein{
    display:none;
  }
  #bildlomi{
    display: inline-block;
    position: relative;
    top:-5%;
    left:1%;
    width: 80%;
    margin: 5%;
    text-align: center;
    font-size: 122%;
  }
  #bild.marm{
    background-color: green;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 100px;
    left: 250px;
    border: 1px solid black;
    text-align: center;
}
  ul.anwend {
    position:relative;
    width:400px;
    left:22%;
    text-align:center;
  }
  #nav.lomi {
    display:none;
  }
  #vital.marm {
    display:none;
    top:-9%;
    position:relative;
    width: 75%;
    margin: 10px 19%;
  }
  #pfeil.lomi {
    opacity:0.8;
    right:14%;
    margin-bottom:0;
    position:fixed;
    top:85%;
  }
  ul.lomi {
    font-family:verdana;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    margin-top:2%;
    left:42%;
    width:12%;
  }
  tr.ausmarm {
    display:none 
  }
  a.termarma {
    position:relative;
    top:-5px;
  }
  #bildspez.lomi {
    /*! position:relative; */
    display:inline-block;
    height:auto;
    /*! background:#00f0; */
    width:116%;
    left:-11%;
    margin-top:7%;
    position: relative;
  }
  a.lomi {
    color:aliceblue;
    font-size:170%;
    font-style:oblique;
  }
  #brockenoel.lomi {
    display:inline-block;
    position:relative;
    margin-top:-41%;
    left:-60%;
    width:33%;
    height:29%;
    top: 34%;
    padding: none;
  }
  #marma-spez.lomi {
    display:inline-block;
    position:relative;
    top:2%;
    left:40%;
    width:40%;
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto;
    margin-left:2px;
  }
  #wechselbild1.garsh {
    display:none;
    position:relative;
    width:49%;
    top:-21%;
    left:49%;
    height:300px;
  }
   #starthome1 {
	   padding-left:10px;
    width: 94%;
    left: -25px;
    position: relative;
    display: block;
    align-content: center;
    margin-left: 5px;
    margin-top: 23px;
    text-align: center;
    font-size: 110%;
    font: 110%/1.4 sans-serif;
  }
    #starthome2 {
    left: 1px;
    position: relative;
    display: block;
    align-content: center;
    margin-left: -16px;
    margin-top: 23px;
    text-align: center;
    font: 110%/1.4 sans-serif;
    padding-left: 21px;
    width: 92%;
  }
  h5.abhy {
    left:2px;
    position:relative;
    top:-14px;
    font:160% sans-serif;
    color:#9b842b;
    width: 80%;
    margin-bottom: 21px;
  }
  #navyquer ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:94%;
    clear:both;
    left:-69%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-172%;
    position:relative;
    height:18px;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:410px;
    position:absolute;
    top:104px;
  }
  td.kontmarm {
    display:table-cell;
    background:linear-gradient(to right,#bdd133 0%,#23c42599 99%);
    height:46px;
    border-radius:15px;
    border:1px outset;
    text-align:center;
    width:222px;
    box-shadow:2px 2px 2px black;
  }
  #bild.marm {
    position:absolute;
    top:46%;
    left:72%;
    border-style:outset;
    color:wheat;
    padding:5px;
    background:#d8f9d3;
    width:24%;
    border-radius: 200px;
  }
  #fruehangeb.marm {
    position:relative;
    top:-291%;
    background:none;
    left:182px;
    color:#f2c5ede0;
    margin-top:20px;
    font-size:140%;
    font-style:oblique;
    font-family:serife;
    width:150px;
  }
  h1.lomi {
    color:#e4e4a2;
    width:80%;
    left:24%;
    top:61%;
    position:relative;
    font-style:normal;
    font-size:160%;
    float:left;
    margin-top:10px;
    margin-bottom:50px;
    font-family:great vibes;
    height:auto;
    text-shadow: none;
  }
  h6 {
    font-size:88%;
    margin-top:-4px;
    margin-left:-1px;
    font:122% sans-serif;
    font-style:normal;
    font-style:normal;
    position:absolute;
    color:#877225;
  }
  #wrapper.fuss {
    position:relative;
    top:1%;
    left:-3%;
    width:100%;
  }
  #main.lomi {
    position:relative;
      left:0%;
    width:100%;
    height:3000px;
     top:1%;
    display: inline-block;
    background-color: #0000ff21;
    background-repeat:repeat-y;
  }
  #starttableindex1.lomi {
    left:27%;
    position:relative;
    float:left;
    padding:3% 3% 50px 5%;
    width:22%;
    height:auto;
    top:3%;
    margin:3% 5% 5% -24%;
    background:#f5e299;
    color:#796414;
    border-radius: 22px;
  }
  #starttableindex2.lomi {
    left:66%;
    position:relative;
    float:left;
    padding:3% 3% 50px 5%;
    width:38%;
    height:auto;
    top:-23%;
    margin:-5% 5% 5% -24%;
    background:#f5e299;
    color:#796414;
    border-radius: 22px;
  }
  #fussnote.fuss {
    top:-4%;
    left:1%;
    position:relative;
    width:83%;
    height:236px;
    padding:38px;
    margin-top:10px;
  }
  #spruchstart.fuss {
    height:117%;
    position:relative;
    padding:4%;
    width:85%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right,#a6b32780 0%,#263b0099 99%);
    background-color:rgba(0,0,0,0);
  }
  #nav.lomi {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:-2px;
    font-size:110%;
    margin:0 auto;
    height:40px;
    width:103%;
    left:-3%;
    background-color:#C9F7C300;
  }
  #ampel.marm {
    border-radius:30px;
    display:inline-block;
    left:137%;
    position:relative;
    top:-72%;
    height:248px;
    width:81%;
    padding:20px 1px 1px 21px;
    border-radius:0px;
    background:#80000000;
  }
  #übersicht.lomi {
    position:relative;
    top:-36px;
    left:-98px;
  }
  #headline.fuss {
    background-color:#bcf7b400;
    width:60%;
    position:relative;
    top:auto;
    left:21%;
    margin-top:0%;
    height:232px;
  }
  h1.fuss {
    top:-18%;
    left:14%;
    position:relative;
    font-family:serife;
    font-size:328%;
    margin-top:48px;
  }
  h4.lomi {
    color:rgba(12,112,25,0.01);
    font:105% bold,italic;
    height:20%;
    left:14%;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255,255,255);
    margin-top:-18px;
    position: relative;
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-5%;
    margin-bottom:10px;
    height:auto;
    margin-left:2px;
  }
  #dreieck.fuss {
    position:relative;
    top:57%;
    left:3%;
    display: none;
  }
  #sprung.lomi {
    display:block;
    width:56%;
    left:-19%;
    text-align:center;
    background:linear-gradient(to right,#f7b0e5 0%,#d974b6e8 99%);
    position:relative;
    top:-92%;
    /*! margin-top:58%; */
  }
  #starttableindex.fuss {
    position:relative;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-1%;
    margin-left:100px;
    margin-top:33px;
  }
  #tablevital.lomi {
    width:90%;
    color:#6e5e1e;
    font:111%/1.4 serif;
    font-family:verdana;
    font-weight:normal;
    letter-spacing:-1px;
  }
  #starthome.lomi {
    width:87%;
    text-align:left;
    padding:29px;
  }
  #tablefuss.lomi {
    width:20%;
    position:relative;
    top:-33%;
    margin:72% 0% 10px -122%;
    padding:4% 1% 5% 4%;
    float:right;
    background-color:#f9ecba;
    font:102%/1.4 sans-serif;
    left:-41%;
    color:#746117;
    font-family:arial;
    padding:5% 3% 11% 4%;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    margin-left:-60%;
    margin-top:92px;
  }
  #spruchstart.lomi {
    height:auto;
    position:relative;
    padding:12% 5%;
    width:81%;
    right:52%;
    display:none;
    margin:201% 3% 1% -243%;
    font:118%/1.4 serif;
    background:linear-gradient(to right,#f7b0e5 0%,#d974b6e8 99%);
    border-radius:4%;
  }
  #sidebar1.lomi {
    width:43%;
    height:11%;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:73%;
    padding:2%;
    margin-top:3%;
    margin-bottom:10px;
    left:-23%;
  }
  #wasser.lomi {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:83%;
    top:39%;
    font:98%/1.4 sans-serif;
    color:maroon;
    margin-top:62%;
  }
  #fussnote.lomi {
    font:88% serif;
    color:#655103;
    background-color:#F5E299;
    border-color:rgb(0,128,0);
    border-radius:20px;
    border-style:outset;
    height:63%;
    width:85%;
    opacity:0.8;
    top:-7%;
    padding:5% 8%;
    position:relative;
    font:133%/1.4 sans-serif;
    left:-12px;
  }
  td.abhypreis {
    display:inline-block;
    font:90% serif;
    margin:-29px 2% 20px 147px;
    height:53px;
    position:relative;
    top:-75%;
    width:200px;
    float: none;
  }
  #wrapper.fuss {
    width:99%;
    padding:1%;
    margin:-1% auto;
    margin-left:auto;
    display:block;
    position:relative;
    height:4783px;
    background-color:#989b2c;
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    top:-6%;
    margin-top:-108px;
    margin-bottom:10px;
    height:1302px;
  }
  header.marm {
    width:100%;
    position:relative;
    top:-9%;
    margin-bottom:5px;
    height:45%;
    left:1%;
  }
 wechselbildlomi {
    left:8%;
    top:7%;
    width:97%;
    display:inline-block;
    position:relative;
  }
  h1.fuss {
    top:-93px;
    left:16%;
    position:relative;
    font-family:serife;
    font-size:328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:6px;
    font-size:110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width:100%;
    left:1%;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-465%;
    margin-left:-17;
    height:50px;
    left:-959px;
    float:left;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    margin-left:-61%;
    margin-top:-13%;
    top:-34%;
    margin:0 auto;
    left:-60%;
  }
  #sidebar.fuss {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:14%;
    right:13%;
  }
  #sidebar.lomi {
    width:24%;
    height:544px;
    float:right;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    top:38%;
    right:0%;
    margin-top:-3%;
    margin-right:3%;
    display: none;
  }
  #sidebar1.fuss {
    width:25%;
    height:538px;
    float:right;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    top:0%;
    padding:2%;
    margin-top:15%;
    margin-bottom:10px;
    left:-13%;
  }
  #footer.fuss {
    margin-top:4%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    top:-1%;
    margin-bottom:5px;
    height:164px;
  }
  #copy.fuss {
    width:100&;
    top:2%;
    height:107px;
    display:inherit;
    left:-17%;
  }
  #footer.fuss {
    top:-1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:-6px;
    margin-bottom:15px;
    height:auto;
  }
  #footer.lomi {
    top:30%;
    clear:both;
    width:61%;
    background-color:#CFF5C9;
    position:relative;
    margin-top:13px;
    margin-bottom:5px;
    height:181px;
    left:11%;
  }
  #copy.lomi {
    top:20px;
    width:74%;
    height:auto;
    left:-259px;
    display:inherit;
  }
  td.termonline {
    display:table-cell;
    background:linear-gradient(to right,#ef7fe8 0%,#e93cec99 99%);
    height:46px;
    border-radius:15px;
    border:1px outset;
    text-align:center;
    box-shadow:2px 2px 2px black;
  }
  li.lomipreis{
    font:120%/1.4 sans-serif;
    text-align: center;
    list-style-type: disclosure-closed;
  }
  #überblick.lomi{
	display: inline;
float: left; 
margin-left:8%; 
margin-top:0px; 
font:90% sans-serif; 
	float: none;
}
  #navyoben.lomi .oben a {
    display: flex;
    width: auto;
    padding: 5px 32px;
    font: 111% sans-serif;
    color: maroon;
    border: outset #ede7d0eb;
    text-decoration: none;
    border-radius: 10px;
    float: right;
    background: #f5e8b9c7;
  }
}
@media screen and (max-width:2048px) {
  #bildspez.lomi {
    height:auto;
    top:-25%;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -38%;
    height: 100px;
    width: 57%;
    left: 29%;
  }
   #gutschein.lomi{
    position: relative;
    width: 56%;
    /*! top: 38%; */
  }
   #copy.raumlomi {
    display: inline-block;
    position: relative;
    width: 17%;
     top: 18%;
     margin-top: 83px;
  }
  #sprung.lomi {
    display:block;
    width:56%;
    left:-18%;
    text-align:center;
    background:linear-gradient(to right,#f7b0e5 0%,#d974b6e8 99%);
    position:relative;
    top:-84%;
    margin-top:24%;
  }
  tbody.lomi{
    width: 108%;
    
    display: inline-block;
    position: relative;
  }
   #starttableindex1.lomi {
    left: 27%;
     padding: 3% 3% 50px 5%;
    width: 26%;
    height: auto;
    margin: -38% 5% 5% -24%;
    }
   #starttableindex2.lomi {
      padding: 3% 3% 50px 5%;
    width: 38%;
    height: auto;
    margin: 6% 5% 5% -29%;
     }
  #bild3.allg {
    position:relative;
    width:63%;
    margin-bottom:20px;
    margin-top:20px;
    border-style:outset;
    color:wheat;
    padding:8px;
    left:18%;
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:15%;
    left:42%;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    margin-top:-27%;
    left:48%;
    width:15%;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    /*! margin-top:41%; */
    left:-40%;
    padding:1% 4% 27% 6%;
    margin: 83% 0% 10px -142%;
  }
  #brockenoel {
    margin-top:47%;
    left:-23%;
    width:286px;
  }
 wechselbildlomi {
    left:8%;
    top:-37%;
    width:105%;
    display:inline-block;
    position:relative;
  }
  header.marm {
    width:100%;
    position:relative;
    top:1%;
    margin-bottom:5px;
    height:30%;
    left:1%;
  }
  #wechselbild1.garsh {
    display:inline-block;
    position:absolute;
    top:-387%;
    left:59%;
    height:auto;
  }
  #starthome {
    width:106%;
    left:1px;
    position:relative;
    display:block;
    align-content:center;
    margin-left:-50px;
    margin-top:23px;
    text-align:center;
    font-size:110%;
  }
  #navyquer ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:94%;
    clear:both;
    left:-69%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-172%;
    position:relative;
    height:18px;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:410px;
    position:absolute;
    top:104px;
  }
  #bild.marm {
    top:36%;
    width:11%;
    left:80%;
  }
  #fruehangeb.marm {
    position:relative;
    top:-291%;
    background:none;
    left:182px;
    color:#f2c5ede0;
    margin-top:20px;
    font-size:140%;
    font-style:oblique;
    font-family:serife;
    width:150px;
  }
  h1.lomi {
    top:-152%;
    left:6%;
    top:-50px;
    position:relative;
    font-family:serif;
    font-size:569%;
    float:left;
    margin:10px 12%;
    margin-bottom:50px;
    height:auto;
    width:43%;
    font-family:chopin script;
  }
  #main.lomi {
    position:relative;
    /*! top:auto; */
    left:1%;
    width:99%;
    /*! height:auto; */
    background-color:#d1f5cb00;
    /*! margin: -22% 0%; */
  }
  #starttableindex.lomi {
    float:left;
    margin-bottom:4%;
    padding-right:5%;
    padding-bottom:50px;
    padding-top:3%;
    width:41%;
    padding-left:9%;
    height:auto;
    margin-top:-21%;
    margin-left:-24%;
  }
  #fussnote.fuss {
    top:-4%;
    left:1%;
    position:relative;
    width:83%;
    height:236px;
    padding:38px;
    margin-top:10px;
  }
  #spruchstart.fuss {
    height:117%;
    position:relative;
    padding:4%;
    width:85%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right,#a6b32780 0%,#263b0099 99%);
    background-color:rgba(0,0,0,0);
  }
  #ampel.marm {
    border-radius:30px;
    display:inline-block;
    left:1%;
    position:relative;
    top:15%;
    height:auto;
    width:329px;
    padding:3% 1% 1% 4%;
    border:5px solid maroon;
    border-radius:0px;
    background:maroon;
    opacity:1.0;
  }
  #übersicht.lomi {
    position:relative;
    top:-36px;
    left:-98px;
  }
  h1.lomi {
    font-family:great vibes;
    width: 56%;
  }
  #headline.fuss {
    top:15%;
   width:100%;
    left:7%;
    margin-left: -8%;
  }
  h4.lomi {
    color:rgba(12,112,25,0.01);
    font:105% bold,italic;
    height:20%;
    left:25%;
    text-align:center;
    text-shadow:3px 3px 3px rgba(255,255,255,0);
    margin-top:-90px;
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto;
    margin-left:2px;
  }
  #dreieck.fuss {
    position:relative;
    top:28%;
    left:10%;
  }
  #sprung,
  #sprung.fuss {
    display:none;
  }
  #starttableindex.fuss {
    position:relative;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-1%;
    margin-left:100px;
    margin-top:33px;
  }
  #tablevital.lomi {
    width:90%;
    font:132%/1.4 serif;
  }
  #starthome.lomi {
    width:87%;
    text-align:left;
    padding:29px;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    margin-left:-60%;
    margin-top:92px;
  }
  #spruchstart.lomi {
    height:auto;
    position:relative;
    padding:2%;
    margin-left:-109%;
    margin-right:3%;
    background-color:#9931901a;
    width:71%;
    right:-118%;
    font:123%/1.4 serif;
    margin-top:70%;
    padding-bottom:10%;
  }
  #sidebar1.lomi {
    width:27%;
    height:389px;
    float:left;
    position:absolute;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:466%;
    padding:2%;
    margin-top:21%;
    margin-bottom:10px;
    left:54%;
  }
  #wasser.lomi {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:83%;
    top:36%;
    font:114%/1.4 serif;
    color:maroon;
    margin-top:58%;
  }
  #fussnote.lomi {
    font:88% serif;
    color:#060881;
    background-color:#DDEFDE;
    border-color:rgb(0,128,0);
    border-radius:20px;
    border-style:outset;
    height:294px;
    width:84%;
    opacity:0.8;
    top:4%;
    padding:8%;
    position:relative;
    font:115%/1.4 serif;
    left:10px;
  }
  td.abhypreis {
    display:inline-block;
    float:left;
    font:90% serif;
    margin:-32px 2% 20px 147px;
    height:87px;
    position:relative;
    top:-44%;
    width:200px;
  }
  #wrapper.fuss {
    width:98%;
    padding:1%;
    margin:0 auto;
    margin-left:auto;
    display:block;
    position:relative;
    height:3885px;
    left:-1%;
    top:2%;
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    top:-6%;
    margin-top:-108px;
    margin-bottom:10px;
    height:1302px;
  }
  h1.fuss {
    top:-93px;
    left:16%;
    position:relative;
    font-family:serife;
    font-size:328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:6px;
    font-size:110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width:100%;
    left:1%;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-465%;
    margin-left:-17;
    height:50px;
    left:-959px;
    float:left;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    margin-left:-61%;
    margin-top:-13%;
    top:-34%;
    margin:0 auto;
    left:-60%;
  }
  #sidebar.fuss {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:14%;
    right:13%;
  }
  #sidebar.lomi {
    width:31%;
    height:54px;
    float:right;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    top:18%;
    right:3%;
    margin-top:-3%;
    margin-right:3%;
  }
  #sidebar1.fuss {
    width:25%;
    height:538px;
    float:right;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    top:0%;
    padding:2%;
    margin-top:15%;
    margin-bottom:10px;
    left:-13%;
  }
  #footer.fuss {
    margin-top:4%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    top:-1%;
    margin-bottom:5px;
    height:164px;
  }
  #copy.fuss {
    width:100&;
    top:2%;
    height:107px;
    display:inherit;
    left:-17%;
  }
  #footer.fuss {
    top:-1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:-6px;
    margin-bottom:15px;
    height:auto;
  }
  #footer.lomi {
    top:23%;
    width:100%;
    background-color:#1C4D1454;
    position:relative;
    margin-top:14%;
    margin-bottom:5px;
    height:181px;
    display:inline-block;
    left: 0%;
  }
  #copy.lomi {
    top:69%;
    width:74%;
    height:auto;
    left:-259px;
    display:inherit;
  }
    #zwbildspez4 {
    display: inline-block;
    position: relative;
    width: 27%;
    top: 51%;
    left: -33%;
    height: 12%;
    width: 18%;
  }
   #pfeil.lomi {
    opacity:0.8;
    left:72%;
    margin-bottom:0;
    position:fixed;
    top:86%;
  }
}
@media screen and (max-width:1920px) {
  
    #starttableindex2.lomi {
    padding: 3% 3% 50px 5%;
    width: 38%;
    height: auto;
    margin: -52% 5% 5% -13%;
  }
   #gutschein.lomi{
    display: inline-block;
    position: relative;
    width: 50%;
    top: 42%;
    left: 2%
  }
    #starttableindex1.lomi {
    left: 27%;
    padding: 3% 3% 50px 5%;
    width: 26%;
    height: auto;
  }
   #copy.raumlomi {
    display: inline-block;
    position: relative;
    width: 17%;
    top: -7%;
    background: #f5e299;
    height: 285px;
     left: 1%;
    padding: 90px 61px 159px 55px;
}
    #zwbildspez2 {
    display: inline-block;
    position: relative;
    width: 27%;
    top: 31%;
    left: 12%;
    height: 22%;
    width: 41%;
  }
  #bildspez.lomi {
    height:auto;
    top:-89%;
  }
 #sprung.lomi {
      width: 56%;
    left: -20%;
      top: -84%;
    margin-top: 24%;
  }
  header.marm {
    width:100%;
    position:relative;
    top:5%;
    margin-bottom:5px;
    height:30%;
    left:1%;
  }
   #tablefuss.lomi {
    padding-bottom: 15%;
    margin-top: 50%;
    left: -66%;
    padding: 4% 4% 26% 6%;
  }
   #zwbildspez4 {
      width: 27%;
    margin: 21% 11%;
    left: -19%;
    height: 400px;
    width: 20%;
    /*! border: 11px solid aliceblue; */
      top: 36%;
  }
  #brockenoel {
    margin-top:45%;
    left:-23%;
    width:286px;
  }
    #brockenoel.lomi {
    display: inline-block;
    position: relative;
    margin: -51% -24%;
    left: 25%;
    width: 40%;
    height: 34%;
    top: 11%;
  }
  #brockenoel {
    margin-top:45%;
    left:14%;
    width:286px;
  }
   #medien.marm {
    display:inline-block;
    position:relative;
    margin-top:-12%;
    left:17%;
    width:15%;
    top: -10%;
  }
}
@media screen and (max-width: 1893px) {
  #sprung.lomi {
    width: 56%;
    left: -20%;
    top: -80%;
    margin-top: 24%;
  }
    #überblick.lomi {
      margin-left: 8%;
    /*! margin-top: -150%; */
    font: 90% sans-serif;
    float: none;
  }
}
@media screen and (max-width:1873px) {

  #starttableindex1.lomi {
    left: 27%;
     padding: 3% 3% 50px 5%;
    width: 26%;
    height: auto;
    top: -1%;
    margin: 5% 5% 5% -24%;
    }
   #gutschein.lomi{
    display: inline-block;
    position: absolute;
    width: 60%;
    top: 56%;
    left: 25%;
  }
    #tablefuss.lomi {
    padding-bottom: 15%;
    margin-top: -76%;
    left: -66%;
    padding: 4% 4% 26% 6%;
    width: 21%;
  }
   #starttableindex2.lomi {
    padding: 3% 3% 50px 5%;
    width: 38%;
    height: auto;
    top: 3%;
    margin: -237% 5% 5% -13%;
  }
  #überblick.lomi{
    position: relative;
    top: -40%;
  }
   #copy.raumlomi {
    display: inline-block;
    position: relative;
    width: 22%;
    top: -104%;
    background: #f5e299;
    height: 243px;
    left: 3%;
     margin:11% 1% 2% 1%;
  }
    #zwbildspez4 {
    width: 27%;
    margin-top: 173%;
    left: 17%;
    height: 611px;
    width: 22%;
    top: -87%;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:-2%;
    top:-70%;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    margin-top:-4%;
    left:15%;
    width:15%;
  }
    #zwbildspez2 {
    display: inline-block;
    position: relative;
    top: -46%;
    left: 40%;
    height: 18%;
    width: 25%;
  }
   #brockenoel.lomi {
    display: inline-block;
    position: absolute;
    margin: -51% -24%;
    left: 93%;
    width: 35%;
    height: 26%;
    top: 113%;
  }
}
@media screen and (max-width: 1853px) {
  #tablefuss.lomi {
    padding-bottom: 15%;
    margin-top: -40%;
    left: 29%;
    padding: 4% 4% 22% 6%;
    width: 21%;
  }
 
   #zwbildspez2 {
    display: inline-block;
    position: relative;
    top: -48%;
    left: -11%;
    height: 18%;
    width: 25%;
  }
  #brockenoel.lomi{
    left: 31%;
  }
}
@media screen and (max-width:1834px) {
  #bildspez.lomi {
    height:auto;
    margin-top:5%;
    top:-76%;
    left:0%;
    width: 99%;
  }
  h1.lomi {
    width:46%;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    margin-top:-51%;
    left:34%;
    padding:1% 3% 25% 6%;
    width: 25%;
  }
  #wechselbild1.start {
    left:19%;
    top:6%;
    width:63%;
  }
  td.zwischen {
    display:table-cell;
    height:10px;
  }
   #starttableindex2.lomi {
      padding: 3% 3% 50px 5%;
    width: 40%;
    height: auto;
    top: 1%;
      left: 64%;
     }
  #wasser.lomi {
    margin:-9% auto;
    margin-top:-9%;
    width:83%;
    top:36%;
    font:88%/1.4 sans-serif;
    color:maroon;
    margin-top:58%;
  }
  #spruchstart.lomi {
    margin:79% 6% 10% 102%;
    left:-76%;
  }
}
@media screen and (max-width:1824px) {
  header.marm {
    top:5%;
    margin-bottom:5px;
    height:30%;
    left:1%;
  }
  h1.lomi {
    width:63%;
    margin-top:0%;
    left:-2%;
  }
    #wrapper.fuss {
    width: 98%;
    padding-bottom: 40%;
  }
    #zwbildspez2 {
    top: 56%;
    left: 23%;
    height: 21%;
    width: 40%;
    margin-top: -65%;
    position: absolute;
    opacity: 1.0;
    padding: 0;
  }
   #main.lomi {
      width: 99%;
    height: auto;
 padding-bottom: 5%;
    margin: -21% -1%;
  }
   #brockenoel.lomi {
    display: inline-block;
    position: absolute;
    margin: -5% -6%;
    left: 11%;
    width: 44%;
    height: 19%;
    top: 36%;
  }
  #starttableindex1.lomi {
    left: 27%;
    padding: 3% 3% 50px 5%;
    width: 32%;
    height: auto;
    top: 1%;
    margin: 5% 5% 5% -24%;
  }
  #starttableindex1.lomi {
    left: 27%;
    padding: 3% 3% 50px 5%;
    width: 32%;
    height: auto;
    top: 1%;
    margin: 5% 5% 5% -24%;
  }
  #starttableindex2.lomi {
    left: 75%;
    padding: 3% 3% 50px 5%;
    width: 38%;
    height: auto;
    top: 2%;
    margin: -105% 5% 5% -24%;
  }
  
}
@media screen and (max-width: 1814px) {
  #wrapper.fuss {
    width: 98%;
    padding-bottom: 80%;
  }
    #brockenoel.lomi {
      margin: -5% -6%;
    left: 11%;
    width: 39%;
    height: 24%;
    top: 36%;
  }
    #gutschein.lomi{
    display: inline-block;
    position: absolute;
    width: 52%;
    top: 56%;
    left: 12%;
    height: 21%;
  }
  #copy.raumlomi{
    position: absolute;
    top: 42%;
      left:11%; 
    width: 36%;
    padding: 47px;
  }
   #zwbildspez4 {
    width: 27%;
    margin-top: 130%;
    left: -48%;
    height: 411px;
    width: 22%;
    top: -94%;
  }
}
@media screen and (max-width:1753px) {
 
    #main.lomi {
    width: 99%;
    height: auto;
    padding-bottom: 5%;
    margin: -21% -1%;
      top: -4%;
  }
  #überblick.lomi{
    top: -60%;
  }
   #zwbildspez4 {
      margin-top: 80%;
    left: -9%;
    height: 411px;
    width: 22%;
    top: 23%;
     display: block;
      position: absolute;
  }
    header.lomi {
    height: 624px;
    width: 100%;
    background-color: #e4e4a2;
  }
    #zwbildspez2 {
    top: 116%;
    left: 16%;
    height: 25%;
    width: 40%;
    margin-top: -65%;
    position: absolute;
    opacity: 1.0;
    padding: 0;
  }
    #starttableindex1.lomi {
    left: 25%;
    padding: 3% 3% 50px 5%;
    width: 32%;
    height: auto;
    top: -1%;
    margin: 2% 5% 5% -24%;
  }
  #bild.marm {
    top:23%;
    width:16%;
    left:76%;
  }
   #gutschein.lomi {
       width: 47%;
    top: 66%;
    left: 51%;
    height: 19%;
  }
  #copy.raumlomi {
    position: absolute;
    top: 46%;
    left: 10%;
    width: 41%;
    padding: 47px;
    padding-bottom: 81px;
  }
   #brockenoel.lomi {
    margin: -5% -6%;
    left: 26%;
    width: 39%;
    height: 27%;
    top: 80%;
  }
  #starttableindex.lomi {
    margin-top:-11%;
  }
  #sprung.lomi {
    top:-65%;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:17%;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    margin-top:112%;
    left:31%;
    padding:1% 3% 29% 6%;
  }
  header.marm {
    top:3%;
    margin-bottom:5px;
    height:34%;
    left:1%;
  }
  #sidebar.lomi {
    margin-top:77%;
    right:6%;
  }
 wechselbildlomi {
    left:8%;
    top:-37%;
    width:105%;
  }
  #spruchstart.lomi {
    margin-top:-105%;
    width:88%;
    padding:10% 4%;
  }
    #starttableindex2.lomi {
    left: 57%;
    padding: 3% 3% 50px 5%;
    width: 38%;
    height: auto;
    top: 17%;
    margin: 9% 5% 5% -24%;
  }
   #footer.lomi {
    top:23%;
    width:100%;
    background-color:#1C4D1454;
    position:relative;
    margin-top:14%;
    margin-bottom:5px;
    height:237px;
    display:inline-block;
    left: 0%;
  }
    #copy.lomi {
    top: 13%;
    width: 74%;
    height: auto;
    left: 11%;
    display: inherit;
  }
  header.lomi {
        left: 4px;
        margin-top: 4px;
        margin-bottom: 18%;
    }
}
@media screen and (max-width: 1700px) {
  #main.lomi {
    width: 99%;
    height: auto;
    padding-bottom: 5%;
    margin: -21% -1%;
    top: 9%;
  }
      #tablefuss.lomi {
        padding-bottom: 15%;
        left: 0%;
        padding: 0% 4% 36% 8%;
        width: 28%;
    }
}
@media screen and (max-width:1600px) {
   #navyoben.lomi ul.lomioben {
    display: flex;
    float:right;
    position: relative;
    width:58%;
    background-color:#f5e8b900;
    overflow:hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -107%;
    height: 100px;
    width: 90%;
    left: 32%;
  }

 header.marm {
    top:10%;
    margin-bottom:5px;
    height:36%;
    left:1%;
  }
 header.lomi {
    left: 4px;
    height: 472px;
    top: -2%;
  }
    #main.lomi {
    width: 100%;
    height: auto;
    padding-bottom: 5%;
     top: -1%;
        margin-top: -6%;
  }
   
  #brockenoel {
    margin-top:73%;
    left:-24%;
    width:286px;
  }
  #überblick.lomi {
    top: -80%;
  }
 #starttableindex1.lomi {
    left: 25%;
    padding: 3% 3% 50px 5%;
    width: 32%;
    height: auto;
    top: -1%;
    margin: 2% 5% 5% -24%;
  }
  #wechselbild1.start {
    left:19%;
    top:15%;
    width:63%;
  }
  #tablevital.lomi {
    width:81%;
    font:122%/1.4 serif;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    margin-top:-19%;
    left:1%;
    padding:1% 3% 30% 6%;
  }
  
  #spruchstart.lomi {
    margin-top:-95%;
    width:112%;
    padding:10% 4%;
  }
  #dreieck.fuss {
    position:relative;
    top:20%;
    left:108px;
  }
  #bild.marm {
    top:15%;
    width:15%;
    left:75%;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    margin-top:123%;
    left:6%;
    padding:1% 3% 28% 6%;
  }
}
@media screen and (max-width:1600px) {
 
  header.lomi {
    left: 4px;
    margin-top: 88px;
    margin-bottom: 18%;
    height: 461px;
  }
  #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 105%;
    top: 14%;
    left: 15%;
  }
 #medien.marm {
    display:inline-block;
    position:absolute;
    margin-top:50%;
    left:38%;
    width:15%;
  }
    #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 90%;
    top: 9%;
    left: 15%;
  }
   #copy.raumlomi {
    position: absolute;
    top: 41%;
    left: 6%;
    width: 41%;
    padding: 47px;
    padding-bottom: 47px;
    padding-bottom: 81px;
  }
   #zwbildspez2 {
    top: 116%;
    left: 10%;
    height: 25%;
    width: 40%;
    margin-top: -65%;
    position: absolute;
    opacity: 1.0;
    padding: 0;
  }
   #sprung.lomi {
    top: -45%;
  }
    #brockenoel.lomi {
    margin: -5% -6%;
    left: 68%;
    width: 39%;
    height: 20%;
    top: 80%;
  }
   #headline.fuss {
    top: 35%;
    width: 100%;
    left: 7%;
    margin-left: -8%;
  }
  #spruchstart.lomi {
    margin-top:-22%;
    width:128%;
    height:132%;
    left:-111%;
  }
  #wechselbild1.start {
    left:19%;
    top:8%;
    width:63%;
  }
 wechselbildlomi {
    left:2%;
    top:-37%;
    width:115%;
  }
  #starttableindex.lomi {
    margin-top:2%;
    margin-left:-32%;
  }
  #tablefuss.lomi {
    padding-bottom:15%;
    left:33%;
    padding:0% 4% 36% 8%;
    width:28%;
    /*! margin-top:-5%; */
    left: -58%;
  }
  #tablevital.lomi {
    width:96%;
    font:132%/1.4 sans-serif;
    left:-5%;
    position:relative;
  }
  #bild.marm {
    top:14%;
  }
  #bildspez.lomi {
    height:auto;
  }
  #bild3.allg {
    position:relative;
    width:60%;
    margin-bottom:20px;
    margin-top:-3%;
    border-style:outset;
    color:wheat;
    padding:8px;
    left:19%;
  }
  #anwendung {
    display:block;
    list-style-type:none;
    marker:none;
  }
  #fruehangeb.marm {
    position:relative;
    top:-318%;
    margin-top:20px;
    font-size:107%;
    width:150px;
    left:178px;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:410px;
    position:absolute;
    top:104px;
  }
  td.kurztextmarma {
    font:110%/1.2 serif;
    width:86%;
    padding-left:1%;
    float:left;
    margin-top:-4%;
    margin-left:-3%;
    position:absolute;
  }
  
    h4.lomi {
        color: rgb(246, 247, 205);
        font: 105% bold, italic;
        height: 3%;
        left: 6%;
        position: relative;
        text-align: center;
        margin-top: -90px;
        margin: 0 auto;
    }
	
  #fussnote.fuss {
    top:-4%;
    left:1%;
    position:relative;
    width:83%;
    height:236px;
    padding:38px;
    margin-top:10px;
  }
  #spruchstart.fuss {
    height:117%;
    position:relative;
    padding:4%;
    width:85%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right,#a6b32780 0%,#263b0099 99%);
    background-color:rgba(0,0,0,0);
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-402%;
    margin-left:-48%;
    margin-top:-14px;
  }
  #ampel.fuss {
    border-radius:30px;
    display:none;
    left:8%;
    position:relative;
    top:-25%;
    height:auto;
    padding-bottom:10%;
    width:16%;
  }
  #übersicht.lomi {
    position:relative;
    top:-36px;
    left:-98px;
  }
  h4.lomi {
    color:rgb(246,247,205);
    font:105% bold,italic;
    height:3%;
    left:6%;
    text-align:center;
    margin-top:-90px;
    margin:0 auto;
  }
  #dreieck.fuss {
    position:relative;
    top:26%;
  }
  #sprung,
  #sprung.fuss {
    display:none;
  }
  #starttableindex.fuss {
    position:relative;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-1%;
    margin-left:100px;
    margin-top:33px;
  }
  #starthome.lomi {
    width:87%;
    text-align:left;
    padding:29px;
  }
  #sidebar1.lomi {
    width:33%;
    height:34%;
    float:left;
    position:absolute;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:32%;
    padding:2%;
    margin-top:14%;
    margin-bottom:10px;
    left:-46%;
  }
  #fussnote.lomi {
    font:101% serif;
    color:#f2f2f7;
    background-color:#B3E98A;
    border-color:rgb(0,128,0);
    border-radius:20px;
    border-style:outset;
    height:223px;
    width:94%;
    top:-1%;
    padding:8%;
    position:relative;
    left:-7px;
    opacity:1.0;
    color:#033e03;
  }
   td.abhypreis {
    display: table-cell;
    float: left;
    font: 90% serif;
    margin-left: 225px;
    margin-top: -105px;
  }
  h1.fuss {
    top:-93px;
    left:16%;
    position:relative;
    font-family:serife;
    font-size:328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #sidebar.fuss {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:14%;
    right:13%;
  }
  #sidebar1.fuss {
    width:25%;
    height:538px;
    float:right;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    top:0%;
    padding:2%;
    margin-top:15%;
    margin-bottom:10px;
    left:-13%;
  }
  #wasser.lomi {
    position:relative;
    margin:-9% auto;
    font-size:114%;
    width:73%;
    top:-34%;
    color:#5f0338;
    height:auto;
    padding:89% 1% 72% 1%;
  }
  #footer.fuss {
    margin-top:4%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    top:-1%;
    margin-bottom:5px;
    height:164px;
  }
  #copy.fuss {
    width:100&;
    top:2%;
    height:107px;
    display:inherit;
    left:-17%;
  }
  #footer.fuss {
    top:-1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:-6px;
    margin-bottom:15px;
    height:auto;
  }
  #footer.lomi {
    top:12%;
    width:102%;
    position:relative;
    margin-top:21%;
    margin-bottom:5px;
    height:181px;
    left:-1%;
  }
  header.marm {
    top:2%;
    margin-bottom:5px;
    height:31%;
    left:1%;
  }
  #headline.fuss {
    height:31%;
    position:relative;
    width:75%;
    left:5%;
  }
    h1.lomi {
    width: 85%;
    margin-top: 0%;
    left: 1%;
    font-size: 200%;
  }
}
@media screen and (max-width:1440px) {
  #starttableindex.lomi {
    width:39%;
    margin-left:-32%;
  }
   header.lomi {
    left: 4px;
    margin-top: 92px;
    margin-bottom: 1%;
    height: 16%;
  }
  #main.lomi {
    position:relative;
       width:100%;
    height:auto;
    top:1%;
    margin: -2% -1%;
  }
   #sprung.lomi {
    top: -55%;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -75%;
    height: 100px;
    width: 84%;
    left: 11%;
  }
   #zwbildspez2 {
    top: 114%;
    left: 46%;
    width: 30%;
    height: 18%;
  }
  #brockenoel.lomi { #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -71%;
    height: 100px;
    width: ;
    left: 5%;
  }
    margin: -5% -6%;
    left: 52%;
    width: 39%;
    height: 20%;
    top: 78%;
  }
    #gutschein.lomi {
    width: 59%;
    top: 41%;
    left: 4%;
    height: 21%;
  }
  #headline.fuss {
    top: 22%;
    width: 100%;
    left: 7%;
    margin-left: -8%;
  }
   #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 113%;
    top: 2%;
    left: 5%;
  }
  #spruchstart.lomi {
    margin-top:2%;
    width:101%;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:5%;
    left:1%;
  }
  h5.abhy {
    margin-left:-29px;
    position:relative;
    top:-27px;
   font: 172% sans-serif;
    color:#9b842b;
    width:79%;
    text-align:center;
  }
  #rankefuss {
    display:inline;
    position:absolute;
    margin-top:30%;
    margin-right:6%;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    margin-top:20%;
    left:-9%;
    width:15%;
  }
  #brockenoel {
    margin-top:114%;
    left:-22%;
    width:406px;
  }
  #spruchstart.lomi {
    width:126%;
    height:112%;
    border-radius:4%;
    top:auto;
  }
  #tablefuss.lomi {
    padding-bottom: 15%;
    margin-top: 147%;
    left: -58%;
    padding: 6% 4% 45% 8%;
    width: 26%;
  }
  #tablevital.lomi {
    width:88%;
    font:132%/1.4 sans-serif;
    left:-10%;
    text-align:center;
  }
  #wasser.lomi {
    position:relative;
    margin:-8% auto;
    font-size:114%;
    width:97%;
    top:-42%;
    color:#5f0338;
    height:auto;
    padding:89% 1% 72% 1%;
    left:1%;
  }
  #bild.marm {
    top:43%;
    left:77%;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:2%;
    position:absolute;
    top:57%;
    width:97%;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-05px;
    margin-left:-53%;
    margin-top:-5%;
  }
  #navyquer.lomi ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:94%;
    clear:both;
    left:-69%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-183%;
    position:relative;
    height:18px;
  }
  header.marm {
    width:102%;
    position:relative;
    top:-4%;
    margin-bottom:5px;
    height:32%;
    left:-2%;
  }
 wechselbildlomi {
    left:10%;
    top:-16%;
    width:98%;
    height:auto;
  }
  #sidebar1.lomi {
    width:38%;
    height:37%;
    float:left;
    position:relative;
    background-color:#DDEFDE;
    top:33%;
    padding:2%;
    margin-top:38%;
    margin-bottom:10px;
    left:-51%;
    font:120%/1.4 sans-serif;
  }
  h1.fuss {
    font-size:300%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-90%;
    left:16%;
    text-shadow:3px 3px 3px #fff;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    margin-top:-1%;
    margin-left:8%;
  }
  #navyquer.navi {
    width:80%;
    position:relative;
    display:block;
    top:2%;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    margin-left:-4%;
    margin-top:-1%;
    top:-67px;
    left:50%;
  }
  #starttableindex.fuss {
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-6%;
    margin-left:57px;
  }
  #sidebar.fuss {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:13%;
    right:9%;
  }
  #sidebar1.fuss {
    width:27%;
    height:500px;
    float:right;
    top:16%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px;
    left:-9%;
  }
  #footer.lomi {
    top:23%;
    width:102%;
    background-color:#9194CF5E;
    position:relative;
    margin-top:17%;
    margin-bottom:5px;
    height:181px;
    left:-2%;
  }
  #copy.fuss {
    width:87%;
    top:1%;
    height:auto;
    display:inherit;
    left:-17%;
    margin-top:9px;
    margin-bottom:10px;
  }
    #copy.raumlomi {
    padding-bottom: 39px;
    top: 44%;
    font: 97%/1.6 sans-serif;
    width: 26%;
    left: 33%;
  }
  #zwbildspez4.oben{
    top: 25%;
    left: 61%;
  }
}
@media screen and (max-width:1425px) {
 
  #bildspez.lomi {
    height:auto;
    margin-top:28%;
  }
  #starttableindex.lomi {
    width:36%;
  }
  #dreieck.fuss {
    position:relative;
    top:26%;
    left:0%;
  }
}
@media screen and (max-width:1366px) {
  #wechselbild1.garsh {
    position:relative;
    left:37%;
    margin-top:-15%;
    width:28%;
    margin-bottom:8%;
  }
   #bildspez.lomi {
    height: auto;
    margin-top: 4%;
  }
     #gutschein.lomi {
    width: 52%;
    top: 35%;
    left: 54%;
    height: 16%;
  }
   h3.lomi {
     left: 50%;
    width: 69%;
    font-size: 101%;
    color: #53450c;
    background: #d3d3d3a6;
    padding-left: 7%;
      top: -15%;
  }
    #copy.raumlomi {
    padding-bottom: 81px;
    top: 45%;
  }
   #tablefuss.lomi {
    padding-bottom: 15%;
    margin-top: 160%;
    left: -54%;
    padding: 6% 4% 49% 8%;
    width: 26%;
  }
    #medien.marm {
    margin-top: 91%;
    left: -13%;
    width: 15%;
  }
     #zwbildspez2 {
    top: 98%;
    left: 51%;
    height: 18%;
    width: 33%;
    margin-top: -65%;
  }
  #zwbildspez4.oben{
    display: none;
  }
  #wechselbild1.garsh {
    display:none;
  }
  h1.lomi {
    width:85%;
    margin-top:0%;
    left:-6%;
  }
   #brockenoel.lomi {
    margin: -5% -6%;
    left: 69%;
    width: 39%;
    height: 20%;
    top: 68%;
  }
}
@media screen and (max-width:1280px) {
	  #navyoben.lomi ul.lomioben {
    width: 74%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
	left: 11%;
    position: relative;
  }
  
	#navyoben.lomi ul.oben {
    width: 54%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
  }
   header.lomi {
    height: 16%;
    margin-bottom: 20px;
  }
  h1.lomi {
    width: 31%;
    margin-top: -2%;
    left: 1%;
    font-size: 282%;
  }
    #brockenoel.lomi {
    margin: -5% -6%;
    left: 39%;
    width: 51%;
    height: 22%;
    top: 46%;
  }
    #überblick.lomi {
    top: -100%;
  }
   #bildlomi {
    display: inline-block;
    position: relative;
    top: 2%;
    left: 12%;
    width: 60%;
    margin: 5%;
    text-align: center;
  }
    #starttableindex1.lomi {
    left: 34%;
    padding: 3% 3% 50px 5%;
    width: 75%;
    height: auto;
    top: 0%;
    margin: 5% 5% 5% -24%;
  }
    #starttableindex2.lomi {
    left: 26%;
    padding: 3% 6% 50px 8%;
    width: 42%;
    height: auto;
    margin: 74% 5% 5% -24%;
  }
      #copy.raumlomi {
    padding-bottom: 73px;
    top: 30%;
    left: 6%;
    width: 26%;
    font-size: 105%;
  }
  #brockenoel {
    margin-top:91%;
    left:-18%;
    width:357px;
    top:11%;
  }
  td.kurztextmarma {
    font:110%/1.2 serif;
    width:86%;
  }
  #starttableindex.lomi {
    margin-top:-32%;
  }
  #tablefuss.lomi {
    padding-bottom:29%;
    margin-top:132%;
    left: 0%;
    width: 28%;
  }
  #main.lomi {
    position:relative;
    top:1%;
  }
  #tablevital.lomi {
    width:88%;
    font:112%/1.4 sans-serif;
    left:-10%;
    text-align:center;
  }
  #bild.marm {
    position:relative;
    top:-28%;
    left:74%;
  }
  #wasser.lomi {
    position:relative;
    margin:-8% auto;
    font-size:94%;
    width:82%;
    top:-31%;
  }
  #spruchstart.lomi {
    margin:-42% -121%;
    width:113%;
    height:112%;
    left:auto;
    border-radius:4%;
  }
 #bildspez.lomi {
    height:auto;
    margin-top:2%;
    left:-2%;
    width: 70%;
  }
  #sprung.lomi {
    margin-top:35%;
    left:-13%;
    width:71%;
  }
  #headline.fuss {
    left:14%;
  }
  #footer.lomi {
    margin-top:31%;
  }
  header.marm {
    width:102%;
    position:relative;
    top:4%;
    margin-bottom:5px;
    height:32%;
    left:0%;
  }
}
@media screen and (max-width:1320px) left:4%;
top:-16%;
width:98%;
height:auto;
}
}
@media screen and (max-width:1300px) {
  #starthome {
    width:90%;
    left:1px;
    position:relative;
    display:block;
    align-content:center;
    margin-left:5px;
    margin-top:23px;
    text-align:center;
    font-size:90%;
  }
  #wasser.lomi {
    margin:-8% auto;
    font-size:114%;
    width:85%;
    top:-84%;
    padding:89% 1% 72% 1%;
    left:1%;
  }
  #headline.fuss {
    height:31%;
    position:relative;
    margin-top:-130%;
    width:75%;
    left:5%;
  }
  #sidebar.lomi {
    margin-top:77%;
    right:6%;
    width:30%;
  }
  #tablevital.lomi {
    width:88%;
    font:111%/1.4 sans-serif;
    left:-10%;
    text-align:center;
  }
  #spruchstart.lomi {
    margin-top:118%;
    left:-10%;
    width:244%;
    height:95%;
  }
  #brockenoel {
    margin-top:80%;
    left:-22%;
    width:383px;
  }
  #tablefuss.lomi {
    margin-top:-102%;
    left:37%;
  }
  #dreieck.fuss {
    position:relative;
    top:18%;
  }
  #main.fuss {
    width:100%;
    float:left;
    top:-7%;
    margin-top:-109px;
    margin-bottom:10px;
    height:1234px;
  }
 wechselbildlomi {
    left:5%;
    top:-93%;
    width:95%;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:29px;
    position:absolute;
    top:149px;
    width:80%;
  }
  #nav.fuss {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:5px;
    margin:0 auto;
    background-color:#7dbf741a;
    left:8px;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-466%;
    margin-left:23%;
    margin-top:-60px;
  }
  #navyquer.lomi {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-402%;
    margin-left:-20%;
    margin-top:-14px;
    left:auto;
  }
  header.marm {
    width:100%;
    top:0%;
    left:2%;
    height:30%;
    margin-bottom:2px;
  }
  h1.fuss {
    top:-89%;
    left:17%;
  }
  h5.fuss {
    font:130% bold,italic;
    left:5%;
    position:relative;
    margin-top:1%;
  }
  #starttableindex.lomi {
    margin-top:-3%;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:3%;
    width:51%;
    padding-left:5%;
    top:14%;
  }
  #sidebar.fuss {
    width:27%;
    height:463px;
    top:0%;
    margin-right:5%;
  }
  #starttableindex.fuss {
    width:50%;
    padding-left:2%;
    height:auto;
    top:0%;
    margin-left:67px;
    margin-top:25px;
  }
  #sidebar1.fuss {
    width:33%;
    height:500px;
    float:right;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE99;
    top:9%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px;
    left:-2%;
  }
}

@media screen and (max-width:1200px) {
  tr.ausmarm {
    display:table-cell;
  }
   header.lomi {
    height: 19%;
    top: -2%;
  }
     #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -279%;
    height: 100px;
    width: 84%;
    left: 2%;
  }
   a.lomi {
    color: aliceblue;
    font-size: 232%;
    font-style: oblique;
     text-shadow: none;
    text-decoration: none;
    left: -5%;
  }
   #überblick.lomi {
    top: 20px;
  }
    #gutschein.lomi {
    width: 52%;
    top: 49%;
    left: 52%;
    height: 16%;
  }
   #brockenoel.lomi {
    margin: -5% -6%;
    left: 57%;
    width: 41%;
    height: 18%;
    top: 42%;
  }
   #starttableindex2.lomi {
    left: 28%;
    padding: 3% 6% 50px 8%;
    width: 72%;
    height: auto;
    margin: 102% 5% 5% -24%;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:7%;
    left:64%;
    top:-134%;
  }
  #spruchstart.lomi {
    margin-top:60%;
    left:118%;
    width:124%;
    padding:22% 4%;
  }
  #sprung.lomi {
   top: -41%;
    margin-top: 20%;
    left: -10%;
    width: 71%;
    height: 55px;
  }
  td.jetzmarm {
    background:#00007f;
    border-radius:14px;
    height:31px;
    display:table-cell;
    padding:-4px 5px 1px 5px;
  }
  td.zwischen {
    height:10px;
  }
  a.telmarm {
    display:inline-block;
    top:-22px;
    left:57px;
    color:aliceblue;
  }
  #starthome {
    width:97%;
    left:6% 
  }
  #tablefuss.lomi {
    margin-top:4%;
    left:-56%;
    padding-bottom:29%;
  }
  #brockenoel {
    margin-top:106%;
    left:-18%;
    width:313px;
    top:21%;
    margin-left:3%;
  }
  #wrapper.fuss {
    width:99%;
    height:2851px;
  }
  header.marm {
    width:100%;
    top:-1%;
    left:0%;
    height:19%;
    margin-bottom:2px;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    top:21%;
    left:-61%;
    width:23%;
    margin:145% 1% 1% 1%;
  }
  #wechselbild1.garsh {
    position:relative;
    left:36%;
    top:-244%;
    margin-bottom:30px;
  }
  h1.lomi {
    width:80%;
    margin-top:-24%;
    left:-16%;
    font-size:495%;
    height:auto;
  }
  #bild.marm {
    position:relative;
    top:-28%;
    left:75%;
  }
  #wechselbild1.start {
    left:9%;
    padding-bottom:30px;
    top:6%;
    width:81%;
  }
  #copy.lomi {
    top:28px;
    width:90%;
    height:auto;
    left:-23%;
    display:inherit;
  }
  #starttableindex.lomi {
    left:41%;
    position:relative;
    margin-top:-3%;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:3%;
    width:45%;
    padding-left:4%;
    height:auto;
    top:-18%;
  }

  #fussnote.fuss {
    top:36%;
    left:1%;
    position:relative;
    width:74%;
    height:358px;
    padding:38px;
    margin-top:10px;
  }
  #headline.fuss {
    width:100%;
    position:relative;
    top:73%;
    left:216px;
    height:150px;
  }
  #main.fuss {
    height:1215px;
    margin-top:3%;
  }
  #nav.fuss,
  #navyquer.fuss,
  #navileiste {
    display:none;
  }
 wechselbildlomi {
    width:98%;
    top:-13%;
    left:5%;
  }
  #copy.fuss {
    width:93%;
    left:-23%;
    height:auto;
    top:5px;
    margin-top:8px;
  }
  h1.fuss {
    top:-93%;
    margin-left:-4%;
  }
  #dreieck.fuss {
    position:relative;
    top:-54%;
    left:-6%;
    max-width: 13%;
  }
  #starttableindex.fuss {
    width:50%;
    padding:5%;
    height:auto;
    margin-top:1%;
    margin-left:1%;
    text-align:left;
  }
  #sidebar.fuss {
    width:27%;
    height:463px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:-6%;
    right:0%;
    margin-right:-8%;
  }
  #sprung.fuss ,
  #sprung.agb {
    display:block;
    top:-64%;
    float:right;
    position:relative;
    margin-right:79%;
    margin-top:-44px;
  }
  #sidebar1.lomi {
    width:33%;
    height:311px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:auto;
    padding:2%;
    margin-top:-31%;
    margin-bottom:10px;
    left:1%;
  }
  #sidebar1.fuss {
    width:25%;
    height:540px;
    top:45%;
    padding:2%;
    margin-right:-22%;
    margin-top:10px;
    float:right;
    padding:20px;
  }
  #fussnote.fuss {
    top:0%;
    left:0%;
    position:relative;
    width:74%;
    height:389px;
    padding:38px;
    margin-top:24px;
  }
  #footer.lomi {
    top:39%;
    clear:both;
    width:97%;
    background-color:#9194CF99;
    position:relative;
    margin-top:16px;
    margin-bottom:5px;
    height:179px;
    display:block;
  }
  #footer.fuss {
    top:-7%;
    clear:both;
    width:100%;
    background-color:#CAF9C3;
    position:relative;
    margin-top:2px;
    margin-bottom:5px;
    left:0%;
  }
}

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

    #sprung.lomi {
    top: 26%;
    margin-top: 20%;
    left: 15%;
    width: 71%;
    height: 55px;
  }
  td.jetzmarm {
    display:table-cell;
  }
  #sidebar.lomi {
    margin-top:86%;
    right:6%;
    width:36%;
  }
  #bild.marm {
    width:20%;
    top:-33%;
  }
   #starttableindex1.lomi {
    left: 31%;
    padding: 3% 3% 50px 8%;
    width: 79%;
    height: auto;
    top: -1%;
    margin: 12% 5% 5% -24%;
  }
  h1.lomi {
    width:80%;
    margin-top:-10%;
    left:-16%;
    font-size:495%;
    color:#ceb55500;
    text-shadow:none;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:7%;
    left:64%;
    top:419%;
  }
  h6 {
    margin-left:-55px;
  }
  #medien.marm {
    display:inline-block;
    position:relative;
    top:-10%;
    left:-32%;
    width:18%;
    margin:-15% 1% 1% 1%;
  }
  #wechselbild1.garsh {
    position:relative;
    left:36%;
    top:-190%;
    margin-bottom:30px;
  }
  #spruchstart.lomi {
    margin-top:132%;
    left:113%;
    width:125%;
  }
  #brockenoel {
    margin-top:23%;
    left:-24%;
    width:313px;
    top:-8%;
  }
  #tablevital.lomi {
    width:99%;
    font:132%/1.4 sans-serif;
    /*! left:-14%; */
    text-align:center;
  }
  #vital.marm {
    display:inline-block;
    position:absolute;
    margin-top:-4%;
    left:10%;
    width:67%;
    top:47%;
  }
  #wrapper.fuss {
    width:99%;
    height:2881px;
  }
  #headline.fuss {
    width:94%;
    position:relative;
    margin-top:-228%;
    left:1px;
    height:155px;
    margin-bottom:1px;
    border-bottom:3px;
    border-bottom-color:currentcolor;
    border-bottom-color:#fff;
  }
  #main.lomi {
    /*! height:1215px; */
    /*! left:-18px; */
    /*! top:auto; */
  }
  #starttableindex.lomi {
    left:38%;
    position:relative;
    margin-top:-3%;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:3%;
    width:51%;
    padding-left:4%;
    height:auto;
    top:9%;
  }
  #dreieck.fuss {
    position:absolute;
    top:-114%;
    left:-12px;
    display:none;
  }
  #sidebar1.fuss {
    width:25%;
    height:540px;
    top:45%;
    padding:2%;
    margin-right:-34%;
    margin-top:10px;
    float:right;
    padding:20px;
  }
  header.marm {
    height:18%;
    width:101%;
    top:10px;
    margin-bottom:10px;
    margin:0 auto;
  }
  #navileiste.fuss {
    display:none;
  }
 wechselbildlomi {
    width:114%;
    top:-22%;
    left:5%;
  }
  #sprung.fuss,
  #sprung.agb {
    top:-6%;
    float:right;
    margin-right:20px;
    right:15px;
    margin-top:-8%;
  }
  h1.fuss {
    top:-31%;
    left:23%;
    position:relative;
    font-family:serife;
    font-size:328%;
    margin-top:-114px;
  }
  #navyquer;
  #nav {
    display:none;
  }
  #sidebar.fuss {
    width:25%;
    height:425px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    margin-top:2%;
    margin-right:4%;
    top:-5%;
  }
  #tablefuss.lomi {
    width:30%;
    position:relative;
    top:83%;
    padding:8% 9% 42% 10%;
    margin-bottom:10px;
    float:right;
    font-size:94%;
    left: -47%;
  }
  #footer.lomi {
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:16px;
    margin-bottom:5px;
    height:179px;
  }
}
@media screen and (max-width:1100px) {
  #vital.marm {
    display:inline-block;
    position:absolute;
    margin-top:-4%;
    left:7%;
    width:67%;
    top:42%;
  }
   ul.lomi {
    font-family: verdana;
     width: 370px;
    font-size: 94%;
    padding: 10px 20px;
  }
   #gutschein.lomi {
    width: 52%;
    top: 49%;
    left: 52%;
    height: 16%;
  }
   h5.abhy {
    margin-left: -29px;
    position: relative;
    top: -27px;
    font: 196% sans-serif;
    color: #9b842b;
    width: 167%;
    text-align: center;
  }
  td.abhypreis {
    display:block;
    float:left;
    font:101% serif;
    margin-left:67%;
    margin-top:493%;
  }
}
@media screen and (max-width:1080px) {
  td.abstand {
    widht:10px;
  }
   #copy.raumlomi {
    padding-bottom: 8%;
    top: 23%;
    left: 56%;
    width: 26%;
    font-size: 104%;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -330%;
    height: 100px;
    width: 84%;
    left: 12%;
  }
   header.lomi {
    height: 450px;
    top: -73px;
    margin-bottom: 10px;
  }
   #starttableindex1.lomi {
    left: 31%;
    padding: 3% 3% 50px 8%;
    width: 79%;
    height: auto;
    top: 2%;
    margin: 15% 5% 5% -25%;
  }
   #zwbildspez2 {
    top: 95%;
  }
  #wrapper.fuss {
    width: 99%;
    height: 3581px;
  }
   #überblick.lomi {
    top: -255%;
  }
  h6 {
    margin-left:-55px;
    width:90%;
    text-align:center;
    margin-bottom:1%;
  }
   #headline.fuss {
    width: 94%;
    position: relative;
    margin-top: 15%;
     left: 112px;
  }
   h1.lomi {
    width: 80%;
    margin-top: -10%;
    left: -11%;
    font-size: 495%;
    color: #ceb55500;
     top:61%;
     }
  #brockenoel.lomi {
    margin: -5% -6%;
    left: 57%;
    width: 57%;
    height: 19%;
    top: 58%;
  }
    #gutschein.lomi {
    width: 66%;
    top: 36%;
    left: 50%;
    height: 16%;
  }
   #medien.marm {
    display: inline-block;
    position: relative;
    top: 43%;
    left: 0%;
    width: 28%;
    margin: 101% 1% 1% 1%;
  }
    #sprung.lomi {
    top: -82%;
    left: -6%;
  }
   #starttableindex2.lomi {
    left: 28%;
    padding: 3% 0% 50px 8%;
    width: 70%;
    height: auto;
    margin: 179% 5% 5% -24%;
  }
  h5.abhy {
    margin-left: -58px;
    position: relative;
    top: -27px;
    font: 174% sans-serif;
    color: #9b842b;
    width: 99%;
    text-align: center;
  }
  #fussnote.fuss {
    top:-15%;
    left:3%;
    position:relative;
    width:74%;
    height:358px;
    padding:38px;
    margin-top:24px;
  }
   td.kurztextmarma {
    font: 110%/1.2 serif;
    width: 152%;
  }
  #brockenoel {
    margin-top:23%;
    left:-24%;
    width:313px;
    top:-16%;
  }
  #copy.lomi {
    margin-top:auto;
    width:90%;
    height:auto;
    left:2%;
    display:inline-block;
    padding: 20px;
  }
  #starttableindex.lomi {
    left:36%;
    position:relative;
    margin-top:-3%;
  }
  #tablevital.lomi {
    width:99%;
    font:132%/1.4 sans-serif;
    left:-18%;
    text-align:center;
  }
  #wrapper.fuss {
    width:99%;
  }
  #bildspez.lomi {
    height:auto;
    margin-top:42%;
    left:65%;
    top:299%;
  }
   #main.lomi {
    height: auto;
    margin-top: 10%;
    width: 99%;
    left: 17px;
    top: 500px;
    position: absolute;
    background: center;
    background-image: none;
  }
  #dreieck.fuss {
    position:relative;
    left:-13px;
    margin-top:-30%;
    top:-17px;
  }
  #main.fuss {
    height:1103px;
    margin-top:4%;
    top:-2px;
  }
  header.marm {
    height:31%;
    width:100%;
    left:-1%;
  }
  #nav {
    display:none;
  }
  #sprung.fuss,
  #sprung.agb {
    display:block;
    margin-top:-13%;
    position:relative;
    right:-27%;
    float:right;
    top:169px;
    margin-right:91%;
  }
  #sidebar.fuss {
    width:26%;
    position:relative;
    top:1%;
    margin:0 auto;
    left:-6px;
    height:400px;
  }
  #tablefuss.lomi {
    width:33%;
    position:relative;
    top:16%;
    left:-48%;
    height:510px;
    padding:8% 0% 45% 12%;
    margin:-249% 3% 10px 1%;
  }
  #starttableindex.fuss {
    text-align:center;
    top:1%;
    padding-right:5%;
    position:relative;
    margin:0 auto;
    left:4%;
    width:55%;
    margin-bottom:10px;
    padding-bottom:36px;
    text-align:left;
  }
  #tablefuss.fuss {
    width:53%;
    position:absolute;
    top:49%;
    left:2%;
    height:507px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-3%;
    margin-left:2%;
    padding-top:4%;
  }
  #sidebar1.fuss {
    width:25%;
    height:540px;
    top:41%;
    padding:2%;
    margin-right:-32%;
    margin-top:10px;
    float:right;
    padding:20px;
  }
  #sidebar1.lomi {
    width:39%;
    height:311px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:0%;
    padding:2%;
    margin-top:0%;
    margin-bottom:10px;
    left:5%;
  }
  #ampel.lomi {
    display:none 
  }
  #footer.fuss {
    margin-top:-5%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:183px;
    top:0%;
  }
  #footer.lomi {
    top:104%;
    clear:both;
    width:97%;
    position:relative;
    margin-top:200px;
    margin-bottom:5px;
    height:150px;
    padding:2%;
    background: #ceb555;
    left: -11px;
  }
}
@media screen and (max-width:1024px) {
	
	 header.lomi {
    height: 425px;
    top: -2%;
    margin-bottom: 10px;
  }
  
  #tablefuss.lomi {
    padding:7% 1% 32% 10%;
  }
   #sprung.lomi {
    margin-top: 15%;
    left: -5%;
    width: 71%;
    height: 46px;
  }

   #überblick.lomi {
    top: -355%;
  }
}
@media screen and (max-width: 988px) {
  #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -315%;
    height: 100px;
    width: 84%;
    left: 12%;
  }
}
@media screen and (max-width:950px) {
	
	 h2.lomi {
    display: inline;
    position: absolute;
    text-shadow: -2px 2px 2px #ebeacd;
    top: 1%;
    left: -2%;
    width: 533px;
    font-size: 168%;
    color: #917c27;
    background: #f0f8ff99;
    padding-left: 6%;
  }
  #tablefuss.lomi {
    padding:8% 7% 64% 10%;
    margin-top:110%;
    left:1%;
    width:38%;
    position: absolute;
  }
   a.telinfo {
    display: table-cell;
    position: relative;
    color: aliceblue;
    width: 200px;
    height: auto;
	top:0;
    left: 1px;
  }
    #sprung.lomi {
    margin-top: 18%;
    left: 7%;
    width: 71%;
    height: 38px;
  }
    #brockenoel.lomi {
    margin: -5% -6%;
    left: 57%;
    width: 57%;
    height: 14%;
    top: 58%;
  }
  #bildspez.lomi{
    display: inline-block;
    position: relative;
    width: 118%;
    top: 2%;
    left: -10%;
    margin: 5px;
  }
  #zwbildspez2 {
    top: 101%;
    height: 15%;
    left: 60%;
  }
   h6 {
    margin-left:-55px;
    width:185%;
    text-align:center;
    margin-bottom:1%;
  }
   h5.abhy {
    margin-left: -58px;
    position: relative;
    top: -27px;
    font: 164% sans-serif;
    color: #9b842b;
    width: 195%;
    text-align: center;
  }
    #copy.raumlomi {
    padding-bottom: 19%;
    top: 34%;
    left: 58%;
    width: 26%;
    font-size: 104%;
  }
    a.lomi {
    color: aliceblue;
    font-size: 132%;
    font-style: oblique;
    text-shadow: none;
    text-decoration: none;
    left: -5%;
  }
   #gutschein.lomi {
    width: 75%;
    top: 29%;
    left: 38%;
    height: 13%;
  }
  #main.lomi {
    height: auto;
    margin-top: 55%;
    width: 99%;
    left: 10px;
    top: auto;
    position: absolute;
    background: center;
  }
   #starttableindex2.lomi {
    left: 11%;
      padding: 3% 3% 50px 5%;
    width: 84%;
    height: auto;
    top: 71%;
    margin: 209% 5% 6% -6%;
      }
  #medien.marm {
    display:inline-block;
    position:relative;
    top:1%;
    left:64%;
    width:25%;
    margin:10% 1% 1% 1%;
  }
  #spruchstart.lomi {
    margin-top:-8%;
    left:108%;
    width:102%;
    top:auto;
  }
  #sidebar.lomi {
    margin-top:56%;
    right:-4%;
    width:42%;
  }
  td.kurztextmarma {
    font:110%/1.2 serif;
    width:90%;
    padding-left:1%;
    float:left;
    top:3%;
    margin-left:-3%;
    height:auto;
  }
  #brockenoel {
    margin-top:143%;
    left:61%;
    width:313px;
    top:-46%;
  }
  h4.abyanga {
    color:rgb(12,112,25);
    font:119% bold,italic;
    height:20%;
    left:22%;
    position:relative;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255,255,255);
    top:-79%;
  }
 
  #starttableindex.lomi {
    width:90%;
    position:relative;
    margin-top:-3%;
  }
  #bild.marm {
    display:none;
  }
  #main.fuss {
    height:1103px;
    margin-top:-2%;
    top:161px;
    width:100%;
    left:-10px;
  }
  header.marm {
    height:28%;
    width:101%;
  }
  header {
    height:150px;
    width:100%;
    margin-bottom:10px;
  }
  #sidebar.fuss {
    width:25%;
    position:relative;
    top:1%;
    margin:0 auto;
    left:-2px;
    height:400px;
    margin-top:5px;
  }
  #dreieck.fuss {
    position:relative;
    left:1%;
    margin-top:-30%;
    top:-18px;
  }
  #sprung.fuss,
  #sprung.agb {
    display:block;
    top:93%;
    float:right;
    position:relative;
    right:6px;
    margin-right:7%;
  }
  h1.fuss {
    top:-23%;
    margin-left:-9%;
    position:relative;
    font-family:serife;
    font-size:228%;
  }
  #ampel.lomi {
    border-radius:30px;
    display:none;
    left:3%;
    position:absolute;
    top:48%;
  }
  #footer.fuss {
    top:10%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:16px;
    margin-bottom:5px;
    height:150px;
  }
  ul.lomi {
    list-style-type:none;
    font-size:103%;
  }
  #pfeil {
    opacity:0.8;
    right:24%;
    top:76%;
  }
   #footer.lomi {
    top: 222%;
    left: -7px;
  }
}
@media screen and (max-width:873px) {
  #ampel.lomi {
    top:49%;
  }
  #wechselbild1.garsh {
    position:relative;
    top:300px;
    left:10px;
  }
  #wrapper.fuss {
    width:99%;
    height:1875px;
  }
   
  header.lomi {
      top: -69px;
    margin-bottom: 10px;
  }
  #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -20%;
    height: 100px;
    width: 84%;
    left: 6%;
  }
  #bildspez.lomi {
    height:auto;
    /*! left:69%; */
    top:-203%;
    width:118%;
    padding-top: 16px;
  }
  #main.lomi {
    height: auto;
    top: 4%;
  }
  
  #sprung.lomi {
    top:21%;
    left: 3%;
  }
  h1.lomi {
    top:-152%;
    left:-11%;
    top:2%;
    position:relative;
    font-family:great vibes;
    font-size:357%;
    float:left;
    margin-top:10px;
    margin-bottom:50px;
    width: 70%;
  }
  #fussnote.lomi {
    font:83% serif;
    color:#060881;
    background-color:#DDEFDE;
    border-color:rgb(0,128,0);
    border-radius:20px;
    border-style:outset;
    height:294px;
    width:94%;
    top:79%;
    padding:12%;
  }
  #fruehangeb.marm {
    position:relative;
    top:-179%;
    background:none;
    left:165px;
    color:#651a5d;
    margin-top:20px;
    font-size:140%;
    font-style:oblique;
    font-family:serife;
    width:150px;
  }
  #bild.marm {
    position:relative;
    top:-1286px;
    left:120px;
    border-style:outset;
    color:wheat;
    padding:5px;
    background:#d8f9d3;
    width:59%;
  }
  #main.fuss {
    height:1100px;
    margin-top:-2%;
  }
  header.marm {
    height:25%;
    width:101%;
  }
  #headline.fuss {
    width:97%;
    left:17%;
    margin-top:-40%;
    margin-bottom:1px;
    height:43%;
    background:#00800000;
  }
  #nav,
  #navyquer.start {
    display:none;
  }
  #navileiste {
    display:none;
  }
  #dreieck {
    margin-left:4%;
    max-width:200px;
    left:0%;
    position:absolute;
    top:79%;
  }
  #sprung.imp {
    margin-top:-17%;
    float:left;
    margin-left:-3%;
  }
  h1.fuss {
    margin-top:2%;
    left:19%;
    position:relative;
    font-family:serife;
    font-size:228%;
  }
  #sidebar.fuss {
    width:25%;
    position:relative;
    top:1%;
    margin:0 auto;
    left:-11px;
    height:391px;
  }
  #sprung.fuss,
  #sprung.agb {
    display:block;
    top:-17%;
    float:right;
    position:relative;
    right:11%;
    margin-top:51px;
  }
  #sidebar1.lomi {
    width:33%;
    height:389px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:10%;
    padding:2%;
    margin-top:30%;
    margin-bottom:10px;
    left:-53%;
  }
  #fussnote.fuss {
    top:-23%;
    left:0%;
    position:relative;
    width:58%;
    height:454px;
    padding:38px;
    margin-top:87px;
  }
  #footer.fuss {
    margin-top:0%;
    clear:both;
    width:100%;
    position:relative;
    margin-top:-25%;
    margin-bottom:5px;
    height:150px;
    top:219px;
  }
}
@media screen and (max-width:844px) {
  #starttableindex.lomi {
    width:90%;
    position:relative;
    margin-top:1%;
  }
  #brockenoel.lomi{
    height: 12%;
  }
    #tablefuss.lomi {
    padding: 8% 7% 66% 10%;
    margin-top: 86%;
    left: 1%;
    width: 38%;
    position: absolute;
  }
    a.telmarm {
    display: inline-block;
    top: -42px;
    left: 7px;
    color: aliceblue;
  }
    #tel_hoer.allg {
    display: block;
    position: relative;
    top: 257%;
    left: 2%;
    width: 93%;
    margin-top: -80%;
  }
   h6 {
    margin-left: -55px;
    width: 85%;
    text-align: center;
    margin-bottom: 1%;
  }
    h5.abhy {
    margin-left: -69px;
       top: -27px;
       width: 95%;
    font-size: 223%;
    }
   #copy.raumlomi {
    padding-bottom: 19%;
    top: 31%;
    left: 58%;
    width: 26%;
    font-size: 104%;
  }
  #gutschein.lomi {
    width: 75%;
    top: 24%;
    left: 38%;
    height: 11%;
    margin: 11% auto;
  }
  td.kontmarm,
  td.termonline,
  td.jetzmarm {
    height:64px;
    width:30%;
    border-radius:18px;
   
  }
  td.zwischen {
    height:22px;
    background:#00f0;
  }
  #main.lomi {
    height:auto;
     top:auto;
  }
  #fussnote.lomi {
    font:88% serif;
    color:#060881;
    background-color:#DDEFDE;
    border-color:rgb(0,128,0);
    border-radius:20px;
    border-style:outset;
    height:78%;
    width:81%;
    opacity:1.0;
    top:79%;
    padding:8%;
  }
  #medien.marm {
    display:block;
    position:relative;
    top:27%;
    left:52%;
    width:46%;
    margin:281% 1% 1% 8%;
  }
  #brockenoel {
    margin-top:115%;
    left:61%;
    width:313px;
    top:-54%;
  }
  #rankefuss {
    display:inline-block;
    left:139%;
    float:right;
    top:8%;
    width:56%;
  }
  #vital.marm {
    top:28%;
    width:85%;
  }
  #bildspez.lomi {
    height:auto;
     top:-161%;
     }
 wechselbildlomi {
    width:114%;
    top:-15%;
    left:5%;
  }
  #fruehangeb.marm {
    display:none;
      }
  #fruehangeb {
    position:relative;
    width:20px;
    background:#add8e600;
    color:wheat;
    font-style:oblique;
    font-family:serife;
    font-size:118%;
    top:258px;
    left:-40px;
  }
  #bild.marm {
    position:relative;
    top:76%;
    left:-65px;
    border-style:outset;
    color:wheat;
    padding:8px;
    width:70%;
    background:#d8f9d3;
    border-radius:21px;
  }
  #bild.abhy {
    position:relative;
    top:318px;
    left:-65px;
    border-style:outset;
    color:wheat;
    padding:8px;
    width:108%;
    background:#d8f9d3;
  }
  #sprung.lomi {
    display:block;
    float:right;
    position:relative;
    margin-top:17%;
    width:70%;
    text-align:center;
  }
  #wechselbild1.garsh {
    position:relative;
    display:none;
    top:42px;
    margin-top:auto;
    float:left;
    left:59%;
  }
  #dreieck.fuss {
    position:relative;
    left:1%;
    margin-top:-30%;
    top:-18px;
  }
  h1.lomi {
    left:1%;
    top: 27%;
  }
  td.kurztextmarma {
    font:95%/1.2 serif;
    width:90%;
    padding-left:1%;
    float:left;
    margin-top:-2%;
    margin-left:2%;
    position:absolute;
  }
  #spruchstart.lomi {
    height:119%;
    position:relative;
    padding:3%;
    margin-left:171px;
    margin-right:3%;
    background-color:#993190e6;
    width:80%;
    right:57%;
    display:block;
    margin-top:8%;
    top:-71%;
  }
  #ampel.fuss {
    border-radius:30px;
    display:table-cell;
    left:118%;
    position:relative;
    top:5%;
    height:auto;
    padding-bottom:10%;
    display:none;
  }
  #ampel.lomi {
    display:none;
     }
  #headline.fuss {
    width:100%;
    position:relative;
    top:78%;
    left:1px;
    height:28%;
    margin-bottom:1px;
  }
  #wrapper.fuss {
    height:2540px;
  }
  #main.fuss {
    height:1862px;
    margin-top:-12%;
    left:-2%;
    top:69px;
  }
  #starthome.lomi {
    width:87%;
    text-align:left;
    padding:29px;
  }
  #sidebar.fuss {
    width:90%;
    position:relative;
    height:333px;
    margin-bottom:10px;
    left:2%;
    top:1%;
    margin-top:48px;
    float:left;
  }
  #sidebar.lomi {
    width:40%;
    height:406px;
    float:right;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    right:-11%;
    margin-top:-115%;
    margin-right:18px;
  }
  #wasser.lomi {
    position:relative;
    margin:-9% auto;
    font-size:82%;
    width:81%;
    padding-top:94%;
    top:0%;
  }
  #sidebar1.fuss {
    width:32%;
    height:500px;
    float:right;
    padding:20px;
    padding:2%;
    left:-36%;
    top:2%;
  }
  #sidebar1.lomi {
    width:92%;
    height:406px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:7%;
    padding:2%;
    margin-top:16%;
    margin-bottom:10px;
    left:6%;
    font-size:90%;
  }
  #wechselbild2.fuss {
    position:relative;
    left:14%;
    top:-15%;
    width:80%;
  }
  #sprung.fuss {
    float:right;
    margin-right:-2%;
    margin-top:159px;
    width:218px;
    display:flex;
    flex-flow:column;
    text-align:center;
    right:2%;
  }
  #nav {
    display:none;
  }
  h1.fuss {
    margin-top:4%;
    left:20%;
    position:relative;
    font-family:serife;
    font-size:228%;
    float:left;
    top:-151px;
  }
  #spruchstart.fuss {
    height:95%;
    position:relative;
    padding:4%;
    width:92%;
    right:12%;
    display:block;
    margin-left:12%;
    margin-top:-39px;
    background:linear-gradient(to right,#a6b32780 0%,#263b0099 99%);
    background-color:rgba(0,0,0,0);
    background-color:rgba(0,0,0,0);
  }
  #wasser.fuss {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-96%;
  }
  #tablefuss.lomi {
    margin-top:118%;
    padding:11% 5% 43% 9%;
    left:2%;
    width:39%;
    font-size: 90%;
  }
  #fussnote.fuss {
    top:-12%;
    left:11%;
    position:relative;
    width:74%;
    height:84%;
    padding:38px;
    margin-top:-49px;
  }
  #tablefuss.fuss {
    width:48%;
    position:absolute;
    top:58%;
    left:2%;
    height:507px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-3%;
    margin-left:2%;
    padding-top:4%;
  }
  #übersicht.lomi {
    position:relative;
    top:-36px;
    left:-120px;
    width:165px;
    margin-top:29%;
  }
  #footer.fuss {
    clear:both;
    width:100%;
    position:relative;
    margin-top:11px;
    margin-bottom:5px;
    height:137px;
    top:4%;
    left:0%;
  }
  #copy.lomi {
    top:6%;
    /*! width:93%; */
    height:auto;
    /*! left:-25%; */
    display:inherit;
  }
  td.abhypreis {
    display:block;
    font:90% serif;
    margin-left:225px;
    margin-top:178%;
    width:185px;
    position:relative;
    left:-35%;
    height:27px;
  }
  #footer.lomi {
    clear:both;
    width:100%;
    margin-top:20px;
    margin-bottom:5px;
    height:205px;
    padding:2%;
    top: 171%;
  }
}
@media screen and (max-width:840px) {
  #ampel.lomi {
    border-radius:30px;
    left:3%;
    position:absolute;
    top:54%;
    height:auto;
    padding-bottom:1%;
    margin-top:3%;
  }
}
@media screen and (max-width:800px) {

  #ampel.lomi {
    margin-top:5%;
  }
  #tel_hoer.allg {
    margin-top:1px;
    height:60px;
    left: -10%;
    padding: 0px 2px;
    background: navy;
    width: 246px;
    border-radius: 21px;
  }
  td.jetzmarm {
    height:2px;
    background-color:#00008b00;
  }
   #medien.marm {
    display: block;
    position: relative;
    top: 27%;
    left: 52%;
    width: 46%;
    margin: 235% 1% 1% 8%;
  }
  #tablevital.lomi {
    letter-spacing:0px;
  }
  a.kontmarm,
  a.telmarm,
  a.termarma {
    font-size:120% 
  }
  a.telmarm {
    top:-40px;
  }
  #footer.lomi{
    margin-top: -20px;
    top: 100%;
    width: 97%;
  }
}
@media screen and (max-width:786px) {
  #tablevital.lomi {
    margin-top:15%;
    left:-20%;
    width:104%;
  }
    #navyoben.lomi ul.lomioben {
    width: 74%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
    left: 1%;
	}
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -20%;
    height: 100px;
    width: 84%;
    left: 18%;
  }
  #weiterlesen{
     display: inline-block;
    position: relative;
    top: 90%;
     }
  #ueberbllomi{
   display: inline-block;
    position: relative;
    }
  
  #starttableindex1.lomi{
    top: -2%
  }
   h5.abhy {
    margin-left: -7%;
    font-size: 226%;
    top: 1%;
    margin-bottom: 27px;
    width: 186%;
  }
   #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 103%;
    top: 2%;
    left: 5%;
  }
  h6 {
    margin-left:83px;
    width:90%;
    text-align:center;
    margin-bottom:1%;
  }
  #main.lomi {
    height:auto;
    margin-top:-18%;
    top:12%;
    left:0%;
    margin-left: 5px;
  }
  
  td.abhypreis {
    display:table-cell;
    float:left;
    font:90% serif;
    margin-left:9%;
    margin-top:428%;
    width:185px;
    position:relative;
    left:5%;
  }
  #spruchstart.lomi {
    height:86%;
    position:relative;
    padding:3%;
    margin-left:171px;
    margin-right:3%;
    background-color:#9931901a;
    width:84%;
    right:63%;
    display:block;
    margin-top:-14%;
  }
  #übersicht.lomi {
    position:relative;
    top:-157px;
    left:223px;
  }
  #wrapper.fuss {
    height:4207px;
  }
  main.fuss {
    height:2052px;
    margin-top:14%;
    left:1%;
  }
  header.marm {
    height:22%;
    width:101%;
  }
  #starttableindex.fuss {
    width:93%;
    padding:45px;
    margin-bottom:10px;
    margin:0 auto;
    margin-top:3%;
    padding:5px;
    left:25px;
    height:19%;
  }
  #tablefuss.lomi {
    padding:3% 1% 52% 12%;
    margin-top: 118%;
    padding: 3% 11% 43% 9%;
    left: 2%;
    width: 41%;
    font-size: 90%;
  }
  
  #starttableindex.lomi {
    left:35%;
    position:relative;
    margin-top:1%;
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:3%;
    padding-left:5%;
    height:auto;
  }
  td.kurztextmarma {
    font:95%/1.2 serif;
    width:83%;
    padding-left:1%;
    float:left;
    margin-left:1%;
    position:absolute;
  }
  #sidebar.fuss {
    width:91%;
    position:relative;
    height:407px;
    margin-bottom:10px;
    left:6px;
    top:-11%;
    margin-top:259px;
  }
  #sidebar1.fuss {
    width:88%;
    height:489px;
    float:left;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDEB3;
    padding:2%;
    margin-top:13px;
    margin-bottom:10px;
    left:22px;
    top:31%;
  }
  #sprung.fuss,
  #sprung.agb {
    display:block;
    float:right;
    position:relative;
    right:3%;
  }
  td.kurztextfuss {
    margin:-8%;
    font:90%/1.2 serif;
    width:90%;
    padding-top:-5%;
    padding-left:-28%;
    float:left;
    text-align:left;
    padding-bottom:11px;
  }
  #footer.fuss {
    top:5%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:150px;
  }
  #copy.fuss {
    width:100&;
    top:-80%;
    height:auto;
    display:inherit;
    left:-23%;
  }
   #footer.lomi {
    margin-top: -20px;
    top: 102%;
    width: 98%;
    left: -9px;
    height: 172px;
  }
}
@media screen and (max-width:700px) {
  #wrapper.fuss {
    height:4093px;
  }
  #main.fuss {
    height:2106px;
    top:-3%;
    margin-top:-32px;
    left:-12px;
  }
  #rankefuss {
    display:inline-block;
    left:132%;
    float:right;
    top:26%;
    width:56%;
  }
  #medien.marm {
    display:none;
    position:relative;
    top:-15%;
    left:52%;
    width:15%;
    margin:13% 1% 1% -54%;
  }
  #brockenoel {
    margin-top:142%;
    left:56%;
    width:43%;
    top:-54%;
  }
  #tablefuss.lomi {
    left:1%;
    width:52%;
    margin-top:170%;
    padding: 3% 11% 55% 15%;
  }
  #ampel.lomi {
    margin-top:-4%;
  }
  h1.fuss {
    top:-136%;
    left:22%;
    font-size:228%;
    float:left;
  }
  td.kurztextmarma {
    font:95%/1.2 serif;
    width:90%;
    padding-left:1%;
    float:left;
    margin-top:-4%;
    margin-left:-3%;
    position:absolute;
  }
  h5.fuss {
    font:130% bold,italic;
    left:24%;
    position:relative;
    top:50%;
  }
  header.marm {
    width:101%;
  }
  #sidebar.fuss {
    width:86%;
    position:relative;
    height:431px;
    margin-bottom:10px;
    left:3%;
    top:1%;
    margin-top:10px;
    height:400px;
  }
  #starttableindex.fuss {
    width:90%;
    left:25px;
    padding:8px;
    margin-top:-5px;
    margin-bottom:10px;
    top:1%;
  }
  #wechselbild2.fuss {
    position:relative;
    left:20%;
    top:-24%;
    width:80%;
  }
  #sprung.fuss {
    display:block;
    top:-22%;
    float:right;
    position:relative;
  }
  #wasser.fuss {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-40%;
  }
  #tablefuss.fuss {
    width:48%;
    position:absolute;
    top:45%;
    left:2%;
    height:507px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-3%;
    margin-left:2%;
    padding-top:4%;
  }
  #sidebar1.fuss {
    width:31%;
    height:489px;
    float:left;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDEB3;
    padding:2%;
    margin-top:13px;
    margin-bottom:10px;
    left:-35%;
    top:28%;
  }
  #footer.fuss {
    top:3%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:354px;
    left:0%;
  }
  #copy.fuss {
    width:100&;
    top:-7%;
    height:auto;
    display:inherit;
    left:-23%;
  }
}
@media screen and (max-width:700px) {
  #vital.marm {
    top:23%;
    width:88%;
  }
  #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 103%;
    top: 22%;
    left: 10%;
    margin-top: -18%;
  }
    #navyoben.lomi ul.lomioben {
    width: 83%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
    left: -3%;
  }
  #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -20%;
    height: 100px;
    width: 95%;
    left: 18%;
  }
   #sprung.lomi {
       margin-top: 33%;
    width: 70%;
     left: -1%;
     height: 24px;
  }
    tbody.lomi {
    width: 88%;
    display: table-cell;
    position: relative;
  }
   #starttableindex2.lomi {
       top: 71%;
    margin: 285% 5% 6% -6%;
  }
    #gutschein.lomi {
    width: 75%;
    top: 22%;
    left: 38%;
    height: 10%;
    margin: 33% auto;
  }
  #headline.fuss {
    width: 100%;
    position: relative;
    top: 108%;
    left: 1px;
    height: 28%;
    margin-bottom: 1px;
  }
    #main.lomi {
    top: 139px;
    margin-bottom: 10px;
    position: absolute;
    width: 99%;
    margin-top: 57%;
  }
  header.lomi {
    height: 7%;
    top: 1%;
    margin-bottom: 10px;
    position: absolute;
    width: 99%;
  }
  h1.lomi{
    font-size: 257%;
    top: -27%;
  }
  #copy.raumlomi {
    padding-bottom: 3%;
    top: 34%;
    left: 22%;
    width: 57%;
    font-size: 104%;
    margin-top: -3%;
  }
   #footer.lomi {
    margin-top: -20px;
    top: 152%;
    width: 98%;
    left: -9px;
    height: 172px;
  }
   #brockenoel.lomi {
    margin: -5% -6%;
    left: 57%;
    width: 57%;
    height: 12%;
    top: 65%;
     display: block;
  }
}

@media screen and (max-width:600px) {
 
   header.lomi {
   min-height:135px;
    top: 0%;
    margin-bottom: 10px;
    position: absolute;
    width: 99%;
  }
    #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -51%;
    height: 100px;
    width: 95%;
    left: 15%;
  }
  
      #sprung.lomi {
        margin-top: 49%;
        width: 70%;
        left: -2%;
        height: 24px;
    }
    #wrapper.fuss {
    height: 4253px;
  }
    #gutschein.lomi {
    width: 75%;
    top: 24%;
    left: 38%;
    height: 8%;
    margin: 33% auto;
  }
   #zwbildspez2 {
    top: 96%;
    height: 15%;
    left: 60%;
  }
  #copy.raumlomi {
    padding-bottom: 9%;
    top: 34%;
    left: 22%;
    width: 57%;
    font-size: 104%;
    margin-top: -3%;
  }
  #rankefuss {
    display:inline-block;
    left:87%;
    float:right;
    top:5%;
    width:56%;
  }
  #vital.marm {
    top:20%;
    width:112%;
    left:-2%;
  }
  h1.lomi {
    height:auto;
    margin-top:-20%;
    top:35%;
    left:2%;
  }
  #ampel.lomi {
    top:49%;
  }
  #tablefuss.lomi {
    margin:206% 1% 9% 0%;
    height:12%;
    padding:0% 1% 56% 12%;
    width: 64%;
  }
  #main.lomi {
    height:auto;
    /*! margin-top:-20%; */
    /*! top:2%; */
    left:0%;
  }
    #brockenoel.lomi {
    margin: -10% -6%;
    left: 57%;
    width: 57%;
    height: 10%;
    top: 63%;
    display: block;
  }
   #footer.lomi {
    margin-top: -42px;
    top: 112%;
    width: 98%;
    left: -9px;
    height: 172px;
  }
}

@media screen and (max-width:480px) {
  #starttableindex.lomi {
    padding-left:11%;
    width:90%;
    top:3%;
  }
    h2.lomi {
    display: inline;
    position: absolute;
    text-shadow: -2px 2px 2px #ebeacd;
    top: 1%;
    left: -7%;
    width: 84%;
    font-size: 108%;
    color: #917c27;
    background: #f0f8ff99;
    padding-left: 6%;
    text-align: left;
  }
    #navyoben.lomi ul.lomioben {
    width: 67%;
	}
  #navyoben.lomi .oben a {
    display: flex;
    width: auto;
    padding: 5px 12px;
    font: 72% sans-serif;
    color: maroon;
    border: outset #ede7d0eb;
    text-decoration: none;
    border-radius: 10px;
    float: right;
    background: #f5e8b9c7;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: 151%;
    height: 100px;
    width: 95%;
    left: 12%;
  }
  h5.abhy {
    margin-left:-7%;
    font-size:214%;
    top:6%;
    margin-bottom:27px;
    width: 94%;
  }
    #bildlomi {
    display: inline-block;
    position: relative;
    top: 2%;
   left: 1%;
    width: 83%;
    margin: 5%;
    text-align: center;
  }
   #headline.fuss {
    width: 96%;
    position: relative;
    top: 61%;
    left: 41px;
    height: 28%;
    margin-bottom: 1px;
  }
   #bildspez.lomi {
    width: 121%;
    top: -161%;
    left: -14%;
  }

   #zwbildspez2 {
    top: 95%;
    height: 7%;
    left: 9%;
  }
   #main.lomi {
    height: 4000px;
    margin-top: -16%;
    top: auto;
    left: 0%;
    position: relative;
  }
   #zwbildspez1.oben, #zwbildspez5.oben {
    display: inline-block;
    position: absolute;
    width: 58%;
    top: 54%;
     
    border: navajowhite;
    left: 38%;
  }
   #starttableindex1.lomi {
    top: auto;
    left: 21%;
    margin: 9% 3% 1% -16%;
  }
    #starttableindex2.lomi {
    top: 77%;
    margin: 157% 5% 6% -11%;
    position: absolute;
    border: 20px outset #375f23;
    border-radius: 10px 10px 0px 0;
  }
    #copy.raumlomi {
    padding-bottom: 32%;
    top: 43%;
    left: 3%;
    width: 50%;
    font-size: 104%;
    margin-top: -3%;
  }
    #gutschein.lomi {
    width: 93%;
    top: 34%;
    left: 17%;
    height: 8%;
    margin: 36% auto;
  }
  ul.lomi {
    list-style-type:none;
    font-size:92%;
    width:77%;
    left:7%;
    position:relative;
    padding: 2px 7% 5% 12%;
  }
  header.lomi {
	  min-height: 4%;
    height: 241px;
    top: -79px;
    margin-bottom: 10px;
    position: relative;
    width: 99%;
    left: 3px;
     padding-bottom: 0px;
  }
    #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 121%;
    top: 22%;
    left: 3%;
    margin-top: -18%;
  }
  ul.anwend {
    position:relative;
    width:400px;
    left:-3%;
    text-align:center;
    list-style-type:none;
  }
 
  #brockenoel {
    margin-top:427%;
    left:11%;
    width:78%;
    top:69%;
    position:relative;
  }
  #ampel.lomi {
    top:46%;
    margin-top:39%;
  }
    h1.lomi {
    top: 157%;
    left: -16%;
    position: relative;
    font-family: serif;
    font-size: 128%;
    float: left;
    width: 75%;
    height: auto;
  }

  #vital.marm {
    top:36%;
    width:112%;
    left:-2%;
  }
  header.marm {
    height:9%;
    width:101%;
    margin-bottom:10px;
    top:1%;
  }
  #bild3.allg {
    position:relative;
    width:74%;
    margin-bottom:20px;
    margin-top:20px;
    border-style:outset;
    color:wheat;
    padding:8px;
    left:20px;
    top:-24px;
  }
  h6 {
    font:88%;
    margin-top:22px;
    margin-left:15px;
    font-size:128%;
    font-style:italic;
    position:absolute;
    width:250px;
  }
  #starthome {
    width:93%;
    left:-5px;
    position:relative;
    display:block;
    align-content:center;
    margin-left:5px;
    margin-top:23px;
    text-align:center;
    font-size:120%;
  }
  #fruehangeb.marm {
    position:relative;
    top:-135%;
    background:none;
    left:17px;
    color:#4e0b47;
    margin-top:20px;
    font-size:140%;
    font-style:oblique;
    font-family:serife;
    width:150px;
    background:#00f0;
  }
  td.abhypreis {
    display:block;
    float:left;
    font:90% serif;
    margin-left:225px;
    margin-top:-182px;
    width:185px;
    position:relative;
    left:-57%;
  }
  #bild.marm {
    position:relative;
    top:-116%;
    left:-97px;
    border-style:outset;
    color:wheat;
    padding:8px;
    width:63%;
    background:#d8f9d3;
    border-radius:21px;
  }
  #tablefuss.lomi {
    width:72%;
    position:absolute;
    height:807px;
    padding-bottom:3%;
    padding-left:10%;
    margin-bottom:25%;
    margin-top:498%;
    float:left;
    left:3%;
  }
  #footer.lomi {
    top:122%;
    clear:both;
    width:99%;
    position:relative;
    margin-top:44%;
    margin-bottom:5px;
    height:auto;
    padding:2%;
    left:0;
  }
  #copy.lomi {
    top:-2px;
    width:93%;
    height:auto;
    left:-1px;
    display:inherit;
    margin:10px auto;
  }
        #sprung.lomi {
        display: block;
        top: 109%;
        float: right;
        position: relative;
        left: -2%;
        margin-top: -2%;
        width: 61%;
    }
  #fussnote.fuss {
    top:10%;
    left:7%;
    position:relative;
    width:69%;
    height:76%;
    padding:38px;
    margin-top:-226px;
  }
  #wrapper.fuss {
    margin-left:1%;
    height: 5700px;
  }
  eader.fuss {
    height:91px;
    width:101%;
    margin-bottom:10px;
  }
 wechselbildlomi {
    width:126%;
    top:-21%;
    left:1%;
  }
  #main.fuss {
    width:100%;
    height:2400px;
    margin-top:-122px;
    top:2%;
    left:-14px;
  }
  h1.fuss {
    top:-130%;
    left:-27%;
    position:relative;
    font-family:serife;
    font-size:228%;
    float:right;
  }
  #navyquer {
    display:none;
  }
  #sidebar,
  #sidebar1,
  #sidebar2;
  #spruchstart {
    width:90%;
    margin-top:10px;
    margin-bottom:10px;
  }
  #sprung.fuss {
    display:block;
    top:26%;
    float:right;
    position:relative;
    margin-top:-58px;
    right:27px;
    margin-right:-35%;
  }
  #sidebar.fuss {
    width:84%;
    position:relative;
    height:449px;
    margin-bottom:10px;
    left:3%;
    top:2%;
  }
  #sidebar1.fuss {
    width:88%;
    height:500px;
    float:left;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px;
    left:4%;
    top:33%;
  }
  #wasser.fuss {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-9%;
    left:-35px;
  }
  #wechselbild2.fuss {
    position:relative;
    left:27%;
    top:-14%;
    width:80%;
  }
  td.kurztextfuss {
    margin:-3%;
    font:90%/1.2 serif;
    width:90%;
    padding-top:-5%;
    padding-left:-28%;
    float:left;
    text-align:left;
    padding-bottom:11px;
    margin-left:10%;
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:26%;
    left:5%;
    margin-left:28px;
    width:80%;
  }
  #footer.fuss {
    top:3%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:13px;
    margin-bottom:5px;
    height:300px;
    left:3px;
  }
  #copy.fuss {
    width:82%;
    margin:0 auto;
    left:1%;
    top:-2%;
    display:inherit;
    height:auto;
    padding:24px;
  }
   #brockenoel.lomi {
    margin: -10% -6%;
    left: 8%;
    width: 87%;
    height: 12%;
    top: 62%;
    display: block;
  }
}

@media screen and (max-width: 430px) {
    #sprung.lomi {
        display: block;
        top: 98%;
        float: right;
        position: relative;
        left: -4%;
        margin-top: -2%;
        width: 61%;
    }
	    #vital.lomi {
        position: absolute;
        display: inline-block;
        top: 100%;
        height: 100px;
        width: 102%;
        left: 5%;
    }
}
@media screen and (max-width:428px) {
 #starthome1 {
    width: 96%;
    padding-left: 20px;
  }
        #vital.lomi {
    position: absolute;
    display: inline-block;
    top: 124%;
    height: 63px;
    width: 107%;
    left: -4%;
    }

    #sprung.lomi {
        display: block;
        float: right;
        position: relative;
        top: 179%;
        left: -2%;
        margin-top: -202px;
        width: 256px;
        background-color: #54185470;
        border-style: outset;
        border: 2px solid #24031e45;
        padding-right: 5px;
        padding-bottom: 10px;
        height: 19px;
    }
 
  h2.lomi {
    display: inline;
    position: absolute;
    text-shadow: -2px 2px 2px #ebeacd;
    top: -2%;
    left: -10%;
    width: 69%;
    font-size: 101%;
    color: #53450c;
    background: #d3d3d3a6;
    padding-left: 7%;
  }
  #ampel.lomi {
    top:52%;
  }
    #brockenoel.lomi {
    margin: -10% -6%;
    left: 8%;
    width: 87%;
    height: 12%;
    top: 61%;
    display: block;
  }
    #zwbildspez1.oben {
    display: inline-block;
    top: 56%;
    width: 83%;
    left: 27%;
  }
   #starttableindex2.lomi {
    left: 11%;
    padding: 3% 3% 50px 5%;
    width: 82%;
  }
      #zwbildspez2 {
    top: 94%;
    height: 9%;
    left: 9%;
    width: 65%;
  }
  #tablefuss.lomi {
    padding-bottom:14%;
    padding-top: 4%;
    padding-right: 9%;
  }
  #zwbildspez5.oben {
    display: none;
  }
  
    #zwbildspez1.oben {
    display: inline-block;
    top: 56%;
    width: 83%;
    left: 27%;
  }
   #copy.raumlomi {
    padding-bottom: 20%;
    top: 46%;
    left: 3%;
    width: 65%;
    font-size: 104%;
    margin-top: -3%;
  }
   #gutschein.lomi {
    width: 93%;
    top: 37%;
    left: 17%;
    height: 8%;
    margin: 36% auto;
  }
  #medien.marm {
    top:30%;
    left:14%;
    width:53%;
    margin:-131% 1% 10% 8%;
  }
   #headline.fuss {
    width: 96%;
   text-align: center;
    top: 53%;
    left: 41px;
    height: 28%;
    margin-bottom: 1px;
  }
  #ampel.lomi {
    top:55%;
    margin:18% 1% 1% 64%;
  }
  
  ul.anwend {
    position:relative;
    width:375px;
    left:-6%;
    text-align:center;
    list-style-type:none;
  }
  #brockenoel {
    margin-top:429%;
    left:11%;
    width:78%;
    top:72%;
    position:relative;
  }
}

@media screen and (max-width:399px) {
  #starttableindex.lomi {
    padding-left:11%;
    width:90%;
    top:-1%;
  }
   #vital.lomi {
    position: absolute;
    display: inline-block;
    top: -124%;
    height: 63px;
    width: 107%;
    left: -4%;
  }
   header.lomi {
    height: 200px;
    width: 100%;
    background-color: #e4e4a2;
  }
   h5.abhy {
    margin-left:-53px;
  }
   #weiterlesen {
    display: inline-block;
    position: relative;
    top: 90%;
  }
    #zwbildspez2 {
    top: 91%;
    height: 9%;
    width: 64%;
    left: 9%;
  }
    #gutschein.lomi {
    width: 93%;
    top: 37%;
    left: 17%;
    height: 8%;
    margin: 46% auto;
  }
   #wrapper.fuss {
    margin-left: 1%;
    height: 5900px;
  }
  #starttableindex2.lomi{
    margin: 199% 5% 6% -11%;
  }
   #zwbildspez1.oben {
    display: inline-block;
    top: 57%;
    width: 77%;
     left: 37%;
  }
  #copy.raumlomi {
    padding-bottom:39%;
    top: 46%;
    left: 3%;
    width: 58%;
    font-size: 104%;
    margin-top: -3%;
  }
  ul.lomi{
    left: 2%;
  }
   #brockenoel.lomi {
    display: inline-block;
    position: absolute;
    margin-top: 318%;
    left: -9%;
    width: 88%;
    height: 11%;
    margin-left: 65px;
  }
 
   #sprung.lomi {
    display: block;
    top: 14%;
    float: right;
    position: relative;
    left: -2%;
    margin-top:-60%;
    width: 256px;
    background-color: #54185470;
    border-style: outset;
    border: 2px solid #24031e45;
    padding-right: 5px;
    padding-bottom: 10px;
     }
   a.lomi {
    color: aliceblue;
    font-size: 139%;
    font-style: oblique;
  }
   h1.lomi {
    top:72%;
    left:-25%;
    position:relative;
    font-size:228%;
    float:left;
    width:90%;
  }
   #headline.fuss {
    width: 91%;
    position: relative;
    top: -29%;
    left: 13%;
    margin-top: 33%;
    height: 96px;
    margin-bottom: 1px;
  }
    #wechselbildlomi {
    display: inline-block;
    position: relative;
    width: 123%;
    top: 17%;
    left: 2%;
    height: 192px;
  }
    #navyoben.lomi ul.lomioben {
    width: 74%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
    left: 1%;
    position: relative;
  }
  ul.anwend {
    position:relative;
    width:350px;
    left:-6%;
    text-align:center;
    list-style-type:none;
  }
    #starttableindex1.lomi {
    left: 27%;
    position: relative;
    float: left;
    padding: 3% 3% 50px 5%;
    width: 84%;
    height: auto;
    top: 2%;
    margin: -5% 5% 5% -24%;
    background: #f5e299;
    color: #796414;
    border-radius: 22px;
  }
}
@media screen and (max-width: 393px) {
  h1.lomi {
    top: 72%;
    left: -25%;
    position: relative;
    font-size: 228%;
    float: left;
    width: 90%;
  }
   #weiterlesen {
    display: inline-block;
    position: relative;
    top: 40%;
  }
}

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

  h1.lomi {
    top:-30%;
    left:2% top:5%;
    left:-23%;
    position:relative;
    font-family:serif;
    font-size:219%;
    float:left;
  }
  #gutschein.lomi {
    width: 95%;
    top: 37%;
    left: 7%;
    height: 8%;
    margin: 46% auto;
  }
  h5.abhy {
    left: 21px;
    position: absolute;
    top: 5%;
    width: 80%
  }
   h6 {
    font: 88%;
    margin-top: 67px;
    margin-left: 15px;
    font-size: 128%;
    position: absolute;
    width: 250px;
  }
  
  #tablefuss.lomi {
    padding-bottom: 1%;
    padding-top: 4%;
    padding-right: 9%;
    width: 70%;
  }
  
    #tablevital.lomi {
    margin-top: -15%;
    left: -20%;
    width: 104%;
  }
   ul.lomi {
    list-style-type: none;
    font-size: 92%;
     width: 68%;
    left: 7%;
    margin-top: 175px;
  }
   header.lomi {
    height: 200px;
    width: 92%;
    background-color: #e4e4a2;
  }
   #main.lomi {
    height: 4000px;
    margin-top: 6%;
    top: auto;
    left: -1%;
    position: relative;
  }
 
  #vital.marm {
    top:44%;
    width:112%;
    left:-2%;
  }
  #starttableindex.fuss {
    width:82%;
    left:6%;
    padding:8px;
    margin-top:61px;
    margin-bottom:10px;
    top:-2%;
  }
  #sprung.lomi {
    display:block;
    top:-3%;
    float:right;
    position:relative;
    left:-6%;
    margin-top:-52%;
    width:55%;
    height: 20px;
  }
  td.kurztextmarma {
    font:95%/1.2 serif;
    width:90%;
    padding-left:1%;
    float:left;
    margin-top:-4%;
    margin-left:-3%;
    position:absolute;
  }
  #fussnote.fuss {
    top:-313%;
    left:5%;
    position:relative;
    width:67%;
    height:403px;
    padding:38px;
  }
  #wrapper.fuss {
    margin-left:1%;
    padding-bottom: 95%;
  }
  #main.fuss {
    width:100%;
    height:2300px;
    margin-top:27px;
  }
  header.marm {
    height:106px;
    width:101%;
  }
  h1.rueck2,
  h1.rueck1 {
    font-size:140%;
  }
  h1.rueck1 {
    top:-120%;
  }
  p.fuss {
    position:relative;
    top:-216%;
    left:32%;
    width:89%;
  }
  h1.fuss {
    top:17%;
    left:29%;
    position:relative;
    font-family:serife;
    font-size:228%;
    float:left;
  }
  h5.fuss {
    padding-left:18%;
    margin:0 auto;
    font:100% serif italic;
    color:#332F72;
    position:relative;
    top:26%;
    left:-10%;
  }
  #sprung.fuss {
    display:block;
    top:5%;
    float:left;
    position:relative;
    margin-left:-12px;
  }
  #nav,
  #naviunten {
    display:none;
    float:right;
  }
  #navileiste,
  #navyquer {
    display:none;
  }
  #starttableindex.fuss {
    width:80%;
    left:20px;
    padding:8px;
    margin-top:72px;
    margin-bottom:10px;
    top:-2%;
    height:616px;
  }
  #sidebar.fuss {
    width:73%;
    position:relative;
    height:431px;
    margin-bottom:10px;
    left:2%;
    top:-2%;
  }
  #wechselbild2.fuss {
    left:3%;
    position:absolute;
    width:70%;
  }
  #copy.fuss {
    left:-15%;
    margin-top:11px;
    top:408%;
    height:auto;
    width:90%;
  }
  p .fuss {
    background-color:#DDEFDE;
    opacity:0.97;
    font:small-caps 18px;
    color:navy;
    border-style:outset;
    border-radius:20px;
    border-color:#008000;
    font:90%/1.2 serif;
    letter-spacing:2.0;
    padding:38px ;
    margin-top:12%;
    margin-left:13%;
    margin-bottom:-40px ;
    max-width:700px;
    height:250px;
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:-68%;
    left:36%;
  }
  #footer.fuss {
    top:0%;
    clear:both;
    width:96%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:342px;
  }
  #copy.fuss {
    width:78%;
    margin:0 auto;
    left:-5%;
    top:-2%;
    display:inherit;
    height:auto;
    padding:24px;
  }
  #copy.lomi {
    top:141%;
    width:93%;
    height:auto;
    left:auto;
    display:inherit;
  }
}