html{font-size: 62.5%;}
body {
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,.95);
    font-weight: lighter;
}
img{
    width:100%;
    height: auto;
}

.inner-artikel-image{
    width:100%;
    margin: 0 auto;
}

.artikel-wrapper {
    overflow:hidden;
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    background: #f4f4f4;
}
@media only screen and (min-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 4fr 1fr;
    }
}
@media only screen and (min-width: 768px) {
    /* default iPad screens */
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 4fr 1fr;
    }
    .inner-artikel-image{
        width:70%;
    }

    .pdf-fixed {
        position: fixed;
        right: 10px;
        z-index: 2;
        color: #000;
    }
    .pdf-fixed-left {
        position: fixed;
        left: 10px;
        z-index: 2;
        color: #000;
    }
}
@media only screen and (min-width: 960px) {
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
    }
}
@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
    }
    .inner-artikel-image{
        width:60%;
    }
}
@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (device-width: 768px) {
    /* default iPad screens */
    .artikel-wrapper {
        /* styles for browsers larger than 960px; */
        display: grid;
        grid-template-columns: 1fr 4fr 1fr;
    }
}




@media (min-width:768px) {
    .aussen-wrapper {
        margin:0 auto
    }
}





figure {
    margin: 0;
}
.artikel-wrapper h2 {
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, .95);
    font-size: 2.8em;
}
.artikel-wrapper h3 {
     font-family:'Avenir',Arial, Helvetica, sans-serif;;
     color: rgba(0,0,0,.95);
     font-size: 2em;
 }
.artikel-wrapper .author {
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,.95);
    font-size: 1.6em;
}
.artikel-wrapper .summary {
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,.95);
    font-size: 1.6em;
   /* text-align: justify; */
}

.artikel-wrapper .summary .links{
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    text-align: left;
    /*font-size: 1.2em;*/
}


.slide{
    background-color: #ffffff;
    padding: 20px;
}


.image-credit-left {
    color: #a3a5a9;
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: normal;
    margin-top: 3px;
    padding-right: 10px;
    text-align: left;
    width: 100%;
}
.artikelseite-author img{
    width:200px;
    height:auto;
}

.button.primary {
    color: #ffffff;
    background-color: #6ead03;
}
.button {
    display: inline-block;
    padding: 20px;
    font-family:'Avenir',Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-style: normal;
}

.summary.artikel-text{
    font-weight: lighter;
    font-size:1.8em;

}

.summary a{
    color: #6ead03;
    font-weight: lighter;

}