header {
    background: linear-gradient(45deg, rgba(15, 85, 105, 1) 79%, rgba(82, 183, 193, 1) 100%);
    border-bottom: 3px solid #ffffff;
}

@media (min-width: 768px) {
    body { padding-top: 180px; }
}
@media (max-width: 768px) {
    body { padding-top: 150px; }
}

@media (max-width: 900px) {
    header { height: 150px; }
    #sharkmenu ul { min-height: 42px; }
    #sharkmenu ul > li { border-bottom: 1px solid white; padding: 0; }
    #sharkmenu ul li a { font-weight: 400; }
    #sharkmenu ul > li:hover a { color: #000000; }
    #sharkmenu > ul > li.active { background: #63c3d1; color: #0f5569; border: 0px;  }
    #sharkmenu > ul > li.active > a { padding-bottom: 10px; }
    #sharkmenu ul > li > ul { padding: 0; margin-top: 0; }
    #sharkmenu > ul.open li ul li { padding : 10px 0px 10px 45px; border-bottom: 1px solid #63c3d1; }
    #sharkmenu > ul.open li ul li ul li { background: #ffffff; padding : 10px 0px 14px 60px; }
    #sharkmenu > ul.open li ul li ul li a { color: #000000; }
}

.logoheader .logo img { width: auto; height: 50px; }
.logoheader .claim img { height: 100px; width: auto; float:left; margin-right: 4px; }
@media (max-width: 900px) {
    .logoheader .claim { width: 75%; }
    .logoheader .logo { width: 20%; float:right; margin-top: 30px; }
    .logoheader .logo img { height: auto; }
}

.claimtext { font-family: 'Inter', 'Poppins', sans-serif; font-size: 30px; font-weight: 900; color: #FFFFFF; height: 70px; text-transform: uppercase; margin-top: 29px; margin-left: 20px; }
.claimtext span { color: #52B7C1; }
@media (max-width: 900px) {
    .claimtext { font-size: 24px; }
}

@media (max-width: 468px) {
    .claimtext { font-size: 16px; }
}

.logoheader .claim { margin-top: 20px; }

.sliderhaupt { margin: 0; height: auto; width:100%; }



#social a { color: #FFFFFF; }

#sharkmenu > ul > li > a { color: #FFFFFF; }
#sharkmenu > ul > li > ul > li { background: white; }
#sharkmenu ul li ul li ul li { background: #52B7C1; }
#sharkmenu > ul > li > ul > li > a { color: #000000; padding: 5px 10px 0px 0px; }
#sharkmenu > ul > li > ul > li > ul > li > a { padding: 5px 10px 0px 0px; }
#sharkmenu > ul > li:hover { background: white; border-radius: 0px; }
#sharkmenu > ul > li:hover > a { color: #000000; }

.section--icons .section--headline,
.section--text .section--headline,
.section--team .section--headline,
.section--news-list .section--headline { font-family: 'Inter', 'Poppins', sans-serif; color: #000000; font-weight: 900; text-transform: uppercase; }
.c_mediathek_video .section--headline { color: #FFFFFF; }

#gofooter { background-color: #0F5569; }

.c_mediathek_podcast { background: #52B7C1; }
.c_mediathek_podcast .section--headline { color: #FFFFFF; padding: 30px 20px 0 30px; }
.c_mediathek_video { background: #52B7C1; }
.c_mediathek_video .section--headline { color: #FFFFFF; padding: 30px 20px 0 30px; }

.section--team-member .title { color: #434A54; }
.section--team-member-image { aspect-ratio: 1; overflow: hidden; }
.section--header-slider { height: auto! important; }
.section--text-image .section--headline { color: #000000; }
.section--text-image .section--subheadline { color: #434A54; }

@media only screen and (min-width: 1600px) {
    .headline-smaller, .section--image-headline__copy h1, .section--image-headline__copy h2, .section--image-headline__copy h3, .section--image-headline__copy h4, .section--image-headline__copy h5, .section--image-headline__copy h6, .section--text-image .section--headline, .section--text-image__copy h1, .section--text-image__copy h2, .section--text-image__copy h3, .section--text-image__copy h4, .section--text-image__copy h5, .section--text-image__copy h6, .section--news-detail .section--text .section--headline, .section--news-detail .section--team .section--headline, .section--text__copy h1, .section--text__copy h2, .section--text__copy h3, .section--text__copy h4, .section--text__copy h5, .section--text__copy h6 {
        font-size: 24px;
        line-height: 25px;
    }
}

.section--footer-copyright {
    padding-left: calc(50% - 500px);
    padding-right: calc(50% - 500px);
}

@media only screen and (min-width: 768px) {
    .section--footer-copyright p { padding: 20px 0px; width: 40%; }
}

@media only screen and (min-width: 1200px) {
    .section--footer-copyright p { width: 50%; }
}

.stoerer_header { position: relative; margin-top: 168px; }
#willkommen { margin-bottom: 0px; }
.seitenkopfbild { background-size: cover !important; background-repeat: no-repeat !important; max-height: 730px; aspect-ratio: 2.6301; }
.footer_link { height: 40px; }

.webname_mobil { display: none; color: #FFFFFF; }
@media only screen and (max-width: 900px) {
	.webname_mobil { display: block; top: 155px; position: absolute; left: 20px; color: #ffffff; z-index:2000; font-size: 18px; font-weight: bold; max-width: 90%; }
}

@media only screen and (max-width: 768px) {
	.webname_mobil { top: 13px; position: fixed; z-index:2000; font-size: 16px; font-weight: bold; max-width: 90%; }
}

.section--text__copy h5, .section--text__copy h6 { font-weight: 600; font-size: 16px; line-height: 20px; }
.section--headline-header-box .section--headline-header-title, 
.section--header-slider-slide .title { text-shadow: 2px 2px black; }

@media only screen and (min-width: 900px) and (max-width: 1200px) {
    #social { display: none; }
}

@media only screen and (min-width: 1367px) and (max-width: 1500px) {
    #social { position: absolute; }
}