@import url("https://ar.pik-potsdam.de/fonts.css");

body, h4, a, a.static, a:link, a:active, a:hover, a:visited, td, div.button > a, b, i {
    font-family:IBM Plex Serif,sans-serif;
}


div#header {
    background-color: #fff;
    font-family:IBM Plex Sans,sans-serif;
    padding-left:0;
    border:none;
}

h1, h2, h3, strong > a, strong > a.static {
    font-family:IBM Plex Sans,sans-serif;
}


strong > a.static {
    font-weight:normal;
}
a.static {
    color:white;
}


body, div#header-buffer, div#footer-buffer, div.container {
    background-color: #fff;
}

strong > a {
    color:black;
}

a:link {
     color:#a3845c;
     text-decoration:underline dotted;
}

a:hover {
     text-decoration:underline;
}

footer > a:hover {
    font-family:IBM Plex Sans,sans-serif;
}

h2 > strong > a:link.static {
     text-decoration:none;
     padding-left:10px;
}

a:visited {
    color:#344643;
}

footer > a:visited {
    font-family:IBM Plex Sans,sans-serif;
}

a:active {
    font-family:IBM Plex Sans,sans-serif;
}

footer > a, a.uppercase {
    font-family:IBM Plex Sans,sans-serif;
    color:#fff;
}

h4 > a:hover {
    font-family:IBM Plex Sans,sans-serif;
    font-weight: 700;
    font-size: 10pt;
}
h4 > a, h4 > a:visited, h4 > a:link, h4 > a:active {
    font-family:IBM Plex Sans,sans-serif;
    font-weight: 700;
    font-size: 10pt;
}

.subtitleTop > a:link, .subtitleTop > a:visited {
    font-family:IBM Plex Sans,sans-serif;
    color:black;
    text-decoration:none;
    
}

div.banner, div.banner > h2 {
    background:rgb(145, 205, 205);
    background:#344643;
    color:#fff;
}

div.section-header {
    background:rgb(227, 114, 34);
}

div#footer {
	background-color: #344643;
    color:#fff;
    border:none;
    padding:0px;
}

div.button-pane {
    margin-top:100px;
	background-color: #344643;
}

div.tab-button.active {
    background:rgb(227, 114, 34);
}

div.tab-button {
    background:#415A56;
}

div.section-content{
    background:#ddd;
}

div.content {
   border:none;
}


.logo {
    height:60px;
    padding-left:40px;
    padding-bottom:30px;
}

.logo:hover {
    filter: brightness(80%);
}


.logo_small {
    height:30px;
    padding-left:10px;
    position:fixed;
    top:0;
    left:10px;
}

.title
{
    /*color:#344643;*/
    width:100%;
    height:50px;
    padding-top:20px;
    padding-bottom:10px;
}

div.banner2 {
    color:#000;
    background-color: #a3845c;
    margin-right: calc((100% - 875px) / 2);
    padding-left: min(max(calc((100% - 875px) / 2 * 0.6), 20px), 100px);
    padding-right: 20px;
    transition: .25s ease;
    margin-top:30px;
    padding-bottom:60px;
}

.banner_sticky {
    color:#000;
    background-color: #a3845c;
    /*color:#344643;
    background-color: #fff;*/
    min-height: 100px;
    margin-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    position:fixed;
    width:100%;
    top:0px;
    box-shadow: 0px 5px 40px rgba(0,0,0,.3);
    box-sizing: border-box;
    transition: .5s ease;
}

h1.banner2, a.banner2
{
    font-family:IBM Plex Sans,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.1em;
    transition: .25s ease;
     text-decoration:none;
    color:#000;
}


.subtitleTop
{
    font-family:IBM Plex Sans,sans-serif;
    font-size:12px;
    padding-bottom:0px;
    padding-top:20px;
    text-transform: uppercase;
}



.subtitle {
    font-size: 19px;
    padding-top:0px;
    padding-bottom:0px;
    font-family:IBM Plex Sans,sans-serif;
 }


footer {
    font-family:IBM Plex Sans,sans-serif;
    font-size: 14px;
	background-color: #344643;
    color:#f3f3e4;
	min-height:170px;
	padding:20px;
	padding-right: 50px;
    box-sizing: border-box;
    margin-top:auto;
    
}


.logo_footer {
	float:right;
}

.logoImg_footer {
	opacity: 0.7;
    transition: .2s ease-in-out;
}
.logoImg_footer:hover {
	opacity: 1.0;
}



/* =============================================================================== */


@media (max-width: 750px) {


div.banner2 {
    padding-left:20px;
}

}