html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        letter-spacing: 0.01em;
        font: inherit;
        vertical-align: baseline;
        font-size: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
body {
        -webkit-text-size-adjust: none;
}
mark {
        background-color: mistyrose;
        color: inherit;
}
input::-moz-focus-inner {
        border: 0;
        padding: 0;
}
input, select, textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
}
/* Basic */
html {
        box-sizing: border-box;
}
*, *:before, *:after {
        box-sizing: inherit;
}
body {
        padding-top: 3.5em;
}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
        -moz-animation: none !important;
        -webkit-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
}
body, input, textarea, select {
        font-family: 'Open Sans', sans-serif;
        line-height: 1.5em;
        color: #000000;
        font-weight: 300;
}
a {
        -moz-transition: color .2s ease-in-out;
        -webkit-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
        color: #43B3E0;
        text-decoration: none;
}
a:hover {
        color: #43bff0 !important;
}
a img {
        border: 0;
}
b, strong {
        font-weight: 600;
        color: #000000;
        font-size: 1.25em;
}
i, em {
        font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
        color: #00005F;
        margin: 0 0 .2em 0;
        line-height: 1.6em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none;
        color: inherit;
}
h2, h3, h4, h5, h6 {
        font-weight: 700;
}
h1 {
        font-size: 2.8em;
        letter-spacing: 0.02em;
        font-weight: 700;
        text-align: center;
}
h1 strong {
        font-weight: 700;
        text-align: left;
}
h2 strong {
        font-size: 2em;
        letter-spacing: 0.015em;
        text-align: left;
}
h2 {
        font-size: 2em;
        letter-spacing: 0.015em;
        text-align: center;
}
h3 {
        font-size: 1.6em;
        letter-spacing: 0.015em;
        font-weight: 700;
}
h4 {
        font-size: 1.5em;
        letter-spacing: 0.015em;
        font-weight: 300;
}
em, i {
        font-style: italic;
}
br.clear {
        clear: both;
}
hr {
        border: 0;
        border-top: solid 1px #EFEFEF;
        border-top-color: #0050A0;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
        height: 1px;
        margin: 2em 0;
}
p, ul, ol, dl {
        margin: .5em 0 .5em 0;
        line-height: 1.4em;
        font-size: 1.25em;
}
header {
        margin: 0 0 2em 0;
        display: block;
}
header > p, ul {
        font-size: 1.25em;
}
footer {
        margin: 3em 0 0 0;
}
footer > p {
        font-size: 1.1em;
}
.blau {
        color: #0060FF;
}
/* Container */
.container {
        margin: 0 auto;
        padding-top: 10px;
        max-width: calc(100% - 50px);
        width: 1000px;
}
.container.medium {
        width: 800px;
}
@media screen and (max-width: 1680px) {
.container {
        width: 1000px;
}
.container.medium {
        width: 800px;
}
}
@media screen and (max-width: 1280px) {
.container {
        width: 960px;
}
.container.medium {
        width: 720px;
}
}
@media screen and (max-width: 980px) {
.container {
        width: 100%;
}
}
.container.medium {
        width: 75%;
}
}
@media screen and (max-width: 736px) {
.container {
        width: 100%;
        max-width: calc(100% - 30px);
}
.container.medium {
        width: 100%;
}
}
/* Row */


/* Form */

/* Spalten Col */
.col:nth-child(1) {
        font-size: 1.4em;
        letter-spacing: 0.025em;
        font-weight: 600;
        vertical-align: middle;
        line-height: 1.5em;
        text-align: left;
}
.col:nth-child(2) {
        text-align: right;
}
img {
        width: 100%;
}
@media (min-width: 500px) {
.2spalten {
        display: table;
        border-spacing: 16px;
        width: 100%;
}
.col {
        display: table-cell;
        box-sizing: border-box;
        cell-spacing: 8px;
        padding: 0.5em;
        vertical-align: top;
}
.col:nth-child(1) {
        width: 45%;
}
.col:nth-child(2) {
        width: 55%;
        text-align: right;
}}
/* Section/Article */
section, article {
        margin-bottom: 1em;
}
section >:last-child,        article >:last-child,        section:last-child,        article:last-child {
        margin-bottom: 0;
}
/* Image */
.image {
        display: inline-block;
        position: relative;
}
.image img {
        display: block;
        width: 100%;
}
.image.fit {
        display: block;
        width: 100%;
}
.image.featured {
        display: block;
        width: 100%;
        margin: 0 0 2em 0;
}
.image.left {
        float: left;
        margin: 0 2em 2em 0;
}
.image.centered {
        display: block;
        margin: 0 0 2em 0;
}
.image.centered img {
        margin: 0 auto;
        width: auto;
}
/* Button */

/* List */
ul {
        list-style: disc;
        padding: 0 1.2em;
}
ul li {
        padding-left: 0.5em;
}
ol {
        list-style: decimal;
        padding-left: 1.25em;
}
ol li {
        padding-left: 0.25em;
}
/* Social */

/* Actions */
ul.actions {
        list-style: none;
        padding-left: 0;
}
ul.actions li {
        display: inline-block;
        margin: 0 0 0 1em;
        padding-left: 0;
}
ul.actions li:first-child {
        margin-left: 0;
}
/* Box */
.box {
        background: #fff;
        box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
        text-align: center;
        padding: 2em;
}
.box.style1 {
        padding: 3em 2em 3.5em 2em;
}
.box.style1 h3 {
        margin-bottom: 0.5em;
}
.box.style2 h3 {
        margin-bottom: 0.25em;
}
.box.style2 .image {
        position: relative;
        left: 2em;
        top: 2em;
        margin: -4em 0 4em -4em;
        width: auto;
}
/* Icons */

