/* stylesheet for infografikker i DAP under oID=4144

Indhold:
1. Generelle forhold
2. unikke elementer ved de enkelte infografikker (ID'er)
3. screendumps: dem som viser et element i TS/skat.dk
4. Grafiske elementer: skyer, pile etc.
5. Media queries
*/


/*//////////////////////////////////////////////////////// 1. Generelle forhold */

.font-weight-bold {
    font-weight: 900;
}

.skts-infographic .img-responsive {
    width: 100%;
}

.text-right {
    text-align: right;
}

.no-padding {
    padding: 0 !important;
}

.bg-a1a1b1 {
    background-color: #a1a1b1;
}

.bg-d0d0d8 {
    background-color: #d0d0d8;
}

.bg-434363 {
    background-color: #434363;
}

.skts-color-14143c {
    color: #14143c;
}

.width-100 {
    width: 100%;
}

.skts-infographic ul.check-box {
    list-style-type: none;
    margin-left: 0.625rem;
}

.skts-infographic ul.check-box li {
    color: #16364b;
    background: url(../images/infographic/check-box.svg) no-repeat left 0;
    padding-left: 1.875rem;
}

ol {
    padding-left: 1.0625rem;
}

.skts-infographic .dap-well--collapse .panelBody ol li {
    margin: 0 0 0 0.8125rem;
}

.skts-borderbox {
    margin: 1.25rem 0;
}

.skts-infographic .dap-well--collapse .panelBody {
    background: #ffffff;
}

.ribbon-infographic--green>.dap-well--collapse.toggleHdr4uMaster>.toggleHdr4u>a,
.ribbon-infographic--green>.dap-well--collapse.toggleHdr4uMaster>.toggleHdr4u>button {
    padding-left: 3.125rem;
}

.skts-month-span div {
    border-top: solid 0.1875rem #a1a1b1;
    border-right: none;
}

.skts-month-legend {
    position: relative;
    margin-top: 3.75rem;
}

.skts-month-span {
    margin-bottom: 1.25rem;
}

.skts-month-legend span {
    position: absolute;
}

.skts-month-legend span:nth-child(1) {
    background: #14143c;
    width: calc(38% + 0.75rem);
    top: -2.125rem;
    padding: 0.3125rem 0.625rem;
    color: white;
}

.skts-month-legend span:nth-child(2) {
    background: #434363;
    padding: 0.3125rem 0.625rem;
    top: -4.25rem;
    left: 38%;
    color: white;
}

.skts-month-legend span:nth-child(2)::after {
    content: "";
    background: #434363;
    width: 0.1875rem;
    height: 2.3125rem;
    left: 40%;
    top: 2rem;
    position: absolute;
}

.skts-month-legend span:nth-child(3) {
    background: #72728a;
    color: white;
    left: 54%;
    top: -2.125rem;
    padding: 0.3125rem 0.625rem;
}

.skts-month-legend span:nth-child(4) {
    background: #a1a1b1;
    left: 54%;
    top: -4.25rem;
    padding: 0.3125rem 0.625rem;
    color: white;
}

.skts-month-legend span:nth-child(5) {
    background: rgb(142, 69, 137);
    padding: 0.3125rem 0.625rem;
    top: -4.25rem;
    left: calc(66.66666% + 2.25rem);
    color: white;
}

.skts-month-legend span:nth-child(5)::after {
    content: "";
    background: rgb(142, 69, 137);
    width: 0.1875rem;
    height: 2.3125rem;
    left: 50%;
    top: 2rem;
    position: absolute;
}

.skts-month-legend span:nth-child(6) {
    background: #ffc61e;
    padding: 0.3125rem 0.625rem;
    top: -4.25rem;
    right: -0.6875rem;
}

.skts-month-legend span:nth-child(7) {
    background: #16364b;
    padding: 0.3125rem 0.625rem;
    top: -2.125rem;
    right: -0.6875rem;
    color: white;
}

.skts-infographic ol {
    counter-reset: section;
    padding: 0;
}

.MPtext .skts-infographic ol li,
.collapser__body .skts-infographic ol li {
    list-style-type: none;
    position: relative;
    padding: 0 0 2.5rem 2.5rem;
}

.skts-infographic ol li:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    font-size: 1.6rem;
    left: 0.5rem;
    top: -0.5rem;
    font-weight: 700;
    color: #434363;
}

.skts-infographic ol li.count6:before {
    counter-increment: section +6;
}

.skts-infographic ol li.count7:before {
    counter-increment: section +7;
}

.skts-infographic ol li.count8:before {
    counter-increment: section +8;
}

.skts-infographic ol li.count11:before {
    counter-increment: section +11;
}

[class*="no-"]:before {
    position: absolute;
    border-radius: 50%;
    text-align: center;
    right: -0.3125rem;
    top: 0.75rem;
    color: #72728a;
    z-index: 10;
    padding: 0.75rem 1.3125rem;
}

.no-1::before {
    content: "1";
}

.no-2::before {
    content: "2";
}

.no-3::before {
    content: "3";
}

.no-4::before {
    content: "4";
}

.no-5::before {
    content: "5";
}

.no-6::before {
    content: "6";
}

.no-7::before {
    content: "7";
}

.no-8::before {
    content: "8";
}

.no-9::before {
    content: "9";
}

.no-10::before {
    content: "10";
}

.row.skts-border-bottom {
    border-bottom: 0.0625rem solid #e5e5e5;
}

table td.checkmark {
    background: url(../images/infographic/check-mark.svg) no-repeat center center #fff;
    width: 5rem;
}

table td.divide {
    background: url(../images/infographic/divide.svg) no-repeat center center #fff;
    width: 5rem;
}


/*//////////////////////////////////////////////////////// 2. unikke elementer ved de enkelte infografikker */

#deleoekonomi .collapser__header::before {
    margin-right: 6rem;
}

