html {
    font-size: 12px;
}

body {
    color: #232323;
}

h1, h2, h3 {
    font-weight:700;
    line-height:1.4em;
}

h1 {
    color:#fff;
    font-size: 2.75rem;
    margin-bottom:17px;
}

h2 {
    font-size: 1.667rem;
}

h3 {
    font-size:1.25rem;
}

a.text-link {
    color:#E30613;
    font-weight:400;
}

img {
    width:100%;
}

.button {
    color: #fff;
    padding: 13px 60px 14px;
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.button.button-primary {
    background-color: #E30613;
    padding: 8px 60px 9px;
    border: 1px solid #E30613;
}

.button.button-primary:hover {
    background-color: #E30613 ;
}

.button.button-secondary {
    color:#fff;
    background-color: #17171A;
    border: 1px solid #17171A;
}

.button.button-secondary:hover {
    background-color: #17171A;
}

#aktienreports-categories ul {
    list-style:none;
}

.category-label {
    background-color: #F3F3F6;
    color: #78787b;
    display: inline-block;
    line-height: 2.25em;
    border-radius: 2.25em;
    padding: 0 15px;
    border: 1px solid #e1e1e4;
    font-weight: 600;
    cursor: pointer;
    margin-right: 5px;
}

.header-banner-active #header-banner-container {
    z-index: 4;
}

.header-banner-active .letter-landingpage #aktienreports-intro {
    padding-top: 50px;
}

.container {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 60px 10px;
}

#aktienreports-intro {
    background-image: url('https://images.boersenmedien.com/images/95805ddc-2460-40d9-8870-aac9f054a486.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

#aktienreports-intro .container {
    padding-top:210px;
    padding-bottom:125px;
}

#aktienreports-intro .button {
    display: inline-block;
    width: auto;
}

#aktienreports-issues details .grid-container {
    grid-template-columns:1fr 1fr;
}

#aktienreports-issues h2 img {
    max-width: 184px;
    vertical-align: middle;
    margin: 5px;
}

#issue-slider {
    margin:30px -10px;
}

.splide .splide__track {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin:0 50px;
}

#aktienreports-issues .splide .splide__arrows .splide__arrow {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #E30613;
    background-image: url('https://images.boersenmedien.com/images/28ede3c5-4edc-4732-8be6-5745d30ddda7.svg');
    background-position: calc(50% + 1px) center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border:none;
    border-radius:50%;
}

#aktienreports-issues .splide .splide__arrows .splide__arrow:disabled {
    background-color: #F3F3F6;
    opacity:1;
}

#aktienreports-issues details{
    position:relative;
    display:grid;
    margin-top:30px;
    padding-bottom:50px;
}

#aktienreports-issues details summary {
    position: absolute;
    display: inline-block;
    width: auto;
    justify-self: center;
    bottom: 0;
}

#aktienreports-issues details summary::marker {
    content: "";
}

#aktienreports-issues details[open="true"] summary {
    background-color:#fff;    
    color:#17171A;
    padding-right:112px;
}

#aktienreports-issues details[open="true"] summary:after {
    display: inline-block;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-4px;
    transform:rotate(180deg);
    transform-origin:center;
    content: '';
    width: 12px;
    height: 8px;
    background-image: url('https://images.boersenmedien.com/images/ca8cab6d-2f48-4b5a-b148-d6d0054561db.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


#aktienreports-issues details summary::-webkit-details-marker {
    display: none;
}

#aktienreports-issues details .grid-container {
    gap:40px 10px;
}

#aktienreports-issues details article img {
    width:100%;
    margin-bottom:15px;
}

#aktienreports-issues details article h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom:10px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#aktienreports-issues details article dl {
    margin-bottom:20px;
    line-height:1.4em;
}

#aktienreports-issues details article dt, #aktienreports-issues details article dd {
    display:inline;
}

#aktienreports-issues details article dd{
    font-weight:700;
}

#aktienreports-issues details article dd time {
    font-weight:inherit;
}

#aktienreports-issues details .small-paragraph {
    margin:50px auto 30px;
}

#aktienreports-issues details .small-paragraph small {
    color: #17171A;
}

