@font-face {
    font-family: 'Aller';
    src: url('../fonts/Aller.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller.woff') format('woff'),
        url('../fonts/Aller.ttf') format('truetype'),
        url('../fonts/Aller.svg#Aller') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aller Bold';
    src: url('../fonts/Aller-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller-Bold.woff') format('woff'),
        url('../fonts/Aller-Bold.ttf') format('truetype'),
        url('../fonts/Aller-Bold.svg#Aller-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Bold';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/* START Disable Bootstrap styling */
* {box-sizing:initial}
/* END Disable Bootstrap styling */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fullwidth {width:100%;height:auto;display:block;}

.icon {width:100px;height:auto;}


.active {color:#ffcc00!important;}
.grey-box {background-color:#e3e3e3;padding:25px 30px;color:#277f66;line-height:1.3em;overflow:hidden;font-family:'Aller';font-size:21px;}
.grey-box h1 {font-family:'Aller Bold';font-size:28px;}
.grey-box p {color:#636363;font-size:18px;}
.grey-box strong {color:#277f66;}
.green-arrow-right {background:url(../cmsAssets/images/green-arrow-right.png) no-repeat;background-position:right center;background-size:contain;color:#277f66;text-decoration: none;float:right;overflow:hidden;padding:10px 40px 10px 0px;}

.copy {max-width:1140px;margin-left:auto;margin-right:auto;margin:20px auto;}

.container {width:100%;display:table;}
.container > div {display:table-cell;vertical-align: top}
.container > div:first-of-type {width:70%;background-color:#e3e3e3;padding:25px 30px;color:#277f66;line-height:1.3em;overflow:hidden;font-family:'Aller';font-size:21px;}
.container > div:first-of-type h1 {font-family:'Aller Bold';font-size:28px;}
.container > div:first-of-type p {color:#636363;font-size:18px;}
.container > div:first-of-type strong {color:#277f66;}
.container > div:last-of-type {width:30%;padding:15px 10px;background-color:#277f66;overflow:hidden;font-family:'Aller';font-size:18px;color:white;line-height:1.3em;}
.container a {color:white;text-decoration: none}
.container a:hover {border-bottom:1px solid white;}
.container > div:first-of-type ul {color:#636363;font-size:18px;}
.container > div:first-of-type ul li {padding-bottom:10px;}

.map {width:100%;height:auto;}

nav {background-color:rgba(39,127,102,.9);position:absolute;top:0;left:0;width:100%;height:75px;z-index:5;font-family:'Aller Bold';text-transform: uppercase;color:white}
nav .top {position:absolute;top:18px;right:0;}
nav .top a {float:left;display:block;height:19px;width:19px;text-align:center;margin-right:3px;}
nav .top .twitter {background-color:#1ea5de;}
nav .top .youtube {background-color:#d41d1f;}
nav .top .linkedin {background-color:#0173b4;}
nav .top .english {margin-left:8px;margin-right:4px;}
nav .top .english,
nav .top .german {width:auto;margin-right:5px;}
nav .top .english img,
nav .top .german img {width:auto;height:19px;float:left;}
nav .top form {float:left;margin-right:8px;}
nav .top form input {border:0;background-color:#cfe2dd;height:18px;width:126px;padding-left:10px;padding-right:10px;font-family:'Aller';}
nav .bottom {position:absolute;bottom:8px;left:0;text-align: center;width:100%;font-size:16px;}
nav .bottom a {color:white;text-decoration: none;margin-left:5px;margin-right:10px;}

header {width:100%;height:600px;overflow:hidden;position:relative;}
header .bg {width:100%;height:100%;overflow:hidden;background-image:url(../cmsAssets/images/header.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:0;left:8%;z-index:1;}
header .shadow {width:100%;height:100%;overflow:hidden;background: url(../cmsAssets/images/shadow.svg) no-repeat;background-size:contain;background-position:left top;overflow: hidden;position:absolute;top:0;left:0;z-index:2;}
header .logo {width:auto;height:220px;top:44%;left:30px;position:absolute;z-index:3;}
header .text {position:absolute;width:674px;}
header .text h1 {color:#ffcc00;font-size:43px;font-family:'Myriad Bold';font-weight:normal;background-color:black;margin:0;padding:10px 30px;width:auto;display:inline;}
header .text p {font-family:'Myriad';background-color:black;color:white;font-size:21px;margin:0;padding:10px 20px;margin-left:137px;line-height: 1.2em}
header .home {bottom:20%;left:16%;}
header .wind-farm {bottom:20%;left:16%;}


footer {width:100%;height:470px;background-color:#4c4c4c;color:white;font-size:14px;line-height:1.8em;padding-top:31px;clear:both;}
footer .copy {margin:0 auto;}
footer .copy > div a {color:#b4b4b4;text-decoration: none;}
footer .copy > div a:hover {border-bottom:1px solid #b4b4b4;}
footer .copy > div {float:left;font-family:'Aller Bold';}
footer .copy > div:first-of-type {margin-left:169px;font-size:10px;line-height:1em;text-align:center;font-family:'Aller';}
footer .copy > div:first-of-type a {color:white;text-decoration: none}
footer .copy > div:first-of-type a:hover {border-bottom:1px solid white;}
footer .copy > div:nth-of-type(2) {margin-left:100px;}
footer .copy > div:nth-of-type(3) {margin-left:70px;}
footer .copy > div:nth-of-type(3) > div {float:left;background-color:black;color:white;width:40px;height:40px;margin-right:5px;display:flex;justify-content: center;align-items:center;} 
footer .logo {width:auto;height:104px;}
footer strong {font-family:'Aller Bold';}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:768px) {
}


@media only screen and (max-width:500px) {
    .container > div {display:block;width:100%!important;box-sizing: border-box;}
    .container > div:last-of-type {padding:15px 20px;}
    .container > div:first-of-type {padding:25px 20px;}
    .copy {margin-bottom:0px;}
    header .bg {top:0;left:0%;z-index:1;}
    header .shadow {background-image:none;background-color:rgba(0,0,0,.53);}
    header .logo {top:auto;left:50%;transform:translateX(-50%);bottom:2%;}
}