header, #sharkmenu, header .bevel,
header:before { background-color: #02cc00; }
header > a { display: none; }
header:before { width: 0px !important }
#sharkmenu { margin: 0 0 0 0; padding: 0 0 0 20px; }
footer,
#sharkmenu ul li ul li { background: #ff8000; }
#bottomlogo { padding: 0; background: transparent; height: auto; }
footer .logo { width: 100%; }
.freelogo { position: absolute; right: 50px; top: 100px; z-index:50; width: 300px; } 
.section--quote .background:after { display: none; }
.section--headline-header,
.section--quote .background { background-color: #ff8000; }
.section--team-member .title { color: #ff8000; }
.afterslider { top: -100px; }
.button, .section--news-list-navigation li a, .section--news-list-navigation li span, .section--contact-form-form .actions button, .section--newsletter-form-extern button { border: 1px solid #ff8000; background-color: #ff8000; }

@media (max-width: 1024px) {
  .freelogo { position: absolute; right: 30px; top: 60px; z-index:50; width: 200px; } 
}

.freelogo img { width: 100%; } 
.section--footer-copyright span { color: #FFFFFF !important; }
@media only screen and (min-width: 1600px) {
.section--quote blockquote { padding-bottom: 0px; }
.section--quote .columns > div:first-child { padding-left: 0%; width: 12%; padding-right: 1%; }
.section--quote .columns > div:first-child { margin-left: 10%; }
}

@media only screen and (min-width: 1366px) {
.section--quote blockquote { padding-bottom: 0px; }
.section--quote .columns > div:first-child { padding-left: 0%; width: 12%; padding-right: 1%; }
.section--quote .columns > div:first-child { margin-left: 10%; }
}

@media only screen and (min-width: 768px) {
.section--quote blockquote { padding-bottom: 0px; }
.section--quote .columns > div:first-child { padding-left: 0%; width: 12%; padding-right: 1%; }
.section--quote .columns > div:first-child { margin-left: 10%; }
.section--quote .columns > div:last-child { width: 70%; }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.section--quote .columns > div:last-child { width: 70%; }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.section--quote .background { height: 90%; }
}

@media only screen and (min-width: 900px) and (max-width: 1600px) {
.section--quote .background { height: 80%; }
}

@media only screen and (max-width: 768px) {
.section--quote .columns > div:first-child { display: none; }
.afterslider { top: 0px; }
.section--quote { margin-bottom: 0px; }
}

@media (max-width: 900px) {
#sharkmenu { float: right; }
header:after { display: none; }
#sharkmenu > ul.open { background: #ff8000; }
#sharkmenu #menu-button { padding: 24px 60px 24px 0px; }
.afterslider { top: -10px; }
}

@media (max-width: 768px) {
#sharkmenu #menu-button { padding: 12px 40px 8px 0px; }
}