@charset "UTF-8";
/*
Theme Name: Magdeburg Marathon
Author: das parsmedia Team
Author URI: http://parsmedia.info/
Description: Theme für die Joomla Webseite von Magdeburg Marathon
Version: 1.0
*/
/* ===============================================================================
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark ====================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, #content ul.latestnews li, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* Correct text resizing oddly in IE6/7 when body font-size is set using em units */
  vertical-align: baseline;
  background: transparent; }

input {
  -web-kit-border-radius: 0;
  border-radius: 0; }

/* =============================================================================
	HTML5 BOILERPLATE ======================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/* Corrects block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio:not([controls]) {
  display: none;
  height: 0; }

/* Prevents modern browsers from displaying 'audio' without controls; Remove excess height in iOS5 devices */
[hidden] {
  display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4; Known issue: no IE6 support */
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, #content ul.latestnews li, h5, h6 {
  text-rendering: optimizeLegibility; }

button, input, select, textarea {
  font: 100% sans-serif;
  /* Correct font-size not inheriting in all browsers */
  margin: 0;
  /* Remove margins in FF3/4 S5 Chrome */
  vertical-align: baseline;
  *vertical-align: middle; }

/* Define consistent vertical alignment display in all browsers */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Remove default vertical scrollbar in IE6/7/8/9 & Allow only vertical resizing */
button, input {
  line-height: normal; }

/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
/* Display hand cursor for clickable form elements, Allow styling of clickable form elements in iOS & Correct inner spacing displayed oddly in IE7 (doesn't effect IE6): */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *width: auto;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

