/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

@import url('http://fonts.googleapis.com/css?family=Lato:400,700');
body {
    padding-top: 65px;
    font-family: 'Lato', sans-serif;
    font-size: 9pt;
    color: RGB(41,90,97);
}

@media (min-width: 300px) {
body {
    font-size: 10pt;
}
}

@media (min-width: 400px) {
body {
    font-size: 11pt;
}
}

@media (min-width: 500px) {
body {
    font-size: 12pt;
}
}

@media (min-width: 600px) {
body {
    font-size: 13pt;
}
}

@media (min-width: 700px) {
body {
    font-size: 14pt;
}
}

@media (min-width: 800px) {
body {
    font-size: 15pt;
}
}

@media (min-width: 979px) {
body {
    padding-top: 100px;
    font-size: 14pt;
}
}

@media (min-width: 1000px) {
body {
    font-size: 15pt;
}
}

@media (min-width: 1050px) {
body {
    font-size: 16pt;
}
}

@media (min-width: 1100px) {
body {
    font-size: 17pt;
}
}

@media (min-width: 1200px) {
body {
    font-size: 18pt;
}
}
p {
    font-size: 1em;
    margin-bottom: 0.75em;
}
h1 {
    font-size: 1.666em;
    margin-bottom: 1em;
    margin-top: 0.10em;
}
h2 {
    font-size: 1.16666em;
    margin-bottom: 0.75em;
}
.affix-top, .affix {
    position: inherit;
}
#leftCol {
    background-color: rgba(41,80,97,0.75);
    z-index: 900;
    padding: 10px;
    /*margin-top: 40px;*/
    width: 100%;
    text-align: center;
    position: fixed;
}
#sidebar {
    margin-top: 20px;
}
button.sidebar-toggle {
    padding: 9px 10px;
    border: 1px solid white;
    background-color: transparent;
}
button.sidebar-toggle .icon-bar {
    background-color: white;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    display: block;
    box-sizing: border-box;
}
button.sidebar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
#sidebarImprint {
    z-index: 900;
    padding: 25px;
    width: 230px;
    left: 48px;
    position: fixed;
    bottom: 0;
    margin-bottom: 50px;
    display: none;
}

@media (min-width:1600px) {
#sidebarImprint {
 left: calc(((100vw - 950px) / 4) - (230px / 2));
}
}
#sidebarImprint li {
    font-size: 1.16666em;
}
#sidebarImprint li a {
    color: white;
    padding: 0;
    font-size: 14pt;
}
#sidebarImprint li a:hover {
    background-color: transparent;
    color: rgb(163,172,182);
}
#sidebarImprint li a:focus {
    background-color: transparent;
}
#sidebarImprint li.active a {
    background-color: transparent;
    font-weight: 700;
}
#imprintMenuItem {
    display: inherit;
}
#privacyMenuItem {
    display: inherit;
}

@media (min-width: 979px) {
#leftCol {
    margin-top: inherit;
    width: 230px;
    left: 48px;
    /*left: calc(((100vw - 950px) / 4) - (230px / 2));*/
    position: fixed;
    margin-top: 120px;
}
#leftCol .collapse {
    display: inherit;
}
#sidebar {
    margin-top: 0px;
}
button.sidebar-toggle {
    display: none;
}
#sidebarImprint {
    display: inherit;
}
#imprintMenuItem {
    display: none;
}
#privacyMenuItem {
    display: none;
}
}

@media (min-width:1600px) {
#leftCol {
 left: calc(((100vw - 950px) / 4) - (230px / 2));
}
}
#sidebar li {
    font-size: 1.16666em;
}
#sidebar li a {
    color: white;
    padding: 0;
}
#sidebar li a:hover {
    background-color: transparent;
    color: rgb(163,172,182);
}
#sidebar li a:focus {
    background-color: transparent;
}
#sidebar li.active a {
    background-color: transparent;
    font-weight: 700;
}
/* CSS Document */


.page {
    min-height: calc(100vh - 100px);
}

@media (min-width: 979px) {
.page {
    min-height: calc(100vh - 100px);
}
}
#headerContainer {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: white;
}
#headerRowNormal {
    height: 100px;
    display: none;
}
#headerRowNormal {
    display: none;
}
#headerLeftColNormal {
    text-align: left;
    padding-left: 35px;
    padding-top: 25px;
    padding-right: 7px;
    height: 75px;
    width: 35vw;
    float: left;
}
#headerRightColNormal {
    text-align: right;
    padding-right: 35px;
    padding-top: 25px;
    padding-left: 7px;
    height: 75px;
    width: 61vw;
    float: right;
}
#headerRowMobile {
    height: 65px;
    display: inherit;
}
#headerColMobile {
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
    height: 100%;
}

@media (min-width: 979px) {
#headerRowNormal {
    display: inherit;
}
#headerRowMobile {
    display: none;
}
}
#headerRowMobile #headerLeftColNormal {
    padding-top: 16px;
    padding-left: 16px;
    height: 49px;
}
#headerRowMobile #headerRightColNormal {
    padding-top: 16px;
    padding-right: 16px;
    height: 49px;
}
#headerLeftColNormal img {
    /**width: 120px;
	height: 33px;**/
    vertical-align: top;
    /*	width:30vw;*/
    max-width: 100%;
    max-height: 100%;
}
#headerRightColNormal img {
    /**width: 203px;
	height: 18px;**/
    vertical-align: top;
    /*	width: 50vw;*/
    max-width: 100%;
    max-height: 100%;
}
#footerContainer {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1030;
    padding: 0;
    margin: 0;
}
#footerRow {
    padding: 0;
    margin: 0;
}
#footerRightCol {
    padding: 0;
    margin: 0;
}
img.footerlogo {
    width: 47px;
    height: 96px;
}

