@media (min-width: 2100px) {

    p{
        font-size: 32px;
        line-height: 50px;
    }

    .container{
        max-width: none;
    }

   
    h2{
        font-size:2.8rem;
    }
    h4{
        font-size: 2.5rem;
    }
    .mint-quadrant h4{
        font-size: 30pt;
        margin-bottom: 20px;
    }
    .mint-quadrant p{
        font-size: 18pt;
        margin-top: 30px;
        display: block;
    }
    
    #warumwir-container p{
        font-size: 18pt;
    }
    .green-boxx{
        padding: 20vh 0 20vh 0;
    }

    .yellowBarMath{
        width: 241px;
    }
    .yellowBarInformatik {
        width: 205px;
    }
    .yellowbarNature {
        width: 395px;
    }
    .yellowBarTech {
        width: 140px;
    }

    .card.card-item {
        height: 740px !important;
    }

    .caroussel-item-big .card.card-item {
        height: 920px !important;
    }

    .card-content p {
        font-size: 22px;
    }
    #strategy-container p{
        font-size: 18pt;
    }
    #strategy-container h3 {
        margin-bottom: 140px;
    }
    video {
        margin-top: 250px;
    }
    #strategy-boxes {
        margin-top: 150px;
    }
    .card-content p {
        font-size: 32px;
        line-height: 50px;
    }
    #carousel .caroussel-item-big .card-content h4{
        font-size: 20pt;
    }
    #whyMint p, article#downloads p {
        font-size: 32px;
        line-height: 50px;
    }
    #beitrittButton {
        padding: 20px 37px;
        font-size: 30px;
    }
    footer a{
        font-size: 28px;
    }
    footer p.downloads{
        margin-top: 40px;
    }

    .yellowBarEventsCol1{
        width:236px;
    }
    .yellowBarEventsCol2{
        width:131px;
    }
}

@media (min-width: 11910px) {

    .card-content p {
        font-size: 18px;
    }

}

@media (max-width: 860px) {
    #carousel .card {
        padding: 0px;
    }
    .mint-quadrant{
        height:440px;
        padding: 50px 2px 50px;
    }

    .subline {
        bottom: 100px;
        margin-right: -120px;
        font-size: 18px;
    }
    
    h1 {
        width: 310px !important;
        height: 100px;
    }

    .mint-quadrant h4{
        font-size:22px;
    }
    .yellowbarNature{
        width:220px;
    }
    .col-md-8 h3{
        margin-bottom:60px;
    }
    #strategy-container h3 {
        margin-bottom: 60px;
    }
    #currentEvents #currentEventsBox{
        top: calc(50% - 100px);
    }
}


@media (max-width: 510px) {

    #downloads h3{
        padding-top:0px;
    }

    #impressions h3{
        font-size:30px;
    }

    .yellowbar2{
        width: 270px;
        height: 20px;
        background-color: rgb(241 230 16);
        position: absolute;
        top: 113px;
        right: calc(50% - 130px);
    }

    .mint-quadrant p {
        font-size:16px;
    }
    
    .header-box{
        height:80vh;
    }

    .header-box .container {
        padding-top: 11vh;
    }

    .socials {
        width: 100%;
    }

    footer .logos img {
        width: 100%;
    }

    h3 {
        font-size: 32px;
    }

    .warumwir-container{
        padding:20px;
    }

    .white-box{
        padding: 20vh 0px 15vh 0px;
    }

    .white-box .yellowBar{
        width: 120px;
    }
    .yellowbarNature.yellowBar{
        width: 160px;
    }
    .yellowBarTech.yellowBar{
        width:70px;
    }
    .yellowBarInformatik.yellowBar{
        width: 90px;
    }
    .yellowBarMath.yellowBar{
        width: 105px;
    }

    h1 {
        width: 310px !important;
        height: 100px;
    }

    #currentEventsBox {
        width: 100% !important;
    }
    #currentEventsBox .yellowBar{
        width: 270px;
    }
    #currentEvents img{
        visibility: hidden ;
    }

    .subline {
        bottom: 130px;
        margin-right: -150px;
    }

    .mint-quadrant {
        height: 520px;
        overflow-wrap: break-word;
    }

    .eventsCol{
        padding:0px;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .eventsCol:nth-child(1) {
        border: none !important;
    }

    .mint-quadrant h4 {
        margin: 20px 0px 20px;
        font-size: 16px;
    }

    #next,
    #prev {
        width: 30vw;
    }

    #carousel {
        width: 2000vw;
    }

    .caroussel-item {
        width: 5%;
    }

    #strategy-container{
        padding-top:0px;
    }
    .green-boxx h3{
        font-size:3rem;
    }
    .col-12 h3{
        margin-bottom:80px;
    }
    #whyMint{
        padding: 20vh 20px 25vh 20px
    }
    #whyMint h3{
        font-size:58px;
    }
}