/* Re-set default cursor for disabled elements */
/* Consistent box sizing and appearance: */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Remove inner padding and border in FF3/4 */
/* Colors for form validity: */
input:valid, textarea:valid {
  color: inherit; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* Remove text-shadow in selection highlight: */
::-moz-selection {
  background: gray;
  color: #fff;
  text-shadow: none; }

::selection {
  background: gray;
  color: #fff;
  text-shadow: none; }

img {
  -ms-interpolation-mode: bicubic;
  /* Improve image quality when scaled in IE7 */
  vertical-align: middle; }

/* Remove the gap between images and borders on image containers */
svg:not(:root) {
  overflow: hidden; }

/* Correct overflow not hidden in IE9 */
label {
  cursor: pointer; }

/* Indicate that 'label' will shift focus to the associated form element */
input + label {
  cursor: text; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/* Correct color not inheriting in IE6/7/8/9 & alignment displayed oddly in IE6/7 */
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, td img {
  vertical-align: top; }

/* =============================================================================
	TYPOGRAPHIE ============================================================== */
ul, ol {
  margin: 0 0 1em;
  padding: 0 0 0 1.5em; }

ol {
  list-style-type: decimal; }

nav ul, nav ol {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

b, strong {
  font-weight: bold; }

blockquote, q {
  quotes: none;
  margin: 1em 40px; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

dfn, i, em {
  font-style: italic;
  margin-right: .2em; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #111;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* #DE0027eclare monospace font family */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* Improve readability of pre-formatted text in all browsers */
small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Non-Semantic Helper Classes =============================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Optisch verstecken (auch von Screenreader), aber behalte den Platz im Layout */
.invisible {
  visibility: hidden; }

/* Der glorreiche CLEARFIX: Aktualisiert, um einen Einsturz der Außenabstände in Kind-Elementen zu verhindern: j.mp/bestclearfix */
.clearfix:before, .wrapper:before, .clearfix:after, .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after, .wrapper:after {
  clear: both; }

.clearfix:before, .wrapper:before {
  clear: both; }

.clearfix, .wrapper {
  zoom: 1; }

/* Clearfix-Fix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.no-click {
  cursor: default; }

*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.transition, a, form input, form textarea, form label {
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-backface-visibility: hidden; }

html {
  overflow-x: hidden; }

body {
  color: black;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  overflow-x: hidden;
  background: url("graphics/bg-master-2-2.jpg") repeat-x top left #012c56;
  margin-bottom: 71px; }

.wrapper {
  display: block;
  min-width: 300px;
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
  background: #f6f6f6; }
  #masthead .wrapper {
    background: transparent; }

.accessibility, .defocus {
  display: none; }

h1, h2, h3, h4, #content ul.latestnews li, h5, h6 {
  font-size: 1.125em;
  font-family: Lato, Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  color: #e2001a;
  text-align: left;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  h1 span, h2 span, h3 span, h4 span, #content ul.latestnews li span, h5 span, h6 span {
    color: #395fa5;
    display: block; }

h1, h2 {
  margin-bottom: 0;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual; }
  h1 span, h2 span {
    font-size: 0.75em;
    font-weight: normal;
    margin: 0.75em 0; }
    h1 span strong, h2 span strong {
      white-space: nowrap;
      display: inline-block;
      width: 100%;
      font-size: 1.333em;
      margin: 0.25em 0; }

h2 {
  font-size: 1.25em;
  color: #e2001a;
  text-transform: none;
  line-height: 1.5; }
  h2 span {
    font-size: 0.8em;
    font-weight: bold; }

h3 {
  color: #395fa5;
  font-size: 1.125em; }
  aside h3 {
    color: #e2001a; }
  p + h3 {
    margin-top: 2em; }

h4, #content ul.latestnews li {
  color: black;
  font-size: 1em; }

p {
  font-size: 0.875em;
  margin-bottom: 1em;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

address {
  font-size: 0.875em;
  margin-bottom: 1em; }

a {
  color: #e2001a;
  text-decoration: none;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  a:hover {
    text-decoration: underline; }
  a:focus {
    border: 0; }

img {
  width: auto;
  max-width: 100%;
  height: auto; }
  img.image-left, img.image-right {
    margin: 0 auto 2em;
    display: block; }
  @media screen and (min-width: 460px) {
    img.image-left {
      float: left;
      margin: 0 2em 0 0; }
    img.image-right {
      float: right;
      margin: 0 0 0 2em; } }
  #content .main img {
    padding: 3px;
    background: white;
    border: 1px solid #e3e4e4; }

hr {
  margin: 2em 0;
  border-color: #f6f6f6; }

address {
  font-style: normal;
  margin-bottom: 1em; }

li {
  font-size: 0.875em; }
  li li {
    font-size: 1em; }

sup {
  font-size: 0.5em;
  vertical-align: super;
  top: 0; }

ol.winner li {
  margin-bottom: 0.75em;
  color: #b08f3a; }
  ol.winner li + li {
    color: #9c9e9f; }
    ol.winner li + li + li {
      color: #8b4123;
      margin: 0 auto; }
ol.winner span {
  display: block;
  padding-right: 8px; }

ul.noicon {
  list-style: none; }

iframe {
  overflow: auto; }
  iframe.wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0; }

blockquote {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2em;
  padding-left: 8px;
  padding-top: 64px;
  border-left: 4px solid #f6f6f6;
  background: url("graphics/quote.png") no-repeat top left transparent;
  background-size: 64px; }
  .ie blockquote {
    background-image: url("graphics/quote-ie.png"); }

table {
  font-size: 0.875em;
  margin-bottom: 3em;
  width: 100%; }
  table table {
    font-size: 1em; }
  table tr {
    margin-bottom: 1em; }
    .ie table tr {
      border-bottom: 1px solid #9c9e9f; }
    table tr:nth-of-type(2n+2) {
      background: #f6f6f6; }
  table td {
    padding: 4px; }
  table th {
    padding: 4px; }
  table.category td {
    width: 100%;
    display: block;
    padding-bottom: 0; }
    table.category td + td {
      padding-top: 0;
      padding-bottom: 4px;
      font-size: 0.8em; }
    table.category td:last-child {
      padding-bottom: 8px; }
  table.two-col td {
    width: 100%;
    display: block; }
    @media screen and (min-width: 768px) {
      table.two-col td {
        width: auto;
        display: table-cell; } }
  table.two-col input {
    margin: 0; }
  @media screen and (max-width: 767px) {
    table#ergebnis-walking th {
      display: none; }
    table#ergebnis-walking td {
      display: block;
      width: 100%;
      padding-left: 35%;
      position: relative;
      min-height: 2em; }
      table#ergebnis-walking td:before {
        content: 'Name';
        position: absolute;
        top: 0;
        left: 0;
        padding: 4px; }
      table#ergebnis-walking td + td:before {
        content: 'Vorname'; }
      table#ergebnis-walking td + td + td:before {
        content: 'Verein'; }
      table#ergebnis-walking td + td + td + td:before {
        content: 'Brutto'; }
      table#ergebnis-walking td + td + td + td + td {
        padding-bottom: 1em; }
        table#ergebnis-walking td + td + td + td + td:before {
          content: 'Netto'; }
        table#ergebnis-walking td + td + td + td + td + td:before {
          content: ''; } }
  @media screen and (max-width: 767px) {
    table#ergebnis-laufen th {
      display: none; }
    table#ergebnis-laufen td {
      display: block;
      width: 100%;
      padding-left: 35%;
      position: relative;
      min-height: 2em; }
      table#ergebnis-laufen td:before {
        content: 'Platz';
        position: absolute;
        top: 0;
        left: 0;
        padding: 4px; }
      table#ergebnis-laufen td + td:before {
        content: 'm/w'; }
      table#ergebnis-laufen td + td + td:before {
        content: 'AK'; }
      table#ergebnis-laufen td + td + td + td:before {
        content: 'Name'; }
      table#ergebnis-laufen td + td + td + td + td:before {
        content: 'Vorname'; }
      table#ergebnis-laufen td + td + td + td + td + td:before {
        content: ''; }
      table#ergebnis-laufen td + td + td + td + td + td + td:before {
        content: 'AK'; }
      table#ergebnis-laufen td + td + td + td + td + td + td + td:before {
        content: 'Brutto'; }
      table#ergebnis-laufen td + td + td + td + td + td + td + td + td {
        padding-bottom: 1em; }
        table#ergebnis-laufen td + td + td + td + td + td + td + td + td:before {
          content: 'Netto'; }
        table#ergebnis-laufen td + td + td + td + td + td + td + td + td + td:before {
          content: ''; } }
  @media screen and (max-width: 767px) {
    table#teilnehmersuche th {
      display: none; }
    table#teilnehmersuche td {
      display: block;
      width: 100%;
      padding-left: 35%;
      position: relative;
      min-height: 2em; }
      table#teilnehmersuche td:before {
        content: 'Jahr';
        position: absolute;
        top: 0;
        left: 0;
        padding: 4px; }
      table#teilnehmersuche td + td:before {
        content: 'Event'; }
      table#teilnehmersuche td + td + td:before {
        content: 'Platz'; }
      table#teilnehmersuche td + td + td + td:before {
        content: 'm/w'; }
      table#teilnehmersuche td + td + td + td + td:before {
        content: 'AK'; }
      table#teilnehmersuche td + td + td + td + td + td:before {
        content: 'Verein'; }
      table#teilnehmersuche td + td + td + td + td + td + td:before {
        content: 'AK'; }
      table#teilnehmersuche td + td + td + td + td + td + td + td:before {
        content: 'Brutto'; }
      table#teilnehmersuche td + td + td + td + td + td + td + td + td {
        padding-bottom: 1em; }
        table#teilnehmersuche td + td + td + td + td + td + td + td + td:before {
          content: 'Netto'; }
        table#teilnehmersuche td + td + td + td + td + td + td + td + td + td:before {
          content: ''; } }

#masthead .logo {
  height: 100px;
  width: 100%;
  display: block;
  background: white;
  /* padding: 5px 2em 5px 0; für altes Logo Zwischen Dom und blauem Kreuz*/
  padding: 5px 1em 5px 1em;
  float: right;
  text-align: right; }
  #masthead .logo img {
    width: auto;
    height: 100%; }
#masthead .item-238.deeper > a {
  background-image: none; }
#masthead .item-238 ul {
  display: none !important; }
@media screen and (max-width: 767px) {
  #masthead nav {
    display: block;
    width: 256px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -256px;
    z-index: 1000;
    background: #2e2d30;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-backface-visibility: hidden; }
    .show-nav #masthead nav {
      left: 0; }
    #masthead nav li {
      overflow: auto;
      text-overflow: ellipsis; }
      #masthead nav li li a {
        font-size: 16px;
        font-size: 1rem;
        padding-left: 30px; }
      #masthead nav li li li a {
        font-weight: normal;
        padding-left: 45px; }
    #masthead nav > ul {
      padding: 40px 0; }
    #masthead nav ul {
      -moz-transition: all 0.4s ease-in;
      -ms-transition: all 0.4s ease-in;
      -webkit-transition: all 0.4s ease-in;
      -o-transition: all 0.4s ease-in;
      transition: all 0.4s ease-in;
      -webkit-backface-visibility: hidden; }
      #masthead nav ul ul {
        max-height: 0;
        overflow: hidden; }
      #masthead nav ul .open > ul {
        max-height: 768px; }
    #masthead nav .open > a {
      background-color: #af0014; }
    #masthead nav .active > a {
      background-color: #e2001a; }
    #masthead nav a {
      display: block;
      padding: 4px 15px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      font-size: 1.125rem; }
      #masthead nav a:hover {
        background-color: #e2001a;
        text-decoration: none; }
    #masthead nav .deeper.open > a {
      background-image: url("graphics/arrow.png"); }
      .ie #masthead nav .deeper.open > a {
        background-image: url("graphics/arrow-ie.png"); }
    #masthead nav .deeper > a {
      padding-right: 32px;
      background-image: url("graphics/plus.png");
      background-repeat: no-repeat;
      background-position: 224px center;
      background-size: 24px; }
      .ie #masthead nav .deeper > a {
        background-image: url("graphics/plus-ie.png"); }
    #masthead nav > a {
      position: fixed;
      left: 3%;
      top: 0;
      display: block;
      height: 100px;
      padding: 0 11px;
      background: #e2001a;
      font-size: 0.875em;
      text-transform: uppercase;
      text-align: center;
      white-space: nowrap; }
      #masthead nav > a:after {
        content: 'X';
        text-align: center;
        line-height: 100px;
        font-size: 64px;
        display: block;
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        background: #e2001a;
        color: white;
        opacity: 0;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        -webkit-backface-visibility: hidden; }
        .ie #masthead nav > a:after {
          display: none; }
        .show-nav #masthead nav > a:after {
          opacity: 1; }
          .ie .show-nav #masthead nav > a:after {
            display: block; }
      #masthead nav > a span {
        display: block;
        font-size: 64px;
        font-weight: normal;
        line-height: 1; }
      .show-nav #masthead nav > a {
        left: 256px; }
  #masthead .defocus {
    display: block;
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background: rgba(46, 45, 48, 0.8);
    opacity: 0;
    -moz-transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    -webkit-backface-visibility: hidden; }
    .show-nav #masthead .defocus {
      opacity: 1;
      height: 100%; } }
