html, 
body {
    margin: 0;
}

@font-face {
    font-family: 'Apfel';
    src: url('assets/ApfelGrotezk-Fett.woff2') format('woff2');
}

@font-face {
    font-family: 'Apfelbrukt';
    src: url('assets/ApfelGrotezk-Brukt.otf');
}

@font-face {
    font-family: 'Editorial';
    src: url('assets/PPEditorialNew-Ultralight.otf');
}

.content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40% 1fr;
    height: 100vh;
}

.überschrift {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    background-color: rgb(170,100,12);
    display:flex;
    align-items: flex-end;
    justify-content: center;
}

.ütransform {
    font-family: 'Editorial';
    font-size: 4vw;
    letter-spacing: -1px;
    padding-bottom: 2.8vh;
    text-align:center;
    transform:scaleY(3);
    background: -webkit-linear-gradient(left, rgb(69,112,102), rgb(226,228,227), rgb(114,90,178));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.woche {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    background: radial-gradient(rgb(226,228,227) 60%, rgb(114,90,178) 90%);
    display:flex;
    justify-content: center;
    align-items: center;
}

.wochelink {
    text-align: center;
    padding: 10px;
    border-style: solid;
    border-radius: 10px;
    border-width: 8px;
    font-size: 2.5em;
    font-family: 'Apfel';
    text-decoration: none;
    color: rgb(226,228,227);
    filter:drop-shadow(-5px 4px 5px rgb(69, 112, 102))
}

.projekt {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    background-image: url('assets/bigproject.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.projektlink {
    color: transparent;
    position: sticky;
    width: 45%;
    height: 35%;
    margin-left: -10%;
}