/* latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Barlow Regular'), local('Barlow-Regular'), url(https://cdn.boersenmedien.com/static/barlow/v4/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Barlow Medium'), local('Barlow-Medium'), url(https://cdn.boersenmedien.com/static/barlow/v4/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://cdn.boersenmedien.com/static/barlow/v4/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Barlow Bold'), local('Barlow-Bold'), url(https://cdn.boersenmedien.com/static/barlow/v4/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.boersenmedien.com/static/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://cdn.boersenmedien.com/static/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    font-size: 16px;
    line-height:1.556em;
}

body {
    font-family: 'Barlow', sans-serif;
    color: #303030;
    background: #FCFAF4;
    overflow-x: hidden;
}

h1, h2 {
    font-family: 'Barlow Condensed',sans-serif;
    font-weight: 700;
    line-height: 1em;
}

h1 {
    font-size: 2.9rem;
    font-weight: 700;
    line-height:.84em;
    text-transform:uppercase;
}

h1 span {
    font-size: 1.9rem;
    text-transform:none;
}

h1 + .subhead {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: calc((1.5em - 1em) * 1 + 1em);
}

h2 {
    font-size: 1.6rem;
    line-height: 1.2em;
    text-wrap: balance;
}

h2 strong {
    background: linear-gradient(270deg, #C5931B 0%, #F0C258 49.52%, #BC8A13 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 + .subhead {
    font-size: 1.22rem;
    font-weight: 700;
}

h2 + p {
    max-width:890px;
}

p {
    margin-bottom: calc((1.5em - 1em) * 2 + 1em);
    line-height: 1.6667em;
    font-weight: 400;
}

strong, .paragraph-strong {
    font-weight: 700;
}

.nobr {
    white-space: nowrap;
    font-size: inherit;
    font-weight: inherit;
}

.button-primary {
    position: relative;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
    background-image: linear-gradient(180deg, #00B40F 0%, #00A30E 100%) !important;
    border: none;
    color: #fff;
    padding: 18px 69px 18px 40px;
    border-radius: 32px;
    width: auto;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
}

.button-primary:after {
    content: '';
    display: block;
    width: 19px;
    height: 9px;
    background-image: url('https://images.boersenmedien.com/images/beca6e23-bc31-40eb-b7df-8f07e628fb24.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    transition:right .3s ease;
}

.button-primary:hover {
    background-image: linear-gradient(180deg, #00B40F 0%, #00B40F 100%) !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.12);
}

.button-paypal:hover {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.12)!important;
}

.button-primary:hover:after {
    right:30px;
}

.button-podcast {
    display:inline-block;
    width:auto;
    background-color: #FCFAF4;
    padding: 7px 20px;
    border-radius: 22px;
    cursor: pointer;
    box-shadow:0 6px 10px  rgba(0,0,0,.12);
    transition:all ease .2s;
}

.button-small {
    padding:8px 16px;
}

.button-small:after {
    content:none;
}

.icon-wave {
    overflow: visible;
    width: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

.icon-wave .bar {
    fill: none;
    stroke: #303030;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-box: fill-box;
    transform-origin: center;
}

.button-podcast:hover {
    background-color: transparent;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.12);
}

.button-podcast:hover .icon-wave .bar {
    animation: wave 0.9s ease-in-out infinite;
    animation-delay: calc(var(--i) * 0.1s);
}

@keyframes wave {
    0%, 100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(0.3);
    }
}

.check-list {
    margin-top:28px;
}

.check-list li {
    padding-left: 41px;
}

.check-list li strong {
    font-weight:600;
}

.check-list li::before {
    background-color: #00B40F;
    background-image: url('https://images.boersenmedien.com/images/12cf2910-d6c0-44e4-a3f8-9d681551ec51.svg');
    background-repeat: no-repeat;
    background-size: 17px auto;
    background-position: center;
    filter: none;
    top:0px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
}

.background-grey {
    background-color: #F6F4EE;
}

.container {
    max-width:1440px;
    padding:60px 20px;
}

.slider-container {
    position:relative;
    margin-right:-20px;
    margin-top:50px;
}

.slider-container:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(90deg,rgba(252, 250, 244, 0) 0%, rgba(252, 250, 244, 1) 100%);
}

.slider-container:before {
    content: '';
    position: absolute;
    left: -20px;
    z-index:2;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(90deg,rgba(252, 250, 244, 1) 0%, rgba(252, 250, 244, 0) 100%);
}

.background-grey .slider-container:after {
    background: linear-gradient(90deg,rgba(246, 244, 238, 0) 0%, rgba(246, 244, 238, 1) 100%);
}

.background-grey .slider-container:before {
    background: linear-gradient(90deg,rgba(246, 244, 238, 1) 0%, rgba(246, 244, 238, 0) 100%);
}

.splide__track {
    cursor: grab;
    overflow: visible;
}

.slider-container .splide .splide__arrow {
    background-image: url('https://images.boersenmedien.com/images/6021ddde-55fb-4061-b1de-3eb01240971e.svg');
    background-size: 13px auto;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border-color: #E5E5DE;
    width: 64px;
    height: 64px;
    box-shadow:0 6px 10px 0 rgba(0,0,0,.12);
    z-index:2;
}

.slider-container .splide .splide__arrow.splide__arrow--prev {
    box-shadow: 0 -6px 10px 0 rgba(0,0,0,.12);
}

.slider-container .splide .splide__arrow:disabled {
    display: none;
}

.slider-container .splide .splide__arrow svg {
    display: none;
}

.slider-content-container {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
    padding: 32px 24px;
}

.slider-content-container p {
    font-size:.889rem;
    font-family:'Barlow Condensed', sans-serif;
}

.content-short {
    max-width:890px;
    margin:0 auto;
}

.badge {
    background: linear-gradient(270deg, #C5931B 0%, #F0C258 49.52%, #BC8A13 100%);
    font-size: 1.11rem;
    text-transform: none;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
    border: 1px solid #CF9722;
}

strong.badged {
    font-family: 'Barlow Condensed',sans-serif;
    background: linear-gradient(271deg, #DB9B36 0.9%, #F9F280 48.11%, #ECBF48 95.32%);
    border-radius: 8px;
    border-bottom: 4px solid #D09E2C;
    padding: 5px 12px;
    color: #fff;
    font-size: 2rem;
    -webkit-text-fill-color: #fff !important;
    white-space: nowrap;
    position: relative;
    transform: rotate(4deg);
    display: inline-block;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: rotate(4deg) scale(1);
    }

    50% {
        transform: rotate(4deg) scale(1.09);
    }
}

#header-logo {
    display:none;
    width:140px;
    position:fixed;
    z-index:3;
}

#dajubilaeum-intro {
    position:relative;
    padding:0px 0 0px;
    overflow:hidden;
}

@media (orientation: landscape) {
    #dajubilaeum-intro {
        min-height: 100vh;
    }
}

#dajubilaeum-intro .container {
    display:flex;
    flex-direction:column-reverse;
    gap:30px;
    padding:150px 20px 160px;
    text-align:center;
}

#dajubilaeum-intro .container h1 {
    text-align:center;
}

#dajubilaeum-intro .container p {
    text-align:left;
    position:relative;
    z-index:2;
}

#dajubilaeum-intro .container .subhead {
    text-align:center;
}

#dajubilaeum-intro .container img {
    width: 100%;
    max-width: 430px;
    margin: 0 auto 0;
    transform: translateX(0%) scale(1.2);
    position:relative;
    z-index:2;
}

#dajubilaeum-intro .container .button {
    position:relative;
    z-index:2;
}

#dajubilaeum-intro:before {
    content: '';
    display: block;
    width: 180%;
    height: 580px;
    background-image: url('https://images.boersenmedien.com/images/d2f32748-c48f-4e86-a62d-4e2acddbcaeb.webp');
    background-position: center bottom;
    background-size: cover;
    position: absolute;
    top: -320px;
    left: -10%;
    opacity: .6;
    transform: rotate(-6deg);
}

#dajubilaeum-intro:after {
    content: '';
    display: block;
    width: 180%;
    height: 580px;
    background-image: url('https://images.boersenmedien.com/images/d2f32748-c48f-4e86-a62d-4e2acddbcaeb.webp');
    background-position: center top;
    background-size: cover;
    position: absolute;
    bottom: -360px;
    left: -10%;
    opacity: .6;
    transform: rotate(-6deg);
}

#issue-slider .slider-content-container {
    height: calc(100% - 25px);
    margin: 20px 0 10px;
}

#issue-slider .splide__slide, #podcast-slider .splide__slide {
    padding-bottom: 20px;
}

#issue-slider .splide__slide:after {
    content: '';
    width: 33px;
    height: 12px;
    background-image: url('https://images.boersenmedien.com/images/43abaade-b8ff-4997-8fb0-a95b7d190db3.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -36px;
    top: 50%;
    margin-top: -6px;
}

#issue-slider ul .splide__slide:last-child:after {
    content:none;
}

#issue-slider .badge {
    position:absolute;
    top:-17px;
    left:50%;
    transform:translateX(-50%);
}

#issue-slider .slider-content-container img {
    display:block;
    width:100%;
    max-width:220px;
    margin:0 auto 24px;
    box-shadow:0 6px 10px 0 rgba(0,0,0,.12);
}

#issue-slider .slider-content-container strong {
    display:block;
    margin-bottom:16px;
}

#dajubilaeum-advantages .grid-container {
    margin-top:60px;
    margin-bottom:60px;
}

#dajubilaeum-advantages .grid-container img {
    width:100%;
    max-width:400px;
    display:block;
    margin:0 auto;
}

#dajubilaeum-advantages .button {
    margin-top:30px;
}

#dajubilaeum-advantages .strong-paragraph strong {
    font-size: 1.22rem;
}

#dajubilaeum-articlehistory article img {
    border-radius: 8px;
    margin-bottom:4px;
}

#dajubilaeum-articlehistory article p {
    display: none;
}

#dajubilaeum-articlehistory .grid-2 {
    gap: 20px;
}

#dajubilaeum-articlehistory .first-group {
    margin-bottom:20px;
    margin-top:50px;
}

#dajubilaeum-articlehistory .first-group article:first-child h3{
    font-size:1.2rem;
}

#dajubilaeum-articlehistory .grid-2 article:first-child {
    grid-column: 1 / span 2;
}

#podcast-slider .slider-content-container {
    background-color: #F6F4EE;
    border: 1px solid #E5E5DE;
}

#podcast-slider .splide__slide {
    display:grid;
    grid-template-rows: max-content auto;
}

#podcast-slider h3 {
    text-align: center;
    margin-bottom: 24px;
}

#podcast-slider strong {
    display:block;
    margin-bottom:12px;
}

#history-slider .splide__track li{
    background: url('https://images.boersenmedien.com/images/286d421c-d200-4f9d-824d-eb31552b6d2d.svg');
    background-repeat: repeat-x;
    background-size: auto 2px;
    background-position: top 16px left;
    padding-right:50px;
}

#history-slider .splide__track li:last-child {
    background: linear-gradient(90deg,rgba(246, 244, 238, 0) 0%, rgba(246, 244, 238, 1) 50%, rgba(246, 244, 238, 1) 100%), url('https://images.boersenmedien.com/images/286d421c-d200-4f9d-824d-eb31552b6d2d.svg');
     background-repeat: repeat-x;
    background-size: auto 2px;
    background-position: top 16px left;
}

#history-slider h3 {
    margin:16px 0;
}

#history-slider img {
    margin-bottom: 16px;
    height:auto;
}

#history-slider p {
    font-size: .899rem;
}

#stock-slider li {
    display: grid;
    grid-template-rows:1fr 1fr;
    gap: 20px;
    container-type: inline-size;
    container-name: stockitem;
}

#stock-slider .slider-content-container {
    position: relative;
    background-color: #F6F4EE;
    border: 1px solid #E5E5DE;
    padding: 16px 22px 46px 22px;
    overflow: hidden;
}

.stockinfo {
    display: block;
    background-color: #00B40F;
    color:#fff;
    font-weight:700;
    border-radius:4px;
    padding:2px 12px;
    width:max-content;
    margin: 0 0 0 auto;
}

.stockinfo span {
    font-size:.778rem;
    font-weight:400;
}

#stock-slider .slider-content-container .image-container {
    display:flex;
    justify-content:center;
    align-items:center;
    margin: 16px 0;
    height: 50px;
    text-align:center;
}

#stock-slider .slider-content-container .image-container img {
    max-height: 100%;
    object-fit: contain;
}

#stock-slider .rank {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 32px;
    background-color: #fff;
    border-top: 1px solid #E5E5DE;
    border-right: 1px solid #E5E5DE;
    border-top-right-radius: 4px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #7A7171;
}

@container stockitem (min-width: 405px) {
    #stock-slider .slider-content-container {
        display: grid;
        grid-template-columns: auto 230px;
        align-content: start;
        padding: 16px 22px 16px 0px;
    }

    #stock-slider .slider-content-container .image-container {
        height: auto !important;
        grid-column: 1;
        grid-row: 1 / span 3;
        min-height: 0;
        overflow: auto;
        contain: size;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:0 22px;
    }

    #stock-slider .slider-content-container h3{
        margin:8px 0 6px;
    }

    #stock-slider .slider-content-container small {
        grid-column: 1 / span 2;
        padding: 0 25px;
    }

    #stock-slider .stockinfo {
        height: max-content;
    }
}


#stock-slider .slider-content-container small {
    display: block;
    font-size: .778rem;
    padding: 0 25px;
}

#stock-slider .slider-content-container small img {
    display:inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top:-2px;
}

#dajubilaeum-trustpilot .trustpilot-widget {
    margin-top: 50px;
}

.buy-container {
    width: 100%;
    max-width: 875px;
    margin: 0 auto;
    border-radius: 16px;
    border: double 2px transparent;
    background-image: linear-gradient(#F6F4EE, #F6F4EE), linear-gradient(90deg, #DB9B36, #F9F280, #ECBF48);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow:0 6px 10px 0 rgba(0,0,0,.12);
}

.buy-container > div {
    padding:30px 20px;
}

.buy-container h2 + .subhead {
    margin-bottom:20px;
}

.buy-badge {
    position:relative;
    display: block;
    margin: 0 -28px;
    width: auto;
    background: #DB9B36;
    background: linear-gradient(90deg,rgba(219, 155, 54, 1) 0%, rgba(249, 242, 128, 1) 10%, rgba(223, 167, 64, 1) 50%, rgba(236, 191, 72, 1) 90%, rgba(249, 242, 128, 1) 100%);
    padding: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height:1.4em;
    margin-bottom:30px;
    box-shadow:0 6px 10px rgba(0,0,0,.12);
}

.buy-badge:before {
    content: '';
    position: absolute;
      left: 0px;
      width: 0px;
      height: 0;
      bottom: -8px;
      border-bottom: 8px solid transparent;
      border-right: 6px solid #D09E2C;
}

.buy-badge:after {
    content: '';
    position: absolute;
    right: 0px;
    width: 0px;
    height: 0;
    bottom: -8px;
    border-bottom: 8px solid transparent;
    border-left: 6px solid #D09E2C;
}

.buy-badge img {
    max-width:760px;
}

.buy-badge strong {
    font-size: 1.4rem;
    display: block;
    line-height: 1.2em;
}

#book-slider img {
    max-width: 165px;
    height: 261px;
    margin-bottom: 16px;
    object-fit: contain;
    object-position: bottom;
}

#book-slider h3 {
    font-size: 1.22rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Anzahl der sichtbaren Zeilen */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#book-slider small {
    display:block;
    margin-bottom:14px;
}

