@import url(/styles/fonts/barlow/barlow.css);
a#logo{
background: url("/media/story/154/logo-01-shk-ruegen-logo.jpg") no-repeat scroll center center / contain;
}

header nav{
background-color: #ffffff;
}

header.collapsed nav{
background-color: #ffffff;
}

header nav ul li a{
color: #000000;
}

header.collapsed nav ul li a{
color: #000000;
}

a#offcanvas-menu span.bar{
background-color: #000000;
}

body{
font-family: 'Barlow', sans-serif;
background-color: #ffffff;
}

button{
font-family: 'Barlow', sans-serif;
}

h1{
color: #16bae7;
}

form.contact label{
color: #16bae7;
}

h1.expander, h2.expander{
color: #16bae7;
}

h2{
color: #16bae7;
}

div.content{
color: #000000;
}

section div.content a{
color: #16bae7;
}

form.contact button[type="submit"]{
background-color: #16bae7;
}

a.button{
background-color: #16bae7;
}

body { font-size: 21px; }
header nav { height: 130px; box-shadow: none; }
header a#logo {top: 35px; width: 300px;}
a#offcanvas-menu { top: 45px;}
header.collapsed a#logo {top: 5px; width: 180px;}

header nav ul,
header.collapsed nav ul { padding-top: 0;}

header div.overlay img { max-width: 90%;}
header.collapsed a#mini-logo {opacity:0;}
h1 {text-align: center;}