#udlejning-af-bolig .collapser__header {
    background: url(../images/infographic/deleoekonomi/udlejning-af-bolig.svg) no-repeat left 1.9rem bottom 0;
    background-size: 40px;
}

#udlejning-af-bil .collapser__header {
    background: url(../images/infographic/deleoekonomi/udlejning-af-bil.svg) no-repeat left 1.9rem bottom 0;
    background-size: 38px;
}

#salg-og-bytte-af-tjenester .collapser__header {
    background: url(../images/infographic/deleoekonomi/salg-og-bytte-af-tjenester.svg) no-repeat left 1.9rem bottom 0;
    background-size: 36px;
}

#salg-og-bytte-af-ting .collapser__header {
    background: url(../images/infographic/deleoekonomi/salg-og-bytte-af-ting.svg) no-repeat left 1.9rem bottom 0;
    background-size: 36px;
}

#crowdfunding .collapser__header {
    background: url(../images/infographic/deleoekonomi/crowdfunding.svg) no-repeat left 2rem bottom 0;
    background-size: 31px;
}

#udlejning-af-bolig .collapser__body {
    background: url(../images/infographic/deleoekonomi/grass.svg) repeat-x bottom right;
    padding-bottom: 3rem;
}

#udlejning-af-bil .collapser__body {
    background: url(../images/infographic/deleoekonomi/road.svg) repeat-x bottom right;
    padding-bottom: 5rem;
}

#salg-og-bytte-af-tjenester .collapser__body {
    background: url(../images/infographic/deleoekonomi/tree.svg) no-repeat bottom right;
    padding-bottom: 3rem;
}

#salg-og-bytte-af-ting .collapser__body {
    background: url(../images/infographic/deleoekonomi/chair.svg) no-repeat bottom right;
    padding-bottom: 5rem;
}

#crowdfunding .collapser__body {
    background: url(../images/infographic/deleoekonomi/money.svg) repeat-x bottom right;
    padding-bottom: 3rem;
}

img#aarsopgoerelse-forskudsopgoerelse {
    width: auto;
    margin: 0 auto;
}

#skat-for-udenlandske-medarbejdere ul,
#koerselsfradrag ul {
    padding-left: 0;
    margin: 0;
}

#koerselsfradrag ul li {
    list-style-type: none;
    padding: 0.3rem 0 1rem 3.5rem;
}

#koerselsfradrag ul li:before {
    display: none;
}

#skat-for-udenlandske-medarbejdere h2,
#koerselsfradrag .dap-well--collapse.toggleHdr4uMaster h3 {
    margin: 0;
    border-bottom: double;
    padding-bottom: 0.75rem;
}

#skat-for-udenlandske-medarbejdere ul li,
#koerselsfradrag .dap-well--collapse.toggleHdr4uMaster ul li {
    padding: 0.2rem 0 1.2rem 4.0625rem;
    list-style-type: none;
}

#koerselsfradrag .dap-well--collapse {
    margin: 0;
    border: 0;
}

#koerselsfradrag .table>tbody>tr>td {
    padding: 0;
}

#skat-for-udenlandske-medarbejdere ul li {
    list-style-type: none;
}

#aarsopgoerelsen #months p:first-child {
    margin-top: -1.375rem;
}

#aarsopgoerelsen #months p {
    line-height: 2.6875rem;
}

#aarsopgoerelsen ul {
    position: relative;
}

#aarsopgoerelsen li {
    list-style-type: none;
    position: relative;
    padding-left: 1.875rem;
}

#aarsopgoerelsen li p {
    margin-left: 1.875rem;
}

#aarsopgoerelsen li:before {
    position: absolute;
    font-size: 1rem;
    top: -0.25rem;
    left: -1.25rem;
    padding: 0.3125rem 0.625rem;
}

#aarsopgoerelsen li:nth-child(1):before {
    background: #14143c;
    color: white;
    content: "1";
}

#aarsopgoerelsen li:nth-child(2):before {
    background: #434363;
    color: white;
    content: "2";
}

#aarsopgoerelsen li:nth-child(3):before {
    background: #72728a;
    color: white;
    content: "3";
}

#aarsopgoerelsen li:nth-child(4):before {
    background: #a1a1b1;
    content: "4";
    color: white;
}

#aarsopgoerelsen li:nth-child(5):before {
    background: rgb(142, 69, 137);
    content: "5";
    color: white;
}

#aarsopgoerelsen li:nth-child(6):before {
    background: #ffc61e;
    content: "6";
}

#aarsopgoerelsen li:nth-child(7):before {
    background: #16364b;
    content: "7";
    color: white;
}

.row.skts-calendar-content {
    padding: 1rem;
    background: #e5e5e5;
    margin: 0;
}

.skts-calendar-content>div {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    padding-bottom: 41%;
}

.skts-calendar-content>div:nth-child(3) {
    border-right: 1px solid #e5e5e5;
}

.skts-calendar-content .skts-rate {
    background: #b2d9c4;
}

.skts-calendar-content .skts-rate::after {
    content: url(../images/infographic/godt-fra-start/rate-cross.svg);
    display: inline-block;
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    z-index: 2;
}

.skts-calendar-content h1 {
    font-size: 2.1875rem;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0.625rem;
    background: transparent;
    margin: 0;
    padding: 0;
}

.skts-calendar-content p {
    position: absolute;
    color: #14143c;
    width: 100%;
    bottom: -0.3125rem;
    font-weight: bold;
    left: 0;
}

#find-dine-tal .table-bordered>tbody>tr>td,
#find-dine-tal .table-bordered,
#find-dine-tal .table-responsive {
    border: none;
}

#find-dine-tal table {
    width: 100%;
}

#find-dine-tal td {
    padding: 0.5rem 0;
}

#godt-fra-start-budget .skts-faktura-sum {
    border-top: 0.125rem solid black;
}

