/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- *
 * Änderung des default-Box-Modells aller Elemente auf "border-box"
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * << apply a natural box layout model to all elements >>
 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */
.page-wrapper {
    margin: 0;
}

header {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

footer {
    padding: 0.6em 20px;
    line-height: 150%;
}

footer {
    text-align: center;
}

section {
    padding: 0 20px;
}

.mainContent {
    width: 100%;
    border-top: 1px solid transparent;
}


/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
h1 {
    margin: 0;
}

h2 {
    margin: 0.6em 20px;
}

p.teasertext {
    margin: 0.8em 20px;
}

ul, ol {
    padding: 0;
    margin: 0 0 0.625em 20px;
}

/* ----------------------------------------------------------------------------- *
 *                                  Navigation                                   *
 * ----------------------------------------------------------------------------- */
nav ul {
    margin: 0;
}

nav ul > li {
    margin-left: 0;
    border-bottom: 1px solid rgba(250, 250, 250, 0.6);
}

nav ul > li > a, nav ul > li > strong {
    padding: 0.6em 20px;
    display: block;
}

nav ul a:link {
    text-decoration: none;
}

/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          750px / 16px/em = 46.875em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 46.875em) {

    /* Schriftverkleinerung wird für große Screens wieder aufgehoben */
    @media only screen and (max-width: 78em) {
        body {
            font-size: 0.938em; /* 15px */
        }
    }

    .main {
        /* clearing für die floatenden gleichlangen Spalten (.mainContent und .aside) */
        overflow: hidden;
    }

    .mainContent {
        width: 100%;
        float: left;
        padding: 0.8em 20px;
        border-top: none;
    }

    footer {
    padding: 0.8em 20px;
    text-align: center;
    }

    section {
        padding: 0;
    }

    /* ----------------------------------------------------------------------------- *
     *                             Textauszeichnungen                                *
     * ----------------------------------------------------------------------------- */
    h2 {
        font-size: 2.1875em; /* 35px */
        line-height: 1.2em;
        margin: 0.3em 0 0;
    }

    p.teasertext {
        margin: 0.8em 0;
    }

    /* ----------------------------------------------------------------------------- *
     *                                  Navigation                                   *
     * ----------------------------------------------------------------------------- */
    nav {
        /* clearing für die floatenden LIs */
        overflow: hidden;
        font-size: 1.2em; /* 18px */
    }

    nav ul {
        margin: 0 20px;
    }

    nav ul li {
        float: left;
        border: none;
        width: auto;
    }

    nav ul > li > a {
        padding: 0.7em 10px 0.7em 10px;
        display: inline-block;
    }
}
/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 64em) {
    /* Navigation wird links neben dem Inhalt angeordnet */
    nav {
        width: 22%;
        float: left;
        box-shadow: none;
    }

    nav ul {
        margin: 1.6em 0 0;
    }

    nav ul > li {
        width: 100%;
        float: none;
    }

    nav ul > li > a {
        padding: 0.8em 25px;
        display: block;
    }

    /* .main macht Platz für .nav */
    .main {
        width: 78%;
        float: left;
    }

    /* Größenanpassungen */
    .mainContent {
        width: 100%;
        padding: 0.8em 20px;
    }



    footer {
    clear: left;
    text-align: center;
    }
}
/* ----------------------------------------------------------------------------- *
 *                          Styles für große Desktops                            *
 *                           1248px / 16px/em = 78em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 78em) {
    .page-wrapper {
        margin: 0 auto;
        max-width: 78em;
    }




.subcolumns {
    width: 100%;
    overflow:hidden;
    float:left;
  }

.c20l, .c15l, .c40l, .c36l, .c85l, .c80l, .c42l, .c20l, .c60l, .c15l, .c30l, .c70l, .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }

.c40r, .c36r, .c85r, .c80r, .c42r, .c20r, .c60r, .c15r, .c30r, .c70r, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r
{float: right; margin-left: -5px; }

  .c15l, .c15r { width: 15% }
  .c20l, .c20r { width: 20% }
  .c25l, .c25r { width: 25% }
  .c30l, .c30r { width: 30% }
  .c33l, .c33r { width: 33.333% }
  .c36l, .c36r { width: 36.666% }
  .c40l, .c40r { width: 40% }
  .c42l, .c42r { width: 42% }
  .c50l, .c50r { width: 50% }
  .c60l, .c60r { width: 60% }
  .c66l, .c66r { width: 66.666% }
  .c70l, .c70r { width: 70% }
  .c75l, .c75r { width: 75% }
  .c80l, .c80r { width: 80% }
  .c85l, .c85r { width: 85% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }
  .high1  { margin-bottom: 1em }
  .high2  { margin-bottom: 2em }
  .high3  { margin-bottom: 3em }
  .high4  { margin-bottom: 4em }
  .high5  { margin-bottom: 5em }
  .high6  { margin-bottom: 6em }
  .high7  { margin-bottom: 7em }
  .high8  { margin-bottom: 8em }
  .high9  { margin-bottom: 9em }
  .low1   { margin-top: 1em }
  .low2   { margin-top: 2em }
  .low3   { margin-top: 3em }
  .low4   { margin-top: 4em }
  .low5   { margin-top: 5em }
  .low6   { margin-top: 6em }
  .low7   { margin-top: 7em }
  .low8   { margin-top: 8em }
  .low9   { margin-top: 9em }
  .right1   { margin-left: 1em }
  .right2   { margin-left: 2em }
  .right3   { margin-left: 3em }
  .right4   { margin-left: 4em }
  .right5   { margin-left: 5em }
  .right6   { margin-left: 6em }
  .right7   { margin-left: 7em }
  .right8   { margin-left: 8em }
  .right9   { margin-left: 9em }
  .left1   { margin-right: 1em }
  .left2   { margin-right: 2em }
  .left3   { margin-right: 3em }
  .left4   { margin-right: 4em }
  .left5   { margin-right: 5em }
  .left6   { margin-right: 6em }
  .left7   { margin-right: 7em }
  .left8   { margin-right: 8em }
  .left9   { margin-right: 9em }
}