/*
 Anpassung an CDU Deutschlands CI
*/
html, body { font-family: 'IBM Plex Serif', Kievit, sans-serif; }

.sharkmenu_social_dienstanbieter { font-family: 'Inter', Kievit, sans-serif; font-weight:bold; }
#sharkmenu,
.sharkmenu_social_rahmen { font-family: 'Inter', Kievit, sans-serif; }
#sharkmenu > ul > li > ul > li > ul > li:hover > a { color: #52b7c1; }
#sharkmenu > ul > li > ul > li > ul > li.active > a { color: #52b7c1; }
#sharkmenu > ul > li > ul > li:hover > a { color: #52b7c1; }
#sharkmenu > ul > li > ul > li.active > a { color: #52b7c1; }
#sharkmenu > ul > li:hover > a { color: #52b7c1; }
#sharkmenu > ul > li.active > a { color: #52b7c1; }

@media only screen and (min-width: 768px) {
  #logo {  top: 25px; width: 200px; margin-right: 20px; }
}

@media only screen and (max-width: 900px)
{
  .sharkmenu_social_dienstanbieter { padding: 10px 0 0 180px; }
  #logo { width: 160px; left: 7px; top: 7px; display: block; right:auto; }
}

@media only screen and (max-width: 768px)
{
  .sharkmenu_social_dienstanbieter { padding: 2px 0 0 110px; }
  #logo { width: 100px; left: 2px; top: 2px; display: block; }
}

