body {
    font:             10pt 'HelveticaNeue-Light'; 
    margin-left:      20px;
    margin-right:     20px;
    margin-top:       10px;
    margin-bottom:    10px;
    text-align:       justify;
    width:            20cm;
    margin-left:      auto;
    margin-right:     auto;
}

h1 {
    font:             16pt 'HelveticaNeue-Light';
    font-weight:      100;
    text-align:       start;
    margin-bottom:    15px;
}

h2 {
    margin-bottom:    10px;
    line-height:      120%;
    text-align:       start;
}

h3 {
    margin-bottom:    10px;
    text-align:       start;
}

p {
    font:             10pt 'HelveticaNeue-Light';
    line-height:      140%;
    margin-bottom:    5px;
}

ol {
    font:             10pt 'HelveticaNeue-Light';
    line-height:      140%;
    margin-bottom:    5px;
}

ul {
    font:             10pt 'HelveticaNeue-Light';
    line-height:      140%;
    margin-bottom:    5px;
}

li {
    font:             10pt 'HelveticaNeue-Light';
    line-height:      140%;
    margin-bottom:    5px;
    margin-top:       10px;
}


div.fixedHeader {
    width:              100%;
    position:           fixed;
    top:                0;
    left:               0;
    background:         linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 70%,rgba(255,255,255,0.7) 100%);
    backdrop-filter:    blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

div.siteTitle {
    width:              20cm;
    margin-left: 	auto;
    margin-right:       auto;
    display:            flex;
    flex-flow:          row nowrap;
    justify-content:    space-between;
    align-items:        baseline;
    font:               24pt 'HelveticaNeue-Ultralight';
    padding-top:	10px;
    padding-bottom:     10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#dddddd;
}

div.pageTitle {
    width:              20cm;
    margin-left: 	auto;
    margin-right:       auto;
    font-size:          18pt;
    display:            flex;
    align-items:        center;
    text-align:         start;
    padding-top:        10px;
    padding-bottom:     10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#dddddd;
}

div.fixedSpacer {
    height:             120px;
}

span.goerke {
    font:           24pt 'HelveticaNeue';
    color:           black;
}

span.tech {
    font:           24pt 'HelveticaNeue-Ultralight';
    color:          #888888;
}

span.subtitle {
    font:           10pt 'HelveticaNeue-Light';
}

div.appTitle {
    display:            flex;
    flex-flow:          row nowrap;
    justify-content:    space-between;
    align-items:        center;
    font:               18pt 'HelveticaNeue-Light';
}

a.quiet {
    text-decoration: none;
}

a.quiet:hover {
    text-decoration: none;
}

a.page {
    font:             	10pt 'HelveticaNeue-Light';
    margin:             -3px;
    padding-left:       6px;
    padding-right:      6px;
    margin-left:        0px;
    margin-right:       0px;
    border-style:       solid;
    border-radius:      6px;
    border-color:       #dddddd;
    border-width:       1px;
    text-decoration:    none;
    color:              #000000;
}

a.page:hover {
    font:             	10pt 'HelveticaNeue-Light';
    _text-decoration:   underline;
    background:         #dddddd;
}

p.caveat {
    font:               10pt 'HelveticaNeue-Light';
    margin-left:        0px;
    font-style:         lighter;
    background-color:   #eeeeee;
    padding:            8px;
    border-radius:      10px;
}

.headline {
    font-size:          18pt;
    display:            flex;
    align-items:        center;
    text-align:         start;
    margin-top:         10px;
    margin-bottom:      10px;
    _padding-bottom:     10px;
    _border-bottom-style:solid;
    _border-bottom-width:1px;
    _border-bottom-color:#dddddd;
}

.footnote {
    font-size:        9pt 'HelveticaNeue-Light';
    color:#888888;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#dddddd;
}

div.section {
    font:             10pt 'HelveticaNeue-Light';
    line-height:      140%;
    margin-bottom:    30px;
}

.hint {
    font:             10pt 'HelveticaNeue-Light';
    margin-left:      0px;
    font-style:       lighter;
    background-color: #eeeeee;
    padding:          8px;
    border-radius:    10px;
} 

img.appIcon {
    width:              80px;
    margin:             0px;
    margin-right:       20px;
    vertical-align:     center;
}

.navbar {
    margin:0px;
    padding-bottom:10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#dddddd;
}

.footerbar {
    font:             10pt 'HelveticaNeue-Light';
    width:100%;
    text-align:center;
    margin:0px;
    padding-top:10px;
    padding-bottom:30px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#dddddd;
}

.copyright {
    margin-left:      0px;
    font-style:       lighter;
    font-size:        12px;
    background-color: #eeeeee;
    padding:          8px;
    border-radius:    10px;
}


.figureRight {
    float:              right;
    margin-left:        10px;
    background-color:   white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.figureLeft {
    float:              left;
    margin-right:       10px;
    background-color:   white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}