* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  font-family: 'Arial', sans-serif;
  color: #ffffff;
  background-color: #ffffff;
  line-height: 1.8;
  font-weight: 400;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}
body {
  position: relative;
  font-size: 1em;
/*   text-align: center; */
  margin:0 auto;
}
/*********************************************************************
                DEFAULT TYPOGRAPHY
*********************************************************************/
div,
li,
p,
a,
strong,
span,
b,
u,
i,
blockquote,
pre,
code,
small {
  line-height: 1.5;
  padding: 0px;
  margin:0px;
}
h1 h2,
h3,
fieldset,
fieldset fieldset,
a,
input,
textarea {
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  font-family: 'Cambria', serif;
}
ul,
ol {
  list-style-type: none;
  width: 100%;
}
a {
  font-size: 1.6em;
  color: #000000;
  font-family: 'Arial',sans-serif;
   text-decoration: none

}
.line{
   border-bottom: 1px solid;
   padding:0 0 2px 0;
}
a:hover {
  color: #94CDAE;
  text-decoration: none;
}
p {
  font-size: 1.6em;
  color: black;
  width: 100%;
}
img {
  border: none;
}
/*----- Default Headlines -----------------------------------------*/
h1{
float:left;
width:25%;
}

h1 img{
        width:100%;
        padding:8.3333333333333%;
}
h1 a{
        height:auto;
        display: block;
        text-decoration: none
}
/*
h2 {
        font-family: "arial", sans-serif;
        font-size: 1.4em;
        padding:2.7777777777778%;
        float: left;
        font-weight: 100;
}
*/
h3{
  font-size: 2em;
  line-height: 1.4;
  font-weight: 100;
  text-align: left;
  font-style: italic;
  padding:0 2.7777777777778% 20px 2.7777777777778%;
  font-family: 'Cambria', serif;
}
h4{
        width:100%;
  color:#000000;
  font-size: 1.6em;
  font-weight: 600;
   padding:5.5555555555556% 5.5555555555556% 2.9761904761905%;
}
#page-content .icon {
  background-image: url('../images/btn-mobile-sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  width:30px;
  height: 30px;
  display: none;
}
.down{
  background-position: 0 -60px;
}

.mobile{
        background-image: url('../images/btn-mobile-lang-dt.png');
        background-repeat: no-repeat;
        display: block;
        width:30px;
        height: 30px;
}
.mobile-en{
        background-image: url('../images/btn-mobile-lang-en.png');
        background-repeat: no-repeat;
        display: block;
        width:30px;
        height: 30px;
}
.lang-mob{
        width:100%;
        display: none;
}
.en{
        background-position: 0px -60px;
}
/*********************************************************************

                BASIC STYLES (SSE)

*********************************************************************/
* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
}
html {
  overflow-y: scroll;
}
body {
  font-family: 'Arial', sans-serif;
  color: #000000;
  font-size: 1em;
  background: #ffffff;
  height: 100%;
  content:"";
  display:table;
}
.page{
        max-width:960px;
        margin: auto;
        height:100%;
        padding:20px 20px 0 20px;
}
/* header starts here */
.page-header{
        width:100%;
        content:"";
        display: table;
}
.page .page-header .home-logo{
        margin:auto;
}
.language{
        float:right;
        font-size: 1.4em;
        width:30%;
        text-align: right;
}
.language a{
        font-size: 1em;
}
.language ul{
        width:100%;
        content: "";
        display: table;
}
.language li{
        float: left;
        width:65%;
        padding:9.259259259259% 0 9.259259259259% 9.259259259259% ;
}
.language .english{
        padding:9.259259259259% 9.259259259259% 9.259259259259% 0;
        width:35%;
}
.header-right{
        width:75%;
        float:left;
}
.header-right h2{
        width:70%;
}
/* header ends here */
/* nav starts here */
.page-nav{
        width:25%;
        float:left;
}
.page-nav ul{
                width:100%;
                padding:40px 0;
                border-bottom: 1px #000000 solid;
                border-top: 1px #000000 solid;
                margin:0 0 40px 0;
}
.nav-boarder{
        width:83.5%;
        margin:4.1666666666665% 8.3333333333333% 0
}
.page-nav .active-a{
          color: #94CDAE;
          text-decoration: none;
}
.adresse{
        width: 100%;
}
.adresse p{
        width: 100%;
        padding:0 8.3333333333333% 25px;
        font-family: 'Arial', sans-serif;
        font-size: 1.2em;
}
.postfach{
        float: left;
}
.page-nav .telefon{
        padding:0 8.3333333333333% ;
        display: block;
        width:100%;
        font-size: 1.2em;
}
.adresse a{
        padding:0 8.3333333333333% 25px;
        display: block;
        width:100%;
        font-size: 1.2em;
}
.adresse .line{
        padding:0 0 2px 0;
        margin: 8.3333333333333%;
        display: inline;
        width: 100%;
}
.adresse .maps{
        padding:8.3333333333333% 0 2px 0;
        margin:8.3333333333333%;
        width: 100%;
}
.links{
        padding: 8.3333333333333% 0;
}
.page .no-line{
        text-decoration: none;
}
.page #page-content .no-line{
        text-decoration: none;
        display:block;
        padding:0 5.5555555555556%;
}
.page .no-line a{
        text-decoration: none;
}
/* nav ends here */
/* page content starts here */
#page-content{
        width:75%;
        float: left;
        padding:0 0 0 2.0833333333333%;
}
.content-wrapper{
        width: 100%;
        float: left;
}
.page .one-col lead .leadtext{
padding:0 2.7777777777778% 20px 2.7777777777778%;
}

