:root {
    --main-txt-color: #2f2f2f
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-200italic.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-300italic.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-regular.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-italic.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-600italic.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-700italic.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900.svg#SourceSansPro) format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    src: url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.eot);
    src: local(''), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.eot?#iefix) format('embedded-opentype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.woff2) format('woff2'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.woff) format('woff'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.ttf) format('truetype'), url(/ig/rpo/fonts/SourceSans/source-sans-pro-v14-latin-900italic.svg#SourceSansPro) format('svg')
}

.dashboard-iframe {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif
}

body.dashboard-iframe {
    width: 100%;
    max-width: 980px;
    margin: auto;
    background: #f3f3f3
}

.dashboard {
    overflow: hidden;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 1% 2% 0;
    background: #fff
}

.dashboard .footer a {
    color: inherit;
    border-color: #ffbe00;
    text-decoration: underline;
    -webkit-text-decoration-color: #ffbe00;
    text-decoration-color: #ffbe00;
    text-underline-position: under;
    color: inherit;
    position: relative;
    border-bottom-width: 1 px;
    border-bottom-style: solid;
    text-decoration: none;
    text-underline-position: auto;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition-property: border-bottom-width;
    transition-duration: .3s
}

input[type=radio] {
    display: none
}

.header-box {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    color: #040a14
}

.header-box {
    display: -ms-grid;
    display: grid;
    gap: 7px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2%
}