@media screen and (min-width: 768px) {
  #masthead nav ul ul {
    display: none;
    width: 240px;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000; }
    #masthead nav ul ul ul {
      left: 100%;
      top: 0; }
  #masthead nav li {
    display: inline-block;
    position: relative; }
    #masthead nav li:hover > ul {
      display: block;
      background: #e2001a;
      background: rgba(226, 0, 26, 0.9); }
    #masthead nav li li {
      display: block; }
  #masthead nav a {
    display: block;
    padding: 0 8px;
    height: 100px;
    line-height: 100px;
    color: white;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
    #masthead nav a:hover {
      background: #e2001a;
      text-decoration: none; }
  #masthead nav li li:hover > a, #masthead nav li li.active > a {
    background: #af0014; }
  #masthead nav li li a {
    padding: 8px 15px;
    height: auto;
    line-height: 1.2; }
    #masthead nav li li a:hover {
      background: #af0014; }
  #masthead nav .active > a, #masthead nav li:hover > a {
    background: #e2001a; }
  #masthead nav > a {
    display: none; } }
#masthead .teaser {
  display: inline-block;
  width: 100%;
  color: white;
  padding: 2em 1em 0;
  position: relative;
  background: #f6f6f6; }
  #masthead .teaser:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 400;
    display: block;
    width: 100%;
    height: 15%;
    background: url("graphics/welle.png") no-repeat bottom right rgba(255, 255, 255, 0.01);
    background-size: 100% auto; }
  #masthead .teaser h1 {
    text-align: center;
    margin-bottom: 1em; }
    #masthead .teaser h1 span {
      font-size: 0.9em; }
  #masthead .teaser a {
    color: inherit;
    background: #e2001a;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 0.25em 0.25em;
    margin: 0 auto;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual; }
    #masthead .teaser a.button {
      background: grey; }
  #masthead .teaser .countdown {
    text-align: justify;
    font-size: 0.1px;
    margin-bottom: 2em;
    display: inline-block;
    width: 100%;
    max-width: 300px; }
    #masthead .teaser .countdown > div {
      background: #395fa5;
      width: 30.5%;
      height: 50px;
      margin: 0;
      display: inline-block;
      vertical-align: top;
      font-weight: bold;
      padding-top: 5px;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 20px;
      position: relative;
      text-align: center; }
      #masthead .teaser .countdown > div span {
        font-size: 0.4em;
        font-weight: normal;
        text-transform: uppercase;
        display: block; }
      #masthead .teaser .countdown > div.div {
        width: 100%;
        display: inline-block;
        height: 0;
        background: transparent; }

