/* ************************************* */
/*                                       */
/* Layout                                */
/*                                       */
/* ************************************* */
/* ************************************* */
/*                                       */
/* Regions                               */
/*                                       */
/* ************************************* */

main {
    width: 100%;
    padding-bottom: 1px;
}

.path-user main {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/* ************************************* */
/*                                       */
/* Header <header>                       */
/*                                       */
/* ************************************* */

body > header {
    width: 100%;
    overflow:hidden;
    margin-bottom: 24px;
    padding-bottom: 48px;
    font-family: "museo_sans500", Helvetica, Arial, sans-serif;
}

body > header .inner,
body > footer .inner,
#meta .inner,
#meta-footer .inner {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

body > header .inner {
    height: 145px;
    display: flex;
    gap: 20px;
    justify-content:space-between;
    align-items: stretch;
}

/* ************************************* */
/*                                       */
/* Main navigation <nav#main> ul         */
/*                                       */
/* ************************************* */

nav#main {
    width: 100%;
    background: white;
    height: 48px;
    z-index: 101;
    position: absolute;
    top: 217px;
    left: 0;
}

nav#main li {
    float: left;
    background: white;
}

nav#main > ul {
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
}

.no-touch nav#main:not(.smart) > ul > li.expanded:hover {
    border-bottom: 1px solid white;
}

.no-touch nav#main:not(.smart) > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    -moz-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

nav#main ul.submenu {
    background: white;
    display: inline;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    margin-top: 1px;
    -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
    -moz-transition: opacity 0.1s linear, visibility 0.1s linear;
    -o-transition: opacity 0.1s linear, visibility 0.1s linear;
    transition: opacity 0.1s linear, visibility 0.1s linear;
    -webkit-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.3);
}

nav#main ul.submenu li {
    font-size: 14px;
}

nav#main > ul > li:first-child {
    margin-left: 60px;
}

nav#main ul a {
    display: block;
    height: 48px;
    line-height: 47px;
    padding-left: 14px;
    padding-right: 14px;
}

nav#main > ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 900px) {
    nav#main > ul > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 800px) {
    nav#main > ul > li > a {
        padding-left: 2px;
        padding-right: 2px;
    }
}

nav#main ul.nav-vertical li.expanded ul.submenu {
    margin-left: 0;
}

nav#main ul.nav-vertical li.expanded ul.submenu li {
    float: none;
}

nav#main ul.nav-vertical li.expanded ul.submenu a {
    height: 36px;
    line-height: 36px;
}

/* ************************************* */
/*                                       */
/* Meta navigation #meta                 */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Wrapper                               */
/* ************************************* */
#meta {
    width: 100%;
    height: 48px;
    font-size: 13px;
    background: white;
}

.meta-social {
    float: right;
    margin-top: 8px;
}

.meta-social--footer {
    float: none;
    margin-top: 0;
}

.meta-social--footer i {
    /*color: white !important;*/
}

.meta-social span {
    vertical-align: 4px;
}

/* ************************************* */
/* Meta ul                               */
/* ************************************* */

.meta-basic,
.meta-social ul {
    display: inline-block;
}

.meta-basic {
    margin-top: 14px;
    float: left;
}

.meta-social ul {
    margin-top: 0;
}

/* ************************************* */
/* Meta li                               */
/* ************************************* */

.meta-basic li,
.meta-social li {
    display: inline-block;
}

.meta-basic li {
    padding-right: 20px;
    margin-right: 10px;
}

.meta-basic li:last-child {
    border-right: 0;
}

/* ************************************* */
/* Meta li a                             */
/* ************************************* */

.meta-basic li a,
.meta-social li a {
    color: inherit;
    display: inline-block;
}

.meta-basic li a:hover,
.meta-social li a:hover {
    display: inline-block;
}

/* ************************************* */
/* Meta icons                            */
/* ************************************* */

.meta-basic a i {
    font-size: 16px;
    margin-right: 5px;
}

.meta-social a i {
    font-size: 28px;
    margin: 0;
    width: auto;
}

.login-layer {
    display: none;
}

.login-layer.activated {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    padding: 24px 24px 0 24px;
    background: #f5f5f5;
    z-index: 540;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.3);
}

.meta-basic .login-layer li {
    display: block;
    border-right: 0;
    padding-bottom: 24px;
    padding-right: 0;
    margin-right: 0;
}

.login-layer a {
    white-space: nowrap;
}

/* ************************************* */
/*                                       */
/* Pager navigation .pager ul            */
/*                                       */
/* ************************************* */

.pager {
    text-align: center;
    margin-bottom: 24px;
}

.pager.pager--mini {
    font-size: 48px;
    color: white;
}

.pager.pager--layer {
    font-size: 48px;
    margin-bottom: 24px;
    font-size: 24px;
}

.pager.pager--top {
    padding-bottom: 20px;
}

.pager.pager--bottom {
    padding-top: 20px;
}

