#logo { top: 13px; }
header { background: #52b7c1; }
#sharkmenu { background: #52b7c1; }
#sharkmenu ul li ul li { background: #a7d5dc; }
#sharkmenu > ul > li > a { color: #FFFFFF; }
#sharkmenu ul li ul { padding-top: 23px; }

.fab, .fa-brands { color: #FFFFFF !important; }
#bottomlogo { padding : 7px; }
.section--news-list-headline,
.section-quote__copy,
footer { background: #2d3c4b; }

.section--contact-form-form .actions button, .section--newsletter-form-extern button, .newsletter_abonnieren2 {
    background: #2d3c4b;
    border: 1px solid #2d3c4b;
}

@media (max-width: 900px) {
    #sharkmenu > ul.open { background: #a7d5dc; }
    #logo { top: 4px; }
    #sharkmenu ul li ul li a { color: #FFFFFF !important; }
    #sharkmenu #menu-button { color: #FFFFFF; }
    #sharkmenu ul > li { padding: 10px 25px 0px 0px }
    #sharkmenu #menu-button:before { border-top: 2px solid #FFFFFF; }
    #sharkmenu #menu-button:after { border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }
}

@media only screen and (min-width: 768px) {
    header:before, header:after { height: 35px; }
    body { padding-top: 35px; }
    header .bevel { height: 36px; }
}

@media only screen and (min-width: 768px) and (max-width: 900px ) {
    #logo { top: -1px; }
}

@media only screen and (min-width: 900px) {
    header:before, header:after { height: 60px; }
    body { padding-top: 60px; }
}