#emotion {
  position: relative;
  background: no-repeat top right #F6F6F6;
  background-size: contain;
  text-align: center; }
  #emotion p {
    margin: 0; }

#content {
  padding: 2em 1em 100px;
  border-bottom: 20px solid #e2001a;
  position: relative; }
  #content h1, #content img {
    margin-bottom: 1em; }
  #content h2 {
    margin-bottom: 0.25em; }
  #content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: 100;
    display: block;
    height: 100px;
    width: 100px;
    background: url("graphics/dom.png") no-repeat bottom left transparent;
    background-size: contain; }
    .ie #content:after {
      background-image: url("graphics/dom-ie.png"); }
  #content .logos {
    width: 40%;
    max-width: 140px;
    max-height: 173px;
    margin: 0 10px 2em; }
    #content .logos + .logos {
      max-height: 140px; }
  #content .main {
    padding: 2em;
    background: white;
    margin-bottom: 3em; }
  #content .side {
    text-align: center; }
    #content .side aside {
      text-align: left;
      background: white;
      padding: 1em;
      margin-bottom: 2em; }
    #content .side nav {
      margin-bottom: 2em; }
      #content .side nav strong, #content .side nav p {
        display: block;
        padding: 8px;
        margin-bottom: 1em;
        font-weight: bold;
        font-size: 1em;
        background: #cfd1d2;
        color: #646567;
        text-transform: uppercase;
        font-family: Lato, Helvetica, Arial, sans-serif; }
      #content .side nav .active > a, #content .side nav .current > a {
        color: #e2001a; }
      #content .side nav a {
        display: block;
        padding: 4px 0 4px 1em;
        font-weight: bold;
        text-align: left;
        color: #646567; }
        #content .side nav a:hover {
          color: #e2001a; }
      #content .side nav li ul {
        padding-left: 2em; }
        #content .side nav li ul a {
          color: #9c9e9f; }
    #content .side a {
      color: #e2001a; }
  #content article {
    margin-bottom: 2em;
    text-align: left; }
    #content article > :last-child {
      margin: 0; }
    #content article img {
      margin-bottom: 1em;
      display: block; }
  #content .grid-layout div {
    text-align: center; }
  #content .grid-layout img {
    margin-bottom: 3em; }
  #content .article-info {
    display: none; }
  #content ul.latestnews {
    list-style: none;
    padding: 0; }
    #content ul.latestnews li {
      margin-bottom: 1em;
      font-weight: 700; }
  #content .minilogo {
    width: 150px;
    border: 0 !important;
    padding: 0 !important; }
  #content .readmore {
    font-size: 0.875em; }
  #content .newsflash h4, #content .newsflash ul.latestnews li, #content ul.latestnews .newsflash li {
    margin-bottom: 0.25em; }
  #content p:after {
    color: #e2001a; }
  #content p.info:after {
    content: 'info@magdeburg-marathon.eu'; }
  #content p.sponsoren:after {
    content: 'sponsoren@magdeburg-marathon.eu'; }
  #content p.strecke:after {
    content: 'strecke@magdeburg-marathon.eu'; }
  #content p.helfer:after {
    content: 'helfer@magdeburg-marathon.eu'; }
  #content p.admin:after {
    content: 'admin@magdeburg-marathon.eu'; }
  #content p.info:after {
   content: 'info@vlg1991magdeburg.de'; }
  #content p.bickmann:after {
    content: 'bickmann@sportservicehamburg.de '; }


