* { margin: 0; padding: 0; } body,html { font: 104% serif; background-color:#d8f9d3; background-image: url(hintergrund_site_neu.png); background-repeat: no-repeat; background-attachment: fixed; padding:5px; margin:0 auto; width: auto; height: auto; } img {max-width: 100%; } header, nav, footer, hgroup, details { display: block; } header{ width: 100%; background: url(gruenskal.png) no-repeat; background-attachment: absolute; margin-bottom: 10px; } #prax{ text-align: center; } @media screen and (max-width:2000px){ #medien.rueallg { position: relative; width: 300px; top: 10%; left: 50%; } #nav.rueckallg{ display: none; position: relative; top:2%; width: 80%; height: auto } ul.allg{ width:auto; } td.hoererallg{ display: none; } header.rueck { top:-2%; margin-top:5%; height: 591px; } #medien.rueallg{ position: absolute; width:300px; margin-top:72%; left:62%; } #navyquer.rueallg { display: block; position: relative; top: auto; margin-top: -178%; left: -9%; width: 102%; } #wechselbild1.start { right: -54px; padding-bottom: 30px; top: 517px; position: relative; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } h5.üfuss { font-size: 98%; left: -7px; position: relative; top: -41px; margin-top: 1%; font-style: italic; width: 285px; } wechselbild4.fuss{ display:none; } ul.fuss{ font-family: serif; line-height:1.2em; position: relative; top: -18px; } #preiseinkl { position: relative; float: right; top: 14px; margin-bottom: -4%; margin-right: 11%; margin-top: 10px; } #wechselbild3.allg { } h6.oben { font-size: 122%; left: 403px; position: relative; top: -263px; margin-top: 1%; font-style: oblique; width: 279px; font-family: serif; color: #07076a; } h6.üfuss { font-size: 91%; left: -7px; position: relative; top: -33px; margin-top: 1%; font-style: oblique; width: 285px; } p { background-color: #DDEFDE; opacity: 0.97; font: small-caps 18px; color: navy; border-style: outset; border-radius: 20px; border-color: #008000; font: 90%/1.2 serif; letter-spacing: 3px; padding: 38px; padding-top: 38px; padding-right: 38px; padding-bottom: 38px; padding-left: 10%; margin-top: -33%; margin-left: 13%; margin-bottom: -40px; width: 83%; height: auto; padding-top: 20px; top: 2%; left: 4%; } #wechselbild4.fuss { display:block; width: 85%; top: 1%; left: 8%; position: relative; } #rankefuss { display: inline; position: absolute; top: -1%; left: 53%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } #tablefuss.fuss { width: 33%; position: absolute; top: 55%; left: 9%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #summary.fuss { display: inline; float: right; position: absolute; right: -757px; top: 113px; width: 544px; padding: 25%; } #navileiste.fuss { position: absolute; margin-top: 18%; float: right; left: 69%; } #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, #baca1e 0%,#3a5705 99%); background-color: rgba(0, 0, 0, 0); } #ampel.fuss { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #headline.fuss{ background-color:#bcf7b466; width:100%; position:relative; top:-195px; left:1px; margin-top:18%; height:150px; border-bottom: 2px dotted white; } h1.fuss { top: -18%; left: 14%; position: relative; font-family: serif; font-size: 328%; margin-top: 48px; } #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:13%; left: 62px; } #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: -15%; margin-left: 86px; margin-top: 33px; } #wrapper.fuss { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1885px; background-color: rgb(202, 249, 195); } #main.fuss{ width:100%; float:left; background-color: #caf9c3; top:-6%; margin-top:-108px; margin-bottom: 10px; height:1302px; } header.fuss{ width: 100%; position:relative; top: 5px; margin-bottom: 5px; height: 409px; left:5%; margin:0 auto; } #wechselbild3.fuss { left: 7%; top: 32%; width: 84%; } h1.fuss { top: -139px; left: 14%; position: relative; font-family: serif; 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%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; height: 50px; left: -68%; float: left; margin-top: 4px; } #sidebar.fuss { width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #ACE69C; background-color: #DDEFDE; margin-bottom: 2px; top: 14%; right: 13%; margin-top: -10%; } #sidebar1.fuss{ width: 25%; height: 538px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 3%; padding: 2%; margin-top: 14%; 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.allg{ top:53%; height:82px; } #sprung.allg{ display: block; position: relative; top: -29%; left: -15%; } #footer.allg { width: 98%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 161px; left: 14%; } } @media screen and (max-width:1700px){ header.rueck { width: 100%; background-attachment: absolute; margin-bottom: 10px; position: relative; left: 14%; top: -2%; } } @media screen and (max-width:1600px){ header.rueck { width: 100%; margin-bottom: 10px; position: relative; left: 14%; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.allg { left: -12%; margin-top: -54%; width: 26%; top: 15%; margin-left: 5px; border-radius: 14px; height: 377px; } #navyquer.rueallg { display: block; position: relative; top: auto; margin-top: -105%; left: -28%; width: 95%; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #wechselbild4.fuss{ display:none; } #preiseinkl.fuss { position: relative; float: left; top: 31px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; } 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: 3px; padding: 38px; padding-top: 38px; padding-right: 38px; padding-bottom: 38px; padding-left: 10%; margin-top: -33%; margin-left: 13%; margin-bottom: -40px; width: 83%; height: auto; padding-top: 20px; top: 2%; left: 4%; } #wechselbild4.fuss { display:block; width: 81%; top: 29%; left: 10%; position: relative; } #rankefuss { display: inline; position: absolute; top: -1%; left: 53%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } #tablefuss.fuss { width: 33%; position: absolute; top: 61%; left: 8%; height: 537px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: 20px; margin-left: 2%; font-family: serif; font-size: 116%; } #summary.fuss { display: inline; float: right; position: absolute; right: -757px; top: 113px; width: 544px; padding: 25%; } #navileiste.fuss { position: absolute; display:none; } #fussnote.fuss { top: -4%; left: 1%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #spruchstart.fuss { height: 376px; position: relative; padding: 4%; width: 85%; right: 5%; display: block; margin-left: 12%; margin-top: -30px; background: linear-gradient(to right, #9aa624 0%,#5d880ef2 99%); background-color: rgba(0, 0, 0, 0); } #ampel.fuss { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #headline.fuss { background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:25px; height:150px; border-bottom: 2px dotted white; } h1.fuss { top: -18%; left: 14%; position: relative; font-family: serif; font-size: 328%; margin-top: 48px; } #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:13%; left: 74px; } #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; left: 56px; } #wrapper.fuss { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1885px; background-color: rgb(202, 249, 195); } #main.fuss{ width:100%; float:left; background-color: #caf9c300; top:-6%; margin-top:-108px; margin-bottom: 10px; height:1302px; } header.fuss{ width: 100%; position:relative; top: -8%; margin-bottom: 5px; height: 386px; left: 72px; } #wechselbild3.fuss { left: 7%; top: 32%; width: 84%; } h1.fuss { top: -139px; left: 14%; position: relative; font-family: serif; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; } #nav.fuss{ width:95%; margin-top:1%; margin-bottom:10px; position: fixed; top:-7px; font-size: 110%; margin:0 auto; height:80px; background-color:#caf9c3; width: 100%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-left: -17; height: 50px; left: -951px; float: left; margin-top: -170px; margin: 0 auto; top: -258px; } #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%; margin-top: -10%; } #sidebar1.fuss{ width: 25%; height: 417px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 3%; padding: 2%; margin-top: 14%; 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:8%; height:auto; display: inherit; left: -17%; } #footer.fuss { top: 8%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 161px; } } @media screen and (max-width:1500px) { #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #medien.rueallg { position: absolute; width: 300px; top: 42%; left: 62%; } #wechselbild1.allg { left: 53%; position: absolute; margin-top: -34%; top: 79%; margin-left: 10px; border-radius: 14px; height: auto; width: 31%; } #navyquer.rueallg { top: auto; margin-top: -125%; left: -32%; width: 95%; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #headline.fuss { background-color: #d8fad4; width: 100%; position: relative; top: 16px; left: 1px; margin-top: 20%; height: 150px; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #wrapper.fuss{ width: 99%; height: 1743px; } #main.fuss { width: 100%; float: left; top: -6%; margin-top: -42px; margin-bottom: 10px; height: 1234px; } #wechselbild3.fuss { left: 3%; top: 13%; width: 92%; } h1.fuss { font-size: 243%; 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%; } #starttableindex.fuss { 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: 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%; } #copy.fuss { width: 87%; top: 20%; height: auto; display: inherit; left: -17%; margin-top: 9px; margin-bottom: 10px; } #footer.allg{ left: 200px; } } @media screen and (max-width:1400px) { #copy.allg { top: 53%; height: 82px; display: flex; justify-content: center; left: -12%; } #sprung.allg { top: -60%; left: -5%; background: #a41787; height: 60px; } #sprung.allg a{ color: white; text-shadow: none; font-size:120%; top:15px; position: relative; } header.rueck { width: 100%; margin-bottom: 10px; position: relative; left: 4%; } #wechselbild1.allg { position: relative; margin-top: -64%; width: 35%; margin-left: 10px; border-radius: 14px; height: auto; border-bottom: 2px solid; } #sprung{ display:block; position: relative; left:-274px; top:-265px; width: 26%; text-align: center; padding-right: 19px; border-style: outset; border-color: #c960e7; } #navyquer.rueallg { display:none; } #wechselbild3.allg { left: 44px; position: relative; width: 93%; display: block; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #preiseinkl.fuss { position: relative; float: left; top: 31px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; } p { font: 90%/1.2 serif; letter-spacing: 3px; padding: 38px; padding-right: 38px; padding-bottom: 38px; padding-left: 10%; margin-top: -33%; margin-left: 13%; margin-bottom: -40px; width: 70%; height: auto; padding-top: 20px; top: 2%; left: 4%; } #wrapper.fuss { width: 99%; height: 1851px; } #headline.fuss { background-color: #bcf7b466; width: 100%; position: relative; top: 19px; left: 1px; margin-top: 29%; height: 150px; } #main.fuss { width: 100%; float: left; top: -2%; margin-top: -106px; margin-bottom: 10px; height: 1234px; margin-left: 14px; } header.fuss{ width: 77%; position:relative; top: 4%; left:16%; margin-bottom: 5px; height:324px; margin-left: -100px; } #nav.fuss{ width:98%; margin-top:1%; margin-bottom:10px; position: fixed; top:2%; font-size: 110%; margin:0 auto; height:50px; background-color:#1da44333; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-left: 21%; margin-top: -58px; } #footer.fuss { top: 1%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 196px; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #navileiste.fuss { position: absolute; margin-top: 17%; float: right; left: 65%; } #navyquer.start { width: 160%; margin-bottom: 5px; position: relative; display: block; margin-top: -5%; margin-left: 2%; } #starttableindex.fuss { 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: 57px; } #sidebar.fuss { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDECC; margin-bottom: 2px; top: 3%; margin-right: -1%; } #sidebar1.fuss { width: 28%; height: 569px; float: right; top: -4%; left: -8%; } #footer.allg { clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-bottom: 15px; height: 161px; left: 4%; } } @media screen and (max-width:1300px) { #tablefuss.fuss { width: 33%; position: absolute; top: 45%; left: 8%; height: 537px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: 20px; margin-left: 2%; font-family: serif; font-size: 116%; } #footer.fuss { top: 4%; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 133px; } #wechselbild2.fuss { position: absolute; left: 309px; top: 47%; width: 300px; } #navileiste.fuss { color: rgb(0, 0, 128); font: 72% serif; left: 71%; position: absolute; margin-top: 19%; } #headline.fuss { background-color: #bcf7b466; width: 100%; position: relative; top: 1px; left: 1px; margin-top: 5%; height: 150px; } #dreieck.fuss{ position:relative; top:5%; left: 123px; } #main.fuss { width: 100%; float: left; top: -8%; margin-top: -109px; margin-bottom: 10px; height: 1234px; position: relative; } #wechselbild3.fuss { left: 5%; top: 41%; width: 95%; } #nav.fuss{ width:100%; margin-top:1%; margin-bottom:10px; position: fixed; top:19px; margin:0 auto; background-color: #7dbf7480; left: 38px; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -466%; margin-left: 23%; margin-top: -60px; } header.fuss { width: 100%; top: -4%; left: 1%; height: 311px; margin-bottom: 2px; } h1.fuss { top: -89%; left: 17%; } h5.fuss { font: 130% bold,italic; left: 5%; position: relative; margin-top: 1%; } #sidebar.fuss { width: 27%; height: 430px; top: 13%; margin-right: -9%; } #starttableindex.fuss { width: 54%; padding-left: 2%; height: auto; top: 11%; margin-left: 67px; margin-top: 25px; } #sidebar1.fuss { width: 33%; height: 508px; 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) { #sprung { display: block; position: relative; left: -274px; top: -159%; width: 26%; } #copy.allg { margin: -9% 24%; height: 82px; display: flex; justify-content: center; left: -12%; } #wechselbild1.allg{ left:55%; position: absolute; margin-top: -64%; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } header.fuss { width: 100%; top: -4%; left: 11%; height: 311px; margin-bottom: 2px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } p { font: 90%/1.2 serif; letter-spacing: 3px; padding: 38px; padding-right: 38px; padding-bottom: 38px; padding-left: 10%; margin-top: -33%; margin-left: 13%; margin-bottom: -40px; width: 80%; height: auto; padding-top: 20px; top: 2%; left: 4%; } #fussnote.fuss { top: 36%; left: 1%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 10px; } #headline.fuss { width: 100%; position: relative; top: auto; left: 1px; margin-top: 9%; height: 150px; } #main.fuss { height:1215px; margin-top: 0%; top: auto; } #main.imp { width: 100%; float: left; background-color: #caf9c3; top: -14%; margin-top: 190px; margin-bottom: 10px; height: 614px; } #sprung.imp{ display: none; top: -74%; float: left; position:relative; left: 63px; } #navyquer, #nav{ display:none; } #nav.fuss, #navyquer.fuss, #navileiste { display:none; } #wechselbild3.fuss{ width: 103%; top: 31%; left: 1%; } #copy.fuss{ width:93%; left: -23%; height: auto; top: 25px; margin-top: 8px; } h1.fuss{ top: -93%; margin-left: -4%; } #dreieck.fuss{ position:relative; top:13%; left: -87px; } #starttableindex.fuss { width: 50%; padding: 5%; height: auto; margin-top: -10%; 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: #DDEFDECC; margin-bottom: 2px; top: -6%; right: 9%; margin-right: -8%; } #sprung.fuss ,#sprung.agb{ display: block; top: -64%; float: right; position: relative; margin-left: 83%; margin-top: -44px; } #sidebar1.fuss { width: 31%; height: 540px; top: 35%; padding: 2%; margin-right: -22%; margin-top: 10px; float: right; padding: 20px; } #fussnote.fuss { top: -15%; left: 0%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 24px; } #footer.fuss{ top: 3%; clear:both; width:100%; background-color: #CAF9C3; position:relative; margin-top: 2px; margin-bottom: 5px; left: 0%; } } @media screen and (max-width:1115px) { header.rueck{ left:0%; height: 572px; } #sprung.allg { top: -68%; left: 63%; height: 50px; padding-top:8px; background: #a41787; } #sprung.allg a { color: white; font-size: 160%; text-shadow: none; top: 5px; } #wechselbild3.allg { left: 11px; position: relative; top: -8px; width: 99%; display: block; margin: 5% auto; } #copy.allg { top: 48%; left: -29%; padding-bottom: 37px; } #sprung { display: block; position: relative; left: 24px; top: -159%; width: 26%; } #footer.allg { background-color: #9194CF00; position: relative; margin-top: 8%; margin-bottom: 15px; height: 161px; margin-left: 1%; } #wechselbild1.allg { float: right; margin-top: -42%; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #wrapper.fuss { width: 99%; height: 1681px; } #preiseinkl.fuss { position: relative; float: left; top: 31px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 121px; left: 1px; margin-top: 16%; height: 85px; margin-bottom: 1px; border-bottom: 3px; border-bottom-color: #fff; } #main.fuss { height:1215px; margin-top: 7%; left: -18px; top: -175px; } #starttableindex.fuss { width: 57%; padding: 3%; height: 539px; margin-top: 1%; margin-left: 1%; text-align: left; } #dreieck.fuss { position: absolute; top: -130%; left: -12px; } #sidebar1.fuss { width: 34%; height: 540px; top: 1%; padding: 2%; margin-right: -1%; margin-top: -121px; float: right; padding: 20px; } header.fuss{ height:250px; width: 90%; position:relative; top: -1%; margin-bottom: 10px; margin: 0 auto; left: -10px; } #navileiste.fuss{ display:none; } #wechselbild3.fuss { width: 99%; top: 1%; left: 4%; } #sprung.fuss{ top: 10%; float: right; margin-left: -21%; right: -6px; margin-top: -8%; } h1.fuss{ top: 22%; left: 23%; position: relative; font-family: serif; 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: #DDEFDECC; margin-bottom: 2px; margin-top: 2%; margin-right: -6%; top: -5%; } #starthome{ width: 86%; left: -11px; position: relative; display: block; margin-left: 36px; margin-top: -38px; text-align: center; font-size: 151%; } #rankefuss { display: inline; position: absolute; top: 9%; left: 54%; } #footer.fuss { top: 6%; clear: both; width: 100%; background-color: #CAF9C3; position: relative; margin-top: 2px; margin-bottom: 5px; left: 2%; } } @media screen and (max-width:1050px) { #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 228px; } #wechselbild4.fuss { display: block; width: 97%; top: 9%; left: 5%; position: relative; } h6.oben { font-size: 122%; left: 355px; position: relative; top: 78px; margin-top: 1%; width: 279px; } td.abstand{ width:10px; } #sprung.fuss{ top: auto; float: right; margin-left: -21%; right: 57px; margin-top: -8%; margin-bottom: 20%; } #fussnote.fuss { top: -15%; left: 3%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 24px; } #wrapper.fuss { width: 99%; height: 1660px; } #dreieck.fuss { position: relative; left: -13px; margin-top: -30%; top: -17px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 41px; left: 1px; margin-top: 29%; height: 109px; margin-bottom: 1px; } #main.fuss { height: 1318px; margin-top: 4%; top: -2px; } header.fuss{ height:250px; width: 90%; left: -74px; } #nav{ display:none; } #sidebar.fuss { width: 26%; position: relative; top: 1%; margin: 0 auto; left: -6px; height: 400px; } #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; height: 375px; } #tablefuss.fuss { width: 52%; position: absolute; top: 43%; left: 4%; 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: 49%; padding: 2%; margin-right: -32%; margin-top: 10px; float: right; padding: 20px; } #ampel.marma{ display:none } #footer.fuss{ margin-top: -5%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; height: auto; top: 0%; padding-bottom: 35px; } } @media screen and (max-width:950px) { #wechselbild2.fuss { position: absolute; left: 345px; top: 45%; width: 388px; } #wechselbild1.allg { float: right; left: -1%; position: relative; width: 44%; top: -42%; margin-left: 10px; height: auto; } #fussnote.fuss { display: block; position: relative; border-radius: 15px; border-color: white; top: 23px; width: 101%; left: -30%; border-style: outset; background-color: #ddefde; position: relative; height: auto; color: #294611; border-width: 4px; } #rahmen { display: block; position: relative; border-radius: 15px; border-color: white; top: -560px; width: 60%; left: 101%; border-style: outset; background-color: #ccc7c7; position: relative; height: 192px; color: #294611; border-width: 4px; } #starttableindex.fuss { text-align: center; top: 0%; padding-right: 5%; position: relative; margin: 0 auto; margin-bottom: 0px; left: 6%; width: 55%; margin-bottom: 10px; padding-bottom: 36px; text-align: left; height:449px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 175px; left: 1px; margin-top: 120px; height: 127px; margin-bottom: 1px; } #main.fuss { height: 1103px; margin-top: 1%; top: 161px; width: 100%; left: -10px; } h3 { color: rgba(221, 239, 222, 0.55); display: inline; float: right; font: 1.4em verdana italic; margin: 20px -150px; padding-left: 17%; position: absolute; text-shadow: 3px 3px 3px rgba(107, 214, 160, 0.02); top: 25%; left: 60%; } #tablefuss.fuss { width: 51%; position: absolute; top: 56%; left: 3%; height: 616px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } header.fuss{ height:10%; width: 101%; } #sidebar.fuss{ width:25%; position:relative; top:18%; margin: 0 auto; left: -2px; height: 400px; margin-top: 5px; } #dreieck.fuss { position: relative; left: 9%; margin-top: -29%; top: -18px; } #sprung.fuss, #sprung.agb { display: block; top: 50%; float: right; position:relative; right: 6px; margin-right: 7%; } h1.fuss{ top: -23%; margin-left: -9%; position: relative; font-family: serif; font-size: 228%; } #footer.fuss{ top: 20%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 16px; margin-bottom: 5px; height: 150px; } } @media screen and (max-width:900px) { #wechselbild3.allg { left: 37px; position: relative; top: -8px; width: 82%; display: block; } #medien.rueallg { position: absolute; width: 300px; top: 37%; left: 53%; } #starthome { width: 86%; } #sprung { display: block; position: relative; left: -37px; top: -159%; width: 26%; } #termin.rueallg{ position: relative; top:32%; left:220px } #wechselbild1.allg { float: right; left: 52%; position: absolute; margin-top: -45%; width: 35%; top: 64%; margin-left: 10px; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } h6.oben { font-size: 122%; left: 280px; position: relative; top: -15px; margin-top: -8%; width: 279px; } h6.üfuss { font-size: 91%; left: -7px; position: relative; top: -33px; margin-top: 1%; font-style: oblique; width: 285px; } #wrapper.fuss { width: 99%; height: 1875px; } #main.fuss { height: 1100px; margin-top: -10%; } header.fuss{ height:303px; width: 97%; left: -17px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 112px; left: 1px; margin-top: 29%; height: 242px; margin-bottom: 1px; } #dreieck.fuss { position: relative; left: 12%; margin-top: -30%; top: -42px; width: 152px; } #nav, #navyquer.start { display:none; } #navileiste { display:none; } h1.fuss { margin-top: 2%; left: 39%; position: relative; font-family: serif; font-size: 228%; width: 220px; top: -58%; } #sidebar.fuss { width: 25%; position: relative; top: 1%; margin: 0 auto; left: -11px; height: 391px; } #sprung.fuss, #sprung.agb { display: block; top: -107%; float: right; position:relative; right: 11%; margin-top: 51px; } #fussnote.fuss { top: -23%; left: 0%; position: relative; width: 68%; 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: 339px; } } @media screen and (max-width:850px) { #footer.allg { top: 366%; clear: both; width: 68%; background-color: #9194CF99; position: absolute; margin-bottom: 15px; height: 161px; left: 9px; } #medien.rueallg { position: absolute; width: 300px; top: 26%; left: 53%; } #wechselbild1.allg { float: right; left: 54%; position: absolute; margin-top: -45%; width: 35%; top: 69%; margin-left: 10px; } #sprung.allg { top: -72%; left: 5%; height: 50px; padding-top: 8px; } header.rueck { left: 0%; height: 472px; margin: 2% -2%; } #copy.allg { width: 88%; top: 9%; height: 51%; display: inherit; left: auto; margin-left: 10px; background: #f0f8ffa8; } header.fuss { height: 333px; width: 102%; top: 6px; left: -20px; } body{ width:auto; } #starthome { width: 95%; left: -42px; position: relative; display: block; margin-left: 36px; margin-top: -38px; text-align: center; height: 53%; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #preiseinkl.fuss { position: relative; float: left; top: 31px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 211px; left: 1px; margin-top: 17%; height: 112px; margin-bottom: 5px; } #wrapper.fuss { height: 2540px; } h5.üfuss { font-size: 98%; left: -7px; position: relative; top: -16px; margin-top: 1%; font-style: italic; width: 285px; } h6.üfuss { font-size: 91%; left: -1px; position: relative; top: -11px; margin-top: 1%; font-style: oblique; width: 285px; } h6.oben { font-size: 106%; left: 226px; position: relative; top: 104px; margin-top: 1%; font-style: oblique; width: 285px; color: #09098c; font-family: serif; } #main.fuss { height: 1563px; margin-top: -12%; left: -2%; top: 69px; } header.fuss{ height:300px; width: 74%; top: 6px; left: -158px; } #wechselbild4.fuss { display: block; width: 103%; top: 32%; left: -2%; position: relative; margin-top: -121px; } #starttableindex.fuss { width:85%; padding: 6%; margin-bottom: 10px; margin: 0 auto; margin-top: 1%; margin-left: -5%; text-align: left; height: 301px; margin-bottom: 6%; } #sidebar.fuss { width: 90%; position: relative; height: 333px; margin-bottom: 10px; left: 2%; top: 1%; margin-top: 48px; float: left; } #sidebar1.fuss { width: 32%; height: 500px; float: right; padding: 20px; padding: 2%; left: -36%; top: 2%; } #wechselbild2.fuss { position: absolute; left: 24%; top: 59%; width: 80%; } #sprung.fuss { display: block; float: right; margin-right: -4%; margin-top: 267px; position: fixed; } #nav{ display:none; } h1.fuss{ margin-top: 4%; left:20%; position: relative; font-family: serif; 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, #b1c113e6 0%,#4c710a 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #wasser.fuss { position: absolute; font-size: 98%; width: 72%; padding-top: 93%; top: -73%; left: 113px; } #tablefuss{ width: 62%; padding-bottom: 20px; padding-right: 1%; float: left; margin-bottom: 10px; height: auto; top: 50%; left: 5px; margin-top: 20px; padding-left: 31%; height: 514px; } #fussnote.fuss { top: 9%; left: 0%; position: relative; width: 74%; height: 84%; padding: 38px; margin-top: -49px; } #tablefuss.fuss { width: 43%; position: absolute; top: 77%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -33%; margin-left: 2%; padding-top: 14%; } #rankefuss { display: inline; position: absolute; top: 38%; left: 54%; } #footer.fuss{ clear:both; width:100%; position:relative; margin-top: 11px; margin-bottom: 5px; height: 137px; top: 4%; left: 0%; } } @media screen and (max-width: 800px) { #medien.rueallg { position: absolute; width: 300px; top: 28%; left: 53%; } } @media screen and (max-width:750px) { #sprung.fuss { display: block; float: right; margin-right: -3%; margin-top: 124px; position:fixed; } #wechselbild3.allg { left: -1px; position: relative; top: -8px; width: 95%; display: block; } #sprung.allg { top: -31%; left: 1%; height: 50px; padding-top: 8px; } header.rueck { left: 0%; height: 372px; margin: 7% -2%; width: 100%; padding: 2%; } #tablefuss.fuss { width: 40%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: -290px; left: 3%; height: 522px; } #wrapper.fuss{ height:2582px; } #main.fuss { height: 1593px; margin-top: -4%; left: 1%; } header.fuss{ height:225px; width: 101%; } #fussnote.fuss { top: -9%; left: -2%; position: relative; width: 74%; height: 84%; padding: 38px; margin-top: -49px; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -50%; } #starttableindex.fuss { width: 93%; padding: 45px; margin-bottom: 10px; margin: 0 auto; margin-top: 3%; padding: 11px; left: 12px; height: auto; } #sidebar.fuss { width: 91%; position: relative; height: 407px; margin-bottom: 10px; left: 6px; margin-top: 32px; } #sidebar.imp { width: 81%; height: 400px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 16%; margin-right: 8%; top: -20%; } #sidebar1.fuss { height: 489px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-bottom: 10px; right: 22px; margin-top: 1%; } #sprung.fuss, #sprung.agb { display: block; float: right; position: relative; } #tablefuss { width: 63%; text-align: center; padding-bottom: 20px; float: left; margin-bottom: 3px; height: 506px; top: 45%; left: 5px; margin-top: 20px; } #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%; } } @media screen and (max-width:700px) { #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #preiseinkl.fuss { position: relative; float: left; top: 31px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; width: 250px; } #wrapper.fuss{ height:2593px; } #main.fuss { height: 2106px; top: -3%; margin-top: -32px; left: -12px; } h1.fuss { top: -136%; left: 22%; font-size: 228%; float: left; } #wechselbild4.fuss { display: block; width: 101%; top: -6%; left: -2%; position: relative; margin-top: -22px; } h5.fuss { font: 130% bold,italic; left: 24%; position: relative; top: 50%; } header.fuss{ height:5%; 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: 1%; top: -24%; width: 96%; height: 250px; } #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:650px) { html{ width:auto; } #wechselbild3.allg { left: 9px; top: -24px; width: 97%; } #wechselbild1.allg { float: right; left: 18%; position: absolute; margin-top: -45%; width: 55%; top: 78%; margin-left: 10px; } #sprung.allg { top: -39%; left: 7%; height: 50px; padding-top: 8px; width: 167px; font-size: 85%; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } h6.oben { font-size: 106%; left: 136px; position: relative; top: 28px; margin-top: 1%; font-style: oblique; width: 224px; color: #09098c; font-family: serif; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -31%; left: 20px; } #tablefuss.fuss { width: 79%; position: absolute; left: 1%; height: 507px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 10px; margin-top: 10px; margin-left: 2%; padding-top: 11%; } #sidebar1.fuss { width: 98%; height: 466px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 72px; margin-bottom: 10px; left: -3%; } #fussnote.fuss { top: 30%; left: 4%; position: relative; width: 79%; height: 74%; padding: 38px; margin-top: -35px; } h5.fuss { left: -2%; top: 55%; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 217px; left: 1px; margin-top: 11%; height: 105px; margin-bottom: 1px; } #main.fuss{ width:100%; margin-top: 18px; margin-bottom: 5px; height: 2411px; } header.fuss{ height:80px; width: 101%; margin-bottom: 10px; top: 0%; left: 1%; } #dreieck.fuss { margin-left: 4%; max-width: 200px; left: 9%; top: -106%; position: relative; } h1.fuss{ top: -213%; left:15%; position: relative; font-family: serif; font-size: 228%; float: left; margin-top: 20px; margin-bottom: 20px; } #navileiste.fuss, #naviunten.rückall{ display:none; } #navileiste, #navyquer{ display:none; } #sprung.fuss { display: block; top: 17%; float: right; position: relative; right: auto; margin-top: -58px; margin-right: 3%; } #nav{ display:none; } #starttableindex{ width:87%; top:0%; margin-top: -251px; margin: 0 auto; left: 16px; padding-bottom: 10%; padding-left: 3%; padding-right: 3%; padding-top: 3%; } #starttableindex.fuss { width: 92%; left: 0%; padding: 2%; margin-top: -3px; margin-bottom: 10px; height: auto; padding-bottom: 10%; padding-top: 5%; } #tablefuss{ width: 78%; text-align:center; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 48%; left: 5px; height: 520px; } #sidebar.fuss { width: 89%; position: relative; height: 407px; margin-bottom: 10px; left: 0%; margin-top: 20px; } #wechselbild2.fuss { position: absolute; left: 52%; top: 42%; width: 300px; display: inherit; } #rankefuss { display: inline; position: absolute; top: 27%; left: 46%; } #footer.fuss{ top: -2%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #wrapper.fuss{ margin-left:1%; height:2700px; } #footer.fuss{ clear:both; width:100%; background-color: #9194CF00; position:relative; top: -22px; margin-bottom: 5px; height: 300px; left: 15px; } #copy.fuss { width: 88%; margin: 0 auto; left: -1%; top: 1%; display: inherit; height: auto; padding: 24px; margin-top: 27%; } #footer.allg { top: 94%; width: 98%; background-color: #9194CF00; position: relative; margin-top: 11%; margin-bottom: 15px; height: 158px; left: 4%; } } @media screen and (max-width: 560px) { #wechselbild1.allg { left: 21%; top: 81%; } header.rueck { left: 0%; height: 282px; margin: 7% -2%; width: 100%; padding: 2%; } } @media screen and (max-width: 500px){ header.rueck { left: 0%; height: 238px; margin: 7% -2%; width: 100%; padding-top: 9%; } ul.allg { position: absolute; display: inline-block; width: auto; left: 3%; top: 15%; } #sprung.allg { display: block; position: relative; top: -7%; left: -11%; width: 128px; } h2.rue { font: 90%/1.4 sans-serif; font-weight: normal; font-weight: normal; font-weight: bold; text-align: left; left: 1%; width: 82%; top: 1%; } #wechselbild3.allg { left: -2px; position: relative; top: auto; width: 96%; display: block; margin-top: 6px; } #medien.rueallg{ position: absolute; top:49%; left:92px; width:247px; height: auto; } td.hoererallg { display: block; } td.zwischenoder{ display: block; position: relative; height: 40px; } #footer.allg { top: 3700px; clear: both; width: 101%; background-color: #9194CF99; position: relative; margin-top: 11%; margin-bottom: 15px; height: 161px; left: 6%; } #wechselbild1.allg { float: right; left: 18%; position: absolute; margin-top: -44%; width: 60%; top: 83%; margin-left: 10px; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:18px; width:95%; left:0%; border-style:outset; background-color: #ccc7c7; position: relative; height: 225px; color: #2f511c; border-width: 5px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } h6.oben { font-size: 106%; left: 136px; position: relative; top: 74px; margin-top: 1%; font-style: oblique; width: 224px; color: #09098c; font-family: serif; } #starthome { width: 101%; left: -50px; position: relative; display: block; align-content: center; margin-left: -50px; margin-top: 14%; text-align: center; font: 145%/1.4 sans-serif; margin-bottom:62px } #tablefuss.fuss { width: 79%; position: absolute; left: -2%; height: 507px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 50px; margin-top: 367px; margin-left: 2%; padding-top: 11%; } #preiseinkl.fuss { position: relative; float: left; top: -83px; margin-bottom: -4%; left: 48%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; width: 250px; } #starttableindex.fuss { width: 92%; left: 0%; padding: 2%; padding-top: 2%; padding-bottom: 2%; margin-top: 22px; margin-bottom: 10px; height: auto; padding-bottom: 10%; padding-top: 5%; } #fussnote.fuss { top: 46%; left: -4%; position: relative; width: 84%; height: 76%; padding: 38px; margin-top: -196px; } #wrapper.fuss { margin-left: 1%; height: 3041px; width: 100%; } header.fuss { height: 91px; width: 101%; margin-bottom: 10px; top: 1%; left: 1%; } #wechselbild4.fuss { display:block; width: 93%; top: -1%; left: 3%; position: relative; } #main.fuss { width: 100%; height: 2400px; margin-top:-122px; top:3%; left: -14px; } h1.fuss{ top: -207%; position: relative; font-family: serif; font-size: 228%; float: right; left: -62px; } #navyquer{ display:none; } #sidebar,#sidebar1,#sidebar2{ width:90%; margin-top:10px; margin-bottom:10px; } #spruchstart { width: 99%; margin-top: 2px; margin-bottom: 10px; margin-left: -22px; } #sprung.fuss { display: block; top: 43%; float: right; position: relative; margin-top: -58px; left: -176px; margin-right: -35%; width: 333px; text-align: center; padding-right: 10px; } #spruchstart { width: 102%; margin-top: -76px; margin-bottom: 10px; margin-left: -2%; padding-top: 10%; } #sidebar.fuss { width: 88%; position: relative; height: 449px; margin-bottom: 10px; left: -2%; top: 2%; } #sidebar1.fuss { width: 88%; height: 488px; 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: 29%; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 139%; width: 72%; padding-top: 93%; top: -2%; left: -13px; font-style: oblique; } #wechselbild2.fuss { position: relative; left: 23%; top: -22%; width: 80%; } td.kurztextfuss { margin: -3%; font: 90%/1.2 serif; width: 90%; float: left; padding-bottom: 11px; margin-left: 10%; } #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%; } #footer.fuss { top: 12%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 13px; margin-bottom: 5px; height: 300px; left: 3px; } #copy.fuss { width: 78%; margin: 0 auto; left: 1%; top: -2%; display: inherit; height: auto; padding: 24px; } } @media screen and (max-width: 500px) { #sprung.allg { display: block; position: relative; top: -7%; left: -11%; width: 128px; } #sprung.allg a { color: white; font-size: 120%; text-shadow: none; top: 5px; } #sprung.allg { height:40px; top: 15%; left: 41%; width: 128px; } } @media screen and (max-width: 440px) { #wechselbild1.allg { float: right; left: 18%; position: absolute; margin-top: -44%; width: 60%; top: 83%; margin-left: 10px; } header.rueck { left: 0%; height: 200px; margin: 7% -2%; width: 100%; padding-top: 9%; } #spruchstart { width: 102%; margin-top: -256px; margin-bottom: 10px; margin-left: -8%; padding-top: 10%; padding-bottom: 39%; } } @media screen and (max-width:420px) { #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #medien.rueallg { position: absolute; top: 53%; left: -12%; width: 212px; height: auto; } #spruchstart { width: 99%; margin-top: 2px; margin-bottom: 10px; margin-left: -4%; } header.rueck { width: 100%; margin-bottom: 10px; height: 200px; left: -4px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } #wrapper.fuss { margin-left: 1%; height: 2541px; } #preiseinkl.fuss { position: relative; float: left; top: 66px; margin-bottom: -4%; left: 36%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; } h6.oben { font-size: 91%; left: 100px; position: relative; top: -131px; margin-top: 1%; font-style: oblique; width: 250px; font-family: serif; color: #07076f; } #wechselbild3.fuss { width: 102%; top: 9%; left: -1%; } #wechselbild4.fuss { display: block; width: 107%; top: -1%; left: -3%; position: relative; } #wechselbild3.allg{ width:99% ; left:0%; top:-15px; margin-top:10px; margin-bottom: 10px; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 7%; left: -20px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; left: 1px; margin-top: 39%; height: 85px; margin-bottom: 1px; top: -67px; } ul.fuss{ position: relative; left:10px; } #ampel.fuss { border-radius: 30px; display: block; left: 8%; position: relative; top: 0%; height: auto; padding-bottom: 10%; margin-bottom: -38px; } #dreieck.fuss { margin-left: 4%; width: 111px; left: 2%; top: 13%; position: relative; margin-top: -14%; } #main.fuss { width: 92%; height: 2323px; margin-top: 7%; left: -6px; top: -125px; background-color: #add8e600; } #spruchstart.fuss { height: 95%; position: relative; padding: 4%; width: 92%; right: 12%; display: block; margin-left: 12%; margin-top: -31px; background: linear-gradient(to right, #bece1fe0 0%,#375304e6 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } header.fuss { height: 100px; width: 100%; margin-bottom: 10px; left: -14px; font-size: 80%; } h1.fuss{ top: -3px; left:5%; position: relative; font-family: serif; font-size: 228%; float: left; } h1.fuss { top:-97%; left: -17%; position: relative; font-family: serif; font-size: 228%; float: left; display: flex; flex-flow: column; text-align: center; } h5.fuss { left: 33%; margin-top: -54%; } #sprung.fuss { float: right; position: relative; left: -46%; width: 85%; text-align: center; padding-left: 2px; top: -34%; display: inherit; margin-top: -12%; margin-bottom: 10px; } #navileiste, #navyquer{ display:none; } #starttableindex { width: 88%; top: 6%; margin-top: -12%; margin-bottom: 5px; margin-left: -18px; } #tablefuss { width: 67%; top:45%; left: 17px; height: 545px; } #starttableindex.fuss { width: 90%; left: 1%; padding: 8px; margin-top: 61px; margin-bottom: 37px; top: 1%; height: 509px; padding-bottom: 18px; } #fussnote.fuss { top: 44%; left: 0%; position: relative; width: 78%; height: auto; padding: 38px; margin-bottom:31px; } #sidebar.fuss { width: 77%; position: relative; height: 407px; margin-bottom: 10px; left: 1%; top: 1%; margin-top: 20px; } #rankefuss { display: inline; position: absolute; top: -70%; left: 45%; margin-left: -39px; width: 70%; } #tablefuss.fuss { width: 80%; position: absolute; top: 41%; left: 0%; height: 545px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 10px; margin-top: 60%; margin-left: 2%; padding-top: 6%; } td.kurztextfuss { margin: -3%; margin-left: -3%; font: 90%/1.2 serif; width: 90%; float: left; padding-bottom: 11px; margin-left: 6%; margin-top: -48px; } #sidebar1.fuss { width: 88%; height: 481px; position: relative; padding: 20px; padding: 2%; margin-top: 102px; margin-bottom: 10px; left: 0%; top: 27%; border: none; } #wechselbild2.fuss { position: absolute; left: 45%; top: 49%; width: 54%; margin-bottom: 96px; opacity: 0.9; } #starthome { width: 87%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: time; font-size: 112%; top: 20px; margin-bottom:18px; left: 15px; } #starthome.rue { width: 98%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: sans-serif; font-size: 124%; left: -81px; color: #551a8b; } #footer.fuss { clear: both; width: 88%; position: relative; margin-top: 8%; margin-bottom: 5px; height: auto; top: auto; left: 11px; } #copy.fuss { width: 84%; left: 2%; top: 39%; display: inherit; height: auto; padding: 24px; margin-top: 45px; } #spiegelranke{ position:relative; top:-40px; left:-48px; background-color: #caf9c3; } #rankeumkehr{ position:relative; top:77px; left:38px; width: 77%; } } @media screen and (max-width:390px) { #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } td.kurztextfuss { margin: -3%; margin-top: -3%; margin-left: -3%; margin-left: -3%; font: 90%/1.2 serif; width: 90%; float: left; text-align: left; padding-bottom: 11px; margin-left: 6%; margin-top: -48px; height: auto; } #wechselbild4.fuss { display:block; width: 93%; top: -1%; left: 1%; position: relative; } #rankefuss { display: none; } wechselbild3.fuss{ display:none; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; left: 1px; margin-top: 46%; height: 85px; margin-bottom: 1px; top: auto; } #fussnote.fuss { top: -2%; left: 0%; position: relative; width: 74%; height: 403px; padding: 38px; } #wrapper.fuss { margin-left: 1%; height: 2800px; } #main.fuss { width: 100%; height: 2175px; margin-top: -50px; left: -14px; } header.fuss{ height:2%; width: 101%; } #starttableindex { width: 82%; top: -7%; margin-top: 89px; margin-bottom: 5px; margin-left: -29px; } #sprung.fuss { display: flex; top: -33%; float: left; position: relative; left: -70%; margin-bottom: 10px; flex-flow: column; text-align: center; } #tablefuss.fuss { width: 74%; position: absolute; top: 50%; left: 4%; height: 496px; padding-bottom: 6px; padding-left: 11%; margin-bottom: 10px; margin-top: -30%; margin-left: 2%; padding-top: 6%; } h1.fuss { top: -177%; left: 2% top: 5%; left: -11%; position: relative; font-family: serif; font-size: 228%; float: left; } } @media screen and (max-width:375px) { #starthome.rue { width: 98%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: time; font-size: 129%; left: -92px; top: -9px; } #medien.rueallg { position: absolute; top: 48%; left: 30px; width: 212px; height: auto; } #footer.allg { top: 8%; clear: both; width: 87%; background-color: #9194CF99; position: relative; margin-top: -7%; margin-bottom: 15px; height: 161px; left: 88px; } #rahmen{ display: block; position: relative; border-radius: 15px; border-color: white; top:-560px; width:60%; left:95%; border-style:outset; background-color: #ccc7c7; position: relative; height: 288px; color: white; border-width: 10px; } #wechselbild1.fus{ display: block; position: relative; border-radius: 15px; border-color: white; top:2px; width:97%; left:0%; border-style:outset; background-color: grey; color: wheat; border-width: 7px; } #wechselbild2.fuss { position: absolute; left: 689px; top: 48%; width: 300px; } h6.oben { font-size: 91%; left: -94px; position: relative; top: 13px; margin-top: 1%; font-style: oblique; width: 350px; font-family: serif; color: #07076f; } #preiseinkl.fuss { position: relative; float: left; top: 93px; margin-bottom: -4%; left: 4%; margin-top: 10px; font-size: 83%; font-style: oblique; margin-bottom: 22px; width: 250px; } wechselbild4.fuss{ display:block; position:relative; top:10px; left:1%; } wechselbild3.fuss{ display:none; } #tablefuss.fuss { width: 85%; position: absolute; top: 39%; left: 3%; height: 507px; padding-bottom: 55px; padding-left: 9%; margin-bottom: 10px; margin-top: 66%; margin-left: 2%; padding-top: 6%; } #sidebar1.fuss { width: 80%; height: 440px; position: relative; padding: 20px; padding: 2%; margin-top: -32px; margin-bottom: 10px; left: -1%; top: 29%; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; left: 25px; margin-top: 5%; height: 85px; margin-bottom: 1px; } #starttableindex.fuss { width: 82%; left: 6%; padding: 8px; margin-top: 61px; margin-bottom: 10px; top: -2%; } #fussnote.fuss { left: 5%; position: relative; width: 94%; height: 312px; padding: 38px; margin-top: 39px; } #wrapper.fuss { margin-left: 1%; height: 3041px; width: 99%; } #main.fuss{ width:100%; height:2341px; margin-top: -8px; } header.fuss{ height:106px; width: 101%; } p.fuss{ position:relative; top:-209%; left:32%; width:89%; } h1.fuss{ margin-top: 2%; left:25%; position: relative; font-family: serif; font-size: 228%; float: left; } h5.fuss { padding-left: 18%; margin: 0 auto; font: 100% serif; color: #332F72; position: relative; top: 26%; left: -10%; } #sprung.fuss { display: block; top: 5%; float: right; position:relative; margin-right: 31px; width: 32%; } #navileiste, #navyquer{ display:none; } #starttableindex.fuss { width: 95%; left: 1%; padding: 1px; margin-top: 72px; margin-bottom: 10px; top: -4%; height: 616px; } #sidebar.fuss { width: 86%; position: relative; height: 431px; margin-bottom: 10px; left: 0%; top: -3%; } #wechselbild2.fuss{ left:62%; position:absolute; width:56%; top: -50px; float: left; } #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: 3px; padding: 38px ; margin-top:12%; margin-left: 13%; margin-bottom:-40px ; max-width: 700px; height:250px; } #summary.fussfuss { display: inline; position: relative; top: -147%; width: 100%; height:250px; left: -26%; padding:1%; } #main{ width:90%; height: auto; } #rankefuss { display: inline; position: absolute; top: -83%; left: 36%; margin-left: 3px; } details.fuss { margin-right: 0; margin-top: 0; position: relative; left: 1%; top: 1%; float: left; width: 90%; } h5.üfuss { font-size: 128%; left: 3px; position: relative; top: -34px; margin-top: 7%; font-style: italic; padding-top: 20%; } td.kurztextfuss { margin: -3%; margin-top: -3%; margin-left: -3%; margin-left: -3%; font: 90%/1.2 serif; width: 90%; float: left; text-align: left; padding-bottom: 11px; margin-left: 6%; margin-top: -48px; } #footer.fuss{ top: 0%; clear:both; width:96%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: auto; } #copy.fuss { width: 89%; display: inherit; height: auto; padding: 23px; margin-top: 10px; position: relative; margin-left: 37px; } } @media screen and (max-width:365px){ img { max-width: 90%; } #dreieck.fuss { margin-left: 4%; width: 111px; left: 4%; top: 60%; position: relative; } #wechselbild4.fuss { display: block; width: 93%; top: -1%; left: 1%; position: relative; } #headline.fuss { background-color: #c6f8bf00; width: 83%; position: relative; left: 25px; margin-top: 1%; height: 85px; margin-bottom: 1px; } details.fuss { margin-right: 0; margin-top: 0; position: relative; left: 0%; top: -1%; float: left; width: 95%; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 12%; left: 5px; } #wechselbild3.fuss { display:none; width: 93%; top: 1%; left: -2%; } wechselbild3.fuss{ display:none; } #wechselbild4.fuss { display:block; width: 108%; top: 4%; left: 1%; position: relative; } #rankefuss1 { display: inline; position: absolute; top: 50%; left: 8%; margin-left:21%; } #sidebar1.fuss { width: 88%; height: 477px; position: relative; padding: 20px; padding: 2%; margin-top: 40px; margin-bottom: 10px; left: -2%; } header.fuss{ width: 95%; left: 23%; top: -12px; height: 150px; } p.fuss{ position:relative; top:-13%; left:-1%; width:87%; } h1.fuss{ top: -28%; left:27%; position: relative; font-family: serif; font-size: 228%; float: left; width: auto; } h5.fuss { padding-left: 18%; margin: 0 auto; font: 100% serif; color: #332F72; position: relative; top: 2%; left: 12%; } #header.fuss { height: 76px; width: 101%; } #sprung.fuss { display: block; top: 37%; float: left; position: relative; left: 103px; margin-top: -100px; width: 306px; height: 32px; } #starttableindex.fuss { width: 81%; left: 2%; padding: 8px; margin-bottom: 10px; height: auto; font-size: 93%; margin-top: 51%; padding-bottom: 59px; } #sidebar.fuss { width: 80%; position: relative; height: 428px; margin-bottom: 10px; left: -4%; top: -3%; } #spruchstart.fuss { height: 95%; position: relative; padding: 4%; width: 92%; right: 2%; display: block; margin-left: 2%; margin-top: -3px; } #tablefuss.fuss { width: 64%; position: absolute; left: 0%; height: 561px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 10px; margin-left: 2%; padding-top: 4%; margin-top: 40px; font-size: 100%; top: 52%; } #fussnote.fuss { top: 6%; left: 1%; position: relative; width: 67%; height: 284px; padding: 38px; } fussnote.fuss { top: -213%; left: 5%; position: relative; width: 67%; height: 403px; padding: 38px; } #nav, #naviunten{ display:none; float:right; } #navileiste, #navyquer{ display:none; } #tablefuss, #tablerück{ top:-1%; left:-5%; width:64%; margin-bottom: 15px; margin-top: 5px; position:relative; font-size: 97%; padding-left: 35px; padding-right: 18px; padding-top: 31px; } #wechselbild2.fuss{ left:27%; position:relative; width:70%; margin-top: -530px; } #footer.fuss { top: 0%; clear: both; width: 92%; background-color: #9194CFD1; position: relative; margin-top: 5px; margin-bottom: 5px; height: 140px; left: 0px; padding-top: 3%; } #copy.fuss{ left:-7%; margin-top:18px; top:auto; height: auto; width: 75%; } 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: 3px; padding: 38px ; margin-top:12%; margin-left: 13%; margin-bottom:-40px ; max-width: 700px; height:250px; } #summary.fussfuss { display: inline; position: relative; top: -147%; width: 100%; height:250px; left: -26%; padding:1%; } summary{ position:relative; top:1%; float: right; } #rankefuss { display: inline; position: absolute; top: 41%; left: 34%; } details.fuss { margin-right: 0px; margin-top: 0; position: relative; left: 2%; top: 5%; float: left; width: 90%; } }