@font-face 
{
    font-family: 'HP Simplified';
    src: url('HPSimplified-Light.woff2') format('woff2'),
        url('HPSimplified-Light.woff') format('woff'),
        url('HPSimplified-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body 
{
    margin: 0px;
    background-color: #ededed;
}
/*
Farbschema generiert auf 
https://www.webmart.de/web/harmonische-farben#254061:c:d:g:d 
*/

/* Kontraste: 
.myColor-1 { color: #0070ad; } // Allports
.myColor-2 { color: #004f79; } // Orient
.myColor-3 { color: #bfe9ff; } // Onahau
.myColor-4 { color: #80d2ff; } // Anakiwa

.myColor-5 { color: #ff7b00; } // Flush Orange
.myColor-6 { color: #b35600; } // Rose of Sharon
.myColor-7 { color: #ffdebf; } // Negroni
.myColor-8 { color: #ffbd80; } // Macaroni and Cheese
*/
.content
{
    width: 50%;
    background-color: #ffffff;
    padding: 0px;
    margin: 0 auto;
    margin-top: 30px;
    
}
.header
{
    border-bottom: 10px solid #254061;
    display: flex;
    position: relative
}
.headline
{
    color: #ff7b00;
    font-size: 38pt;
    font-family: 'HP Simplified', Arial, sans-serif;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 95%;
    position: absolute;
    bottom: 0;
    text-align: right;
    font-weight: bold;
}
.maincontent
{
    color: #254061;
    font-size: 14pt;
    font-family: 'HP Simplified', Arial, sans-serif;
    padding: 25px;
    margin-top: 15px;
}
.button
{
    background-color:#254061;
    font-size: 16pt;
    color: #ffffff;
    padding: 15px;
    margin: 10px;
    cursor: pointer;
}
.footer
{
    border-bottom: 10px solid #254061;
}