/**
 * 1.0 - Webfont
 *
 * Embed the webfonts
 */
/*@import url("webfonts/embed.css");*/




.grid__col {
    /*margin-right: -0.26rem;*/
}




body, button, input, select, textarea {
    color: #2D5377;
    font-size: 21px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 80px;
    text-transform: uppercase;
    line-height: 1.1;
}

h4.turquoise-headline {
    color: #fff !important;
    font-size: 30px;
    text-transform: none;
    line-height: 1.3;
}




.wpml-ls li.wpml-ls-item.wpml-ls-first-item {
    font-size: 16px;
}




.title {
    transition: color .3s;
}
a:hover .title {
    color: #2D5377;
}
.site-content.bg-darkblue a:hover .title {
    color: #3EC2CF;
}





body #site-top.congress {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#site-top.congress {
    display: flex;
    align-items: flex-end;
    height: calc(100vh - 225px);
    padding: 0;
    overflow: hidden;
}
body.admin-bar #site-top.congress {
    padding-top: calc(100vh - 257px);
}
#site-top .legend {
    position: absolute;
    z-index: 7;
    bottom: 15px;
    right: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    cursor: default;
}
#site-top .overlap-video {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#site-top.congress .main-content-wrapper {
    position: relative;
    width: 100%;
    height: 320px;
}
#site-top.congress .main-content-wrapper span.top-bl {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2D5377;

    mix-blend-mode: multiply;
}
#site-top.congress .main-content-wrapper .main-content-container {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url("graphics/congress-bg-2023.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 5vw center;
}
#site-top.congress .main-content-wrapper .content-aligning,
#site-top.congress .main-content-wrapper .main-content,
#site-top.congress .main-content-wrapper .grid,
#site-top.congress .main-content-wrapper .grid__col {
    height: 100%;
}
#site-top.congress .top-content {
    padding-top: 80px;
}
#site-top.congress .top-content .top-title {
    display: block;
    margin-bottom: 30px;
    color: #fff;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 65px;
    line-height: 0.9;
}
#site-top.congress .top-content .sub-title {
    display: block;
    color: #3EC2CF;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 30px;
    line-height: 1;
}


#site-top-anchor {
    position: relative;
    z-index: 225;
    height: 100px;
    background: #fff;
}
#site-top-anchor > *,
#site-top-anchor > * > *,
#site-top-anchor > * > * > * {
    height: 100%;
}
#site-top-anchor ul.anchor-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
}
#site-top-anchor ul.anchor-list li.anchor-list-item {
    display: block;
    text-align: center;
}
#site-top-anchor ul.anchor-list li.divider {
    position: relative;
    display: block;
    width: 2px;
    height: 50%;
}
#site-top-anchor ul.anchor-list li.divider:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2D5377;
}
#site-top-anchor ul.anchor-list li.anchor-list-item a {
    display: block;
    width: 100%;
    padding: 2vh 0;
    color: #2D5377;
    font-family: "Noto Sans", "Helvetica Neue", Arial, serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}
#site-top-anchor ul.anchor-list li.anchor-list-item a:hover {
    color: #3EC2CF;
}




.site-content {
    padding-top: 80px;
    margin-top: 0;
}
.site-content.bg-darkblue {
    margin-top: 0;

    background-size: cover;
}
.site-content.bg-congress {
    margin-top: 0;
    padding-top: 80px;
}
.site-content.background-img {

}
.site-content.background-img.no-parallax {
    background-attachment: scroll;
}
.site-content.no-bottom .grid__col:last-child .widget {
    margin-bottom: 0;
}
.site-content.bg-darkblue h1,
.site-content.bg-darkblue h2,
.site-content.bg-darkblue h3,
.site-content.bg-darkblue h4,
.site-content.bg-darkblue h5,
.site-content.bg-darkblue h6,
.site-content.bg-darkblue .title,
.site-content.bg-darkblue .widget {
    color: #fff;
}
.site-content.bg-darkblue a {
    color: #fff;
}
.site-content.bg-darkblue a:hover {
    color: #3EC2CF;
}

.site-content .content-aligning {
    max-width: 1180px;
    box-sizing: border-box;
}



.widget-congress-9 .text-block > p {
    margin-right: 50px;
    font-size: 18px;
    line-height: 1.5;
}