#footer .partner {
  border-top: 5px solid #eceded;
  background: white;
  padding: 0.5em 5%;
  overflow: hidden;
  position: relative;
  background: #CFD1D2; }
  #footer .partner:before, #footer .partner:after {
    content: '';
    display: block;
    width: 5%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: url("graphics/gradient-left-2.png") no-repeat top right transparent; }
  #footer .partner:after {
    left: auto;
    right: 0;
    background: url("graphics/gradient-right-2.png") no-repeat top left transparent; }
  #footer .partner ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #footer .partner li {
    display: inline-block;
    width: 100px;
    margin: 0 5px; }
#footer .legal {
  background: #2e2d30;
  color: #9c9e9f;
  padding: 1em 2em;
  text-align: center; }
  #footer .legal p {
    margin: 0; }
  #footer .legal span {
    display: block;
    visibility: hidden;
    padding: 0 1em; }
  #footer .legal a {
    color: inherit; }

form .form-element {
  width: 100%;
  position: relative; }
  form .form-element label {
    position: absolute;
    width: 100%;
    cursor: text;
    left: 0;
    top: 0;
    margin: 0; }
  form .form-element.radios {
    margin-bottom: 12px; }
    form .form-element.radios label {
      position: relative;
      display: inline-block;
      cursor: pointer;
      color: black;
      padding-left: 1.7em !important;
      margin-bottom: 12px; }
    form .form-element.radios [type=radio] {
      position: absolute;
      top: 0.6em;
      left: 0; }
  form .form-element input:focus + label, form .form-element textarea:focus + label {
    opacity: 0.5; }
  form .form-element.hasInput label {
    opacity: 0 !important; }
    .ie form .form-element.hasInput label {
      display: none; }
  form .form-element.required {
    display: none; }
