img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

#bar>div,
#mainNav ul,
#projekt-ela,
.btn.-ghost,
.intro,
.mini-intro,
form#contactForm h2,
header #scroller {
    text-align: center
}

#hero:after,
.-cols:after,
.cols:after,
footer div>div:after,
form section:after {
    clear: both
}

*,
:after,
:before {
    box-sizing: border-box
}

a,
a:active,
a:focus,
a:hover {
    outline: 0
}

a,
li a,
p a {
    text-decoration: none
}

some_nowhitespace {
    nowhitespace: afterproperty
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;vertical-align:baseline
}

audio:not([controls]) {
    display: none;height:0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;margin:.67em 0
}

mark {
    background: #ff0;color:#000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;line-height:0;position:relative;vertical-align:baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;height:0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace,monospace;font-size:1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;font:inherit;margin:0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;cursor:pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;padding:0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;padding:0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;margin:0 2px;padding:.35em .625em .75em
}

table {
    border-collapse: collapse;border-spacing:0
}

body.page-nohero header {
    height: auto;min-height:0
}

body.page-brennholz #hero>div {
    float: right;margin:0;width:30%
}

@media only screen and (max-width:980px) {
    body.page-brennholz #hero>div {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        background: #243E38;
        padding: 2%;
    }
}

body.page-brennholz #hero>div h1 {
    margin: 0;line-height:1.2
}

body.page-brennholz #hero>div p {
    color: #fff
}

#hero {
    position: absolute;top:50%;left:50%;width:100%;max-width:1440px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)
}

#hero:after,
#hero:before {
    content: " ";display:table
}

#hero img {
    width: 40%;max-width:100%;float:left;margin-left:5%;display:block
}

@media only screen and (max-width:980px) {
    #hero img {
        float: none;
        margin: 0 auto 20px;
    }
}

#hero>div {
    margin-left: 10%;width:40%;float:left
}

#hero>div h1 {
    font-size: 56px;text-decoration:underline
}

@media only screen and (max-width:980px) {
    #hero>div {
        float: none;
        width: 96%;
        margin: 0 auto;
        text-align: center;
    }

    #hero>div h1 {
        margin: 30px 0 20px;
        font-size: 40px;
    }
}

#hero>div p {
    color: #5FB0F7
}

#hero>div p strong {
    color: #fff
}

#navToggle {
    position: fixed;left:50%;top:20px;top:1.385vw;margin-top:40px;margin-left:640px;z-index:100;border-radius:2px;cursor:pointer
}

@media only screen and (max-width:1440px) {
    #navToggle {
        left: auto!important;
        right: 50px!important;
        margin-left: 0!important;
    }
}

#navToggle[data-colored=white]>span>span,
#navToggle[data-colored=white]>span>span:before {
    background: #243E38
}

#navToggle[data-colored=green]>span>span,
#navToggle[data-colored=green]>span>span:before {
    background: #fff
}

#navToggle>span {
    width: 22px;display:block;padding:11px 0;height:26px
}

#navToggle>span>span {
    text-indent: -999em;height:3px;background:#fff;border-radius:1px;display:block;position:relative;cursor:pointer
}

#navToggle>span>span:after,
#navToggle>span>span:before {
    content: '';display:block;position:absolute;left:0;width:100%;height:3px;background:#fff;border-radius:1px
}

#navToggle>span>span:before {
    top: -10px
}

#navToggle>span>span:after {
    bottom: -10px;background:#5FB0F7
}

header {
    height: 750px;position:relative
}

header #logo {
    display: block;width:120px;margin:0 auto
}

header #logo>svg {
    display: block;fill:#fff;width:100%;height:auto
}

header #scroller {
    width: 70px;bottom:45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;display:block;color:#5FB0F7;font-size:14px;font-weight:100
}

body,
h1,
h2,
h3,
h4 {
    font-weight: 300
}

header #scroller svg {
    display: block;fill:#5FB0F7;width:21px;height:auto;margin:10px auto 0
}

header .bar {
    padding-top: 40px;max-width:1380px;margin:0 auto;width:90%;position:relative
}

header .bar .left {
    font-size: 14px;color:#5FB0F7;margin:0;position:absolute;line-height:49px;left:0;top:40px
}

@media only screen and (max-width:980px) {
    header .bar .left {
        display: none
    }
}