.widget.widget-congress-1 {

}
.widget-congress-1 .headline {
    display: block;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 80px;
    text-transform: uppercase;
    line-height: 1;
}
.widget-congress-1 .title {
    display: inline-block;
    margin-bottom: 80px;
    font-size: 30px;
    text-transform: uppercase;
}
.widget-congress-1 a.title {
    position: relative;
    margin-top: 25px;
    margin-bottom: 120px;
    padding-left: 90px;
    color: #3EC2CF !important;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-weight: 700;
}
.widget-congress-1 a.title.hide-icon {
    padding-left: 0;
}
.widget-congress-1 a.title span.anchor-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    content: "";
    width: 54px;
    height: 70px;
    background-image: url("graphics/icon-arrow-congress-2023.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.widget-congress-1 a.title.hide-icon span.anchor-icon {
    display: none;
}
.widget-congress-1 .intro {
    padding-right: 30px;
    font-family: "MetronicProSemiBold-Italic", "Helvetica Neue", Arial, serif;
    font-size: 30px;
    line-height: 1.1;
}
.widget-congress-1 .text {
    padding-right: 16.666%;
}




.widget-congress-2 {
    position: relative;
    overflow: hidden;
}
.widget-congress-2.small {
    margin-bottom: 30px;
}
.widget-congress-2.right {
    text-align: right;
}
.widget-congress-2 .img-block {
    position: relative;
    height: 120px;
}
.widget-congress-2.left .img-block {
    float: right;
}
.widget-congress-2.right .img-block {
    float: left;
}
.widget-congress-2 .img-block img {
    display: block;
    margin-top: 60px;
    transform: translate(0, -50%);
    margin-bottom: 0;
    max-height: 120px;
    width: auto;
}
.widget-congress-2.left .img-block img {
    right: 0;
}
.widget-congress-2.right .img-block img {
    left: 0;
}
.widget-congress-2 .headline-block {
    min-height: 120px;
    margin-top: 8px;
}
.widget-congress-2.left .headline-block {
    float: left;
}
.widget-congress-2.right .headline-block {
    float: right;
    margin-right: 8px;
}
.widget-congress-2 .headline-block .headline {
    display: block;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 80px;
    text-transform: uppercase;
}
.widget-congress-2 .headline-block .title {
    display: block;
    margin-bottom: 0;
    color: #3EC2CF;
    font-size: 30px;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    text-transform: uppercase;
}





