/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */



.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    background: red;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

.jspHorizontalBar {
    background: red;
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dde;
    position: relative;
}

.jspDrag {
    background: #bbd;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px;
}

.jspDisabled {
    background: #80808d;
    cursor: default;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}

.jspVerticalBar .jspArrow:focus {
    border: 1px solid red;
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* ========================================================================== */
/* GENERAL: box model, reset */
/* ========================================================================== */
html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    /* prevent webkit from resizing text to fit */
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    /* prevent tap highlight color or shadow */
    -webkit-touch-callout: none;
    /* prevent callout to copy image, etc when tap to hold */
}

/* ========================================================================== */
/* GENERAL: font definitions */
/* ========================================================================== */

@font-face {
    font-family: "open_sanssemibold";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff");
}

@font-face {
    font-family: "open_sansbold";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff");
}

@font-face {
    font-family: "open_sansregular";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/opensans-regular-webfont.woff2") format('woff2'), url("../fonts/opensans-regular-webfont.woff") format('woff');
}



/* ========================================================================== */
/* GENERAL: typography definitions */
/* ========================================================================== */
h1 {
    margin: 20px 0 18px;
    font: normal 19.565pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    color: #d31e3c;
}

.section_intro h1 {
    margin: 0 0 50px;
    font: normal 14.5pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 12pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    text-align: left;
    color: #d31e3c;
}

h2,
.tile_service strong {
    margin: 20px 0 12px 0;
    font: normal 12pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 9.39pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #d31e3c;
}

h2+p {
    margin: 0;
}

h2.intro {
    margin: 43px 0 15px 0;
    font: normal 22pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 19.565pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #d31e3c;
}

.overlay_map h2 {
    margin: 0 0 12px;
}

h3,
h4 {
    /* display: none; */
    margin: 39px 0 19px 20px;
    font: normal 10.5pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 8pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #d31e3c;
}

.overlay_map h3 {
    margin: 0 0 20px;
}

sup {
    /* position: relative; */
    font-size: 75%;
    /* bottom: 25%; */
    line-height: 0;
}

/* sup a {
     text-decoration: none;
     color: #555;
 } */

.semibold {
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}

strong {
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    /* font-weight: normal; */
}

#findrisk .qHeader {
    font-weight: 600;
    color: #066dae;
    font-size: 1.2em !important;
}

#findrisk input[type='radio'] {
    accent-color: #066dae;
    margin-right: 10px;
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

#findrisk .buttonFooter {
    background-color: #066dae;
    border-radius: 5px;
    margin-bottom: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#findrisk form {
    border: 0px solid white;
    padding: unset !important;
}

#findrisk .prevBtn {
    color: #066dae;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    background: white;
    border: none;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 0.8em;
    cursor: pointer;
}

#findrisk .prevBtn:before {
    content: '';
    position: absolute;
    right: 100%;
    margin-right: -10px;
    top: -2px;
    bottom: 49%;
    border-right: solid 2px white;
    transform: skewX(-25deg);
    width: 15px;
    background: inherit;
}

#findrisk .prevBtn:after {
    content: '';
    position: absolute;
    right: 100%;
    margin-right: -10px;
    bottom: -2px;
    top: 50%;
    border-right: solid 2px white;
    transform: skewX(25deg);
    width: 15px;
    background: inherit;
}

#findrisk .prevBtn:disabled {
    color: grey;
}

#findrisk .nextBtn {
    color: #066dae;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    background: white;
    border: none;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 0.8em;
    cursor: pointer;
}

#findrisk .nextBtn:before {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: -10px;
    top: -2px;
    bottom: 49%;
    border-right: solid 2px white;
    transform: skewX(25deg);
    width: 15px;
    background: inherit;
}

#findrisk .nextBtn:after {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: -10px;
    bottom: -2px;
    top: 50%;
    border-right: solid 2px white;
    transform: skewX(-25deg);
    width: 15px;
    background: inherit;
}

#findrisk .submitBtn {
    color: #066dae;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    background: white;
    border: none;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 0.8em;
    cursor: pointer;
}

#findrisk .submitBtn:before {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: -10px;
    top: -2px;
    bottom: 50%;
    border-right: solid 2px white;
    transform: skewX(25deg);
    width: 15px;
    background: inherit;
}

#findrisk .submitBtn:after {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: -10px;
    bottom: -2px;
    top: 50%;
    border-right: solid 2px white;
    transform: skewX(-25deg);
    width: 15px;
    background: inherit;
}

#findrisk fieldset {
    border-width: 0;
    padding-bottom: 5%;
    min-height: 310px;
}

#findrisk .alert {
    padding: 12px 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5%;
}

#findrisk .alert.alert-danger {
    background-color: rgba(248, 215, 218, 1);
    border-color: rgba(220, 53, 69, 1);
    color: rgba(114, 28, 36, 1);
}

#findrisk #question3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-item: center;
    gap: 5%;
}

#findrisk .gender {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

#findrisk #male-category {
    margin-top: -25px;
}

#findrisk #female-category {
    margin-top: -25px;
}

/* ========================================================================== */
/* GENERAL: body */
/* ========================================================================== */
body {
    background: white;
    border: none;
    outline: none;
    padding: 0 0 0;
    font: normal 9.5pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 7.045pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #555;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

body.wrap-feierabend {
    padding: 0;
}

.wrap-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding: 0 25px;
}

p {
    margin: 10px 0 0;
}

.bg-red {
    background: #d31e3c;
}

.bg-blue {
    background: #0069b0;
}

a.internal,
span.internal,
a.external_link,
a.link_now,
a.link_big {
    font: normal 9.5pt/2 "open_sansbold", Helvetica, Arial, sans-serif;
    /* font: normal 7pt/2 "open_sansbold", Helvetica, Arial, sans-serif; */
    /* font-family: "open_sansbold"; */
    text-decoration: none;
    color: #0069b0;
}

a.internal,
span.internal {
    white-space: nowrap;
}

a.internal::after,
span.internal::after,
a.external_link::after,
a.link_now::after {
    content: url(../img/arrow_right_blue_8h.svg);
    margin: 0 0 0 1.75pt;
    position: relative;
    bottom: -1px;
    /* bottom: -2px; */
    left: 0;
    /* font: normal 18pt/1 "open_sansbold", Helvetica, Arial, sans-serif; */
}

/* .wrap-share_content a.external_link::after {
     content: "";
 } */

a.link_big {
    display: inline-block;
    margin: 20px 10px 40px 0px;
    font: normal 12.5pt/1.2 "open_sansbold", Helvetica, Arial, sans-serif;
    /* font: normal 10.175pt/1.2 "open_sansbold", Helvetica, Arial, sans-serif; */
}

a.link_big::after {
    content: url(../img/arrow_right_blue_23h.svg);
    bottom: -3px;
}