.page .one-col lead{
        padding:0%;
}
.colon-left{
        width:50%;
        float: left;
        padding: 0 1.488095238095% 0 0;
}
        .third{
                padding-bottom: 0;
        }
.colon-right {
        width:50%;
        float: left;
        padding: 0 0 0 1.488095238095%;
        border-left: 1px solid #ccc;
        margin-bottom: 40px;
}
#page-content .job{
                padding:0 5.5555555555556%;
}
.home{
        width:100%;
}
.expertise{
        width: 100%;
        min-height: 180px;
}
.page .one-col p{
        padding: 0 2.7777777777778% 0 2.7777777777778%;
        font-size: 2em;
}
.page .one-col h3{
                padding:  5.5555555555556%  2.7777777777778% 0 2.7777777777778%;
}
.home li{
        width:100%;
          font-size: 2em;
  line-height: 1.4;
  font-weight: 100;
  text-align: left;
  font-style: italic;
  padding:0 2.7777777777778% 0 2.7777777777778%;
  font-family: 'Cambria', serif;
  /*list-style-image: url(../images/list-style.png);*/
  list-style-position: inside;
}
ol{
        content: "";
        display: table;
}
.list-job li{
        width:100%;
        float: left;
}
#page-content .list-job li p{
        width:65%;
        float:left;
        padding: 0 5.5555555555556% 0  2.7777777777778%;
}
#page-content .list-job .date{
        width:35%;
        padding:0 2.7777777777778% 5.5555555555556% 5.5555555555556% ;
        font-weight: 600;
}
.list-expertise{
        width:100%;
}
strong{
        font-weight: 600;
}
ul {
        display: block;
}
.list{
        width:100%;
        padding: 0 5.5555555555556% 5.5555555555556% 2.7777777777778%;
}
.list li{
  /*list-style-image: url(../images/list-style.png);*/
  list-style-position: outside;
        font-size: 1.6em;
        margin-left:1.8em;
}
.list-expertise {
  /*list-style-image: url(../images/list-style.png);*/
  list-style-position: inside;
        padding: 0 0 5.5555555555556% 5.5555555555556%;
        float: left;
}
.list-expertise li{
        width:100%;
        float: left;
        padding: 0 5.5555555555556% 5.5555555555556% 0;
        font-size: 1.6em;
}
#page-content p{
        width:100%;
        padding:0 2.7777777777778% 20px 2.7777777777778%;  
}
img{
        width:100%;
        padding: 0 5.5555555555556%;
}
.ausklapper{
        width: 100%;
        float: left;
}
#page-content .ausklapper p{
        width:85%;
        float: left;
        font-weight: 600;
         font-family: 'Arial', sans-serif;
         padding:6.5% 0 11.1111111111112% 5.5555555555556%;
         display: none;
}
#page-content .colon-left .line{
        padding:0 0 2px 0;
        margin: 0 5.5555555555556% 5.5555555555556%;
        display:inline;
        font-size: 1.2em;
}
#page-content .colon-right .line{
        width:61%;
        padding:0 0 2px 0;
        margin: 0 5.5555555555556% 5.5555555555556%;
        display:inline;
        font-size: 1.2em;
}
blockquote{
        width:100%;
        font-weight: bold;
}
.expertise{
        width: 100%;

}
.one-col{
        clear: left;
        width:100%;
        content: "";
        display: table;
        margin-bottom: 20px;
        padding:20px 0 0 0;
}
.one-col h4{
        padding:2.7777777777778% 2.7777777777778% 1.3888888888889%;
}
.content-top{
        display: none;
}
.page .main .cv {
        display: inherit;
/*         float: left; */
        }