.widget.widget-congress-3 {

}
.widget-congress-3 a {
    color: inherit;
}
.widget-congress-3 a:after {
    display: block;
    content: "";
    margin-top: 10px;
    background-image: url(graphics/icon-l-plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
}
.site-content.bg-darkblue .widget-congress-3 a:after {
    background-image: url(graphics/icon-lw-plus.svg);
}
.widget-congress-3 .headline {
    display: block;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 80px;
    text-transform: uppercase;
    line-height: .9;
}
.widget-congress-3 .title {
    display: block;
    margin-bottom: 60px;
    font-size: 30px;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    text-transform: uppercase;
}
.widget-congress-3 .text {
    padding: 0 16.666%;
}
.widget-congress-3 .img-wrapper {
    padding-bottom: 105%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.widget-congress-3 .caption {
    display: block;
    width: calc(125%);
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 30px;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    line-height: 1.1;
}
.widget-congress-3 .has_two_img .caption {
    width: 100%;
    font-size: 21px;
}
.widget-congress-3 .caption .title {
    margin: 0;
}








/**
* 10.4 - Ansprechpartner
*/

.widget-congress-4 {
    margin-top: -50px;
}
.widget-congress-4 a {
    color: #3EC2CF;
}
.site-content.bg-darkblue .widget-congress-4 a:hover {
    color: inherit;
}
.widget-congress-4 a:after {
    display: block;
    content: "";
    margin-top: 10px;
    background-image: url(graphics/icon-l-plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
}
.site-content.bg-darkblue .widget-congress-4 a:after {
    background-image: url(graphics/icon-lw-plus.svg);
}
.widget-congress-4 .portrait {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 105%;
    background-color: rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.site-content.bg-darkblue .widget-congress-4 .portrait {
    background-color: rgba(255,255,255,0.2);
}
.widget-congress-4 .caption {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 21px;
    line-height: 1.1;
}
.widget-congress-4 .caption .title {
    display: block;
    margin: 0;
    text-transform: uppercase;
}








/**
* 10.4 - Highlights
*/

.widget-congress-5 {
    margin-top: -50px;
}
.widget-congress-5 .portrait {
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 90%;
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
}
.widget-congress-5 .caption {
    margin-top: 20px;
    margin-bottom: 0;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    color: #2D5377;
    font-size: 22px;
    line-height: 1.1;
    text-align: center;
}
.widget-congress-5 .caption .title {
    margin: 0;
    text-transform: uppercase;
}



/**
* 10.6 - Programm Akkordeon
*/

.widget-congress-6 {
    position: relative;
}
.widget-congress-6 dl.program-block {
    margin: 0 0 30px 0;
}
.widget-congress-6 .program-block dt.toggle-title {
    position: relative;
    border-bottom: 3px solid #294969;
    background-color: #3EC2CF;
    padding: 10px 60px 10px 20px;
    color: #fff;
    cursor: pointer;

    transition: all .3s;
}
.widget-congress-6 .program-block dt.toggle-title:hover {
    border-bottom: 3px solid #3EC2CF;
    background-color: #294969;
    color: #fff;
}
.widget-congress-6 .program-block dt.toggle-title:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 28px;
    height: 28px;
}
.widget-congress-6 .program-block dt.toggle-title.closed:after {
    background-image: url("graphics/icon-bw-plus.svg");
}
.widget-congress-6 .program-block dt.toggle-title.open:after {
    background-image: url("graphics/icon-bw-minus.svg");
}
.widget-congress-6 .program-block dd.toggle-content {
    display: none;
    margin: 0;
    padding-top: 40px;
}
.widget-congress-6 .program-block dd.toggle-content.initial-open {
    display: block;
}
.widget-congress-6 .program-block .toggle-content .content {
    position: relative;
    display: block;
}
.widget-congress-6 .program-block .toggle-content .content .content-line {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 30px 0;
    margin-left: -14px;
    margin-bottom: 30px;
}
.widget-congress-6 .program-block .toggle-content .content .content-line .time {
    display: block;
    position: absolute;
    left: calc(-8.335% - 20px);
    top: 20px;
    width: calc(8.335% + 10px);
    color: #3EC2CF;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-weight: 700;
}
.widget-congress-6 .program-block .toggle-content .content .content-item {
    position: relative;
    padding-left: 14px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.full {
    width: 100%;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.half {
    width: calc(50% );
}
.widget-congress-6 .program-block .toggle-content .content .content-line.apo .content-item.half {
    width: calc(37.5%);
}
.widget-congress-6 .program-block .toggle-content .content .content-item.third {
    width: calc(33.333%);
}
.widget-congress-6 .program-block .toggle-content .content .content-item.fourth {
    width: calc(25%);
}
.widget-congress-6 .program-block .toggle-content .content .content-line.apo .content-item.third {
    width: calc(25%);
}
.widget-congress-6 .program-block .toggle-content .content .content-item.apo {
    width: calc(25%) !important;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.white {

}
.widget-congress-6 .program-block .toggle-content .content .content-item .main-content {
    position: relative;
    border-bottom: 1px solid #294969;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
    box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
}
.widget-congress-6 .program-block .toggle-content .content .content-item.blue .main-content {
    background-color: #294969;
    color: #fff;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.blue_light .main-content {
    background-color: #EAFDFF;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.yellow_light .main-content {
    background-color: #FFFBE0;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.icon .main-content {
    min-height: 80px;
    padding-right: 80px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.bottom_line .main-content {
    padding-bottom: 60px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .main-content .top-title {
    position: relative;
    z-index: 12;
    margin: -20px 0 0 -20px;
    padding: 20px 0 0 20px;
    width: calc(100% + 40px);
    font-size: 16px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title {
    cursor: pointer;
    transition: opacity .2s;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title:hover {
    opacity: .5;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title.closed:after {
    background-image: url("graphics/icon-l-plus.svg");
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down.blue .main-content .top-title.closed:after {
    background-image: url("graphics/icon-lw-plus.svg");
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title.open:after {
    background-image: url("graphics/icon-l-minus.svg");
}
.widget-congress-6 .program-block .toggle-content .content .content-item.drop-down.blue .main-content .top-title.open:after {
    background-image: url("graphics/icon-lw-minus.svg");
}
.widget-congress-6 .program-block .toggle-content .content .content-item .main-content .headline {
    max-width: 500px;
    font-family: 'NotoSansBold', "Helvetica Neue", Arial, serif;
    font-size: 18px;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .main-content .icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .main-content .bottom-line {
    display: block;
    position: absolute;
    bottom: 17px;
    color: #3EC2CF;
    font-family: 'NotoSansItalic', "Helvetica Neue", Arial, serif;
    font-size: 16px;
    line-height: 1.2;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .drop-down-content {
    position: relative;
    z-index: 3;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(22,52,221,0.13);
    -moz-box-shadow: 0px 4px 8px 0px rgba(22,52,221,0.13);
    box-shadow: 0px 4px 8px 0px rgba(22,52,221,0.13);
    padding: 20px;
    font-family: 'NotoSansItalic', "Helvetica Neue", Arial, serif;
    font-size: 16px;
    overflow: hidden;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .drop-down-content.closed {
    display: none;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .drop-down-content p:last-child {
    margin-bottom: 0;
}
.widget-congress-6 .program-block .toggle-content .content .content-item .drop-down-content a {
    color: inherit;
    text-decoration: underline;
}



.brands-item {
    border-bottom: 1px solid #294969;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
    box-shadow: 0px 2px 8px 0px rgba(22,52,221,0.13);
}







/**
* 10.6 - Mixed Slider
*/

.widget-congress-7 {
    position: relative;
}
.widget-congress-7 .swiper-slide {

}
.widget-congress-7 .swiper-slide .slide-content {
    border-top: 1px solid #294969;
    border-bottom: 1px solid #294969;
}
.widget-congress-7 .swiper-slide .slide-content .img {
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.widget-congress-7 .swiper-slide .slide-content .cite {
    position: relative;
    padding-bottom: 60%;
    text-transform: none;
}
.widget-congress-7 .swiper-slide .slide-content .cite span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: "MetronicProSemiBold-Italic", "Helvetica Neue", Arial, serif;
    font-size: 50px;
    text-align: center;
}
.widget-congress-7 .swiper-button-prev,
.widget-congress-7 .swiper-button-next {
    color: #294969;
}
.widget .swiper-button-prev {
    left: -20%;
}
.widget .swiper-button-next {
    right: -20%;
}






.widget-3 {
    height: 3px;
    background-color: #294969;
}
.site-content.bg-darkblue .widget-3 {
    background-color: #fff;
}




.widget-8 {

}
.widget-8 .text-block {
    padding-right: 16.666%;
}



.widget-17 {
    color: inherit;
}

.widget-28 .anchor {
    position: absolute;
    top: -30px;
}




#site-bottom {
    display: none;
}

#site-footer h3 {
    text-transform: inherit;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, serif;
    font-size: 34px;
    line-height: 1.3;
}
#site-footer h4 {
    text-transform: inherit;
    font-family: "NotoSansRegular", "Helvetica Neue", Arial, serif;
    font-size: 20px;
    line-height: 1.3;
}









.congress_popups {
    display: block;
    position: fixed;
    z-index: 1280;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.congress_popups.show {
    opacity: 1;
    pointer-events: auto;
}
.congress_popups .congress_popup-item {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-width: 780px;
    max-height: 100%;
    background-color: #2D5377;
    color: #fff;
    text-align: left;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.6);

    overflow-y: auto;
}
.congress_popups .congress_popup-item.show {
    display: block;
}
.congress_popups .congress_popup-item .icon-close {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-image: url("graphics/icon-close-popup.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
    cursor: pointer;
}
.congress_popups .congress_popup-item .congress_popup-inner {
    padding: 30px;
}
.congress_popups .congress_popup-item .congress_popup-inner .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 100%;
}
.congress_popups .congress_popup-item .congress_popup-inner .text-block {

}
.congress_popups .congress_popup-item .congress_popup-inner .text-block .headline {
    display: block;
    margin-top: -3px;
    margin-bottom: 20px;
    color: #3EC2CF;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
    font-size: 30px;
    line-height: 1.1;
    text-transform: uppercase;
}
.congress_popups .congress_popup-item .congress_popup-inner .text-block p {
    margin-bottom: 0;
    font-size: 16px;
}
.congress_popups .congress_popup-item .congress_popup-inner .title {
    position: relative;
    display: block;
    z-index: 4;
    margin: 30px 0 20px 0;
    font-family: 'NotoSansItalic', "Helvetica Neue", Arial, serif;
    font-size: 14px;
}
.congress_popups .congress_popup-item .congress_popup-inner .title:before {
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3EC2CF;
}
.congress_popups .congress_popup-item .congress_popup-inner .title span {
    position: relative;
    z-index: 1;
    background-color: #2D5377;
    padding-right: 10px;
}
.congress_popups .congress_popup-item .congress_popup-inner .cite {
    color: #3EC2CF;
    font-family: "InterBold", "Helvetica Neue", Arial, serif;
}





/**
 * 11.0 - Media Queries
 */


/**
 * 11.1 - <= 1280px
 */

@media screen and (max-width: 1280px) {


}


/**
 * 11.1 - <= 1100px
 */

@media screen and (max-width: 1230px) {

    body, button, input, select, textarea {
        font-size: 18px;
        line-height: 1.4;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 60px;
    }
    h4.turquoise-headline {
        font-size: 25px;
    }

    #site-header a.logo {
        left: 10px;
    }

    .content-aligning {
        padding: 0 30px;
    }
    #site-topbar .content-aligning {
        padding: 0 10px;
    }
    #site-header .content-aligning {
        padding: 0 10px;
    }


    #site-top {
        background-attachment: scroll;
    }
    #site-top.congress .top-content .top-title {
        margin-bottom: 20px;
        font-size: 60px;
    }
    #site-top.congress .top-content .sub-title {
        font-size: 26px;
    }

    #site-top-anchor ul.anchor-list li.anchor-list-item a {
        font-size: 18px;
        line-height: 1.3;
    }


    .site-content.background-img {
        background-attachment: scroll;
    }


    .widget-congress-1 .headline {
        font-size: 60px;
    }
    .widget-congress-1 a.title {
        margin-bottom: 100px;
        padding-left: 60px;
    }
    .widget-congress-1 a.title:before {
        width: 50px;
        height: 50px;
    }
    .widget-congress-1 .title {
        font-size: 26px;
    }
    .widget-congress-1 .intro {
        font-size: 26px;
    }
    .widget-congress-1 .text {
        padding-right: 30px;
    }

    .widget-congress-2 .headline-block .headline {
        font-size: 60px;
    }
    .widget-congress-2 .headline-block .title {
        font-size: 25px;
    }

    .widget-congress-3 .headline {
        font-size: 60px;
    }
    .widget-congress-3 .title {
        margin-bottom: 40px;
        font-size: 25px;
    }
    .widget-congress-3 .caption {
        font-size: 21px;
    }

    .widget-congress-4 .caption {
        font-size: 18px;
    }

    .widget-congress-5 .caption {
        font-size: 25px;
    }

    .widget-congress-7 .swiper-slide .slide-content .cite span {
        font-size: 36px;
    }


    .widget-congress-6 .program-block dd.toggle-content .grid__col--centered.grid__col--10-of-12 {
        width: 91.66667%;
        margin-right: 0;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-line .time {
        left: calc(-4.3% - 20px);
        font-size: 18px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item .main-content .headline {
        font-size: 16px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item .main-content .top-title {
        font-size: 13px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item .main-content .bottom-line {
        font-size: 14px;
    }

}


/**
 * 11.2 - <= 900px
 */

@media screen and (max-width: 900px) {

    body, button, input, select, textarea {
        font-size: 17px;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 50px;
    }

    #site-top.congress {
        padding-top: calc(100vh - 195px);
    }

    #site-top-anchor {
        height: 70px;
    }
    #site-top-anchor ul.anchor-list li.anchor-list-item a {
        font-size: 14px;
    }

    .widget-congress-2 {

    }
    .widget-congress-2 .headline-block .headline {
        font-size: 50px;
    }
    .widget-congress-2 .headline-block {
        min-height: 60px;
    }
    .widget-congress-2.right .headline-block {
    }

    .widget-congress-3 .headline {
        font-size: 50px;
    }
    .widget-congress-3 .text {
        padding: 0 16.666% 0 0;
    }
    .widget-congress-3 .has_two_img .img-wrapper {
        margin-top: 30px;
    }
    .widget-congress-3 .caption {
        width: auto;
    }

    .widget-congress-4 {
        margin-top: -30px;
        overflow: hidden;
    }
    .widget-congress-4 .portrait {
        margin-top: 30px;
    }
    .widget-congress-4 .caption {
        font-size: 17px;
    }

    .widget-congress-5 .caption {
        font-size: 21px;
    }

    .widget-congress-7 .swiper-button-prev,
    .widget-congress-7 .swiper-button-next {
        display: none;
    }

    .widget-17 .text-block {
        margin-right: 10px;
    }

    .congress_popups .congress_popup-item {
        max-width: 580px;
    }
    .congress_popups .congress_popup-item.with_img .icon-close {
        top: 30px;
        right: 30px;
        background-color: rgba(0,0,0,.2);
    }
    .congress_popups .congress_popup-item .congress_popup-inner .img {
        margin-bottom: 40px;
    }


    .widget-congress-1 .title {
        font-size: 21px;
    }

    .widget-congress-5 {
        margin-top: 0;
    }
    .widget-congress-5 .portrait {
        margin-top: 50px;
        padding-bottom: 35%;
        background-size: contain;
        background-position: center bottom;
    }
    .widget-congress-6 .program-block dd.toggle-content {
        margin-left: 70px;
    }
    .widget-congress-6 .program-block dd.toggle-content .grid__col--centered.grid__col--10-of-12 {
        width: 100%;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-line .time {
        left: -56px;
        font-size: 16px;
    }
    h5.small-headline {
        font-size: 18px;
    }

    .widget-congress-6 .program-block .toggle-content .content .content-line {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-line .content-item.apo {
        width: calc(100%) !important;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.half {
        width: calc(50%) !important;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.third,
    .widget-congress-6 .program-block .toggle-content .content .content-item.fourth {
        width: calc(33.333%) !important;
    }


}


/**
 * 11.3 - <= 600px
 */

@media screen and (max-width: 600px) {


    body, button, input, select, textarea {
        font-size: 15px;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 30px;
    }
    h4.turquoise-headline {
        font-size: 18px;
    }



    #site-top.congress {
        padding-top: calc(100vh - 106px);
    }
    #site-top.congress .main-content-wrapper .content-aligning {
        padding: 0 10px;
    }
    #site-top.congress .top-content .top-title {
        font-size: 36px !important;
    }
    #site-top.congress .top-content .sub-title {
        font-size: 18px;
    }


    #site-top-anchor {
        display: none;
    }


    .content-aligning {
        padding: 0 20px;
    }



    .widget-congress-1 .headline {
        font-size: 40px;
    }
    .widget-congress-1 a.title {
        margin-bottom: 80px;
        padding-left: 50px;
    }
    .widget-congress-1 a.title:before {
        width: 40px;
        height: 40px;
    }
    .widget-congress-1 .intro {
        padding-right: 10px;
        font-size: 22px;
    }
    .widget-congress-1 .text {
        padding-right: 10px;
    }


    .widget-congress-2 .headline-block {
        margin-top: 2px;
    }
    .widget-congress-2.right .headline-block {
        margin-right: 4px;
    }
    .widget-congress-2 .headline-block .headline {
        font-size: 30px;
        line-height: 1.1;
    }
    .widget-congress-2 .headline-block .title {
        font-size: 20px;
    }

    .widget-congress-2 .img-block img {
        max-height: 100px;
    }

    .widget-congress-3 .headline {
        font-size: 30px;
    }
    .widget-congress-3 .title {
        font-size: 20px;
    }
    .widget-congress-3 .img-wrapper {
        margin-top: 30px;
    }
    .widget-congress-3 .caption {
        width: auto;
        font-size: 18px;
    }

    .widget-congress-5 .caption {
        padding: 0 20px;
    }

    .widget-congress-6 .program-block dd.toggle-content {
        padding-top: 20px;
    }
    .widget-congress-6 .program-block .toggle-content .content {
        gap: 20px 14px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.half {
        width: 100%;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item .main-content {
        height: auto !important;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.bottom_line .main-content {
        padding-bottom: 90px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item .main-content .icon {
        right: 20px;
        width: 50px;
        height: 50px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title {
        margin-bottom: 10px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.drop-down .main-content .top-title:hover {
        opacity: 1;
    }

    .widget-congress-7 .swiper-slide .slide-content .cite span {
        font-size: 20px;
    }
    .widget-congress-7 .swiper-button-prev,
    .widget-congress-7 .swiper-button-next {
        display: none;
    }

    .widget-8 .text-block {
        padding-right: 10px;
    }


    #site-top.congress .top-content .top-title {
        font-size: 26px !important;
    }
    #site-top.congress .main-content-wrapper .main-content-container {
        background-image: url(graphics/congress-bg-2023-alpha.svg);
        background-size: cover;
        background-position: center;
        padding: 0 20px;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-line .time {
        width: 80px;
    }

    .widget-congress-6 .program-block .toggle-content .content .content-line {
        gap: 14px 0;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-line .content-item.apo {
        width: calc(100%) !important;
    }
    .widget-congress-6 .program-block .toggle-content .content .content-item.half,
    .widget-congress-6 .program-block .toggle-content .content .content-item.third,
    .widget-congress-6 .program-block .toggle-content .content .content-item.fourth {
        width: calc(100%) !important;
    }



}


/**
 * 11.4 - <= 480px
 */

@media screen and (max-width: 480px) {


    .congress_popups .congress_popup-item .congress_popup-inner {
        padding: 20px;
    }
    .congress_popups .congress_popup-item.with_img .icon-close {
        top: 20px;
        right: 20px;
    }
    .congress_popups .congress_popup-item .congress_popup-inner .img {
        margin-bottom: 30px;
    }
    .congress_popups .congress_popup-item .congress_popup-inner .text-block .headline {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .congress_popups .congress_popup-item .congress_popup-inner .text-block p {
        font-size: 14px;
    }

}









/**
 * Type Acumin 2023-11-30
 */

.top-content-type {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    color: #fff;
    font-family: "acumin-variable";
    line-height: .9;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.top-content-type .type-line-1,
.top-content-type .type-line-2,
.top-content-type .type-line-3 {
    display: flex;
    margin-bottom: 5px;
}

.top-content-type .type-thin {
    font-size: 40px;
    font-variation-settings: "wght" 324, "wdth" 100;
    letter-spacing: -1px;
    white-space: nowrap;
}
.top-content-type .type-bold {
    font-size: 90px;
    font-variation-settings: "wght" 748, "wdth" 119;
    letter-spacing: -5px;
    text-transform: uppercase;
    line-height: .73;
}

.top-content-type .type-line-1 {
    justify-content: flex-end;
}
.top-content-type .type-line-1 .type-thin {
    margin-right: 15px;
    text-align: left;
}
.top-content-type .type-line-1 .type-bold {
    margin-right: 50px;
    text-align: right;
}
.top-content-type .type-line-2 {

}
.top-content-type .type-line-2 .type-thin {
    margin-right: 25px;
    text-align: right;
}
.top-content-type .type-line-2 .type-bold {
    margin-right: 10px;
    text-align: left;
}
.top-content-type .type-line-3 {
    flex-direction: row-reverse;
}
.top-content-type .type-line-3 .type-thin {
    margin-right: 8px;
    text-align: right;
}
.top-content-type .type-line-3 .type-bold {
    text-align: right;
}

@media screen and (max-width: 900px) {

    #back_ground_vid { display: none; }

    .top-content-type .type-line-1,
    .top-content-type .type-line-2,
    .top-content-type .type-line-3 {
        display: block;
        margin-bottom: 0;
    }

    .top-content-type .type-thin,
    .top-content-type .type-bold {
        margin-bottom: 5px;
    }
    .top-content-type .type-thin {
        display: block;
        font-size: 20px;
        font-size: 5vw;
        font-variation-settings: "wght" 324, "wdth" 100;
        letter-spacing: 0;
    }
    .top-content-type .type-bold {
        display: block;
        font-size: 45px;
        font-size: 11vw;
        font-variation-settings: "wght" 748, "wdth" 119;
        letter-spacing: -3px;
        letter-spacing: -.6vw;
        line-height: .8;
    }
    .top-content-type .type-line-1 .type-thin {
        margin-right: 0;
        margin-left: 15vw;
    }
    .top-content-type .type-line-1 .type-bold {
        margin-right: 0;
        transform: translate(7vw, 0);
    }
    .top-content-type .type-line-2 .type-thin {
        margin-right: 0;
    }
    .top-content-type .type-line-2 .type-bold {
        margin-right: 0;
        transform: translate(-7vw, 0);
    }
    .top-content-type .type-line-3 {

    }
    .top-content-type .type-line-3 .type-thin {
        margin-right: 30vw;
    }

}