.header {
    border-bottom-style: ridge;
    border-width: 3px;
    border-color: lightgrey;
    background-color: #b5215f;
    color: white;
}
/*
Text Formatting
 */
.plusLabel {
    height: 100px;
    margin-bottom: -23px !important;
}
.noLabel {
    height: 50px;
}
.left-content {
    margin-right: 0;
    margin-left: 0;
}
.right-content{
    margin-right: 0;
    margin-left: 0;
}
.left-content-lower {
    height: 200px;
    margin: 0;
}
.labelFormat {
    font-weight: bold;
}
.marginBottom {
    margin-bottom: 20px;
}
.MoreLineSpace {
    height: 2em;
}
.formStyleDPAG {
    border-width: 4px;
    border-style: solid;
    border-radius: 8px;
    border-color: #F7C601;
    background-color: lightgrey;
}
.formStyleD360 {
    border-width: 4px;
    border-style: solid;
    border-radius: 8px;
    border-color: #b5215f;
    background-color: lightgrey;
}
.formStyleSavings {
    border-width: 4px;
    border-style: solid;
    border-radius: 8px;
    border-color: green;
    background-color: lightgrey;
}
/**
Typographie
*/
p {
    margin-bottom: 0;
    padding-left: 10px;
}
p.tabHeader {
    font-size: large;
    font-weight: bold;
    margin-bottom: 0;
    padding-left: 0;
}
p.bold2 {
    font-weight: bold;
    margin-bottom: 0;
    padding-left: 0;
}
.big {
    font-size: xxx-large;
    font-weight: bold;
    margin-bottom: 0;
    padding-left: 0;
}
.fnt-bold {
    font-weight: bold;
}
.h1 {
    font-size: 2.5rem;
}
.h2 {
    font-size: 1.8rem;
}
.fntSmall {
    font-size: 0.7rem;
}
.fnt-color-green {
    color: green;
}
/*
Button
 */
.btn-big {
    width: 50%;
    height: 80px;
}
section#idPage2 {
    display:none;
}
section#idPage3 {
    display:none;
}
section#idPage4 {
    display:none;
}
.page2 {
    padding: 30px 0 30px 0;
    background-color: #dbdfe5;
}
.page4 {
    padding: 15px 0 15px 0;
    background-color: lightgrey;
}

/*
Tabelle
 */
table {
    width: 95%;
}
.tg  {
    border-collapse:collapse;
    border-spacing:0;
    margin: 15px;
}
.txt-right {
    text-align: right;
    padding-right: 5em;
}
.tg td {
    font-family:Arial, sans-serif;
    font-size:14px;
    padding:2px 5px;
    border-bottom-style:solid;
    border-width:1px;
    border-color: #D3D3D3;
    overflow:hidden;
    word-break:normal;
}
.tg th {
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding:2px 5px;
    border-style:solid;
    border-width:0px;
    overflow:hidden;
    word-break:normal;
}

.shading1 {
    background-color: #b4bac0;
}
.shading2 {
    background-color: lightgrey;
}
.row {
    margin: 0;
}
.col-12 {
    padding: 0;
}
.col-8 {
    padding: 0;
}
.col-5 {
    padding: 0;
}
.col-4 {
    padding: 0;
}
.col-2 {
    padding: 0;
}
.container-fluid {
    padding: 0;
}
.imgStyle {
    padding: 15px;
}

/**
Background of canvas bar chart
 */
.barChart {
    border-top-style: ridge;
    border-color: lightgrey;
    border-width: 3px;
    margin-top: 30px !important;
    background-color: blue;
    background-image: linear-gradient(#d3d3d3,#B4BAC0);
    margin: auto;
    position: relative;
    height:100%;
    width:100%
}

footer {
    display: none;
}