#dajubilaeum-book .container > div {
    position: relative;
}

#dajubilaeum-book .jubilaeum-image {
    width: 100%;
    max-width: 280px;
    margin: 0 auto -60px;
    display: block;
}

@media screen and (min-width: 548px) {
    #dajubilaeum-articlehistory .grid-sm-3 article:first-child {
        grid-column:auto;
    }
}

@media screen and (min-width: 621px) {
    #issue-slider .splide__slide:after {        
        width: 50px;
        right: -55px;
    }
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 3.4rem;
    }

    h1 span {
        font-size: 2rem;
    }

    h2 {
        font-size: 2rem;
    }

    strong.badged {
        font-size: 2.9rem;
        padding-top: 3px;
        padding-bottom: 6px;
        top:3px;
        line-height:1em;
    }

    .container {
        padding: 60px 40px;
    }

    .slider-container {
        margin-right: -40px;
        margin-top:60px;
    }

    .slider-container:after {
        width: 100px;
    }

    .slider-container:before {
        left: -40px;
        width:40px;
    }

    #header-logo {
        display: block;
        margin: 0 auto 0 40px;
    }

    #dajubilaeum-intro {
        display:flex;
    }

    #dajubilaeum-intro .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
        padding: 300px 20px 210px;
    }

    #dajubilaeum-intro .container p.subhead{
        text-align:left;
        font-size:1.22rem;
    }

    #dajubilaeum-intro .container h1 {
        text-align:left;
    }

    #dajubilaeum-intro .container > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    #dajubilaeum-intro .container img {
        align-self:center;
        max-width:none;
    }

    #dajubilaeum-advantages .grid-container > div {
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    #dajubilaeum-advantages .grid-container ul li:last-child {
        margin-bottom:0;
    }

    #dajubilaeum-advantages .grid-container img {
        max-width: none;
        width: 100%;
        align-self: center;
    }    

    #dajubilaeum-articlehistory .grid-sm-2 article a {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    #dajubilaeum-articlehistory .first-group {
        margin-top: 60px;
    }

    #dajubilaeum-articlehistory .first-group article a {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 20px;
    }

    #dajubilaeum-articlehistory .first-group article div {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 6; /* Anzahl der sichtbaren Zeilen */
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: max-content;
    }

    #dajubilaeum-articlehistory .first-group article:first-child {
        grid-row: 1 / span 2;
        grid-column: 1 / span 1;
    }

    #dajubilaeum-articlehistory .first-group article:first-child a {
        display: block;
    }

    #dajubilaeum-articlehistory article img{
        margin-bottom:8px;
    }

    #dajubilaeum-articlehistory article p {
        display: block;
        margin-top:4px;
    }

    #history-slider .splide__track li {
        padding-right: 60px;
    }

    #stock-slider li {
        display: grid;
        gap: 40px;
    }

    #dajubilaeum-trustpilot .trustpilot-widget {
        margin-top: 60px;
    }

    #dajubilaeum-book .container > div {
        margin-left:300px;
    }

    #dajubilaeum-book .slider-container::before {
        left: -1px;
        width:20px;
    }

    #dajubilaeum-book .jubilaeum-image {
        position: absolute;
        left: -430px;
        width: 410px;
        max-width: none;
        bottom: 0;
    }

    #dajubilaeum-book .splide__track {
        overflow: hidden;
    }


    .buy-container {
        position: relative;
        overflow: hidden;
        padding: 6px 6px 20px 6px;
        max-width: 885px;
        margin: 0 auto;
        background-image:none;
        box-shadow:none;
    }

    .buy-container > div {
        width: 100%;
        max-width: 875px;
        margin: 0 auto;
        border-radius: 16px;
        border: double 2px transparent;
        background-image: linear-gradient(#F6F4EE, #F6F4EE), linear-gradient(90deg, #DB9B36, #F9F280, #ECBF48);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
        padding: 1px;
    }

    .buy-container > div > div {
        padding: 60px 50px 40px;
    }

    .buy-badge {
        position: absolute;
        right: -24px;
        top: 13px;
        transform: rotate(30deg);
        width: 417px;
        padding-left: 74px;
        box-shadow: 0 6px 5px -3px rgba(0,0,0,.12);
    }

    .buy-badge::before {
        content: '';
        position: absolute;
        left: 17px;
        width: 0px;
        height: 0;
        bottom: -3px;
        border-bottom: 6px solid transparent;
        border-right: 12px solid #D09E2C;
        transform: rotate(151deg);
    }

    .buy-badge::after {
        content: '';
        position: absolute;
        right: 3px;
        width: 0px;
        height: 0;
        bottom: -4px;
        border-bottom: 8px solid transparent;
        border-left: 5px solid #D09E2C;
        transform: rotate(240deg);
    }
}

