/*This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  http://www.fontshop.com*/


html, body {
    height: 100%;
}

body {
    background:#fff;
    margin:0;
    padding:0;
    font-family:"DIN W01 Regular", Arial, sans-serif;
    font-size:15px;
    color:#000;
    line-height:1.2em;
}

* {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

#header {
    background:#80b0c2;
    width:100%;
    height:50px;
    display:table;
    position:fixed;
    top:10px;
    z-index:999;
}

#headerContent {
    width:100%;
    max-width:880px;
    height:50px;
    margin:0 auto;
    display:table;
}

#teaser {
    position:relative;
    padding:70px 20px 100px;
}

#teaser img:first-of-type {
    width:100%;
    max-width:1800px;
    max-height:1300px;
    margin:0 auto;
}

#teaser img.scrollArr {
    position:absolute;
    bottom:40px;
    left:50%;
    margin-left:-16px;
    cursor:pointer;
}

#teaser .tLink {
    position:absolute;
    bottom:45px;
    left:0;
    width:100%;
    text-align:center;
    color:#fff;
}

#teaser .tLink a,
#teaser .tLink a:visited {
    color:#fff;
}

.petrol {
    background: linear-gradient(45deg, #467c7a 20%, #17292b 70%);
}

.red {
    background: linear-gradient(45deg, #602524 20%, #230c0f 70%);
}

.green {
    background: linear-gradient(45deg, #504928 20%, #aaa26f 70%);
}

.blau {
    background: linear-gradient(45deg, #171f30 20%, #354263 70%);
}

.purple {
    background: linear-gradient(45deg, #482a3f 20%, #1e0d19 70%);
}

.beige {
    background: linear-gradient(45deg, #332c27 20%, #7a635a 70%);
}

#logo {
    float:left;
    width:136px;
    margin-left:1%;
    z-index:1000;
    position:relative;
}

.row {
    background:#fff;
    width:100%;
    display:table;
}

.blue {
    background:#80b0c2;
}

.brown {
    background:#cdc9c5;
}

.wrap {
    width:100%;
    max-width:880px;
    display:table;
    margin:0 auto;
}

.hl {
    width:98%;
    margin:0 1%;
    padding-bottom:31px;
    text-align:center;
    display:table;
}

.hlS {
    width:98%;
    margin:0 1%;
    padding:0 22% 31px;
    text-align:center;
    display:table;
}

.hlW {
    width:98%;
    margin:0 1%;
    padding:0 0 31px;
    text-align:center;
    display:table;
}

.col100 {
    width:98%;
    margin:0 1%;
}

.col100Full {
    width:100%;
}

.col50 {
    width:48%;
    margin:0 1%;
    float:left;
}

.col16 {
    width:16%;
    margin:0 1%;
    float:left;
}
.col33 {
    width:31.33%;
    margin:0 1%;
    float:left;
}

.col16 img,
.col33 img,
.col50 img {
    width:100%;
}

.col66 {
    width:64.5%;
    margin:0 1% 10px 34.5%;
    display:table;
    font-size:15px;
}

.col66:last-of-type {
    margin-bottom:30px;
}

.col66 span {
    position: relative;
    top: 0;
    margin-left:15px;
}

.col50inner {
    width:50%;
    height:100%;
    padding: 30px 8% 40px;
    display:table-cell;
    text-align:center;
}

.col50inner a,
.col50inner a:visited {
    color:#cdc9c5;
}

.software:nth-child(2n) .col50inner:nth-child(odd) {
    background:#cdc9c5;
}

.software:nth-child(2n) .col50inner:nth-child(odd) a,
.software:nth-child(2n).col50inner:nth-child(odd) a:visited,
.software:nth-child(2n) .col50inner:nth-child(odd) h6 {
    color:#fff;
}

.software:nth-child(2n+1) .col50inner:nth-child(even) {
    background:#cdc9c5;
}

.software:nth-child(2n+1) .col50inner:nth-child(even) a,
.software:nth-child(2n+1) .col50inner:nth-child(even) a:visited,
.software:nth-child(2n+1) .col50inner:nth-child(even) h6 {
    color:#fff;
}

#ansatz,
#anchor2,
#anchor3,
#anchor4 {
    width:1px;
    height:0;
    position:relative;
    top:-70px;
}

#sw {
    width:1px;
    height:0;
    position:relative;
    top:-80px;
}

strong {
    font-family:"DIN W01 Bold", Arial, sans-serif;
    font-weight:500;
}

.center {
    text-align:center;
}

.centTop {
    display:table;
    margin-top:12%;
}

.centerIcon {
    width:100%;
    margin-bottom:15px;
    font-weight:500;
    font-family:"DIN W01 Bold", Arial, sans-serif;
    text-align:center;
}

.centerIcon img {
    width: auto;/*IE*/
    width: initial;
    margin:0 auto 15px;
}

.imgFull img {
    width:100%;
}

.imgCol {
    width:100%;
    max-width:280px;
    margin:0 auto;
}

.noMar {
    width:50%;
    margin:0;
}

.padTB {
    padding:28px 0 35px;
}

.padB {
    padding:0 0 35px;
}

.padT {
    padding:28px 0 0;
}

.padT7 {
    padding-top:7px;
}

.marT {
    margin-top:60px;
}

.marT30 {
    margin-top:30px;
}

.font-white {color:#fff;}

.caption {
    width:100%;
    padding:10px 10%;
    text-align:center;
}

.caption li {
    list-style-type:none;
    display:inline;
    white-space:nowrap;
    margin-left:0;
    font-size:inherit;
}

.caption li:last-of-type span {
    display:none;
}

.slide {
    position:relative;
    margin-top:10px;
}

.layer {
    display:none;
    padding-top:15px;
}

.closeBtn {
	border:2px solid #fff;
	width: 30px;
	height: 30px;
	padding:0;
	position: absolute;
	right:0;
	top:5px;
}

.close {
	background:url("../images/close.png") no-repeat scroll 0 0;
	width: 20px;
	height: 20px;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
	display:table;
    position:relative;
    left:3px;
    top:3px;
}

.dreh {
	-webkit-transform: rotate(45deg); /* chrome & safari*/
	-moz-transform: rotate(45deg); /* firefox */
	-o-transform: rotate(45deg); /* opera */
	transform: rotate(45deg); /* explorer > 9 */
}

.accordion {
    width:100%;
    display:table;
}

.accordion .col100Full {
    clear:both;
    display:inline-block;
}

.accordion .col100:first-of-type {
    margin-top:0;
}

.accRow {
    width:100%;
    background:#cdc9c5;
}

.accRow h1 {
    color:#fff;
    position: relative;
    top: -2px;
}

.accRow:nth-child(even) {
    background:#fff;
}

.accRow:nth-child(even) h1 {
    color:#cdc9c5;
}

.accWrapper {
    width:100%;
    max-width:880px;
    display:table;
    margin:0 auto;
    padding:17px 0 19px;
}

.accSlide {
    width:98%;
    margin:0 1%;
    text-align:center;
    position:relative;
}

.accWrapper .closeBtn {
	border:2px solid #fff;
	width: 30px;
	height: 30px;
	padding:0;
	position: absolute;
	right:0;
	top:1px;
}

.accWrapper .close {
	background:url("../images/close.png") no-repeat scroll 0 0;
	width: 20px;
	height: 20px;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
	display:table;
    position:relative;
    left:3px;
    top:3px;
}

.accRow:nth-child(even) .close {
    background:url("../images/closeBrown.png") no-repeat scroll 0 0;
}

.accRow:nth-child(even) .closeBtn {
	border:2px solid #cdc9c5;
}

.accSlide .layer {
    text-align:left;
    /*padding-top:15px;
    top:0;*/
}


.accSlide .col50:nth-child(odd) {
    margin-left:0;
    width:49%;
}

.accSlide .col50:nth-child(even) {
    margin-right:0;
    width:49%;
    padding-bottom:3px;
}

.space {
    width:100%;
    height:35px;
    display:table;
    clear:both;
}

.accordion em:last-of-type {
    width:100%;
    text-align:right;
    display:table;
    font-size:12px;
}

.accSlide ul li {padding-right:20px;}

.job {
    padding-bottom:21px;
    background:#cdc9c5;
}

.job .accRow:nth-child(even) .close {
    background:url("../images/close.png") no-repeat scroll 0 0;
}

.job .accRow:nth-child(even) .closeBtn {
	border:2px solid #fff;
}

.job .accRow:nth-child(2n) {
    background: #cdc9c5;
}

.job .accRow h1 {
    color:#000;
    font-size:1em;
    padding:6px 0;
    text-align:left;
    margin-left:40px;
}

.job .slideHead {
    width:64.5%;
    margin:0 1% 0 34.5%;
    display:table;
    position:relative;
}

.job .accWrapper .closeBtn {
    left: 0;
    top:-1px;
}

.job .col50 {
    padding-bottom:20px;
}

.job .col50 a,
.job .col50 a:visited {
    color:#fff;
}

.map {
    display: table-cell;
    float: none;
    height: 480px;
}

#map {
    width:100%;
    height:480px;
}

.address {
    display: table-cell;
    float: none;
    font-size: 24px;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    line-height:1.3em;
    color:#fff;
}

.backLink {
    width:100%;
    padding:0 1% 20px;
    display:inline-table;
}

.backLink:last-of-type {
    margin-top:50px;
    padding-bottom:0;
    clear:both;
}

.footer {
    font-size:14px;
    line-height:1.5em;
}

.ftL {
    float:left;
    margin-left:1%;
}

.ftR {
    float:right;
    margin-right:1%;
}

.footer a, .footer a:visited {
    color:#80b0c2;
    text-decoration:none;
}

.footer a:hover,
.footer a:active {
   color:#000;
}

img {
    border:none;
    display:table;
}

 .desk {
    display:table;
}

.mob {
    display:none;
}

ul {
    margin:1px 0 0;
    padding:0;
}

li {
    padding:0;
    margin:0 0 0 14px;
    font-size:90%;
}

p {
    margin:0;
}

h1, h2, h3 {
    font-size:25px;
    line-height:1.2em;
    margin:0;
    padding:0 8%;
    font-family:"DIN W01 Bold", Arial, sans-serif;
    font-weight:500;
    letter-spacing:0.01em;
}

h1 {
    color:#fff;
}

.hlW h1 {
    padding:0;
}

h2 {
    color:#80b0c2;
}

h3 {
    color:#cdc9c5;
}

.accordion h3 {
    color:#000;
    text-align:center;
}

h4 {
    color:#000;
    font-size:16px;
    margin:0 0 15px;
}

h5 {
    font-size:25px;
    color:#80b0c2;
    margin:0;
    padding:0 12%;
    font-family:"DIN W01 Bold", Arial, sans-serif;
    font-weight:500;
    line-height:1.2em;
}

h6 {
    font-size:25px;
    line-height:1.2em;
    margin:0;
    padding:0;
    font-family:"DIN W01 Bold", Arial, sans-serif;
    font-weight:500;
    color:#cdc9c5;
}

a:focus {
    outline:none;
}

a, a:visited {
    color:#000;
    text-decoration:underline;
}

a:hover, a:active {
    color:#000;
    text-decoration:none;
}

a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
    cursor:text;
}

.blue .center a,
.blue .center a:visited {
    color:#fff;
    
}

.blue .center a:hover,
.blue .center a:active {
    color:#fff;
}

.col66 a,
.col66 a:visited {
    text-decoration:none;
}

.col66 a:hover,
.col66 a:active {
    text-decoration:underline;
}


.arrowDown {
    background:url(../images/arrowDown.png) no-repeat 7px 9px;
  border: 3px solid #fff;
  color: #fff;
  height: 38px;
  padding: 0 16px 6px;
  text-align: center;
  width: 38px;
  font-size:20px;
  margin-left:0!important;
  display:table;
  float:left;
  top:-10px!important;
}


@media screen and (max-width: 2000px) {
    
    #teaser {
        padding:70px 10px;
    }
    
    #teaser img:first-of-type {
        max-width:1480px;
    }

}


