/*
 Anpassung an CDU Berlin CI Linie 2023
*/

body { font-family: 'IBM Plex Serif', Kievit, sans-serif; }
header { background: #FFFFFF; }
footer { background: #2d3c4b; }
#bottomlogo { height: 73px; }
#bottomlogo,
header:after { background-color: #FFFFFF; background-image: none; }
#logo { top: 18px; }
.fab, .fa-brands { color: #000000 !important; }

/* Menü */
#sharkmenu,
#sharkmenu ul li ul li { background: #FFFFFF; }
#sharkmenu ul li ul li a,
#sharkmenu > ul > li > a { color: #000000; text-transform: none; font-family: 'Inter'; font-weight: 700; }
#sharkmenu ul li ul li ul li a { color: #FFFFFF; text-transform: none; font-family: 'Inter'; font-weight: 700; }
@media (max-width: 900px)
{
  #sharkmenu ul > li:hover a { border-bottom: 0px solid #FFF; color: #000000; }
}

/* Slider */
.active .section--header-slider-slide .title div { background: #2d3c4b; color: #FFFFFF; font-family: Inter; }
.active .section--header-slider-slide .title div a { background: #2d3c4b; color: #FFFFFF; font-family: Inter; font-weight: 600; }
.active .section--header-slider-slide .title div:nth-child(1) a { background: #2d3c4b; color: #FFFFFF; font-family: Inter; font-weight: 600; }
.active .section--header-slider-slide .title div:nth-child(2) { background: #000000; }
.active .section--header-slider-slide .title div:nth-child(2) a { background: #000000; color: #FFFFFF; font-weight: 600; }
.active .section--header-slider-slide .title .slider_text_top a:after,
.active .section--header-slider-slide .title .slider_text_bottom a:after { background-image: none; }
.slider_text_top { background: #FFFFFF; color: #000000; }
.slider_text_bottom { margin-top: 0px; }
.headline-huge, .section--header-slider-slide .title, .section--headline-header-title { text-transform: none; }
@media only screen and (min-width: 768px) {
    .section--quote .background:after { background-image: none; }
}

/* Zitat */
.section--quote .background { background: #52b7c1; width: 100%; }
@media only screen and (min-width: 1600px) {
    blockquote { font-size: 21px; line-height: 33px; }
}

.section--contact-form,
.section--footer-copyright p,
.section--footer-copyright { background: #52b7c1; }
.section-quote__copy { background: #2d3c4b; font-weight: 400; font-family: Inter; }
.bevel-blue-r:after, .section--footer-copyright p:after { background-image: none; }
.bevel-yellow-l:before, #menu-toggle:before, #totop:before, #newsletter-toggle:before { background-image: none; }
.section--footer-social .fab, .fa-brands { color: #FFFFFF !important; }
footer .logo { width: 200px; }
.section--footer-copyright span { color: #FFFFFF !important; }

.headline-large, .section--image-headline-header .section--headline, .section--text-buttons .section--headline, .section--project-slider .section--headline, .section--project-detail .section--headline,
.section--text .section--headline, .section--team .section--headline,
.section--news-list .section--headline { font-weight: 700; text-transform: none; font-family: Inter; }

.section--headline-header { background: #52b7c1; }
.section--headline-header-title { font-family: Inter; background: #2d3c4b; font-weight: 700; text-transform: none; display: inline-block; }
.section--headline-header-box-balken { display: none !important; }

.section--project-slider-overlay:before,
.section--project-slider .section--headline:after { background-image: none; }

.button, .section--news-list-navigation li a, .section--news-list-navigation li span, .section--contact-form-form .actions button, .section--newsletter-form-extern button
{ background: #2d3c4b; border: 1px solid #2d3c4b;  font-family: Inter; font-weight: 700; }

.termin_kalender_wochentage td { background-color: #52b7c1; color: #FFFFFF; padding: 15px 0; }

.pro10box1 .title,
.pro10box2 .title,
.pro10box3 .title,
.pro10box4 .title { background: #2d3c4b; font-family: Inter; }

.section--project-slider-slide .button, .section--project-slider-slide .section--news-list-navigation li a, .section--news-list-navigation li .section--project-slider-slide a, .section--project-slider-slide .section--news-list-navigation li span, .section--news-list-navigation li .section--project-slider-slide span, .section--project-slider-slide .section--contact-form-form .actions button, .section--contact-form-form .actions .section--project-slider-slide button, .section--project-slider-slide .section--newsletter-form-extern button, .section--newsletter-form-extern .section--project-slider-slide button
{
    text-transform: none; 
}
.button-black-outline, .section--news-list-navigation li a, .section--news-list-navigation li span { color: #FFFFFF; }
.section--text { float: left; width:100%; }
.c_mediathek_podcast { float:left; width:100%; background: #52b7c1;}
.c_mediathek_video { float:left; width:100%; background: #52b7c1; }

.c_mediathek_podcast .section--headline { float:left; background: #2d3c4b; color: #FFFFFF; padding: 20px; }
.c_mediathek_video .section--headline { float:left; background: #2d3c4b; color: #FFFFFF !important; padding: 20px; }

.button-outline { color: #FFFFFF; }

.button-black-outline:focus, .section--news-list-navigation li a:focus, .section--news-list-navigation li span:focus {
  background-color: transparent; border-color: #000000; color: #000000;
}
@media only screen and (min-width: 768px) {
  .button-black-outline:hover, .section--news-list-navigation li a:hover, .section--news-list-navigation li span:hover {
    background-color: transparent; border-color: #000000; color: #000000;
  }
}

@media only screen and (min-width: 768px) {
	.button-blue:hover { background-color: #000000; border-color: #FFFFFF; }
}

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

.section--team-member .title { color: #000000; font-family: Inter; }
.section--icons-icon a { color: #52b7c1; padding: 10px; margin-top:20px; text-transform: uppercase; font-weight: 700; }
.showform_button button { background: #52b7c1;  border-radius: 0px; font-family: Inter; }
figcaption { background: #52b7c1; width: 100%; }
.theme-yellow .slick-dots li button:hover, .theme-yellow .slick-dots li button:focus { background-color: #000000; }
.theme-yellow .slick-dots li.slick-active button { background-color: #000000; }
.theme-yellow .slick-dots li button { border-color: #000000; }
.section--header-slider-slide .title { font-family: Inter; padding: 20px; bottom: 0; background-color: transparent; color: #FFFFFF; font-size:40px; line-height:45px; }
.layout-default .section--project-detail-content { background-color: #2d3c4b; color: #FFFFFF; }
.section--project-slider { float:left; width: 100%; }
.section--news-list-headline { background-color: #2d3c4b; font-family: Inter; }
.section--contact-form .section--headline { font-family: Inter; text-transform: none; }
.section--icons-icon .title { font-family: Inter; text-transform: none; }
.artikelliste_3_titel { background: #52b7c1; font-family: Inter; }
.termin_diff_5,
.termine-icon { background: #52b7c1; color: #FFFFFF; }
.termin_planer_springer_2 { font-family: Inter; font-weight: 700; }
.termine-thema h3 { font-family: Inter; font-size: 20px; line-height: 1.3em; }
.section--news-categories .section--headline { margin-bottom: 30px; color: #000000; font-family: Inter; text-transform: none; }
.section--news-categories a { color: #000000; font-family: Inter; text-transform: none; }
.section--news-detail .section--text__copy h1, .section--news-detail .section--text__copy h2, .section--news-detail .section--text__copy h3, .section--news-detail .section--text__copy h4, .section--news-detail .section--text__copy h5, .section--news-detail .section--text__copy h6 { color: #000000; font-family: Inter; text-transform: none; }
.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-family: Inter; text-transform: none; }
.section--project-detail.layout-bg { background: #52b7c1; margin-bottom: 30px; }
.layout-bg .section--project-detail-gallery:before { background-image: none !important; border: 0 !important; }
.layout-bg .section--project-detail-gallery:after { background-image: none !important; border: 0 !important; }
.section--project-slider-slide .title, .section--project-slider-slide .subhead,
.section--icons .section--headline,
.section--project-detail-content .title, .section--project-detail-content .subhead { text-transform: none; font-family: Inter; }
#sharkmenu #menu-button { font-family: Inter; }
.section--text-image .section--headline { font-size: 30px; line-height: 1em; }
.section--text-image .section--headline, .section--text-image .section--subheadline { text-transform: none !important; }
.artikelliste_1_titel,
.artikelliste_2_titel,
.artikelliste_2_button { background: #52b7c1; }
.section--aside-content-overhead { font-family: Inter; }
.top5termine-icon { background: #52b7c1; }
.bside-layout > div .teaser_sw_row_title,
.aside-layout > aside .teaser_sw_row_title,
.kampagne_standard_titel { font-family: Inter; font-weight: 900; text-transform: uppercase; padding: 20px 0; }
.theme-yellow .slick-prev:before, .theme-yellow .slick-next:before { border-left-color: #52b7c1; border-top-color: #52b7c1; }
.theme-yellow .slick-prev:before, .theme-yellow .slick-next:before { border-left-color: #52b7c1; border-top-color: #52b7c1; }

@media only screen and (min-width: 100px) {
	.section--project-detail-columns > div:last-child:before {
    		background-image: none;
		-moz-box-shadow: inset -1px 0px 0px 0px #000000;
		-webkit-box-shadow: inset -1px 0px 0px 0px #000000;
		box-shadow: inset -1px 0px 0px 0px #000000;
	}
}

@media only screen and (min-width: 768px) {
  .section--project-slider .section--headline { background: #2d3c4b; color: #FFFFFF; padding:20px; left: 3%; top: 6%; }
}

@media only screen and (max-width: 1400px) {
	.afterslider { top: -80px; margin-bottom: -80px; }
}

@media only screen and (min-width: 769px) and (max-width: 1180px) {
	.afterslider { top: -50px; margin-bottom: -50px; }
	.section--quote-sign img { display: none; }
	.section--quote blockquote { font-size: 12px; }
	.slick-dots { display: none !important; }
}

@media only screen and (min-width: 1000px) and (max-width: 1180px) {
	.afterslider { top: -80px; margin-bottom: -80px; }
}

@media (max-width: 900px) {
	.afterslider { top: -40px; margin-bottom: -40px; }
	#sharkmenu #menu-button { color: #000000; }
	#sharkmenu > ul.open { background: #FFFFFF; }
	#sharkmenu #menu-button:after { border-top: 2px solid #000000; border-bottom: 2px solid #000000; }
	#sharkmenu #menu-button:before { border-top: 2px solid #000000; }
	#sharkmenu > ul.open li ul li ul li { background: #FFFFFF; }
	#sharkmenu ul li ul li ul li a { color: #000000; }
	#sharkmenu > ul > li > ul > li.sub:after { background-image: none; box-shadow: none; }	
}

@media (max-width: 767px) {
	#logo { top: 10px; }
	#sharkmenu #menu-button { color: #000000; }
	#sharkmenu > ul.open { background: #FFFFFF; }
	#sharkmenu #menu-button:after { border-top: 2px solid #000000; border-bottom: 2px solid #000000; }
	#sharkmenu #menu-button:before { border-top: 2px solid #000000; }
}


@media only screen and (max-width: 768px) {
	.afterslider { top: -30px; margin-bottom: -30px; }
	.section--quote-sign img { display: none; }
	.section--quote blockquote p { font-size: 14px; color: #FFFFFF; }
	.slick-dots { display: none !important; }
}

@media (max-width: 767px) {
	#logo { top: 10px; }
	.section--quote blockquote p { font-size: 14px; color: #000000; }
	.section--quote-sign img { display: block; }
	.slick-dots { display: none !important; }
}

@media only screen and (max-width: 468px) {
	.afterslider { top: -80px; margin-bottom: -80px; }
}

@media only screen and (max-width: 1366px) {
	#social { width: auto; }
}

@media only screen and (min-width: 768px) {
  .section--project-detail.layout-default .section--headline,
  .section--image-headline-header .section--headline { background: #2d3c4b; color: #FFFFFF; left: 25px; padding: 12px 25px 12px 25px; }
  .section--project-detail.layout-default .section--headline:after,
  .section--image-headline-header .section--headline:after { background-image: none; }
}

@media only screen and (max-width: 1366px) {
  #social a { background : transparent; color: #FFFFFF !important; }
}
  
/* Halfside */
.halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay { background : #2d3c4b !important; font-family: Inter;  }
  
}

@media only screen and (min-width: 1600px) {
  .headline-huge, .section--header-slider-slide .title, .section--headline-header-title { font-size: 40px; line-height: 45px; }
}

.sm_color_facebook { color: #3b5999 !important; }
.sm_color_instagram { color: #e41b64 !important; }
.sm_color_twitter { color: #000000 !important; }
.sm_color_youtube { color: #fe0000 !important; }

.news-social-headline { font-family: Inter; }
.presse-social-headline { font-family: Inter; }

@media only screen and (max-width: 468px) {
    .headline-huge, .section--header-slider-slide .title, .section--headline-header-title {
        font-size: 14px;
        line-height: 18px;
    }
}