@media (min-width:689px) {
    .header-box {
        -ms-grid-columns: (minmax(50%, min-content))[5];
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

.header-box .tabs label {
    margin: 0;
    padding: 0;
    background-color: #ededed;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    display: block;
    padding: 3px;
    text-align: center;
    font-weight: 400
}

input[type=radio]:nth-of-type(1):checked~.header-box .tabs:nth-of-type(1) label,
input[type=radio]:nth-of-type(2):checked~.header-box .tabs:nth-of-type(2) label,
input[type=radio]:nth-of-type(3):checked~.header-box .tabs:nth-of-type(3) label,
input[type=radio]:nth-of-type(4):checked~.header-box .tabs:nth-of-type(4) label,
input[type=radio]:nth-of-type(5):checked~.header-box .tabs:nth-of-type(5) label {
    background-color: #bfbfbf;
    border: 1px solid #8c8c8c;
    font-weight: 700
}

svg.icon_tab {
    width: 15px;
    height: auto;
    stroke: #000
}

svg.icon_tab.icon-rotate-down.impfung,
svg.icon_tab.icon-rotate-up {
    stroke: #dc3737
}

svg.icon_tab.icon-rotate-down,
svg.icon_tab.icon-rotate-up.impfung {
    stroke: #2ca25f
}

[type=radio]:nth-of-type(1):checked~.tab-content .col.span.one,
[type=radio]:nth-of-type(2):checked~.tab-content .col.span.two,
[type=radio]:nth-of-type(3):checked~.tab-content .col.span.three,
[type=radio]:nth-of-type(4):checked~.tab-content .col.span.four,
[type=radio]:nth-of-type(5):checked~.tab-content .col.span.five {
    display: grid
}

.col {
    display: none
}

a.corona_artikel {
    display: contents;
    text-decoration: auto;
    color: inherit
}

.inhalt {
    display: contents;
    max-height: 420px
}

h3,
span.icon-text {
    color: var(--main-txt-color)
}

.header-box>.tabs>.tab>label>.icon-text {
    font-size: 1.1rem
}

.netzwerk-box>.tabs>.tab>label>.icon-text {
    font-size: .9rem;
    font-weight: 600
}

.titel {
    font-size: .9rem;
    font-weight: 600
}

h3.titel {
    display: inline-block
}

.title-box.no-tabs h3.titel {
    font-size: 1.1rem
}

.title-box {
    height: auto
}

.title-box:after,
.title-box:before {
    background-color: var(--main-txt-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    width: 10%;
    vertical-align: middle
}

.title-box:before {
    right: .5em;
    margin-left: -50%
}

.title-box:after {
    left: .5em;
    margin-right: -50%
}

.section {
    clear: both;
    padding: 0;
    margin: 0;
    background: #f3f3f3
}

.col svg.icon {
    width: 20px;
    height: 20px
}

svg.icon-rotate-up {
    -webkit-transform: rotate(325deg);
    transform: rotate(325deg)
}

svg.icon-rotate-down {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}


span.number_big {
    font-size: 230%;
    font-weight: 700
}

span.number_big img.icon {
    width: 7%
}

span.number_small {
    line-height: 2;
    padding: 5%
}

span.number {
    font-weight: 700
}

.footer {
    grid-area: footer
}

.trend {
    display: grid;
    gap: 0 0
}

.title {
    grid-area: title
}

.number_big {
    grid-area: number_big
}

.number_small {
    grid-area: number_small
}

.number_small_1 {
    grid-area: number_small_1
}

.number_small_2_1 {
    grid-area: number_small_2_1;
    margin-right: 5%
}

.number_small_2_2 {
    grid-area: number_small_2_2
}

.number_small_3_1 {
    grid-area: number_small_3_1
}

.number_small_3_2 {
    grid-area: number_small_3_2
}

.number_small_3_3 {
    grid-area: number_small_3_3
}

.col h5 {
    margin-bottom: 5px
}

@media only screen and (max-width:480px) {
    .trend {
        text-align: center;
        padding: 2% 0
    }

    .number {
        text-align: center;
        display: block
    }

    .number_small_1 .number {
        display: initial
    }

    .trend span {
        line-height: initial;
        padding: 5% 0
    }

    .trend span.icon_big,
    .trend span.number,
    .trend span.number_small_1 {
        padding: 0
    }

}

.footer {
    padding: 1rem .5rem;
    color: var(--main-txt-color);
    font-style: normal;
    font-weight: 400;
    background: #f3f3f3;
    margin: 0 -2%;
    display: grid;
    grid-template-columns: 1fr 1.6fr .4fr;
    gap: 0 0;
    grid-template-areas: "span.update""span.quelle""span.info"
}

.selector select {
    margin-bottom: 2em;
}

.selector p.selector-headline {
    font-weight: bold;
    margin-bottom: 5px;
}

.span.update {
    grid-area: span-update
}

.span.quelle {
    grid-area: span-quelle
}

.span.info {
    grid-area: span-info
}

span.info {
    text-align: right
}

img.icon.info {
    vertical-align: text-bottom
}

@media only screen and (max-width:480px) {
    .footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0 0;
        grid-template-areas: "span-update""span-quelle"
    }

    .span-update {
        grid-area: span-update
    }

    .span-quelle {
        grid-area: span-quelle
    }
}

.btn {
    cursor: pointer
}

p.dachzeile {
    font-size: .7rem;
    font-weight: bolder
}

h3.qa-title {
    font-size: 1.2rem;
    margin: 0 0 1.8rem;
    color: var(--main-txt-color)
}

p.frage {
    line-height: 1.5;
    font-style: italic;
    color: var(--main-txt-color);
    font-weight: 700
}

p.antwort {
    text-align: left;
    margin: 5px 0;
    padding-bottom: 1.5rem
}

.modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, .9);
    transition: opacity .25s ease
}

.modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    background: #fff;
    opacity: .6
}

.modal-state {
    display: none
}

.modal-state:checked+.modal {
    opacity: 1;
    visibility: visible
}

.modal-state:checked+.modal .modal__inner {
    top: 10px
}

.modal__inner {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: auto;
    max-width: 580px
}

.modal__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer
}

.modal__close:after,
.modal__close:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0
}

.modal__close:hover:after,
.modal__close:hover:before {
    background: #aaa
}

.modal__close:before {
    transform: rotate(-45deg)
}

@media screen and (max-width:480px) {
    .modal__inner {
        width: 90%;
        height: 90%;
        box-sizing: border-box
    }
}