body {
    font-family: 'Inter Tight', sans-serif;
    -webkit-font-smoothing: antialiased;
}

html, body, iframe {
    height: 100%;
}

@media only screen and (max-width: 600px) {
    body {
        font-size:0.9rem !important;
    }
}


.btn {
    border-radius: 2px;
}

p {
    text-align: justify !important;
    text-justify: inter-word;
}

a {
    text-decoration: none;
    color: inherit !important;
}

.bi {
    margin-right: 0.15rem;
}

i {
    color: cornflowerblue;
}

    i:hover {
        color: #364aad;
    }


    /* Mosaic auf der Startseite*/

    .mosaic{
        display:grid;
        grid-template-columns: repeat(12,1fr);
        grid-gap: 1rem;
    }

    .tile img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

.tile:nth-child(1) {
    grid-column: span 4;
    grid-row: span 2;
}

.tile:nth-child(2),
.tile:nth-child(3) {
    grid-column: span 4;
}

.tile:nth-child(4),
.tile:nth-child(5) {
    grid-column: span 3;
}




@media screen and (max-width: 650px) {
    .mosaic {
        display: block;
    }

    .tile {
        margin-bottom: 1rem;
    }
}

/* Image mit zoom Effekt*/

.img-zoom-hover {
    transition: 1.0s;
}

    .img-zoom-hover:hover {
        transform: scale(1.1);
    }