/* Fonts */
@font-face {
    font-family: 'RotisSES-Bold';
    src: url("../fonts/RotisSES-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RotisSES-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RotisSES-Bold.woff2") format("woff2"), url("../fonts/RotisSES-Bold.woff") format("woff"), url("../fonts/RotisSES-Bold.ttf") format("truetype"), url("../fonts/RotisSES-Bold.svg") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RotisSES-Light';
    src: url("../fonts/RotisSES-Light.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RotisSES-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RotisSES-Light.woff2") format("woff2"), url("../fonts/RotisSES-Light.woff") format("woff"), url("../fonts/RotisSES-Light.ttf") format("truetype"), url("../fonts/RotisSES-Light.svg") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RotisSESExtrabold-ExtraBold';
    src: url("../fonts/RotisSESExtrabold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RotisSESExtrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/RotisSESExtrabold.woff2") format("woff2"), url("../fonts/RotisSESExtrabold.woff") format("woff"), url("../fonts/RotisSESExtrabold.ttf") format("truetype"), url("../fonts/RotisSESExtrabold.svg") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RotisSES-Regular';
    src: url("../fonts/RotisSES-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RotisSES-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RotisSES-Regular.woff2") format("woff2"), url("../fonts/RotisSES-Regular.woff") format("woff"), url("../fonts/RotisSES-Regular.ttf") format("truetype"), url("../fonts/RotisSES-Regular.svg") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
  }

html, body {
    font-family: 'RotisSES-Regular', sans-serif;
}

body {
    margin: 0px;
}

#content {
    margin: 5px;
}

#bluefield {
    background-color: #002D72;   
    height: 120px;
    width: 100%;
    margin: 0 auto;
}

#whitefield {
    background-color: white;
    width: 100%;
    margin: 0 auto;
    height: 140px;
}

.coloredstripe,
#whitestripe {
    height: 12px;
    width: 100%;
}

.coloredstripe div {
    display: block;
    float: left;
    height: 12px;
    background-size: cover;
    width: 14%;
}

.coloredstripe div:first-child {
    width: 15%;
}

.coloredstripe div:last-child {
    width: 15%;
}

.coloredstripe div:nth-child(1) {
    background-color: #f7c000;
}

.coloredstripe div:nth-child(2) {
    background-color: #980058;
}

.coloredstripe div:nth-child(3) {
    background-color: #d4314a;
}

.coloredstripe div:nth-child(4) {
    background-color: #006ca7;
}

.coloredstripe div:nth-child(5) {
    background-color: #055166;
}

.coloredstripe div:nth-child(6) {
    background-color: #018f78;
}

.coloredstripe div:nth-child(7) {
    background-color: #95c21f;
}

#logo_stiftung {
    position: absolute;
    margin-left: 75%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100px;
}

#logo_jb {
    position: absolute;
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100px;
}

.button_div {
    margin-top: 1em;    
}

.success {
    color: green;
}

.error {
    color: red;
}