@import url(fonts.css);
@import url(registrierung.css);

.hide  {
    display: none !important;
}
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin: 0;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: #4c4c4c;
    text-decoration: none;
    position: relative;
}

a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: transparent;
    -moz-transition: width .20s ease-in-out;
    -webkit-transition: width .20s ease-in-out;
    -o-transition: width .20s ease-in-out;
    transition: width .20s ease-in-out;
}

a:hover:after {
    width: 100%;
}

.non-mobile {
    display: none;
}
/* a:focus {
    outline: 2px dotted #9e292b;
} */

span.btn,
a.btn {
    font-weight: bold;
    color: #264b78;
    line-height: 30px;
    display: inline-block;
    padding: 0.9375rem 1.875rem;
    margin: 20px 0;
    background-color: #fff;
    border: 2px solid #264b78;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    -moz-transition: background 0.2s ease,color 0.2s ease;
    -webkit-transition: background 0.2s ease,color 0.2s ease;
    -o-transition: background 0.2s ease,color 0.2s ease;
    transition: background 0.2s ease,color 0.2s ease;
}

span.btn:hover,
a.btn:hover {
    background-color: #264b78;
    border-color: #264b78;
    color: #fff;
}

span.btn:after,
a.btn:after {
    display: none;
}

a.highlight {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #264b78;
    padding: 4px 5px;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

a.highlight:hover {
    color: #FFFFFF;
    background-color: #264b78;
}

a.highlight:after {
    display: none;
}

a.icon:before {
    font-family: iconfont;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

a.icon.intern:before {
    content: '\EA04';
}

a.icon.section:before {
    content: '\EA09';
}

a.icon.extern:before {
    /* content: '\EA03'; */
}

a.icon.download:before {
    content: '\EA02';
}

a.icon.email:before {
    content: '\EA05';
}

a.icon.phone:before {
    content: '\EA08';
}

a.icon.mobile:before {
    content: '\EA07';
}

a.symbol:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
}

/* a.symbol.facebook:before {
    background-image: url(/custom/img/microsite/symbol_facebook.png);
}

a.symbol.xing:before {
    background-image: url(/custom/img/microsite/symbol_xing.png);
}

a.symbol.youtube:before {
    background-image: url(/custom/img/microsite/symbol_youtube.png);
}

a.symbol.twitter:before {
    background-image: url(/custom/img/microsite/symbol_twitter.png);
}

a.symbol.linkedin:before {
    background-image: url(/custom/img/microsite/symbol_linkedin.png);
}

a.symbol.kununu:before {
    background-image: url(/custom/img/microsite/symbol_kununu.png);
} */

a.symbol.instagram:before {
    content: "\f16d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -27px;
}

/* a.symbol.facebook:hover:before {
    background-image: url(/custom/img/microsite/symbol_facebook_red.png);
}

a.symbol.xing:hover:before {
    background-image: url(/custom/img/microsite/symbol_xing_red.png);
}

a.symbol.youtube:hover:before {
    background-image: url(/custom/img/microsite/symbol_youtube_red.png);
}

a.symbol.twitter:hover:before {
    background-image: url(/custom/img/microsite/symbol_twitter_red.png);
}

a.symbol.linkedin:hover:before {
    background-image: url(/custom/img/microsite/symbol_linkedin_red.png);
}

a.symbol.kununu:hover:before {
    background-image: url(/custom/img/microsite/symbol_kununu_red.png);
} */

h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(1.5625rem + 1vw);
    font-weight: 300;
    line-height: calc(1.5625rem + 2.69461vw);
    color: #000000;
    margin-bottom: 0;
}

h2 {
    font-size: 35px;
    font-weight: 500;
    line-height: 1.1;
    color: #2e4351;
}

h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(1.5625rem + 2.69461vw);
    font-weight: 300;
    line-height: calc(1.5625rem + 2.69461vw);
    color: #000000;
}

.headline {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: block;
    font-size: 32px;
    line-height: 1.15;
    margin-bottom: 20px;
}

.headline-small {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: block;
    margin-bottom: .5em;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul li {
    position: relative;
    padding-left: 0px;
}

ul li:before {
    content: '__';
    color: #264b78;
    position: absolute;
    left: 0;
}

ul li ul {
    margin-left: 20px;
}

ul li ul li {
    padding-left: 15px;
}

ul li ul li:before {
    content: '_';
    color: #264b78;
    margin-right: 10px;
}

ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: ol;
}

ol li {
    position: relative;
    padding-left: 20px;
}

ol li:before {
    counter-increment: ol;
    content: counter(ol);
    font-weight: 700;
    color: #264b78;
    position: absolute;
    left: 0;
}

ol li ol {
    margin-left: 20px;
    counter-reset: olliol;
}

ol li ol li {
    padding-left: 35px;
}

ol li ol li:before {
    counter-increment: olliol;
    content: counter(ol) '.' counter(olliol);
    color: #264b78;
    margin-right: 10px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

table thead tr {
    border-bottom: 2px solid #264b78;
}

table tbody tr:nth-child(odd) {
    background-color: rgba(39, 160, 123, .1);
}

table thead tr th,
table tbody tr td {
    text-align: left;
    padding: 16px 32px;
    border: 1px solid #fff;
}

hr {
    border: 0 none;
    border-top: 2px solid #eeeff1;
}


/* *** HEADER *** */

.container.header {
    padding: 15px calc(4vw + 16px);
    max-width: 1504px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.container.header:after {
    content: '';
    display: table;
    clear: both;
}

#fixed-bar {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 50px 15px 15px;
    width: calc(100vw - 10px);
    background-color: #FFFFFF;
    max-width: 1504px;
}
.container.header.scroll-mode #fixed-bar {
    padding: 40px 15px 15px;
    transition: all 0.3s ease 0s;    
}
#fixed-bar .header-wrapper {
    position: unset;
    padding: unset;
}
#divLogotext>a:after {
    display: none;
}

#divLogotext>a:focus {
    outline: none;
}

#logo {
    float: left;
    max-width: 250px;
    height: auto;
}

.logo-rechts #logo {
    float: right;
}

#keyvisual {
    margin: 400px auto 0 auto;
    padding-top: 0px;
    width: 100%;
    /*max-width: 1000px;*/
}