.wrap-download {
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.wrap-download>div:first-of-type {
    margin: 0 16px 0 0;
}

.wrap-download>div:first-of-type>img {
    display: block;
}

.wrap-download a {
    text-decoration: none;
    color: #0069b0;
    position: relative;
}

.wrap-download a::after {
    content: url(../img/btn_download_14h.svg);
    margin: 0 0 0 10px;
    position: absolute;
    top: 0;
}

a.next-chapter {
    display: inline-block;
    margin: 43.5px 0 43.5px 52px;
    position: relative;
    font: normal 12pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 9.39pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    text-decoration: none;
    color: #0069b0;
}

.rounded_corner+a.next-chapter,
.wrap-info-box+a.next-chapter {
    margin: 15px 0 26px 52px;
}

a.next-chapter::before {
    content: url(../img/arrow_right_blue_curved_25h.svg);
    margin: 7px 0 0 -52px;
    position: absolute;
    top: 0;
}

a span.bigger {
    font: normal 14.25pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 11.74pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
}

.wrap-internal-link-list {
    margin: 92px 0 0;
}

.wrap-internal-link-list_service {
    margin: 40px 0;
}

.wrap-internal-link-list div {
    margin: 0 0 30px;
    /* NEU-NEU 39px; */
    position: relative;
}

.wrap-internal-link-list div:last-of-type {
    margin: 0;
}

.wrap-internal-link-list a {
    margin: 0 30px 0 0;
    display: block;
    font: normal 13.5pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 10.955pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    text-decoration: none;
    color: #0069b0;
}

.wrap-internal-link-list a::after {
    content: url(../img/arrow_right_blue_15h.svg);
    position: absolute;
    right: 0;
    top: calc(50% - 15px / 2);
}

a.back-to-previous-chapter {
    margin: 0 0 0 13px;
    position: relative;
    text-decoration: none;
    color: #0069b0;
}

a.back-to-previous-chapter::before {
    content: url(../img/arrow_right_blue_11h.svg);
    margin: 0 0 0 -13px;
    position: absolute;
    top: -5px;
    left: 0;
    transform: rotate(180deg);
}

a.back-to-previous-chapter+h1 {
    margin: 22px 0 28px;
}

.youtube-container-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

iframe.youtube-field-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/* OLD STYLE - TARGET BELOW NEW
  .wrap-anchor {
     margin: -95px 0 0;
     padding: 95px 0 0;
 }
 
 
 
 
 
 
 @media (min-width: 1024px) {
     .wrap-anchor {
         margin: -245px 0 0;
         padding: 245px 0 0;
     }
 } */

/* URLs with an # followed by an anchor name link to a certain element within a document. The element being linked to is the target element. */
:target::before {
    content: "";
    display: block;
    height: 95px;
    margin: -95px 0 0;
}








/* ========================================================================== */
/* MODULE: separation line */
/* ========================================================================== */
hr {
    margin: 15px 0 6.5px;
    border-top: 1px solid #999;
}

ul {
    margin: 6px 0 6px 20px;
}

ul li {
    margin: 0 0 10px 20px;
    list-style-type: none;
}

ul.intro {
    margin: 6px 0 20px 20px;
}

ul.intro li {
    font: normal 11pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 8.61pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
}

ul li:last-of-type {
    margin: 0 0 0 20px;
}

ul li::before {
    content: "•";
    /* content: "🞄"; */
    margin: 0 0 0 -20px;
    position: absolute;
}

ol {
    margin: 6px 0 6px 20px;
    list-style: none;
    counter-reset: li;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
}

ol li {
    margin: 0 0 10px 20px;
    position: relative;
}

ol li:last-of-type {
    margin: 0 0 0 20px;
}

ol li::before {
    content: counter(li) ".";
    margin: 0 0 0 -20px;
    position: absolute;
    top: 0;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    counter-increment: li;
}



ul.heavy_arrows_right {
    list-style: none;
}

ul.heavy_arrows_right li::before {
    content: "\2794";
}

ul.heavy_arrows_right+.wrap-footnotes {
    margin-bottom: 38px;
}

/* ========================================================================== */
/* MODULE: table */
/* ========================================================================== */
.wrap-table {
    display: flex;
}

.wrap-table>div:first-of-type {
    margin: 0 50px 0 0;
    color: #999999;
    white-space: nowrap;
}

.wrap-table>div:last-of-type>div:first-of-type {
    font-family: "open_sansbold";
}

/* ========================================================================== */
/* infoboard: diabetes_vermeiden/ursachen_und_risikofaktoren_diabetes.htm */
/* ========================================================================== */
figure.wrap-infoboard_diabetes_vermeiden_ursachen_risiko {
    margin: 54px 0 0;
    display: flex;
    align-items: center;
}

figure.wrap-infoboard_diabetes_vermeiden_ursachen_risiko>div {
    flex: 0 0 25%;
    margin: 0 66px 0 0;
}

figure.wrap-infoboard_diabetes_vermeiden_ursachen_risiko>div>img {
    display: block;
}




/* ========================================================================== */
/* infoboard: herzschwaeche_erkennen/herzschwaeche_diabetes_hand_in_hand.html */
/* ========================================================================== */
.wrap-infoboard_risiko>div {
    margin: 0 0 28px;
    display: flex;
    align-items: center;
}

.wrap-infoboard_risiko>div:last-of-type {
    margin: 0;
}

.wrap-infoboard_risiko>div>div:first-of-type {
    /* margin: 0 5% 0 0; */
    flex: 0 0 130px;
    text-align: center;
}




/* ========================================================================== */
/* infoboard: herzschwaeche_erkennen/bewegung_alltag.html */
/* ========================================================================== */
.wrap-infoboard_bewegung {
    margin: 16px 0;
}

.wrap-infoboard_bewegung>div {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
}

.wrap-infoboard_bewegung>div:first-of-type {
    align-items: flex-start;
}

.wrap-infoboard_bewegung>div:last-of-type {
    margin: 0;
}

.wrap-infoboard_bewegung>div>div:first-of-type {
    margin: 0 15px 0 0;
    flex: 0 0 110px;
    /* flex: 0 0 110px; */
    display: flex;
    justify-content: center;
}

.wrap-infoboard_bewegung>div>div:first-of-type img {
    display: block;
}

.wrap-infoboard_bewegung>div>div:last-of-type {
    padding: 0 0 0 20px;
}

.wrap-infoboard_bewegung>div>div:last-of-type p {
    margin: 0;
    position: relative;
    font-family: "open_sansbold";
}

.wrap-infoboard_bewegung>div>div:last-of-type p::before {
    position: absolute;
    top: 0;
    margin: 0 0 0 -20px;
}

.wrap-infoboard_bewegung>div:nth-of-type(1)>div:last-of-type p::before {
    content: "1.";
}

.wrap-infoboard_bewegung>div:nth-of-type(2)>div:last-of-type p::before {
    content: "2.";
}

.wrap-infoboard_bewegung>div:nth-of-type(3)>div:last-of-type p::before {
    content: "3.";
}

.wrap-infoboard_bewegung>div>div:last-of-type ul {
    margin: 6px 0;
}




/* ========================================================================== */
/* infoboard: schlaganfall_verhindern/symptome_schlaganfall.html */
/* ========================================================================== */
.wrap-infoboard_fast_methode {
    margin: 45px 0 45px;
}

.wrap-infoboard_fast_methode>div {
    margin: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap-infoboard_fast_methode>div:last-of-type {
    margin: 0;
}

.wrap-infoboard_fast_methode h2 {
    margin: 0 0 12px;
}

/* @media (min-width: 1024px) {
     .wrap-infoboard_fast_methode h2 {
         margin: 0 0 24px;
     }
 } */

.wrap-infoboard_fast_methode>div>div:first-of-type {
    flex: 0 0 66.666666%;
}

.wrap-infoboard_fast_methode>div>div:last-of-type {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* ========================================================================== */
/* HEADER area */
/* ========================================================================== */
header {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}

header>div {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    height: 95px;
}

.wrap-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 auto;
    position: relative;
    background: white;
}

.wrap-logo img {
    display: block;
    width: 50%;
    height: auto;
}

.wrap-btn-hamburger {
    cursor: pointer;
}

.wrap-btn-hamburger img {
    display: block;
}

.fontsize-zoom_mobile {
    margin: 55px 0 0;
    color: rgba(255, 255, 255, 0.75);
    font: normal 14.09pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.fontsize-zoom_desktop {
    display: none;
}

.btn-fonsize-smaller {
    cursor: pointer;
    margin: 0 10px 0 0;
    font: 20px/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fontsize-zoom_mobile .btn-fonsize-smaller {
    color: rgba(255, 255, 255, 0.75);
}

.fontsize-zoom_desktop .btn-fonsize-smaller {
    color: #d31e3c;
}

.btn-fonsize-bigger {
    cursor: pointer;
    margin: 0 0 0 10px;
    font: 26px/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fontsize-zoom_mobile .btn-fonsize-bigger {
    color: rgba(255, 255, 255, 0.75);
}

.fontsize-zoom_desktop .btn-fonsize-bigger {
    color: #d31e3c;
}

nav {
    z-index: 20;
    /*   */
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 75%;
    background: #d31e3c;
    text-align: center;

}

.wrap-anchors {
    xxxmargin: 49px 0 0;
    width: 100%;
}


.wrap-anchors.show_menu {
    display: block;
}

.wrap-anchors>div {
    /* margin: 0 0 46px; */
    white-space: nowrap;
}

.wrap-anchors a {
    position: relative;
    font: 14.09pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: white;
}

#findrisk #navbar {
    z-index: 20;
    /*   */
    top: 0;
    bottom: 0;
    left: 100%;
    width: 75%;
    background: #d31e3c;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    height: fit-content;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
}

#findrisk .sm-text {
    font-size: 0.8em;
}

#findrisk .link-text {
    text-decoration: none;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#findrisk .main-header {
    width: 75%;
    margin: 0 12.5% 0 12.5%;

}

#findrisk .header {
    font-size: 1.5em;
    font-weight: 600;
}

.sub-header {
    font-size: 1.5em;
    font-weight: 600;
}

.blue {
    color: #066dae;
}

.white {
    color: white;
}

.bold {
    font-weight: 600;
}

.info-page {
    margin-bottom: 10%;
}

.inline-block {
    display: inline-block;
    width: 200px;
    border: 1px solid;
    vertical-align: top
}

.p-5 {
    padding: 1% 5%;
}

.category-header {
    font-size: 1.5em;
    font-weight: 600;
    color: white;
    padding: 5px;
    width: fit-content;
    display: inline;
}

.result-header {
    padding-left: 10%;
    padding-right: 10%;
}

.result-body {
    padding-left: 10%;
    padding-right: 10%;
}

.result-list {
    margin: 0 0 5px 33px;
}

.sub-result {
    margin-top: 10px;
    font-weight: 600;
}

.sub-header {
    margin-top: 10px;
}

.risk {
    color: white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.5em;
    font-weight: 600;
    display: inline;
}

.bg-A {
    background-color: #76AE4D;
}

.bg-B {
    background-color: #F6CA21;
}

.bg-C {
    background-color: #F3A22D;
}

.bg-D {
    background-color: #E95122;
}

.bg-E {
    background-color: #A61B20;
}

.textColor-A {
    color: #76AE4D;
}

.textColor-B {
    color: #F6CA21;
}

.textColor-C {
    color: #F3A22D;
}

.textColor-D {
    color: #E95122;
}

.textColor-E {
    color: #A61B20;
}

.item {
    align-item: center;
    gap: 5%;
    padding-bottom: 10px;
}

.item label,
span {
    flex: 0 0 170px;
}

.option {
    display: flex;
    justify-content: space-between;
}

hr {
    width: 75%;
    margin: 0 12.5% 0 12.5%;
    border-top: 1px solid #066dae;
}

hr.grey_full {
    border-top: 1px solid #999;
    border-bottom: 0;
    width: 100%;
    margin: 70px 0 0 0;
}

#introduction {
    padding-bottom: 15%;
}

/* Styles for the progressbar */
.progress {
    padding-top: 10px;
    float: right;
}