/* Wrappers */
.wrapper {
        box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
        padding: 7em 0 7em 0;
        text-align: left;
}
.wrapper.style1 {
        background-image: linear-gradient(to top, mistyrose 0%, skyblue 50%);
        background-color: cornflowerblue;
        text-align: left;
}
.wrapper.style2 {
         background-image: linear-gradient(to top, seashell 0%, skyblue 50%);
        background-color: #87CEFA;
}
}
.wrapper.style3 {
        background-color: #f4f4f4;
        text-shadow: 1px 1px 0px #FF003F;
}
.wrapper.style4 {
        background-color: #00004F;
        color: #FFFFFF;
        text-align: left;
}
.wrapper.style4 h1, .wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5, .wrapper.style4 h6 {
        color: #fff;
}
.wrapper.style4 form input[type=text],                        .wrapper.style4 form input[type=password],                        .wrapper.style4 form select,                        .wrapper.style4 form textarea {
        border: none;
        background: #282828;
}
.wrapper.style4 form input[type=text]:focus,                                .wrapper.style4 form input[type=password]:focus,                                .wrapper.style4 form select:focus,                                .wrapper.style4 form textarea:focus {
        background: #252525;
}
/* Nav */
#nav {
        background-color: #00004F;
        text-align: center;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        z-index: 10000;
        cursor: default;
        display: block;
}
}
#nav ul {
        margin-bottom: 0;
        list-style: none;
        padding: 0em;
}
#nav li {
        display: inline-block;
        padding-left: 0;
}
#nav a {
        -moz-transition: background-color .2s ease-in-out;
        -webkit-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        outline: 0;
        font-weight: 600;
        border-radius: 8px;
        color: #fff;
        height: 2em;
        line-height: 2em;
        padding: 0 1em;
}
#nav a:hover {
        color: #fff !important;
        background: #48d1cc;
}
#nav a.active {
        background: #484848;
}
#nav a.active:before {
        content: '';
        display: block;
        position: absolute;
        bottom: -0.6em;
        left: 50%;
        margin-left: -0.75em;
        border-left: solid 0.75em transparent;
        border-right: solid 0.75em transparent;
        border-top: solid 0.6em #282828;
}
/* Articles */
body > article {
        margin-bottom: 0;
}
#top {
        padding: 5em 0 5em 0;
        text-align: center;
}
#top .image {
        border-radius: 100%;
        width: 20em;
        height: 20em;
        margin: 0;
}
#top .image img {
        border-radius: 100%;
}
#top h1 {
        margin-top: 0.35em;
}
#top p {
        font-size: 1.25em;
        line-height: 1.75em;
}
#top p a {
        color: inherit;
}
#contact footer {
        font-size: 1em;
}
/* Copyright */
#copyright {
        color: ;
        font-size: 1em;
        line-height: 1em;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        text-align: center;
}
#copyright li {
        display: inline-block;
        border-left: solid 1px rgba(0, 0, 0, 0.5);
        box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
        padding: 0 0 0 1em;
        margin: 0 0 0 1em;
}
#copyright li:first-child {
        border: 0;
        box-shadow: none;
        padding-left: 0;
        margin-left: 0;
}
#copyright a {
        -moz-transition: color .2s ease-in-out;
        -webkit-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
        color: inherit;
}
#copyright a:hover {
        color: #777;
}
/* Large */
@media screen and (max-width: 1280px) {
/* Basic */
body {
        font-size: 14pt;
}
input, textarea, select {
        font-size: 14pt;
}
header {
        margin: 0 0 4em 0;
}
/* Wrappers */
.wrapper {
        padding: 5em 0 5em 0;
        text-align: center;
}
.wrapper.style4 .row-special {
        margin: 2em 0 0 0;
        padding: 2em 0 2em 0;
}
/* Articles */
#top {
        padding: 5em 0;
}
#top .image {
        width: 24em;
        height: 24em;
        margin: 0;
}
}
/* Medium */
@media screen and (max-width: 980px) {
/* Articles */
#top {
        text-align: center;
        padding: 5em 0;
}
#top .image {
        margin: 0 auto 2em auto;
}
}
/* Small */
@media screen and (max-width: 736px) {
/* Basic */
body {
        padding-top: 50px;
}
body, input, textarea, select {
        line-height: 1.75em;
        font-size: 12pt;
        letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
        font-size: 1.3em;
        margin: 0 0 0.4em 0;
}
h1 {
        font-size: 2.3em;
        line-height: 1.3em;
}
header {
        margin: 0 0 2.1em 0;
}
header > p {
        font-size: 1.2em;
}
footer {
        margin: 2.5em 0 0 0;
}
footer > p {
        font-size: 1.2em;
}
hr {
        margin: 1.5em 0 2em 0;
}
/* Section/Article */
section, article {
        clear: both;
}
/* Button */

/* Box */

/* Wrappers */
.wrapper {
        padding: 3.5em 0;
        text-align: center;
}
/* Nav */
#nav {

        line-height: 44px;
}
#nav a {
        padding: 0 0.75em;
        height: inherit;
        line-height: inherit;
        border-radius: 0;
}
#nav a:hover {
        background-color: transparent;
}
/* Articles */
#top {
        padding: 3em 0;
}
#top .image {
        width: 15em;
        height: 15em;
        margin-bottom: 0;
}
#top p {
        font-size: 1.1em;
}
#contact footer {
        margin: 0;
}
/* Copyright */
#copyright {
        font-size: 1em;
        margin: 0;
}
#copyright li {
        display: block;
        margin: 1em 0 0 0;
        padding: 0;
        box-shadow: none;
        border-left: 0;
}
#copyright li:first-child {
        margin-top: 0;
}
}