header .bar .left a {
    color: #fff;display:inline-block;margin-right:8px;text-decoration:none
}

body.page-default footer {
    background: #243E38
}

body.page-default footer svg {
    display: none;fill:#fff
}

footer {
    padding-top: 110px
}

footer>div {
    position: relative
}

footer div>div {
    max-width: 1440px;width:90%;margin:0 auto
}

footer div>div:after,
footer div>div:before {
    content: " ";display:table
}

footer div>div .left,
footer div>div li,
footer div>div p {
    font-size: 14px;line-height:72px;color:#5FB0F7
}

footer div>div p a {
    margin-right: 8px
}

footer div>div li a,
footer div>div p a {
    display: inline-block;color:#fff;text-decoration:none
}

footer div>svg,
img {
    height: auto;display:block
}

a,
body {
    color: #243E38
}

a,
a:hover {
    text-decoration: underline
}

footer .left,
footer p {
    float: left;margin:0;padding:0
}

footer .right,
footer ul {
    float: right;margin:0;padding:0;list-style:none
}

.-cols .col,
.cols .col,
footer .right li,
footer ul li {
    float: left;
	padding: 10px;
}


footer div>svg {
    position: absolute;left:50%;top:-48px;width:35px;fill:#243E38
}

.wrap,
img {
    width: 100%
}

body {
    font-family: museo-sans-rounded,abril-text,Cambria,Georgia,serif;font-style:normal;font-size:18px;line-height:1.83
}

#bar>div p[data-append]:after,
#bar>div p[data-prepend]:before,
#mainNav p span[data-append]:after,
#mainNav p span[data-prepend]:before,
strong {
   font-family: abril-text,Cambria,Georgia,serif;font-weight:600;font-style:italic;
}

.wrap {
    max-width: 100%;
    padding-top: 10px;
    padding-right: 1.385%;
    padding-bottom: 1.385vw;
    padding-left: 1.385%;
    background:#fff;
    margin:0 auto
}

.-colored.__green {
    background: #243E38;color:#fff
}

.-colored.__white {
    background: #fff
}

.-cols,
.cols {
    position: relative
}

.-cols:after,
.-cols:before,
.cols:after,
.cols:before {
    content: " ";display:table
}

.-cols .col.-twoThird,
.cols .col.-twoThird {
    width: 65.74%
}

@media only screen and (max-width:980px) {
    .-cols .col,
    .cols .col {
        float: none
    }

    .-cols .col.-twoThird,
    .cols .col.-twoThird {
        width: 100%
    }
}

.-cols .col.-oneThird,
.cols .col.-oneThird {
    width: 34.26%
}

@media only screen and (max-width:980px) {
    .-cols .col.-oneThird,
    .cols .col.-oneThird {
        width: 100%
    }
}

.-cols .col.-half,
.cols .col.-half {
    width: 50%
}

@media only screen and (max-width:1080px) {
    .-cols .col.-oneThird h3+p,
    .cols .col.-oneThird h3+p {
        font-size: 16px;
        line-height: 1.63;
    }

    .-cols .col.-oneThird a,
    .cols .col.-oneThird a {
        font-size: 12px
    }

    .-cols .col.-half h3+p,
    .cols .col.-half h3+p {
        font-size: 16px;
        line-height: 1.63;
    }

    .-cols .col.-half a,
    .cols .col.-half a {
        font-size: 12px
    }
}

@media only screen and (max-width:980px) {
    .-cols .col.-half,
    .cols .col.-half {
        width: 100%
    }

    .-cols .text,
    .cols .text {
        padding: 80px 0
    }
}

.subtitle {
    color: #5FB0F7;font-size:14px;margin:0;text-transform:uppercase
}

h3 {
    font-size: 22px;margin:3px 0 15px;line-height:1.18;font-family:abril-text,Cambria,Georgia,serif
}

.btn.-ghost {
    line-height: 42px;font-size:16px;padding:0 20px;border:3px solid #243E38;height:48px;display:block;text-decoration:none;transition:all .4s ease-in;transition:all .2s ease-out
}

#projekt-ela a,
.intro p a,
.mini-intro a {
    text-decoration: underline
}

.btn.-ghost:active,
.btn.-ghost:focus,
.btn.-ghost:hover {
    background: #243E38;color:#fff
}

