@charset "utf-8";
/* Styles for Landscape screen */
@media all and (orientation:landscape) {
/* Header */
.headerSlideshowMotto25Jahre { font-size: 2em; }
.headerSlideshowMottoInfo { width: 54%; }
.headerNavLinks { width: 34%; }
.headerNavMitte { width: 30%; }
.headerNavRechts { width: 32%; }
.headerNavLinks li, .headerNavRechts li { font-size: 1.4em; }
.headerNavMitte img { width: 84%; }

/* Content */
#wrapperContent { width: 94%; max-width: 94%; }
#wrapperContent p { font-size: 1.2em; }
.contentBox h1 { font-size: 1.6em; }
.contentBox li { font-size: 1.2em; }
.contentInfobox { width: 32%; margin: 0 1em 0 0; }
.contentInfobox h2 { font-size: 1.4em; }
.contentInfobox p { min-height: 11em; }

/* Content Unterseiten */
.contentBoxDetailLeft { font-size: 1.2em; }
.contentBoxDetailRight { font-size: 1.2em; }
.contentBoxDetailLeft li, .contentBoxDetailRight li { font-size: 1em; }
.video {}

/* wiederkehrende Elemente */
.buttonOrange { font-size: 1.2em; }
}

/* Styles for Portrait screen */
@media all and (orientation:portrait) {
/* Header */
.headerSlideshowMotto25Jahre { font-size: 1.8em; }
.headerSlideshowMottoInfo { width: 60%; }
.headerNavLinks { width: 38%; }
.headerNavMitte { width: 30%; }
.headerNavRechts { width: 32%; }
.headerNavLinks li, .headerNavRechts li { width: 100%; padding: 0 .8em 0 0; line-height: 1.4em; font-size: 1.2em; }
.headerNavMitte img { width: 74%; }
#wrapperheaderSlideshowMotto { top: 20%; left: 48%; }

/* Content */
#wrapperContent { width: 94%; max-width: 94%; }
#wrapperContent p { font-size: 1.2em; }
.contentBox h1 { width: 52%; font-size: 1.6em; }
.contentBox h2 { width: 52%; font-size: 1.6em; }
.contentBox li { font-size: 1.2em; }
.contentBoxImageRight { width: 44%; margin: 2em 0 0 0; }
.contentInfobox { width: 96.5%; min-height: auto; margin: 0 0 1.4em 0; box-sizing: content-box; }
.contentInfobox h2 { font-size: 1.6em; margin: .4em 0 .4em 0; }
.contentInfobox p { font-size: 1.2em; min-height: 4em; }

/* Content Unterseiten */
.contentBoxDetailLeft { width: 100%; font-size: 1.2em; }
.contentBoxDetailRight { width: 100%; font-size: 1.2em; }
.contentBoxDetailLeft li, .contentBoxDetailRight li { font-size: 1em; }
.contentBoxDetailLeft img, .contentBoxDetailRight img { margin: .8em 0 .8em 0; }
.video { margin: .8em 0 0 0; }

/* wiederkehrende Elemente */
.buttonOrange { font-size: 1.2em; }

}