#progressbar {
    margin: 5px 20px;
    height: 15px;
    width: 150px;
    background-color: #ddd;
    overflow: hidden;
}

#progressbar div {
    height: 100%;
    background-color: #066dae;
    transition: width 0.5s ease-in-out;
}

#progressinfo {
    float: left;
    color: #066dae;
    margin-right: 10px;
    font-size: 1em;
    font-weight: 600;
}

#survey-form {
    margin-top: 5%;
}


/* @media (min-device-width: 1024px) and (max-width: 1175px) {
     .wrap-anchors a {
         font: 13pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
     }
 } */

/* @media (min-width: 1024px) {
     .wrap-anchors a {
         font: 16pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
     }
 } */

.wrap-anchors a:hover::after,
.wrap-anchors a.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -8px;
    width: calc(100% + 16px);
    height: 1px;
    background: white;
}

.wrap-btn-search {
    display: none;
}

.wrap-input-search {
    display: block;
    margin: 0px 50px 0 !important;
    align-items: center;
    width: calc(100% - 2 * 50px);
    height: 100%;
    background: #d31e3c;
}

.wrap-input-search form {
    display: flex;
    align-items: center;
    width: 100%;
}

.wrap-input-search form>div:first-of-type {
    position: relative;
    width: 100%;
}

#tipue_search_input {
    flex: 0 1 100%;
    width: 100%;
    height: 36px;
    border: 0;
    border-radius: 5px;
    padding: 0 0 0 10px;
    /* font: 7pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    font: 14pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    color: #555;
}

.btn-search_form {
    /* background: white;
     border: 2px solid white;
     border-radius: 0 5px 5px 0; */
    position: absolute;
    right: 0;
    top: calc(50% - 32px / 2);
}

.btn-close_search {
    display: none;
}

.wrap-btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.wrap-btn-close img {
    display: block;
}

/* ========================================================================== */
/* PATTERN: see search input at: styles_header.css */
/* ========================================================================== */




/* ========================================================================== */
/* PATTERN: search result page */
/* ========================================================================== */
.wrap-search-results h1 {
    margin: 0 0 18px;
}

.tipue_search_result {
    margin: 15px 0;
    border-bottom: 1px solid #cce1ef;
}

.tipue_search_content_title a {
    display: block;
    position: relative;
    margin: 20px 0 10px 0;
    font: normal 13.5pt/1.2 open_sanssemibold, Helvetica, Arial, sans-serif;
    /* font: normal 10.955pt/1.2 open_sanssemibold,Helvetica,Arial,sans-serif; */
    color: #0069b0;
    padding: 0 calc(2 * 18px) 0 0;
    text-decoration: none;
}

.tipue_search_content_title a:hover {
    text-decoration: none !important;
}

.tipue_search_content_title a:after {
    content: url(../img/arrow_right_blue_15h.svg);
    position: absolute;
    right: 0;
    top: calc(50% - 7.5px);
}

.tipue_search_content_text {
    margin: 0 0 15px !important;
}

.tipue_search_content_bold {
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    color: #d31e3c;
}

#tipue_search_foot ul li::before {
    content: "" !important;
}

#tipue_search_foot_boxes li.current,
#tipue_search_foot_boxes li a {
    margin-right: 10px !important;
    border-radius: 10px !important;
    /* padding: 10px 17px 11px;
     text-align: center; */
}

#tipue_search_foot_boxes li.current,
#tipue_search_foot_boxes li a:hover {
    background-color: #0069b0 !important;
    color: white !important;
}

#tipue_search_foot_boxes li a {
    background-color: #d31e3c !important;
    color: white !important;
}


/* ========================================================================== */
/* SECTION content */
/* ========================================================================== */
section {
    width: 100%;
    /* padding: 0 25px; */
}




/* ========================================================================== */
/* section with 100% */
/* ========================================================================== */
/* .wrap-section-1600 {
     margin: 0 auto;
     width: 100%;
     max-width: 1600px;
 } */

/* @media (min-width: 1024px) {
     .wrap-section-1600 {
     }
 } */


/* ========================================================================== */
/* section with 50% */
/* ========================================================================== */
.wrap-section-65 {
    margin: 0 auto;
    width: 100%;
}




/* ========================================================================== */
/* starting page: intro section */
/* ========================================================================== */
.section_intro {
    margin: 0 auto 24px;
    /* margin: -42px auto 24px; */
}

.section_intro h1 {
    margin: 50px 0 0;
}

.section_intro>img {
    display: block;
    width: 127px;
    /* width: 35%; */
    height: auto;
    float: right;
    margin: 0 0 0 20px;
}

.section_intro .wrap-claim img {
    width: 50%;
    height: auto;
    margin: 37px 0 0;
    float: none;
    display: inline-block;
}




/* ========================================================================== */
/* chapter pages */
/* ========================================================================== */

.flexbox-1-1 p:first-of-type {
    margin: 0
}




/* ========================================================================== */
/* PATTERN: partner section */
/* ========================================================================== */
.wrap-partner {
    margin: 0 0 0 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wrap-partner>div {
    margin: 0 auto 4.166666%;
    flex: 0 0 33.333333%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap-partner img {
    display: block;
    width: 50%;
    height: auto;
}




/* ========================================================================== */
/* PATTERN: footnotes */
/* ========================================================================== */
.wrap-footnotes {
    margin: 38px auto 22px;
}

.wrap-footnotes p.asterisk,
.wrap-footnotes p.asterisk_double {
    margin: 0 0 2.5px 10px;
    position: relative;
    font: normal 7.5pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 5.11pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #a5a5a5;
}

.wrap-footnotes p.asterisk::before,
.wrap-footnotes p.asterisk_double::before {
    margin: 0 0 0 -10px;
    position: absolute;
    top: 25%;
    font: normal 75%/0 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.wrap-footnotes p.asterisk::before {
    content: "\002A";
}

.wrap-footnotes p.asterisk_double::before {
    content: "\002A\002A";
}

.wrap-footnotes ol {
    margin: 0;
    list-style: none;
    counter-reset: li;
}

.wrap-footnotes ol li {
    margin: 0 0 2.5px 10px;
    position: relative;
    font: normal 7.5pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: normal 5.11pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #a5a5a5;
}

.wrap-footnotes ol li:last-of-type {
    margin: 0 0 0 10px;
}

.wrap-footnotes ol li::before {
    margin: 0 0 0 -10px;
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 5px;
    font: normal 75%/0 "open_sanssemibold", Helvetica, Arial, sans-serif;
}





.wrap-share-mail-print {
    /* z-index: 10; */
    position: relative;
    display: flex;
    margin: 4px 0 39px;
    align-items: center;
    padding: 0 20px 0 0;
}

.wrap-share-mail-print>div {
    cursor: pointer;
}

.wrap-share-mail-print .btn-share {
    margin: 0 20px 0 0;
    position: relative;
}

.wrap-share_content {
    z-index: 110;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 240px;
    background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.2);
    font: normal 9.5pt/2.14 open_sanssemibold, Helvetica, Arial, sans-serif;
    /* font: normal 7pt/2.14 open_sanssemibold,Helvetica,Arial,sans-serif; */
    color: #d31e3c;
}

.wrap-share_content>div:first-of-type>div:first-of-type {
    order: 2
}

.wrap-share_content>div:first-of-type>div:last-of-type {
    order: 1
}

.wrap-share_content>div:last-of-type>div:first-of-type>div {
    line-height: 0;
}

.wrap-share_content>div:last-of-type>div:first-of-type>div:first-of-type a {
    line-height: 18px;
}

.wrap-share_content>div:last-of-type>div:first-of-type>div:last-of-type a {
    line-height: 15px;
}

.wrap-share_content a.external_link::after {
    content: "";
    margin: 0;
}

.wrap-share_content img {
    display: block;
}

.wrap-share_content>div:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.wrap-share_content>div:nth-of-type(2) {
    margin: 45px 0 0;
    display: flex;
}

.wrap-share_content>div:nth-of-type(2)>div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wrap-share_content>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1) {
    color: #4267b2;
}

.wrap-share_content>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(2) {
    margin: 30px 0 0;
    color: #1da1f2;
}

.wrap-share_content>div:nth-of-type(2)>div:nth-of-type(2)>div {
    margin: 0 0 0 20px;
}

.wrap-share_content>div:nth-of-type(2)>div:nth-of-type(2)>div:nth-of-type(2) {
    margin: 30px 0 0 20px;
}

/* .wrap-share_content > div:nth-of-type(2) > div > div:first-of-type {
     margin: ;
 } */

/* .wrap-share_content > div:nth-of-type(3) {
     margin: 30px 0 0;
     display: flex;
 } */

.overlay {
    cursor: pointer;
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    xxxbackground: rgba(0, 0, 0, 0.2);
}

.wrap-share-mail-print>div:nth-of-type(2) {
    margin: 0 30px 0 0;
}

/* .wrap-share-mail-print img {
     display: block;
 } */

/* ========================================================================== */
/* starting page: 2 tiles with scrolling content */
/* ========================================================================== */

.wrap-scroll-tile>div:first-of-type {
    /*  */
    border-radius: 10px 10px 0 0;
    padding: 0 0 0 20px;
    font: 11pt/40px "open_sansbold", Helvetica, Arial, sans-serif;
    /* font: 8.5pt/40px "open_sansbold", Helvetica, Arial, sans-serif; */
    color: white;
    height: 40px;
}

.wrap-scroll-content {
    width: auto !important;
    /* height: auto !important; */
    background: #f7f9fa;
    border-radius: 0 0 10px 10px;
    font: 10.5pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: 7pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
}

.wrap-scroll-content p {
    margin: 20px;
}

/* @media (max-width: 1023px) {
     .jspContainer {
         height: auto !important;
     }
 } */

.jspContainer {
    width: auto !important;
    /* margin: 0 0 20px 0; */
}

.jspPane {
    /* width: auto !important; */
}

.jspVerticalBar {
    display: none !important;
}

.jspHorizontalBar {
    display: none;
}

.jspTrack {
    background: transparent !important;
}

.jspDrag {
    background: #c3d5d6 !important;
}

.jspArrow {
    height: 30px !important;
    background: transparent !important;
}

.jspArrowUp {
    position: relative;
}

.jspArrowUp::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #c3d5d6;
    border-left: 6px solid transparent;
}