@media screen and (min-width: 769px) {
    #issue-slider .splide__slide:after {
        width: 90px;
        right: -95px;
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 18px;
    }

    h1 {
        font-size: 3.4rem;
    }

        h1 span {
            font-size: 2rem;
        }

    h2 {
        font-size: 2rem;
    }

    .container {
        padding: 80px 40px;
    }

    .slider-container {
        margin-top: 80px;
    }

    .slider-container:after {
        width: 200px;
    }

    #dajubilaeum-intro .container {
        display: grid;
        grid-template-columns: 8fr 7fr;
        text-align: left;
        padding: 280px 20px 210px;
    }

    #dajubilaeum-intro .container p {
        max-width:560px;
    }

    #dajubilaeum-intro::before {
        width: 120%;
        height: 490px;
        top:-270px;
    }

    #dajubilaeum-intro::after {
        width: 120%;
        height: 490px;
    }

    #dajubilaeum-articlehistory .first-group {
        margin-top: 80px;
    }

    #history-slider .splide__track li {
        padding-right: 117px;
    }

    #dajubilaeum-book .jubilaeum-image {
        margin-bottom:-80px;
    }

    .buy-badge {
        right: -39px;
        top: 29px;
        font-size: 1.166rem;
        width: 550px;
        padding-left: 96px;
    }

    .buy-badge strong {
        font-size: 2.11rem;
    }

    .buy-badge::before {
        content: '';
        position: absolute;
        left: 4px;
        width: 0px;
        height: 0;
        bottom: -3px;
        border-bottom: 6px solid transparent;
        border-right: 11px solid #D09E2C;
        transform: rotate(151deg);
    }
}


