div.fenstercontent { width: 1180px; margin: 0 auto;}
ol {margin: 0; padding: 0;}
ol li {display: inline-block; text-align: center; margin: 10px; padding: 10px;}
ol li img.menulistenbild {padding: 0; margin: 0 0 20px 0;}
img.menulistenbild {padding: 0; margin: 0px 20px 20px 0px; padding: 4px;}
div.HauptMenu { position: fixed; top: 24px; right: 64px; border: 2px solid rgba(0, 0, 55, 1); border-radius: 12px; z-index: 100; text-align: right; background-color: rgba(0, 0, 55, 0.75);}
img#HauptMenuButton { width: 44px; margin: 6px;}
div.HauptMenuSlider {display: none; text-align: left; margin: 0 20px 0 6px; font-size: 22px;}
@media only screen and (max-width: 1366px) {
div.fenstercontent { width: 1180px; margin: 0 auto;}
ol {margin: 0; padding: 0;}
ol li {display: inline-block; text-align: center; margin: 10px; padding: 10px;}
ol li img.menulistenbild {padding: 0; margin: 0 0 20px 0;}
img.menulistenbild {padding: 0; margin: 0px 20px 20px 0px; padding: 4px;}
div.HauptMenu { position: fixed; top: 24px; right: 64px; border: 2px solid rgba(0, 0, 55, 1); border-radius: 12px; z-index: 100; text-align: right; background-color: rgba(0, 0, 55, 0.75);}
img#HauptMenuButton { width: 44px; margin: 6px;}
div.HauptMenuSlider {display: none; text-align: left; margin: 0 20px 0 6px; font-size: 20px;}
}
/* --- Tablet: Landscape --- */
@media only screen and (max-width: 1200px) {
div.fenstercontent { width: 940px; margin: 0 auto;}
ol {margin: 0; padding: 0;}
ol li {display: inline-block; text-align: center; margin: 10px; padding: 10px;}
ol li img.menulistenbild {padding: 0; margin: 0 0 20px 0;}
img.menulistenbild {padding: 0; margin: 0px 20px 20px 0px; padding: 4px;}
div.HauptMenu { position: fixed; top: 12px; right: 24px; border: 2px solid rgba(0, 0, 55, 1); border-radius: 12px; z-index: 100; text-align: right; background-color: rgba(0, 0, 55, 0.75);}
img#HauptMenuButton { width: 44px; margin: 6px;}
div.HauptMenuSlider {display: none; text-align: left; margin: 0 20px 0 6px; font-size: 18px;}
}
/* --- Tablet: Portrait --- */
@media only screen and (max-width: 960px) {
div.fenstercontent { width: 720px; margin: 0 auto;}
ol {margin: 0; padding: 0;}
ol li {display: inline-block; text-align: center; margin: 10px; padding: 10px;}
ol li img.menulistenbild {padding: 0; margin: 0 0 20px 0;}
img.menulistenbild {padding: 0; margin: 0px 20px 20px 0px; padding: 4px;}
div.HauptMenu { position: fixed; top: 12px; right: 24px; border: 2px solid rgba(0, 0, 55, 1); border-radius: 12px; z-index: 100; text-align: right; background-color: rgba(0, 0, 55, 0.75);}
img#HauptMenuButton { width: 44px; margin: 6px;}
div.HauptMenuSlider {display: none; text-align: left; margin: 0 20px 0 6px; font-size: 18px;}
}
/* --- Mobile Phones --- */
@media only screen and (max-width: 739px) {
div.fenstercontent { width: calc( 100% - 48px); margin: 0 auto;}
.rechts { float: none; margin: 24px auto; width: 100%;}
.rechts { float: none; margin: 24px auto; width: 100%;}
ol {margin: 0; padding: 0;}
ol li {display: inline-block; text-align: center; margin: 10px; padding: 10px;}
ol li img.menulistenbild {padding: 0; margin: 0 0 20px 0;}
img.menulistenbild {padding: 0; margin: 0px 20px 20px 0px; padding: 4px;}
div.HauptMenu { position: fixed; top: 12px; right: 18px; border: 2px solid rgba(0, 0, 55, 1); border-radius: 12px; z-index: 100; text-align: right; background-color: rgba(0, 0, 55, 0.75);}
img#HauptMenuButton { width: 42px; margin: 6px; max-width: 100%;}
div.HauptMenuSlider {display: none; text-align: left; margin: 0 20px 0 6px; font-size: 16px;}
.rechts { float: none; margin: 0 auto; display: block; max-width: 80%;}
.links { float: none; margin: 0 auto; display: block; max-width: 80%;}
}