/* ========================================================================== Fonts ===================================================================================================== */
/* Bitter */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bitter-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bitter Regular'), local('Bitter-Regular'),
       url('../fonts/bitter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bitter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bitter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bitter-v12-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bitter-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Bitter Bold'), local('Bitter-Bold'),
       url('../fonts/bitter-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bitter-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bitter-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bitter-v12-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Bitter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/bitter-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Bitter Italic'), local('Bitter-Italic'),
       url('../fonts/bitter-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bitter-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bitter-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bitter-v12-latin-italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* Bitter */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/DroidSans-webfont.eot'); /* IE9 Compat Modes */
  src: local('Bitter Regular'), local('Bitter-Regular'),
       url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DroidSans-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DroidSans-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/DroidSans-Bold-webfont'); /* IE9 Compat Modes */
  src: local('Bitter Bold'), local('Bitter-Bold'),
       url('../fonts/DroidSans-Bold-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ========================================================================== Styling and layout for all media ========================================================================== */

/* Abridged version of Normalize.css ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
p, pre { margin: 1em 0; }
b, strong { font-weight: bold; }
img { border: 0; -ms-interpolation-mode: bicubic; }
table { margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; width: 100%; }
th, td { vertical-align: top; text-align: left; }
dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 2em; }
dl dl, ul ul, ol ol { margin: 0; }
menu, ol, ul { padding: 0 0 0 2em; }

/* Clearfix ========================================================================== */
.clearfix, header, nav ul, .container, footer, #paginator, #monthly-list { *zoom: 1; }
.clearfix:before, .clearfix:after, header:before, header:after, nav ul:before, nav ul:after, .container:before, .container:after, footer:before, footer:after, #paginator:before, #paginator:after, #monthly-list:before, #monthly-list:after { content: ""; display: table; }
.clearfix:after, header:after, nav ul:after, .container:after, footer:after, #paginator:after, #monthly-list:after { clear: both; }

/* ========================================================================== Styling and layout for screen media (mobile first) ========================================================================== */

@media screen {

/* Layout ========================================================================== */
body { margin: 0; background: #f7f7f7; }
.wrapper { border-bottom: solid 1px #ccc; padding-top: 2em; background: #fff; }
header, .container, footer { margin: 0 auto; /* 960px / 1024px */ width: 93.75%; /* max-width: 86em; */ }
header { width: 100%; max-width: none; padding: 1.2em 0; background: #32344C; }
header h1 { float: left; margin: 0 3.125%; width: 66%; /* width: 93.75%; */ color: white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); line-height: 1; }
header h3 { float: left; margin: .667em 3.125% 0; width: 66%; /* width: 93.75%; */ color: white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7); padding: 0 0 1.3em 0; line-height: 1; }
header #logo { display: none; float: right; width: 6.643em; height: 8.357em; background: url(logo-mefo-weiss.svg) no-repeat; margin: 0 3.125% 0 0; }
nav { border-top: solid 1px #16469E; border-bottom: solid 1px #16469E; background-color: #2B57A7; }
nav h1 { display: none; }
nav ul { margin: 0 auto; padding: 0; /* max-width: 86em; */ list-style: none; list-style-image: none; }
nav li { margin: 0; border-bottom: solid 1px #16469E; }
nav li:last-child { border-bottom: 0; }
nav li:hover, .webradio-page nav li.navWebradio, .front-page nav li.navStart, .projekt-page nav li.navProjekt, .aktuelles-page nav li.navStart, .redaktionsgruppen-page nav li.navGruppen, .servicestelle-page nav li.navService, .projekte-page nav li.navProjekte, .regionalstelle-page nav li.navRegionalstelle, .service-page nav li.navService, .schulungen-page nav li.navSchulungen, .ueber-uns-page nav li.navUeber, .kontakt-page nav li.navKontakt, nav li.active { background-color: #144090; }
nav li:active { background-color: #144090; }
nav a { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); display: block; padding: .5em 3.125%; color: #FFF; }
[role="article"] { margin-bottom: 2em; }
article.article-default { }
[role="complementary"] { margin-bottom: 2em; padding-top: 2em; border-top: dashed 2px #ccc; overflow: hidden; }
[role="search"] p { margin-top: 0; }
footer { padding: .5em 0; }
.footerLogos { height: 10.786em; }
.footerLogos img { margin: 1em 1em 0 0; float: left; }

/* Links ========================================================================== */
a { position: relative; text-decoration: none; color: #FF6C00; -webkit-tap-highlight-color: rgba(0, 102, 255, 0.5); }
a:hover, a:active { outline: 0; }
a:active { top: 1px; }
header a { color: white; }
header a:hover, header a:active { }
[role="main"] a:hover, [role="main"] a:active, [role="complementary"] a:hover, [role="complementary"] a:active, footer a:hover, footer a:active { text-decoration: underline; color: #FF6C00; }
[role="main"] a:visited, [role="complementary"] a:visited, footer a:visited { color: #FF6C00; }
[role="main"] h1 a { color: #4B585E; }
[role="main"] h1 a:visited { color: #4B585E; }
[role="main"] h1 a:hover, [role="main"] h1 a:active { text-decoration: none; color: #4B585E; }
[role="main"] h1 a span, h4 a span { color: #ddd; }
[role="main"] h1 a:hover span, [role="main"] h1 a:active span { color: #4B585E; }
[role="main"] h4 a:hover span, [role="main"] h4 a:active span { color: #FF6C00; }

/* Typography ========================================================================== */
body { font-family: "Droid Sans", Arial, Helvetica, sans-serif; /* 14px / 16px */ font-size: 0.875em; line-height: 1.5; color: #4B585E; }
nav { font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-family: Bitter, Georgia, serif; /* 28px */ font-size: 1.5em; line-height: 1.222; letter-spacing: 0; margin: 0; font-weight: normal; }
header h1 { font-weight: bold; }

h1:first-child { margin-top: 0; }
h2 { font-family: Bitter, Georgia, serif; /* 21px */ font-size: 1.5em; /* 28px / 21px */ line-height: 1.33333333333333; /* 21px margin top/bottom */ margin: .75em 0; }
h3 { /* 18px */ font-size: 1.28571428571429em; /* 26px / 18px */ line-height: 1.44444444444444; font-weight: normal; font-style: italic; /* 16px margin top/bottom */ margin: .76190476190476em 0; }
h4 { font-family: Bitter, Georgia, serif; /* 16px */ font-size: 1.14285714285714em; margin: 0; }
p.posted, p.author { font-size: 0.875em; }
.redaktionsgruppen-page p.posted { display: none; }
p.author { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: .4em 0 .3em; clear: both; }
p.trenner { border-top: 1px solid #ddd; clear: both; }
blockquote { /* 16px */ font-size: 1.14285714285714em; font-style: italic; margin: .875em 0 .875em 0; padding: 1px .875em; -moz-border-radius: .35714285714286em; border-radius: .35714285714286em; background: #fff6d3; }
address { margin: 1em 0; }

small, figcaption, tfoot, .footnote { /* 12px */ font-size: .85714285714286em; }
figcaption, tfoot, .footnote { color: #888; }
figcaption { margin-top: .33333333333333em; font-style: italic; }

/* Embedded content ========================================================================== */
img, video { max-width: 100%; height: auto; }
figure { margin: 0; }
/* image alignemnts */ img.align-left { float: left; margin: 1em 1em 1em 0; } img.align-right { float: right; margin: 1em 0 1em 1em; } img.align-center { display: block; margin: 1em auto; }
svg:not(:root) { overflow: hidden; }
.termine-page iframe { width: 100%; height: 560px; margin: 1.4em 0; }
.pageID-18 .navProgramm, .pageID-20 .navStudiokalender, .pageID-21 .navKonferenzraum { font-weight: bold; }
.articleImages { float: left; width: 10.714em; padding: .2em 1em .5em 0; }
.articleImages img { width: 10.714em !important; border: 1px solid #e3e3e3; -moz-border-radius: .357em; border-radius: .357em; }

/* Tables ========================================================================== */
caption { font-style: italic; text-align: left; margin-bottom: .5em; }
th, td { border-bottom: solid 1px #ccc; padding: .286em .5em .286em 0; }
th:last-child, td:last-child { padding-right: 0; }
thead th, thead td { border-bottom: solid 2px #ccc; }
tfoot th, tfoot td { border-bottom: 0; padding: .333em .583em .333em 0; }
tfoot:last-child { padding-right: 0; }

/* Karsten 20190209 */
tbody tr:nth-child(even) { background-color: #e4ebf2; color: #000; }


/* Lists ========================================================================== */
dt { font-style: italic; }
[role="main"] #article-list { list-style: none; margin: 1em 0 2em 0; padding: 0; border-top: solid 1px #ccc; }
#article-list li { border-bottom: solid 1px #ccc; padding-top: 1em; margin-bottom: 0; }
.customFields { padding: 0 0 1em 0; clear: both; }
.category_list .active { font-weight: bold; }

/* Forms ========================================================================== */
form { margin: 0; }
fieldset { margin: 0; border: 0; padding: 0; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888; } input:-moz-placeholder, textarea:-moz-placeholder { color: #888; }
button:invalid, a.button:invalid, input:invalid, input[type="button"]:invalid, input[type="reset"]:invalid, input[type="submit"]:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button::-moz-focus-inner, a.button::-moz-focus-inner, input::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, textarea::-moz-focus-inner { border: 0; padding: 0; } button:focus, a.button:focus, input:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 7px #0066ff; -moz-box-shadow: 0 0 7px #0066ff; box-shadow: 0 0 7px #0066ff; z-index: 1; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-appearance: none; font-family: "Droid Sans", Arial, Helvetica, sans-serif; /* 12px */ font-size: .85714285714286em; text-align: left; border: solid 1px #ccc; padding: .5em; background: #fff; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; border-radius: 0; }
input[type="color"] { padding: 0; height: 2.33333333333333em; }
[role="complementary"] input[type="search"] { margin-top: 1em; margin-right: 2px; width: 66.667%; display: inline-block; -moz-border-radius: .357em; border-radius: .357em; *display: inline; *zoom: 1; }
textarea { min-height: 3em; overflow: auto; vertical-align: top; resize: vertical; width: 100%; }
select { font-family: "Droid Sans", Arial, Helvetica, sans-serif; /* 12px */ font-size: .85714285714286em; text-align: left; border: solid 1px #ccc; padding: .5em; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea, select[size], select[multiple] { height: auto; }
optgroup { font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #4B585E; }
optgroup::-moz-focus-inner { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 1em; *width: 1em; }
button[disabled], input[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], span.disabled { opacity: 1; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; user-select: none; border: solid 1px #d2d2d2 !important; text-shadow: none !important; color: #888888 !important; background: #eee !important; cursor: default !important; top: 0 !important; }
.large input { width: 50%; min-width: 302px; }
.large textarea { height: 156px; }
.small input { width: 25%; min-width: 151px; }
.small textarea { height: 5.5em; }

/* Buttons ========================================================================== */
button, [role] a.button, span.disabled, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -webkit-background-clip: padding; -khtml-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: auto; overflow: visible; font-family: "Droid Sans", Arial, Helvetica, sans-serif; /* 12px */ font-size: .857em; font-weight: normal; line-height: normal; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); cursor: pointer; border: solid 1px #16469E; -moz-border-radius: .357em; border-radius: .357em; padding: .5em 1em; display: inline-block; *display: inline; *zoom: 1; color: #FFF; outline: 0; background-color: #5073B4; /* Konqueror */ background-image: -khtml-gradient(linear, left top, left bottom, from(#5073B4), to(#16469E)); /* Safari4+, Chrome */ background-image: -webkit-gradient(linear, left top, left bottom, from(#5073B4), to(#16469E)); /* Safari5.1+, Chrome10+ */ background-image: -webkit-linear-gradient(#5073B4, #16469E); /* Firefox3.6 */ background-image: -moz-linear-gradient(#5073B4, #16469E); /* Opera11.10+ */ background-image: -o-linear-gradient(#5073B4, #16469E); /* CSS3 Compliant */ background-image: linear-gradient(#5073B4, #16469E); }
button:active, [role] a.button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { position: relative; top: 1px; color: #1a1a1a; background-color: #16469E; /* Konqueror */ background-image: -khtml-gradient(linear, left top, left bottom, from(#16469E), to(#5073B4)); /* Safari4+, Chrome */ background-image: -webkit-gradient(linear, left top, left bottom, from(#16469E), to(#5073B4)); /* Safari5.1+, Chrome10+ */ background-image: -webkit-linear-gradient(#16469E, #5073B4); /* Firefox3.6 */ background-image: -moz-linear-gradient(#16469E, #5073B4); /* Opera11.10+ */ background-image: -o-linear-gradient(#16469E, #5073B4); /* CSS3 Compliant */ background-image: linear-gradient(#16469E, #5073B4); }
#paginator { margin-bottom: 2em; }
#paginator .button { padding: .25em 1em; }
#paginator a.button { text-decoration: none; color: white; }
#paginator-l { float: left; }
#paginator-r { float: right; }

/* Plugins: audiojs => github.com/kolber/audiojs ========================================================================== */
/* original */ .audiojs audio { position: absolute; left: -1px; } .audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; } .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; } .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; } .audiojs .play { display: block; } .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; } .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1; } .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; } .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; } .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; } .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } .audiojs .play { background: url("player-graphics.gif") -2px -1px no-repeat; } .audiojs .loading { background: url("player-graphics.gif") -2px -31px no-repeat; } .audiojs .error { background: url("player-graphics.gif") -2px -61px no-repeat; } .audiojs .pause { background: url("player-graphics.gif") -2px -91px no-repeat; } .playing .play, .playing .loading, .playing .error { display: none; } .playing .pause { display: block; } .loading .play, .loading .pause, .loading .error { display: none; } .loading .loading { display: block; } .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; } .error .error { display: block; } .error .play-pause p { cursor: auto; } .error .error-message { display: block; }
/* custom */ .audiojs { clear: both; margin: 1em 0 0 0; font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-size: 11px; background-image: none; box-shadow: none; } .audiojs .progress { background-image: none; } .audiojs .loaded { background-image: none; } .audiojs .time { text-shadow: none; }
[role="complementary"] .audiojs { width: 340px; } [role="complementary"] .audiojs .error-message { width: 240px; } [role="complementary"] .audiojs .loading { background: url("player-graphics.gif") -2px -91px no-repeat; }

/* ========================================================================== Ende @media screen ========================================================================== */
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
select, select[size="0"], select[size="1"] { height: 2.2em; }
select:not([size]), select:not([multiple]) { position: relative; top: -1px; }
}

/* ========================================================================== Additional layout for screen media 490px and up ========================================================================== */

@media only screen and (min-width: 35em) {
nav ul { width: 93.75%; }
nav li { float: left; border-right: solid 1px #16469E; border-bottom: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
nav li.navFacebook { float: right; border-right: 0; text-transform: lowercase; }
nav li.navFacebook:hover { background: transparent; }
nav li.navFacebook a { background: #144090; padding: .2em .85em; margin: .2em; border-radius: 1.5em; }
nav li.navFacebook a:hover { background: white; color: #144090; padding: .2em .85em; margin: .2em; border-radius: 1.5em; }
nav li.navFacebook span { display: none; }
nav li:first-child { border-left: solid 1px #16469E; }
nav a { padding: .4em 1.1em; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.articleImages { float: left; width: 14.286em; padding: .2em 1.5em .5em 0; }
.articleImages img { width: 14.286em !important; }

header #logo { display: block; }
}

/* ========================================================================== Additional layout for screen media 672px and up ========================================================================== */

@media only screen and (min-width: 48em) {
[role="main"] { float: left; /* 592px / 960px */ width: 61.666666666667%; min-height: 60em; }
[role="complementary"] { float: right; border: 1px solid #e3e3e3; -moz-border-radius: .357em; border-radius: .357em; padding: 1em 1em 0; /* 290px / 960px */ width: 30.208%; background: #f7f7f7; }
h1 { font-size: 2em; letter-spacing: 0; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.333em; }
blockquote { float: right; margin: 0 0 .875em .875em; /* 254px / 592px */ width: 42.905405405405%; }
header { background: #32344C url(bg.jpg) top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.articleImages { float: left; width: 17.857em; padding: .2em 2em .5em 0; }
.articleImages img { width: 17.857em !important; }

}

/* ========================================================================== Additional layout for screen media 1280px and up ========================================================================== */

@media only screen and (min-width: 80em) {
body { /* 16px */ font-size: 100%; }
header, nav ul, .container, footer { /* 1152px / 1280px */ width: 90%; }
header { width: 100%; margin: 0; max-width: none; }
header h1, header h3 { margin-left: 5%; margin-right: 5%; }
header #logo { margin: 0 5% 0 0; }
}

/* ========================================================================== Additional layout for screen media 1680px and up ========================================================================== */

@media only screen and (min-width: 105em) {
body { /* 18px */ font-size: 112.5%; }
}

/* ========================================================================== Fix for reponsive embedded content in IE8 ========================================================================== */

@media \0screen {
img, video { width: auto; }
}

/* ========================================================================== Styling and layout for print media ========================================================================== */

@media print {
* { color: black !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 8pt; line-height: 1.5; margin: .5cm; padding: 2em 5em; }
header { border-bottom: solid 1pt black; }
footer { margin-top: 12pt; border-top: solid 1pt black; }
nav, audio, video, form, [role="complementary"], #paginator, #comments-form, .comments h4 a:last-child { display: none; }
a { text-decoration: none; }
a[href]:after { content: " (" attr(href) ")"; }
h1 a[href]:after, h2 a[href]:after, h3 a[href]:after, sup a[href]:after, a[itemprop="discussionUrl"]:after, a[rel="tag"]:after { content: ""; }
abbr[title]:after { content: " (" attr(title) ")"; }
h1 { font-size: 32pt; line-height: 36pt; font-weight: normal; margin: .5em 0; }
h2 { font-size: 18pt; line-height: 23pt; page-break-after: avoid; orphans: 3; widows: 3; margin: .66666666666667em 0; }
h3 { font-size: 12pt; line-height: 17pt; page-break-after: avoid; orphans: 3; widows: 3; margin: .66666666666667em 0; }
p { orphans: 3; widows: 3; }
footer, figcaption, tfoot, small, .footnote { font-size: 6pt; }
blockquote { border: solid 1pt black; padding: 0 8pt; page-break-inside: avoid; }
pre { margin-bottom: 8pt; border: solid 1pt black; padding: 8pt; }
.comments { page-break-inside: avoid; }
pre, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; }
dfn, q, dt { font-style: italic; }
img { max-width: 100% !important; page-break-inside: avoid; }
/* image alignemnts */ img.align-left { float: left; margin: 1em 1em 1em 0; } img.align-right { float: right; margin: 1em 0 1em 1em; } img.align-center { display: block; margin: 1em auto; }
audio { display: none; }
figure { margin-bottom: 8pt; }
figcaption { margin-top: 4pt; }
ul { list-style: square; margin: 0 0 8pt 1.8em; }
ol { list-style: decimal; margin: 0 0 8pt 1.8em; }
dl { margin: 0 0 8pt 1.8em; }
table { margin-bottom: 8pt; width: 100%; }
caption { font-weight: bold; text-align: left; margin-bottom: 4pt; }
thead { display: table-header-group; }
thead th { border-top: solid 1pt black; }
tr { page-break-inside: avoid; }
th, td { border-bottom: solid 1pt black; padding: 4pt 8pt; }
}