#godt-fra-start-budget .skts-budget-sum {
    border-bottom: 0.375rem double black;
}

#godt-fra-start-budget .table>thead>tr>th,
#godt-fra-start-budget .table>tbody>tr>th,
#godt-fra-start-budget .table>tfoot>tr>th,
#godt-fra-start-budget .table>thead>tr>td,
#godt-fra-start-budget .table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px 0;
    border: none;
}

#godt-fra-start-forventede-indtaegter {
    padding: 0rem 0.625rem 0.5rem;
}

#godt-fra-start-forventede-indtaegter p {
    margin: 0;
}

.skts-infographic#tringuide-selvangivelse ol li {
    padding: 0 0 1.25rem 1.875rem;
}

#momskarrusel-saadan .skts-image-ajax-link {
    position: relative;
}

#momskarrusel-saadan img {
    margin: 1.875rem auto 0.625rem;
    display: block;
}

#momskarrusel-saadan .skts-image-ajax-link a {
    color: #33ad9f;
    font-size: 1.4375rem;
    border-bottom: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.47);
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    border-radius: 50%;
    line-height: 2.5rem;
    transition: all 0.3s;
    cursor: pointer;
}

#momskarrusel-saadan .skts-image-ajax-link a:hover,
#momskarrusel-saadan .skts-image-ajax-link a:active,
#momskarrusel-saadan .skts-image-ajax-link a:focus {
    background: white;
}

#momskarrusel-saadan a#link1 {
    top: 10rem;
    left: calc(50% - 8.125rem);
}

#momskarrusel-saadan a#link2 {
    top: 4.25rem;
    left: 50%;
}

#momskarrusel-saadan a#link3 {
    top: 13.75rem;
    left: calc(50% + 5rem);
}

#momskarrusel-saadan a#link4 {
    top: 5.3125rem;
    left: calc(50% - 1.875rem);
}

img.momskarrusel {
    width: 34.375rem;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

#grundregistrering .faktaboksWrapper {
    margin: 0.9375rem 0 1.875rem 0;
}

#varernes-vej-til-dig .arm-left {
    margin: 1.25rem 0 0 -24px;
}

#varernes-vej-til-dig .arm-right {
    margin: 1.25rem -56px 0 0;
}

#varernes-vej-til-dig img.img2 {
    margin-top: 1.25rem;
}

#varernes-vej-til-dig .skts-borderbox {
    overflow-x: hidden;
}

#haandvaerkerfradrag-infographic .skts-borderbox {
    padding: 2rem 2rem 1.25rem 2rem;
}

.skts-infographic#ejendomsvaerdiskat {
    background: transparent;
}

div#ejendomsvaerdiskat img {
    margin: 0 auto;
    display: block;
}

div#ejendomsvaerdiskat p {
    padding: 1.875rem 0 0 0;
}

div#ejendomsvaerdiskat p span {
    background: #14143c;
    color: white;
    padding: 1.25rem;
}

.skts-infographic#eskatdata-dataflow {
    padding: 1.25rem 0;
    background: transparent;
    border-top: 0.0625rem solid #e5e5e5;
    border-bottom: 0.0625rem solid #e5e5e5;
}

.skts-infographic#eskatdata-dataflow p {
    color: #14143c;
    hyphens: auto;
}

.skts-infographic#eskatdata-dataflow img {
    max-width: 1.5625rem;
}

.skts-infographic#eskatdata-dataflow h2 {
    margin-bottom: 1.875rem;
}

.skts-infographic#eskatdata-dataflow .row:nth-child(3),
.skts-infographic#eskatdata-dataflow .row:nth-child(9) {
    margin: 1.5625rem -7.5px;
}

#kaedesvig .row img {
    display: block;
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
}

#kaedesvig h2 {
    font-family: "Academy Sans", "Open Sans", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    color: #14143c;
}

#fifo-princip {
    border: 0.0625rem solid #14143c;
    margin-bottom: 1.5625rem;
}

#fifo-princip h2 {
    margin-bottom: 1.875rem;
}

#fifo-princip hr {
    border-top: 0.0625rem solid #89899d;
}

#fifo-princip>div:nth-child(3)>div:nth-child(1) {
    border-bottom: 0.0625rem solid #89899d;
}

#fifo-princip>div:nth-child(3)>div:nth-child(2) {
    padding-top: 1.5625rem;
}

#fifo-princip table,
#fifo-princip .table-responsive {
    border: none;
}

#fifo-princip table td,
#fifo-princip .table-responsive td {
    padding: 0.5rem 0;
    border: none;
}

#fifo-princip .table-bordered>tbody>tr>td.skts-mellemregning {
    border-top: 0.0625rem solid #89899d;
}

#fifo-princip .table-bordered>tbody>tr>td.skts-facit {
    border-top: 0.0625rem solid #89899d;
    border-bottom: 0.1875rem double #89899d;
}

#fifo-princip table td:nth-child(1) {
    width: 50%;
}

#fifo-princip table td:nth-child(3) {
    width: 45%;
}

#kryptovaluta-aarsopgoerelsen,
#kryptovaluta-forskudsopgoerelsen {
    border: 0.0625rem solid #72728a;
}

#kryptovaluta-aarsopgoerelsen h2,
#kryptovaluta-forskudsopgoerelsen h2 {
    margin-bottom: 2.5rem;
}

.loenperiode .row.calendar-days {
    border-bottom: 1px solid white;
}

.loenperiode .row.calendar-days .col:not(:last-child) {
    border-right: 1px solid white;
}


/*  //////////////////////////////////////////////////////////////////////////////////////// Denne del skal fjernes hvis fifu4u.css rulles us */

#AEOC-vs-AEOS div.dap-well--collapse .skts-header-section {
    background-color: transparent;
}

#AEOC-vs-AEOS div.dap-well--collapse,
#AEOC-vs-AEOS .skts-header-section {
    border-top: none;
    border-right: none;
    border-bottom-color: #e5e5e5;
    border-left: none;
}

