.important-article p,
.responsive-box .container-box .nav li a span {
    font-family: var(--text-font-family);
    line-height: 1.3;
}
.responsive-box .social-shares-inner i,
.responsive-box .frame-type-textmedia a:not(.btn) {
    color: var(--a-color);
}
.responsive-box .container-box .nav .current>div>a, 
.responsive-box .container-box .nav li.active>a, 
.responsive-box .container-box .nav li .link-element-wrap.active>a span, 
.responsive-box .container-box .nav li a:hover, 
.responsive-box .container-box .nav li.active>a span, 
.responsive-box .container-box .nav li.active .link-element-wrap>a span, 
.responsive-box .container-box .nav li a:hover span {
   color: var(--heading-color);
   font-weight: 600;
}
.event-icon span:last-child,
.event-icon span:first-child {
    width: 93%;
}
@media screen and (min-width: 1420px) {
    .frame-space-before-extra-small { margin-top: 2.5em; }
    .frame-space-before-small { margin-top: 3.5em; }
    .frame-space-before-medium { margin-top: 4.5em; }
    .frame-space-before-large { margin-top: 5.5em; }
    .frame-space-before-extra-large { margin-top: 6.5em; }
    .frame-space-after-extra-small { margin-bottom: 2.5em; }
    .frame-space-after-small { margin-bottom: 3.5em; }
    .frame-space-after-medium { margin-bottom: 4.5em; }
    .frame-space-after-large { margin-bottom: 5.5em; }
    .frame-space-after-extra-large { margin-bottom: 6.5em; }
}
@media only screen and (max-width: 1100px) {
    .h1, h1 {
        font-size: var(--responsive-h1-1100-font-size);
        line-height: var(--responsive-h1-1100-line-height);
    }
    .h2, h2 {
        font-size: var(--responsive-h2-1100-font-size);
        line-height: var(--responsive-h2-1100-line-height);
    }
    .h3, h3 {
        font-size: var(--responsive-h3-1100-font-size);
        line-height: var(--responsive-h3-1100-line-height);
    }
    .h4, h4,
    .h5, h5 {
        font-size: var(--responsive-h4-1100-font-size);
        line-height: var(--responsive-h4-1100-line-height);
    }
    .section-header + .row-teaser,
    *:not(.with-flex-feature) > .section-header+div {
        margin-top: 1.5em;
    }
}
@media only screen and (max-width: 576px) {
    .h1, h1 {
        font-size: var(--responsive-h1-576-font-size);
        line-height: var(--responsive-h1-576-line-height);        
    }
    .h2, h2 {
        font-size: var(--responsive-h2-576-font-size);
        line-height: var(--responsive-h2-576-line-height);        
    }
    .h3, h3 {
        font-size: var(--responsive-h3-576-font-size);
        line-height: var(--responsive-h3-576-line-height);
    }
    .h4, h4,
    .h5, h5 {
        font-size: var(--responsive-h4-576-font-size);
        line-height: var(--responsive-h4-576-line-height);        
    }
    *:not(.with-flex-feature) > .section-header+div {
        margin-top: 1.5em;
    }
}
@media only screen and (max-width: 1024px) {
    .header .header-main {
        height: var(--header-main-height-1024);
        padding-top: var(--header-main-padding-top-1024);
    }
    .logo a img {
        height: var(--logo-img-height-1024);
        width: var(--logo-img-width-1024);
    }
    #root .btn-resp-wrap {
        right: 0;
    }
	.header-info {
		display: none;
	}
    .event-icon span {
        height: 2px;
    }
}
@media only screen and (max-width: 950px) and (min-width: 781px) {
    .topic-inner {
        padding-right: 35px;
    }
    .topic-header a {
        background-size: cover;
        width: 28px;
        height: 28px;
        right: -32px;
    }
}
@media only screen and (max-width: 780px) { 
    .section-inner.section-grid-3 > div {
        width: 100%;
        flex: auto;
        max-width: 100%;
    }
}
@media only screen and (max-width: 780px) and (min-width: 481px) { 
    .topic-header {
        display: flex;
    }
    .topic-header *:first-child {
        max-width: 190px;
        width: 100%;
        margin-right: 5px;
    }
}
@media only screen and (max-width: 840px) and (min-width: 721px) {
    body #p>header .contact-data a {
        font-size: var(--contact-data-link-font-size-721-800);
    } 
}
@media only screen and (max-width: 720px) { 
    #p > header .contact-data ul li > span,
    #p > header .contact-data ul li > br {
        display: none;
    }
    #p > header .contact-data ul li a {
        width: 26px;
        overflow: hidden;
        display: block;
        line-height: 0;
        font-size: 25px;
        color: transparent;
        text-align: center;
    }   
    #p > header .contact-data ul li a span {
       color: var(--contact-data-li-span-color-720);
    }
}
@media only screen and (max-width: 480px) {
    #p > header .contact-data ul {
        display: flex;
        flex-direction: column-reverse;
    }
    #p > header .contact-data ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        line-height: 1.1;
        margin-top: 10px;
    }
    #p > header .contact-data ul li:last-child {
        margin-top: 0px;
    }
    #p > header .contact-data ul li span.item {
        max-width: 122px;
        display: inline-block;
    }
    #p > header .contact-data ul li span.item .text-week-days {
        font-size: 11px;
    }
}
@media only screen and (max-width: 380px) {
    #p > header .header-logo-a img {
        max-width: 120px;
    }
    #p > header .contact-data ul li {
        font-size: 13px;
    }
    #p > header .contact-data ul li span.item {
        max-width: 121px; 
    }  
}