@media screen and (min-width: 1280px) {
    .container {
        padding: 100px 40px;
    }

    #dajubilaeum-articlehistory .grid-container {
        gap:40px;
    }

    #dajubilaeum-articlehistory article img {
        margin-bottom: 16px;
    }

    #dajubilaeum-articlehistory article p {
        display: block;
        margin-top: 8px;
    }

    #dajubilaeum-articlehistory .first-group {
        margin-bottom: 40px;
    }

    #dajubilaeum-articlehistory .first-group article a {
        gap:0 40px;
    }

    #dajubilaeum-articlehistory .first-group article:first-child h3 {
        font-size:1.778rem;
    }

    #dajubilaeum-book .jubilaeum-image {
        margin-bottom: -120px;
    }

}

@media screen and (min-width: 1440px) {
    h2 {
        font-size: 2.6rem;
    }

    strong.badged {
        font-size: 2.9rem;
        top: -4px;
    }

    .container {
        padding: 120px 40px;
    }

    .slider-container {
        width: calc((100vw - (100vw - 1360px) / 2));
    }

    .slider-container:before {
        left: calc((1360px - 100vw) / 2);
    }

    #header-logo {
        display: block;
        margin: 0 auto 0 60px;
    }

    #dajubilaeum-intro .container {
        padding: 280px 20px 260px;
    }

    #dajubilaeum-intro::before {
        width: 110%;
        height: 490px;
        top: -220px;
        left: -5%;
    }

    #dajubilaeum-intro::after {
        width: 110%;
        height: 490px;
        bottom: -250px;
        left: -5%;
    }

    .slider-container .splide .splide__arrow.splide__arrow--prev {
        left: calc((-100vw + 1404px) / 2);
    }

    .slider-container .splide .splide__arrow.splide__arrow--next {
        right: 24px;
    }

    #dajubilaeum-book .slider-container {
        position: relative;
        width: calc((100vw - (100vw - 760px) / 2));
    }

    #dajubilaeum-book .slider-container .splide .splide__arrow.splide__arrow--next {
        right: 24px;
    }

    #dajubilaeum-book .slider-container .splide .splide__arrow.splide__arrow--prev {
        left: -84px;
    }

    #dajubilaeum-book .slider-container::before {
        width:60px;
    }
}
  