#AEOC-vs-AEOS div.dap-well--collapse:hover,
#AEOC-vs-AEOS div.dap-well--collapse:focus,
#AEOC-vs-AEOS .skts-header-section:hover,
#AEOC-vs-AEOS .skts-header-section:focus,
#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section.skts-expanded:hover,
#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section.skts-expanded:focus {
    border-top: none;
    border-right: none;
    border-bottom-color: #14143c;
    border-left: none;
    outline-color: transparent;
}

#AEOC-vs-AEOS .dap-well--collapse {
    margin: 28px 0;
}

#AEOC-vs-AEOS .skts-collapse.skts-collapse-arrow a,
#AEOC-vs-AEOS .skts-collapse.skts-collapse-arrow button {
    padding: 0 0 0.625rem 1.875rem;
    background-position: left 0.375rem;
    background-image: url(../images/plus.svg) !important;
    background-size: 0.8125rem;
}

#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section.skts-expanded {
    border-bottom-color: transparent;
}

#AEOC-vs-AEOS .skts-collapse-arrow.skts-header-section.skts-expanded button {
    background-image: url(../images/minus.svg) !important;
}

#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section button:focus,
#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section.skts-expanded,
#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section:active,
#AEOC-vs-AEOS .toggleHdr4u.skts-collapse.skts-collapse-arrow.skts-header-section:hover {
    background-color: transparent;
    outline-color: transparent;
}

#AEOC-vs-AEOS .panelBody {
    border-top: none !important;
    border-right: none !important;
    border-bottom-color: #e5e5e5 !important;
    border-left: none !important;
    padding: 0.625rem 0 !important;
}


/* Login panel*/

#AEOC-vs-AEOS .dap-login--links-group {
    min-height: auto;
}

#AEOC-vs-AEOS #loginModal span.skts-icon {
    display: none;
}


/*  //////////////////////////////////////////////////////////////////////////////////////// slut: fifu4u.css */

#AEOC-vs-AEOS {
    padding: 0;
    background: transparent;
}

#AEOC-vs-AEOS td {
    padding: 0;
}

#AEOC-vs-AEOS .skts-collapse.skts-collapse-arrow button {
    padding: 1.0625rem 1.875rem;
    background-position: left 1.375rem;
}

#AEOC-vs-AEOS tr:nth-child(1) td:nth-child(1) {
    padding-left: 1.75rem;
}

#AEOC-vs-AEOS .dap-well--collapse {
    margin: -0.0625rem 0;
}

#AEOC-vs-AEOS table td.checkmark,
#AEOC-vs-AEOS table td.divide {
    background-size: 1.125rem;
    background-position: center top 1.5rem;
    border-bottom: 0.0625rem solid #e5e5e5;
}

#AEOC-vs-AEOS table td {
    border-top-color: transparent;
}


/*//////////////////////////////////////////////////////// 3. screendumps */

.loenindkomst-201-med-top-info::after {
    content: url(../images/infographic/loenindkomst-201-med-top-info.svg);
    display: block;
    margin-top: 1.25rem;
}

.menu-header::after {
    content: url(../images/infographic/menu-header.svg);
    display: block;
    margin-top: 1.25rem;
}

.top-info::after {
    content: url(../images/infographic/top-info.svg);
    display: block;
    margin-top: 1.25rem;
}

.oftest-tilfoejede-felter::after {
    content: url(../images/infographic/oftest-tilfoejede-felter.svg);
    display: block;
    margin-top: 1.25rem;
}

.loenindkomst::after {
    content: url(../images/infographic/loenindkomst-201.svg);
    display: block;
    margin-top: 1.25rem;
}

.beregn::after {
    content: url(../images/infographic/beregn.svg);
    display: block;
    margin-top: 1.25rem;
}

.ret-kontaktoplysninger::after {
    content: url(../images/infographic/ret-kontaktoplysninger.svg);
    display: block;
    margin-top: 1.25rem;
}

.indberet-moms::after {
    content: url(../images/infographic/indberet-moms.svg);
    display: block;
    margin-top: 1.25rem;
}

.indberet-moms2::after {
    content: url(../images/infographic/indberet-moms2.svg);
    display: block;
    margin-top: 1.25rem;
}

.indberet-moms3::after {
    content: url(../images/infographic/indberet-moms3.svg);
    display: block;
    margin-top: 1.25rem;
}

.roed-stjerne::after {
    content: url(../images/infographic/roed-stjerne.svg);
    display: block;
    margin-top: 1.25rem;
}

.moms-godkend::after {
    content: url(../images/infographic/moms-godkend.svg);
    display: block;
    margin-top: 1.25rem;
}