.jspArrowUp.jspDisabled::after {
    opacity: 0.5;
}

.jspArrowDown {
    position: relative;
}

.jspArrowDown::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 12px solid #c3d5d6;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.jspArrowDown.jspDisabled::before {
    opacity: 0.5;
}

.jspDisabled {
    background: transparent !important;
}

/* strong {
     font: normal 17pt/2 "open_sansbold", Helvetica, Arial, sans-serif;
 } */

/* .wrap-scroll-tile-1600 {
     margin: 0 auto;
     max-width: 1600px;
 } */




/* ========================================================================== */
/* infobus */
/* ========================================================================== */
.wrap-infobus {
    display: flex;
    flex-direction: column;
}

.wrap-infobus>div {
    flex: 0 0 auto;
}

.wrap-infobus>div:first-of-type {
    order: 2;
}

.wrap-infobus>div:last-of-type {
    order: 1;
}



/* ========================================================================== */
/* starting page: schirmherrin with scroll content  */
/* ========================================================================== */
.wrap-scroll-tile-1600 {
    margin: 26px auto 0;
}

/* .wrap-scroll-tile-1600 .flexbox {
     padding: 20px;
 } */

.wrap-scroll-tile-1600 .flexbox div:first-of-type p {
    text-align: center;
    font: normal 10.5pt/25pt "open_sansbold", Helvetica, Arial, sans-serif;
    /*  font: normal 7.825pt/25pt "open_sansbold", Helvetica, Arial, sans-serif; */
}

.wrap-scroll-tile-1600 .jspVerticalBar {
    display: none !important;
}




/* ========================================================================== */
/* info-tour listing */
/* ========================================================================== */

.wrap-news-list>div:first-of-type {
    /* margin: 0 0 0 20px; */
    border-radius: 10px 10px 0 0;
    padding: 0 0 0 20px;
    font: 11pt/40px open_sansbold, Helvetica, Arial, sans-serif;
    /* font: 8.5pt/40px open_sansbold,Helvetica,Arial,sans-serif; */
    color: #fff;
    height: 40px;
    background: #7fb4d7;
}

/* .wrap-news-list .wrap-scroll-content {
     height: auto !important;
 } */

.wrap-news-list h4 {
    margin: 20px 20px 5px;
}

/* .wrap-news-list .wrap-scroll-content > div > div > div:first-of-type h4 {
     margin: 18px 0 5px 20px;
 }
 
 @media (min-width: 1024px) {
     .wrap-news-list .wrap-scroll-content > div > div > div:first-of-type h4 {
         margin: 18px 0 10px 40px;
     }
 } */

.wrap-news-list p {
    margin: 0 20px 20px;
}




/* ========================================================================== */
/* NEW PATTERN: link image teasers */
/* ========================================================================== */
/* .wrap-link-image-tiles {
     margin: 47px auto 0;
 } */

.wrap-link-image-tile_n {
    /* position: relative; */
    margin: 30px 0 0;
    border-radius: 10px;
    overflow: hidden;
}

