@charset "UTF-8";

:root {
  --blue: #002395;
  --lightblue: #98A7D4;

  --green: #BDCD00;
  --grey: #444444;
  --dark: #111111;
  --darkgrey: #dbdbdb;
  --lightgrey: #E8ECEB;
}

body{
  margin: 0px auto;
  width: 100%;

  height: 100%;
  
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #111111;
  
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
 
}


/******* HEADER  **************************************************/


.headerfix{
  position:relative;
  height:100px;
  width:100%;
   
  margin-top:20px;
}
.header{
position:absolute;
  width:100%;
  
  top:0;
}
.header-in{
  position:relative;
  max-width:1240px;
  height:96px;
  margin:0 auto;
  
   margin-top:20px;
}
.logo{
  position:absolute;
  top:0px;
  left:20px;
  width:100px;
}


.header-line{
  position:absolute;
  background-color:#98A7D4;
  height: 3px;
    width: 100%;
    bottom: 32px;
}
.socialmedia{display:inline-block;}
.header-text{
  position: absolute;
  left: 130px;
  display: flex;
  margin-top:3px;
  align-items: flex-end;
  justify-content: flex-start;
  font-size: 2rem;
  color: #BDCD00;
  font-weight: 700;
  font-style: italic;
}



/*******  **************************************************/

main{
  position: relative;
  padding-left: 20px;
    padding-right: 20px;
  padding-top:8px;
  box-sizing:border-box;
  max-width:1240px;
  margin:0 auto;
}


.content-left{
  position:relative;
  float:left;
  width:20%;
}
.contentmain{
  float:right;
  width:78%;
}


.header-img{
  position:relative;
  width:100%;
  height: 40vh;
  
  background-size: cover;
  background-image: url(https://www.tesis.de/fileadmin/Templates/Resources/Public/images/placeholder.jpg);
  background-position:center center;
}



.page-header{
  position:relative;
  margin-bottom:15px;
  width:100%;
  padding-top:5px;
  box-sizing:border-box;
  
  font-size: 1rem;
}





section{
  position: relative;
}




.flex-space{
  flex-grow:1;
}




/******* FOOTER **************************************************/

footer{
  position:relative;
  clear:both;
  background-color: #E8ECEB;
  padding-top:10px;
  padding-bottom:3px;
  box-sizing:border-box;
  
  display:flex;
  flex-direction: row;
}


footer a{
  margin-right:5px;
  padding-left:5px;
  font-size: .9rem;
  line-height:.9rem;
  color: #002395;
  cursor:pointer;
  border-left:1px solid #002395;
}
footer a:first-child{
border-left:0;
  padding-left:0;
}


.subfooter{
  margin:0px;
  max-width:100%;
  position:relative;
    clear:both;
  background-color: #002395;
  
  
  padding-top:20px;
  padding-bottom:10px;
  box-sizing:border-box;
  
  
}
.footer{
  width:100%;
max-width: 1240px;
  margin:0 auto;
  
}
.footer-in{
margin-left:20px;
}

.subfooter div{
  position:relative;
  display:block;
  font-size: .9rem;
  color:#fff;
}
.subfooter *{
color:#fff;
}
.subfooter div ul{
  padding-left: 17px;
}