.moms-kvittering::after {
    content: url(../images/infographic/moms-kvittering.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-1::after {
    content: url(../images/infographic/tilmelding-nets-1.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-2::after {
    content: url(../images/infographic/tilmelding-nets-2.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-3::after {
    content: url(../images/infographic/tilmelding-nets-3.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-4::after {
    content: url(../images/infographic/tilmelding-nets-4.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-5::after {
    content: url(../images/infographic/tilmelding-nets-5.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-6::after {
    content: url(../images/infographic/tilmelding-nets-6.svg);
    display: block;
    margin-top: 1.25rem;
}

.tilmelding-nets-7::after {
    content: url(../images/infographic/tilmelding-nets-7.svg);
    display: block;
    margin-top: 1.25rem;
}

.selvangivelse-trin-for-trin-guide.Ret-aarsopgoerelsenselvangivelsen-2016::after {
    content: url(../images/infographic/selvangivelse-trin-for-trin-guide/Ret-aarsopgoerelsenselvangivelsen-2016.svg);
    display: block;
    margin-top: 1.25rem;
}

.selvangivelse-trin-for-trin-guide.virksomhedsoplysninger::after {
    content: url(../images/infographic/selvangivelse-trin-for-trin-guide/virksomhedsoplysninger.svg);
    display: block;
    margin-top: 1.25rem;
}

.selvangivelse-trin-for-trin-guide.regnskabsoplysninger::after {
    content: url(../images/infographic/selvangivelse-trin-for-trin-guide/regnskabsoplysninger.svg);
    display: block;
    margin-top: 1.25rem;
}

.selvangivelse-trin-for-trin-guide.godkend::after {
    content: url(../images/infographic/selvangivelse-trin-for-trin-guide/godkend.svg);
    display: block;
}

.selvangivelse-trin-for-trin-guide.gem::after {
    content: url(../images/infographic/selvangivelse-trin-for-trin-guide/gem.svg);
    display: block;
    margin-top: 1.25rem;
}

.betal-forud::after {
    content: url(../images/infographic/hvornaar-betaler-jeg/betal-forud.svg);
    display: block;
    margin-top: 1.25rem;
    width: 10rem;
}

.betal-via-dibs::after {
    content: url(../images/infographic/betal-via-dibs.svg);
    display: block;
    margin-top: 1.25rem;
}

.udfoer-betaling::after {
    content: url(../images/infographic/udfoer-betaling.svg);
    display: block;
    margin-top: 1.25rem;
}

.nyt-skattekort::after {
    content: url(../images/infographic/nyt-skattekort.svg);
    display: block;
    margin-top: 1.25rem;
}

.skattekontoen-kontostatus-betal::after {
    content: url(../images/infographic/skattekontoen-kontostatus-betal.svg);
    display: block;
    margin-top: 1.25rem;
}

.overskud-underskud-af-virksomhed::after {
    content: url(../images/infographic/overskud-underskud-af-virksomhed.svg);
    display: block;
    margin-top: 1.25rem;
}

.momsperiode::after {
    content: url(../images/infographic/momsperiode.svg);
    display: block;
    margin-top: 1.25rem;
}

.nulindberetning::after {
    content: url(../images/infographic/nulindberetning.svg);
    display: block;
    margin-top: 1.25rem;
}

.skattekontoen-kontostatus-betal-tast-beloeb::after {
    content: url(../images/infographic/skattekontoen-kontostatus-betal-tast-beloeb.svg);
    display: block;
    margin-top: 1.25rem;
}

.skattekontoen-betalingsmodul::after {
    content: url(../images/infographic/skattekontoen-betalingsmodul.svg);
    display: block;
    margin-top: 1.25rem;
}

.nyt-skattekort2::after {
    content: url(../images/infographic/nyt-skattekort2.svg);
    display: block;
    margin-top: 1.25rem;
}

.skattekontoen-kontostatus-betal2::after {
    content: url(../images/infographic/skattekontoen-kontostatus-betal2.svg);
    display: block;
    margin-top: 1.25rem;
}

.se-paamindelse-for-betaling::after {
    content: url(../images/infographic/hvornaar-betaler-jeg/Se-paamindelse-for-betaling.svg);
    display: block;
    margin-top: 1.25rem;
}

.rubrik-20::after {
    content: url(../images/infographic/crypto-currency/rubrik-20.svg);
    display: block;
    margin-top: 1.25rem;
}

.rubrik-58::after {
    content: url(../images/infographic/crypto-currency/rubrik-58.svg);
    display: block;
    margin-top: 1.25rem;
}

.rubrik-250::after {
    content: url(../images/infographic/crypto-currency/rubrik-250.svg);
    display: block;
    margin-top: 1.25rem;
}

.rubrik-449::after {
    content: url(../images/infographic/crypto-currency/rubrik-449.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-skat::after {
    content: url(../images/infographic/vaelg-skat.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-selskabsskat::after {
    content: url(../images/infographic/vaelg-selskabsskat.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-acontoskat::after {
    content: url(../images/infographic/vaelg-acontoskat.svg);
    display: block;
    margin-top: 1.25rem;
}

.aconto-skriv-beloeb::after {
    content: url(../images/infographic/aconto-skriv-beloeb.svg);
    display: block;
    margin-top: 1.25rem;
}

.aconto-godkend-beloeb::after {
    content: url(../images/infographic/aconto-godkend-beloeb.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-rate::after {
    content: url(../images/infographic/vaelg-rate.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-ansatte::after {
    content: url(../images/infographic/godt-fra-start/vaelg-ansatte.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-indberet-til-eindkomst::after {
    content: url(../images/infographic/godt-fra-start/vaelg-indberet-til-eindkomst.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-indberet-paa-eindkomst-letloen::after {
    content: url(../images/infographic/godt-fra-start/vaelg-indberet-paa-eindkomst-letloen.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-indberet-ansaettelsesoplysninger-herunder-skattekortbestilling::after {
    content: url(../images/infographic/godt-fra-start/vaelg-indberet-ansaettelsesoplysninger-herunder-skattekortbestilling.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-ny-ansaettelsesoplysning::after {
    content: url(../images/infographic/godt-fra-start/vaelg-ny-ansaettelsesoplysning.svg);
    display: block;
    margin-top: 1.25rem;
}

.skriv-ansaettelsesoplysninger::after {
    content: url(../images/infographic/godt-fra-start/skriv-ansaettelsesoplysninger.svg);
    display: block;
    margin-top: 1.25rem;
}

.vaelg-skattekort::after {
    content: url(../images/infographic/godt-fra-start/vaelg-skattekort.svg);
    display: block;
    margin-top: 1.25rem;
}

.momsindberetning-billede-6::after {
    content: url(../images/infographic/momsindberetning/billede-6.svg);
    display: block;
    margin-top: 1.25rem;
}

.momsindberetning-billede-7::after {
    content: url(../images/infographic/momsindberetning/billede-7.svg);
    display: block;
    margin-top: 1.25rem;
}


/*//////////////////////////////////////////////////////// 4. grafiske elementer */

.skts-speechbubble {
    padding-bottom: 1.25rem;
    margin-bottom: 0.625rem;
    border-top: 0.125rem solid white;
}

.skts-speechbubble span {
    background: #14143c;
    color: white;
    font-weight: 100;
    padding: 0.9375rem 1.5625rem;
    border-radius: 1.875rem;
    position: relative;
    display: block;
    bottom: 0.75rem;
}

.skts-speechbubble span::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0.6em solid #14143c;
    position: absolute;
    bottom: -0.4375rem;
    right: calc(50% - 0.75rem);
    z-index: 2;
}

.skts-small-speechbubble {
    position: relative;
    background: #14143c;
    color: white;
    padding: 0.1875rem 0.5rem 0.125rem;
}

.skts-small-speechbubble::after {
    content: "";
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.4em solid #14143c;
    position: absolute;
    bottom: -0.3125rem;
    right: calc(50% - 0.25rem);
}

.cloud {
    width: 8.75rem;
    height: 3.75rem;
    background: #fff;
    border-radius: 3.125rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    position: relative;
    margin: 1.25rem auto;
    z-index: 0;
    padding-top: 0.625rem;
}

.cloud:after,
.cloud:before {
    content: "";
    position: absolute;
    background: #fff;
    z-index: -1;
}

.cloud:before {
    width: 3.125rem;
    height: 3.125rem;
    top: -1.875rem;
    right: 1.25rem;
    border-radius: 1.875rem;
    -webkit-border-radius: 1.875rem;
    -moz-border-radius: 1.875rem;
}

.cloud:after {
    width: 4.375rem;
    height: 4.375rem;
    top: -1.875rem;
    left: 1.25rem;
    border-radius: 3.125rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
}

.ajax {
    text-decoration: none;
    border-bottom: 1px solid;
}

.ajax:hover,
.ajax:active,
.ajax:focus {
    text-decoration: none;
}

.ribbon-optional--green .dap-well--collapse {
    overflow: hidden;
    position: relative;
}

.ribbon-optional--green .dap-well--collapse::before {
    content: "Valgfri";
    background: #14143c;
    color: white;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.625rem 0.25rem 0.375rem;
}

.ribbon-remember--purple {
    overflow: hidden;
    position: relative;
}

.skts-borderbox.ribbon-remember--purple {
    padding: 2.1875rem 1.25rem 1.25rem 1.25rem;
}

.ribbon-remember--purple::before {
    content: "Husk";
    background: #8e4589;
    color: white;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.625rem 0.25rem 0.375rem;
}

.ribbon-guide .dap-well--collapse,
.dap-well--collapse>.ribbon-guide,
.ribbon-infographic--green .dap-well--collapse,
.dap-well--collapse>.ribbon-infographic--green {
    overflow: hidden;
    position: relative;
}

.ribbon-infographic--green>.dap-well--collapse::before,
.dap-well--collapse>.ribbon-infographic--green::before {
    content: "Infografik";
    background: #14143c;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.625rem 0.25rem 0.375rem;
}

.ribbon-infographic--green.lang-uk>.dap-well--collapse::before,
.dap-well--collapse>.ribbon-infographic--green.lang-uk::before {
    content: "Infographic";
    padding: 0.25rem 2.4375rem 0.25rem 1.625rem;
}

.ribbon-infographic--green>.dap-well--collapse.toggleHdr4uMaster>.togglePanel4u.togglePanel4u-1>.panelBody {
    padding: 0;
}

.ribbon-guide>.dap-well--collapse::before,
.dap-well--collapse>.ribbon-guide::before {
    content: "Guide";
    background: #14143c;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.625rem 0.25rem 0.375rem;
}

.ribbon-guide>.dap-well--collapse.toggleHdr4uMaster>.togglePanel4u.togglePanel4u-1>.panelBody {
    padding: 0;
}

.arrow-down--green {
    background: #14143c;
    height: 1.25rem;
    width: 2px;
    position: relative;
}

.arrow-down--green::after {
    border-top: 0.6em solid #14143c;
    background: 0 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    bottom: -0.55em;
    left: -3px;
    transform: none;
}

.arrow-down--blue {
    background: url(../images/icons/arrow-blue-down.svg) no-repeat center center transparent;
    height: 3.75rem;
    width: 100%;
}

.arrow-up--blue {
    background: url(../images/icons/arrow-blue-down.svg) no-repeat center center transparent;
    transform: rotate(180deg);
    height: 3.75rem;
    width: 100%;
}

.skts-borderbox.customer-service {
    margin-bottom: 10rem;
    position: relative;
}

.skts-borderbox.customer-service::after {
    content: url(../images/infographic/customer-service.svg);
    position: absolute;
    right: 0.625rem;
    bottom: -3.125rem;
    width: auto;
}

#udlejning-af-bolig .toggleHdr4u button::before {
    content: url(../images/infographic/deleoekonomi/udlejning-af-bolig.svg);
    position: absolute;
    margin-top: 12px;
    margin-left: -107px;
    width: 88px;
}

#udlejning-af-bolig .container-fluid.panelBody {
    background: url(../images/infographic/deleoekonomi/grass.svg) repeat-x left bottom white;
}

#udlejning-af-bil .toggleHdr4u button::before {
    content: url(../images/infographic/deleoekonomi/udlejning-af-bil.svg);
    position: absolute;
    margin-top: 1.25rem;
    left: 3.87rem;
    width: 8.25rem;
}

#udlejning-af-bil .container-fluid.panelBody {
    background: url(../images/infographic/deleoekonomi/road.svg) repeat-x left bottom white;
    padding-bottom: 8.625rem;
}

#salg-og-bytte-af-tjenester .toggleHdr4u button::before {
    content: url(../images/infographic/deleoekonomi/salg-og-bytte-af-tjenester.svg);
    position: absolute;
    margin-top: 1.25rem;
    left: 3.25rem;
    width: 8rem;
}

#salg-og-bytte-af-tjenester .container-fluid.panelBody {
    background: url(../images/infographic/deleoekonomi/tree.svg) no-repeat left 1.875rem bottom white;
    padding-bottom: 6.375rem;
}

#salg-og-bytte-af-ting .toggleHdr4u button::before {
    content: url(../images/infographic/deleoekonomi/salg-og-bytte-af-ting.svg);
    position: absolute;
    margin-top: 1.25rem;
    left: 3.25rem;
    width: 8.25rem;
}

#salg-og-bytte-af-ting .container-fluid.panelBody {
    background: url(../images/infographic/deleoekonomi/chair.svg) no-repeat right 1.875rem bottom white;
    padding-bottom: 7.375rem;
}

#crowdfunding .toggleHdr4u button::before {
    content: url(../images/infographic/deleoekonomi/crowdfunding.svg);
    position: absolute;
    top: -1.5625rem;
    left: 4.18rem;
    width: 9.93rem;
}

#crowdfunding .container-fluid.panelBody {
    background: url(../images/infographic/deleoekonomi/money.svg) repeat-x left bottom white;
    padding-bottom: 6rem;
}

#udbytte::before {
    content: url(../images/infographic/udbytte.svg);
    text-align: center;
    display: block;
}

.skts-infographic #selvangivelse::before {
    content: url(../images/infographic/selvangivelse.svg);
    display: block;
    text-align: center;
    margin: 0 auto;
}

#acontoskat::before {
    content: url(../images/infographic/aconto.svg);
    display: block;
    margin: 0 auto;
    text-align: center;
}

#serviceydelser::before {
    content: url(../images/infographic/serviceydelser.svg);
    display: block;
    width: 80px;
    margin: 0 auto;
}

#haandvaerksydelser::before {
    content: url(../images/infographic/haandvaerkerydelser.svg);
    display: block;
    width: 80px;
    margin: 0 auto;
}

#arbejdsloen::before {
    content: url(../images/infographic/arbejdsloen.svg);
    display: block;
    width: 80px;
    margin: 0 auto;
}

#hfradrag2016 .dap-well--collapse {
    background: white;
}

#hfradrag2016 .togglePanel4u.togglePanel4u-1::before {
    content: url(../images/infographic/hfradrag2016.svg);
    display: block;
    width: 80px;
    margin: 1.875rem auto -1.25rem;
}

span#dk-legend {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/DK.svg) no-repeat;
    padding: 0.375rem 0 1.875rem 2.1875rem;
    display: block;
}

span#hj-legend {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/HJ.svg) no-repeat;
    padding: 0.375rem 0 0.625rem 2.1875rem;
    display: block;
}

.skts-infographic ul li.dk-arb {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/DK-arb.svg) no-repeat;
}

.skts-infographic ul li.dk-hjem {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/DK-hjem.svg) no-repeat;
}

.skts-infographic ul li.dk-kr {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/DK-kr.svg) no-repeat;
}

.skts-infographic ul li.dk-love {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/DK-love.svg) no-repeat;
}

.skts-infographic ul li.bl-hjem {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/BL-hjem.svg) no-repeat;
}

.skts-infographic ul li.hj-hjem {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/HJ-hjem.svg) no-repeat;
}

.skts-infographic ul li.hj-kr {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/HJ-kr.svg) no-repeat;
}

.skts-infographic ul li.hj-love {
    background: url(../images/infographic/skat-for-udenlandske-medarbejdere/HJ-love.svg) no-repeat;
}

span.checkmark {
    background: url(../images/infographic/check-mark.svg) no-repeat left center #fff;
    display: inline-block;
    padding: 0.625rem 0 0.625rem 2.8125rem;
}

span.divide {
    background: url(../images/infographic/divide.svg) no-repeat left center #fff;
    display: inline-block;
    padding: 0.625rem 1.875rem 0.625rem 2.8125rem;
}

.row.skts-ringbinder-top {
    border-bottom: #72728a 2.8125rem solid;
    margin-left: 0;
    margin-right: 0;
}

.skts-ringbinder {
    background: url(../images/infographic/godt-fra-start/ringbinder.svg) no-repeat center center;
    display: block;
    height: 6.875rem;
    width: 2.5rem;
    margin: 0 auto;
    border-radius: 0.625rem;
    background-size: 1.25rem;
}

.skts-betal-b-skat {
    background: #14143c;
    padding: 2rem;
    margin-top: 1.875rem;
}

.skts-betal-b-skat p,
.skts-betal-b-skat li {
    color: white;
}

.skts-faktura {
    background: white;
}

.skts-faktura::after {
    content: url(../images/infographic/godt-fra-start/faktura-ribbon.svg);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0.625rem;
    width: 1.4375rem;
    height: 4.625rem;
}

.skts-faktura:nth-child(1) {
    border-right: 0.3125rem solid #d9dfe3;
}

.skts-faktura:nth-child(2) {
    border-left: 0.3125rem solid #d9dfe3;
}

.skts-faktura-sum {
    border-top: 0.0625rem solid #dedede;
    border-bottom: none;
    padding: 0.625rem 0;
}

.fat-dotted-line {
    border-bottom: 0.1875rem dotted #22394c;
    padding-bottom: 1.875rem;
    margin-bottom: -1.25rem;
}

.link-green {
    color: #33ad9f;
    font-size: 1.4375rem;
}

.calendar-top::before {
    content: "";
    background: #a1a1b1;
    height: 3rem;
    width: 1rem;
    border-radius: 0.5rem;
    position: absolute;
    left: 4rem;
    top: -2.5rem;
}

.calendar-top::after {
    content: "";
    background: #a1a1b1;
    height: 3rem;
    width: 1rem;
    border-radius: 0.5rem;
    position: absolute;
    top: -2.5rem;
    right: 4rem;
}

.dispositionsdato {
    position: relative;
}

.dispositionsdato::before {
    content: url(../images/infographic/loenperiode/dispositionsdato.svg);
    position: absolute;
    z-index: 1;
    top: -2.6rem;
    left: -2.6rem;
    transform: scale(0.6);
}

.dispositionsdato2::before {
    content: url(../images/infographic/loenperiode/dispositionsdato2.svg);
    position: absolute;
    z-index: 1;
    bottom: -1.5rem;
    left: 0rem;
    transform: scale(0.6);
}

.legend-loenperiode {
    list-style-type: none;
}

.legend-loenperiode::before {
    background-color: #434363;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    content: "";
    margin: 1rem 1rem -0.7rem 0;
}

.legend-dispositionsdato {
    list-style-type: none;
}

.legend-dispositionsdato::before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border: 3px solid #2e99d9;
    border-radius: 50%;
    margin: 1rem 1rem -0.7rem 0;
}

.border-sm-x-dotted {
    border-left: none;
    border-right: none;
}

.border-top-dotted {
    border-top: 1px dotted #14143c;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #14143c;
}


/*//////////////////////////////////////////////////////// 5. media queries */

@media (min-width: 360px) {
    .skts-speechbubble span {
        display: inline;
    }
}

@media (min-width: 450px) {
    .skts-calendar-content>div {
        padding-bottom: 21%;
    }
    span#dk-legend,
    span#hj-legend {
        display: inline-block;
    }
    span#dk-legend {
        padding: 0.375rem 0 0.625rem 2.1875rem;
    }
    span#hj-legend {
        margin-left: 1.875rem;
    }
    .skts-ringbinder {
        background-size: auto;
        margin-bottom: -2.5rem;
    }
}