#aktienreports-advantages h2 {
    order:1;
}

#aktienreports-advantages .container {
    display:grid;
}

#aktienreports-advantages .advantages-image {
    order: 2;
}

#aktienreports-advantages .advantages-image img{
    display:block;
    max-width:350px;
    margin:0 auto;
}

#aktienreports-advantages .advantages-list {
    order:3;
}

.advantages-list .check-list li {
    padding-left:40px;
    margin-bottom:40px;
}

.advantages-list .check-list li:last-child {
    margin-bottom:0 !important;
}

.advantages-list .check-list li::before {
    background-image: url('https://images.boersenmedien.com/images/e1cf8ae1-2649-45b9-8609-94f76b637abf.svg');
    top: -3px;
    width: 27px;
    height: 25px;
}

#aktienreports-newsletter .content-container {
    border-radius: 20px;
    background-color: #F3F3F6;
    overflow:hidden;
}

#aktienreports-newsletter h3 {
    max-width:450px;
    margin-left:auto;
    margin-right:auto;
}

#aktienreports-newsletter .content-container > div {
    padding: 20px;
}

.newsletter-subscribe-form .button-primary, .newsletter-subscribe-form .button-primary:hover {
    display: block;
    background-color: #17171A;
    border-color: #17171A;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


@media screen and (min-width: 380px) {
    #aktienreports-issues details .grid-container {
        grid-template-columns:1fr 1fr;
    }
}

@media screen and (min-width: 568px) {
    #aktienreports-issues details .grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

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

    h1 {
        font-size: 2.9rem;
        margin-bottom:30px;
    }

    h2 {
        font-size: 2.2rem;
    }

    h3 {
        font-size: 1rem;
    }

    .button, .button.button-primary {
        color: #fff;
        padding: 13px 80px 14px;
    }

    .container {
        padding: 80px 40px;
    }

    #aktienreports-issues h2 img {
        max-width: 250px;
    }

    #aktienreports-issues .splide .splide__arrows .splide__arrow {
        width:50px;
        height:50px;
    }

    .splide .splide__arrows .splide__arrow.splide__arrow--prev {
        left: 0;
    }

    .splide .splide__arrows .splide__arrow.splide__arrow--next {
        right:0;       
    }

    #aktienreports-issues details {
        padding-bottom:50px;
    }

    #aktienreports-issues details .grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 40px 20px;
    }

    #aktienreports-issues article {
        font-size:.933rem;
    }
    
    #aktienreports-advantages .advantages-list {
        background-color: #F3F3F6;
        padding:20px;
        border-radius:20px;
        order:2;
    }

    #aktienreports-newsletter .content-container {
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    #aktienreports-newsletter .content-container img {
        height: 100%;
        object-fit: cover;
    }

    #aktienreports-newsletter .content-container > div {
        padding:30px 20px;
    }
}

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

    #aktienreports-issues details .grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 40px 30px;
    }


    #aktienreports-advantages .container {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    #aktienreports-advantages h2 {
        grid-column: 1 / -1;
    }

    #aktienreports-advantages .advantages-image {
        order: 3;
        display: flex;
        align-items: center;
    }

    #aktienreports-advantages .advantages-image img {
        max-width: none;
    }

    #aktienreports-newsletter .content-container > div {
        padding:40px;
    }

    #aktienreports-newsletter h3 {
        max-width: none;
    }

    .newsletter-subscribe-form {
        max-width:none;
    }

    .newsletter-subscribe-form .button-primary, .newsletter-subscribe-form .button-primary:hover {
        width:100%;
    }

}
@media screen and (min-width: 1280px) {
    h1 {
        font-size: 3.9rem;
        margin-bottom: 45px;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    #aktienreports-issues details .grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

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

    h2 {
        font-size: 2.8rem;
    }

    h3 {
        font-size:1.1rem;
    }

    #aktienreports-issues h2 img {
        max-width:333px;
    }

    #aktienreports-issues .paragraph-strong {
        font-size:1.33rem;
    }

    #aktienreports-issues details .grid-container {
        gap:50px 40px;
    }
}