@media screen and (min-width: 1441px) {
    #issue-slider .splide__slide:after {
        width: 120px;
        right: -125px;
    }
}

@media screen and (min-width: 1540px) {
    .slider-container:before {
        width: 100px;
    }
}

@media screen and (min-width: 1940px) {
    h1 {
        font-size: 5.55rem;
    }

    h1 span {
        font-size: 3.11rem;
    }

    h2 {
        font-size: 3.11rem;
    }

    .container {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    #dajubilaeum-intro .container img {
        transform: translateX(0%) scale(1.4);
        transform-origin:left center;
    }

    .dajubilaeum-book .container h2, .dajubilaeum-book .container p {
        position:relative;
        z-index:2;
    }

    #dajubilaeum-book .slider-container {
        width: calc((100vw - (100vw - 430px) / 2));
    }

    #dajubilaeum-book .container > div {
        margin-left: 465px;
    }

    #dajubilaeum-book .jubilaeum-image {
        width: 551px;
        left: -580px;
        margin-bottom:-150px;
    }
}

#dajubilaeum-abo-intro #header-logo {
    display: block;
    left: 50%;
    margin-left: -70px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
}

#dajubilaeum-abo-intro {
    background-image: url('https://images.boersenmedien.com/images/7fd16511-e85c-4bf5-89cc-09f85b0d48ac.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position:relative;
    overflow:hidden;
}