.-hide.__desktop {
    display: none
}

.-hide.__mobile {
    display: block
}

.area {
    max-width: 1440px;width:100%;margin:0 auto
}

.area.-full {
    width: 100%;max-width:100%
}

.area .col.-half.image+.col.-half.text {
    left: 50%
}

.area .col.-half.text+.col.-half.image {
    margin-left: 50%
}

@media only screen and (max-width:980px) {
    .-hide.__desktop {
        display: block
    }

    .-hide.__mobile {
        display: none
    }

    .area.-withImage {
        margin-bottom: 15px
    }

    .area .col.-half.image+.col.-half.text {
        left: 0
    }

    .area .col.-half.text+.col.-half.image {
        margin-left: 0
    }
}

.area .col.-twoThird.image+.col.-oneThird {
    left: 65.74%
}

.area .col.-oneThird+.col.-twoThird.image {
    margin-left: 34.26%
}

.mini-intro h2 {
    font-size: 57px;line-height:1.21;color:#5FB0F7
}

@media only screen and (max-width:980px) {
    .area .col.-twoThird.image+.col.-oneThird {
        left: 0
    }

    .area .col.-oneThird+.col.-twoThird.image {
        margin-left: 0
    }

    .mini-intro h2 {
        font-size: 28px
    }
}

.mini-intro p {
    line-height: 1.59;font-size:22px;color:#000
}

@media only screen and (max-width:980px) {
    .mini-intro p {
        font-size: 17px
    }
}

@media only screen and (max-width:1080px) {
    .mini-intro p {
        font-size: 16px
    }

    .mini-intro a {
        font-size: 16px!important
    }
}

.intro {
    width: 90%;max-width:1440px;padding:150px 0 130px
}

.intro h2 {
    margin: 0 0 38px;color:#5FB0F7;font-size:57px;line-height:1.17
}

@media only screen and (max-width:980px) {
    .intro h2 {
        font-size: 28px
    }
}

.intro p {
    font-size: 22px;line-height:1.54
}

.intro p+p {
    margin-top: 20px
}

#specialContainer>.text {
    height: 100%;position:absolute;left:0;top:0;width:50%
}

@media only screen and (max-width:980px) {
    .intro p {
        font-size: 17px
    }

    #specialContainer>.text {
        position: static;
        width: 100%;
        height: auto;
        padding: 0!important;
    }
}

#specialContainer>.text .content.-blue {
    background: #5FB0F7
}

#specialContainer>.text .content.-blue .subtitle {
    color: #243E38
}

#specialContainer>.text .content.-blue h3,
#specialContainer>.text .content.-blue p {
    color: #fff
}

#specialContainer>.image {
    margin-left: 50%
}

#waldbetreuung>.text {
    height: 100%;position:absolute;left:0;top:0;width:50%
}

@media only screen and (max-width:980px) {
    .intro p {
        font-size: 17px
    }

    #waldbetreuung>.text {
        position: static;
        width: 100%;
        height: auto;
        padding: 0!important;
    }
}

#waldbetreuung>.text .content.-blue {
    background: #5FB0F7
}

#waldbetreuung>.text .content.-blue .subtitle {
    color: #243E38
}

#waldbetreuung>.text .content.-blue h3,
#waldbetreuung>.text .content.-blue p {
    color: #fff
}

#waldbetreuung>.image {
    margin-left: 50%
}

.overlay {
    display: none;position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(36,62,56,.96);z-index:200
}

.overlay span.close {
    color: #5FB0F7;cursor:pointer;height:38px;width:38px;display:block;margin:95px auto 70px
}

@media only screen and (max-width:980px) {
    .overlay span.close {
        margin: 10px auto 35px;
        width: 28px;
        height: 28px;
    }
}

.overlay span.close:hover svg {
    fill: #fff
}

.overlay span.close svg {
    transition: all .4s ease-in;transition:all .2s ease-out;height:auto;width:100%;display:block;fill:#5FB0F7
}

#mainNav ul {
    padding: 0;margin:0
}

#mainNav ul li+li {
    padding-top: 60px
}

#mainNav ul a {
    transition: all .4s ease-in;transition:all .2s ease-out;display:block;color:#fff;font-size:22px
}