/* --- HEADER --> Navigation --- */

.navbar-header {
    float: right;
}

.logo-rechts .navbar-header {
    float: left;
}

.navbar-header .navbar-toggle {
    cursor: pointer;
    position: relative;
    padding: 13px 50px 13px 10px;
    background: 0 none;
    border: 0 none;
    outline: none;
}

.navbar-header .navbar-toggle:focus {
    outline: none;
}
.navbar-header .navbar-toggle:not(.collapsed) {
    background: #264b78;
    color: #fff;
}
.navbar-header .navbar-toggle span:not(#navigationToggleLabel):not(:last-child) {
    display: none;
}

.navbar-header .navbar-toggle span#navigationToggleLabel {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.navbar-header .navbar-toggle span:last-child,
.navbar-header .navbar-toggle span:last-child:before,
.navbar-header .navbar-toggle span:last-child:after {
    position: absolute;
    background-color: #8a9199;
    -webkit-transition: all .32s ease .12s;
    transition: all .32s ease .12s;
}

.navbar-header .navbar-toggle span:last-child {
    width: 30px;
    height: 3px;
    top: 20px;
    right: -10px;
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg);
}

.navbar-header .navbar-toggle span:last-child:before,
.navbar-header .navbar-toggle span:last-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #8a9199;
    -webkit-transition: all .32s ease .12s;
    transition: all .32s ease .12s;
}
.navbar-header .navbar-toggle:not(.collapsed) span:last-child:before,
.navbar-header .navbar-toggle:not(.collapsed) span:last-child:after {
    background-color: #fff;
}
.navbar-header .navbar-toggle span:last-child:before {
    -webkit-transform: translate(-50%, -11px) rotate(0deg);
    transform: translate(-50%, -11px) rotate(0deg);
}

.navbar-header .navbar-toggle span:last-child:after {
    -webkit-transform: translate(-50%, 7px) rotate(0deg);
    transform: translate(-50%, 7px) rotate(0deg);
}

.navbar-header .navbar-toggle:not(.collapsed) span {
    -webkit-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: transparent;
}

.navbar-header .navbar-toggle:not(.collapsed) span:last-child:before,
.navbar-header .navbar-toggle:not(.collapsed) span:last-child:after {
    width: 29px;
}

.navbar-header .navbar-toggle:not(.collapsed) span:last-child:before {
    -webkit-transform: translate(-50%) rotate(-90deg);
    transform: translate(-50%) rotate(-90deg);
}

.navbar-header .navbar-toggle:not(.collapsed) span:last-child:after {
    -webkit-transform: translate(-50%) rotate(-180deg);
    transform: translate(-50%) rotate(-180deg);
}

#navbar-collapse {
    overflow: hidden;
    position: fixed;
    top: 130px;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #FFFFFF;
    -moz-transition: height .20s ease-in-out;
    -webkit-transition: height .20s ease-in-out;
    -o-transition: height .20s ease-in-out;
    transition: height .20s ease-in-out;
}

#navbar-collapse.in {
    overflow: visible;
    height: auto;
    background-color: #264b78;
}

#top-menu {
    min-height: 68px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccd0d4;
}
#bodyMicrosite:not(.v-event) #top-menu li {
    padding-left: 0px;
}
#top-menu li:before {
    display: none;
}

#top-menu li a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    display: block;
    position: relative;
    padding: 15px calc(4vw + 16px);
    border-bottom: 1px solid #ccd0d4;
    color: #fff;
}

#top-menu li a:hover {
    color: #fff;
    background-color: #264b78;
    text-decoration: none;
}
#top-menu li.active a {
    color: #fff;
    background-color: #193250;
    text-decoration: none;
}

#top-menu li a:after {
    display: none;
}

#top-menu li a:focus {
    outline: none;
}

#top-menu li.active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #9e292b;
    border-radius: 2px;
}
/* SOCIAL MENU */
#social-menu {
    position: absolute;
    top:0;
}
/* Sponsors Wrapper */
.sponsors-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sponsors-wrapper .sponsors {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.sponsors-wrapper a {
    margin: 0 25px 25px;
}
.sponsors-wrapper img {
    max-width: 80px;
}
/* NEU : NAVILANGUAGE IN SUBNAVIGATION */
#nav-bar {
    width: 100%;
    position: relative;
}
#subnavigation {
    padding: 10px 27px;
    position: absolute;
    top: 0;
    right: 0;
}

.container.header.scroll-mode #subnavigation {
    top: -12px;
}
.container.header.scroll-mode #social-menu, 
.container.header.scroll-mode .sponsors-wrapper {
    display: none;
}

#subnavigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#subnavigation li:before {
    content:'';
}
#subnavigation ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: block;
    border-bottom: 0 none;
}
#naviLanguage .dropdown-menu {
    display: none;
    padding-top: 30px;
    /* border-top: 1px solid rgba(17, 17, 17, 0.1); */
}
#subnavigation ul li#naviLanguage a.dropdown-toggle:before {
    content: '';
    background-image: url(/custom/img/microsite/world.svg);
    margin: 0;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    top: 5px;
    right: 5px;
}
#subnavigation ul li#naviLanguage a:focus {
    outline: none;
    border-color: #e5e5e5;
    box-shadow: inset 0 0 0.625rem #e5e5e5;
}
#subnavigation ul li#naviLanguage .dropdown-menu li a span {
    display: none;
}
#subnavigation ul li#naviLanguage .dropdown-menu > li a {
    content: '';
    height: 30px;
    width: 30px;
    background-size: calc(100% - 10px) calc(100% - 10px);
    background-image: url(/custom/img/microsite/germany.svg);
    padding: 0px;
    box-shadow: inset 0 0 0.625rem #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
}
#subnavigation ul li#naviLanguage .dropdown-menu li#language_2 a{
    background-image: url(/custom/img/microsite/us.png);
}

/* SOCIAL MENU IN HEADER */
#social-menu .social-media {
    display: flex;
} 
#social-menu .social-media a {
    margin-right: 12px;
}
#social-menu .social-media svg {
    width: 16.25px;
    height: 16.25px;
}
#social-menu .social-media a.symbol:before {
    width: 16.25px;
    height: 16.25px;
    fill: #000;
} 
/* *** CONTENT *** */