#dajubilaeum-abo-intro:before {
    content: '';
    position: absolute;
    background-image: url('https://images.boersenmedien.com/images/7fd16511-e85c-4bf5-89cc-09f85b0d48ac.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    transform: rotate(180deg);
    transform-origin: center;
    animation: introfade 6s linear infinite;
    width: 140%;
    height: 100%;
    left: 0%;
    top: 0;
}

@keyframes introfade {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

#dajubilaeum-abo-intro .container {
    padding-top:200px;
    gap:30px;
}

#dajubilaeum-abo-intro h1 {
    line-height:1.2em;
}

#dajubilaeum-abo-intro h1 .badged {
    box-shadow: 0 0px 10px 0 rgba(0,0,0,.12);
    line-height: 1.3em;
    margin-right: 10px;
    top: -5px;
}

#dajubilaeum-abo-intro .intro-text {
    text-align: center;
    line-height: 1.556em;
}

#deraktionaerjubilaeumbuy #dajubilaeum-advantages {
    background: #FCFAF4;
    background: linear-gradient(180deg,rgba(252, 250, 244, 1) 0%, rgba(245, 243, 237, 1) 100%);
}

#deraktionaerjubilaeumbuy #dajubilaeum-knowledge {
    background: #FCFAF4;
    background: linear-gradient(180deg,rgba(252, 250, 244, 1) 0%, rgba(245, 243, 237, 1) 100%);
}