.page .main .cv .last-child {
        padding-bottom: 0;
}
         .down .on {
        display: none;
}
        .icon {
                display: none;
        }
        .page #page-content .down{
                width:30px;
                height:29px;
                display:none;
                float:right;
                padding-bottom:24px;
                margin-top:5.2%;
        }
        .page #page-content .active{
        background-position: 0 0px;
        }
/* page content  here */

/* mediaqueries starts */
@media all and ( max-width:960px ) {
/*
        .page{
                                min-width: 619px;
        }
*/
        .page .page-header h2{
                width:60%;
                padding:5.442176870748%;
        }
        .page .page-header .language{
        width:40%;
                }
        .page .page-header .language li{
                width:65%;
                padding:12.698412698413% 0 12.698412698413% 12.698412698413%;
        }
        .page .page-header .language .english {
                width: 35%;
                padding:12.698412698413% 12.698412698413% 12.698412698413% 0;
        }
        .page .page-header h1 a{
                width:100%;
        }
        h1 img{
        padding:11.428571428571%;
        }
        .page .page-nav{
        width:100%;
        margin:0;
        }
        .page .page-nav .nav-boarder{
                width:auto;
                margin:0 2.857142857143%;
        }
        .page .page-nav ul{
        width:100%;
        padding:40px 0 55px;
        }
        .page .page-nav li{
        width:100%;
        }

        .page .page-nav .adresse{
                width: 100%;
                float: left;
                padding: 0 2.7777777777778%;
        }
        .page .page-nav .col {
                float: left;
                width: 50%;
        }

        .page .page-nav .adresse p{
                width:50%;
                float: left;
                padding:0  0;
        }
        .page .page-nav .adresse a{
                width:100%;
                padding:0 2.857142857143% ;
                }
                .adresse2{
                        float:left;
                        width:50%;
                }
        .page        .postfach{
        clear: left;
}
h3{
        padding:30px 2.7777777777778% 20px 2.7777777777778%;
}
        .page .page-nav .adresse .line{
                margin:0 2.857142857143%;
                padding:0 0 2px 0;
                display:inline;
        }
        .links{
                padding:0;
        }
        .page #page-content{
                width:100%;
                padding:0;
        }
#page-content         .list-job li p{
                clear: left;
                width:100%;
                padding: 0 5.5555555555556% 5.5555555555556%;
        }
#page-content        .list-job .date{
                width:100%;
                padding: 0 5.5555555555556%;
                font-weight: 600;
        }
        .list li{
                clear:left;
        }
        }
