/*STARTPAGE*/
.start-bg {
    background: url('../media/images/s24_start_mood.jpg') 50% 50% no-repeat;
    height: 800px;
    background-size: cover;
}

#home .container.main {
    height: 75%;
    font-weight: 400;
    font-style: italic;
}

#home .container.main .row {
    height: 100%;
}

#home .box-white-transparent {
    height: 25%;
    border-radius: 0;
}

#home h2 {
    margin: 130px 0 0;
    font-size: 2.5em;
    font-weight: 300;
}

#home h2 strong {
    font-weight:400;
}

#topics .card {
    height: 820px;
    border: 0;
}

#topics .img-wrapper {
    height: 50%;
}

#topics img {
    object-fit: cover;
    object-position: center;
}

#topics .card-body {
    height: 50%;
    padding: 30px;
}

#topics .card-title {
    font-style: normal;
    font-weight: 300;
    font-size: 1.7em;
}

#benefits p.lead {
    font-family: 'Fira Sans', Arial, sans-serif;
    font-style: italic;
    font-size: 1.5em;
    color: #0A314C;
    margin: 0 0 0.3em;
}

#portale-list .icon img {
	width: 100%;
	height:auto;
}

#europe .europe-bg {
    background: url('../media/s24_europe.png') right bottom no-repeat;
    background-size: contain;
    height: 60vh;
}

#portfolio .logo {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

#portfolio .logo img {
    width: 204%;
    max-width: none;
    float: right;
}

#portfolio .owl-item.active.center .logo {
    width: 100%;
}

#portfolio .owl-item.active.center img {
    float: left;
}

#portfolio .owl-stage{
    display: flex;
    height: 60px;
}

@media all and (max-width: 991px){
    #portfolio .owl-stage{
        height: 120px;
    }
}

#portfolio .owl-item{
    align-self: center;
}

#portfolio .portfolio-item {
    transition: all 1s;
}

#team.team-bg {
    background: url('../media/images/s24_team-funny.jpg') 50% 30% no-repeat;
    height: 40vh;
    background-size: cover;
    position: relative;
}

#team .box-white-rounded-transparent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 40px 20px 40px 40px;
}

#awards .image {
    height: 80px;
    margin: 0 0 25px;
}

#awards .image img {
    max-height: 100%;
}

#contact .lead {
    margin: 0;
}

#contact form input,
#contact form textarea {
    border: 0px none;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0;
}

/*Mobile*/
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    #topics .card {height: 710px;}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    #topics .card {height: 830px;}
    #topics .card-title {font-size: 1.3em;}
    #topics .card-body {padding: 15px;}
    #europe .europe-bg {height: 50vh;}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .start-bg {height: 540px;}
    #home .container.main {height: 60%;}
    #home .box-white-transparent {height: 40%;}
    #home h2 {font-size: 2.0em;}
    /*#topics .img-wrapper.img-artikel {display:none;height:0px;}*/
    #topics .card {height: auto;}
    #topics .card-body {padding:0; margin:20px 0 40px;}
    #europe .europe-bg {height: 45vh; background-size:60%;}
}

@media (min-width: 576px){
    #topics img {
        height: 100%;
    }
}

@media (min-width: 769px){
    #topics .card {
        margin:0 -15px -1px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    #awards .award {text-align:center;}
    #awards .award img, #awards .award .image a {margin:0 auto;text-align:center;}
    #europe .europe-bg {height: 42vh; background-size: 70%;}
    .img-artikel{
        display: none;
    }
}
/* Smallest devices */
@media (max-width: 400px) {
    .start-bg {height: 790px;}
    #home h2 {margin: 250px 0 0;}
    #europe .europe-bg {height: 35vh; background-size: 60%;}
}