/* Responsive content */
@media only screen and (min-width: 1025px) {
 
}
@media only screen and (max-width: 1200px) {
    .keyvisual-inner .content-inner .heading {
        font-size: 36px;
        line-height: 44px;
    }
}
@media only screen and (max-width: 1100px) {
    .topic-slider .topic {
        width: 425px;
    }
    .topic-slider .topic img {
        width: auto;
    }
}
@media only screen and (max-width: 1024px) {
    .frame-type-mask_reference_teaser.frame-layout-0 .section-content {
        margin: 0 -20px;
    }
}    
@media only screen and (max-width: 1024px) and (min-width: 840px) {    
    .ce-textpic.ce-left.ce-intext.ce-nowrap img.image-embed-item,
    .ce-textpic.ce-right.ce-intext.ce-nowrap img.image-embed-item {
        max-width: 100%;
        height: auto;
        width: 400px;
    }
}
@media only screen and (max-width: 540px) {
    .topic-slider .topic {
        width: 325px;
    }
    .topic-slider .topic img {
        width: auto;
    }
    .topic-inner.no-additional-effects {
        padding-bottom: calc(90.5% - 20px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .topic-inner.no-additional-effects h3, 
    .topic-inner.no-additional-effects .h3 {
        font-size: 30px;
        line-height: 1.2;
    }
    .topic-inner.no-additional-effects .btn {
        padding: 10px 20px 10px 15px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 380px) {
    .topic-slider .topic {
        width: 280px;
    }
    .topic-inner.no-additional-effects p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .topic-inner.no-additional-effects h3, 
    .topic-inner.no-additional-effects .h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1024px) {
    .topic-slider.invoke-carousel.slick-slider {
        width: 100%;
    }
}
@media only screen and (max-width: 1122px) {
    .keyvisual {
        margin-bottom: 60px;
    }
    .keyvisual-inner {
        padding: 40px 20px;
    }
    .keyvisual-inner picture, 
    .keyvisual-inner figure {
        max-width: 55%;
    }
}
@media only screen and (max-width: 1000px) {
    .keyvisual-inner picture img,
    .keyvisual-inner figure img {
        max-width: 100%;
        height: 250px;
        transform: none;
        width: 100%;
    }
}
@media only screen and (max-width: 870px) {
    .frame-type-mask_text:not(.frame-col-1) {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .frame-type-mask_text.frame-col-1 .grid-2.first {
        align-self: center;
    }
    .frame-type-mask_text:not(.frame-col-1) .fg__container .fg__row {
        gap: 30px;
    }
    .frame-type-mask_text:not(.frame-col-1) .fg__container .fg__row>.grid-2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .flex-direction-row.equality-included {
        flex-direction: column;
    }
    .flex-direction-row-reverted.equality-included {
        flex-direction: column;
    }
}
@media only screen and (max-width: 880px) {
    main ul li, main ol li, p, .p {
        font-size: var(--responsive-main-li-font-size);
        line-height: var(--responsive-main-li-line-height);
    }
}
@media only screen and (max-width: 767px) {
    .keyvisual-inner picture.aos-init.aos-animate {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        opacity: 0.1 !important;
    } 
    .keyvisual-inner div {
        justify-content: center;
    }
}
@media only screen and (max-width: 680px) {
    .keyarea .slider-item .content h1 {
        font-size: var(--responsive-keyarea-h1-680-font-size);
    }   
    .keyarea .slider-item .content strong.subline {
        font-size: var(--responsive-keyarea-subline-680-font-size);
        line-height: var(--responsive-keyarea-subline-680-line-height); 
    }
}  
@media screen and (max-width: 720px) {
    .content-listtype-bcbase_referencedetail .frame-default .fg_teaser {
        padding: 0;
    }
    .fg__container .fg__row .figure-wrap.grid-2  {
        margin-top: 20px;
    }
    .fg__container .fg__row>.grid-c33,
    .fg__container .fg__row>.grid-c67,
    .fg__container .fg__row>.grid-2 {
        width: 100%;
        margin: 0 auto;
    }
    .fg__container .fg__row>.grid-2 figure,
    .fg__container .fg__row>.grid-2 picture {
        max-width: 600px;
        margin-bottom: 15px;
    }
    .fg__container .fg__row>.grid-2 + .grid-2 {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .keyarea .slider-item .content h1 {
        font-size: var(--responsive-keyarea-h1-480-font-size);
        line-height: var(--responsive-keyarea-h1-480-line-height);
        font-weight: var(--responsive-keyarea-h1-480-font-weight);
    }
    .keyarea .slider-item .content strong.subline {
        font-size: var(--responsive-keyarea-subline-480-font-size);
        line-height: var(--responsive-keyarea-subline-480-line-height);
    }
}
@media screen and (max-width: 840px) {
    .reference-image {
        min-width: 280px;
    }
}
@media screen and (max-width: 600px) {
    .reference-image {
        min-width: 200px;
    }
    .reference-header-text > p {
        margin-bottom: 10px
    }
}
@media screen and (max-width: 480px) {
    .reference-box .display-flex {
        flex-direction: column-reverse;
        gap: 15px;
        align-items: flex-start;
    }
    .reference-box .reference-title {
        margin-bottom: .35rem;
    }
    .reference-box .reference-image {
        min-width: 0;
        max-width: 260px;
        height: auto;
        overflow: hidden;
    }
}
@media screen and (max-width: 600px) {
    .reference-content {
        display: flex;
        flex-direction: column;
    }
    .reference-informationbox {
        width: auto;
        float: none;
        margin-top: 30px;
        margin-left: 0;
        order: 3;
        max-width: max-content;
    }
    .reference-content .header h1 {
        font-size: 36px;
    }
    .reference-content .reference-label {
        font-size: 20px;
    }
    .bcbase-reference span.project-name {
        color: #000;
        font-size: 18px;
    }
    .bcbase-reference ul.pager {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bcbase-reference ul.pager li {
        font-size: 14px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 900px) {
    .news-list-view.display-flex.flex-direction-row {
        flex-direction: column;
    }
}
@media only screen and (max-width: 800px) {
    .frame-type-news_newsliststicky span.date {
        font-size: 22px;
        font-weight: 300;
        padding: 6px 4px;
        line-height: 17px;
        background: #ebebe9;
        color: #000;
    }
    .news.news-single .article.fg_teaser {
        margin-top: 20px;
    }
    .news-text-wrap {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 720px) {
    .frame-type-news_newsliststicky section.article.boxy-view {
        width: 100%;
        min-height: 200px;
        margin-bottom: 10px;
    }
    .frame-type-news_newsliststicky .news-latest-view {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 720px) and (min-width: 491px) {    
    .frame-type-news_newsliststicky .boxy-view .col.new-text-col {    
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .frame-type-news_newsliststicky .boxy-view .section-wrap.display-flex {
        flex-direction: row;
        align-items: flex-start; 
    }
    .frame-type-news_newsliststicky .news-latest-view section {
        min-height: 193px;
    }
}
@media only screen and (max-width: 480px) {
    .frame-type-news_newsliststicky .boxy-view .section-wrap.display-flex {
        max-width: 360px;
        margin: 0 auto;
    }
    a.show-centered-circle:after {
        width: 70px;
        height: 70px;
        font-size: 12px;
    }
    .frame-type-news_newsliststicky .news-latest-view {
        gap: 30px;
    }
    .news-latest-view.news-list-view .picture-col {
        position: relative;
        display: block;
    }
    .frame-type-news_newsliststicky .boxy-view span.news-list-date {
        right: -8px;
    }
}
@media only screen and (max-width: 510px) {
    .bc-base-contact .flex-wrap-wrap {
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* Responsive footer */
@media only screen and (min-width: 1025px) {
 
}
@media only screen and (max-width: 1024px) {
    
}
@media only screen and (max-width: 800px) and (min-width: 768px) {
 
}
@media only screen and (max-width: 768px) {
    #p>footer a:not(.footer-birdcode-link) {
        font-size: var(--responsive-footer-a-768-font-size);
    }
    .footer-logo img {
        max-width: var(--responsive-footer-logo-max-width);
        height: var(--responsive-footer-logo-height);
    }
    .footer-stripe.part-1 {
        padding: 0;
    }
}
@media only screen and (max-width: 600px) { 
    .footer-stripe p {
        font-size: var(--responsive-footer-stripe-p-font-size);
        line-height: var(--responsive-footer-stripe-p-line-height);
        gap: var(--responsive-footer-stripe-p-gap);
    }
    ul.footer-menu {
        justify-content: center;
    }
    .footer-stripe.part-1 .footer-stripe--inner.display-flex {
        flex-direction: column;
        padding-bottom: 40px;
    }
    .footer-boxes-inner.display-flex.bc-wrap.justify-content-space-between {
        display: flex;
        gap: 35px;
        flex-direction: column-reverse;
    }
    .part-2 .footer-stripe--inner {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*Responsive text and media*/
@media only screen and (max-width: 840px) {
	#root .ce-textpic>*{
		width: 100%;
		float: left;
        margin-right: 0 !important;
	}
    #root .ce-textpic.ce-above {
        display: flex;
        flex-direction: column;
        gap: 20px;
	}
    #root .ce-textpic:not(.ce-above),
    #root .ce-intext.ce-left, 
	#root .ce-intext.ce-left-nowrap,
	#root .ce-intext.ce-right, 
	#root .ce-intext.ce-right-nowrap {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
	}
    #root .ce-gallery figure {
        margin: 0 auto;
    }
    #root .ce-gallery figure img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    #root .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column,
    #root .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-column {
        float: none;
    }
    #root .ce-intext.ce-right .ce-gallery, 
    #root .ce-intext.ce-left .ce-gallery, 
    #root .ce-above .ce-gallery {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
}