#divContent {
    margin: 0 auto;
    padding: 20px calc(4vw + 16px) 0;
    max-width: 1504px;
    width: 100%;
    box-sizing: border-box;
}

#bodyMicrosite.registration #divContent {
    margin: 0 auto 20px;
}

#divContent .content-wrapper {
    width: 100%;
    max-width: 1504px;
}

/* *** SIDEBAR *** */

#bodyMicrosite:not(.v-event) .sidebar .sidebar-box {
    margin: 30px 0 0 0; 
}
#bodyMicrosite:not(.v-event) .sidebar-content {
    margin: 40px auto;
    /* padding: 0 calc(4vw + 16px); */
    padding: 0 0;
    max-width: 1100px;
}

#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box {
    margin: 0 auto;
    padding: 2.8125rem;
    max-width: 400px;
    background-color: #264b78;
    color: #fff;
}

#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box:not(:first-of-type) {
    margin-top: 10px;
}
#bodyMicrosite:not(.v-event) .sidebar .sidebar-box a{
    color: #fff;
}

/* .sidebar-content .sidebar-box:not(:last-child) {
    margin-bottom: 20px;
} */

#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box .inner-box:not(:last-child) {
    margin-bottom: 15px;
}

#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box img {
    margin-bottom: 10px;
    max-width: 150px;
}

#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box span {
    display: block;
}
#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box a {
color: #fff;
}
#bodyMicrosite:not(.v-event) .sidebar-content .sidebar-box span a {
    display: flex;
    word-break: break-word;
}


/* *** ELEMENTS *** */


/* --- ELEMENTS --> Accordions --- */

.accordions {
    margin: 20px 0;
    border-top: 2px solid #eeeff1;
}

.accordions .element {
    cursor: pointer;
    padding: 30px 0;
    border-bottom: 2px solid #eeeff1;
}

.accordions .element .head,
.accordions .element .head h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: calc(1.3125rem + .53892vw);
    font-weight: 700;
    line-height: 1.15;
}

.accordions .element .head:before {
    content: '';
    float: left;
    margin-right: 20px;
    width: 30px;
    height: 30px;
    background: url('/custom/img/microsite/icon_plus-blue.png') no-repeat;
    background-size: cover;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

.accordions .element.active .head {
    padding-bottom: 30px;
    border-bottom: 2px dotted #264b78;
}

.accordions .element.active .head:before {
    transform: rotate(-45deg);
}

.accordions .element .content {
    display: none;
    padding-top: 20px;
}


/* --- ELEMENTS --> Downloads --- */

.downloads {
    margin: 20px 0;
}

.downloads>a {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 24px 30px;
    background-color: rgba(138, 145, 153, .15);
    border-radius: 4px;
    -moz-transition: color .2s ease, background-color .2s ease;
    -webkit-transition: color .2s ease, background-color .2s ease;
    -o-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease;
}

.downloads>a:before {
    content: '\EA02';
    font-family: iconfont;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.downloads>a:not(:last-child) {
    margin-bottom: 15px;
}

.downloads>a:hover {
    color: #FFFFFF;
    background-color: #264b78;
}


/* --- ELEMENTS --> Contact Box --- */

.contact {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.contact .contact-box:not(:last-child) {
    margin-bottom: 20px;
}

.contact .contact-box img {
    margin-bottom: 10px;
    width: 100%;
    max-width: 200px;
}

.contact .contact-box span {
    display: block;
}

.contact .contact-box span a {
    display: flex;
    word-break: break-word;
    max-width: 67%;
}


/* --- ELEMENTS --> Signature --- */

.signature {
    margin: 40px 0 20px 0;
}

.signature>div:not(:last-child) {
    margin-bottom: 20px;
}

/* --- ELEMENTS --> Cluster --- */

.cluster-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.cluster {
    padding: 2.8125rem;
    background:#264b78;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    flex-grow: 1;
}
.cluster .button {
    cursor: pointer;
    padding: 0.9375rem 1.875rem;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
    background: transparent;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
}

.cluster .button:hover {
    background: #fff;
    color: rgb(38,75,120);
}
#bodyMicrosite:not(.v-event)  .sidebar.cluster {
    padding: 0 2.8125rem;
}

.cluster-wrapper .cluster:nth-child(3n+2) {
     background:#b12120;
     color: #fff;
 }
.cluster-wrapper .cluster:nth-child(3n+2) .button:hover {
    background: #fff;
    color: #b12120;
}
.cluster-wrapper .cluster:nth-child(3n+3) {
     background:#4d4d4d;
     color: #fff;
}
.cluster-wrapper .cluster:nth-child(3n+3) .button:hover {
    background: #fff;
    color: #4d4d4d;
}

.cluster-wrapper .cluster .headline {
    font-weight: 400;
    font-size: 28px;
     margin: 0 0 20px 0;
}

.cluster-wrapper .cluster .btn {
    font-weight: 700;
    color: #FFFFFF;
    line-height: 30px;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-transform: uppercase;
    padding: 0.9375rem 1.875rem;
    border-width: 0.1875rem;
    margin: 30px 0;
}

/* IMG WRAPPER */
.img-wrapper {
    display:flex;
    flex-wrap: wrap;
}
.img-wrapper img {
    padding: 20px 20px 20px 0;
    height: 80px;
}


/* *** SITE SPECIFIC *** */


/* --- SITE SPECIFIC --> Agenda --- */
#agenda .day-separator {
    width: 100%;
}
#agenda .day-separator > div:first-child {
    height: 20px;
    width: 100%;
    background: #274c79;
}
#agenda .day-separator > div:nth-child(2){
    height: 10px;
    width: 100%;
    background: #716f6e;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#agenda .day-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #af191a;
    color: #fff;
    padding: 10px 30px;
}
.day {
    display: flex; 
    flex-wrap: wrap;
    width: 100%;
}

    #agenda .day-bar + .day .ses {
        flex-direction: column;
        padding: 10px 0;
        font-weight: normal;
        text-align: left;
        position: relative;
    }
    #agenda .day-bar + .day .ses > span{
        font-weight: bold;
        margin-left: 27px;
    }
    #agenda .day-bar + .day .ses > span:before {
        top: 15px;
        left: 0;
    }