form input, form textarea, form label {
  font-size: 0.875em;
  color: #7b7c7e;
  font-family: inherit;
  margin-bottom: 24px; }
form input[type=text], form textarea {
  width: 100%; }
form textarea {
  height: 150px;
  resize: vertical; }
form input[type=checkbox] {
  margin-right: 4px; }
form input[type=submit] {
  border: 0;
  padding: 6px 24px;
  display: block; }
form .non-validate {
  background-color: #fee; }
form .legal {
  margin-bottom: 1em;
  padding-left: 1.1em;
  position: relative; }
  form .legal [type=checkbox] {
    position: absolute;
    top: 0.6em;
    left: 0; }
  form .legal label {
    color: black; }
form .warning {
  display: none;
  clear: both;
  margin-top: 1em; }
form .warning p {
  font-weight: bold;
  color: red; }

#formsent {
  text-align: left;
  padding-bottom: 2em; }

#kontakt-form [type=text], #kontakt-form textarea {
  padding: 6px;
  border: 0;
  background: #f6f6f6;
  border: 1px solid #d9dadb; }
  #kontakt-form [type=text].non-validate, #kontakt-form textarea.non-validate {
    background: #fee; }
#kontakt-form .form-element label {
  padding: 6px; }
#kontakt-form [type=submit] {
  background: #e2001a;
  color: white;
  border: 1px solid #d9dadb; }
  #kontakt-form [type=submit]:hover {
    background: #fb001d; }
  #kontakt-form [type=submit][disabled], #kontakt-form [type=submit][disabled]:hover {
    background: #f6f6f6; }

#search {
  position: relative; }
  #search [type="text"] {
    border: 0;
    background: #cfd1d2;
    padding: 8px 32px 8px 8px;
    color: white;
    font-size: 1em; }
  #search label {
    padding: 8px 32px 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    font-size: 1em; }
  #search [type="submit"] {
    position: absolute;
    top: 0;
    z-index: 100;
    right: 0;
    font-size: 1em;
    border: 0;
    padding: 8px 16px;
    text-indent: -9999em;
    background: url("graphics/search.png") no-repeat center center #cfd1d2;
    background-size: 16px; }

form table [type=submit] {
  background: #e2001a;
  color: white; }
  form table [type=submit]:hover {
    background: #ff1631; }

@media screen and (min-width: 420px) {
  h1, h2 {
    font-size: 30px;
    font-size: 1.875rem; }
    h1 span, h2 span {
      font-size: 0.5em; }

  h2 {
    font-size: 1.25em; }
    h2 span {
      font-size: 0.8em; } }
@media screen and (min-width: 540px) {
  blockquote {
    padding-top: 0;
    padding-left: 64px; }

  ol.winner {
    margin-bottom: 3em; }
    ol.winner li {
      text-align: justify; }
    ol.winner span {
      display: inline-block;
      vertical-align: top;
      width: 34%;
      text-align: left; }
      ol.winner span + span + span {
        width: auto; } }
@media screen and (min-width: 640px) {
  h1 span, h2 span {
    margin: 0; }

  #content {
    padding: 2em 2em 100px; }
    #content .news article {
      width: 47%;
      display: inline-block;
      vertical-align: top; }
    #content .news .custom {
      text-align: justify; }
      #content .news .custom:after {
        content: '';
        display: inline-block;
        width: 100%; }
    #content .easy_content {
      font-size: 0.875em; }

  .grid-layout div {
    width: 49%;
    padding: 0 2em;
    display: inline-block;
    vertical-align: top; } }