#deraktionaerjubilaeumbuy .buy-container {
    font-size: 1.22rem;
    font-weight: 700;
    max-width: 775px;
}

#deraktionaerjubilaeumbuy .buy-container h2 {
    font-size:1.8rem;
}

#deraktionaerjubilaeumbuy .buy-container h2 + .subhead {
    font-size:1.11rem;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

#deraktionaerjubilaeumbuy .buy-container .buy-price {    
    font-weight: 700;
    margin-bottom:10px;
}

#deraktionaerjubilaeumbuy .buy-container .buy-price .crossed-text {
    display:inline-block;
    margin-bottom:14px;
}  

#deraktionaerjubilaeumbuy .buy-container .buy-price strong {
    color: #00B40F;
    font-size: 3.11rem;
}

#deraktionaerjubilaeumbuy .buy-container .buy-price strong span {
    font-size: 1.22rem;
    font-weight: 700;
    color: #303030;
}

#deraktionaerjubilaeumbuy .buy-container .crossed-text {
    font-size: 1.22rem;
    font-weight: 700;
}

#deraktionaerjubilaeumbuy .buy-container .button-container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:16px;
    margin-bottom:24px;
}

#deraktionaerjubilaeumbuy .buy-container .button-primary:after {
    content:none;
}

#deraktionaerjubilaeumbuy .buy-container .button-primary {
    padding-right: 40px;
    width: 100%;
    max-width: 190px;
}