@media all and ( max-width:570px){
        .page{
                padding: 0;
                max-width:480px;
                min-width: 300px;
        }
        .page .page-nav .adresse .col{
                width: 100%;
        }
        .page .page-nav .adresse {
                padding:0;
        }
        /*
        .page .main .cv {
                display: none;
        }
        */
        .page .page-header h1{
                width:52.25%;
                height:auto;
                content: "";
                display: table;
        }
        h1 img{
                padding:14.354066985646% 14.354066985646% 7.177033492823% 14.354066985646%;
        }
        .page .page-header .language{
                display: none;
        }
        .page .page-header .lang-mob-boarder{
                border: 1px solid black;
                width:40px;
                height:75px;
                content: "";
                display: table;
                text-align: center;
                }
        .page .page-header .lang-mob{
                display: block;
                width: 40px;
                float:right;
                padding:7.5% 18%;
        }
        .page .page-header .lang-mob a{
                display: block;
                margin: 5px;
                width:30px;
        }
        .page .page-nav .nav-boarder{
                margin: 0;
                padding: 0 7.5% 30px;
                width:100%;
                height: 100%;
                content:"";
                display: table;
        }
        .page .page-nav ul{
        width:100%;
        height: 100%;
        text-align: center;
        margin:0px;
        padding: 30px 0;
        content:"";
        display: table;
        }
        .page-nav li{
                width:100%;
                clear: left;
                padding:0;
                text-align: left;
                padding:0;
        }
        .page .page-nav .adresse2 .line{
                margin:0;
                padding:0;
                width:100%
        }
        .page .page-nav .adresse p{
        width:100%;
        padding: 0 7.5% 30px 7.5%;
        }
        .page .page-nav .adresse a{
        width:100%;
        padding: 0 0 7.5%;
        }
        .page .adresse2{
                width:100%;
                clear: both;
                padding: 0 7.5%;
        }
        .page .page-nav .adresse .telefon{
                padding: 0;
        }
        .links{
                padding:7.5% 0;
        }
        .adresse2 a{
                padding:0;
        }
        .header-right{
                width:100%;
        }
        .page .page-header h2{
                width:100%;
                padding:7.5%;
        }
        h3{
                padding:20px 7.5% 30px;
        }
        .colon-left{
                width:100%;
        }
        .third{
                padding-bottom: 50px;
        }
        #page-content .colon-left .line{
                padding: 0 0 2px 0;
                margin: 0 7.5% 7.5%;
                display: inline;
        }
        #page-content .colon-right .line{
                padding: 0 0 2px 0;
                margin: 0 7.5% 7.5%;
                display: inline;
        }
        .colon-right{
                clear: left;
                width:100%;
                padding:7.5% 0 0;
        }
        #page-content .ausklapper p{
        padding: 0 7.5% 3.75%;
        }
        #page-content p{
                padding: 0 7.5% 7.5%;
                float: left;
        }
        .ausklapper{
                padding:7.5% 0 0;
        }
        .page #page-content .down{
                margin: 0;
        }
        /*
        #page-content .job{
                padding: 7.5% 7.5% 0 7.5%;
                width:85%;
                float: left;
        }
        */
        #page-content h4{
        padding:0 7.5%;
        float: left;
        width:85%;
        }
        /*
        #page-content a{
        padding: 7.5%;
        }
        */
.page #page-content .no-line {
        text-decoration: none;
        display:block;
        padding:0 7.5%;
}
        #page-content img{
                padding:0 7.5% 20px;
        }

.content-top{
        position: fixed;
        bottom:0px;
        left:37.5%;
        font-style: italic;
        content:"";
        display: table;
        width:100px;
        background-color: #000000;
        text-align: center;
        height:35px;
        padding:1% 0;
}
.content-top a{
        color: #FFFFFF;
        width:100%;
        display: block;
        text-decoration: none;
}
.page #page-content .content-top .top-btn{
        display: inline;
        width:100%;
}
.page #page-content .whole{
        width: 100%;
}
.page .colon-left .list-expertise{
                padding:0 0 0 7.5%;
}
.page .colon-right .list-expertise{
                padding:0 0 7.5% 7.5%;
}
.list {
        width:100%;
        padding: 3.75% 7.5% 0 7.5%;
        float: left;
}
.colon-right .list{
        padding:3.75% 7.5% 45px 7.5%;
}
.second{
        padding: 0 7.5% 15% 7.5%;
}
.one-col{
        margin-bottom: 0;
}
.list li{
        padding: 0;
        margin-left: 1.2em;
}
#page-content .list-job li p{
        padding: 0 7.5%;
}
#page-content .list-job .date{
        padding: 3.75% 7.5% 0 7.5%;
}
.one-col h4{
        padding:7.5% 7.5% 0 7.5%;
}
.page #page-content .title{
        padding: 3.75% 7.5% 0 7.5%;
}
.lead{
padding: 7.5%;}
.page .one-col h3{
        padding:5.5555555555556% 2.7777777777778% 5.5555555555556% 2.7777777777778%;
          font-style: italic;
}
.list-expertise{
        padding: 0  0 15% 5.5555555555556%;
}
.ausklapper{
        padding:7.5% 0 0;
}
.page  .title{
        padding:0 7.5% 0 7.5%;
}
.page .three{
        padding:7.5% 7.5% 0 7.5%;
}
.page .lead2{
        padding-bottom: 56px;
}
}
/*********************************************************************

                TEAM STYLES (SSE)

*********************************************************************/
.adresse p,
.page-nav .telefon,
.adresse a {
        font-size: 1.6em;
}