.day > div {
    padding: 20px 30px;
    font-size: 16px;
    text-align: center;
    width: 100%;
}
.day .right {
    background:#C3C1C2;
    flex-grow:1;
}
.day .title {
    font-weight: bold;
}
.day .info {
    font-style: italic;
    font-size: 14px;
}
/* Legende */
.explanation {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
}
.explanation > div {
    padding: 10px 0px 10px 25px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.explanation > div:before {
    content: '';
    width: 15px;
    height: 15px;
    background:#fff;
    position: absolute;
    left: 0px;
    top:15px;   
}

.explanation > div:nth-child(1):before {
    background:#b0222a;
}
.explanation > div:nth-child(2):before {
    background:#7f93af;
}
.explanation > div:nth-child(3):before {
    background:#885f82;
}
.explanation > div:nth-child(4):before {
    background:#68aaae;
}

.explanation-wrapper .info {
    font-style: italic;
    color:#af191a;
    font-size: 14px;
    padding: 0 30px;    
}
/* blue bar */
.header-bar {
    padding: 5px 30px;
    background: #274C79;
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;   
    align-items: center; 
}
.header-bar .header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
}
.header-bar .leaders {
    text-align: right;
    width: 100%;
    line-height:1.2;
}
/* halls */
.day .halls {
    display: none;
    justify-content: center;
    margin-top: 30px;
}
.day .halls > div {
    width: calc(100% / 5);
    font-weight: bold;
}
.day .halls > div:first-child {
    text-align: left;
}

/* sessions */
.ses {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 16px;
    padding: 10px 30px;
    box-sizing: border-box;
}
.sessions.agenda:not(.tracks) .ses:not(.break):not(.header-bar):not(.separator-bar):nth-child(2n-1) {
    background:#E7E9E8;
}
.ses .time {
    width: 100%;
}
.sessions .ses .title {
    width: 100%;
    font-weight: bold;
}
.sessions .ses .referents {
    width: 100%;
}
.sessions.agenda .ses:not(.break) .title {
    font-weight: unset;
}
/* Break */
.ses.break {
    background: #CDE4EA;
}
/* Symposium */
.ses.symposium {
    background: #716f6e;
    color:#fff;
}
.ses.symposium .title {
    width: unset;
    flex-grow: 1;
    text-align: center;
    letter-spacing: 5px;
    font-style: italic;    
}
/* header-bar */
.ses.header-bar {
    background: #274c79;
    font-size: 14px;
}
.ses.header-bar.leader-only {
    justify-content: flex-end;
}
/* separator-bar */
.ses.separator-bar {
    background: #9e292b;
    color: #fff;
    padding: 5px 30px;
}
.ses.separator-bar .header {
    text-transform: uppercase;
    text-align:center;
    font-size: 18px;
    width: 100%;
}
/* ref-wrapper */
.ses .ref-wrapper {
    position:relative;
    padding: 0px 30px;
    cursor: pointer;
}
.ses .ref-wrapper:before,
#agenda .day .ses > span:before {
    content: '';
    width: 15px;
    height: 15px;
    background: transparent;
    position: absolute;
    left: 6px;
    top:6px;
}
.ses .ref-wrapper.derma:before,
#agenda .day .ses.derma span:before {
    background:#9e292b;
}
.ses .ref-wrapper.gastro:before,
#agenda .day .ses.gastro span:before {
    background:#7f93af;
}
.ses .ref-wrapper.rheuma:before,
#agenda .day .ses.rheuma span:before {
    background:#885f82;
}
.ses .ref-wrapper.pneumo:before,
#agenda .day .ses.pneumo span:before{
    background:#68aaae;
}
.ses .ref-wrapper span {
    font-weight: bold;
}
/* sessionwrapper */
.ses-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;    
    font-size: 16px;
    padding: 10px 30px;
    box-sizing: border-box;
}
.sessions.agenda.tracks > div:not(.break):not(.header-bar):not(.symposium):nth-child(2n-1) {
    background:#E7E9E8;
}
.ses-wrapper .ses {
    position: relative;
    padding: 10px 30px 10px 0px;
}
.ses-wrapper .ses.derma:before,
.ses-wrapper .ses.gastro:before,
.ses-wrapper .ses.rheuma:before,
.ses-wrapper .ses.pneumo:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 15px;
}
.ses-wrapper .ses.derma:before {
    background: #9e292b;
}
.ses-wrapper .ses.gastro:before {
    background:#7f93af;
}
.ses-wrapper .ses.rheuma:before {
    background:#885f82;
}
.ses-wrapper .ses.pneumo:before {
    background:#68aaae;
}
.ses-wrapper .ses.derma .title,
.ses-wrapper .ses.gastro .title,
.ses-wrapper .ses.rheuma .title,
.ses-wrapper .ses.pneumo .title {
    padding: 0 0 10px 25px;
}
.ses-wrapper .ses .ref-wrapper {
    padding: 0;
}
.ses-wrapper .ses .ref-wrapper:before {
    content: unset;
}
.ses-wrapper .ref-wrapper span {
    display: none;
}
/* Popup Referentenprofil */
#handson-popup .u2d-popup__body.
#ref-popup .u2d-popup__body {
    padding: 0.6rem 0.8rem 0rem;
}
#handson-popup.u2d-popup.compact .u2d-popup__wrapper, 
#ref-popup.u2d-popup.compact .u2d-popup__wrapper {
    max-width: 615px;
}
#handson-popup .u2d-popup__close:not(.btn-primary),
#ref-popup .u2d-popup__close:not(.btn-primary) {
    cursor: pointer;
    font-size: 0;
    border: 0;
    background: transparent;
    position: absolute;
    right: 20.3px;
    top: 20.3px;
    padding: 0;
}
#handson-popup .u2d-popup__close:not(.btn-primary):after,
#ref-popup .u2d-popup__close:not(.btn-primary):after {
    content: '';
    background-image: url(/custom/img/microsite/close.svg);
    position: absolute;
    right: 0;
    top: 0;
    content: ' ';
    height: 18.4px;
    width: 18.4px;
    background-repeat: no-repeat;
    background-size: 100%;
}
#handson-popup .ref-info-wrapper,
#ref-popup .ref-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 15px 0px;
}

