/*
 Anpassung an CDU Berlin Linie 2023
*/

header { background: #FFFFFF; }
#bottomlogo,
header:after { background-color: #FFFFFF; background-image: none; }
#bottomlogo { height: 70px; }
#logo { top: 18px; }
.fab, .fa-brands { color: #000000 !important; }
#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: 'Chivo Bold'; }
#sharkmenu ul li ul li ul li a { color: #FFFFFF; text-transform: none; font-family: 'Chivo Bold'; }
@media (max-width: 900px)
{
  #sharkmenu ul > li:hover a { border-bottom: 0px solid #FFF; color: #000000; }
}

.active .section--header-slider-slide .title div { background: #FFFFFF; }
.active .section--header-slider-slide .title div a { background: #FFFFFF; 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; }
}

.section--quote .background { background: #52b7c1; width: 100%; }
@media only screen and (min-width: 1100px) { blockquote { font-size: 16px; line-height: 1.3em; } }
@media only screen and (min-width: 1600px) { blockquote { font-size: 21px; line-height: 1.4em; } }

footer { background: #000000; }
.section--footer-copyright { background: #52b7c1; }
.section-quote__copy { background: #000000; font-weight: 600; }
.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: 600; text-transform: none; }

.section--headline-header { background: #52b7c1; }
.section--headline-header-title { background: #000000; font-weight: 600; text-transform: none; }
.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: #52b7c1; border: 1px solid #52b7c1; }

.termin_kalender_wochentage td { background-color: #52b7c1; color: #FFFFFF; }

.pro10box1 .title,
.pro10box2 .title,
.pro10box3 .title,
.pro10box4 .title { background: #000000; }

.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%; }
.c_mediathek_video { float:left; background: #AAAAAA; }
.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: #52b7c1; }
.showform_button button { background: #52b7c1;  border-radius: 0px; }
.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 { padding: 20px; }
.layout-default .section--project-detail-content { background-color: #000000; color: #FFFFFF; }
.section--project-slider { float:left; width: 100%; }

@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 (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; line-height: 1.3em; }
	.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; }
}