/* poppins-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/poppins-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body {
    color: #273439;
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    /* wichtig: KEIN overflow:hidden hier */
    overflow-x: hidden;   /* horizontal sperren ok */
    overflow-y: auto;     /* vertikal erlauben */
    min-height: 100%;
    /* iOS Momentum-Scroll */
    -webkit-overflow-scrolling: touch;
}

#content {
    padding: 20px 20px;
}

h1 {
    color: #00999D;
    font-size: 18pt;
}

#content h1:first-child {
    margin-top: 0;
}

h2 {
    color: #00999D;
    font-size: 15pt;
}

#content h2:first-child {
    margin-top: 0;
}

h3 {
    color: #00999D;
    font-size: 13pt;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

#content h3:first-child {
    margin-top: 0;
}

h4 {
    color: #273439;
    font-size: 11pt;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

p {
    font-size: 10pt;
    margin: 15px 0;
}

h3 + p {
    margin-top: 0;
}

a {
    color: #273439;
    text-decoration: underline;
}

ul {
    font-size: 10pt;
    line-height: 1.5;
    padding-left: 20px;
}
ul li {
    margin: 10px 0;
}

.accordion {
    width: auto;
    margin: 20px auto;
    background-color: #fff;
}

.accordion .container {
    position: relative;
    margin: 10px 0;
}

.accordion .label {
    background: #F6F6F5;
    color: #273439;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding: 12px 45px 12px 20px;
}

.accordion .label::before {
    background: url("../images/icon_arrow-down.svg") center center no-repeat;
    background-size: cover;
    content: '';
    color: #00999D;
    display: block;
    font-size: 30px;
    font-weight: 400;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.accordion .content {
    position: relative;
    background: white;
    height: 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.5s;
    width: auto;
}

.accordion .container.active .content {
    height: auto;
}

.accordion .container.active .label::before {
    background: url("../images/icon_arrow-up.svg") center center no-repeat;
    background-size: cover;
    content: '';
    font-size: 30px;
}


/*.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796";
}*/

.partner-teaser {
    margin-bottom: 25px;
}
.partner-box {
    display: block;
    padding-bottom: 20px;
    text-decoration: none;
}
.partner-box .image {
    align-items: center;
    background: #EFEFF0;
    border-radius: 5px;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 10px;
    padding: 20px;
}
.partner-box .image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.partner-box .category {
    font-size: 11px;
    margin-bottom: 2px;
}
.partner-box .brand {
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    line-height: 1.3;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.partner-box .c2a {
    color: #00999D;
}
.partner-box .c2a img {
    height: 9px;
    margin-left: 2px;
    vertical-align: middle;
}