/*
Programmierung:
Marcel Geck
kontakt@marcelgeck.de
*/

body{
    background-color: #95d5b2;
}

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

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.container > * {
    margin-top: 20px;
    margin-bottom: 20px;
}
  
.container-text1,
.container-text2{
    position: relative;
    top: 0px;
    text-decoration: underline;
}

.container-div1-svg{
color: white;
fill: none;
}

.container-text5{
    position: relative;
    bottom: 0px;
    top: auto;
}

.container-div1-svg,
.container-div2-svg {
  fill: white;
  height: 4em;
  margin-right: 10px;
  vertical-align: middle;
}

.container-div1-text3,
.container-div2-text4 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

@media (max-width: 600px) {
    .container {
    width: 100%;
    height: 100%;
    }
    h1{
        font-size: 20px;
        font-weight: 600;
        font-family: sans-serif;
        text-align: center;
        color: white;
    }
    
    h2{
        font-size: 15px;
        font-weight: 200;
        font-family: sans-serif;
        text-align: center;
        color: white;
    }

    .container > * {
    margin-top: 10px;
    margin-bottom: 10px;
    }
  
    .container-div1-svg,
    .container-div2-svg {
    height: 3em;
    margin-right: 5px;
    }
    }
    
@media (min-width: 600px) {
    .container {
    width: 90%;
    height: 90%;
    }
    h1{
        font-size: 24pt;
        font-weight: 600;
        font-family: sans-serif;
        text-align: center;
        color: white;
    }
    
    h2{
        font-size: 12pt;
        font-weight: 200;
        font-family: sans-serif;
        text-align: center;
        color: white;
    }

    .container > * {
    margin-top: 20px;
    margin-bottom: 20px;
    }
    
    .container-div1-svg,
    .container-div2-svg {
    height: 4em;
    margin-right: 10px;
    }
}