#page-content .box-team {
        margin: 0 0 40px;
        width: 50%;
        float: left;
        position: relative;
}

#page-content .box-team a.permalink {
        display: block;
        border-bottom: none;
}
#page-content .box-team a img {
        /* padding: 0; */
}
#page-content .box-team a h4 {
        padding: 5.5555555555556% 5.5555555555556% 0;
        font-size: 1em;
}
#page-content .box-team a.link-mail {
        padding: 10px 5.5555555555556%;
        border-bottom: 1px solid;
}
#page-content .box-team a p a.link-permalink {
        display: inline-block;
}
#page-content .box-team a p.job {
        font-size: 0.8em !important;
}
#page-content .box-team a p a {
        margin: 0 5.5555555555556%;
}
#page-content .box-team a p.job-language {
        margin: 0 0 20px;
        min-height: 38px;
}
/*---------------------- Detail View ----------------------------------*/
#page-content article.team-member p {
        font-size: 1.3em;
        padding: 0;
}
#page-content article.team-member ul {
        margin: 0 0 40px;
        font-size: 1.3em;
}
#page-content article.team-member img {
        padding: 0;
        max-width: 45%;
}
#page-content article.team-member a {
        padding: 0;
}
#page-content article.team-member h1 {
        margin: 30px 0 0;
        font-size: 1.6em;
        float: none;
        width: 100%;
}
#page-content article.team-member p.link-first {
        font-size: 1.3em;
        margin: 0 0;
}
#page-content article.team-member a {
        border-bottom: 1px solid;
}
#page-content article.team-member p.link-first a,
#page-content article.team-member p.cv a {
        font-size: 1em;
}
#page-content article.team-member h2 {
        margin: 30px 0 5px;
        font-size: 1.3em;
}
#page-content article.team-member table {
        margin: 0 0 30px;
        font-size: 1.3em;
}
#page-content article.team-member table tr {
        padding: 20px 0;
}
#page-content article.team-member table td {
        padding: 3px 0;
        min-width: 130px;
        max-width: 450px;
        vertical-align: top;
}
#page-content article.team-member a.link-overview {
        margin: 0 0 20px;
        font-family: 'Cambria', serif;
        font-size: 1.6em;
        font-style: italic;
        display: block;
        border-bottom: none;
}
@media all and ( max-width:570px) {
        .colon-right {
                border-left: none;
                margin-bottom: 0;
        }
        #page-content img {
                padding: 0;
        }
        #page-content .box-team a {
                border-bottom: 1px solid;
        }
        #page-content .box-team a.link-permalink {
                display: inline-block;
                margin: 10px 5.5555555555556%;
                border-bottom: 1px solid;
        }
        #page-content article.team-member .text-section {
                padding: 0 5.5555555555556%;
        }
        #page-content article.team-member table td {
                min-width: 100px;
        }
        #page-content article.team-member img {
                padding: 0;
                max-width: 100%;
        }
        /*
        #page-content a {
                padding: 10px 5.5555555555556%;
        }
        */
        #page-content .box-team {
                width: 100%;
                display: block;
        }
}