* {
    font-family: "Roboto Slab", serif;
	line-height: 1.5;
    /* box sizing betrifft das padding */
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    background-color: #009999;
    color: white;


}

body {
    position:absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);

}

a {
    display: inline;
}

.logocontainer, .logocontainer>* {
    /* max-width: xypx auch moeglich, zB bei max aufloesung */
     /* Abstand zu links und rechts*/

/*  border-style: dotted;
    border-width: 3px;
    border-color: black; */

    padding: 10px;
	padding-bottom: 50px;
	padding-top: 50px;
}

.logocontainer {
    /* zeigt enthaltene Elemente untereinander */
    display: flex;
    flex-direction: column;
    width: 50%;
    min-width: 500px;
}

.logocontainer>* {
    margin: 0 auto;
}

.logotext {
    text-align: center;
    width: 60%;
}

.logo {
    width: 400px;
}