.wrap-link-image-tile_n>a {
    height: 260px;
    /* height: 267.5px; */
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.wrap-link-image-tile_n>a.external_link::after {
    content: "";
    margin: 0;
    position: static;
    bottom: auto;
    left: auto;
}

.wrap-link-image-tile_n>a>div:first-of-type {
    position: relative;
    background: #d31e3c;
    padding: 10px 60px 13px 20px;
    font: 11pt/1.64 "open_sansbold", Helvetica, Arial, sans-serif;
    /* font: 8.61pt/1.64 "open_sansbold", Helvetica, Arial, sans-serif; */
    color: white;
}

.wrap-link-image-tile_n>a>div:first-of-type::after {
    content: url(../img/arrow_right_white_15h.svg);
    position: absolute;
    top: calc(50% - 15px / 2);
    right: 22px;
}

.wrap-link-image-tile_n>a>div:last-of-type {
    flex: 1 1 auto;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_home1 {
    background: url(../img/content/startseite/weltdiabetestag-2021.jpg) right center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_home2 {
    background: url(../img/content/startseite/corona_virus.jpg) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_home3 {
    background: url(../img/content/startseite/frau_mit_maske.jpg) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_home4 {
    background: url(../img/content/startseite/teaser_doc2go.png) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_home5 {
    background: url(../img/content/startseite/teaser_klassikradio.png) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_diabetes1 {
    background: url(../img/content/diabetes_vermeiden/ernaehrung_gesund.jpg) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_diabetes2 {
    background: url(../img/content/diabetes_vermeiden/wijnvoord.jpg) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_diabetes3 {
    background: url(../img/content/diabetes_vermeiden/herzschwaeche_diabetes.jpg) right center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_diabetes4 {
    background: url(../img/content/diabetes_vermeiden/radfahrer.jpg) right center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_herzschwaeche1 {
    background: url(../img/content/herzschwaeche_erkennen/ernaehrung_gesund2.jpg) center center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_herzschwaeche2 {
    background: url(../img/content/herzschwaeche_erkennen/herzschwaeche_yoga.jpg) right center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_schlaganfall1 {
    background: url(../img/content/schlaganfall_verhindern/schlaganfall_vorhofflimmern.jpg) right center no-repeat;
    background-size: cover;
}

.wrap-link-image-tile_n>a>div:last-of-type.tile_schlaganfall2 {
    background: url(../img/content/schlaganfall_verhindern/schlaganfall_lebensqualitaet2.jpg) right center no-repeat;
    background-size: cover;
}




/* ========================================================================== */
/* PATTERN: text info box */
/* ========================================================================== */
.wrap-info-box {
    margin: 24px 0;
    /* margin: 44px 0 0; */
    background: #edf6f9;
    border: 1px solid #0069b0;
    border-radius: 10px;
    padding: 20px;

}

.wrap-info-box ul {
    margin: 12px 0 12px 0;
}

.wrap-info-box li {
    margin: 0 0 10px 20px;
    list-style-type: none;
    /* font: normal 7.045pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
}

.wrap-info-box li:last-of-type {
    margin: 0 0 0 20px;
}

.wrap-info-box li::before {
    content: "•";
    /* content: "🞄"; */
    margin: 0 0 0 -20px;
    position: absolute;
}

.wrap-info-box ul li ul li::before {
    content: "–";
}

/* ========================================================================== */
/* PATTERN: sclaganfall info box */
/* ========================================================================== */
.wrap-info-box_schlaganfall>div {
    display: flex;
}

.wrap-info-box_schlaganfall>div>div:first-of-type {
    flex: 0 0 75%;
}



/* ========================================================================== */
/* notruf */
/* ========================================================================== */
.wrap-notruf {
    margin: 30.5px 0 0;
    background: #d31e3c;
    border-radius: 10px;
    padding: 18px 27.5px;
    color: white;
}

.wrap-notruf>div:first-of-type {
    font: normal 10.175pt/2.15 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.wrap-notruf>div:last-of-type {
    margin: 21px 0 0;
    text-align: center;
}

.wrap-notruf>div:last-of-type>span:first-of-type {
    font: normal 21.52pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.wrap-notruf>div:last-of-type>span:last-of-type {
    font: normal 31.305pt/1 "open_sansbold", Helvetica, Arial, sans-serif;
}

/* ========================================================================== */
/* teaser on starting page */
/* ========================================================================== */

.teaser_home1 {
    background: url(../img/content/startseite/teaser_schlaganfalltest.jpg) top center no-repeat;
    background-size: cover;
}

.teaser_home2 {
    background: url(../img/content/startseite/teaser_diabetestest.jpg) top center no-repeat;
    background-size: cover;
}

.teaser_home3 {
    background: url(../img/content/startseite/herzschwaeche-selbsttest_teaser.jpg) top center no-repeat;
    background-size: cover;
}

.teaser_tourbus {
    background: url(../img/content/startseite/tourbus.jpg) top center no-repeat;
    background-size: cover;
}

/* ========================================================================== */
/* link with teaser image */
/* ========================================================================== */

.wrap-teaser-link-with-visual {
    margin: 48px 0 60px;
}

.wrap-teaser-link-with-visual>div:first-of-type>div {
    border-radius: 10px;
    overflow: hidden;
}

.wrap-teaser-link-with-visual>div:last-of-type h2 {
    margin: 25px 0 10px;
    font: normal 9.5pt/2.14 open_sanssemibold, Helvetica, Arial, sans-serif;
    /* font: normal 13.305pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    color: #0069b0;
}

.wrap-teaser-link-with-visual>div:last-of-type p {
    color: #0069b0;
}


.wrap-teaser-link-with-visual>div:last-of-type a {
    margin: 15px 0 0;
    display: inline-block;
    /* text-decoration: none;
     color: #0069b0; */
}

/* .wrap-teaser-link-with-visual > div:last-of-type a::after {
     content: url(../img/arrow_right_blue_15h.svg);
     margin: 0 0 0 3.5pt;
     position: relative;
     bottom: -1px;
     left: 0;
 } */

/* ========================================================================== */
/* slick theme */
/* ========================================================================== */
/* @charset 'utf-8'; */

/* Slider */
/* .slick-loading .slick-list {
     background: #fff url("./ajax-loader.gif") center center no-repeat;
 } */

/* Icons */
/* @font-face {
     font-family: "slick";
     font-weight: normal;
     font-style: normal;
     src: url("./fonts/slick.eot");
     src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
 } */
/* Arrows */
/* .slick-prev,
 .slick-next {
     cursor: pointer;
     display: block;
     position: absolute;
     top: 50%;
     width: 20px;
     height: 20px;
     background: transparent;
     border: none;
     outline: none;
     padding: 0;
     font-size: 0;
     line-height: 0;
     color: transparent;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 } */

/* .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus {
     background: transparent;
     outline: none;
     color: transparent;
 } */

/* .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before {
     opacity: 1;
 } */

/* .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: 0.25;
 } */

/* .slick-prev:before,
 .slick-next:before {
     opacity: 0.75;
     font-family: "slick";
     font-size: 20px;
     line-height: 1;
     color: white;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 } */

/* .slick-prev {
     left: -25px;
 } */

/* [dir='rtl'] .slick-prev {
     right: -25px;
     left: auto;
 } */

/* .slick-prev:before {
     content: "←";
 } */

/* [dir='rtl'] .slick-prev:before {
     content: "→";
 } */

/* .slick-next {
     right: -25px;
 } */

/* [dir='rtl'] .slick-next {
     right: auto;
     left: -25px;
 } */

/* .slick-next:before {
     content: "→";
 } */

/* [dir='rtl'] .slick-next:before {
     content: "←";
 } */

/* Dots */
/* .slick-dotted.slick-slider {
     margin-bottom: 30px;
 } */

/* .slick-dots {
     display: block;
     margin: 0;
     position: absolute;
     bottom: -25px;
     width: 100%;
     padding: 0;
     text-align: center;
     list-style: none;
 } */

/* .slick-dots li {
     cursor: pointer;
     display: inline-block;
     margin: 0 5px;
     position: relative;
     width: 20px;
     height: 20px;
     padding: 0;
 } */

/* .slick-dots li button {
     cursor: pointer;
     display: block;
     width: 20px;
     height: 20px;
     background: transparent;
     border: 0;
     outline: none;
     padding: 5px;
     font-size: 0;
     line-height: 0;
     color: transparent;
 } */

/* .slick-dots li button:hover,.slick-dots li button:focus {
     outline: none;
 } */

/* .slick-dots li button:hover:before,.slick-dots li button:focus:before {
     opacity: 1;
 } */

/* .slick-dots li button:before {
     content: "•";
     opacity: 0.25;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     font-family: "slick";
     font-size: 6px;
     line-height: 20px;
     text-align: center;
     color: black;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 } */

/* .slick-dots li.slick-active button:before {
     opacity: 0.75;
     color: black;
 } */

/* ========================================================================== */
/* custom */
/* ========================================================================== */
/* .wrap-slider {
     position: relative;
 } */

/* NEU-NEU */
.wrap-slider .responsive {
    display: block;
    width: 66%;
    /* max-width: 100%; */
    height: auto;
    margin-left: 17%;
}


.slick-loading .slick-list {
    background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

.slick-prev,
.slick-next {
    display: none;
}

/* @media (max-width: 1023px) {
     .slick-dotted.slick-slider {
         margin: 0 0 29px 0;
     }
 } */

.slick-dots {
    display: flex;
    margin: 0 0 -29px 0;
    justify-content: center;
    position: absolute;
    /* NEU-NEU  bottom: 0; */
    width: 100%;
}

.slick-dots li {
    cursor: pointer;
    margin: 0 12.5px 0 0;
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    background: #f2bbc4;
    list-style-type: none;
}

.slick-dots li:last-of-type {
    margin: 0;
}

.slick-dots li:before {
    content: "";
    margin: 0;
    position: static;
}

.slick-dots li.slick-active {
    background: red;
}

.slick-dots li button {
    border: 0;
    font-size: 0;
    line-height: 0;
}


/* .wrap-slider .slick-dots {
     display: block;
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 0;
     text-align: center;
     list-style-type: none;
 }
 
 @media (min-width: 1024px) {
     .wrap-slider .slick-dots {
         bottom: 20px;
     }
 }
 
 .wrap-slider .slick-dots li {
     display: inline-block;
     margin-left: 6px;
 }
 
 @media (min-width: 1024px) {
     .wrap-slider .slick-dots li {
         margin-left: 10px;
     }
 }
 
 .wrap-slider .slick-dots li button {
     display: block;
     width: 8px;
     height: 8px;
     overflow: hidden;
     background-color: transparent;
     border: 1px solid #fff;
     border-radius: 50%;
     outline: none;
     padding: 0;
     text-indent: 8000px;
 }
 
 @media (min-width: 1024px) {
     .wrap-slider .slick-dots li button {
         width: 14px;
         height: 14px;
         border: 2px solid #fff;
     }
 }
 
 .wrap-slider .slick-dots li.slick-active button {
     background-color: rgba(255, 255, 255, 0.6);
 }
 
 .wrap-slider .slick-slide {
     position: relative;
     outline: none;
 } */

/* ========================================================================== */
/* images with floating text arround */
/* ========================================================================== */
.left-floated-image {
    float: right;
    margin: 0 0 20px 20px;
}




/* ========================================================================== */
/* clipped image */
/* ========================================================================== */
img.vignette {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}




/* ========================================================================== */
/* image with rounded corners */
/* ========================================================================== */
.rounded_corner {
    margin: 24px 0;
    border-radius: 10px;
    overflow: hidden;
}

.rounded_corner_service {
    display: inline-block;
}

.rounded_corner_max341w {
    width: 341px;
}

.rounded_corner_max341w img {
    display: block;
    width: 100%;
    height: auto;
}





/* ========================================================================== */
/* responsive images */
/* ========================================================================== */
.responsive {
    display: block;
    width: 100%;
    /* max-width: 100%; */
    height: auto;
}

.responsive-mobile-only {
    display: block;
    width: 100%;
    height: auto;
}

.responsive_service {
    display: block;
    width: 100%;
    max-width: 341px;
    height: auto;
}

/* ========================================================================== */
/* service podcast overview tiles */
/* ========================================================================== */
#service_tiles_container {
    display: flex;
    flex-wrap: wrap; 
}

.tile_service {
    width: 100%;
    margin-bottom: 40px;
}

.tile_service strong {
    display: block;
}

@media (min-width: 840px) {
    .tile_service {
        width: calc(50% - 40px);
        margin: 0px 20px 60px 0;
    }
}

.tile_service .rounded_corner {
    margin: 14px 0;
}

.tile_service a {
    display: block;
    text-decoration: none;
}

.tile_service p {
    max-width: 341px;
    margin: 20px 0 5px;
    color: #555;
}

/* ========================================================================== */
/* diagramm: schlaganfall_verhindern/ursachen_risikofaktoren_schlaganfall.html  */
/* ========================================================================== */
.diagramm {
    margin: 24px 0;
    /* margin: 44px 0 0; */
    background: #edf6f9;
    border: 1px solid #0069b0;
    border-radius: 10px;
    padding: 20px;
}

.diagramm>p {
    margin: 0 0 20px;
}




/* ========================================================================== */
/* photo story */
/* ========================================================================== */
.wrap-photo-story {
    margin: 40px 0;
}

.wrap-photo-story div {
    margin: 0 0 20px;
}

.wrap-photo-story div img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.wrap-map-news {
    margin: 40px auto 0;
}

.map {
    position: relative;
}

.map circle.red {
    fill: #d31e3c;
    opacity: 1;
}

.map circle.red:hover {
    cursor: pointer;
}

/* .wrap-map-news svg {
     -webkit-filter: drop-shadow( 0 6px 3px #0069b0);
     filter: drop-shadow( 0 6px 3px #0069b0);
 } */

.mapael .zoomButton {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(20%, 20%, 20%, 0.666666);
    border-radius: 5px;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.mapael .zoomReset {
    top: 10px;
}

.mapael .zoomIn {
    top: 52px;
}

.mapael .zoomOut {
    top: 94px;
}

.mapael svg {
    width: 100%;
    /* height: auto; */
}

/* .mapael .mapTooltip {
     z-index: 10;
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(20%, 20%, 20%, 0.666666);
     border-radius: 0 10px 10px;
     padding: 5px 10px;
     color: #fff;
 } */

.wrap-overlay_map {
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.overlay_map {
    margin: 0 25px;
    position: relative;
    width: 100%;
    height: 50vh;
    background: white;
    padding: 75px 15px 25px 25px;
}

[class^="my"] {
    display: none;
    height: 100%;
    overflow-y: auto;
}

.btn-close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.btn-close::after {
    content: url(../img/btn_close_blue_20h.svg);
}

/* ========================================================================== */
/* PATTERNS: brightgrove videos */
/* ========================================================================== */
.wrap-video {
    margin: 24px 0;
    position: relative;
    padding-bottom: 56.25%;
}

.wrap-video_schirmherrin {
    margin: 20px;
}

.wrap-video>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ========================================================================== */
/* PATTERN: FOOTER area */
/* ========================================================================== */
.wrap-btn-top {
    font: 8pt/1.4 "open_sanssemibold", Helvetica, Arial, sans-serif;
    cursor: pointer;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 33px;
    background: url(../img/circle_blue_mobile.svg) center bottom no-repeat;
    background-size: contain;
    text-align: center;
    color: #80b4d8;
}

footer {
    position: absolute;
    width: 100%;
    background: #0069b0;
    padding: 0 25px;
    font: 9.5pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    /* font: 6pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
}

.findriskFooter {}

footer a {
    /* font: 12pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    text-decoration: none;
    color: white;
}

footer>div:first-child {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 50px 0 0;
}

/* @media (min-width: 1024px) {
     footer > div:first-child {
     }
 } */

/* footer > div:first-child {
 } */

.wrap-socialmedia {
    order: 1;
    flex: 0 0 50%;
}

.wrap-socialmedia>div {
    margin: 0 0 43px;
}

.wrap-socialmedia>div:last-child {
    margin: 0;
}

.wrap-links_internal {
    order: 2;
    flex: 0 0 50%;
}

.wrap-links_internal>div {
    text-align: right;
}

.wrap-links_internal h6 {
    margin: 0 0 20px;
}

.wrap-links_internal h6 a {
    font: bold 9.5pt/1 "open_sansbold", Helvetica, Arial, sans-serif;
    /* font: bold 6pt/1 "open_sansbold", Helvetica, Arial, sans-serif; */
    text-decoration: none;
    color: white;
}

.wrap-links_internal>div>div {
    display: none;
}

.wrap-links_external {
    margin: 25px 0 6px;
    order: 3;
    flex: 0 0 100%;
    text-align: right;
}

.wrap-links_external>div {
    margin: 0 0 20px;
}

/* .wrap-links_external > div a {
     white-space: nowrap;
 } */

.wrap-logo_footer {
    margin: 10px 0 25px;
    order: 4;
    flex: 0 0 100%;
    border-top: 1px solid white;
    padding: 25px 0 0;
    /* text-align: right; */
    display: flex;
    align-items: center;
}

.wrap-logo_footer>div {
    flex: 1 1 auto;
}

.wrap-logo_footer>div:first-of-type {
    color: white;
    font: 6pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.wrap-logo_footer>div:last-of-type {
    display: flex;
    justify-content: flex-end;
}


div.last-modified {
    position: absolute;
    right: -14px;
    top: -35px;
    transform: rotate(-90deg);
    color: #a5a5a5;
}



/* ========================================================================== */
/* PATTERN: disclaimer */
/* ========================================================================== */
#wrap-disclaimer_modal {
    z-index: 10000;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#wrap-disclaimer_box {
    position: relative;
    width: calc(100vw - 32px);
    height: 85%;
    background-color: #fff;
    padding: 60px 20px 20px 20px;
}

#wrap-disclaimer_box_scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#disclaimer-close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

#disclaimer-close::after {
    content: url(../img/btn_close_blue_20h.svg);
    /* font: normal 8pt/1 "open_sansbold", Helvetica, Arial, sans-serif; */
}

/* @media (min-width: 1024px) {
     #disclaimer-close::after {
         font: normal 16pt/1 "open_sansbold", Helvetica, Arial, sans-serif;
     }
 } */

#wrap-disclaimer_modal a.link {
    white-space: normal;
}





/* ========================================================================== */
/* externer_link.htm: inline disclaimer */
/* ========================================================================== */
.wrap-disclaimer_inline {
    margin: 0 auto 40px;
}

@media (min-width: 768px) {
    .wrap-photo-story {
        margin: 80px 0;
        display: flex;
        flex-wrap: wrap;
    }

    .wrap-photo-story div {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(50% - 20px);
    }

    .wrap-photo-story div:nth-child(odd) {
        margin: 0 20px 0 0;
    }

}

@media (min-width: 1024px) {
    h1 {
        margin: 0 0 20px;
        font: normal 19pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .section_intro h1 {
        font: normal 24pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    h2,
    .tile_service strong {
        margin: 40px 0 24px 0;
        font: normal 18.78pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    h2.intro {
        margin: 0 0 53px 0;
        font: normal 39.13pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .overlay_map h2 {
        margin: 0 0 24px;
    }

    h3,
    h4 {
        /* display: block; */
        margin: 150px 0 47px 40px;
        font: normal 16pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
        color: #d31e3c;
    }

    .overlay_map h3 {
        margin: 0 0 25px;
    }


    /* NEU-NEU font: normal 14pt/2 */

    body {
        font: normal 13pt/1.5 "open_sansregular", Helvetica, Arial, sans-serif;
        /* font: normal 14.09pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
        padding: 0 0 0;
    }

    p {
        margin: 20px 0 0;
    }

    a.internal,
    span.internal,
    a.external_link,
    a.link_now {
        font: normal 13pt/1.3 "open_sansbold", Helvetica, Arial, sans-serif;
    }

    a.internal::after,
    span.internal::after,
    a.external_link::after,
    a.link_now::after {
        content: url(../img/arrow_right_blue_15h.svg);
        margin: 0 0 0 3.5pt;
    }

    a.link_big {
        font: normal 20.35pt/1.2 "open_sansbold", Helvetica, Arial, sans-serif;
    }

    .wrap-download {
        margin: 40px 0;
        display: flex;
        align-items: center;
    }

    .wrap-download a::after {
        content: url(../img/btn_download.svg);
        margin: 0 0 0 20px;
    }

    a.next-chapter {
        margin: 87px 0 87px 104px;
        font: normal 14.78pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .rounded_corner+a.next-chapter {
        margin: 37px 0 128px 104px;
    }

    a.next-chapter::before {
        content: url(../img/arrow_right_blue_curved.svg);
        margin: 7px 0 0 -104px;
    }

    a span.bigger {
        font: normal 19pt/1.3 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-internal-link-list {
        margin: 100px 0 0;
    }

    .wrap-internal-link-list_service {
        margin: 80px 0;
    }

    .wrap-internal-link-list div {
        margin: 0 0 20px;
        /* NEU-NEU  55px; */
    }

    .wrap-internal-link-list a {
        font: normal 18pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-internal-link-list a::after {
        content: url(../img/arrow_right_blue_23h.svg);
        top: calc(50% - 30px / 2);
    }

    a.back-to-previous-chapter {
        margin: 0 0 0 25px;
    }

    a.back-to-previous-chapter::before {
        content: url(../img/arrow_right_blue_23h.svg);
        margin: 0 0 0 -25px;
        top: -5px;
    }

    a.back-to-previous-chapter+h1,
    a.back-to-previous-chapter+div h1 {
        margin: 20px 0 20px;
    }

    .flexbox {
        display: flex;
    }

    .share-section-mobile {
        display: none;
    }

    #findrisk fieldset {
        padding-left: 10%;
    }

    .bmi-mobile {
        display: none;
    }

    .bmi-desktop {
        width: 600px;
    }

    .alert {
        margin-left: 10%;
    }

    .progress-mobile {
        display: none;
    }

    #introduction {
        width: 70%;
    }

    /* NEU-NEU 
  
      .flexbox-1-1 > div {
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: calc(50% - 100px / 2);
      }
  
      .flexbox-1-1 > div:first-of-type {
          margin: 0 100px 0 0;
     }
     
  */

    /* NEU-NEU  */
    .flexbox-1-1>div {
        flex-grow: 0;
        flex-shrink: 0;

    }

    .flexbox-1-1>div:first-of-type {
        margin: 0 50px 0 0;
        flex-basis: calc(66% - 100px / 2);
    }

    .flexbox-1-1>div:nth-of-type(2) {
        flex-basis: calc(33% - 100px / 2);
    }

    /* NEU-NEU  */


    :target::before {
        height: 105px;
        margin: -105px 0 0;
    }

    br.linebreak_mobile {
        display: none;
    }

    hr {
        margin: 30px 0 13px;
    }

    ul {
        margin: 12px 0 12px 33px;
    }

    ul li {
        margin: 0 0 20px 33px;
    }

    ul.intro {
        margin: 12px 0 40px 33px;
    }

    ul.intro li {
        font: normal 17.22pt/1.2 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    ul li:last-of-type {
        margin: 0 0 0 33px;
    }

    ul li::before {
        margin: 0 0 0 -33px;
    }

    ol {
        margin: 12px 0 12px 33px;
    }

    ol li {
        margin: 0 0 20px 33px;
        position: relative;
    }

    ol li:last-of-type {
        margin: 0 0 0 33px;
    }

    ol li::before {
        margin: 0 0 0 -35px;
    }

    ul.heavy_arrows_right+.wrap-footnotes {
        margin-top: 40px;
    }

    .wrap-infoboard_risiko>div>div:first-of-type {
        flex: 0 0 260px;
    }

    .wrap-infoboard_bewegung {
        margin: 32px 0;
    }

    .wrap-infoboard_bewegung>div {
        margin: 0 0 40px;
    }

    .wrap-infoboard_bewegung>div>div:first-of-type {
        margin: 0 30px 0 0;
        flex: 0 0 25%;
        /* flex: 0 0 220px; */
    }

    .wrap-infoboard_bewegung>div>div:last-of-type {
        padding: 0 0 0 35px;
    }

    .wrap-infoboard_bewegung>div>div:last-of-type p::before {
        margin: 0 0 0 -35px;
    }

    .wrap-infoboard_bewegung>div>div:last-of-type ul {
        margin: 12px 0;
    }

    .wrap-infoboard_fast_methode {
        margin: 90px 0 90px;
    }

    header>div {
        max-width: calc(1280px - 2 * 25px);
        /* max-width: 1600px; */
        height: 245px;
    }

    .wrap-logo img {
        width: 100%;
    }

    .wrap-btn-hamburger {
        display: none;
    }

    .fontsize-zoom_mobile {
        display: none;
    }

    .fontsize-zoom_desktop {
        display: block;
        color: #898989;
    }

    nav {
        /* z-index: auto; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        bottom: auto;
        left: auto;
        width: auto;
        height: 70px;
        border-radius: 10px;
        text-align: left;
        overflow: hidden;

    }

    .wrap-anchors {
        display: flex;
        margin: 0;
    }

    .wrap-anchors>div {
        margin: 0 0 0 20px;
        /* margin: 0 0 0 3%; */
    }

    .wrap-anchors>div:first-of-type {
        margin: 0 0 0 25px;
    }

    .wrap-anchors a:hover::after,
    .wrap-anchors a.active::after {
        xxxxbottom: -7px;
        bottom: 9px;
        height: 3px;
    }

    .wrap-btn-search {
        cursor: pointer;
        display: block;
        margin-right: 25px !important;
        /* margin: 0 calc(32px + 25px + 25px) 0 0; */
    }

    .wrap-btn-search img {
        display: block;
    }

    .wrap-input-search {
        display: none;
        margin-right: 25px !important;
        /* margin: 0 25px; */
        position: absolute;
        top: 0;
        right: 0;
        width: 350px;
        /* width: calc(100% - 2 * 25px); */
    }

    #tipue_search_input {
        /* font: 14pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif; */
        padding: 0 calc(32px + 25px) 0 25px;
    }

    .btn-close_search {
        cursor: pointer;
        display: block;
        margin: 0 0 0 25px;
    }

    .btn-close_search img {
        display: block;
    }

    .wrap-btn-close {
        display: none;
    }

    .wrap-search-results h1 {
        margin: 100px 0 48px;
    }

    .tipue_search_result {
        margin: 30px 0;
        /* border-bottom: 3px solid #999; */
    }

    .tipue_search_content_title a {
        margin: 40px 0 20px 0;
        font: normal 21.91pt/1.2 open_sanssemibold, Helvetica, Arial, sans-serif;
        padding: 0 calc(2 * 37px) 0 0;
    }

    .tipue_search_content_title a:after {
        content: url(../img/arrow_right_blue_30h.svg);
        top: calc(50% - 15px);
    }

    .tipue_search_content_text {
        margin: 0 0 30px !important;
    }

    .wrap-section-65 {
        max-width: 65%;
    }

    .section_intro {
        margin: 0 auto 80px;
        /* margin: -42px auto 80px; */
        max-width: 75%;
    }

    .section_intro>img {
        width: 23%;
        margin: 0 0 0 150px;
    }

    .section_intro .wrap-claim {
        text-align: center;
    }

    .section_intro .wrap-claim img {
        width: 33%;
    }

    .flexbox-1-1 .rounded_corner {
        margin: 0;
    }

    .wrap-partner>div {
        flex: 0 0 16.666666%;
    }

    .wrap-partner img {
        width: auto;
    }

    .wrap-footnotes {
        margin: 14px auto 10px;
    }

    .wrap-footnotes p.asterisk,
    .wrap-footnotes p.asterisk_double {
        margin: 0 0 5px 20px;
        font: normal 10.22pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-footnotes p.asterisk::before,
    .wrap-footnotes p.asterisk_double::before {
        margin: 0 0 0 -20px;
    }

    .wrap-footnotes ol li {
        margin: 0 0 5px 20px;
        font: normal 10.22pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-footnotes ol li:last-of-type {
        margin: 0 0 0 20px;
    }

    .wrap-footnotes ol li::before {
        margin: 0 0 0 -20px;
        top: 25%;
    }

    .wrap-share-mail-print {
        justify-content: flex-end;
        margin: 25px auto 0;
    }

    .wrap-share-mail-print .btn-share {
        margin: 0 40px 0 0;
    }

    .wrap-share_content {
        font: normal 14pt/2.14 open_sanssemibold, Helvetica, Arial, sans-serif;
        left: auto;
        right: -20px;
    }

    .wrap-share_content>div:first-of-type>div:first-of-type {
        order: 1
    }

    .wrap-share_content>div:first-of-type>div:last-of-type {
        order: 2
    }

    .wrap-share_content>div:last-of-type>div:first-of-type>div:first-of-type a {
        line-height: 30px;
    }

    .wrap-share_content>div:last-of-type>div:first-of-type>div:last-of-type a {
        line-height: 25px;
    }

    .wrap-2-scroll-tiles {
        margin: 0 auto 84px;
        display: flex;
    }

    .wrap-2-scroll-tiles>div {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 50px);
    }

    .wrap-2-scroll-tiles>div:first-of-type {
        margin: 0 100px 0 0;
    }

    .wrap-scroll-tile>div:first-of-type {
        height: 80px;
        font: 17pt/80px "open_sansbold", Helvetica, Arial, sans-serif;
        padding: 0 0 0 40px;
    }

    /* .wrap-2-scroll-tiles .wrap-scroll-content,
     .wrap-news-list .wrap-scroll-content,
     .wrap-future-past-stations .wrap-scroll-content { */
    .wrap-scroll-content {
        font: 13pt/1.6 "open_sansregular", Helvetica, Arial, sans-serif;
    }

    .wrap-2-scroll-tiles .wrap-scroll-content {
        height: 500px;
    }

    /* .wrap-future-past-stations .wrap-scroll-content {
         height: 100% !important;
     } */
    .wrap-scroll-content p {
        margin: 40px;
    }

    .jspVerticalBar {
        display: block !important;
        right: 20px !important;
        width: 12px !important;
        background: transparent !important;
    }

    .wrap-infobus {
        display: flex;
        flex-direction: row;
    }

    .wrap-infobus>div {
        flex: 0 0 50%;
    }

    .wrap-infobus>div.wrap-video {
        flex: 0 0 100%;
        margin-top: 20px;
    }

    .wrap-infobus>div:first-of-type {
        order: 1;
    }

    .wrap-infobus>div:last-of-type {
        order: 2;
    }

    .wrap-scroll-tile-1600 {
        margin: 100px auto 0;
    }

    .wrap-scroll-tile-1600 .flexbox {
        padding: 40px;
    }

    .wrap-scroll-tile-1600 .flexbox div:first-of-type p {
        font: normal 15.65pt/25pt "open_sansbold", Helvetica, Arial, sans-serif;
    }

    .wrap-news-list>div:first-of-type {
        /* margin: 0 0 0 40px; */
        height: 80px;
        font: 17pt/80px open_sansbold, Helvetica, Arial, sans-serif;
        padding: 0 0 0 40px;
    }

    .wrap-news-list h4 {
        margin: 40px 40px 10px;
    }

    .wrap-news-list p {
        margin: 0 40px 40px;
    }

    .wrap-link-image-tiles {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1600px;
    }

    /* NEU-NEU */

    section.service-tiles .wrap-link-image-tiles {
        width: 75%;
        max-width: 1600px;
    }

    section.service-tiles .wrap-link-image-tile_n>a {
        height: 350px;
    }

    section.service-tiles .wrap-link-image-tile_n>a>div:first-of-type {
        padding: 10px 80px 15px 39px;
    }

    /* NEU-NEU */

    .wrap-link-image-tile_n {
        margin: 0 100px 60px 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 100px / 2);
    }

    .wrap-link-image-tile_n:nth-of-type(2n) {
        margin: 0 0 60px 0;
    }

    .wrap-link-image-tile_n>a {
        height: 535px;
    }

    .wrap-link-image-tile_n>a>div:first-of-type {
        padding: 10px 50px 10px 15px;
        font: 14pt/1.54 "open_sansbold", Helvetica, Arial, sans-serif;
    }

    .wrap-link-image-tile_n>a>div:first-of-type::after {
        content: url(../img/arrow_right_white_30h.svg);
        top: calc(50% - 30px / 2);
        right: 15px;
    }

    .wrap-link-image-tile_n span {
        font-size: 13pt;
        font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    }


    .wrap-info-box {
        margin: 80px 0;
        /* margin: 88px 0 0; */
        padding: 45px;
    }

    .wrap-info-box ul {
        margin: 6px 0 6px 0;
    }

    .wrap-info-box li {
        margin: 0 0 20px 33px;
        /* font: normal 14.09pt/2 "open_sanssemibold", Helvetica, Arial, sans-serif; */
    }

    .wrap-info-box li:last-of-type {
        margin: 0 0 0 33px;
    }

    .wrap-info-box li::before {
        margin: 0 0 0 -33px;
    }

    .wrap-notruf {
        margin: 61px 0 0;
        padding: 36px 55px;
    }

    .wrap-notruf>div:first-of-type {
        font: normal 20.35pt/2.15 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-notruf>div:last-of-type {
        margin: 42px 0 0;
    }

    .wrap-notruf>div:last-of-type>span:first-of-type {
        font: normal 43.04pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-notruf>div:last-of-type>span:last-of-type {
        font: normal 62.61pt/1 "open_sansbold", Helvetica, Arial, sans-serif;
    }

    .wrap-link-image-tile_n:first-of-type.wrap-teaser_home {
        margin: 0 100px 0 0;
    }

    .wrap-link-image-tile_n:last-of-type.wrap-teaser_home {
        margin: 0;
    }

    .wrap-teaser-link-with-visual {
        margin: 70px 0 60px;
    }

    .wrap-teaser-link-with-visual>div:last-of-type h2 {
        margin: 0 0 20px;
        font: normal 19pt/1 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-teaser-link-with-visual>div:last-of-type a {
        margin: 15px 0 0;
    }

    .wrap-teaser-link-with-visual {
        display: flex;
    }

    .wrap-teaser-link-with-visual>div {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 100px / 2);
    }

    .wrap-teaser-link-with-visual>div:first-of-type {
        margin: 0 100px 0 0;
    }

    .slick-prev,
    .slick-next {
        display: block;
        cursor: pointer;
        z-index: 1;
        position: absolute;
        top: calc(50% - 54px / 2);
        height: 54px;
    }

    .slick-prev {
        left: 0;
    }

    .slick-prev::after {
        content: url(../img/arrow_left_slider.svg);
    }

    .slick-next {
        right: 0;
        transform: rotate(180deg);
    }

    .slick-next::after {
        content: url(../img/arrow_left_slider.svg);
    }

    .slick-prev.slick-disabled,
    .slick-next.slick-disabled {
        cursor: auto;
        opacity: 0.25;
    }

    .slick-dots {
        margin: 0;
    }

    .slick-dots li {
        margin: 0 25px 0 0;
        width: 15px;
        height: 15px;
    }

    .rounded_corner {
        margin: 80px 0;
    }

    .responsive-mobile-only {
        width: auto;
    }

    .diagramm {
        margin: 80px 0;
        /* margin: 88px 0 0; */
        padding: 40px;
    }

    .diagramm>p {
        margin: 0 0 40px;
    }

    .wrap-map-news {
        margin: 80px auto 0;
    }

    .wrap-map-news>div {
        display: flex;
        /* align-items: stretch; */
    }

    .wrap-map-news>div>div:first-of-type {
        margin: 0 100px 0 0;
    }

    .wrap-map-news>div>div {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 100px / 2);
    }

    .overlay_map {
        margin: 0 auto;
        max-width: 50%;
    }

    .wrap-video {
        margin: 80px 0;
    }

    .wrap-video_schirmherrin {
        margin: 80px 40px;
    }

    .wrap-btn-top {
        width: 180px;
        height: 65px;
        font: 12pt/1.4 "open_sanssemibold", Helvetica, Arial, sans-serif;
        background: url(../img/circle_blue.svg) center bottom no-repeat;
    }

    footer {
        font: normal 12pt/1.3 "open_sansregular", Helvetica, Arial, sans-serif;
    }

    footer>div:first-child {
        padding: 75px 0 0;
        max-width: 1600px;
    }

    .wrap-socialmedia {
        margin: 79px 0 0;
        display: flex;
        align-items: center;
        order: 2;
        flex: 0 0 100%;
    }

    .wrap-socialmedia>div {
        margin: 0 15px 0 0;
    }

    .wrap-links_internal {
        display: flex;
        justify-content: space-between;
        order: 1;
        flex: 0 0 100%;
    }

    .wrap-links_internal>div {
        margin: 0 50px 0 0;
        text-align: left;
    }

    .wrap-links_internal>div:last-child {
        margin: 0;
    }

    .wrap-links_internal h6 a {
        font: normal 13pt/1 "open_sansbold", Helvetica, Arial, sans-serif;
    }

    .wrap-links_internal>div>div {
        display: block;
        margin: 0 0 20px;
    }

    .wrap-links_internal>div>div:last-child {
        margin: 0;
    }

    .wrap-links_external {
        display: flex;
        margin: 0 0 9px;
        justify-content: flex-end;
        align-items: center;
        text-align: left;
    }

    .wrap-links_external>div {
        margin: 0 3% 0 0;
    }

    .wrap-links_external>div:last-child {
        margin: 0;
    }

    .wrap-logo_footer {
        margin: 10px 0 35px;
        border-top: 2px solid white;
        padding: 25px 0 0;
    }

    .wrap-logo_footer>div:first-of-type {
        font: normal 10.22pt/1.53 "open_sanssemibold", Helvetica, Arial, sans-serif;
    }

    .wrap-logo_footer>div:last-of-type a img.mobile_50_logo_footer {
        display: block;
        width: auto;
        height: 35px;
    }

    div.last-modified {
        right: -14px;
        top: -48px;
    }

    #wrap-disclaimer_box {
        width: 50vw;
        height: 50vh;
    }

    .wrap-disclaimer_inline {
        margin: 0 auto 80px;
    }

}

@media (max-width: 510px) {
    .bmi-mobile {
        width: inherit !important;
    }
}

@media (max-width: 1023px) {

    .share-section-desktop {
        display: none;
    }

    #findrisk fieldset {
        padding-left: 5%;
    }

    .bmi-desktop {
        display: none;
    }

    .bmi-mobile {
        width: 450px;
    }

    .progress {
        margin-top: -5%;
    }

    .progress-desktop {
        display: none;
    }

    .progress-mobile {
        float: right;
        margin-top: -2%;
    }

    #progressinfo-mobile {
        color: black;
        float: left;
        margin-right: 10px;
        font-size: 1em;
    }

    fieldset {
        padding-left: 0;
        width: 100%;
    }

    .header {
        text-align: center;
    }

    .result-header {
        padding: unset;
    }

    .result-body {
        padding: unset;
    }

    .nextBtn {
        font-size: 1em;
    }

    .prevBtn {
        font-size: 1em;
    }

    .submitBtn {
        font-size: 1em;
    }

    #navbar {
        margin-bottom: 5%;
    }

    .qHeader {
        font-weight: 600;
        font-size: 1.5em;
    }

    .wrap-download>div:first-of-type>img {
        width: 40px;
        height: auto;
    }

    .wrap-download_service>div:first-of-type>img {
        width: auto;
        height: 29px;
    }

    .wrap-infoboard_bewegung>div>div:last-of-type ul li {
        margin: 0 0 10px 20px;
    }

    .wrap-infoboard_bewegung>div>div:last-of-type ul li:last-of-type {
        margin: 0 0 0 20px;
    }

    .wrap-anchors>div:last-of-type {
        margin: 0;
    }

    .btn-share img {
        width: 18px;
        height: auto;
    }

    .btn-mail img {
        width: 30px;
        height: auto;
    }

    .btn-print {
        display: none;
    }

    .wrap-scroll-tile {
        margin: 30px 0 0;
    }

    .wrap-news-list .wrap-scroll-content,
    .wrap-future-past-stations .wrap-scroll-content {
        height: 250px!important;
        overflow-y: scroll!important;
    }

    .jspContainer {
        height: auto !important;
    }

    .jspPane {
        position: relative !important;
    }

    .wrap-scroll-tile-1600 .flexbox div:first-of-type img {
        margin: 30px auto 0;
    }

    .wrap-news-list {
        margin: 24px 0;
    }

    .mobile-25 {
        width: 25%;
        height: auto;
    }

    .mobile-50 {
        display: block;
        margin: 0 auto;
        width: 50%;
        height: auto;
    }

    .mobile-75 {
        display: block;
        margin: 0 auto;
        width: 75%;
        height: auto;
    }

    .wrap-btn-top img {
        width: 14px;
        height: auto
    }

    .wrap-logo_footer>div:last-of-type a img.mobile_50_logo_footer {
        display: block;
        width: auto;
        height: 25px;
    }

    .wrap-input-search {
        height: 75px;
    }

}

@media print {

    .wrap-btn-hamburger,
    .wrap-fontsize-zoom,
    nav,
    .wrap-share-mail-print,
    .wrap-btn-top,
    .wrap-socialmedia,
    .wrap-links_internal,
    .wrap-links_external,
    #wrap-cookie-consent,
    #wrap-cookie-setting,
    .it-eprivacy-toggle-container {
        display: none !important;
    }

    body {
        padding: 0;
    }

    header {
        position: static;
    }

    .wrap-header {
        background: transparent;
    }

    .wrap-scroll-tile-1600 .jspPane {
        width: auto !important;
    }

    .back-to-previous-chapter,
    .next-chapter {
        display: none !important;
    }

    footer {
        background: transparent;
    }

    footer>div:first-child {
        padding: 0;
    }

    .wrap-logo_footer>div:first-of-type {
        color: #555;
    }

    .wrap-logo_footer {
        border-top: 1px solid #555;
    }

    .wrap-logo_footer>div:last-of-type::after {
        content: url(../img/logo_boehringer-ingelheim_darkgrey.svg);
    }

    .wrap-logo_footer>div:last-of-type a {
        display: none;
    }
}


.sticky {
    position: fixed;
    top: 0;
    width: calc(100% - 2 * 25px);
    max-width: calc(1280px - 2 * 25px);
    z-index: 10;
}

#newsletter label {
    display: block;
    margin-bottom: 5px;
}


#newsletter input,
#newsletter select {
    border: 1px solid #555;
    border-radius: 5px;
    display: block;
    height: 30px;
    margin-bottom: 15px;
    margin-right: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    width: 300px;
    font-size: 14px;

}


#newsletter input#privacy {
    width: 20px;
    display: inline !important;
    height: 15px;
}

#newsletter .datenschutz label {
    display: inline !important;
}

#newsletter .form-item button {
    cursor: pointer;
    border: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #d31e3c;
    color: #fff;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}

#newsletter .alert {
    height: 200px;
}

#newsletter-form {
    margin-top: 20px;
}