/* #ref-popup .ref-info-wrapper .left,
#ref-popup .ref-info-wrapper .right{
   width: calc(50% - 20px);
} */
#handson-popup .right img,
#ref-popup .right img {
    margin: 20px 30px;
}
#handson-popup .ref-info-wrapper .bottom,
#ref-popup .ref-info-wrapper .bottom{
    width: 100%;
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
    text-align: justify;
}
#handson-popup .u2d-popup__header h2,
#ref-popup .u2d-popup__header h2 {
    font-size: 31px;
    line-height: 25px;
}
#handson-popup .u2d-popup__header,
#ref-popup .u2d-popup__header {
    border-bottom: none;
    height: 100%;
    align-items: start;
    padding: 0;
}
#handson-popup span.academic-Degree,
#ref-popup span.academic-Degree {
    font-size: 21px;
} 
#handson-popup span.location,
#ref-popup span.location {
    font-size: 16px;
}
#handson-popup .u2d-popup__content,
#ref-popup .u2d-popup__content {
    box-shadow: 0px 5px 25px -11px rgba(0, 0, 0, 0.5);
}
#handson-popup .u2d-popup__institute-position,
#ref-popup .u2d-popup__institute-position {
    position: relative;
    top: -70px;
}


/* --- SITE SPECIFIC --> Subagenda --- */
#subagenda {
    border-bottom: 15px solid #0772B8;
    margin-bottom: 100px;
}
#subagenda .day-bar {
    display: flex;
    justify-content: space-between;
    background: #0772B8;
    color: #fff;
    padding: 10px 30px;
}
#subagenda .day-bar .date {
    font-weight: bold;
}
#subagenda .day-bar .location {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
#subagenda .day .header-section {
    border: 5px solid #C4C5C4;
    padding: 30px 10px 10px;
    width: 100%;
}
#subagenda .explanation > div:last-child {
    padding: 10px 0 10px 25px;
}
#subagenda .day .header {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}
#subagenda .day .note {
    font-size: 12px;
    color: #af191a;
    text-align: right;
    font-style: italic;
}

#subagenda .ses .time {
    font-weight: bold;
}
/* #subagenda .day .halls {
    display: none;
    justify-content: center;
    margin-top: 30px;
}
#subagenda .day .halls > div {
    width: calc(100% / 5);
    font-weight: bold;
}
#subagenda .day .halls > div:first-child {
    text-align: left;
} */
#subagenda .logo-section {
    padding: 30px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:center;
     border: 5px solid #c4c5c4;
    border-top: none;
}
#subagenda .logo-section .left {
    width: 100%;
    font-weight: bold;
    font-size: 20px;
}

#subagenda .logo-section .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#subagenda .logo-section a {
    padding: 10px;
}
#subagenda .logo-section a:last-child {
    padding: 20px 0px 20px 30px;
}
#subagenda .logo-section img {
    max-width: 60px;
}

#subagenda .sessions-section {
    display: flex;
    flex-direction: column;
    border: 5px solid #c4c5c4;
    border-top: none;
}
#subagenda .sessions-section > div:first-child .time {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-top: 30px
}
#subagenda .sessions-section > div:first-child .title {
    color: #1177BA;
    font-weight: bold;
    text-align: center;
    padding: 30px 40px;
}
#subagenda .sessions-section .ses {
 flex-direction: column;

}

#subagenda .sessions-section > div {
    border-bottom: 2px solid #c4c5c4;
    padding: 10px 20px;
    width: calc(100% / 1);
    box-sizing: border-box;
}
#subagenda .sessions-section > div:last-child {
    border-right: unset;
    border-bottom: unset;
}
#subagenda .sessions-section .top {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.2;
}
#subagenda .sessions-section .fields {
    display:flex;
    margin-top: 10px;
}
#subagenda .sessions-section .fields > div {
    position: relative;
    height: 30px;
    width: 30px;
}
#subagenda .sessions-section .fields > div:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background:#fff;
    top: 6px;
}
#subagenda .sessions-section .fields > div.derma:before {
    background: #9e292b;
}
#subagenda .sessions-section .fields > div.gastro:before {
    background: #7f93af;
}
#subagenda .sessions-section .fields > div.rheuma:before {
    background: #885f82;
}
#subagenda .sessions-section .fields > div.pneumo:before {
    background: #68aaae;
}
#subagenda .sessions-section .info {
    font-style: italic;
    font-size: 14px;
    margin: 30px 0;
    line-height: 1.2;
    padding: 0 0px;
}
#subagenda .sessions-section .hall.mobile-only {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
}

/* --- SITE SPECIFIC --> Veranstaltungsort, Hotel --- */

.location-wrapper {
    margin: 20px 0;
}

.location-wrapper .location {
    padding: 20px 0;
}

.location-wrapper .location:not(:last-child) {
    border-bottom: 2px solid #eeeff1;
}

.location-wrapper .location .wrapper {
    margin-top: 20px;
}

.location-wrapper .location .wrapper .images img {
    margin-bottom: 10px;
    width: 100%;
}

.location-wrapper .location .wrapper .text>div {
    margin-bottom: 5px;
}

.location-wrapper .location .wrapper .text>div span {
    display: block;
}


/* --- SITE SPECIFIC --> Galerie --- */

.mediacenter {
    margin-top: 40px;
}

.mediacenter .video-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.video-wrapper>div {
    width: calc(50% - 20px);
}
.video-wrapper#video_speakers >div {
    width: 100%;
}

.video-wrapper#video_speakers iframe{
    width: 100%;
}
.video-wrapper#video_speakers .video{
    display: none;
}

.video-wrapper>div>.header {
    font-size: 24px;
    margin: 0 0 20px 0;
}

.mediacenter .video-wrapper+.separator {
    margin: 30px 0;
    width: 100%;
    height: 2px;
    background: #264b78;
}

.mediacenter .video-wrapper .iframe-wrapper {
    position: relative;
    padding-bottom: 64.93%;
}

.mediacenter .video-wrapper .iframe-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-wrapper .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 37px;
    font-size: 16px;
}

.mediacenter .download-wrapper {
    margin-top: 20px;
}

.mediacenter .download-header {
    font-weight: bold;
    padding: 10px 0;
}

