body {font-family: "Barlow", Helvetica;}
/* unsicher ob fallback richtig eingestellt: nur mit Beistrich und ohne Hochkomma weil Helvetica Websafe ist*/ 

/*Frosch/Seerosen Programmierung*/
header, section, aside, footer {
    box-sizing: border-box;
}

    header {
    position: fixed;
    top: 0em; /*darf ich das haha?*/
    width: 100%;
    height: 250px; /*zahl steht nich in angabe*/

    background-image: url(Exercise_week_4_TributePage/ada_banner.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: 3em;
    font-size: 2em; /*in Aufgabe steht header nicht head die beiden eigenschaften geben*/
    }
    .box {
    margin-top: 250px; /*margin-top verschiebt nicht nur visuell, sondern macht platz frei*/
    display: flex;
    }
        section {
        width: 75%;
        flex-wrap: wrap; /*Shorthand:flex-flow: flex-direction flex-wrap; ???*/
        padding: 1em;
        }

        aside{
        width: 25%;
        padding: 1em;
        position: fixed;
        right: 0px;
        /*fixed fehlt*/
        }

    footer {
        margin-bottom: 0px;
    }
/* fixed und float funktioniert nicht zusammen, flexbox mit display; section/aside class geben*/

p {
    font-size: 1.3em;
}

/*h1 zeilenumbruch?*/

h2 {
    font-size: 1.6em;
    font-weight: bold;
}

a {
    color: black;
    /*wie nochmal ohne unterstrich machen?*/
}

img {
    width: 100%;
}

.ImageLink {
    padding-top: 1em;
}

.testimonials {
    display: flex;
}

.testimonials img {
    border-radius: 50%;
}

.testimonials figcaption {
    text-align: center;
}

.testimonials a {
    width: 33%;
}

figure {
    margin: 0px;
}

body {
    margin: 0px;
}

menu a {
    display: inline;
}

/* PROBE
 aside img {
    width: 100%;
    padding-top: 1em;
}*/