body { padding-top: 60px; }
header { border-top: 8px solid #0F5569; border-bottom: 0px; position: fixed; height: 60px; }

#sharkmenu { margin-top: 8px; padding: 0 250px 0 30px; width: calc(100% - 280px) }

#social { position: fixed; }
#social a { color: #000000; }
.webname { font-size: 18px; font-weight: bold; }
.webname_mobil { display: none; }
#sharkmenu > ul > li:hover { background: transparent; border-top-right-radius: 0px; border-top-left-radius: 0px; }
#sharkmenu > ul > li.active { background: transparent; border-top-right-radius: 0px; border-top-left-radius: 0px; }
#sharkmenu > ul > li:hover:after,
#sharkmenu > ul > li.active:after { height: 100%; }
#sharkmenu > ul > li:hover > a { color: #000; padding-bottom: 2px; }
#sharkmenu > ul > li.active > a { color: #000; padding-bottom: 2px; }

.section--header-slider { width: 100% !important;  height: auto; margin: 0; }
.slider_text_top { background: #FFFFFF; }
.section--header-slider-slide .title div:nth-child(1) a { color: #0F5569 !important; }
.section--text .section--headline, .section--team .section--headline,
.section--news-list .section--headline { margin-top: 20px; text-align: center; color: #000000; }
.c_mediathek_podcast, .c_mediathek_video { width: 100%; }
.c_mediathek_podcast > .section--text .section--headline,
.c_mediathek_podcast > .section--team .section--headline,
.c_mediathek_podcast > .section--headline,
.c_mediathek_podcast > .section--news-list .section--headline { color: #FFFFFF; }
.c_mediathek_video > .section--text .section--headline,
.c_mediathek_video > .section--team .section--headline,
.c_mediathek_video > .section--headline,
.c_mediathek_video > .section--news-list .section--headline { color: #FFFFFF; }

footer { background: #0F5569; }
#totop { background: #63c3d1; }
.bevel-yellow-l:before, #menu-toggle:before, #totop:before, #newsletter-toggle:before { display: none; }
.slick-dots { bottom : 5px; }

@media only screen and (min-width: 1600px) {
	  .halfside-layout,	.section--text-image, .content-frame-width-large-no-mobile, .aside-layout, .content-frame-width-large, .content-frame-large, .section--headline-header, .section--image-headline-content, .section--text-buttons, .section--icons, .section--project-detail-content .columns, .section--instagram, .section--text-quote, .section--news-list, .section--news-categories, .section--news-detail__copy, .section--contact-form-form, .section--text, .section--team, footer .columns {
    padding-left: 12%;
    padding-right: 12%; }
		.c_mediathek_podcast .section--text { padding-left: 0%; padding-right: 0%; }
		.bside-layout > div > .section--contact-form >.section--contact-form-form { padding-left: 0%; padding-right: 0%; }
}

@media only screen and (min-width: 1200px) {
	.section--project-slider-overlay { width: 100%; background: rgba(99, 195, 209, 1) !important; }	
}

@media only screen and (min-width: 768px) {
	.slick-prev, .slick-next { top: 10%; }
	body { padding-top: 60px; }
	.section--project-slider-image { height: auto; }
    .section--project-slider { padding-left:12%; padding-right:12%; }
	.section--project-slider-overlay { bottom: -158px; }	
}

@media only screen and (max-width: 1200px) {
	#sharkmenu { width: calc(100%); background: #FFFFFF; margin-top: 0px;padding-top: 8px;  }
	#social { position : absolute; left: auto; right: 20px; }
	#social a { color: #FFFFFF; }
	#sharkmenu > ul > li > a { font-size: 14px; padding: 2px 0 0 0; }
}

@media only screen and (max-width: 900px) {
	header { border-bottom: 8px solid #0F5569; }
	#sharkmenu { margin-top: 0px; background: #FFFFFF; padding-bottom: 10px; margin-top: 0px; padding-top: 8px; }
	#sharkmenu #menu-button { color: #000000; text-transform: uppercase; }
	.webname { color: #FFFFFF; padding-left: 30px !important; }
	#sharkmenu > ul.open { top: 60px; }
	#sharkmenu ul > li { padding-left: 30px; }
	.webname_mobil { display: block; position: absolute; top: 20px; left: 20px; color: #000000; z-index:2000; font-size: 18px; font-weight: bold; max-width: 90%; }
	.newscontrol { padding : 0; }
}

@media only screen and (max-width: 768px) {
	#sharkmenu #menu-button { color: #000000; text-transform: uppercase; content: ''; padding-top: 15px; }
	.webname_mobil { top: 15px; z-index:2000; font-size: 16px; font-weight: bold; max-width: 90%; }
}

@media (max-width: 640px) {
	#sharkmenu ul > li { padding: 5px 10px 5px 30px; }
}