@media (min-width: 577px) {
    .border-sm-x-dotted {
        border-left: 1px dotted #14143c;
        border-right: 1px dotted #14143c;
    }
    .border-top-dotted {
        border-top: none;
    }
    .border-bottom-dotted {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .border-md-left {
        border-left: 1px dotted #14143c;
    }
    .border-md-right {
        border-right: 1px dotted #14143c;
    }
    .border-md-none {
        border
    }
    #hvornaar-betaler-jeg .collapser__header {
        background: url(../images/infographic/hvornaar-betaler-jeg/saadan-goer-du.svg) no-repeat left 2px top 4px;
        padding: 0 0 6px 65px;
        background-size: 31px;
    }
    .dispositionsdato::before {
        transform: scale(1);
        top: -2rem;
        left: -1rem;
    }
    #fifo-princip>div:nth-child(3)>div:nth-child(1) {
        border-right: 0.0625rem solid #89899d;
        border-bottom: none;
        padding-right: 1.5625rem;
    }
    #fifo-princip>div:nth-child(3)>div:nth-child(2) {
        padding-left: 1.5625rem;
        padding-top: 0;
    }
    .skts-border-left-right--white {
        border-right: 0.125rem solid white;
        border-left: 0.125rem solid white;
    }
    .skts-border-right--white {
        border-right: 0.125rem solid white;
    }
    .ribbon-optional--green .dap-well--collapse::before {
        top: 0.375rem;
        left: -2rem;
        padding: 0.25rem 1.875rem;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .skts-borderbox.ribbon-remember--purple {
        padding: 2.1875rem 1.25rem 1.25rem 2rem;
    }
    .ribbon-remember--purple::before {
        top: 0.25rem;
        left: -1.875rem;
        padding: 0.25rem 1.875rem;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .ribbon-guide .dap-well--collapse::before,
    .dap-well--collapse>.ribbon-guide::before {
        top: 0.25rem;
        left: -2.0625rem;
        padding: 0.25rem 1.875rem;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .ribbon-infographic--green .dap-well--collapse::before,
    .dap-well--collapse>.ribbon-infographic--green::before {
        top: 0.8125rem;
        left: -2.1875rem;
        padding: 0.25rem 1.875rem;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .skts-collapse.skts-collapse-arrow.ribbon-infographic--green a,
    .skts-collapse.skts-collapse-arrow.ribbon-infographic--green button {
        padding: 2em 5em 2em 4em;
    }
    .skts-speechbubble {
        border-top: none;
    }
    .skts-speechbubble span {
        bottom: 0;
    }
    .skts-borderbox.customer-service::after {
        right: -2.5rem;
    }
    #udlejning-af-bolig .toggleHdr4u button::before {
        top: 2.1875rem;
    }
    #udlejning-af-bil .toggleHdr4u button::before {
        top: 1.875rem;
    }
    #salg-og-bytte-af-tjenester .toggleHdr4u button::before {
        top: 2.1875rem;
    }
    #salg-og-bytte-af-tjenester .toggleHdr4u button::before {
        top: 2.1875rem;
    }
    #salg-og-bytte-af-ting .toggleHdr4u button::before {
        top: 2.1875rem;
    }
    #crowdfunding .toggleHdr4u button::before {
        top: 2.1875rem;
    }
    .skts-infographic#eskatdata-dataflow img {
        max-width: 100%;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(2) img {
        margin: 1.25rem 0;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(2) p {
        text-align: right;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(3) {
        margin: 0 -7.5px;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(3) p {
        margin: 1.875rem 0 1.25rem;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(4) p {
        text-align: right;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(7) img {
        margin: 0 0 1.25rem;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(8) p {
        margin: 0.625rem 0 0;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(9) {
        margin: 0 -7.5px;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(9) {
        margin: 1.25rem 0 0;
    }
    .skts-infographic#eskatdata-dataflow .row:nth-child(10) p {
        margin: 1.25rem 0 0;
        text-align: right;
    }
}

@media (min-width: 992px) {
    #haandvaerkerfradrag-infographic .col-sm-6 .skts-borderbox {
        min-height: 0.9375rem;
    }
}