.mediacenter .download {
    background: #EEEFF1;
    width: calc(100% - 40px);
    border-radius: 5px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
}

.mediacenter .download .name {
    font-weight: bold;
    display: flex;
}

.mediacenter .download img {
    width: 15px;
    margin-right: 10px;
    margin-top: 5px;
}

.mediacenter div[class$=wrapper] .download:not(:first-of-type) {
    margin-bottom: 10px;
}


/* *** FOOTER *** */

#divFooter {
    background-color: #fff;
    max-width: 1504px;
    margin: 0 auto;
    width: 100%;
    padding:  0px calc(4vw + 16px) 0px;
    box-sizing: border-box;
}

#divFooter .upper-footer {
    background-color: #264b78;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}

#divFooter .upper-footer a {
    color: #fff;
    padding: 12px 30px;
    font-size: 16px;
}

#divFooter .first {
    float: right;
}

#divFooter .content-wrapper {
    padding: 0px 0 20px;
    width: 100%;
}

#divFooter .content-wrapper>div:not(.second)>div {
    margin-bottom: 40px;
}
#divFooter .content-wrapper .first .icon.extern {
    cursor:pointer;
}
#divFooter .social-media a {
    font-size: 40px;
    text-align: center;
    color: #8A9199;
    display: inline-block;
    margin-bottom: 10px;
    width: 40px;
}

#divFooter .social-media a:not(:last-child) {
    margin-right: 10px;
}

#divFooter .social-media a:after {
    display: none;
}

#divFooter .social-media a:focus {
    outline: none;
}

#divFooter div.second {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#divFooter div.second .footer-logos {
    display: flex;
    padding: 20px 0;
}
#divFooter div.second .footer-logos > div {
    margin: 0 8px;
}
#divFooter div.second .footer-logos img {
    max-height: 60px;
    opacity: 1;
    transition: opacity 0.3s ease 0s;
}
#divFooter div.second .footer-logos img:hover {
    opacity: 0.65;
}
/* 
#divFooter div.second>div a {
    text-align: center;
    display: block;
}

#divFooter div.second>div a:after {
    display: none;
}

#divFooter div.second>div img {
    display: inline-block;
    width: 100%;
    max-width: 300px;
} */

/* Footer Popup */
#footer-popup .u2d-popup__close:not(.btn-primary) {
    cursor: pointer;
    font-size: 0;
    border: 0;
    background: transparent;
    position: absolute;
    right: 20.3px;
    top: 20.3px;
    padding: 0;
}
#footer-popup .u2d-popup__close:not(.btn-primary):after {
    content: '';
    background-image: url(/custom/img/microsite/close.svg);
    position: absolute;
    right: 0;
    top: 0;
    content: ' ';
    height: 18.4px;
    width: 18.4px;
    background-repeat: no-repeat;
    background-size: 100%;
}
#footer-popup .credit-wrapper {
    display: flex;
    justify-content:space-between;
    margin: 20px 15px;
}

#footer-popup .credit-wrapper > div{
   width: calc(50% - 20px);
}

@media only screen and (min-width: 500px) {
    /* NAVILANGUAGE IN SUBNAVIGATION */
    #nav-bar {
        width: calc(100% - 145px);
        position: unset;
    }

    /* *** ELEMENTS *** */
    /* --- ELEMENTS --> Contact Box --- */
    .contact:after {
        content: '';
        display: table;
        clear: both;
    }
    .contact .contact-box {
        float: left;
        margin-bottom: 30px !important;
        width: calc(50% - 10px);
    }
    .contact .contact-box:nth-child(2n+2) {
        margin-right: 0;
    }
    /* --- ELEMENTS --> Cluster --- */
    .cluster {
        width: 50%;
    }
        
    /* *** SITE SPECIFIC *** */
    /* --- SITE SPECIFIC --> Veranstaltungsort, Hotel --- */
    .location-wrapper .location .wrapper .images:after {
        content: '';
        display: table;
        clear: both;
    }
    .location-wrapper .location .wrapper .images img {
        float: left;
        margin-right: 20px;
        width: calc(50% - 10px);
    }
    .location-wrapper .location .wrapper .images img:nth-child(2n+2) {
        margin-right: 0;
    }
    /* *** FOOTER *** */
}

