*{ 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --gruen: #76A394;
}

@font-face {
        font-family: brush;
        src: url(../fonts/FontsFree-Net-canvas-script-reg.ttf);
    }

@font-face {
       font-family: text;
        src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}

body {
    width: 1366px;
    height: 1024px;
    overflow-x: hidden;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8)), url(../img/grafikelemente/zweig_gespiegelt.png);
    background-repeat: no-repeat;
    background-size: 32%;
    background-position-x: 1140px;
    background-position-y: 120px;
}

/* Kopfbereich */
header {
    display: grid;
    max-width: 1200px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
}

.logo {
    grid-column: 1/2;
    grid-row: 1/5;
    padding: 3rem;
}

header h3 {
    grid-column: 2/5;
    grid-row: 3/4;
    font-family: text;
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-left: 16rem;
}

.font {
    font-family: brush;
    color: var(--gruen);
    font-stretch: ultra-expanded;
    font-size: 1.7rem;
}

.ranke {
    width: 900px;
    height: auto;
    margin: 0 auto;
    grid-column: 2/4;
    grid-row: 4/5;
    margin-top: -2rem;
    margin-left: 5rem;
}

/* Hauptbereich mit Kacheln */
main {
    width: 1366px;
    height: auto;
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8)), url(../img/grafikelemente/zweig.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position-x: -140px;
    background-position-y: 190px;

}

.container-menue {
    display: grid;
    grid-template-columns: auto auto;
    width: 1200px;
    margin: 0 auto;
    padding: 0 8rem;
    padding-bottom: 22rem;
}

.kachel {
    align-self: center;
    text-align: center;
    margin-bottom: 2rem;
}

.kachel img {
    width: 100%;
    opacity: 0.8;
}

.kachel h2 {
    font-family: 'brush';
    font-size:1.8rem;
    margin-top: -15rem;
}