@media (min-width: 600px) {
img.footerlogo {
    width: 94px;
    height: 192px;
}
}
/*
div.background-image-preload {
    position: fixed;
    z-index: -150;
    opacity: 0.0;
}
div.background-image-preload2 {
    position: fixed;
    z-index: -150;
    opacity: 0.0;
}
*/
div.background-image {
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 100vh;
}

#background-image-current {
    position: fixed;
    z-index: -98;
    background-color: #1b2527;
    background-image: url(../images/back1.jpg)
}

#background-image-new {
    position: fixed;
    z-index: -99;
    background-color: #1b2527;
    background-image: url(../images/back1.jpg)
}

.content a {
    color: RGB(41,90,97);
    text-decoration: underline;
}
.content a:hover {
    color: RGB(41,90,97);
    text-decoration: underline;
    color: rgb(163,172,182);
}
.contentImprint a {
    color: white;
    text-decoration: underline;
}
.contentImprint a:hover {
    color: RGB(41,90,97);
    text-decoration: underline;
    color: rgb(163,172,182);
}
.contentPrivacy a {
    color: white;
    text-decoration: underline;
}
.contentPrivacy a:hover {
    color: RGB(41,90,97);
    text-decoration: underline;
    color: rgb(163,172,182);
}
.content {
    background-color: rgba(255,255,255,0.75);
    width: inherit;
    float: none;
    margin-top: 65px;
    margin-bottom: 60px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 45px;
    margin-left: 24px;
    margin-right: 24px;
}

@media (min-width: 600px) {
.content {
    background-color: rgba(255,255,255,0.75);
    width: inherit;
    float: none;
    margin-bottom: 60px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 70px;
    margin-left: 48px;
    margin-right: 48px;
}
}

@media (min-width: 979px) {
.content {
    width: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 325px;
    margin-right: 141px;
    margin-top: 120px;
}
}

@media (min-width: 1415px) {
.content {
    width: 950px;
    margin-right: auto;
}
}

@media (min-width: 1600px) {
.content {
    margin-left: auto;
}
}
img.portrait {
    max-width: 100%;
    padding-bottom: 10px;
}

@media (min-width: 600px) {
img.portrait {
    padding-right: 20px;
    max-width: 50%;
}
}
.contentImprint {
    background-color: rgba(41,80,97,0.75);
    color: white;
}
.contentPrivacy {
    background-color: rgba(41,80,97,0.75);
    color: white;
}
.contentClaim {
    background-color: rgba(0,0,0,0);
}

@media (min-height: 500px) {
.contentClaim {
    margin-top: 200px;
}
}

@media (min-width: 1415px) {
.contentClaim {
    width: 1000px;
    margin-right: 100px;
}
}

@media (min-width:1417px) and (min-height: 600px) {
.contentClaim {
    margin-top: 200px;
}
}

@media (min-width:1417px) and (min-height: 700px) {
.contentClaim {
    margin-top: 300px;
}
}

@media (min-width:1417px) and (min-height: 800px) {
.contentClaim {
    margin-top: 400px;
}
}
.contentClaim p {
    color: white;
    text-align: center;
}

@media (min-width: 300px) {
.contentClaim p {
    font-size: 1.4em;
}
}

@media (min-width: 400px) {
.contentClaim p {
    font-size: 1.6em;
}
}

@media (min-width: 500px) {
.contentClaim p {
    font-size: 1.8em;
}
}

@media (min-width: 600px) {
.contentClaim p {
    font-size: 2.0em;
}
}

@media (min-width: 700px) {
.contentClaim p {
    font-size: 2.2em;
}
}

@media (min-width: 800px) and (min-height: 900px) {
.contentClaim p {
    font-size: 2.4em;
}
}

@media (min-width: 979px) and (min-height: 950px) {
.contentClaim p {
    font-size: 2.6em;
}
}

@media (min-width: 1000px) and (min-height: 1000px) {
.contentClaim p {
    font-size: 2.8em;
}
}

@media (min-width: 1050px) and (min-height: 1050px) {
.contentClaim p {
    font-size: 3.0em;
}
}

@media (min-width: 1100px) and (min-height: 1050px) {
.contentClaim p {
    font-size: 3.0em;
}
}

@media (min-width: 1200px) and (min-height: 1050px) {
.contentClaim p {
    font-size: 3em;
}
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.imageNavigation {
    margin-top: 0.75em;
    width: 100%;
}

@media (min-width: 768px) {
.container {
    width: 750px;
}
}

@media (min-width: 992px) {
.container {
    width: 970px;
}
}

@media (min-width: 1200px) {
.container {
    width: 1170px;
}
}

@media (min-width: 1400px) {
.container {
    width: 1370px;
}
}

@media (min-width: 1600px) {
.container {
    width: 1570px;
}
}