/* hind-regular - latin */
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/hind-v16-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/hind-v16-latin-regular.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/hind-v16-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/hind-v16-latin-600.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* hind-700 - latin */
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/hind-v16-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/hind-v16-latin-700.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v29-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v29-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v29-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v29-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

:root {
    --gruen: #63B32E;
    --tuerkis: #1F798C;
    --akzent: #1F798C;
    --link: #1F798C;
    --text: #3c3c3c;
    --footer: #1F798C;
    --white: #FFF;
    --hellgrau: #F2F2F2;
    --mittelgrau: #C1C1C1;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    hyphens: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--text);
    font-display: swap;
    background-color: var(--white);
}

h1,
h2,
h3 {
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    color: var(--tuerkis);
    margin-bottom: 0em;
    text-align: center;
    line-height: 1.2em;
    text-transform: uppercase;
}

h1 {
    text-align: center;
    font-size: 46px;
    padding-top: 0px;
    margin-bottom: -.3em;
}

h2 {
    font-size: 42px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    font-weight: 600;
}

p,
ul,
ol {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--text);
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: left;
    line-height: 1.6em;
}

ul,
ol {
    line-height: 170%;
}

a {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--link);
    text-decoration: none !important;
    letter-spacing: 0.4px;
}

a:hover,
a:visited,
a:active,
a:focus {
    text-decoration: none !important;
    color: var(--link);
    outline: none !important;
}

/* +++++++++++++++++ Layout +++++++++++++++++ */
.wrapper {
    background-color: var(--white);
    margin-top: 90px;
}

section {
    position: relative;
    margin: 80px 0px 80px;
}

section.grau {
    background-color: var(--hellgrau);
}

.content {
    width: 100%;
    max-width: 1360px;
    margin: 0px auto;
    padding: 0px 40px;
}

section.grau .content {
    padding: 60px 40px 60px;
}

.margin_top0 {
    margin-top: 0px !important;
}

.margin_top40 {
    margin-top: 40px !important;
}

.margin_top60 {
    margin-top: 60px !important;
}

.margin_top80 {
    margin-top: 80px !important;
}

.margin_top100 {
    margin-top: 100px !important;
}

.margin_bottom0 {
    margin-bottom: 0px !important;
}

.margin_bottom40 {
    margin-bottom: 40px !important;
}

.margin_bottom80 {
    margin-bottom: 80px !important;
}

.padding_top0 {
    padding-top: 0px !important;
}

.padding_bottom0 {
    padding-bottom: 1px !important;
}

.padding_bottom40 {
    padding-bottom: 40px !important;
}

img.img100prc {
    width: 100%;
}