@media screen and (max-width: 1280px) {
    

    #teaser img:first-of-type {
        max-width:1100px;
    }
    
}


@media screen and (max-width: 1024px) {
    
    #teaser img:first-of-type {
        max-width:1300px;
    }
    
}


@media screen and (max-width: 800px) {

    body, .accordion h4 {
        font-size:14px;
    }
    
    #teaser img:first-of-type {
        max-width:780px;
    }
    
    .accRow h1 {
        padding-top: 1px;
    }
    
    .accWrapper .closeBtn {
        top: -2px;
    }
    
    h1, h2, h3, h5 {
        font-size:20px;
    }
    
    .address {
        font-size:20px;
    }

}




@media screen and (max-width: 600px) {
    
    #logo {
        margin-left:3%;
    }
     
    .hl {
        padding-bottom:22px;
    }
    
    .hlS {
        padding:0 15% 22px;
    }
    
    .padTB {
        padding: 20px 0;
    }
    
     .padB {
        padding: 0 0 20px 0;
    }

    .padT {
        padding: 20px 0 0;
    }
    
    .col16,
    .col33,
    .col50 {
        width:94%;
        margin:0 3% 20px;
        float:none;
    }
    
    .col16:last-of-type,
    .col33:last-of-type,
    .col50:last-of-type {
        margin-bottom:0;
    }
    
    .col66 {
        width:94%;
        margin:0 3% 10px;
        font-size:15px;
    }
    
    .col100 {
        width:94%;
        margin:0 3%;
    }
    
    .col50inner {
        width:100%;
        height:auto;
        display:table;
    }
    
    .ftL {
        margin-left:3%;
    }

    .ftR {
        margin-right:3%;
    }

    .software:nth-child(2n) .col50inner:nth-child(odd) {
        background:#cdc9c5;
    }
    
    .software:nth-child(2n) .col50inner:nth-child(odd) a,
    .software:nth-child(2n).col50inner:nth-child(odd) a:visited,
    .software:nth-child(2n) .col50inner:nth-child(odd) h6 {
        color:#fff;
    }
    
    .software:nth-child(2n+1) .col50inner:nth-child(even) {
        background:#fff;
    }
    
    .software:nth-child(2n+1) .col50inner:nth-child(even) a,
    .software:nth-child(2n+1) .col50inner:nth-child(even) a:visited,
    .software:nth-child(2n+1) .col50inner:nth-child(even) h6 {
        color:#cdc9c5;
    }
    
    .software:nth-child(2n+1) .col50inner:nth-child(odd) {
        background:#cdc9c5;
    }
    
    .software:nth-child(2n+1) .col50inner:nth-child(odd) a,
    .software:nth-child(2n+1) .col50inner:nth-child(odd) a:visited,
    .software:nth-child(2n+1) .col50inner:nth-child(odd) h6 {
        color:#fff;
    }
    
    .map {
        display: inline-block;
        width:100%;
        margin:0;
        float: none;
        height:280px;
    }
    
    #map {
        height:280px;
    }
    
    .address {
        display: table;
        float: none;
        height: auto;
        width: 94%;
        padding-bottom:25px;
    }

    .centTop {
        padding:0 5% 25px;
    }
    
    .centTopFirst {
        margin-bottom:0;
        padding-top:25px;
    }
    
    .noMar {
        width:100%;
        margin:0 0 20px;
    }
    
    .accSlide {
        width:94%;
        margin:0 3%;
    }
    
    .accWrapper {
        padding: 12px 0 14px;
    }

    .accSlide .col50:nth-child(odd) {
        width:100%;
        margin:0 0 20px;
        float:none;
    }
    
    .accSlide .col50:nth-child(even){
        width:100%;
        margin:0;
        float:none;
    }
    
    .accSlide ul li {padding-right:0;}
    
    .space {
        height:20px;
    }
    
    .job {
        padding-bottom:5px;
    }
    
    .job .accWrapper {
        padding: 0 0 15px;
    }

    .job .accRow h1 {
        font-size:14px;
        padding-top:7px;
    }
    
    .job .slideHead {
        width:100%;
        margin:0;
    }
    
    .closeBtn {
        top: 0;
    }
    
    .noMarB {
        margin-bottom:0 !important;
    }
    
    .backLink {
        padding:0 3% 20px;
    }

    h5 {
        padding:0;
    }

}