@media screen and (min-width: 680px) {
  #footer .legal span {
    display: inline-block;
    visibility: visible; } }
@media screen and (min-width: 768px) {
  h2 {
    font-size: 1.5em; }
    h2 span {
      font-size: 0.66666em; }

  #emotion {
    text-align: left; }
    #emotion:after {
      content: '';
      position: absolute;
      bottom: 0%;
      left: 0;
      z-index: 400;
      display: block;
      width: 100%;
      height: 15%;
      background: url("graphics/welle.png") no-repeat bottom right rgba(255, 255, 255, 0.01);
      background-size: 100% auto; }
    #emotion img {
      width: 78%; }

  #masthead .logo {
    width: 25%;
    width: -webkit-calc(27% - 1em);
    width: calc(27% - 1em);
    margin-right: 2em;
    padding: 5px 0;
    text-align: center; }
  #masthead .teaser {
    position: absolute;
    top: 0;
    right: 2em;
    z-index: 200;
    height: 100%;
    width: 27%;
    width: -webkit-calc(27% - 1em);
    width: calc(27% - 1em);
    padding: 1em 1em;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9); }
    #masthead .teaser:after {
      display: none; }
    #masthead .teaser h1 {
      font-size: 1.1em;
      margin-bottom: 0.5em; }
      #masthead .teaser h1 span {
        font-size: 0.7em;
        margin-top: 0.2em;
        font-weight: bold; }
    #masthead .teaser > a {
      font-size: 0.6em; }
    #masthead .teaser .countdown {
      width: 100%;
      margin: 0;
      text-align: justify; }
      #masthead .teaser .countdown:after {
        content: '';
        display: inline-block;
        width: 100%; }
      #masthead .teaser .countdown > div {
        padding-top: 7px;
        font-size: 20px;
        font-size: 1.3rem; }
        #masthead .teaser .countdown > div span {
          display: block; }
        #masthead .teaser .countdown > div.div {
          display: none; }

  #content {
    padding: 0 2em 100px; }
    #content h1 {
      margin-bottom: 0em; }
    #content .content {
      text-align: justify; }
      #content .content:after {
        content: '';
        display: inline-block;
        width: 100%; }
    #content .main, #content .side {
      display: inline-block;
      vertical-align: top; }
    #content .logos {
      width: 70%;
      margin: 0 15% 2em; }
      #content .logos + .logos {
        width: 50%;
        margin: 0 25% 2em; }
    #content .main {
      width: 70%;
      margin: 0; }
    #content .side {
      width: 27%; }

  #footer .partner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9000;
    width: 100%; }
    #footer .partner.hide {
      bottom: -250px; }
      #footer .partner.hide.show {
        bottom: 0;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        -webkit-backface-visibility: hidden; }

  ol.winner.vier span, ol.winner.vier span + span + span {
    width: 49%; } }
@media screen and (min-width: 920px) {
  #masthead nav a {
    padding: 0 15px; }
  #masthead .teaser h1 {
    font-size: 1.3em; }
  #masthead .teaser a {
    font-size: 0.8em; }
  #masthead .teaser .countdown > div {
    font-size: 24px;
    font-size: 1.5rem; }

  ol.winner.vier span {
    width: 35%; }
    ol.winner.vier span + span + span {
      width: auto; } }
@media screen and (min-width: 1024px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem; }

  h2 {
    font-size: 2.2em; }

  #masthead .teaser h1 {
    font-size: 1.5em; }
  #masthead .teaser .countdown > div {
    width: 30.5%;
    height: 75px;
    padding-top: 9px;
    font-size: 30px;
    font-size: 1.9rem;
    line-height: 32px; }
    #masthead .teaser .countdown > div span {
      display: block; } }
@media screen and (min-width: 1200px) {
  .wrapper {
    width: 1200px; }

  h1 {
    font-size: 50px;
    font-size: 3.125rem; }

  #masthead .teaser h1 {
    font-size: 2em; }
  #masthead .teaser .countdown > div {
    font-size: 36px;
    font-size: 2.25rem; }
  #masthead .teaser a {
    font-size: 1em; } }
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }

/* =============================================================================
   */
/* Für Tabellendarstellung von RaceResult
	 .RRPublish table.MainTable { font-size:0.7em;}
     .RRPublish table.MainTable td { white-space:normal;} */