#mainNav ul a:active,
#mainNav ul a:focus,
#mainNav ul a:hover {
    color: #5FB0F7;text-decoration:none
}

@media only screen and (max-width:980px) {
    #mainNav ul li+li {
        padding-top: 15px
    }

    #mainNav ul a {
        font-size: 16px
    }

    #mainNav p span[data-append]:after,
    #mainNav p span[data-prepend]:before {
        display: none
    }
}

#mainNav p {
    max-width: 670px;width:96%;margin:80px auto 0
}

#mainNav p span {
    font-size: 14px
}

#mainNav p span+span {
    float: right
}

#mainNav p span a {
    color: #fff
}

#mainNav p span[data-append]:after,
#mainNav p span[data-prepend]:before {
    color: #5FB0F7
}

#mainNav p span[data-prepend]:before {
    content: attr(data-prepend);margin-right:8px
}

#mainNav p span[data-append]:after {
    content: attr(data-append);margin-left:8px
}

.text.-absolute {
    position: absolute;left:0;top:0;height:100%
}

@media only screen and (max-width:980px) {
    .text.-absolute {
        position: static;
        height: auto;
    }
}

.text.-absolute.content {
    height: 50%!important;position:relative!important
}

@media only screen and (max-width:980px) {
    .text.-absolute.content {
        position: static;
        height: auto;
    }
}

.text.-absolute>div {
    position: absolute;left:50%;top:50%;width:68%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)
}

@media only screen and (max-width:980px) {
    .text.-absolute>div {
        position: static;
        width: 80%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        -webkit-transform: none;
        transform: none;
    }
}

#projekt-ela {
    padding-bottom: 45px
}

#projekt-ela h2 {
    font-size: 54px;padding-top:88px;line-height:1.31;color:#5FB0F7;width:90%;margin:0 auto
}

@media only screen and (max-width:980px) {
    #projekt-ela h2 {
        font-size: 28px;
        padding: 70px 0 54px;
    }
}

#projekt-ela p {
    padding: 20px 0 70px;color:#000;font-size:22px;line-height:1.45
}

#bar {
    margin: 40px 0
}

#bar>div {
    max-width: 1440px;width:100%;position:relative;margin:0 auto
}

#bar>div p {
    font-size: 14px;position:absolute;line-height:112px;margin:0;top:0
}

#bar>div p[data-append]:after,
#bar>div p[data-prepend]:before {
    color: #5FB0F7
}

@media only screen and (max-width:980px) {
    #bar>div {
        padding: 15px 0
    }

    #bar>div p {
        position: static;
        line-height: 2;
    }

    #bar>div p[data-append]:after,
    #bar>div p[data-prepend]:before {
        display: none
    }
}

#bar>div p[data-prepend]:before {
    content: attr(data-prepend);margin-right:8px
}

#bar>div p[data-append]:after {
    content: attr(data-append);margin-left:8px
}

#bar>div p.phone {
    left: 5.72%
}

#bar>div p.mail {
    right: 5.72%
}

#bar>div p a {
    font-weight: 100;color:#fff;text-decoration:none
}

#bar>div h4 a,
#bar>div p a:hover,
.page-green main a {
    text-decoration: underline
}

#bar>div h4 {
    display: inline-block;color:#fff;margin:0;padding:0;line-height:112px
}

@media only screen and (max-width:980px) {
    #bar>div h4 {
        line-height: 2.2
    }
}

#bar>div h4 a {
    color: #fff;font-size:20px;line-height:1
}

.page-brennholz header.-colored.__green {
    background: url(../images/hero-bg.jpg) 50% 50% no-repeat #243E38;background-size:cover
}

.page-default dl,
.page-default h1,
.page-default h2,
.page-default h3,
.page-default p,
.page-default ul {
    margin: 0
}

.page-default p {
    padding: 5px 0 10px
}

.page-default h1 {
    padding-top: 220px
}

.page-default h2,
.page-default h3 {
    padding: 25px 0 0
}

.page-default dl {
    padding-bottom: 20px
}

.page-default dl dt {
    float: left;max-width:90px
}

.page-default dl dd {
    margin-left: 95px
}

.page-green main {
    background: #243E38;padding-bottom:25px
}

.page-green main>.area {
    max-width: 660px
}

.page-green main a {
    color: #fff
}