#deraktionaerjubilaeumbuy .button-paypal {
    max-width: 190px;
    border-radius: 32px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.12);
    transition: box-shadow ease .2s;
}

#deraktionaerjubilaeumbuy .buy-container .small-paragraph {
    line-height: 1.3em;
}

#deraktionaerjubilaeumbuy #dajubilaeum-advantages img {
    display:block;
    margin: 0 auto 40px;
    max-width:400px;
}

#deraktionaerjubilaeumbuy #dajubilaeum-buy .container, #deraktionaerjubilaeumbuy #dajubilaeum-knowledge .container {
    max-width: 975px;
}

#deraktionaerjubilaeumbuy #dajubilaeum-buy .container p {
    max-width:430px;
    margin-left:auto;
    margin-right:auto;
}

#deraktionaerjubilaeumbuy #dajubilaeum-buy .buy-container {
    max-width:none;
}

#deraktionaerjubilaeumbuy .buy-container .buy-badge::before {
    border-right: 6px solid #8B6C21;
    left:0;
}

#deraktionaerjubilaeumbuy .buy-container .buy-badge::after {
    border-left: 5px solid #906F22;
}

@media screen and (min-width: 768px) {
    #deraktionaerjubilaeumbuy #dajubilaeum-abo-intro .intro-text h1 {
        animation-delay: .5s;
        opacity: 0;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(0.34, 2.7, 0.64, 1);
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-abo-intro .intro-text p {
        font-size: 1.4rem;
        animation-delay: .8s;
        opacity: 0;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(0.34, 2.7, 0.64, 1);
    }

    #deraktionaerjubilaeumbuy .buy-container strong.badged {
        font-size: 2.5rem;
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-advantages img {
        margin: 0 auto 60px;
        max-width: 700px;
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-advantages .check-list {
        gap:32px 40px;
    }

    #deraktionaerjubilaeumbuy .buy-container {
        animation-timing-function: cubic-bezier(0.34, 3, 0.64, 1);
        animation-duration: 1s;
    }

    #deraktionaerjubilaeumbuy .buy-container .buy-badge::before {
        left: 17px;
        bottom: -3px;
        border-right: 11px solid #8B6C21;
    }
}

@media screen and (min-width: 1024px) {
    #deraktionaerjubilaeumbuy .buy-container .buy-badge {
        right: -85px;
        top: 28px;
        font-size: 1.166rem;
        width: 480px;
        padding: 13px 13px 13px 20px;
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-advantages .check-list {
        gap: 40px;
    }

    #deraktionaerjubilaeumbuy .buy-container .buy-badge::after {
        right: 70px;
        bottom: -4px;
    }

    #deraktionaerjubilaeumbuy .buy-container .buy-badge strong {
        font-size: 1.556rem;
    }
}

@media screen and (min-width: 1280px) {
    #deraktionaerjubilaeumbuy h2 {
        font-size:3.11rem;
    }

    #dajubilaeum-abo-intro #header-logo {
        left: 0px;
        margin-left: 60px;
        transform: none;
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-abo-intro h1 {
        font-size: 4.8rem;
    }

    #deraktionaerjubilaeumbuy .buy-container h2 {
        font-size: 2em;
    }

    #dajubilaeum-abo-intro h1 .badged {
        font-size:4rem;
    }

    #deraktionaerjubilaeumbuy #dajubilaeum-abo-intro .intro-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        padding-top:60px;
    }
}

@media screen and (min-width: 1440px) {
    #deraktionaerjubilaeumbuy #dajubilaeum-abo-intro .intro-text h1 {
        font-size: 5.5rem;
    }
}

@media screen and (min-width: 1940px) {

    #dajubilaeum-abo-intro h1 .badged {
        line-height: 1.1em;
    }

    #deraktionaerjubilaeumbuy .buy-container h2 {
        font-size: 2.5em;
    }

    #deraktionaerjubilaeumbuy .buy-container h2 + .subhead {
        font-size: 1.22rem;
    }
}