* { margin: 0; padding: 0; } body,html { font: 104% serif; background-color:#caf9c3; background-image: url(hintergrund_site_ganzneu.png); background-repeat: no-repeat; padding:5px; margin:0 auto; height: auto; width: 100%; } img {max-width: 100%; } header, nav, main, footer, hgroup, details { display: block; } header{ width: 100%; margin-top:10px; margin-bottom: 10px; top: 10px; display: block; position: relative; height: auto; } #prax{ text-align: center; } ul.start{ display: inline; position: relative; } h2{ font-size: 150%; width:44%; color: #f268ea; top: 20%; left: 2%; } @media screen and (max-width:2560px){ #wechselbild7{ display: none; } #absenden.bestaet{ background:#c04478; border:2px solid maroon; border-radius:5px; padding:10px 10px 2px 22px; width: 250px; box-shadow: 2px 2px 2px; top: -9%; } #absenden.bestaet a{ font:110%/1.4 sans-serif; color:white; } h1.duostart{ position: relative; width: 1000px; left: -15%; margin-top:12%; } header.cookie{ width: 1563px; margin-top:10px; margin-bottom: 10px; top: 10px; display: block; position: relative; height: 7%; left: -23%; } #herzlich1 { position: relative; top: -55%; left: 20%; width: 60%; margin-top: 50px; } h3.duostart { color: rgb(91, 106, 185); display: inline; float: right; font: 1.4em sans-serif; margin: 20px -150px; padding-left: 17%; position: absolute; text-shadow: 3px 3px 3px rgba(107, 214, 160, 0.02); top: -6%; left: 3%; font-weight: bold; } wrapper.start{ position: relative; top:10px; width: 2000px; height: 100%; } #main.index { background: #808080a3; height: 99%; width: 108%; top: auto; position: relative; margin-top: 50px; margin-left: -1%; margin: 0 auto; } #navyquer ul.sub { position: absolute; left: -999em; top: -999em; display: inline; text-decoration: none; list-style-type: none; background: #ef7fe8; background: linear-gradient(to right, #ef7fe8 0%,#db4fde99 99%); border-radius: 8px; margin-top: -7px; margin-left: -60px; opacity: 1.0; } h2.muessen{ display: block; position: relative; width: 80%; top:-7%; margin-left:-19%; font:110%/1.4 sans-serif; text-shadow: 1px -1px 1px aliceblue; font-weight: bold; color:navy; text-align: center; margin-top: 10px; } #gutsch3.gutscheine { position: absolute; top: 53%; left: 64%; width: 30%; } p.recht { position: fixed; display: inline-block; width: 33%; letter-spacing: 1px; font:143%/1.4 sans-serif; top: 11%; border: outset; padding: 5% 8%; margin-top: 3%; margin-left: 22%; } #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 2%; width: 83%; top: 122%; height: 115px; position: absolute; margin-left: 147px; } #starttableindex.recht{ display: block; position: relative; width: 58%; font:85%/1.4 sans-serif; background-color:#afb2b5; top: -10%; text-align: center; padding-left: 106px; text-shadow: 1px -1px 1px gray; } #starthome.recht{ position: relative; display: block; width: 95%; margin:-19px; text-align:center; left:-2%; color: #4d4d8f; } #starthome.recht { position: relative; display: block; width: 95%; margin: -19px; text-align: center; left: -2%; color: #4d4d8f; } input.absgs { border-radius: 8px; height: 57px; margin-left: -181px; margin-top: -49%; background-color: #e643c7bf; float: right; right: 2%; margin-bottom: 30px; width:214px; font-size: 90%; } #wrapper.start{ width: 99%; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height: 2285px; background-color: rgb(202, 249, 195); top: -8%; } h2.index { font-size: 150%; width: 400px; color: #f268ea; } h1.start { font-size: 225%; color: #349718; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: absolute; top: 3%; float: right; left: 9%; height: auto; } #nav.start{ display: block; position: relative; width:90%; height: 60px; top:20px; left:-87px; } #sidebar { width: 27%; margin-top: 20px; margin-bottom: 10px; top: -517px; display: block; position: relative; height: 692px; left: 63%; font-size: 141%; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: 8%; top: 125%; display: inherit; width: 269px; margin-top: -13px; } #wechselbild3.cookie { left: -1%; top: auto; width: 108%; margin-bottom: 10px; position: relative; opacity: 0.5; margin: 0% 6%; float: left; display: inline-block; } header { width: 91%; margin-top: 4px; margin-bottom: 10px; top: -8%; display: block; position: relative; height: 400px; margin: 0 auto; } #wechselbild7{ display: none; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: 105px; right: 19%; float: right; } #wrapper{ width:1000px; height: auto; margin: 0 auto; } #main.start { width: 100%; height: auto; position: relative; top: -4%; left: 2px; } #tablegutsch.cookie { width: 74%; top: 5%; margin-top: 137px; margin-bottom: 10px; height: 350px; display: block; margin: 0 auto; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: 1%; } #absenden.bestaet{ display: block; float: right; left:57%; position: fixed; margin-top: 34%; height: auto; margin-left: 122px; width: 200px; padding-bottom: 8px; } h1.duostart { font-size: 100%; color: #00008000; width: auto; margin: 5px; text-shadow: 1px 1px 1px #f0f8ff00; left: 50px; } #main.index { background: #808080a3; height: 1200px; width: 1500px; top: auto; position: relative; margin-top: 48px; margin-left: -9%; margin: auto -20%; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; font-style: italic; position: absolute; top: 308px; left: 28%; font-family: serife; color: #ec30ec; text-shadow: 1px 1px 1px #34383c; } #zwischenbild2.cook { position: relative; width: 80%; margin-left: 9%; } #sprung.cookie{ display:none; } #herzlich1 { position: absolute; top: 80%; left: 23%; width: 704px; height: auto; margin-top: -10%; } #willk { position: relative; top: -68%; left: -24%; width: 71%; top: 69px; margin: 0 auto; bottom: 3%; } #zwischenbild2.cook{ position: relative; margin-top: 21px; margin-bottom: 20px; } #gutsch2.gutscheine { position: absolute; top: 5%; left: 69%; width: 28%; margin-bottom: 6px; margin-left: -5px; color: #504d4d; font-style: italic; opacity: 0.5; } #gutsch1.gutscheine { position: absolute; top: 82%; left: 64%; width: 25%; opacity: 0.5; } #navyquer.start { height: 28px; margin-bottom: 5px; position: relative; display: block; margin-top: -5%; margin-left: 1%; top: 15%; } #navyquer a:hover, #navyquer a:focus, #navyquer a:active #navyquer #aktuell { color: #f1ebeb; background-color: #6D2C72; border-radius: 8px; border: 2px ridge; height: auto; } #wechselbild2.advent { top: auto; width: 72%; height: 5%; position: absolute; margin-bottom: 20px; display: block; left: 21%; margin-top: 10%; margin-left: -137px; } #starttableindex.start { left: 17%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 38px; padding-top: 1%; width: 50%; padding-left: 2%; height: auto; top: 1%; font: 101% serif; } #wechselbild1.start { left:-2%; top: 1%; width: 72%; border: solid aliceblue; border-radius: 10px; background-color: #3b1e1b; padding: 2px; } #copy.passauf { width: 51%; text-decoration: none; display: block; height: auto; left: 487px; padding: 19px; top: 76px; margin-top: -90px; } #copy.raumstart { width: 49%; height: auto; margin-top: -5px; margin-left: 34px; margin-bottom: 1px; top: 307%; font: 93% serif; margin-bottom: 1px; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: -45%; display: block; padding: 20px 20px 20px 20px; font-weight: bold; font: 76%/1.6 sans-serif; } #copy.home { width: 41%; left: -9%; height: auto; padding: 11px; display: inline; text-align: center; top: 193%; margin-top: -130px; } #spruchstart { height: 86%; position: relative; padding: 1%; margin-left: 13px; margin-left: 3%; background-color: #99319099; width: 88%; left: 1%; display: block; margin-top: 50px; top: 307px; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -24px; } #footer.home{ position:relative; width:133%; height:auto; color: blue; top:1498px; margin-top:20px; display:inherit; left: -218px; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: -420px; left: 73%; float: right; width: 300px; text-align: center; display: none; } } @media screen and (max-width: 2048px) { #absenden.bestaet { margin-top: 43%; height: auto; margin-left: 122px; width: 200px; } } @media screen and (max-width:2000px) { #absenden.bestaet { top: -5%; } h3.duostart { color: rgb(91, 106, 185); display: inline; float: right; font: 1.4em sans-serif; margin: 20px -150px; padding-left: 17%; position: absolute; text-shadow: 3px 3px 3px rgba(107, 214, 160, 0.02); top: -6%; left: 3%; font-weight: bold; } wrapper.start{ position: relative; top:10px; width: 2000px; height: 100%; } #main.index { background: #808080a3; height: 99%; width: 108%; top: auto; position: relative; margin-top: 50px; margin-left: -1%; margin: 0 auto; } #navyquer ul.sub { position: absolute; left: -999em; top: -999em; display: inline; text-decoration: none; list-style-type: none; background: #ef7fe8; background: linear-gradient(to right, #ef7fe8 0%,#db4fde99 99%); border-radius: 8px; margin-top: -7px; margin-left: -60px; opacity: 1.0; } h2.muessen{ display: block; position: relative; width: 80%; top:-7%; margin-left:-19%; font:110%/1.4 sans-serif; text-shadow: 1px -1px 1px aliceblue; font-weight: bold; color:navy; text-align: center; margin-top: 10px; } #navyquer ul.top { display: block; border-radius: 10px; color: #fff0; width: 94%; clear: both; left: -22%; float: left; background: #add8e600; margin-left: 29%; top: -188%; position: relative; height: auto; } #gutsch3.gutscheine { position: absolute; top: 884%; left: 68%; width: 30%; } #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 2%; width: 83%; top: 122%; height: 115px; position: absolute; margin-left: 147px; } #starttableindex.recht{ display: block; position: relative; width: 58%; font:85%/1.4 sans-serif; background-color:#afb2b5; top: -7%; text-align: center; padding-left: 106px; text-shadow: 1px -1px 1px gray; } #starthome.recht{ position: relative; display: block; width: 95%; margin:-19px; text-align:center; left:-2%; color: #4d4d8f; } #starthome.recht { position: relative; display: block; width: 95%; margin: -19px; text-align: center; left: -2%; color: #4d4d8f; } input.absgs { border-radius: 8px; height: 57px; margin-left: -181px; margin-top: 53%; background-color: #e643c7bf; float: right; right: 1%; margin-bottom: 30px; width:214px; font-size: 90%; } #wrapper.start{ width: 99%; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height: 2285px; background-color: rgb(202, 249, 195); top: -8%; } h2.index { font-size: 150%; width: 400px; color: #f268ea; } h1.start { font-size: 225%; color: #349718; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: absolute; top: 3%; float: right; left: 9%; height: auto; } #nav.start{ display: block; position: relative; width:90%; height: 60px; top:20px; left:-87px; } #sidebar { width: 27%; margin-top: 20px; margin-bottom: 10px; top: -517px; display: block; position: relative; height: 692px; left: 63%; font-size: 141%; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: 8%; top: 125%; display: inherit; width: 269px; margin-top: -13px; } #wechselbild3.cookie { left: 0%; top: auto; width: 108%; margin-bottom: 10px; position: relative; opacity: 0.5; margin: 0 auto; float: left; } header { width: 91%; margin-top: 4px; margin-bottom: 10px; top: -8%; display: block; position: relative; height: 400px; margin: 0 auto; } #wechselbild7{ display: none; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: 105px; right: 19%; float: right; } #wrapper{ width:1000px; height: auto; margin: 0 auto; } #main.start { width: 100%; height: auto; position: relative; top: -4%; left: 2px; } #tablegutsch.cookie { width: 74%; top: 5%; margin-top: 137px; margin-bottom: 10px; height: 350px; display: block; margin: 0 auto; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: 1%; } #absenden.bestaet{ display: block; float: right; left:57%; position: fixed; margin-top: 38%; height: auto; margin-left: 122px; width: 200px; } h1.duostart { font-size: 100%; color: #00008000; width: auto; margin: 5px; text-shadow: 1px 1px 1px #f0f8ff00; left: 50px; } #main.index { background: #808080a3; height: 1200px; width: 1500px; top: 5%; position: relative; margin-top: 5%; margin-left: -1%; margin: 0% -31%; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; font-style: italic; position: absolute; top: 308px; left: 28%; font-family: serife; color: #ec30ec; text-shadow: 1px 1px 1px #34383c; } #zwischenbild2.cook { position: relative; width: 80%; margin-left: 9%; } #sprung.cookie{ display:none; } #willk { position: relative; top: -68%; left: -24%; width: 71%; top: 69px; margin: 0 auto; bottom: 3%; } #zwischenbild2.cook{ position: relative; margin-top: 21px; margin-bottom: 20px; } #gutsch2.gutscheine { position: absolute; top: 5%; left: 69%; width: 28%; margin-bottom: 6px; margin-left: -5px; color: #504d4d; font-style: italic; opacity: 0.5; } #gutsch1.gutscheine { position: absolute; top: 82%; left: 64%; width: 25%; opacity: 0.5; } #navyquer.start { height: 28px; margin-bottom: 5px; position: relative; display: block; margin-top: -5%; margin-left: 1%; top: 15%; } #navyquer a:hover, #navyquer a:focus, #navyquer a:active #navyquer #aktuell { color: #f1ebeb; background-color: #6D2C72; border-radius: 8px; border: 2px ridge; height: auto; } #wechselbild2.advent { top: auto; width: 72%; height: 5%; position: absolute; margin-bottom: 20px; display: block; left: 21%; margin-top: 10%; margin-left: -137px; } #starttableindex.start { left: 17%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 38px; padding-top: 1%; width: 50%; padding-left: 2%; height: auto; top: 1%; font: 101% serif; } #wechselbild1.start { left:-2%; top: 7%; width: 62%; left: 17%; } #copy.passauf { width: 51%; text-decoration: none; display: block; height: auto; left: 487px; padding: 19px; top: 76px; margin-top: -90px; } #copy.raumstart { width: 49%; height: auto; margin-top: -5px; margin-left: 34px; margin-bottom: 1px; top: 307%; font: 93% serif; margin-bottom: 1px; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: -45%; display: block; padding: 20px 20px 20px 20px; font-weight: bold; font: 76%/1.6 sans-serif; } #copy.home { width: 41%; left: -9%; height: auto; padding: 11px; display: inline; text-align: center; top: 193%; margin-top: -130px; } #spruchstart { height: 86%; position: relative; padding: 1%; margin-left: 13px; margin-left: 3%; background-color: #99319099; width: 88%; left: 1%; display: block; margin-top: 50px; top: -2%; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -24px; } #footer.home{ position:relative; width:133%; height:auto; color: blue; top:1498px; margin-top:20px; display:inherit; left: -218px; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: -420px; left: 73%; float: right; width: 300px; text-align: center; display: none; } } @media screen and (max-width:1850px) { p.recht { width: 41%; padding: 6% 12% 3% 8%; top: 24%; left: -5%; } h2.duostart{ font-size:140%; left:0%; color: #e86be8; padding: 5px 5px 5px 57px; background: white; width: 80%; top: 1%; } #absenden.bestaet { left: 52%; height: 30px; } #navyquer.cookie { margin-top: -280px; left: 2%; width: 83%; top: 122%; height: 115px; margin-left: 147px; } } @media screen and (max-width:1600px) { header.cookie { margin: 10px 22%; top: 10px; height: 7%; left: -23%; } h2.muessen { margin-top:10px; } p.recht { width: 49%; padding: 5% 9% 4% 7%; } #navyquer.cookie { left:-1%; top: 78%; } #gutsch2.gutscheine { position: absolute; top: 5%; } #navyquer.cookie ul.top { left: -30%; float: left; top: -601%; margin-left: 26%; } h2.index { font-size: 150%; width: 400px; color: #f268ea; top:140px; } #wechselbild3.cookie { position: relative; left: 10%; top: 9%; width: 96%; opacity: 0.5; margin: 0 auto; } #starttableindex.start { left: 14%; position: absolute; margin-top: 22px; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 67px; padding-top: 1%; width: 50%; padding-left: 2%; height: auto; top: auto; font: 101%/1.2 serif; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: 14px; left: 26%; float: right; width: 144px; padding-right: 10px; } #tablegutsch.cookie { width: 74%; top: 75px; margin-top: 137px; margin-bottom: 10px; height: auto; margin: auto; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: -13px; } #main.index { background: #808080a3; height: 92%; width: 85%; left: 9%; top: 1%; position: relative; margin: 0 auto; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 136%; font-style: italic; position: absolute; top: 68%; left: 28%; } #navyquer .top > li { float: left; background-color: rgba(231, 135, 232, 0.91); box-shadow: -0px 5px 5px #008000b3; position: relative; padding: 7px 6px; margin-bottom: 3px; width: 160px; top: 220px; left: 7%; margin: 0 auto; } #willk { position: relative; left: 60%; width: 60%; top: -12px; margin: 0 auto; bottom: 3%; } #spruchstart { height: 479px; position: relative; margin-left: 61px; margin-right: 3%; background-color: #99319066; width: 98%; left: -19%; display: block; margin-top: -86%; top: auto; } #rankefuss { display: inline; position: absolute; top: 36%; left: 38%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } #wechselbild1.start { left: -39%; padding-bottom: 30px; top: -7%; width: 103%; } #wrapper{ width: 94%; background-color:#caf9c3; padding:1%; margin: 0 auto; display:block; position:relative; height:1261px; } #main { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; } header{ height: 312px; width: 76%; position: relative; margin-top: 0%; margin-bottom: 10px; display: block; left: -4%; background: #add8e600; top: -3%; } #herzlich1 { margin-top: -4%; left: -9%; margin-bottom: 20px; height: 201px; position: relative; top: -35px; } #dreieck{ position:relative; top:21%; left: -122px; } h5 { font: 130% bold,italic; left: 17%; position: relative; top: 50%; } #starttableindex { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; margin-top: 192px; } #sidebar{ width:25%; height:457px; float:right; position:relative; padding: 32px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEE6; margin-bottom: 2px; margin-top: 2%; left: -5%; top: -1%; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 11px; } #nav.start{ float:left; width:80%; position: relative; font-size: 94%; margin:0 auto; margin-top: -333px; left: 3%; height: 48px; background-color: #80e7859c; top: 125%; letter-spacing: 3px; } #navyquer.start { width: 99%; position: relative; margin-top: 9px; float: left; left: 7%; top: -397%; } #main{ width:100%; float:left; background-color: #caf9c3; margin-top:153px; margin-bottom: 10px; height:auto; } #main.start { width: 100%; top: -18px; margin-top: 5%; background: #add8e600; position: relative; margin-left: 7%; height: 1000px; } #sidebar1{ width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #footer.start{ top: 0%; clear:both; width:100%; background-color: #9194CF4A; position:relative; margin-top: 8px; margin-bottom: 5px; height: 175px; } #copy.home { width: 80%; left: -24%; margin-top: 2%; padding: 9px; top: auto; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: -9%; display: inline-block; width: 78%; padding-top: 37px; padding-left: 20px; padding-right: 20px; top: 49px; margin-top: -15px; height: auto; padding-bottom: 51px; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: -3%; display: inherit; width: 73%; padding-top: 37px; padding-left: 20px; padding-right: 20px; top: 531px; margin-top: -15px; height: auto; padding-bottom: 51px; } #copy.passauf { width: 98%; text-decoration: none; display: block; height: auto; text-align: center; left: -142px; top: 76px; padding: 19px; display: none } #footer.home{ position:relative; width:75%; height:200px; color: blue; top:120%; margin-top:10px; margin-left: 7%; display: inherit; background: #0000; left: 173px; } } @media screen and (max-width: 1550px) { p.recht { width: 52%; padding: 8% 4% 7% 7%; left:-2%; top: 40%; margin: -17% 18%; } } @media screen and (max-width:1500px) { #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 17%; width: 90%; top: 76%; height: 115px; position: absolute; margin-left: 147px; } #wechselbild3.cookie { margin-left: 10px; top: auto; width: 92%; opacity: 0.5; } #navyquer .top > li { float: left; padding: 7px 6px; margin-bottom: 3px; width: 148px; top: 220px; left: -11%; margin: 0 auto; } header { height: 312px; width: 72%; margin-top: 1%; margin-bottom: 10px; left: -4%; top: auto; margin: 0 auto; } #wechselbild2.advent { top: 8%; margin-bottom: 2px; width: 86%; height: 5%; margin: 0 auto; margin-bottom: 0px; position: relative; margin-bottom: 20px; display: block; align-content: center; left: 121px; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; left: -6%; width: 73%; top: 133%; margin-top: -15px; height: auto; } #zwischenbild2.cook { position: relative; margin-top: 21px; margin-bottom: 20px; width: 60%; display: block; left: 56px; } h1.duostart { font-size: 100%; color: #00008000; width: 700px; margin: -15px; text-shadow: 1px 1px 1px #f0f8ff00; left: 5%; top: 14px; position: relative; margin-bottom: 10px; } #tablegutsch.cookie { width: 57%; top: 75px; margin-top: 137px; margin-bottom: 10px; height: 263px; display: block; margin: auto; } #nav.start { float: left; width: 95%; margin-top: 10%; margin-bottom: 10px; position:relative; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: 3%; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: 1%; left: 12%; float: right; width: 46%; text-align: center; } #starthome{ width: 123%; left: 102px; position: relative; display: inherit; align-content: center; margin-left: -222px; margin-top: 10px; text-align: center; font: 122%/1.4 sans-serif; } h5 { font: 130% bold,italic; margin-left: 12%; position: relative; margin-top: 3%; } #navyquer.start { width: 138%; margin-bottom: 5px; position: relative; display: block; margin-top: -31%; left: -30%; top: 44px; } #starttableindex.start { left: 9%; position: relative; margin-top: -19%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 38%; padding-left: 13%; height: auto; top: 33%; } starttableindex { left: 1%; position: relative; margin-top: 2%; float: left; top:18%; } #footer { top: -13%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; } } @media screen and (max-width: 1450px) { #navyquer.cookie { margin-top: -280px; left: 14%; top: 77%; margin-left: 147px; } #absenden.bestaet { margin-top: 29%; } } @media screen and (max-width:1400px){ #main.index { background: #808080a3; height: 104%; width: 83%; margin: 1% auto; top: -4%; position: relative; left: 1%; } #absenden.bestaet { margin-top: 41%; } #navyquer.cookie ul.top { left: -40%; float: left; top: -424%; margin-left: 26%; } #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 17%; width: 90%; top: 76%; } #starttableindex.recht { width: 58%; font: 80%/1.4 sans-serif; background-color: #afb2b5; top: 3%; text-align: center; padding-left: 106px; } h6.duostart { margin-top: 55px; margin-left: -1px; font-size: 136%; font-style: italic; position: absolute; top: 68%; left: 32%; margin-bottom: 24px; } #spruchstart { height: 59%; position: relative; padding: 1%; margin-left: 13px; margin-left: 3%; background-color: #99319099; width: 28%; left: 6%; display: block; margin-top: 50px; top: 307px; } #wechselbild3.cookie { left: -2%; top: auto; width: 100%; margin-bottom: 10px; position: relative; opacity: 0.5; } #starthome.start { width: 110%; left: 9px; position: relative; display: inherit; margin-left: -66px; margin-top: 10px; text-align: center; font: 116%/1.4em sans-serif; } #starttableindex.start { left: 3%; position: relative; margin-top: -49%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 38%; padding-left: 13%; height: auto; top: 60%; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: 8%; top:125%; display: inherit; width: 269px; margin-top: -13px; } #wechselbild2.advent { top: 8%; margin-bottom: 2px; width: 87%; height: 5%; margin: 0 auto; left: 56px; } #navyquer.start { width: 138%; margin-bottom: 5px; position: relative; display: block; margin-top: -38%; margin: 0 auto; margin-left: auto; left: -64%; top: -721px; } #wrapper { width: 96%; height:1113px; left: 6%; } header{ height:324px; width: 98%; margin-bottom: 10px; } #main{ width:100%; height: 672px; top: -2%; } header{ height:287px; width: 87%; margin-bottom: 10px; left: 0%; position: relative; top: -7px; margin-top: 10px; } #herzlich1 { position: relative; margin-top: -11%; left: 9%; width: 60%; } #willk { position: relative; left: -6%; width: 81%; top: 10px; bottom: 3%; margin-top: 10px; } #nav.start { float: left; width: 95%; margin-top: 10%; margin-bottom: 10px; position:relative; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: 7%; height: 20px; } #nav.start { background-color: green; } #navyquer.start { width: 160%; margin-bottom: 5px; position: relative; display: block; margin-top: -5%; margin-left: -4%; } #starttableindex { margin-top: 120px; position: relative; margin: 0 auto; width: 45%; margin-bottom: 10px; margin-top: 33px; } #sidebar{ width:23%; height:454px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: -1%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -14%; } #tablefuss { width: 36%; position: absolute; top: 53%; left: 2%; } #footer{ top:-1%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; } } 1366 x768 @media screen and (max-width: 1366px) { p.recht { margin-top: 69%; } } @media screen and (max-width: 1366px) { #absenden.bestaet { margin-top: 36%; left: 53%; } } @media screen and (max-width: 1350px) { #absenden.bestaet { margin-top: 46%; left: 53%; } } @media screen and (max-width:1300px) { #gutsch2.gutscheine { position: absolute; top: 2%; left: 79%; width: 18%; } h2.duostart { font-size: 118%; left: -6%; padding: 5px 5px 5px 57px; width: 77%; top: -11%; text-align: center; } input.absgs{ margin-top:55%; } #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 70%; width: 20%; top: 86%; } #main.index { background: #808080a3; height: 91%; width: 83%; margin-left: 7%; top: 2%; position: relative; } #starttableindex.recht{ top:2%; } #tablegutsch.cookie { width: 57%; top: 75px; margin-top: 137px; margin-bottom: 10px; height: 263px; margin: auto; font:100%/1.4 sans-serif; } #main.start { width: 100%; top: 2%; margin-top: 8%; background: #add8e600; position: relative; margin-left: 7%; height: 1100px; } #wechselbild1.start { left: -20%; padding-bottom: 30px; top: -13%; width: 103%; } #spruchstart { height: 93%; position: relative; margin-left: 61px; margin-right: 3%; background-color: #99319066; width: 98%; right: 15%; display: block; margin-top: -47%; top: auto; } #starthome { width: 110%; left: 91px; position: relative; display: inherit; align-content: center; margin-left: -252px; margin-top: 10px; text-align: center; font-size: 103%; font-family: serife; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; top: 34px; left: 16%; float: right; } #wechselbild3.cookie { left: 8%; top: auto; width: 81%; margin-bottom: 10px; position: relative; } #wrapper { width: 100%; height:1000px; left: 2px; margin-left: 41px; } #starthome { width: 92%; left: 50%; position: relative; display: inherit; align-content: center; margin-left: -52%; margin-top: 10px; text-align: center; } #willk { position: relative; left: -11%; width: 81%; top: 2px; bottom: 3%; margin-top: 10px; } #nav { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -2923%; margin: 0 -6%; left: -17%; } #dreieck { position: absolute; top: 99%; left: -5%; } #navyquer.start { width: 160%; margin-bottom: 5px; position: relative; display: block; margin-top: -6%; margin-left: -7%; margin: 0 auto; top: -1570%; } #starttableindex { margin-top: 120px; padding-right: 2%; position: relative; margin: 0 auto; left: 2%; width: 51%; margin-bottom: 10px; top: 11px; } #sidebar{ position: relative; width: 31%; height: 485px; color: blue; top: 20px; margin-top: -26px; } #footer.home { position: relative; width: 90%; height: auto; color: blue; top: auto; margin-top: 20px; left: 41px; margin-left: 21%; } #copy.home { width: 80%; margin: 20% auto; margin-top: 20%; left: 2%; margin-top: 1%; padding: 9px; top:200px; margin-left: -21%; } #footer.home { position: relative; width: 69%; height: auto; color: blue; top: auto; margin-top: 20px; left: 41px; margin-left: 21%; } } @media screen and (max-width: 1250px) { #absenden.bestaet { margin-top: 48%; left: 59%; } p.recht { width: 37%; padding: 5% 12% 7% 14%; margin: -37% 18%; } } @media screen and (max-width: 1280px) { #absenden.bestaet { margin: 38% 5%; } } @media screen and (max-width:1200px) { #absenden.bestaet { margin:48% -7%; } #navyquer.cookie { margin-top: -280px; float: left; display: block; left: 70%; width: 20%; top: 75%; } p.recht { width: 37%; padding: 5% 12% 7% 14%; margin: -41% 7%; } #main.index { height: 78%; width: 87%; margin-left: 1%; top: auto; position: relative; margin-top: 16px; margin: -35px auto; left: 5%; } #starthome.recht { font:90%/1.4 sans-serif; margin-left:-2%; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 136%; font-style: italic; position: absolute; top: 68%; left: 32%; } #starthome { width: 107%; left: 33%; position: relative; display: inherit; align-content: center; margin-left: -52%; margin-top: 10px; text-align: center; } #footer.start { clear: both; width: 93%; background-color: #9194CF00; position: relative; top: 211px; margin-bottom: 5px; height: 147px; left: -21px; } #spruchstart { height: 94%; position: relative; margin-left: 22px; margin-right: 6%; background-color: #99319066; width: 99%; left: -5%; display: block; margin-top: -48%; top: -30px; } #wechselbild3.cookie { top: auto; width: 100%; margin-bottom: 10px; position: relative; margin: 0 auto; left: 5%; } #gutsch1.gutscheine { position: absolute; top: 226px; left: 507px; width: 25%; } #tablegutsch.cookie { width: 66%; top: 75px; margin-top: 137px; margin-bottom: 10px; height: 250px; display: block; align-content: center; margin: auto; padding: 37px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: -2%; } #sprung { background: linear-gradient(to right, #ef7fe8b3 0%,#e93ceccc 99%); color: #0ffc; height: 35px; padding-top: 8px; border-radius: 10px; width: 117px; margin-top: 21%; padding-left: 37px; position: absolute; top: -3%; display: inline; float: right; right: 20px; margin-right: 20px; } #willk { position: relative; left: -14%; width: 81%; top: 4%; bottom: 3%; margin-top: 10px; margin-left: 29px; } #navyquer, #nav{ display:none; } #nav.fuss, #navyquer.fuss, #navileiste { display:none; } #navyquer.cookie ul.top{ top:-264%; } #main{ width:100%; position: relative; top: 2%; margin-top:14px; height: auto; margin-bottom: 20px; } header{ height: 341px; width: 77%; margin-bottom: 10px; margin-top: 3px; margin: 0 auto; left: -7%; } #dreieck { position: relative; margin-top: -19%; left: -7%; } #herzlich1 { position: relative; top: -18px; width: 60%; margin-top: 5px; margin-bottom: 55px; left: 6%; height: 180px; } #starttableindex { text-align: center; padding-left: 7%; position: relative; margin-bottom: 0px; left: 5%; width: 47%; top: 2%; } #sidebar{ width:29%; height:452px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: -15%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -9%; } #tablefuss { width: 50%; position: absolute; top: 46%; left: 4%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #footer{ top: 1%; clear:both; width:102%; background-color: #CAF9C3; position:relative; margin-top: 5px; margin-bottom: 5px; } } @media screen and (max-width:1115px) { #navyquer .top > li { left:-11%; } #navyquer .top > li { margin-bottom: 3px; width: 142px; top: 220px; left: -12%; margin: 0 auto; } p.recht { padding: 7% 8% 7% 7%; left: -4%; top: 23%; margin: -34% 14%; } header { height: 300px; width: 94%; margin-bottom: 10px; margin-top: 3px; margin: 0 auto; left: -7%; } #startrecht { font: 92%/1.4rem sans-serif; top: 7px; position: relative; left: 1px; } #navyquer.cookie .top > li { margin-bottom: 3px; width: 147px; top: 220px; left: -12%; margin: 0 auto; } #main{ width:100%; height: auto; } #main.index { background: #808080a3; height: 75%; width: 93%; top: 1%; position: relative; margin: 0 auto; left: 0%; padding-bottom: 11%; } #dreieck { position: absolute; top: 64%; left: 12px; } #wechselbild3.cookie { left: 4%; top: 9%; width: 96%; margin-bottom: 10px; position: relative; } #copy.home { width: 43%; margin: 20% auto; margin-top: 20%; margin-top: 20%; left: -6%; margin-top: 1%; padding: 9px; top: -5px; } #starttableindex.start { left: 9%; position: relative; margin-top: -49%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 53%; padding-left: 13%; height: auto; top: 21%; } #willk { position: relative; left: -33%; width: 81%; top: -187px; bottom: 3%; margin-top: 168px; margin-left: 29px; } #sprung { margin-top: -26%; float: left; margin-left: 0%; } #herzlich1 { position: relative; top: -11%; left: 17%; width: 60%; margin: 0 auto; } #sprung{ display: block; top: -2%; float: left; position:relative; left: 861px; margin-top: -20%; } #sprung.start { display: block; top: -49%; float: left; position: relative; left: 73%; margin-top: 5%; margin-right: 70%; } #dreieck{ position:absolute; top:79%; left: -7%; } #navyquer, #nav{ display:none; } #starttableindex { text-align: center; padding-right: 2%; position: relative; margin: 0 auto; left: 4%; width: 58%; margin-bottom: 10px; margin-top: 2%; top: 4%; } #sidebar{ width:33%; height:452px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 12%; margin-bottom: 2px; margin-top:-13px; top: 24%; } #footer{ top:1%; clear:both; width:100%; background-color: #C5FFB5; position:relative; margin-top: 5px; margin-bottom: 5px; } } @media screen and (max-width: 1100px) { input.absgs { border-radius: 8px; height: 57px; margin-left: -117%; margin-top: 57%;} } @media screen and (max-width: 1050px) { body, html { font: 104% serif; background-color: #caf9c3; background-image: url(hintergrund_site_ganzneu.png); background-repeat: no-repeat; padding: 5px; margin: auto; height: auto; margin-bottom: 15px; left: -21px; position: relative; } #absenden.bestaet { margin: 51% -10%; } #dreieck { position: relative; left: -63px; margin-top: -9%; } #navyquer.cookie .top > li { margin-bottom: 3px; width: 147px; top: 220px; left: -42%; margin: 0 auto; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 136%; top: 78%; left: 32%; } #main.index { height: 91%; width: 102%; margin-left: 5%; top: 0%; left: -5%; } #willk { position: relative; left: auto; width: 114%; top: -34%; bottom: 3%; margin-top: 10px; margin-left: -29px; } #tablegutsch.cookie { width: 74%; top: 38px; margin-top: 137px; margin-bottom: 10px; height: 294px; display: block; margin: auto; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: 2%; } #main{ width:100%; top: 4%; } #wechselbild3.cookie { left: 3%; top: auto; width: 80%; margin-bottom: 10px; position: relative; } header{ height:29%; width: 94%; margin-bottom: 10px; top:1%; left: -4px; } #herzlich1 { position: relative; top: 4%; left: -2%; width: 60%; } #navyquer.cookie { margin-top: -25px; float: left; display: block; left: 59%; width: 23%; top: 44%; } #nav{ display:none; } #sprung { display: block; float: right; margin-bottom: 20px; margin-top: 12%; left: -5%; margin-top: 21%; } #starttableindex.start { text-align: center; margin-top: 120px; padding-right: 2%; position: relative; margin: 0 auto; left: 4%; width: 51%; margin-bottom: 10px; margin-top: 41px; top: auto; } #sidebar{ width:83%; height:452px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 2%; margin-bottom: 2px; margin-top:15px; margin: 0 auto; top: 4%; } #footer{ top: 7%; clear:both; width:100%; position:relative; margin-top: 5px; margin-bottom: 5px; } } @media screen and (max-width: 1024px) { h2.duostart { font-size: 118%; left: 7%; width: 65%; } p.recht { padding: 7% 8% 7% 7%; left: -6%; top: 23%; margin: -7% 14%; width: 39%; } #absenden.bestaet { margin: 55% -12%; height: 30px; margin-top: 33%; } } @media screen and (max-width:950px){ h1.duostart{ width: 70%; } #absenden.bestaet { height: 29px; margin: 19% -18%; } h2.duostart { font-size: 118%; left: 7%; width: 65%; top: -7%; } input.absgs { font:90%/ sans serif; text-shadow: -1px 1px 1px #c2c2e7e8; font-weight: bold; height: 57px; margin-left: -19%; margin-top: 56%; } p.recht { padding: 5% 4% 5%; left: -12%; top: 22%; width: 44%; } #wrapper { width: 96%; left: -4px; margin-left: 41px; top:2%; margin-top:10px; position: relative; } #wechselbild3.cookie { left: 2%; top: auto; width: 93%; margin-bottom: 10px; position: relative; } #wrapper.start { width: 99%; padding: 1%; margin: 0 auto; margin-left:15px; } #starthome.recht { font: 90%/1.4 sans-serif; margin-left: -2%; } #navyquer.cookie .top > li { margin-bottom: 3px; width: 147px; left: -49%; margin: 0 auto; } #starthome.start { width: 90%; left: 24px; position: relative; display: inherit; margin-left: -6px; margin-top: 10px; text-align: center; font: 116%/1.4em sans-serif; } header { height: 249px; width: 100%; margin-bottom: 10px; top: 0%; left: -1%; margin-top: 20px; } #navyquer .top > li { margin-bottom: 3px; width: 112px; top: 220px; left: 8%; margin: 0 auto; } #tablegutsch.cookie { width: 74%; top: 38px; margin-top: 137px; margin-bottom: 10px; height: auto; margin: auto; padding: 39px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: 2%; font: 87%/1.4 sans-serif; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 13px; } #gutsch2.gutscheine { position: absolute; top: 3%; left: 74%; width: 24%; margin-bottom: 6px; margin-left: -5px; color: #504d4d; font-style: italic; } #main.start { width: 98%; top: auto; margin-top: 5%; background: #add8e600; position: relative; margin-left: 0%; height: 1000px; left: 50px; } #willk { position: relative; width: 56%; top: -9%; bottom: 3%; margin-top: 10px; margin-left: 61px; margin: 0 auto; left: -10%; top: -49%; width: 114%; } #starthome { width: 105%; left: 41%; position: relative; display: block; align-content: center; margin-left: -52%; margin-top: 10px; text-align: center; } #starttableindex.start { text-align: center; margin-top: 120px; padding-right: 2%; position: relative; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; left: 4%; width: 51%; margin-bottom: 10px; margin-top: 11px; top: auto; } #dreieck { position: relative; top: 64%; left: 12px; } #main{ width:100%; top: 0%; height: 751px; } #sprung.start { display: block; top: 66%; position: relative; left: 17%; margin-top: 3%; margin-right: 70%; width: 500px; } #copy.raumstart { font: 88% serif; margin-bottom: 1px; opacity: 0.6; text-align: center; text-decoration: none; list-style-type: none; position: relative; left: -27%; display: inline-block; width: 93%; padding-top: 37px; padding-left: 20px; padding-right: 20px; top: 477px; margin-top: -15px; height: auto; padding-bottom: 51px; } #sidebar{ width:23%; height:377px; float:left; position:relative; padding: 20px; background-color: #DDEFDEB3; left: 4%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -5%; left: 7%; } #spruchstart { height: 82%; position: relative; padding: 3%; margin-left: 12px; margin-right: 3%; background-color: #fff; width: 94%; right: 6%; display: block; margin-top: 2%; font-size: 79%; top: -217px; } #wechselbild1.start { left: -6%; top: -11%; width: 352px; height: 40%; } #sprung{ display:block; top:75%; float: right; right: -2%; left: 3%; margin-top: 101px; } #nav, #navyquer.start { display:none; } #herzlich1 { position: relative; width: 60%; top: -3%; background: #add8e600; margin: 0 auto; } #dreieck { margin-left: 4%; max-width: 200px; left: -1%; top: 125%; position: absolute; } #footer{ top: 0%; clear:both; width:100%; position:relative; margin-top: -13px; margin-bottom: 5px; height: 150px; } #copy.home { width: 93%; left: -21%; height: auto; } } @media screen and (max-width:900px) { h1.duostart { font-size: 100%; color: #00008000; width: 70%; margin: -15px; margin-bottom: 15px; text-shadow: 1px 1px 1px #f0f8ff00; left: 3%; top: 14px; } #absenden.bestaet { height: 29px; margin: 21% -20%; } #starttableindex.recht { top: 2%; width: 72%; padding: 6% 1% 1% 1%; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; font-style: italic; position: absolute; top: 172px; left: 36%; } #navyquer.cookie .top > li { margin-bottom: 3px; width: 147px; left: -54%; margin: 0 auto; top: 530px; } #navyquer.cookie ul.top { top: -470%; left: 32%; } wechselbild7{ display: none; } #wechselbild3.cookie { left: 3%; top: auto; width: 95%; margin-bottom: 10px; position: relative; margin: 0 auto; } #wechselbild2.advent { top: -10%; margin-bottom: 2px; width: 109%; height: 5%; margin: 0 auto; left: 1px; } #wrapper.cookie{ height:900px; } #starttableindex.start { width: 80%; top: -36%; margin-top: 35%; left:2px } #starthome { width: 88%; left: 43%; position: relative; display: block; align-content: center; margin-left: -37%; margin-top: 10px; text-align: center; margin-bottom: 36px; } #herzlich1 { position: relative; left: 20%; width: 60%; margin-top: -3%; } #willk { position: relative; left: -1%; width: 73%; top: auto; bottom: 3%; margin-top: 10px; margin-left: 29px; } #dreieck { position: relative; top: 271%; left: 12px; } #main{ width:100%; top: -72%; margin-top: -86px; } #main { width: 100%; top: 1%; margin-top: 20%; background: #add8e600; } header{ height:250px; width: 94%; margin-bottom: 10px; top: 1%; position: relative; left: 1%; margin: 0 auto; } #herzlich1 { position: relative; left: 0%; width: 60%; margin: 0 auto; top: -46px; height: 115px; margin-bottom: 9px; } #sprung { display: block; float: right; margin-right: 7%; top: 201px; } #sidebar { width: 88%; height: 321px; float: left; position: relative; padding: 20px; background-color: #DDEFDEB3; margin-bottom: 12px; margin-top: 5px; top: 5%; left: -3%; } #spruchstart { height: 87%; position: relative; padding: 3%; margin-left: -3px; margin-right: 3%; background-color: #fff; width: 93%; left: 2%; display: block; margin-top: 3%; font-size: 79%; } #nav, #navyquer.start { display:none; } #dreieck { margin-left: 4%; max-width: 200px; left: 0%; position: absolute; top: 79%; } #starttableindex.start{ width:88%; margin-top: 1%; height: auto; left: -20px; padding-bottom: 79px; top: auto; padding-left: 10px; } #wasser { position: relative; margin: -9% auto; font-size: 119%; width: 26%; padding-top: 93%; top: -160%; left: 139px; } #sprung { display: block; margin-top: 3%; float: right; margin-right: 16%; } #copy.raumstart { width: 91%; text-decoration: none; height: auto; text-align: center; left: -35px; top: 334px; display: inherit; margin-top:21px; padding: 39px; } #footer{ top: 0%; clear:both; width:100%; position:relative; margin-top: 5px; margin-bottom: 5px; } #copy.home { width: 86%; height: auto; margin-top: 20px; top: -20px; } #footer.home { position: relative; width: 104%; height: auto; color: blue; top: 31%; margin-top: 20px; left: 41px; margin-left: 21%; } } @media screen and (max-width:850px) { #herzlich1 { position: relative; top: 4%; left: 8%; width: 60%; } p.recht { padding: 5% 6% 7%; top: 33%; } header { height: auto; width: 98%; margin-bottom: 10px; top: 1%; position: relative; left: -7px; } h1.duostart { font-size: 100%; color: #00008000; width: 70%; margin: -15px; margin-bottom: -15px; left: 50px; top: 14px; margin-bottom: 10px; } #wrapper { height: 998px; } #copy.raumstart { width: 96%; text-decoration: none; display: block; height: auto; text-align: center; top: 581px; margin-left: 4px; height: 50px; left: -9%; padding-bottom: 81px; margin-bottom: 10px; } #main{ width:100%; margin-top: 5px; margin-bottom: 10px; height: 1158px; top: auto; } #main.start { width: 105%; top: 10%; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 1400px; margin-top: -10%; } #willk { position: relative; left: -22%; width: 114%; top: -3%; bottom: 3%; margin-top: 10px; margin-left: 29px; } #sprung.cookie { display: none; float: left; margin-left: -57%; top: -23px; margin-top: -131px; width: 279px; text-align: center; padding-right: 20px; color: darkblue; opacity: 0.6; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; top: 46%; left: 24%; color: #ec30ec; text-shadow: 1px 1px 1px #34383c; opacity: 0.7; font-size: 134%; } #footer.home { position: relative; width: 62%; height: 180px; color: blue; top: 168px; margin-top: 38px; margin-left: 21%; } #sprung.start { display: block; top: 29%; float: right; position: absolute; left: 4%; margin-top: 21%; margin-left: 8%; } #herzlich1 { position: absolute; margin-top:-1%; left: 19%; width: 57%; top: 6%; height: auto; } #header { height: 264px; width: 102%; margin-bottom: 10px; } #willk { position: relative; left: -11%; width: 114%; top: 4px; bottom: 3%; margin-top: 16px; } #tablegutsch.cookie { width: 65%; top: 22px; margin-top: 137px; margin-bottom: 10px; height: 237px; display: block; align-content: center; margin: auto; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; left: 2px; font-size: 105%; color: black; } #wechselbild3.cookie { left: 4%; top: auto; width: 91%; margin-bottom: 10px; position: relative; opacity: 0.5; } #wechselbild2.advent { top: -13%; width: 99%; height: 72px; margin: 0 auto; left: 21px; } #navyquer.cookie { margin-top: -280px; float: left; display: block; align-content: center; left: -115px; width: 90%; top: auto; } #navyquer.cookie { margin-bottom: 5px; position: relative; display: block; margin-top: -47%; margin-left: -51%; margin: 0 auto; top: -66px; } #dreieck { margin-left: 4%; max-width: 200px; left: 0%; top: 75%; position: absolute; } #navyquer.cookie { margin-top: -406px; float: left; display: none; left: -129px; width: 137%; top: auto; } #sidebar { width: 81%; height: 252px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; left: -1%; margin-bottom: 2px; margin-top: -68px; margin-left: 37px; } #spruchstart { height: 89%; position: relative; padding: 3%; margin-left: -7px; margin-right: 3%; background-color: #fff; width: 93%; right: 2%; display: block; margin-top: -31%; font-size: 79%; top: auto; } #starttableindex.start{ width: 82%; height: auto; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDED6; left: -1%; margin-bottom: 17px; margin-top: 7%; margin-left: 14px; top: auto; font: 127% sans-serif; } #sidebar { width: 81%; height: 300px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; left: -3%; margin-bottom: 2px; margin-top: -10px; margin-left: 37px; top: auto; } #home{ text-align:center; width:500px; } #wechselbild1.start { left: 4%; top: -8%; width: 47%; } #sidebar1{ width: 88%; height: 478px; top: 39%; margin-top: 10px; margin-bottom: 10px; left: -4%; } #gutsch1.gutscheine { position: absolute; left: 62%; width: 32%; top: 197px; opacity: 0.6; } #wasser { position: relative; font-size: 98%; width: 45%; padding-top: 114%; margin-left: 227px; top: -595px; font: 161% /1.2em sans-serif; } #sprung{ display:block; float: left; margin-right: 3%; left: 65%; top: 108px; } #nav{ display:none; } #footer{ top: -126px; clear:both; width:74%; position:relative; margin-top: -45px; margin-bottom: 5px; background-color: #f0f8ff00; left: 162px; } #copy.home { width: 125%; text-decoration: none; height: auto; text-align: center; left: -178px; top: 434px; padding: 27px; display: inherit; margin-top:59px; } #copy.raumstart { width: 91%; text-decoration: none; height: auto; text-align: center; left: -13px; top: 117%; padding: 30px; display: inherit; margin-top:42px; margin-bottom: 10px; font: 116% sans-serif; } } @media screen and (max-width: 844px) { p.recht { width: 40%; padding: 5% 4% 5%; left: -12%; top: 28%; font:120%/1.4 sans-serif; } #absenden.bestaet { height: 29px; margin: 21% -20%; } } @media screen and (max-width: 820px) { p.recht { width: 70%; padding: 6% 8% 7%; left: -9%; top: 32%; } } @media screen and (max-width: 800px) { p.recht{ padding: 11% 7% 13%; } header.cookie { width: 100%; margin-top: 10px; margin-bottom: 10px; top: -5px; display: block; position: relative; height: 16%; } #main.index { height: 91%; width: 103%; margin-left: 5%; top: 5%; left: -5%; } #starthome.recht { font: 90%/1.4 sans-serif; margin-left: -2%; text-align: center; margin:8% 11% auto 9%; width: 85%; } #absenden.bestaet { margin-left: 2%; height: 50px; margin-top: 67%; } input.absgs { font: 90%/ sans serif; text-shadow: -1px 1px 1px #c2c2e7e8; font-weight: bold; height: 57px; margin-left: -19%; margin-top: 60%; } } @media screen and (max-width:750px) { p.recht { width: 95%; padding: 49px 40px 81px 49px; margin-left: 37px; top: -335%; font-size: 74%; } #willk { position: relative; left: -11%; width: 114%; top: 4px; bottom: 3%; margin-top: 16px; } input.absgs { border-radius: 8px; height: 37px; top: -635%; left: 50px; } p.recht { left: 9%; width: 72%; padding: 73px 69px 84px 77px; margin-left: -5%; top: 34%; font: 110%/1.4 sans-serif; } #starttableindex.recht { width: 75%; padding: 6% 1% 1% 3%; } #main{ width:100%; height: 1256px; } header { height: auto; width: 98%; margin-bottom: 10px; top: 4px; position: relative; left: -7px; } #gutsch3.gutscheine { position: absolute; top: 966%; left: 55%; width: 41%; } input.absgs { border-radius: 8px; height: 46px; top: -218%; left: 17px; } #main.start { width: 105%; top: 5%; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 1400px; margin-top: -10%; } #footer.home { position: relative; width: 94%; height: 180px; color: blue; margin-top: 88%; margin-left: -3%; top: 88%; } #dreieck { position: relative; top: 52%; left: 12px; } #starttableindex.start { width: 84%; top: auto; margin-top: 86px; left:2px; height: auto; margin-left: -14px; } #sidebar{ width:86%; margin:0 auto; padding: 18px; margin-bottom: 30px; height:317px; top: 0%; margin-top: 15px; left: -2%; } #sidebar1 { left: -1%; width: 92%; height:550px; margin-top: 10px; margin-bottom: 10px; position:relative; top:93%; } #sprung{ display:inherit; margin-top:2%; float: left; margin-right: 3%; position: relative; } #footer { top: 2%; clear: both; width: 100%; position: relative; margin-top: 130px; margin-bottom: 5px; } #copy.raumstart { width: 80%; text-decoration: none; display: block; height: auto; text-align: center; top: 426px; padding: 51px; margin-left: 4px; height: 50px; left:20px; } #copy.home { width: 83%; height: auto; left: 0%; margin-bottom: 23px; margin-top: auto; float: left; top: auto; } #spruchstart { height: 250px; position: relative; padding: 3%; margin-left: 42px; margin-right: 3%; background-color: #fff; width: 93%; display: block; margin-top: -66%; font-size: 79%; top: 250px; } #wasser { position: relative; font-size: 98%; width: 72%; padding-top: 114%; margin-left: 264px; margin-top: -96px; } #absenden.bestaet { margin-left: 2%; height: 50px; margin-top: 67%; } } @media screen and (max-width:700px) { p.recht { left: 9%; width: 72%; padding: 73px 69px 84px 77px; margin-left: -5%; top: 30%; font: 122%/1.4 sans-serif; } #wrapper { height: 100%; } #absenden.bestaet { margin-top: 37%; height: auto; } #starthome.recht { font: 90%/1.4 sans-serif; margin-left: 4%; width: 98%; } #copy.raumstart { width: 82%; text-decoration: none; display: block; height: auto; text-align: center; top: 381px; margin-left: -12px; height: -23px; left: 1%; padding-bottom: 51px; margin-bottom: 10px; } #main.start { width: 105%; top: 5%; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 1400px; margin-top: -10%; } #sidebar{ width:84%; padding: 20px; margin-bottom: 5px; height:auto; top: -1%; margin-top: 48px; margin-left: -2%; left: auto; } #wasser { position: relative; font-size: 119%; width: 75%; padding-top: 37%; margin-left: 13%; top: auto; left: auto; } #wechselbild1.start { left: -4%; top: 1%; width: 47%; height: 218px; } #starthome { width: 90%; padding-right:1px; text-align: left; } #spruchstart { height: 252px; position: relative; margin-left: 29px; background-color: #fff; width: 93%; display: block; font-size: 79%; top: auto; margin-top: -274px; } #sprung{ display:block; float: left; margin-right: 7%; margin-top: 10px; margin-bottom: 10px; top: 122px; } } @media screen and (max-width: 670px) { } @media screen and (max-width:650px) { h1.duostart { font-size: 100%; color: #00008000; width: 200px; margin: -15px; text-shadow: 1px 1px 1px #f0f8ff00; left: 50px; top: 14px; position: relative; } p.recht { left: 2%; width: 62%; padding: 45px 69px 84px 77px; margin-left: 20px; font: 109%/1.4 sans-serif; top: 40%; } #tablegutsch.cookie { width: 65%; top: 35px; } #sprung.cookie { display: block; float: left; margin-left: -57%; top: 134px; margin-top: -131px; width: 279px; text-align: center; padding-right: 20px; color: darkblue; opacity: 0.6; left: 65%; } #willk { position: relative; left: -21%; width: 114%; top: 52px; bottom: 3%; margin-top: 16px; } h2.index { font-size: 130%; width: 400px; color: #f268ea; top: 100px; left:-12%; } #wechselbild3.cookie { left: -8%; top: auto; width: 107%; margin-bottom: 10px; position: relative; opacity: 0.5; } #main.index { height: auto; width: 100%; margin-left: 47px; top: auto; left: -8%; margin-top: 2%; font-size: 90%; margin-bottom: 30px; } #sidebar { width: 84%; padding: 20px; margin-bottom: 5px; height: 308px; top: -1%; margin-top: 48px; margin-left: -2%; left: auto; } #herzlich1 { position: absolute; margin-top: -1%; left: 15%; width: 70%; top: 21%; height: auto; } #starttableindex.start { width: 82%; top: auto; margin-top: 6px; left: 26px; height: auto; margin-left: -25px; padding-top: 89px; } #main.start { width: 105%; top: auto; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 1400px; margin-top: 5%; } header { height: auto; width: 92%; margin-bottom: 10px; top: -17px; position: relative; left: 6px; } #sprung.start { display: block; top: 32%; float: left; position: absolute; left: 21px; margin-top: 23%; width: 68%; } h6.duostart { margin-top: -38px; margin-left: 79px; font-size: 117%; top: 164%; left: 14%; color: #ec30ec; text-shadow: 1px 1px 1px #34383c; opacity: 0.7; font-size: 113%; } #nav.start{ background-color: #80e78500; } } @media screen and (max-width: 600px) { #absenden.bestaet { margin-top: 52%; height: auto; left:52% } #starthome.recht { width: 88%; } #wechselbild1.start { left: -4%; top: 1%; width: 47%; height: 218px; } #copy.raumstart{ font-size: 90%; text-shadow:none; font-weight: 350; font-style: oblique; } h1.start{ left:-9%; text-shadow: -1px 1px 1px; } #wasser { width: 45%; padding-top: 37%; margin-left: 50%; color: navy; font-style: oblique; } } @media screen and (max-width: 560px) { #absenden.bestaet { margin-top: 72%; left:39%; width: 238px; } #starttableindex.recht{ top:50px; } #main.index{ margin-bottom: 60px; height: 105%; } p.recht { width: 70%; padding: 68px 45px 81px 59px; margin-left: -2px; margin-top: 11%; font-size: 112%; } } @media screen and (max-width: 540px) { } @media screen and (max-width: 520px) { #herzlich1 { position: absolute; margin-top: -1%; left: 15%; width: 70%; top: 21%; height: auto; } #main.index { margin-bottom: 60px; height: 105%; margin-top:7%; } p.recht { width: 73%; padding: 68px 45px 81px 59px; margin-left: -2px; margin-top: -36%; font-size: 112%; } } @media screen and (max-width: 500px){ h2.duostart { font-size: 118%; left: -10%; width: 86%; top: -12%; border-radius: 8px; border: outset #000000f0; } h2.muessen { display: block; position: relative; width: 81%; top: -2%; margin-left: -17%; font: 110%/1.4 sans-serif; font-weight: normal; text-shadow: 1px -1px 1px gray; font-weight: bold; color: navy; } #main.index { background: #808080a3; height: 106%; width: 101%; margin-left: 47px; top: -1%; left: -52px; margin-top: 0%; } #starttableindex.recht { width: 78%; top:5%; } h1.start { font-size: 176%; color: #349718; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: absolute; top: -1%; float: right; left: -30%; } #copy.raumstart { width: 91%; text-decoration: none; height: auto; text-align: center; left: 13px; top: 117%; padding: 30px; display: inherit; margin-top: 42px; margin-bottom: 10px; font: 77% sans-serif; } #wechselbild2.advent { top: -26%; width: 110%; height: 72px; margin: 0 auto; left: 7px; } #willk { position: relative; left: -28%; width: 130%; top: 2px; bottom: 3%; margin-top: 16px; } #wechselbild3.cookie { left: 0%; top: auto; width: 88%; margin-bottom: 10px; position: relative; opacity: 0.7; display: none; } #starttableindex.start { width: 90%; top: auto; margin-top: 6px; left: 34px; height: auto; margin-left: -42px; } #wechselbild7.cookie { left: -1%; top: 18px; width: 104%; margin-bottom: 10px; position: relative; opacity: 0.7; display: block; } #tablegutsch.cookie { width: 70%; top: 28px; padding-bottom: 84px; left: 2px; opacity: 0.7; height: auto; } #wrapper { height: 100%; width:95%; left: 0px; } #main.start { width: 94%; top: auto; margin-top: -5%; left: 10%; height: 2453px; } #copy.home { width: 83%; height: auto; left: auto; margin-bottom: 23px; margin-top: 17%; float: left; position: relative; margin-left: -24px; } #footer.home { position: relative; width: 99%; height: 180px; color: blue; top: 90%; margin-top: 14px; left: 4px; margin-left: 2%; } #starthome { width: 86%; left: 52%; position: relative; display: block; margin-left: -44%; margin-top: 10px; text-align: center; margin-bottom: 36px; font: 89%/1.6 sans-serif; } #copy.raumstart { width: 84%; text-decoration: none; display: block; text-align: center; top: 103%; margin-left: 18px; height: auto; left: -6%; padding-bottom: 81px; margin-bottom: 10px; padding-top: 13px; margin-top: 36px; } #sprung.start { display: block; top: 2%; float: left; position: absolute; left: 7%; margin-top: 21%; margin-left: 4%; width:305px; font: 130% serif; } #sidebar { width: 88%; padding: 20px; margin-bottom: 25px; height: 400px; top: -1%; margin-top: 27px; margin-left: -14%; left: auto; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 106%; top: 95%; left: 11%; color: #ec30ec; text-shadow: 1px 1px 1px #34383c; opacity: 0.7; font-size: 134%; width: 400px; } #wechselbild1.start { width: 102%; margin-left: 0%; margin-top: 5%; float: left; height: 335px; } header{ width: 96%; margin-bottom: 10px; top: 4px; height: 218px; left: 10px; } #main{ width:100%; margin-top:10px; height:auto; } #main.fuss { width: 100%; height: 2400px; margin-top:-122px; top:2%; left: -14px; } #dreieck{ position:relative; top:27%; } #navyquer{ display:none; } #sidebar,#sidebar1,#sidebar2,#spruchstart{ width:90%; margin-top:10px; margin-bottom:10px; left: 53px; border: none; } #sprung { display: block; margin-top: -12%; float: right; margin-right: 7%; top: 103%; } #starttableindex{ width:85%; top:1%; margin-top:10px; margin-bottom:10px; margin: 0 auto; left: 27px; } #rankefuss { display: inline; position: absolute; top: -75%; left: 42%; } #spruchstart { height: 89%; position: relative; padding: 4%; background-color: #39723a00; width: 95%; left: -12%; display: block; margin-left: 12%; margin-top: -381px; background: none; } #footer{ top: 1%; clear:both; width:108%; background-color: #C5FFB5; position:relative; margin-top: 5px; margin-bottom: 5px; height:155px; } #absenden.bestaet { margin-top: 77%; left: 39%; width: 238px; } } @media screen and (max-width: 480px) { p.recht { width: 73%; padding: 68px 45px 81px 59px; margin-left: -2px; margin-top: -17%; font-size: 112%; } } @media screen and (max-width: 470px) { input.absgs { top: 88%; font-size: 99%; margin-top:-20px; } p.recht { width: 70%; padding: 71px 37px 125px 34px; margin-left: 1%; margin:-39% 4%; font-size: 106%; } #absenden.bestaet { margin-top: 65%; left: 48%; } } @media screen and (max-width: 450px) { h2.duostart { font-size: 118%; left: -7%; width: 77%; top: -12%; } #wasser{ display: none; } #absenden.bestaet { margin-top: 127%; left: 40%; } input.absgs { top: 57%; font-size: 99%; margin-top: -20px; } #main.index { height: 96%; width: 101%; margin-left: 47px; top: -3%; left: -52px; margin-top: 0%; padding-bottom: 143px; } } @media screen and (max-width: 428px) { #absenden.bestaet { margin-top: 137%; left: 40%; } p.recht { width: 64%; padding:20px 20px 20 px 40px; } } @media screen and (max-width: 424px) { #absenden.bestaet { margin-top: 157%; left: 40%; } } @media screen and (max-width:420px) { #wrapper.cookie { height: 900px; width:100%; left:0%; margin-left: 12px; } h2.duostart { font-size: 118%; left: -1%; width: 65%; top: -1%; } #starthome.recht { font: 90%/1.4 sans-serif; margin-left: -2%; width: 89%; left: 2%; padding-top: 10px; } p.recht { font-size: 91%; margin: -35% 4%; width: 61%; } h2.index { font-size: 130%; width: 334px; color: #f268ea; top: 91px; left: -23%; text-shadow: -1px 1px 1px maroon; } input.absgs { border-radius: 8px; height: 47px; top: -21%; left: 2px; border: 3px solid maroon; font: 90% white; color: white; margin-top: 5%; margin-left: -9px; text-shadow: -1px 1px 1px maroon; } #zwischenbild2.cook { position: relative; margin-top: 4px; margin-bottom: 20px; width: 91%; display: block; left: -11px; } #wechselbild2.advent { top: 11%; width: 110%; height: 83px; margin: 0 auto; left: 29px; } #wrapper { height: 100%; width: 95%; left: -8px; } #copy.home { width: 83%; height: auto; margin-bottom: 23px; margin-top: 17%; float: left; position: relative; margin:40px 0px; top:250px; left:2px; } #main.start { width: 105%; top: 5%; margin-top: 5%; left: -1px; height: auto; } #footer.home { position: relative; width: 99%; height: 180px; color: blue; top: 90%; margin-top: 45px; left: 4px; margin-left: 2%; } #spruchstart { height: 89%; position: relative; padding: 4%; background-color: #39723a99; width: 95%; left: -12%; display: block; margin-left: 12%; margin-top: -346px; } #sprung.start { top: 30%; float: left; left: 0%; margin-top: 21%; margin-left: 4%; width: 305px; } #sidebar { width: 85%; padding: 20px; margin-bottom: 25px; height: 400px; top: -1%; margin-top: 27px; margin-left: -3%; left: auto; } #startrecht { font: 122%/1.4 sans-serif; top: -5px; position: relative; float: left; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; top: 176px; left: 17%; width: 315px; } #wechselbild7.cookie { left: 4%; top: -3%; width: 113%; margin-bottom: 10px; position: relative; opacity: 0.7; display: block; } #copy.raumstart { width: 79%; text-decoration: none; display: block; height: auto; text-align: center; top: 103%; margin-left: 4px; left: -6%; padding-bottom: 39px; font-size: 75%; margin: 51px 2px; } header { height: 213px; width: 99%; margin-bottom: 10px; left: -34px; } #wrapper { width: 100%; height: 1000px; left: 2px; margin-left: 41px; } #main.start { width: 105%; top: 35%; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: auto; margin-top: -20%; } #copy.raumstart { width: 79%; text-decoration: none; display: block; height: auto; text-align: center; top: -3530px; margin-left: 4px; height: 65px; left: 0%; padding-bottom: 81px; margin-bottom: 30px; padding-top: 13px; margin-top: 36px; position: relative; } #sprung.start { display: block; top: 29%; float: left; position: absolute; left: -1%; margin-top: 21%; margin-left: 8%; width: 323px; } #sprung.cookie { position: relative; left: 13%; width: 44%; top: -3%; bottom: 3%; margin-top: 10px; margin-left: 29px; text-shadow: -1px 1px 1px #f6f4fc; font-size: 120%; font-weight: bold; } #willk { position: relative; left: -22%; width: 114%; top: -3%; bottom: 3%; margin-top: 10px; margin-left: 29px; } #wrapper { height: 100%; width: auto; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 117%; font-style: italic; position: absolute; top: 138px; left: 8%; font-family: serife; color: #ec30ec; text-shadow: 1px 0px 0px #19191a; opacity: 0.7; text-align: center; } #main{ width:100%; margin-top: 10px; margin-bottom: 10px; } #main.start { width: 93%; top: 115px; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 2100px; margin-top: -20%; left: 8px; } #main.index { background: #808080a3; height: 113%; width: 108%; margin-left: -1px; left: 4px; top: -7%; } #willk { position: relative; left: -58%; width: 81%; top: -2485px; bottom: 3%; margin-top: 10px; margin-left: 29px; } header{ height:179px; width: 103%; margin-bottom: 5px; top: -2%; } #sprung.start { display: block; float: left; margin-left: -15%; top: -38%; margin-top: 49%; position: absolute; width: 85%; left: 29%; text-align: center; padding-left: 2px; margin-bottom: 26px; margin-right: 5px; } #herzlich1 { position: relative; margin-top: -34%; width: 331px; display: block; text-align: center; left: 58px; top: 38px; } #wechselbild1.start { width: 70%; margin-left: 15%; margin-top: 38%; float: left; } #tablegutsch.cookie { width: 76%; margin-top: 29px; margin-bottom: 10px; height: auto; display: block; align-content: center; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; margin-left: 158px; top: auto; } #sidebar { width: 90%; padding: 20px; margin-bottom: 5px; top: 1%; margin-top: 85px; height: 335px; margin: 0 auto; left: -19px; margin-top: 37px; margin-bottom: 43px; } #spruchstart { height: 87%; position: relative; padding: 4%; background-color: #39723a99; width: 96%; right: 16%; display: block; margin-left: 12%; margin-top: -277px; } #wasser { position: relative; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -85%; top: 2px; margin-left: 78px; } #gutsch1.gutscheine { position: absolute; top: 327px; left: 25px; width: 71%; opacity: 0.6; } #gutsch2.gutscheine { position: absolute; top: 3%; left: 71%; width: 28%; margin-bottom: 6px; margin-left: -5px; color: #504d4d; font-style: italic; } #tablegutsch.cookie { width: 80%; margin-top: auto; margin-bottom: 10px; height: 351px; display: block; align-content: center; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; margin-left: 5px; top: 56px; font-size: 87%; color: black; } #navyquer.cookie{ display: none; } #wechselbild3.cookie { left: -2%; top: 6%; width: 81%; margin-bottom: 10px; position: relative; display: none; } #willk { position: relative; width: 103%; top: 50px; margin: 0 auto; bottom: 3%; left: -31px; } #dreieck { margin-left: 4%; max-width: 200px; left: -4%; top: 42%; position: absolute; width:55%; } #sprung{ display:block; margin-top:-1%; float: left; position:relative; top: 54%; margin-left: -13%; } #navileiste, #navyquer{ display:none; } #starttableindex.start { width: 88%; top: 3%; margin-top: -4%; margin-bottom: 15px; margin-left: -19px; height: auto; padding-bottom: 75px; } #sidebar,#sidebar1,#sidebar2{ width:87%; top:1%; margin-bottom:10px; margin-top: 43px; left: 5%; } #spruchstart { width: 91%; margin-bottom: 10px; top:-35%; } #tablefuss { width: 67%; top:45%; left: 17px; height: 545px; } #copy.home { width: 88%; padding: 9px; border-style: outset; margin-left: -27%; top: -18px; display: block; text-align: center; left: auto; margin-top: 30px; } #starthome { width: 92%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: time; font-size: 116%; left: 1%; } #footer{ top: 0%; clear:both; width:104%; background-color: #C5FFB5; position:relative; margin-top: 10px; left: 10px; } #copy.raumstart { width: 84%; text-decoration: none; display: block; text-align: center; top: 375px; padding: 45px; margin-left: 4px; height: auto; left: -24px; margin-bottom: 20px; margin-top: 34px; } #footer.home { clear: both; width: 100%; position: relative; margin-top: -2px; margin-bottom: 5px; border-radius: 10px; left: 26px; top: 99%; } } @media screen and (max-width: 410px) { h2.duostart { font-size: 118%; left: -8%; width: 75%; top: -3%; padding: 16px 30px; } } @media screen and (max-width: 393px) { p.recht { font-size: 91%; margin: -35% 4%; width: 65%; } #absenden.bestaet { margin-top: 164%; left: 28%; } } @media screen and (max-width:390px) { #willk { position: relative; top: -68%; width: 90%; top: 70px; margin: 0 auto; bottom: 3%; left: 94px; } p.recht { width: 69%; padding: 47px 38px 114px 43px; margin-left: -10px; margin-top: -42%; font-size: 98%; left: 29px; } #wechselbild1.start { width: 70%; margin-left: 15%; margin-top: 38%; float: left; } #main.start { width: 93%; top: -1%; margin-top: 5%; background: #add8e600; position: relative; margin-left: -3%; height: 2100px; margin-top: -20%; left: 8px; } h1.start { font-size: 176%; color: #349718; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: absolute; top: -1%; float: right; left: -20%; width:350px; } #footer.home { position: relative; width: 99%; height: 180px; color: blue; top: 90%; } #sprung.start { margin-left: -15%; top: -38%; margin-top: 49%; position: absolute; width: 85%; left: 29%; } #starttableindex.start { width: 82%; top: auto; margin-top: 6px; left: 34px; height: auto; margin-left: -42px; } #herzlich1 { position: relative; top: 2%; left: -16%; width: 84%; } header{ height:157px; width: 100%; margin-bottom: 10px; left:-8%; } #wechselbild2.advent { top: 17%; margin-bottom: 2px; width: 100%; height: 5%; margin: 0 auto; left: 54px; } #starttableindex.start { width: 88%; top: 6%; margin-top: -12%; margin-bottom: 5px; margin-left: -18px; height: auto; } #sprung{ display:block; margin-top:88px; position:relative; top: 22px; width: 29%; left: -2px; } #spruchstart { height: 98%; position: relative; padding: 4%; background-color: #39723a99; width: 94%; right: 5%; display: block; margin-left: 12%; margin-top: -133%; } #sidebar{ margin-bottom:5px; width: 88%; left: 5%; position: relative; top: 13%; margin-top: -111px; height: 300px; } #wasser { position: relative; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -85%; top: 6px; left: -12%; } #footer{ top: 3%; clear:both; width:100%; background-color: #C5FFB5; position:relative; margin-top: 10px; } #copy.raumstart { width: 75%; text-decoration: none; display: block; text-align: center; top: 477px; padding: 45px; margin-left: -4px; height: auto; left: -1px; margin-top: 45px; margin-bottom: 5px; } #copy.home { width: 87%; padding: 9px; border-style: outset; top: -42px; margin-top: 59px; margin-left: -72px; } } @media screen and (max-width: 380px) { #absenden.bestaet { margin-top: 143%; left: 15%; } } @media screen and (max-width:375px) { #starthome { width: 92%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: time; font-size: 116%; left: 1%; } #starttableindex.recht { width: 65%; left: 3%; } #main.index { background: #808080a3; height: 73%; width: 99%; margin-left: -1px; left: 8px; top: 6%; } #willk { position: relative; top: -68%; width: 90%; top: 87; margin: 0 auto; bottom: 3%; left: 15%; } h6.duostart { margin-top: -4px; margin-left: -1px; font-size: 86%; top: 97px; left: 23%; text-align: center; width: 247px; } #gutsch2.gutscheine { position: absolute; margin-top: 19%; left: 54%; width: 45%; margin-bottom: 6px; margin-left: -5px; } #main.start { width: 99%; top: 137px; margin-top: 5%; background: #add8e600; position: relative; margin-left: 7%; height: 1900px; margin-top: -20%; } #tablegutsch.cookie { width: 76%; margin-top: auto; margin-bottom: 10px; height: 407px; display: block; padding: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 29px; padding-bottom: 10px; position: relative; margin-left: 51px; top: 12px; font-size: 87%; color: black; left: -36px; } #copy.passauf { width: 98%; text-decoration: none; display: block; height: auto; text-align: center; top: 2px; padding: 19px; margin-left: 123px; margin-bottom: 5px; margin-top: 5px; } #sprung.cookie { display: block; float: left; margin-left: -8%; top: auto; margin-top: -12%; width: 73%; text-align: center; padding-right: 20px; } #home { text-align: center; width: 95%; margin-bottom: 5px; } #copy.raumstart { width: 264px; text-decoration: none; display: block; text-align: center; top: 407px; padding: 33px; margin-left: -4px; height: auto; left: -3px; margin-bottom: 25px; margin-top: 5px; } #copy.raum { width: 97%; text-decoration: none; display: block; height: auto; border-color: #00800070; top: 602px; padding: 16px; margin-left: -18px; } #starttableindex.start { width: 93%; top: -5%; margin-top: -71px; margin-bottom: 5px; margin-left: -19px; height: auto; } #wechselbild2.advent { top: -10%; margin-bottom: 2px; width: 85%; height: 5%; margin: 0 auto; left: 21px; top: -11px; } #main{ width:100%; } header{ height:35px; width: 93%; margin-bottom: 10px; left:-8%; top: 0%; } #herzlich1 { position: relative; top: -2%; left: -6%; width: 86%; } #copy.passauf { width: 83%; text-decoration: none; height: auto; border-color: #00800070; top: -236px; padding: 16px; margin-left: 147px; display: block; margin-top: 5px; margin-bottom: 5px; } #dreieck { margin-left: 4%; max-width: 200px; left: -4%; top: 34%; position: absolute; width:50%; } #wasser { position: relative; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -75%; margin-left: 71%; top: 2px; } #sprung { display: block; margin-top: -1%; position: relative; top: 65%; margin-right: 6%; } #wrapper{ margin-left:2%; height: 100%; } #nav, #naviunten{ display:none; float:right; } #navileiste, #navyquer{ display:none; } #sidebar { margin-bottom: 30px; width: 82%; left: -1%; position: relative; top: -5%; margin-top: -114px; height: 282px; } #sidebar1{ clear: both; width: 98%; left: 3%; position: relative; margin: 10px auto; } #spruchstart{ width:94%; margin:0 auto; left: 1%; height: 266px; margin-top: -5px; } #footer{ margin: 10px auto; top:99%; } #copy.home{ margin-top:109px; height: auto; width: 83%; margin-left: -77px; } #main{ width:90%; height: auto; } #footer.home{ top: -30%; clear:both; width:97%; background-color: #C5FFB500; position:relative; margin-top: 10px; margin: 7px auto; } #footer.fuss{ top: 0%; clear:both; width:96%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 342px; } #footer.start { clear: both; width: 93%; background-color: #9194CF99; position: relative; top: 211px; margin-bottom: 5px; height: 147px; left: -7px; } #sprung.start { display: block; float: left; margin-left: -7%; top: auto; margin-top: 48px; width: 259px; text-align: center; height: 29px; left: 68px; } } @media screen and (max-width:365px) { #main.index { background: #808080a3; height: 708px; width: 92%; margin-left: -1px; left: 22px; top: -13%; } header { height: 7%; width: 94%; margin-bottom: 10px; margin-left: 61px; top: 5px; } #wechselbild7.cookie { left: -9%; top: -11%; width: 110%; margin-bottom: 10px; position: relative; opacity: 0.7; display: block; } #wrapper.cookie { height: 900px; width: 100%; left: 0%; margin-left: 12px; } p.recht { width: 71%; padding: 89px 19px 114px 53px; margin-left: -10px; margin-top: -35%; font-size: 86%; left: 18px; height: auto; } header{ height:22%; width: 94%; margin-bottom: 10px; margin-left: 61px; top: 5px; } #wechselbild2.advent { top: -10%; margin-bottom: 2px; width: 102%; height: 5%; margin: 0px auto; left: 20px; } #herzlich1 { position: relative; top: -33%; left: 9%; width: 77%; margin-top: 46px; margin-left: 2px; } #starttableindex.start { width: 80%; top: auto; margin-top: 18px; margin-bottom: 5px; margin-left: 15px; height: auto; display: block; text-align: center; } #willk { position: relative; top: -202%; left: -2%; width: 95%; height: 48px; } #neulog { position: relative; top: -27%; width: 115%; } #dreieck { margin-left: 4%; max-width: 200px; left: -4%; top: 3%; position: absolute; width:50%; } #sprung{ display:block; margin-top:4%; float: right; margin-bottom: 20px; } #wrapper{ margin-left:-1%; height: 1000px; width: 365px; } #nav, #naviunten{ display:none; float:right; } #navileiste, #navyquer{ display:none; } #sidebar{ margin-bottom:10px; width: 86%; left: -3%; position: relative; margin-top: -100px; top: 15%; height: 329px; } #sidebar1{ width: 98%; left: 3%; position: relative; margin: 10px auto; } #wechselbild1.start{ left:-16%; position:relative; width:90%; top: -73%; width: 93%; } #spruchstart{ width:95%; left: 0%; height: 305px; margin-top: -156px; } #footer{ margin: 10px auto; top:99%; } #copy.home{ left:30%; margin-top:auto; top:auto; height: 94px; width: 88%; border-style: outset; border-color: #00800070; } #main{ width:94%; height: 1600px; top: auto; left: 1px; margin-top: 10px; } #copy.raumstart { width: 88%; text-decoration: none; display: block; text-align: center; top: -173px; height: auto; left: 8px; margin-top: 20px; margin-bottom: 20px; font-size: 71%; padding: 24px; } #footer.home{ top: 32%; clear:both; width:94%; background-color: #CAF9C3B5; position:relative; height: 127px; left: 3px; margin-top: 14%; } } @media screen and (max-width:359px) { #absenden.bestaet { margin-top:188%; left: 15%; } #main.index { background: #808080a3; height: 708px; width: 92%; margin-left: -1px; left: 22px; top: -1%; } #main.start { width: 98%; top: 137px; margin-top: 5%; background: #add8e600; position: relative; margin-left: 1%; height: 1900px; margin-top: -20%; } header { height: 7%; width: 94%; margin-bottom: 10px; margin-left: 61px; top: 5px; } #wechselbild7.cookie { left: -9%; top: -11%; width: 110%; margin-bottom: 10px; position: relative; opacity: 0.7; display: block; } #wrapper.cookie { height: 900px; width: 100%; left: 0%; margin-left: 12px; } p.recht { width: 71%; padding: 91px 19px 114px 43px; margin-left: -10px; margin-top: -31%; font-size: 91%; left: 18px; height: auto; } header{ height:7%; width: 94%; margin-bottom: 10px; margin-left: 61px; top: 5px; } #wechselbild2.advent { top: -10%; margin-bottom: 2px; width: 102%; height: 5%; margin: 0px auto; left: 20px; } #herzlich1 { position: relative; top: -71%; left: 5%; width: 91%; margin-top: 104px; margin-left: 2px; } #starttableindex.start { width: 80%; top: auto; margin-top: 18px; margin-bottom: 5px; margin-left: -21px; height: auto; display: block; text-align: center; } #willk { position: relative; top: -202%; left: -2%; width: 95%; height: 48px; } #neulog { position: relative; top: -27%; width: 115%; } #dreieck { margin-left: 4%; max-width: 200px; left: -4%; top: 3%; position: absolute; width:50%; } #sprung{ display:block; margin-top:4%; float: right; margin-bottom: 20px; } #wrapper{ margin-left:-1%; height: 1000px; width: 365px; } #nav, #naviunten{ display:none; float:right; } #navileiste, #navyquer{ display:none; } #sidebar{ margin-bottom:10px; width: 86%; left: -3%; position: relative; margin-top: -100px; top: 15%; height: 329px; background: #afff0000; border: none; } #sidebar1{ width: 98%; left: 3%; position: relative; margin: 10px auto; } #wechselbild1.start{ left:-16%; position:relative; width:90%; top: -3%; width: 103%; } #spruchstart{ width:95%; left: 0%; height: 672px; margin-top: -156px; background: #00f0; } #footer{ margin: 10px auto; top:99%; } #copy.home{ left:30%; margin-top:auto; top:auto; height: 94px; width: 88%; border-style: outset; border-color: #00800070; } #main{ width:94%; height: 1600px; top: auto; left: 1px; margin-top: 10px; } #copy.raumstart { width: 88%; text-decoration: none; display: block; text-align: center; top: -173px; height: auto; left: 8px; margin-top: 20px; margin-bottom: 20px; font-size: 71%; padding: 24px; } #footer.home{ top: 82%; clear:both; width:94%; background-color: #CAF9C3B5; position:relative; height: 127px; left: 3px; margin-top: 14%; } #wasser{ display: none; } }