.page-green main a:hover {
    opacity: .7
}

form {
    width: 96%;margin:0 auto
}

form#contactForm h2 {
    color: #fff;font-size:57px;text-transform:uppercase;margin-bottom:15px
}

form#contactForm button {
    display: block;text-align:center;border:2px solid #5FB0F7;transition:all .4s ease-in;transition:all .2s ease-out;font-size:16px;line-height:58px;height:58px;padding:0;background:0 0;width:100%;color:#5FB0F7;font-family:abril-text,Cambria,Georgia,serif;font-weight:600;font-style:italic
}

form section span,
form section#brennholzactions .submit button {
    font-family: abril-text,Cambria,Georgia,serif;font-weight:600;font-style:italic;transition:all .4s ease-in
}

form#contactForm button:active,
form#contactForm button:focus,
form#contactForm button:hover {
    border: 4px solid #5FB0F7;line-height:54px
}

form#brennholzForm p,
form#brennholzForm section {
    margin-left: auto;margin-right:auto;max-width:680px
}

form#brennholzForm #brennholzactions p {
    text-align: left
}

.overlay form {
    max-width: 580px
}

.overlay form input,
.overlay form textarea {
    border: 2px solid #fff;color:#fff
}

.overlay form ::-webkit-input-placeholder {
    color: #fff
}

.overlay form :-moz-placeholder {
    color: #fff
}

.overlay form ::-moz-placeholder {
    color: #fff
}

.overlay form :-ms-input-placeholder {
    color: #fff
}

form section:after,
form section:before {
    content: " ";display:table
}

form section#brennholzactions .text {
    font-size: 14px
}

form section#brennholzactions .submit.-btn-right {
    text-align: right
}

#brennholzForm h2,
#brennholzForm p {
    text-align: center
}

form section#brennholzactions .submit button {
    display: inline-block;text-align:center;border:2px solid #5FB0F7;transition:all .2s ease-out;font-size:16px;line-height:58px;height:58px;padding:0;background:0 0;width:150px;color:#5FB0F7
}

form section#brennholzactions .submit button:active,
form section#brennholzactions .submit button:focus,
form section#brennholzactions .submit button:hover {
    border: 4px solid #5FB0F7;line-height:54px
}

form section span {
    opacity: 0;font-size:14px;color:#5FB0F7;position:absolute;right:0;bottom:-40px;transition:all .2s ease-out
}

form section .form-group {
    position: relative;margin-bottom:50px
}

form section .form-group:before {
    width: 100%;height:100%;border:2px solid #5FB0F7;position:absolute;transition:all .4s ease-in;transition:all .2s ease-out;content:''
}

form section .form-group.-error input,
form section .form-group.-error textarea {
    border: 2px solid #5FB0F7;color:#5FB0F7
}

form section .form-group.-error span {
    right: 5px;bottom:-35px;opacity:1
}

form section .form-group.-error:before {
    border: 4px solid #5FB0F7
}

form section .form-group.-error ::-webkit-input-placeholder {
    color: #5FB0F7
}

form section .form-group.-error :-moz-placeholder {
    color: #5FB0F7
}

form section .form-group.-error ::-moz-placeholder {
    color: #5FB0F7
}

form section .form-group.-error :-ms-input-placeholder {
    color: #5FB0F7
}

form section input,
form section textarea {
    width: 100%;display:block;position:relative;z-index:10;border:2px solid #243E38;color:#243E38;background:0 0;padding:15px 22px;line-height:1.5
}

form section ::-webkit-input-placeholder {
    color: #243E38;font-weigh:100;font-size:16px
}

form section :-moz-placeholder {
    color: #243E38;font-weigh:100;font-size:16px
}

form section ::-moz-placeholder {
    color: #243E38;font-weigh:100;font-size:16px
}

form section :-ms-input-placeholder {
    color: #243E38;font-weigh:100;font-size:16px
}

form section .col {
    float: left
}

form section .col.-full {
    width: 100%
}

form section .col.-half {
    width: 48%
}

form section .col.-half+.-half {
    margin-left: 4%
}

#brennholzForm h2 {
    font-size: 57px;color:#5FB0F7
}

/* Meta Navigation */

.c-meta-navigation {

    padding-top: 10px;
    text-align: center;

}

.c-meta-navigation__item {

    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;

}