@media only screen and (min-width: 960px) {
    /* *** HEADER *** */

    .container.header #fixed-bar {
        position: fixed;
        z-index: 10;
        top: 0;
        left: unset;
        padding: 50px 0 15px;
        width: calc(100% - 60px);
        background-color: #FFFFFF;
        height: 460px;
        max-width: 1504px;
    }
    .container.header.scroll-mode #fixed-bar {
        padding: 15px 0;
        height: 95px;
        transition: all 0.3s ease 0s;    
    }    
    #bodyMicrosite.v-event #navbar-collapse {
        top: 78px;
        right: 0;
        left: auto;
        width: 500px;
    }

    /* --- HEADER --> Navigation --- */
    #fixed-bar {
        width: calc(100% - calc(8vw + 32px));
    }    
    #bodyMicrosite:not(.v-event) #fixed-bar .header-wrapper {
        position: relative;
        padding: 0 36px;
    }    
    #bodyMicrosite:not(.v-event) .navbar-header {
        display: none;
    }
    #bodyMicrosite:not(.v-event) #navbar-collapse {
        position: relative;
        top: auto;
        left: 2.5rem;
        width: auto;
        height: auto !important;
        background-color: transparent;
    }
    #bodyMicrosite:not(.v-event) .logo-links #navbar-collapse {
        /* text-align: right; */
    }
    #bodyMicrosite:not(.v-event) #top-menu {
        border-top: 0 none;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: end;
        margin-right: 60px;        
    }
    #bodyMicrosite:not(.v-event) #top-menu:after {
        content: '';
        display: table;
        clear: both;
    }
    #bodyMicrosite:not(.v-event) #top-menu li {
        display: inline-block;
        padding-left: 20px;
    }
    #bodyMicrosite:not(.v-event) #top-menu li a {
        display: inline-block;
        padding: 0.625rem 0.9375rem;
        border-bottom: 0 none;
        color: #4c4c4c;
    }
    #bodyMicrosite:not(.v-event) #top-menu li a:hover,
    #bodyMicrosite:not(.v-event) #top-menu li.active a {
        color: #fff;
    }
    #bodyMicrosite:not(.v-event) #naviLanguage {
        position: relative;
        top: 0px;
    }
    /* #bodyMicrosite:not(.v-event) #naviLanguage .dropdown-menu li a {
        padding: 0 15px;
    } */
    /* NAVILANGUAGE IN SUBNAVIGATION */
    #navbar-collapse #top-menu > #naviLanguage {
        display: none;
    }
    #subnavigation {
        padding: 0;
        position: absolute;
        margin-left: 0;
        top: -48px;
        right: 36px;
    }

    #subnavigation #subnavigation-toggler {
        display: none;
        text-align: center;
        line-height: 90px;
        position: absolute;
        top: 0;
        right: 0;
        width: 89px;
        height: 90px;
        border-left: 1px solid rgba(17, 17, 17, 0.1);
    }
    #subnavigation ul {
        text-align: right;
        position: relative;
        z-index: 1010;
        background-color: #FFFFFF;
        display: block;
        padding: 0;
        border-top: 0 none;
    } 
    
    #subnavigation ul li {
        display: inline-block;
        vertical-align: middle;
    }
    #subnavigation ul li a {
        display: inline-block;
        padding: 10px;
        height: 30px;
        width: 30px;
        box-shadow: rgb(229 229 229) 0px 0px 0.625rem;
        box-sizing: border-box;
    }
    #subnavigation > ul > li:not(:last-child) > a {
        border-right: 1px solid #f2f2f2;
    }
    #naviLanguage .dropdown-menu {
        text-align: left;
        position: absolute;
        right: 0px;
        top: 30px;
        padding-top: 0px;
        background-color: #FFFFFF;
        z-index: 1002;
    }
    #subnavigation ul li a:after {
        height: 0px;
    }
    #naviLanguage .dropdown-menu li {
        display: block;
    }
    #naviLanguage .dropdown-menu li a {
        display: block;
        padding: 15px 25px;
    }
    #naviLanguage .dropdown-menu li a {
        content: '';
        background-image: url();
    }

    /* SOCIAL MENU IN HEADER */
    #social-menu {
        position: absolute;
        /* top: 2px; */
        top: -48px;
        left: 36px;
    }
    .container.header.scroll-mode #social-menu {
        opacity: 0;
        transition: all 0.3s ease 0s;
    }   
    #social-menu .social-media {
        display: flex;
    }   

    /*LANGUAGE NAVIGATION */
    #subnavigation {
        padding: 0;
        float: right;
    }
    /* *** CONTENT *** */
    #divContent .content-outer {
        display: flex;
        justify-content: space-between;
        padding: 0px 0 0px 0;
    }
    #divContent .content-outer .content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: calc(100% - 360px);
    }
    #divContent .content-outer .content-wrapper .inner-content {
        padding: 0 30px 0 0;
    }
    /* *** SIDEBAR *** */
    #bodyMicrosite:not(.v-event)  .sidebar-content {
        margin: 0 0 0 30px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        max-width: 330px;
    }
    #bodyMicrosite:not(.v-event)  .sidebar-content .sidebar-box {
        /*margin: 0 calc(4vw + 56px);*/
        margin: 0;
        min-width: 240px;
        max-width: 240px;
        width: 240px;
    }
    /* *** ELEMENTS *** */
    /* --- ELEMENTS --> Header Arrow --- */
    .header-arrow {
        left: 0px;
        padding: 0;
        height: 6rem;
        overflow-x: hidden;
        width: 100%;
        position: absolute;
        top: 460px;
        transition: all 0.3s ease;
    }
    .header-arrow:before {
        content: '';
        width: 100%;
        position: absolute;
        background: #fff;
        height: 32px;
        z-index: 1002;
        top: -10px;
        transform: rotate(-1.05deg);
        transition: all 0.3s ease 0s;
    }    
    .header-arrow .arrow__content {
        display: block;
        z-index: 0;
        transform: rotate(-1.05deg);
        width: calc(100% + 2rem);
        height: 2rem;
        content: " ";
        background-color: rgb(255, 255, 255);
        box-shadow: rgb(50 50 50 / 50%) 0px 10px 20px;
        transition: all 0.3s ease 0s;
        margin-left: -1rem;
    }
    .container.header.scroll-mode .header-arrow {
        top: 80px;
    }
    .container.header.scroll-mode .header-arrow:before,
    .container.header.scroll-mode .header-arrow .arrow__content{
        transform: rotate(0deg);
        height: 20px; 
        top: 11px;
    }
    /* --- ELEMENTS --> Contact Box --- */
    .contact .contact-box {
        float: left;
        width: calc(33% - 0px);
    }
    .contact .contact-box:nth-child(4n+4) {
        margin-right: 0 !important;
    }
    /* --- ELEMENTS --> Signature --- */
    .signature:after {
        content: '';
        display: table;
        clear: both;
    }
    .signature>div {
        float: left;
        margin: 0 20px 20px 0;
        width: calc(50% - 10px);
    }
    .signature>div:nth-child(2n+2) {
        margin-right: 0;
    }
    /* --- ELEMENTS --> Cluster --- */
    .cluster {
        width: 33.333%;
    }    
   
    /* IMG WRAPPER */
    .img-wrapper img {
        height: 100px;
        padding: 30px 30px 30px 0;
    }    
    /* --- SITE SPECIFIC --> Veranstaltungsort, Hotel --- */
    .location-wrapper .location .wrapper:after {
        content: '';
        display: table;
        clear: both;
    }
    .location-wrapper .location .wrapper .images {
        float: left;
        margin-right: 20px;
        width: 400px;
    }
    .location-wrapper .location .wrapper .images img {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .location-wrapper .location .wrapper .text {
        float: left;
        width: calc(100% - 420px);
    }
    /* *** FOOTER *** */
    #divFooter .content-wrapper {
        padding: 0px 0 0px;
    }

    #divFooter .first:after {
        content: '';
        display: table;
        clear: both;
    }
    #divFooter .first>div {
        float: left;
    }
    #divFooter .first .text {
        margin-right: 20px;
        width: calc(100% - 300px);
    }
    #divFooter .first .social-media {
        float: right;
        width: auto;
    }
    #divFooter div.second {
        align-items: center;
        justify-content: center;
        padding: 2.1825rem;
    }
}

