.logo { height: 6em; padding: .75em 1em 1.5em; margin-right: 2em; transition: .5s;}
h2 { color: var(--gruen); font-size: 1em; font-weight: 600; margin-bottom: 1em; }
h3.profession { font-size: 2em; color: var(--gruen); font-weight: 400; margin-top: 1em;  line-height: 1.2;}
.clients h3 { font-size: 1.5em; color: var(--gruen); font-weight: 500; margin-bottom: .1em;}
.section1 {
    background: var(--gruen);
    
}
.pad4 {
    padding: 4em 0;    
}
.section {
    padding: 3em 0;    
}
.hellgruen {
    background: var(--hellgruen);
    padding: 4em 2em;
}
.section1 p,
.section1 h1,
.section1 h2,
.section1 h3,
.section1 a,
.section1 b,
.section1 li
{
    color: #fff;
}
.we img { max-width: 60%; display: block;  }
.we div {
    color: #fff;
    font-size: 7em;
    line-height: 1.3;
    font-weight: 300;
    margin-bottom: .1em;
}

.we p {
    font-size: 1.67em;
    line-height: 1.2;
}
.highlight{
    background: var(--orange);
    text-transform: uppercase;
    color: #fff;
    padding: .7em 1.25em .6em;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .05em;
    margin-bottom: 2em;
}
.profession {
    
}
li {
    margin-bottom: 1em; 
}
ul.list {
    list-style: none;
    padding-left: 0
}

.list li {
    margin-bottom: 0; 
    display: flex;
}
.list li:before {
    content: '•';
    font-size: .8em;
    padding-right: 1em;
}
.bg-hell {
    background: var(--hell);
}

footer {
    background: var(--hellgruen);
    padding: 2em 0;
}

footer p,
footer a,
footer li,
footer h4 {
    color: #fff;
}
footer h4 {
    font-size: 2em; font-weight: 300; margin-bottom: .25em;
}

footer .fa { font-size: 2em; color: var(--orange); margin-right: .5em; position: absolute; top: .1em; left: .25em; margin-top: -.25em; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
footer .fa.fa2 { left: .65em; }
footer .rel p { padding-left: 2.5em; }
footer .small p { font-size: .8em; line-height: 1.2; padding-top: 6px;}
footer .small ul { float: right; }
footer .small li { display: inline-block; list-style: none; font-size: .8em; line-height: 1.2; }
footer .small li:before { content: '|'; padding: 0 10px 0 8px; }
footer .small li:first-child:before { display: none }

.rel { position: relative; }

header, .header_height { height: calc(100vw / 14); transition: 1s; width: 100%; }
header { position: fixed; top: 0; background: #fff; z-index: 999999999; }
.sticky  header { transition: 1s; height: 3.5rem; }
.sticky .logo { height: 2em; padding: 0; transition: 1s; }
.header_height { display: block; }
@media (max-width: 992px) {
    footer .fa.fa2 {
        left: .4em;
    }
    
    header, .header_height { height: calc(100vw / 11); }
    .sticky  header { height: 50px; }
    .sticky .logo { height: calc(100vw / 18);  }

}

@media (max-width: 600px) {
    header, .header_height { height: calc(100vw / 4.5); top: env(safe-area-inset-top, 0); left: 0; right: 0;}
    .sticky  header { height: 50px; }
    .logo { height: calc(100vw / 5); padding: .75em 0em 1em; margin-right: 1em;  }
    .sticky .logo { height: calc(100vw / 13); padding-top: .5em; }
    header, .logo, .header_height { transform: none !important; filter: none !important; }
    .hellgruen {
        padding: 2em 2em .5em;
        margin-bottom: 2em;
    }
    .pad4 {
        padding: 4em 0 1em;
    }
    .wehave {
        padding: 0 13px !important;
    }
    footer h4 {
        margin-bottom: 1.25em;
    }
    footer p a {
        margin-bottom: 2em; display: block;
    }
    footer .small li {
        font-size: 1em;
        line-height: 1.2;
    }
    footer .small ul {
        margin-top: 2em
    }
}