footer { background: #2d3c4b; }
.footer_bezeichnung a { font-weight: 500; }
#totop { background: #ffa600; }
.top5termine-icon,
.termine-icon { background: #52b7c1; color: #ddeef1; }
.section--news-list-more { display: block; font-weight: 700; margin-top: 25px; color: #52b7c1; font-family: 'Inter', Kievit, sans-serif; }
.section--news-list-content { background: #2d3c4b; }

.c_mediathek_video,
.section--headline-header,
.c_mediathek_podcast { background: #52b7c1 !important; }

.section--contact-form { background: #52b7c1 !important; }
.programm_ergebnis_button,
.programm_ergebnis,
.programm_thema_button { font-family: 'Inter', Kievit, sans-serif; background: #ffa600; color: #000000; }
.programm_div_ergebnis { background: #ddeef1; }

.artikelliste_3_titel { font-family: 'Inter', Kievit, sans-serif; background: #2d3c4b !important; color: #FFFFFF; }
.artikelliste_3_titel2 { background: #f2f8fa; color: #000000; }
.countdown_inhalt { font-family: 'Inter', Kievit, sans-serif; }
.section--team-member .section--team-member-vita .title { text-transform: none; font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b;  font-size: 20px; font-weight: 700; text-align:left; padding: 10px; }
.section--team-member .section--team-member-vita .position { text-transform: none; color: #000000; background: #ffa600;  font-size: 16px; font-weight: 700; text-align:left; padding: 10px; }
.section--team-member2 .section--team-member-vita .title { text-transform: none; font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b;  font-size: 20px; font-weight: 700; text-align:left; padding: 10px; border-radius: 0; }
.section--team-member2 .section--team-member-vita .position { text-transform: none; color: #000000; background: #ffa600;  font-size: 16px; font-weight: 700; text-align:left; padding: 10px; }
.section--team-member-image { margin-bottom: 0px; }
.section--team-member-vita { padding: 0; border-radius: 0; }

.section--contact-form .section--headline { font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b; font-size: 24pt; line-height: 1.65em; padding: 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; margin: 30px auto ; left:16%; }
.section--contact-form .section--headline span { font-family: 'Inter', Kievit, sans-serif; background: #ffa600; color: #000000; font-size: 20px; display: none; }

@media only screen and (min-width: 768px) {
  .section--contact-form-form { margin: 30px auto; }
}

.section--quote blockquote p { font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b; font-size: 14pt; line-height: 1.65em; padding: 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; }
@media only screen and (min-width: 768px) {
  .section--quote-sign img { left: 40%; bottom: -40px; }
}
/* Slider */
.active .section--header-slider-slide .title div a { font-family: 'IBM Plex Serif', Kievit, sans-serif; letter-spacing: -0.02em; color: #000000; background: #FFFFFF; font-weight: 700; padding: 10px 19px 8px 19px; font-size: 16pt; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; margin-top:10px; }
.active .section--header-slider-slide .title div:nth-child(1) a { font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b; font-size: 48pt; line-height: 1.48em; }
.slider_text_bottom { font-size: 16pt; margin-top: 5px; }
@media only screen and (min-width: 768px) {
  .section--header-slider-slide .title { margin: 30% 0 0 100px; }
}  

@media only screen and (min-width: 1600px) {
  .headline-huge, .section--header-slider-slide .title, .section--modul-slider-slide .title, .section--headline-header-title { font-size: 55px; line-height: 38px; }
}
@media only screen and (min-width: 1100px) {
  .headline-huge, .section--header-slider-slide .title, .section--modul-slider-slide .title, .section--headline-header-title { font-size: 4em; line-height: 50px; z-index: 300; }
}

.headline-huge, .section--header-slider-slide .title, .section--modul-slider-slide .title {
    font-family: 'Inter', Kievit, sans-serif; 
    font-weight: 700;
    font-size: 48px;
    line-height: 1em;
    margin-bottom: 5px;
    text-transform: none;
    color: #FFFFFF; background: transparent;
    padding: 20px;
}

.section--image-headline-header .section--headline,
.section--text-buttons .section--headline,
.section--text-image .section--headline,
.section--project-detail.layout-default .section--headline,
.section--headline-header-title,
.section--news-list .section--headline { font-family: 'Inter', Kievit, sans-serif; margin-bottom: 30px; font-weight: 700; color: #FFFFFF; background: #2d3c4b; padding: 10px; display: inline-block; }
.section--news-list-headline {
    font-family: 'Inter', Kievit, sans-serif; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone; 
    box-sizing: border-box;
    position: absolute;
    bottom: 5%;
    left: 4%;
    float: left;
    margin-bottom: 0;
    padding: 15px;
    color: #FFFFFF; background: transparent;
    z-index: 2;
    max-width: 92%;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
}
.layout-default .section--project-detail-content { background: #2d3c4b; }
.section--news-list-headline a { color: #FFFFFF; display: inline; background: #2d3c4b; padding: 10px 15px; font-weight: 700; line-height: 1.8em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.artikelliste_1_titel,
.artikelliste_2_titel,
.artikelliste_2_button,
.section--icons .section--headline, .section--project-slider .section--headline, 
.section--text .section--headline, .section--team .section--headline {
    font-family: 'Inter', Kievit, sans-serif; 
    /*margin-bottom: 30px;*/
    font-weight: 700;
    background: #2d3c4b !important;
    color: #FFFFFF !important;
    padding: 10px;
    display: initial;
    line-height: 1.8em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone; 
}
.section--text h2 { font-family: 'Inter', Kievit, sans-serif; clear:both; background: #ffa600; color: #000000; padding: 10px; float: left; }
.section--news-list-items { width: 100%; margin-top: 20px; }

.section--project-slider-overlay button { width: 100%; }
.rahmen { margin: 0px 0px 30px 20px !important; }

.section--quote .background { background : #52b7c1; }
.section-quote__copy { font-family: 'Inter', Kievit, sans-serif; background : #ffa600; color: #000000; }
.section--quote .social a { color: #FFFFFF; }

.artikelliste_1_inhalt, .artikelliste_2_titel2 { background: #ddeef1; border-radius: 0; }

.button, .section--news-list-navigation li a, .section--news-list-navigation li span, .section--contact-form-form .actions button, .section--newsletter-form-extern button,
.showform_button button,
.button-white-outline, .section--contact-form-form .actions button,
.button-black-outline, .section--news-list-navigation li a, .section--news-list-navigation li span {
  font-family: 'Inter', Kievit, sans-serif;
  font-weight: 700;
  background-color: #2d3c4b;
  border: 1px solid #2d3c4b;
  color: #FFF;
}

.button:focus, .section--news-list-navigation li a:focus, .section--news-list-navigation li span:focus, .section--contact-form-form .actions button:focus, .section--newsletter-form-extern button:focus,
.showform_button button:focus,
.button-white-outline, .section--contact-form-form .actions button:focus,
.button-black-outline:focus, .section--news-list-navigation li a:focus, .section--news-list-navigation li span:focus {
  font-family: 'Inter', Kievit, sans-serif;
  font-weight: 700;
  background-color: #52b7c1;
  border: 1px solid #52b7c1;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
    .button:hover, .section--news-list-navigation li a:hover, .section--news-list-navigation li span:hover, .section--contact-form-form .actions button:hover, .section--newsletter-form-extern button:hover,
    .showform_button button:hover,
    .button-white-outline, .section--contact-form-form .actions button:hover,
    .button-black-outline:hover, .section--news-list-navigation li a:hover, .section--news-list-navigation li span:hover {
        background-color: #52b7c1;
        font-weight: 700;
        border: 1px solid #52b7c1;
        color: #FFFFFF;
    }
}

.cdu-circle-slider { display: none !important; }
.circle-footer-icon,
.circle-image:after { display: none !important; }

.ebene2-text { background: #52b7c1; }

.section--header-slider, .termin_planer,
.section--news-list2-content { background: #f2f8fa; }
.section--aside-content-overhead,
.kampagne_standard_titel { border-bottom: 2px dashed #52b7c1; padding-bottom: 15px;}

.active .section--modul-slider-slide .title div { padding: 0; }
.active .section--modul-slider-slide .title div:nth-child(1) a,
.active .section--modul-slider-slide .title .text-bottom { background: #2d3c4b; color: #FFFFFF; }
.active .section--modul-slider-slide .title .text-bottom { font-family: 'IBM Plex Serif', Kievit, sans-serif; padding: 10px; width: 100%; }
.active .section--modul-slider-slide .title .slider_text_bottom a { font-family: 'IBM Plex Serif', Kievit, sans-serif; }

.active .section--modul-slider-slide .title { background: transparent; padding: 0; }

.active .section--modul-slider-slide .title div a { padding: 0; }
.active .section--modul-slider-slide .title .slider_text_top { padding: 10px 20px; background: #2d3c4b; }
.active .section--modul-slider-slide .title .slider_text_bottom { width: 100%; background: #FFFFFF; padding: 10px 20px; margin-top:-5px;}

.umfrage_title { font-family: 'Inter', Kievit, sans-serif; background: #2d3c4b !important; color: #FFFFFF; margin-bottom:0px !important;margin-left:0px; font-weight: 700 !important; }
.pro10box1 .title,
.pro10box2 .title,
.pro10box3 .title,
.pro10box4 .title { font-family: 'Inter', Kievit, sans-serif; background: #2d3c4b; color: #FFFFFF; font-weight: 700; }

.countdown { border-radius: 10px; }

@media only screen and (max-width: 1380px) {
  
    .section--modul-slider-slide .title { margin: 0px; }
    .active .section--modul-slider-slide .title div:nth-child(1) a { font-size: 30px; }
    .active .section--modul-slider-slide .title div a { padding: 4px 19px 3px 9px; color: #000000; line-height: 1.6em !important; font-size: 16px;}
}

@media only screen and (max-width: 895px) {
    .section--header-slider-slide .title { margin: 0px; }
    .active .section--header-slider-slide .title div:nth-child(1) a { font-size: 30px; }
    .active .section--header-slider-slide .title div a { padding: 4px 19px 3px 9px; color: #000000; line-height: 1.6em !important; font-size: 16px;}
    .slider_text_bottom { margin-top: 0px; }
    
    .section--modul-slider-slide .title { margin: 0px; }
    .active .section--modul-slider-slide .title div:nth-child(1) a { font-size: 30px; }
    .active .section--modul-slider-slide .title div a { padding: 4px 19px 3px 9px; color: #000000; line-height: 1.6em !important; font-size: 16px;}
    .headline-huge, .section--header-slider-slide .title, .section--modul-slider-slide .title { bottom: 10%; }
}

@media only screen and (max-width: 768px) {
    .section--header-slider-slide .title div a { line-height: 1.9em !important; font-size:20px; }
    .active .section--header-slider-slide .title div { line-height: 0.6em; }
    .slider_text_bottom { margin-top: 8px; }
    
    .section--modul-slider-slide .title div a { line-height: 1.9em !important; font-size:20px; }
    .active .section--modul-slider-slide .title div { line-height: 0.6em; }
}

@media only screen and (max-width: 600px) {
    .active .section--header-slider-slide .title div:nth-child(1) a { font-size: 24px; }
    .section--header-slider-slide .title div a { line-height: 2em !important; }
    .active .section--header-slider-slide .title div a { padding: 6px 10px 4px 10px; color: #000000; font-size: 14px; }
    .slider_text_bottom { margin-top: 11px; }
    
    .active .section--modul-slider-slide .title div:nth-child(1) a { font-size: 24px; }
    .section--modul-slider-slide .title div a { line-height: 2em !important; font-size:18px; }
    .active .section--modul-slider-slide .title div a { padding: 6px 10px 4px 10px; color: #000000; font-size: 14px; }
}

@media only screen and (max-width: 468px) {
    .section--header-slider-slide .title { margin: 20px 0 0 0; line-height: 1em; font-size: 16px; padding: 10px !important; }
    .section--header-slider-slide .title div a { line-height: 2.2em !important; }
    
    .section--modul-slider-slide .title { margin: 20px 0 0 0; line-height: 1em; font-size: 16px; padding: 10px !important; }
    .section--modul-slider-slide .title div a { line-height: 2.2em !important; font-size:16px; }
}

.section--news-list-item { width: 100%; }

@media only screen and (max-width: 900px) {
  #sharkmenu { background: transparent !important; }
  header { background: #52b7c1; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.13); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.13); }
  
  .artikelliste_1_titel, .artikelliste_2_titel, .artikelliste_2_button, .section--icons .section--headline, .section--project-slider .section--headline,
  .section--text .section--headline, .section--team .section--headline, .section--image-headline-header .section--headline,
  .section--text-buttons .section--headline, .section--text-image .section--headline, .section--project-detail.layout-default .section--headline,
  .section--headline-header-title, .section--news-list .section--headline {
    font-size: 1.5em; 
  }
  
  .section--contact-form .section--headline { font-size: 1.5em; left:15px ; }  
}

@media only screen and (max-width: 468px) {  
  .artikelliste_1_titel, .artikelliste_2_titel, .artikelliste_2_button, .section--icons .section--headline, .section--project-slider .section--headline,
  .section--text .section--headline, .section--team .section--headline, .section--image-headline-header .section--headline,
  .section--text-buttons .section--headline, .section--text-image .section--headline, .section--project-detail.layout-default .section--headline,
  .section--headline-header-title, .section--news-list .section--headline {
    font-size: 1em !important; 
  }
  
  .section--contact-form .section--headline { font-size: 0.9em; left:15px ; line-height: 2.2em; }
  .section--text { float:left; width: 100%; margin-top: 30px; }
  .section--news-detail .section--text { margin-top: 0px; padding-top: 0px; }
  .section--project-slider { float:left; width: 100%; }
}

.section--project-slider-slide .title, .section--project-slider-slide .subhead { text-transform: none; }
.section--text .section--text__copy,
.section--team .section--text__copy { margin-top: 20px; float: left; width: 100%; }

.artikelliste_2_titel { width: 85%; }
.artikelliste_2_button { width: 15%; }
.mediathek_podcast_titel, .mediathek_video_titel { font-weight: 700; }
.mediathek_podcast_beschreibung, .mediathek_video_beschreibung { font-weight: 500; }

.umfrage55_title { background: #2d3c4b !important; color: #FFFFFF; }

.slidervideo_text_top a { font-family: 'Inter', Kievit, sans-serif; background: #2d3c4b; color: #FFFFFF; font-weight: 700; }
.slidervideo_text_bottom { margin-top: 36px; }
.slidervideo_text_bottom a { background: #FFFFFF; font-size: 2em; font-weight: 700; color: #000000; padding: 15px 19px 13px 19px; }

@media only screen and (max-width: 1560px) {
  .slidervideo_text_bottom { top: 101px; }
}

@media only screen and (max-width: 1280px) {
  .slidervideo_text_bottom { top: 66px; }
  .section--news-list-headline { padding: 5px; }
  .section--news-list-headline span { font-size: 16px; padding: 6px 9px; font-weight: 700; line-height: 1.3em; display: contents; }
  .section--news-list-headline a {     padding: 0px 8px 8px 8px; line-height: 1.5em; }
}

@media only screen and (max-width: 800px) {
  .slidervideo_text_bottom { top: 45px; }
  .slidervideo_text_bottom a { padding: 10px; font-size: 1em; line-height: 1em; color: #000000; }
}

@media only screen and (max-width: 468px) {
  .slidervideo_text_bottom { top: 33px; }
  .slidervideo_text_bottom a { padding: 10px; font-size: 1em; line-height: 1em; color: #000000; }
  .section--contact-form { float: left; }
  .section--news-list-item { height: 200px; }
}
.section--project-detail-columns > div:last-child:before { background-image: none !important; }
.section--news-categories .section--headline { color: #000000; }
.section--text .section--headline .subheadline { font-size: 16px; background: #FFFFFF !important; color: #000000 !important; }
.kontaktadresse .kontakt_text { float:left; width: 100%; }
.section--icons,
.section--team,
.termine_grid { float: left; width: 100%; margin: 30px 0; }
.c_countdown { float:left; width: 100%; margin-bottom: 30px; padding: 0; }
.c_cdutv { float:left; width: 100%; margin-bottom: 30px; }
.section--team-member2 { margin-bottom: 0px; }
.section--team-member2 .section--team-member-vita { height: 170px !important; }
section.timeline .timeline-date { /*width: 115px;*/ }
section.timeline .timeline-date h3 { font-family: 'Inter', Kievit, sans-serif; color: #FFFFFF; background: #2d3c4b; font-weight: 500; padding-bottom:5px; }
section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #52b7c1; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #52b7c1; }
section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #52b7c1; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #52b7c1; }

.button-all:active, .button-all.is-checked { background-color: #52b7c1; }
.sm-post_comment { background: #2d3c4b; }
.termine-inner a { color: #52b7c1; }