@media only screen and (min-width: 1024px) {
    .mobile-only {
        display: none;
    }
    .non-mobile {
        display: block;
    }
    /* Header */
    .container.header {
        box-sizing: unset;
    }
    .sponsors-wrapper img {
        max-width: 100px;
    }

    /* Video */
    .video-wrapper#video_speakers {
        display: flex;
        justify-content: space-between;
    }

    /* General Agenda */
    .day .left{
        width: 50%;
    }
    .day .right{
        width: unset;
    }
    .header-bar .header {
        width: 70%;
    }
    .header-bar .leaders {
        width: 30%;
    }
    .header-bar.table .header {
        width: 100%;
    }
    .header-bar.table .leaders {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .header-bar.table .leaders > div {
        width: calc(100% / 4);
        text-align: left;
    }
    .header-bar.table .leaders > div:first-child {
        width: calc(15% + 30px);
    }

    .day {
        flex-wrap: unset;
    }

    .day .halls {
        display: flex;
    } 


    .ses .time {
        width: 15%;
    }
    .sessions .ses .title {
        width: 55%;
    }
    .sessions .ses .referents {
        width: 30%;
    }

    .ses-wrapper .time {
        width: 15%;
    }
    .ses-wrapper .ses {
        width: calc((100% - 15%) / 4);
        flex-direction: column;
        position: relative;
    }
    .ses-wrapper .ses .title,
    .ses-wrapper .ses .referents {
        width: 100%;
    }

    .explanation {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .explanation > div {
        padding: 10px 25px; 
    }   
    /* Mainagenda */
    #agenda .halls > div {
        font-size: 22px;
    }
    #agenda .day .halls > div:first-child {
        width: 15%;
    }
    /* Subagenda */
    #subagenda .day .header-section {
        padding: 30px 30px 10px;    
    }
    #subagenda .day .halls {
        font-size: 18px;
    }
    #subagenda .logo-section {
        padding: 5px 30px;
    }  
    #subagenda .logo-section .left {
        width: 30%;
    }
    #subagenda .sessions-section {
        flex-direction: row;
    }     
    #subagenda .sessions-section > div {
        border-right: 4px solid #c4c5c4;
        border-bottom: unset;
        width: calc(100% / 5);
    }     
    #subagenda .sessions-section .info {
        text-align: center;
        padding: 0 40px;
    }    
    /* #subagenda .day .halls {
        display: flex;
    } */
    #subagenda .logo-section a {
        padding: 20px 30px;
    }    
    /* Footer */
    #divFooter .content-wrapper {
        /* padding: 0px calc(4vw + 16px) 20px; */
    }
    #divFooter div.second .footer-logos {
        padding: 40px 0;
    }
    #divFooter div.second .footer-logos img {
        max-height: 81.25px;
    }    
}

@media only screen and (min-width: 1600px) {
    .container.header #fixed-bar {
        height: 360px;
    }
    .header-arrow {
        top: 360px;
    }
    #bodyMicrosite:not(.v-event) #top-menu {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    /* Content */
    #divContent {
        box-sizing: unset;
    }
    /* Footer */
    #divFooter {
        box-sizing: unset;
    }
}

/* #224822 Mediathek [chris] */

:is(body[data-popup-modal="true"]):before {
    background-color: rgba(0,0,0,0.3);
}

div.u2d-popup__wrapper {
    width: 50%;
}
div#u2d-popup .u2d-popup__body {
    padding: 20px;
}

.content .mediathek-button {
    position: relative;
    width: 100px;
}
.content >.mediathek-button {
    min-height: 100px;
}
.mediathek-button:before {
    content: "";
    opacity: 0;
    position: absolute;
    background: url("/custom/img/microsite/1879/icon_play.jpg") top left no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: all .3s ease-in-out;
}
.element.element.active .mediathek-button:before {
    opacity: 1;
}
.mediathek-button:hover:before {
    transform: scale(1.1);
}
.accordions .element .head:before {
    margin-bottom: 10px;
}
div#u2d-popup--close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 56px;
    font-weight: bold;
    cursor: pointer;
    color: #264b78;
}
.u2d-popup.modal .u2d-popup__header h2 {
    font-size: 28px;
    line-height: 1em;
    margin: 15px 0px;
}
.u2d-popup__header {
    min-height: 88px;
}
.fadeIn {
    animation: basicFdIn .5s forwards; 
}
    @keyframes basicFdIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
    }

.pair-content {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.pair-content .mediathek-button:before {
    width: 60px;
    height: 60px;
}
.pair-content .mediathek-button-wrapper {
    height: 60px;
    flex-grow: 0;
}
.pair-content .mediathek-header {
    font-size: 21px;
    margin: 0;
    flex-grow: 1;
}

@media(max-width: 480px) {
    #divContent .pair-content {
        display: block;
        margin-bottom: 60px;
    }
}

@media(max-width: 844px) and (orientation: landscape) {
    
    #divContent .content .mediathek-button {
        margin: 0px 10px;
    }
}

@media(max-width: 1024px) {

    #divContent .accordions .element .head h3 {
        font-size: calc(26px + 12 * ((100vw - 1024px) / 1024));
    }
    #divContent .u2d-popup.modal .u2d-popup__header h2 {
        font-size: calc(28px + 14 * ((100vw - 1024px) / 1024));
    }
    #divContent div.u2d-popup__wrapper {
        width: 80%;
    }
    .u2d-popup__header h2 {
        font-size: 24px;
    }
    div#u2d-popup--close {
        right: 20px;
        font-size: 46px;
    }
    .mediathek-button:before {
        width: 60px;
        height: 60px;
    }
    div.u2d-popup__wrapper {
        width: 50%;
    }
    iframe#mediathekIframe {
        width: 100%;
        height: 42vmin;
    }

}

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

    iframe#mediathekIframe {
        max-width: 100%;
    }

}

@media(min-width: 1025px) {

    iframe#mediathekIframe {
        width: 768px;
        height: 433px;
    }
    div.u2d-popup__wrapper {
        width: fit-content;
    }
    .u2d-popup.modal .u2d-popup__header h2 {
        max-width: 750px;
    }

}