@media screen and (max-width: 480px) {
    
    body {
        font-size:13px;
    }
    
    #teaser {
        padding: 70px 0 60px;
    }
    
    #teaser img:last-of-type {
        bottom:20px;
    }
    
    #teaser img.scrollArr {
        width:25px;
        height:14px;
        margin-left: -13px;
    }

    #teaser .tLink {
        bottom:35px;
    }
    
    #teaser .tLink span {
        display:none;
    }

    .accWrapper .closeBtn {
        top: -4px;
    }
    
    .hlS {
        padding:0 0 25px;
    }
    
    .col50inner {
        padding: 20px 5% 30px;
    }
    
    .footer {
        font-size:13px;
        line-height:1.3em;
    }
    
    .address {
        font-size:16px;
    }
    
    h1, h2, h3 {
        font-size:20px;
        padding:0 3%;
    }
    
    h5, h6 {
        font-size:16px;
    }
    
    .accRow h1,
    .accordion h3 {
        font-size: 16px;
    }

    .desk {
        display:none;
    }
    
    .mob {
        display:table;
    }
    
    .imgCol {
        max-width: 200px;
        margin:23px auto 50px;
    }
    
    li {
        margin-left:17px;
    }
    
}

@media screen and (max-width: 400px) {
    
    .accRow h1:first-of-type, .accordion h3:first-of-type {
        font-size: 14px;
    }
}


@media screen and (max-width: 360px) {
    
    .accRow h1:first-of-type, .accordion h3:first-of-type {
        text-align:left;
        padding-left:0;
    }
}