.box + .pager.pager--bottom {
    padding-top: 0px;
    border-top: none;
}

.pager--layer span {
    margin-left: 12px;
    margin-right: 12px;
}

.pager.pager--mini i:before {
    vertical-align: top;
    margin: 0;
}

.pager__items li {
    display: inline-block;
    margin-left: 0;
}

/* *************************************************** */
/*                                                     */
/* Context navigation in page nodes .nav-context       */
/*                                                     */
/* *************************************************** */

.nav-context {
    text-align: center;
    margin-bottom: 12px;
}

.nav-context > li {
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 0;
    margin-right: 1px;
}

.nav-context > li > a.button,
.nav-context > li > span.button {
    display: block;
    border-radius: 0 6px 6px 6px;
}

/* *************************************************** */
/* Accordion                                           */
/* *************************************************** */

.nav-context--accordion {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.nav-context--accordion > li {
    display: block;
    text-align: left;
}

.nav-context--accordion > li > a.button,
.nav-context--accordion > li > span.button {
    padding: 8px 12px 8px 12px;
    font-family: "museo_sans500", Helvetica, Arial, sans-serif;
}

/* *************************************************** */
/* Modal / Embedded                                    */
/* *************************************************** */

.nav-context--modal {
}

/* *************************************************** */
/*                                                     */
/* More                                                */
/*                                                     */
/* *************************************************** */

.more-link {
    display: block;
    margin: 0 auto 24px auto;
    border-radius: 50%;
    width: 96px;
    height: 96px;
    line-height: 96px;
    text-align: center;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

/*.list--speakers--block_1 .more-link{
  position:absolute;
  bottom:-30px;
  left:50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}*/

/* ************************************* */
/*                                       */
/* Tabs ul.tabs                          */
/*                                       */
/* ************************************* */

ul.tabs {
    display: table;
    width: 100%;
}

/* ************************************* */
/* li                                    */
/* ************************************* */

.tabs li {
    display: table-cell;
    border-right: 1px white solid;
    text-align: center;
    white-space: nowrap;
}

/* ************************************* */
/* a                                     */
/* ************************************* */

.tabs a {
    color: inherit !important;
    display: block;
    padding: 12px 24px 12px 24px;
    white-space: nowrap;
}

.tabs span {
    color: rgba(255, 255, 255, 0.2);
    display: block;
    padding: 12px 24px 12px 24px;
    white-space: nowrap;
}

/* ************************************* */
/*                                       */
/* Inner Animation of blocks             */
/*                                       */
/* ************************************* */

.animation-innerSlide {
    overflow: hidden;
}

.animation-innerSlide.theme_format {
    cursor: default;
}

.animation-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transition: all 3s;
    transition: all 3s;
}

.touch .theme_format .animation-container {
    position: relative;
}

.animation-innerSlide .animation-visible {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.animation-innerSlide div.animation-hidden {
    position: absolute;
    padding-left: 24px;
    padding-right: 24px;
    bottom: 0%;
    left: 0%;
    width: 100%;
    transform: translate(0%, 100%);
    -webkit-transform: translate(0%, 100%);
    -ms-transform: translate(0%, 100%);
    height: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

.touch .animation-innerSlide.theme_format div.animation-hidden {
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    opacity: 1;
    padding-bottom: 12px;
}

.touch
    .animation-innerSlide.theme_format.background-blue-medium
    div.animation-hidden {
    color: white;
}

.no-touch .animation-innerSlide:hover div.animation-hidden {
    opacity: 1;
    height: auto;
    bottom: 50%;
    transform: translate(0%, 50%) scale3d(1, 1, 1);
    -webkit-transform: translate(0%, 50%) scale3d(1, 1, 1);
    -ms-transform: translate(0%, 50%) scale3d(1, 1, 1);
}

.no-touch .animation-innerSlide:hover .animation-visible {
    opacity: 0;
    top: 0;
    transform: translate(0%, -100%) scale3d(1, 1, 1) scale(0.5);
    -webkit-transform: translate(0%, -100%) scale3d(1, 1, 1) scale(0.5);
    -ms-transform: translate(0%, -100%) scale3d(1, 1, 1) scale(0.5);
}

.no-touch .animation-innerSlide:hover .animation-container {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/* ************************************* */
/* Table emulation .cell                 */
/* ************************************* */

.cell.cell--date,
.cell.cell--time,
.cell.cell--style,
.cell.cell--desc,
.cell.cell--actions {
    vertical-align: middle;
}

.cell.cell--date,
.cell.cell--time {
    text-align: center;
}

.cell.cell--desc,
.cell.cell--actions {
    text-align: right;
}

.cell.cell--date {
    width: 70px;
}

.cell.cell--time {
    width: 150px;
}

.cell.cell--style {
    width: 60px;
}

.cell.cell--title {
    width: auto;
}

.cell.cell--desc {
    width: 100px;
}

.cell.cell--actions {
    width: 36px;
}

.cell--actions a,
.cell--actions span {
    font-size: 24px;
}

.item__inner.session.table--agenda .button {
    padding: 6px;
}

.item__content.content--session {
    margin-bottom: 6px;
    padding: 24px;
}

/* ************************************* */
/*                                       */
/* Emulated table cells                  */
/*                                       */
/* ************************************* */

.cell {
    display: table-cell;
    text-align: left;
}

.cell--classic {
    aspect-ratio: 1 / 1;
    display: flex;
    background-color: yellow;
}

.cell--flexible {
    min-width: 150px;
    width: auto;
    vertical-align: middle;
    height: 121px;
}

/* ************************************* */
/*                                       */
/* Blocks                                */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Auszeichnungsbloecke                  */
/* ************************************* */

.box {
    padding: 20px 20px 10px 20px;
    border-radius: 0 6px 6px 6px;
    margin-bottom: 24px;
}

/* ************************************* */
/*                                       */
/* Articles                              */
/*                                       */
/* ************************************* */

/* ************************************* */
/*                                       */
/* Sections                              */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Main content                          */
/* ************************************* */

section .inner,
article .inner {
    width: 100%;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.id-1 section .inner {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

section,
main:not(.type-main_page) article {
    padding-top: 48px;
    padding-bottom: 48px;
    /*  border-bottom: 1px solid #edeae7;
  -webkit-box-shadow: inset 0px -1px 0px 0px #e4e0db;
  -moz-box-shadow: inset 0px -1px 0px 0px #e4e0db;
  box-shadow: inset 0px -1px 0px 0px #e4e0db;*/
}

section > .inner > .content,
main:not(.type-main_page) article > .inner > .content {
    padding: 0 96px 0 96px;
}

section > .inner > .content + div.list,
main:not(.type-main_page) article > .inner > .content + div.list {
    margin-top: 48px;
}

section .inner .modal .content,
article .inner .modal .content {
    padding: 0;
}

section > .inner > .content img:not(.legacy-img),
main:not(.type-main_page) article > .inner > .content img:not(.legacy-img) {
    width: 100%;
    max-width: 480px;
    height: auto;
}

/* ************************************* */
/*                                       */
/* Columns                               */
/*                                       */
/* ************************************* */

/* ************************************* */
/* Main content                          */
/* ************************************* */

main .column {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}

main .columns--2 .column {
    width: 50%;
}

main .columns--2 .column:first-child {
    padding-right: 20px;
}

main .columns--2 .column:last-child {
    padding-left: 20px;
}

main .columns--3 .column {
    width: 33%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--4 .column {
    width: 25%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--5 .column {
    width: 20%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--6 .column {
    width: 16.666666666666%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--7 .column {
    width: 14.28571428571429%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--8 .column {
    width: 12.5%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--9 .column {
    width: 11.11111111111111%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

main .columns--10 .column {
    width: 10%;
    margin-bottom: 18px;
    padding: 0 10px 0 10px;
}

/* ************************************* */
/* Footer                                */
/* ************************************* */

body > footer .columns {
    width: 100%;
    display: table;
    margin: 0 auto 0 auto;
    table-layout: fixed;
}

body > footer .column {
    border-left: 1px solid #f4f3f0;
    padding: 20px 20px 24px 20px;
    display: table-cell;
    vertical-align: top;
}

body > footer .column:first-child {
    border: 0;
    padding-left: 0;
}

body > footer .column:last-child {
    padding-right: 0;
    padding-left: 20px;
}

.column.column--logos {
    text-align: center;
}

.column.column--logos span {
    display: inline-block;
    max-width: 158px;
}

.column.column--logos a {
    cursor: default;
}

/* ************************************* */
/*                                       */
/* Style                                 */
/*                                       */
/* ************************************* */

.circle,
header .block--classic.circle {
    border-radius: 50%;
}

.border--thin {
    border-style: solid;
    border-width: 1px;
}

.border--medium {
    border-style: solid;
    border-width: 2px;
}

.border--thick {
    border-style: solid;
    border-width: 5px;
}

/* ************************************* */
/* Line in top of headline elements      */
/* ************************************* */

.line {
    position: relative;
    padding-top: 12px;
}

.line.line--white::before {
    background-color: white;
    height: 2px;
    width: 72px;
}

.line::before {
    content: "";
    height: 1px;
    left: 0;
    margin-top: -12px;
    position: absolute;
    width: 48px;
}

/* **************************************************** */
/* Background image for the Spotlight Stage teaser      */
/* **************************************************** */

.style-the-spotlight-stage .inner,
.style-spotlight-stage .inner {
    background-image: url(../img/deco/deco-spotlight-stage-600w.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40% auto;
}

.quickedit-toolbar-container {
    z-index: 550 !important;
}

#ccc {
    z-index: 9999 !important;
}

.lg-backdrop {
    z-index: 10000 !important;
}

.lg-outer {
    z-index: 10001 !important;
}

.umm-uz50aw {
    z-index: 9999 !important;
}