/* T E M P O R Ä R */

@font-face {
    font-display: swap;
    font-family: 'Lab Grotesque Light';
    font-style:italic;
    font-weight:400;
    src: url('../fonts/LabGrotesque-Light.woff');
        local('Grotesque Light'),
        url(../fonts/LabGrotesque-Light.woff) format("woff"),
        url(../fonts/LabGrotesque-Light.woff2) format("woff2")
}

body{
    font-family: "Lab Grotesque Light","PT Sans","sans-serif";
}

@font-face {
    font-display: swap;
    font-family: 'Lab Grotesque Medium';
    font-style:normal;
    font-weight:400;
    src: url('../fonts/LabGrotesque-Medium.woff');
        local('Lab Grotesque Medium'),
        url(../fonts/LabGrotesque-Medium.woff) format("woff"),
        url(../fonts/LabGrotesque-Medium.woff2) format("woff2")
}

.h1 {
    font-family: "Lab Grotesque Medium","PT Sans","sans-serif";
    font-size:2.1875rem;
    font-weight:400;
    line-height:3.25rem
}
@media(min-width:1200px) {
    .h1 {
        font-size:2.75rem;
        line-height:4.125rem
    }
}
.h2 {
    font-family: "Lab Grotesque Medium","PT Sans","sans-serif";
    font-size:1.6875rem;
    font-weight:400;
    line-height:2.5rem
}
@media(min-width:1200px) {
    .h2 {
        font-size:2.125rem;
        line-height:3.1875rem
    }
}
.h3 {
    font-family: "Lab Grotesque Medium","PT Sans","sans-serif";
    font-size:1.3125rem;
    font-weight:400;
    line-height:1.9375rem
}
@media(min-width:1200px) {
    .h3 {
        font-size:1.5rem;
        line-height:2.25rem
    }
}
.h4,
.h5,
.h6 {
    font-family: "Lab Grotesque Medium","PT Sans","sans-serif";
}

input{
    font-family: "Lab Grotesque Light","PT Sans","sans-serif";
}


/* LIST */

.list{
    margin-top: 100px;
    min-height: 200px;
    background: linear-gradient(90deg,#007ccb 0,#00469b 100%);
    padding: 100px 0px 80px 0px;
    color: #FFF;
    text-align: center;
}

.list a{
    color: #FFFFFF !important;
    text-decoration: underline;
}

.list .first-row{
    margin-bottom: 90px;
}

.list .logo{
    height: 90px;
}

.list .logo a{
    position: relative;
    display: inline-block;
}

.list .logo a#list_plzmodul{
    background: url("../Logos/ros.svg");
    height: 48px;
    width: 258px;
    text-indent: -99999px;
}

.list .logo a#list_rasmodul{
    background: url("../Logos/ros.svg");
    height: 48px;
    width: 258px;
    text-indent: -99999px;
}

.list .logo a#list_datenmuehle{
    background: url("../Logos/datenmuehle.svg");
    height: 56px;
    width: 223px;
    text-indent: -99999px;
}

.list .logo a#list_ationmodul{
    background: url("../Logos/ation.svg");
    width: 112px;
    height: 48px;
    text-indent: -99999px;
}

.list .logo a#list_cloudmodul{
    background: url("../Logos/rhenus.svg");
    width: 259px;
    height: 48px;
    text-indent: -99999px;
}

.list .logo a#list_rdoshop{
    background: url("../Logos/ros.svg");
    height: 48px;
    width: 258px;
    text-indent: -99999px;
}

.productlist.rosrdo.list{
    background: none !important;
    color: #00469b !important;
}

.productlist.rosrdo.list a{
    text-decoration: none !important;
}

.productlist.rosrdo.list a.button-ghost.bluelight,
.productlist.rosrdo.list a.redirect{
    color: #00469b !important;
}

.productlist.rosrdo.list .shopheader .shopheader a.button-secondary{
    color: #FFFFFF !important;
}

.productlist.rosrdo.list h2{
    float: left !important;
    text-align: left !important;
}

.productlist.rosrdo.list .abstract{
    text-align: left !important;
}