/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_waconversions" */
    textarea.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    input.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    .tx-wacon-versions table {
        border-collapse:separate;
        border-spacing:10px;
    }

    .tx-wacon-versions table th {
        font-weight:bold;
    }

    .tx-wacon-versions table td {
        vertical-align:top;
    }

    .typo3-messages .message-error {
        color:red;
    }

    .typo3-messages .message-ok {
        color:green;
    }

.tx-powermail .powermail_fieldset .powermail-errors-list{display:none;margin:5px 0 20px 0;padding:0;list-style-type:none;background-color:#F2DEDE;border:1px solid #EBCCD1;width:100%;float:right;clear:left}.tx-powermail .powermail_fieldset .powermail-errors-list.filled{display:block}.tx-powermail .powermail_fieldset .powermail-errors-list>li{color:#A43431;padding:5px 10px}.tx-powermail .powermail_fieldset .powermail_field_error,.tx-powermail .powermail_fieldset div.error{background-color:#EBCCD1;color:#A43431}.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list{width:100%;margin-bottom:0;background-color:#EBCCD1;border:none}.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list>li{padding-left:5px}.tx-powermail .powermail_progressbar{width:100%;height:5px;float:right;border:1px solid #EEEEEE;clear:both}.tx-powermail .powermail_progressbar.disable{display:none}.tx-powermail .powermail_progressbar>.powermail_progress{background:#1E5799;width:0%;max-width:100%;-webkit-animation:progress 5s 1 forwards;-moz-animation:progress 5s 1 forwards;-ms-animation:progress 5s 1 forwards;animation:progress 5s 1 forwards}.tx-powermail .powermail_progressbar>.powermail_progress>.powermail_progress_inner{height:5px;width:100%;overflow:hidden;background:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);filter:alpha(opacity=25)}.tx-powermail ul.powermail_fieldwrap_file_list{background-color:white;border:1px solid #bbb;float:right;padding:3px;width:100%;list-style:none;border-radius:4px;margin:0}.tx-powermail ul.powermail_fieldwrap_file_list>li{margin:5px}.tx-powermail ul.powermail_fieldwrap_file_list>li .deleteAllFiles{color:#bbb;cursor:pointer}.tx-powermail ul.powermail_fieldwrap_file_list>li .deleteAllFiles:hover{text-decoration:underline}.tx-powermail .powermail_confirmation .powermail_progressbar{width:100%}.tx-powermail .powermail_message{padding:5px 0 10px 20px;min-height:65px;background-color:#EBCCD1;border:1px solid #A43431;background-position:98% 10px;background-repeat:no-repeat;list-style:circle}.tx-powermail .powermail_message li{padding:5px 50px 0 0;border:none;background:none}.tx-powermail .powermail_message.powermail_message_ok{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");background-color:#CDEACA;border:1px solid #3B7826}.tx-powermail .powermail_message.powermail_message_ok li{color:#3B7826}.tx-powermail .powermail_message.powermail_message_error{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")}.tx-powermail .powermail_message.powermail_message_error li{color:#A43431}.tx-powermail .powermail_message.powermail_message_note{background-image:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");background-color:#FCF8E3;border:1px solid #FFCA4B}.tx-powermail .powermail_message.powermail_message_note li{color:#FFCA4B}.tx-powermail .powermail_fieldset .powermail_tab_navigation{margin-top:2em}.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous{background-color:#aaa;display:inline-block;padding:5px 30px;text-decoration:none;color:white;border:1px solid #bbb;font-weight:bold}.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next{background-color:#1E5799;float:right}.tx-powermail .powermail_form.nolabel>h3{display:none}.tx-powermail .powermail_fieldset.nolabel>legend{display:none}.tx-powermail .powermail_fieldwrap.nolabel>label{display:none}.tx-powermail .powermail_fieldwrap.nolabel>fieldset>legend{display:none}@-webkit-keyframes progress{from{}to{width:100%}}@-moz-keyframes progress{from{}to{width:100%}}@-ms-keyframes progress{to{width:100%}}@keyframes progress{from{}to{width:100%}}

/***************************************************
 * GENERAL - START
**************************************************/
.powermail_form label {
    margin-bottom: 0.25rem;
}

.powermail_form fieldset {
    padding-top: 1rem;
}

/* STEP NAVIGATION - START */
.powermail_form > .btn-group:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: var(--bs-primary);
    height: 1px;
    width: 100%;
}

.powermail_form > .btn-group .btn:hover,
.powermail_form > .btn-group .btn:focus {
    background-color: var(--bs-primary);
    color: var(--insci-colors-white);
}
/* STEP NAVIGATION - END */
/* TAB NAVIGATION - START */
.powermail_tab_navigation {
    display: flex;
    justify-content: flex-end;
}

.powermail_tab_navigation > button:first-child {
    order: 2;
}

.powermail_tab_navigation > button + button {
    margin-right: 1rem;
}
/* TAB NAVIGATION - END */
/* Buttons - START */

.powermail_fieldwrap_type_submit {
    text-align: right;
}

.powermail_form .btn {
    font-size: 0.88rem;
    padding: 0.75rem 1rem;
}

.powermail_form .btn-default:not(.btn-primary) {
    background-color: var(--insci-colors-gray);
}
/* Buttons - END */

/* Button Group - START */
.powermail_form .btn-group > .btn + .btn {
    margin-left: 1rem;
}
/* Button Group - END */

/* RADIO - START */
.powermail_fieldwrap_type_radio > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.powermail_fieldwrap_type_radio > div > .radio + .radio {
    margin-left: 1.25rem;
}

/* Radio vertical - START */
.powermail_fieldwrap_type_radio.layout1 > div {
    flex-direction: column;
}

.powermail_fieldwrap_type_radio.layout1 > div > .radio + .radio {
    margin-left: 0;
}
/* Radio vertical - END */

.powermail_fieldwrap_type_radio .radio > label {
    display: flex;
}

.powermail_fieldwrap_type_radio .radio > label > input {
    margin-right: 0.25rem;
}

.powermail_fieldwrap_type_radio input[type="radio"] {
    display: grid;
    place-content: center;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    min-width: 1.4em;
    width: 1.4em;
    height: 1.4em;
    border: 0.25em solid var(--insci-colors-gray2);
    border-radius: 50%;
}

.powermail_fieldwrap_type_radio input[type="radio"]:checked {
    border-color: currentColor;
}

.powermail_fieldwrap_type_radio input[type="radio"]:before {
    content: "";
    width: 0.3em;
    height: 0.3em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em currentColor;
}

.powermail_fieldwrap_type_radio input[type="radio"]:checked:before {
    transform: scale(1);
}
/* RADIO - END */

/* CHECK - START */
.powermail_fieldwrap_type_check input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--insci-colors-gray2);
    border-radius: 0.5rem;
    width: calc(var(--bs-body-font-size) + 0.5rem);
    height: calc(var(--bs-body-font-size) + 0.5rem);
    position: relative;
    top: 6px;
}

.powermail_fieldwrap_type_check input[type="checkbox"]:checked {
    background-color: var(--insci-colors-black);
}

.powermail_fieldwrap_type_check input[type="checkbox"]:checked:before {
    width: calc(var(--bs-body-font-size) - 0.25rem);
    height: calc(var(--bs-body-font-size) - 0.25rem);
    border-radius: 5px;
    background-color: var(--insci-colors-white);
    display: block;
    content: "";
    position: absolute;
    left: calc((var(--bs-body-font-size) - 0.25rem) / 2);
    top: calc((var(--bs-body-font-size) - 0.25rem) / 2);
}
/* CHECK - END */

/* HTML - START */
.powermail_fieldwrap_type_html:not(.raw-html) {
    font-weight: bold;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--insci-colors-dark);
}

.powermail_fieldwrap_type_html.raw-html {
    margin: 0 !important;
    padding: 0 !important;
}
/* HTML - END */
/***************************************************
 * GENERAL - END
 **************************************************/
/***************************************************
 * EVALUATION FORM - START
 **************************************************/

/***************************************************
 * EVALUATION FORM - END
 **************************************************/

/* DOCUMENT INFORMATION
    - Document: Stylesheet for WACON COOKIE CONSENT BOX
    - Version:  1.1.4
    - Client:   WACON Internet GmbH
    - Author:   Kerstin Schmitt / Oliver Best
*/

.waconcookiemanagement {
    display: none;
    font-family: Helvetica, sans-serif;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 300;
}

.cookie-set.script img {
        max-width:100%;height:auto;
   /* filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
    -webkit-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
    -moz-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);*/
}
.cookie-information{margin-bottom:20px;}

#CookieBox p,
#CookieBox h1,
#CookieBox h2,
#CookieBox h3 {
    color:#333333;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
}

#CookieBox a {
    color:#333333;
    font-size:16px;
    text-transform: none;
    text-decoration: none;
}

#CookieBox {
    z-index: 201;
    position: fixed;
    top: 10%;
    left: 20%;
    width: 60%;
    max-width: 100%;
    max-height: 80%;
    overflow: auto;
    background: #fff;
    padding: 70px 20px 20px;
    border-radius: 5px;
}

.waconcookiemanagementlist #CookieBox {
    z-index: 201;
    position: relative;
    width: 100%;
    top: 0%;
    left:0%;
    max-width: 100%;
    max-height: auto;
    overflow: auto;
    background: #fff;
    padding: 0px;
    border-radius: 0px;
}

#CookieBox h2 {
    text-align: center;
    font-weight: 600;
    font-size:1.6rem;
}

#CookieBox ul , #CookieBox2 ul {
    margin: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
#CookieBox .cookie-info ul, #CookieBox2 .cookie-infolist ul {
    text-align: left;
    padding:0;
    padding-left:1rem;
}

#CookieBox p, #CookieBox2 p {
    font-size:1.1rem;
    margin:0 auto 10px;
}

#CookieBox .cookie-btn {
    display: inline-block;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: bold;
    padding: .5em 1em;
    text-decoration: none;
    background: #8dc63f;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    margin:15px auto;
}

#CookieBox .cookie-btn:hover {
    color: white;
    text-decoration: none;
}
#CookieBox .cookie-refuse .cookie-btn {background:#ccc;}

#CookieBox .cookie-accept-container {
    text-align: center;
    cursor: pointer;
}

#CookieBox  a.cookie-accept {
    padding:10px 50px;
}

#CookieBox .cookieclose {
    cursor: pointer;
    position:absolute;
    top:15px;
    right:15px;
    border-radius: 4px;
    border: 1px solid #333;
    background: #333;
    padding: 2px 9px;
    font-family: Verdana, sans-serif;
    font-size: 26px;
    color: #fff;
}

#CookieBox .intro p {
    width:75%;
}

#CookieBox .cookie-management,
#CookieBox .cookie-refuse {
    margin:10px auto;
  
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 50px;
    background-color: #ccc;
}
.waconcookiemanagementlist #CookieBox .cookie-refuse {
    background-color: transparent;
}
#CookieBox .text-center {
    text-align: center;
}

#CookieBox .text-right,
#CookieBox .text-back-right {
    text-align: right;
}

#CookieBox .text-back-right a {
    display: inline-block;
    padding: 0 5px;
    margin-right: 10px;
    color: #333333;
    text-decoration: none;
}

#CookieBox .cookieback {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #ccc;
}

#CookieBox .cookie-on,
#CookieBox .cookie-off, #CookieBox2 .cookie-on,
#CookieBox2 .cookie-off {
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

#CookieBox .cookie-on,#CookieBox2 .cookie-on {
    display: none;
}

#CookieBox .intro .cookie-legal,#CookieBox2 .intro .cookie-legal {
    margin-top:50px;
    width:100%;
}

#CookieBox .cookie-legal a {
    display: inline-block;
    padding: 0;
    font-size:.9rem;
    margin-right: 30px;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

#CookieBox .cookie-legal a:hover {
    text-decoration: underline;
}

#CookieBox .info-text {
    display: none;
}

#CookieBox .info-show {
    cursor: pointer;
}

#CookieBox .info-hide {
    cursor: pointer;
}


#CookieBox .category {
    background: #eeeeee;
    padding: 10px;
    margin:25px 30px;
}
.waconcookiemanagementlist #CookieBox2 .category {
    background: #eeeeee;
    padding: 10px;
    margin:25px 0px;
}
#CookieBox .category h3 {
    margin-top: 0;
    font-size: 1.25rem;
}



#CookieBox .cookie-info, #CookieBox2 .cookie-infolist {
    background: #fff;
    padding: 10px;
}

#CookieBox .cookie-info table, #CookieBox2 .cookie-infolist table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

#CookieBox .cookie-info td, #CookieBox2 .cookie-infolist td {
    padding: 3px 10px 3px 0;
    border-top: #eeeeee solid 1px;
}

#CookieBox .cookie-info p, #CookieBox2 .cookie-infolist p {
    margin-top: 0;
}

#CookieBox .box-cookie-management {
    display: none;
    overflow: auto;
}

#CookieBox .box-cookie-management-in > p {
    width:80%;
}
.waconcookiemanagementlist #CookieBox  .box-cookie-management{
    display:block;
}
.waconcookiemanagementlist #CookieBox .box-cookie-management-in > p {
width:100%;margin:25px 0 0 0;
}

.waconcookiemanagementlist  #CookieBox .intro p {width:100%;}
#CookieBox .deactivated,
#CookieBox .activated,#CookieBox2 .deactivated,
#CookieBox2 .activated {
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: #ccc;
    display: inline-block;
}

#CookieBox .activated,#CookieBox2 .activated  {
    background: #8dc63f;
}

#CookieBox .off,
#CookieBox .on ,#CookieBox2 .off,
#CookieBox2 .on{
    cursor: pointer;
    display: block;
    float: left;
    background: #fff;
    width: 16px;
    margin: 2px;
    height: 16px;
    border-radius: 8px;
}

#CookieBox .on,#CookieBox2 .on {
    float:right;
}

#CookieBox .arrow ,#CookieBox2 .arrow {
    border: .5rem solid #333;
    font-size: 0;
    line-height: 0;
    height: 0;
    padding: 0;
    margin: 0px 10px;
    display: inline-block;
}

#CookieBox .arrow.down, #CookieBox2 .arrow.down {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin-bottom: -5px;
}

#CookieBox .arrow.up,#CookieBox2 .arrow.up {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    margin-top: -5px;
}

/* CookieFix unterer Bereich mit Buttons */
#CookieBox .cookie-fix {
    display: none;
    overflow: auto;
    padding:20px 0 0 0;
}
.waconcookiemanagementlist #CookieBox .cookie-fix {
    display:block;
}
#CookieBox .cookie-fix .cookie-save {
    float: left;
    margin-left:30px;
}

#CookieBox .cookie-fix .text-back-right {
    float: right;
    margin-right:30px;
}
#CookieBox .cookie-refuse-container, #CookieBox .cookie-accept-container, #CookieBox .cookie-management-container{text-align:center;}

#CookieBox .cookie-fix .cookieback,
#CookieBox .cookie-fix .cookie-refuse {
    display:block;
    margin: 10px auto;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 20px;
    background-color: #ccc;
    white-space: nowrap;
    width:auto;
}

#CookieBox .cookie-fix .cookie-legal {
    clear: both
}

.cookie-set.script {
    cursor: pointer;
    position: relative;
    min-height: 50px;
    background: #ffffff;
    text-align: center;
}

.cookie-set.script p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #333333;
    text-align: center;
    background-color: rgb(255,255,255,0.8);
    margin:0 auto;
    padding:40px;border-radius:5px;    
}

.cookie-set {
    cursor: pointer
}


@media(max-width: 1000px) {
    #CookieBox {
        left: 2%;
        width: 96%;
        top: 5%;
        max-height: 90%;
        min-height: 90%;
    }
}

@media(max-width: 786px) {
    #CookieBox .cookie-fix .text-back-right {
        width:87%;
    }

}

@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.scroll-down {
  margin: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  width: 3vw;
  height: 3vw;
  margin-left: -1vw;
  margin-top: -1vw;
  cursor: pointer;
}
.scroll-down a {
  display: block;
  opacity: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  line-height: 0;
  font-size: 0;
  color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -moz-background-size: 0 auto;
  -o-background-size: 0 auto;
  -webkit-background-size: 0 auto;
  background-size: 0 auto;
  -webkit-animation: pulse 2.4s 0s infinite normal ease forwards;
  -moz-animation: pulse 2.4s 0s infinite normal ease forwards;
  -o-animation: pulse 2.4s 0s infinite normal ease forwards;
  animation: pulse 2.4s 0s infinite normal ease forwards;
  background-image: url("/fileadmin/templates/svg/arrow.svg");
  background-repeat: no-repeat;
}
.scroll-down a:before, .scroll-down a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/fileadmin/templates/svg/arrow.svg") no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.scroll-down a:before {
  -webkit-animation: pulse 2.4s 0.45s infinite normal ease forwards;
  -moz-animation: pulse 2.4s 0.45s infinite normal ease forwards;
  -o-animation: pulse 2.4s 0.45s infinite normal ease forwards;
  animation: pulse 2.4s 0.45s infinite normal ease forwards;
}
.scroll-down a:after {
  -webkit-animation: pulse 2.4s 0.9s infinite normal ease forwards;
  -moz-animation: pulse 2.4s 0.9s infinite normal ease forwards;
  -o-animation: pulse 2.4s 0.9s infinite normal ease forwards;
  animation: pulse 2.4s 0.9s infinite normal ease forwards;
}
.scroll-down a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
/***********************************************************
 * ROOT - START
 **********************************************************/
:root {
    --insci-colors-gray: #F0F0F0;
    --insci-colors-gray2: #dedede;
    --insci-colors-black: #212529;
    --insci-colors-white: #fff;
    --insci-colors-yellow: yellow;
    --insci-colors-dark: #4c4c4c;
    --insci-colors-border-rgba: 0, 0, 0, 0.1;
    --insci-max-image-size: 1920px;
    --insci-colors-main-nav-link: var(--bs-primary);
    --insci-colors-main-nav-link-active: var(--insci-colors-main-nav-link);
    --insci-colors-main-nav-link-active-bg: var(--insci-colors-gray);

    --insci-head-container-height: 3.75rem;
    --insci-head-container-height-with-loginmenu: 6.25rem;

    --bs-primary: #316f8d;
    --bs-dark: var(--insci-colors-dark);
    --bs-body-color: var(--insci-colors-black);
    --bs-highlight-bg: #ff0;
    --bs-body-font-family: Open Sans, sans-serif;
    --bs-nav-link-color: var(--insci-colors-main-nav-link);
}

*:focus-visible {
    outline: unset;
}

.dropdown-menu {
    --bs-dropdown-border-radius: 0;
}

.dropdown-item {
    --bs-dropdown-link-active-bg: var(--bs-primary);
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.text-tertiary {
    color: var(--bs-tertiary);
}

.bg-tertiary {
    background-color: var(--bs-tertiary);
}

.nav {
    --bs-nav-link-color: var(--bs-primary);
    --bs-nav-link-hover-color: var(--bs-primary);
}

.accordion {
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--insci-colors-gray);
    --bs-accordion-active-bg: var(--bs-accordion-btn-bg);
    --bs-accordion-btn-padding-y: 0.5625rem;
    --bs-accordion-btn-padding-x: 1rem;
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
}

.modal-dialog {
    --bs-modal-width: 600px;
}

.table {
    --bs-table-striped-bg: var(--insci-colors-gray);
}

@media screen and (max-width: 991px) {
    .hide-md-down {
        display: none !important;
    }
}
/***********************************************************
 * ROOT - END
 **********************************************************/
/***********************************************************
 * COLORS - START
 **********************************************************/
.bg-grey {
    background-color: var(--insci-colors-gray);
}
.bg-yellow {
    background-color: var(--insci-colors-yellow);
}
/***********************************************************
 * COLORS - END
 **********************************************************/
/***********************************************************
 * BUTTONS - START
 **********************************************************/
/* CTA BUTTON - START */
.btn-cta,
.btn-cta:hover,
.btn-cta:focus {
    color: var(--insci-colors-dark);
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--insci-colors-gray2);
    background-color: var(--insci-colors-gray);
    border-left: 2px solid var(--bs-primary);
    border-radius: 0;
    padding: 0.5625rem 0 0.5625rem 0.9375rem;
    box-shadow: unset;
}

.btn-cta i {
    color: var(--insci-colors-dark);
    margin-right: 0.5625rem;
    display: flex;
    align-items: center;
}

.btn-cta .mask-ctabutton-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

/* CTA BUTTON - END */

/* DEFAULT - START */
.btn-default:hover,
.btn-default:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--insci-colors-white);
}
/* DEFAULT - END */

/* PRIMARY - START */
.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--bs-primary);
}
/* PRIMARY - END */

/* PRIMARY NOT ROUNDED W-100 - START */
.btn-primary-100,
.btn-primary-100:hover,
.btn-primary-100:focus {
    border-radius: 0;
    width: 100%;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--insci-colors-white);
}
/* PRIMARY NOT ROUNDED W-100 - END */

/* LINK - START */
.btn-link {
    color: var(--bs-primary);
}
/* LINK - END */
/***********************************************************
 * BUTTONS - END
 **********************************************************/
/***********************************************************
 * TYPOGRAPHY - START
 **********************************************************/
 /* COPY - START */
 p:last-child {
    margin-bottom: 0;
 }
 /* COPY - END */
 /* HEADINGS - START */
 .h1,.h2,.h3,
 h1,h2,h3 {
    color: var(--bs-primary);
    line-height: calc(1 + 0.2vw);
}

.h3,
h3,
.card-title {
    font-size: calc(1rem + .6vw);
}

.h4,
h4 {
    font-size: calc(1rem + .3vw);
}

.h5,
h5 {
    color: var(--bs-primary);
    font-size: 1.125rem;
}

@media screen and (min-width: 1200px) {
    .h1,.h2,.h3,
    h1,h2,h3 {
        line-height: 1.3;
    }

    .h3, h3,
    .card-title {
        font-size: 1.375rem;
    }

    .h4, h4 {
        font-size: 1.25rem;
    }
}
/* HEADINGS - END */
/* LINKS - START */
a {
    color: var(--bs-primary);
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/* Disable to test, if we actually need this icon on links
.frame-type-text a::before,
.frame-type-textpic a::before,
article a::before,
.link-icon::before {
    content: "\f105";
    margin-right: 0.5rem;
    margin-left: 0;
}*/

/* Add FontAwesome to several links - START */
a[target="_blank"]::after,
a[href^="mailto:"]::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-weight: var(--fa-style,300);
    margin-left: 0.25rem;
    font-size: 0.9em;
}
/* Add FontAwesome to several links - ENd */

/* Add Icon on external links - START */
a[target="_blank"]::after {
    content: "\f08e";
}

.tx-paintherapists--web > a[target="_blank"]::after {
    display: none;
}
/* Add Icon on external links - END */

/* Add Icon on email links - START */
a[href^="mailto:"]:not(.chair-email):after {
    content: "\f0e0";
}
/* Add Icon on email links - END */
/* LINKS - END */
/* MISC - START */
hr {
    opacity: 0.1;
}

/* Disable to test, if we actually need this icon on links
.frame-type-text a::before,
.frame-type-textpic a::before,
article a::before,
.link-icon::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-weight: var(--fa-style,900);
}*/

.frame-type-text header a:before,
.frame-type-textpic header a:before,
article header a:before
{
    display: none;
}

/* Remove Icon by linked images */
.imageWrapper > a::before,
.imageWrapper > a::after,
a.no-icon::before,
a.no-icon::after,
.mask-ctabutton a::after {
    display: none;
}
/* MISC - END */
/***********************************************************
 * TYPOGRAPHY - END
 ***********************************************************/
/***********************************************************
 * SPACING - START
 ***********************************************************/
.ms-6 {
    margin-left: 4.5rem;
}

.me-6 {
    margin-right: 4.5rem;
}

.ms-7 {
    margin-left: 6rem;
}

.me-7 {
    margin-right: 6rem;
}
/***********************************************************
 * SPACING - END
 ***********************************************************/
/***********************************************************
 * GRID - START
 ***********************************************************/
/* Increase Gutter */
.row {
    --bs-gutter-x: 2rem;
}

/* @TOREPLACE */
 .i-w-214 .ce-column {
    width: 214px;
    height: auto;
}

/* @TOREPLACE */
.i-w-190 .ce-column {
    width: 190px;
    height: auto;
}

/* @TOREPLACE */
.i-m-10 .ce-column {
    margin: calc(1rem/2);
}

@media print, screen and (min-width: 992px) {
    .w-lg-75 {
        width: 75%;
    }
}
/***********************************************************
 * GRID - END
 ***********************************************************/
 /***********************************************************
 * VIEWPORT - START
 **********************************************************/
.viewport {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}

/* No min height */
.viewport.viewport-1 {
    min-height: unset;
}

.slidemenu-1.viewport {
    transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
}
/***********************************************************
 * VIEWPORT - END
 **********************************************************/
/***********************************************************
 * NAVIGATION - START
 **********************************************************/
 .nav-link:focus-visible {
    box-shadow: unset;
 }

 /* NAV STYLES - START */
 .nav_1 .head-container {
    --insci-headnavigation-height: var(--insci-head-container-height);
    --insci-headnavigation-level2-height: 2.75rem;

    background-color: var(--insci-colors-gray);
}
/* NAV STYLES - END */

#layout_conferencing.nav_1:not(.onepager) {
    padding-top: 60px;
}

#layout_conferencing.nav_1.login-menu-enabled:not(.onepager) {
    padding-top: 100px;
}

/* MAIN NAV - START */
#head-navigation {
    height: var(--insci-headnavigation-height);
    padding: 0;
}

#head-navigation a:hover,
#head-navigation a:focus {
    text-decoration: none;
}

#head-navigation > ul {
    flex-direction: row;
}

#head-navigation > ul li a {
    text-decoration: none;
    color: var(--insci-colors-main-nav-link);
    font-size: 1rem;
}

#head-navigation #navbarMain > ul > li > a,
#head-navigation #navbarMain > ul > li > a:hover,
#head-navigation #navbarMain > ul > li > a:focus {
    white-space: nowrap;
}

/* Active State - START */
#head-navigation .navbar-nav > li > a.active,
#head-navigation .navbar-nav > li > a:hover,
#head-navigation .navbar-nav > li > a:focus {
    background-color: var(--insci-colors-main-nav-link-active-bg);
    color: var(--insci-colors-main-nav-link-active);
}
/* Active State - END */

#head-navigation li > a {
    display: block;
    height: var(--insci-headnavigation-height);
    line-height: var(--insci-headnavigation-height);
    padding: 0 1rem;
}

#head-navigation .nav-link > i,
#head-navigation .toggle-icon {
    margin-left: 0.625rem;
}
/* MAIN NAV - END */
/* MAIN NAV DROPDOWN - START */
#head-navigation .dropdown-menu:not(.dropend) .nav-submenu {
    position: relative;
    top: 0;
}

@media screen and (min-width: 992px) {
    #head-navigation .dropdown-menu.nav-submenu:not(.dropend) .dropdown-menu.nav-submenu {
        position: absolute;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem;
        margin-right:0.7rem;
        margin-bottom: .5rem;
    }
}

@media screen and (min-width: 992px) {
    .dropdown-menu li {
		position: relative;
	}

    .dropdown-menu .nav-submenu .nav-submenu {
		left: 100%;
        top: 0;
	}

	.dropdown-menu .nav-submenu-left{
		right:100%; left:auto;
	}
}

.dropdown-menu .toggle-icon {
    border-left: 1px solid var(--insci-colors-gray);
    border-bottom: 1px solid var(--insci-colors-gray);
    background: var(--insci-colors-white);
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    height: var(--insci-headnavigation-level2-height);
    width: var(--insci-headnavigation-level2-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

#head-navigation .dropdown-menu {
    position: absolute;
    border: none;
    box-shadow: 0px 10px 23px -14px rgba(0,0,0,.75);
    margin: 0;
}

#head-navigation .dropdown-menu:not(.megamenu) {
    width: 300px;
    padding: 0;
}

#head-navigation .dropdown-menu li a {
    height: var(--insci-headnavigation-level2-height);
    line-height: var(--insci-headnavigation-level2-height);
}

#head-navigation .dropdown-item {
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
}

#head-navigation .dropdown-item.active,
#head-navigation .dropdown-item:active {
    background-color: var(--insci-colors-gray);
    color: var(--bs-dropdown-link-color);
}
/* MAIN NAV DROPDOWN - END */

/* MAIN NAV DROPDOWN LEVEL 2- START */
#head-navigation .dropdown-menu .nav-submenu {
    box-shadow: unset;
}

#head-navigation .dropdown-menu .nav-submenu,
#head-navigation .dropdown-menu .nav-submenu > li + li {
    border-top: 1px solid var(--insci-colors-gray);
}
/* MAIN NAV DROPDOWN LEVEL 2- END */

/* MAIN NAV COLLAPSED - START */
@media screen and (max-width: 1199px) {
    /* OVERALL Style - START */
    .navbar-expand-xl .navbar-collapse {
        position: fixed;
        left: 0;
        top: 0;
        background-color: var(--insci-colors-white);
        height: 100vh;
        overflow-y: auto;
        width: 100%;
        max-width: 400px;
        padding: 0 0 1rem 0;
        transform: translateX(-120%);
        transition: .2s all ease-in-out;
    }
    .navbar-expand-xl .navbar-collapse.show {
        transform: translateX(0);
    }

    .navbar-expand-xl .navbar-collapse::-webkit-scrollbar {
        width: 0.5rem;
    }

    .navbar-expand-xl .navbar-collapse::-webkit-scrollbar-thumb {
        background-color: rgba(var(--bs-black-rgb),0.4);
        border-radius: 0.75rem;
    }

    .navbar-expand-xl .navbar-collapse .mobile-close {
        display: block;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .nav-link,
    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
        position: relative;
        height: calc(var(--insci-headnavigation-level2-height) + 0.5rem);
        line-height: calc(var(--insci-headnavigation-level2-height) + 0.5rem);
        padding: 0 3.75rem 0 2rem;
    }

    .navbar-expand-xl .navbar-collapse .nav-link > i,
    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu + i {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        max-height: 53px;
        width: 3.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid var(--insci-colors-gray);
        margin-left: 0;
    }

    #head-navigation.navbar-expand-xl #navbarMain.navbar-collapse .nav-link.active {
        background-color: var(--bs-primary);
        color: var(--insci-colors-white);
    }

    .navbar-expand-xl .navbar-collapse .navbar-nav,
    .navbar-expand-xl .navbar-collapse .navbar-nav > li + li {
        border-top: 1px solid var(--insci-colors-gray);
    }
    /* OVERALL Style - END */

    /* MENU - LEVEL 1 - START */

    /* MENU - LEVEL 1 - END */

    /* MENU - LEVEL 2 - START */
    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu {
        width: 100%;
        position: relative;
        margin: 0;
        box-shadow: unset;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "";
        margin-right: 0.5rem;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu {
        padding-left: 1rem;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu,
    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu li,
    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
        border-radius: 0;
        border: none;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu li {
        position: relative;
    }

    #head-navigation.navbar-expand-xl .navbar-collapse .dropdown-menu {
        border-top: 1px solid var(--insci-colors-gray);
    }
    /* MENU - LEVEL 2 - END */
}

@media screen and (min-width: 1200px) {
    .navbar-expand-xl .navbar-collapse .mobile-close {
        display: none;
    }
}
/* MAIN NAV COLLAPSED - END */

/* BREADCRUMB - START */
.container-breadcrumb {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* BREADCRUMB - END */
/***********************************************************
 * NAVIGATION - END
 **********************************************************/
/***********************************************************
 * FORM - START
 **********************************************************/
.form-control:focus {
    box-shadow: none;
    border-color: var(--bs-border-color);
    background-color: none;
}

/* INSCI SEARCH FORM - START */
.insci-search-form input[type=text],
.insci-search-form select {
    line-height: 2.25rem;
}

.insci-search-body td {
    vertical-align: top;
}
/* INSCI SEARCH FORM - END */
/***********************************************************
 * FORM - END
 **********************************************************/
/***********************************************************
 * LIST - START
 **********************************************************/
/* FILTER LIST - START */
 .filter_button_list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.filter_button_list > li {
    display: inline-block;
}

.filter_button_list > li + li {
    margin-left: 1.25rem;
}

.filter_button_list >li > button,
.filter_button_list > li input[type=reset] {
    padding: 0.8125rem;
}
/* FILTER LIST - END */
/***********************************************************
 * LIST - END
 ***********************************************************/
/***********************************************************
 * CE: IMAGE - START
 ***********************************************************/
#stageSlot img,
#stageSlot img.img-fluid {
    max-width: var(--insci-max-image-size) !important;
}

.ce-image .image-embed-item,
.ce-textpic .image-embed-item {
    max-width: 100%;
    height: auto;
}

.ce-border .imageWrapper {
    border: 1px solid var(--insci-colors-gray);
    padding: 5px;
    border-radius: 3px;
}

.ce-border .imageWrapper img {
    border: 0;
    transition: transform .6s;
}

.image-caption {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

/* Layout - Bild 100% - START */
.frame-type-image.frame-layout-5 .ce-image .ce-gallery,
.frame-type-image.frame-layout-5 .ce-image .ce-gallery > .ce-row,
.frame-type-image.frame-layout-5 .ce-image .ce-gallery > .ce-row > .ce-column,
.frame-type-image.frame-layout-5 .ce-image .ce-gallery > .ce-row > .ce-column > figure,
.frame-type-image.frame-layout-5 .ce-image .ce-gallery > .ce-row > .ce-column > figure img {
    width: 100%;
}
/* Layout - Bild 100% - END */

/* Make Columns to 1 column in mobile - START */
@media screen and (max-width: 575px) {
    .frame-type-image .ce-gallery .ce-row > .ce-column {
        margin-bottom: 1rem;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}
/* Make Columns to 1 column in mobile - END */
/***********************************************************
 * CE: IMAGE - END
 ***********************************************************/
/***********************************************************
 * CE: TEXT/MEDIA - START
 ***********************************************************/
.frame-type-textmedia img {
    max-width: 100%;
    height: auto;
}
/***********************************************************
 * CE: TEXT/MEDIA - END
 ***********************************************************/
 /***********************************************************
 * CE: TABLE - START
 ***********************************************************/
tbody, td, tfoot, th, thead, tr {
    border-color: var(--insci-colors-gray2);
}

/* Program table - START */
.table-program tbody tr:first-child {
    text-transform: uppercase;
}
/* Program table - END */

/* Blank - START */
.table-blank tr,
.table-blank td,
.table-blank>:not(caption)>*>* {
    border: unset;
    border-bottom: unset;
    box-shadow: unset;
    border-bottom-width: 0;
}
/* Blank - END */

/* Default - START */
/* Maybe not default behaviour
.table a {
    white-space: nowrap;
}*/
/* Default - END */
/***********************************************************
 * CE: TABLE - END
 ***********************************************************/
 /***********************************************************
 * HEADER - START
 **********************************************************/
.frame-type-header.frame-layout-6 > header > *:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
/***********************************************************
 * HEADER - END
 **********************************************************/
/***********************************************************
 * FLEXGALLERYGRID - START
 **********************************************************/
.flex-gallery-inner-wrap img {
    width: 100%;
    height: auto;
}
/***********************************************************
 * FLEXGALLERYGRID - END
 ***********************************************************/
/***********************************************************
 * MASK: CONTACT - START
 **********************************************************/
.mask-contact {
    --insci-mask-contact-width: 300px;

    width: var(--insci-mask-contact-width);
}

.mask-contact img {
    max-width: 100%;
    height: auto;
}

.mask-contact .link-wrap a {
    cursor: pointer;
}

.mask-contact .link-wrap a:hover,
.mask-contact .link-wrap a:focus {
    text-decoration: none;
}

.mask-contact .link-wrap > a + a {
    margin-left: 0.7rem;
}

/* Spacing, when inside Grid element */
.row > div > .content-wrapper > .mask-contact {
    margin-bottom: 1.875rem;
}
/***********************************************************
 * MASK: CONTACT - END
 **********************************************************/
/***********************************************************
 * MASK: CARD - START
 **********************************************************/
.card {
    --bs-card-border-radius: 0;
}

.card-group--rounded .card {
    --bs-card-border-radius: 3px;
}

.card-img-top {
    height: auto;
    padding: 1rem;
}

.card-title {
    color: var(--bs-primary);
    min-height: 60px;
}

.card-text > p:last-child {
    margin-bottom: 0;
}

.card-footer {
    text-align: right;
}

/* Mediathek Teaser - START */
.mediathek-teaser .col {
    max-width: 18rem;
}

.mediathek-teaser .card {
    --bs-card-border-color: var(--bs-primary);
}

.mediathek-teaser .card-img-top {
    border-bottom: 1px solid rgba(var(--insci-colors-border-rgba));
}

.mediathek-teaser .card-footer {
    background-color: unset;
    border: unset;
    padding-bottom: var(--bs-card-cap-padding-x);
}

.mediathek-teaser .modal-footer {
    justify-content: space-between;
}

.mediathek-teaser .modal-footer .btn-link {
    color: var(--bs-primary);
    text-decoration: none;
}

.mediathek-teaser .modal-footer .btn-link:hover,
.mediathek-teaser .modal-footer .btn-link:focus {
    text-decoration: underline;
}
/* Mediathek Teaser - END */

/* Modal - START */
.modal-mask-card .modal-footer {
    justify-content: space-between;
}
/* Modal - END */

/* Book - START */
.card-layout-50 {
    --bs-card-border-width: 0;

}

.card-layout-50 .card-img-top {
    padding: 0;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
}

.card-layout-50 .card-title {
    min-height: unset;
    color: var(--bs-body-color);
}

.card-layout-50 .card-body {
    padding: 0;
    font-style: italic;
    font-size: 0.81rem;
}

.card-layout-50 .card-footer {
    background-color: unset;
    padding: 0;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--insci-colors-gray);
}

.card-layout-50 .card-footer i {
    margin-right: 1rem;
}

.card-layout-50 .btn-link {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    text-decoration: none;
}
/* Book - END */

/* Image underlined & Blank Footer - START */
.card-layout-51 .card-img-top {
    border-bottom: 1px solid var(--insci-colors-gray2);
}

.card-layout-51 .card-footer {
    background: unset;
    border: unset;
}
/* Image underlined & Blank Footer - END */
/***********************************************************
 * MASK: CARD - END
 **********************************************************/
/***********************************************************
 * MASK: SLIDER - START
 **********************************************************/
/* Full Height Background Image with Caption centered - START */
.mask-slider.frame-layout-100 .img {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.mask-slider.frame-layout-100 .carousel-caption {
    width: 100%;
    top: calc(50% - ((1.625rem + 4.5vw) / 2));
    bottom: unset;
    left: 0;
    right: unset;
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
    max-width: none;
}

@media print,screen and (min-width: 1200px) {
    .mask-slider.frame-layout-100 .carousel-caption {
        font-size: 5rem;
        top: calc(50% - (5rem / 2));
    }
}

.mask-slider--ce-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* Section Menu as CE - START */
.mask-slider--ce-container a {
    color: var(--bs-white);
}

.mask-slider--ce-container .frame-type-menu_section {
    max-width: 650px;
    margin: auto;
}

.mask-slider--ce-container .frame-type-menu_section ul,
.mask-slider--ce-container .frame-type-menu_section ul li {
    list-style: none;
    padding: 0;
}

.mask-slider--ce-container .frame-type-menu_section ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
/* Section Menu as CE - END */
/* Full Height Background Image with Caption centered - END */
/***********************************************************
 * MASK: SLIDER - END
 **********************************************************/
/***********************************************************
 * IMAGE OVERLAY - START
 ***********************************************************/
figure.hasHoverOverlay .imageWrapper {
    position: relative;
}

figure.hasHoverOverlay .imageHoverOverlay {
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    visibility: hidden;
    background-color: rgba(255,255,255,0.9);
    transition: .2s all ease-in-out;
    opacity: 0;
}

/* HOVER EFFECT - START */
figure.hasHoverOverlay:hover a > .imageHoverOverlay {
    cursor: pointer;
}

figure.hasHoverOverlay:hover .imageHoverOverlay {
    visibility: visible;
    opacity: 1;
}
/* HOVER EFFECT - END */
/***********************************************************
 * IMAGE OVERLAY - END
 ***********************************************************/
/***********************************************************
 * LIGHTBOX - START
 ***********************************************************/
.lightboxOverlay {
    z-index: 1030;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    background-color: var(--insci-colors-black);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    display: none;
}

div.lightbox {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 1030;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    outline: none;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid var(--insci-colors-white);
}

.lb-outerContainer {
    position: fixed;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: auto auto;
    border-radius: 4px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
}

.lb-nav,
.lb-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-loader {
    top: 43%;
    height: 25%;
    text-align: center;
    line-height: 0;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    width: 34%;
    left: 0;
    float: left;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

.lb-nav a.lb-next {
    width: 64%;
    left: unset;
    right: 0;
    float: right;
}

.lb-cancel {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
/***********************************************************
 * LIGHTBOX - END
 ***********************************************************/
/***********************************************************
 * POWERMAIL - START
 ***********************************************************/
/* Layout Vertical & Transparent - START */
.frame-type-powermail_pi1.frame-layout-90 {
    background-color: rgba(var(--bs-black-rgb), 0.6);
    padding: 3rem;
    color: var(--bs-white);
}
/* Layout Vertical & Transparent - END */
/***********************************************************
 * POWERMAIL - END
 ***********************************************************/
/***********************************************************
 * CAROUSEL- START
 ***********************************************************/
#stageSlot .carousel img {
    margin: auto;
}
/***********************************************************
 * CAROUSEL - END
 ***********************************************************/
 /***********************************************************
 * INSCI TABS - START
 ***********************************************************/
/* TABS - START */
 .insci-tab-wrapper > ul {
    margin: 0;
    padding-left: 0;
}

.insci-tab-wrapper > ul > li {
    display: inline-block;
    padding: 0.625rem 1rem;
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .insci-tab-wrapper > ul > li {
        margin-right: 1rem;
    }
}

.insci-tab-button:not(.active),
.result-table,
.result-table table,
.result-table tr,
.result-table td {
    border-color: var(--bs-primary);
}

.insci-tab-button {
    border-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .insci-tab-button {
        width: auto;
        text-align: left;
    }
}

.insci-tab-button:not(.active) {
    background-color: var(--insci-colors-white);
    color: var(--insci-colors-dark);
    border: 1px solid var(--bs-primary);
    border-bottom: none;
}

.insci-tab-button.active {
    background-color: var(--bs-primary);
    border-color: transparent;
    color: var(--insci-colors-white);
}
/* TABS - END */
/* RESULTS - START */
.result-table .width-12 {
    width: 12%;
}

.result-table .width-73 {
    width: 73%;
}

.result-table .width-15 {
    width: 15%;
}

.result-table {
    width: 100%;
    border-collapse: inherit;
    border: 1px solid var(--bs-primary);
}

.result-table td {
    border-color: var(--bs-primary);
}

.result-table .head-rows {
    cursor: pointer;
    position: relative;
}

.result-table .head-rows > td {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid var(--insci-colors-gray2);
}

.result-table .head-rows > td:first-child {
    padding-left: 1rem;
}

.result-table .head-rows > td:last-child {
    padding-right: 1rem;
}

.result-table table.table_row_box.other-event {
    padding: 0.5rem 1rem 0 1rem;
    width: 100%;
}

.result-table table.table_row_box.other-event > tbody > tr {
    border: 1px solid var(--bs-primary);
}

.result-table table.table_row_box.other-event > tbody > tr td {
    text-align: left;
}

.result-table td.w90px {
    width: 100px;
    display: table-cell !important;
}

.result-table td.w30px {
    width: 45px;
    text-align: center;
    display: table-cell !important;
}

.result-table .w122px {
    width: 120px;
    text-align: right;
    display: table-cell !important;
    padding-right: 1rem;
}

/* TOGGLE ARROW - START */
@media screen and (min-width: 992px) {
    .result-table .head-rows .toggle-arrow {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
}
/* TOGGLE ARROW - END */

.result-table .head-rows .width-73 {
    padding-right: 2.1875rem;
}

.result-table .sub-rows > td {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    border-bottom: 1px solid var(--insci-colors-gray2);
}

.result-table .sub-row-group {
    display: contents;
    width: 100%;
}

.result-table .sub-row-group.closed {
    display: none;
}

.result-table .sub-row-group > .sub-rows {
    background-color: var(--insci-colors-gray);
    border-top: 1px solid var(--insci-colors-gray2);
    border-left: 1px solid var(--insci-colors-gray2);
    border-right: 1px solid var(--insci-colors-gray2);
    cursor: pointer;
    border-bottom-width: 0;
}

.result-table .head-rows > td,
.result-table .sub-rows > td {
    padding: 0.5rem 1rem;
}
/* RESULTS - END */
/***********************************************************
 * INSCI TABS - END
 ***********************************************************/
/***********************************************************
 * ACCORDION - START
 ***********************************************************/
.accordion-item,
.accordion-item:last-of-type,
.accordion-item:first-of-type,
.accordion-button,
.accordion-header {
    border-radius: 0;
}

.accordion-header {
    border-left: 2px solid var(--bs-primary);
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

/* Remove border-top and following items */
.accordion + .accordion .accordion-header {
    border-top: unset;
}

.accordion-header header,
.accordion-header header > * {
    font-size: var(--bs-body-font-size);
    font-weight: 600;
}

.accordion-header p {
    margin: 0;
}

.accordion-header .icon {
    margin-right: 1rem;
}

.accordion-button:focus {
    box-shadow: unset;
}

.accordion-item {
    border: none;
}

.accordion-body {
    border-left: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-right: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
/***********************************************************
 * ACCORDION - END
 ***********************************************************/
/***********************************************************
 * CONTAINER: 100 PARENT - START
 ***********************************************************/
.container-100.text-white *:not(a,.link) {
    color: var(--bs-white);
}

.container-100.container--has-bgimage {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.container-100.container--has-bgimage .img-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;


}

.container-100.container--has-bgimageasbackground {
    background-size: contain;
    background-position: center;
}

/* Vertical Alignment - START */
.container-100.vertical-align-1 > div > * {
    margin-left: auto;
    margin-right: auto;
}

.container-100.vertical-align-1 .row > div {
    display: flex;
    align-items: center;
}
/* Vertical Alignment - END */

/* Space Aside Right - START */
.container-100.layout-110,
.container-100.layout-111 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

@media screen, print and (max-width: 767px) {
    /* Force 100% Width in Main col*/
    .container-100.layout-110 .ce-image,
    .container-100.layout-111 .ce-image {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .container-100.layout-110 {
        padding: 3rem;
        margin-right: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    .container-100.layout-110 {
        padding-left: 9rem;
        padding-right: 9rem;
        margin-right: 6rem;
    }
}
/* Space Aside Right - END */

/* Space Aside Left - START */
@media screen and (min-width: 768px) {
    .container-100.layout-111 {
        padding: 3rem;
        margin-left: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    .container-100.layout-111 {
        padding-left: 9rem;
        padding-right: 9rem;
        margin-left: 6rem;
    }
}
/* Space Aside Left - END */
/***********************************************************
 * CONTAINER: 100 PARENT - END
 ***********************************************************/
/***********************************************************
 * CONTAINER: LOGOGRID - START
 ***********************************************************/
.logo-grid .ce-gallery {
    display: flex;
    flex-wrap: wrap;
}

.logo-grid .ce-row {
    border: 1px solid var(--insci-colors-gray2);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-grid .ce-row .ce-column {
    width: 100%;
    height: 100%;
}

.logo-grid figure,
.logo-grid .imageWrapper > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-grid img,
.logo-grid .ce-image .image-embed-item {
    max-height: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
    height: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/***********************************************************
 * CONTAINER: LOGOGRID - END
 ***********************************************************/
/***********************************************************
 * WACON COOKIE CONSENT - START
 ***********************************************************/
body > .waconcookiemanagement  {
   z-index: 1031;
   font-family: var(--bs-body-font-family);
}

body > .waconcookiemanagement .cookieclose {
    display: none;
}

.waconcookiemanagement #CookieBox .cookie-btn,
.waconcookiemanagement #CookieBox .activated {
    background: var(--bs-primary);
}

.waconcookiemanagement #CookieBox .intro a.cookie-management,
.waconcookiemanagement #CookieBox .intro a.cookie-refuse {
    display: block;
}

/* Google Maps CE - START */
.cookiecontent img {
    width: 100% !important;
}
/* Google Maps CE - END */

/* Footer Link - START */
footer .cookie-set {
    display: flex;
    padding: 0.5rem 1rem 0.5rem 0;
}

footer .cookie-set:hover,
footer .cookie-set:focus {
    text-decoration: underline;
}

@media screen and (max-width: 575px) {
    footer .nav > .nav-link:first-child {
        padding-left: 0;
    }
}
/* Footer Link - END */
/***********************************************************
 * WACON COOKIE CONSENT - END
 ***********************************************************/
/***********************************************************
 * IFRAME - START
 ***********************************************************/
 iframe {
    max-width: 100%;
 }

 .iframe_has_own_size {
    min-width: 100%;
    border: none;
    margin-bottom: 20px;
}
/***********************************************************
 * IFRAME - END
 ***********************************************************/
/***********************************************************
 * FEATHERLIGHT - START
 ***********************************************************/
 .featherlight .featherlight-close-icon {
    top: 0.25rem;
    right: 0.25rem;
 }

 .featherlight .featherlight-content {
    padding: 1.5rem 1.5rem 0
 }
/***********************************************************
 * FEATHERLIGHT - END
 ***********************************************************/
/***********************************************************
 * TT_CONTENT.link_ce Option - START
 ***********************************************************/
.has-link-ce {
    position: relative;
}

.link-ce {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2000;
}
/***********************************************************
 * TT_CONTENT.link_ce Option - END
 ***********************************************************/
/***********************************************************
 * LAYOUTS - START
 ***********************************************************/
/* LAYOUT 6 - START */
.table-program {
    overflow-x: auto;
}

.table-program table {
    width: 100% !important;
    border-bottom: 1px solid var(--insci-colors-gray2);
    margin-bottom: 1rem;
}

.table-program table tbody tr:first-child,
.table-program table tbody tr:first-child > td,
.table-program table tbody tr:first-child > th {
    background-color: var(--bs-primary);
    color: var(--insci-colors-white);
}

.table-program table th,
.table-program table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--insci-colors-gray2);
}

.table-program table tbody tr:nth-of-type(odd):not(:first-child) {
    background-color: rgba(0,0,0,.05);
}
/* LAYOUT 3 - START */

/* LAYOUT 6 - START */
.layout-underline header > *:first-child {
    border-bottom: 1px solid rgba(var(--insci-colors-border-rgba));
    padding-bottom: 0.625rem;
    margin-bottom: 1rem;
}
/* LAYOUT 6 - END */

/* LAYOUT 10 - START */
.imagegallery-grid-flex img {
    max-width: 100%;
    height: auto;
}

.imagegallery-grid-flex .ce-gallery {
    float: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.imagegallery-grid-flex .ce-gallery .ce-row {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.imagegallery-grid-flex figure {
    position: relative;
}

.imagegallery-grid-flex figcaption {
    position: absolute;
    bottom: 0.3125rem;
    right: 0.3125rem;
    z-index: 1000;
    font-size: 0.81rem;
    color: var(--insci-colors-white);
    opacity: .8;
    background-color: var(--bs-primary);
}

.imagegallery-grid-flex .ce-column {
    display: flex;
    align-content: center;
    align-items: center;
}

.imagegallery-grid-flex-row.frame-layout-40 .ce-column {
    background-color: var(--insci-colors-gray);
}

/* Effect should not be always actice.
   Don't know yet, what elements should have it
.imagegallery-grid-flex img:hover,
.imagegallery-grid-flex img:focus {
    transform: scale(1.05);
    transition: transform .6s;
} */
/* LAYOUT 10 - END */
/* LAYOUT 31/32 - START */
.imagegallery-grid-flex-v2 figcaption,
.imagegallery-grid-flex-v3 figcaption {
    position: static;
    font-size: 0.75rem;
    color: var(--insci-colors-dark);
    background-color: unset;
    text-align: center;
}

.imagegallery-grid-flex-v3 figcaption {
    text-align: left;
}
/* LAYOUT 31/32 - END */
/* LAYOUT 26 - START */
 .container-primary-headline {
    background-color: var(--bs-primary);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.container-primary-headline,
.container-primary-headline * {
    color: var(--insci-colors-white);
}
/* LAYOUT 26 - END */

/* LAYOUT 60 - START */
.frame-type-menu_subpages.frame-layout-70 ul,
.frame-type-menu_subpages.frame-layout-70 ol,
.frame-type-menu_subpages.frame-layout-70 ul li,
.frame-type-menu_subpages.frame-layout-70 ol li {
    list-style: none;
}

.frame-type-menu_subpages.frame-layout-70 ul,
.frame-type-menu_subpages.frame-layout-70 ol {
    padding: 0;
}
/* LAYOUT 60 - END */
/***********************************************************
 * LAYOUTS - END
 ***********************************************************/
 /***********************************************************
 * FRAMES - START
 ***********************************************************/
.frame-ruler-after:after {
    margin-top: 0.625rem;
}

/* SPACING - START */
.frame-space-after-extra-small {
    margin-bottom: 1rem;
}

.frame-space-before-extra-small {
    margin-top: 1rem;
}

.frame-space-after-small {
    margin-bottom: 2rem;
}

.frame-space-before-small {
    margin-top: 2rem;
}

.frame-space-after-medium {
    margin-bottom: 3rem;
}

.frame-space-before-medium {
    margin-top: 3rem;
}

.frame-space-after-large {
    margin-bottom: 4rem;
}

.frame-space-before-large {
    margin-top: 4rem;
}

.frame-space-after-extra-large {
    margin-bottom: 5rem;
}

.frame-space-before-extra-large {
    margin-top: 5rem;
}
/* SPACING - END */
/***********************************************************
 * FRAMES - END
 ***********************************************************/
/***********************************************************
 * PAGE HEADER - START
 **********************************************************/
 .viewport .head-container.style-upper-fixed-follow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    box-shadow: 0px 3px 15px -8px rgb(0 0 0 / 75%);
}

.viewport .head-container.style-upper-fixed-follow #header-background {
    z-index: -1;
}

#header-background {
    background-color: var(--insci-colors-white);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--insci-head-container-height);
    z-index: 1011;
}

.head-container.style-upper-fixed-follow > .topbar-login + #header-background {
    top: calc(var(--insci-head-container-height-with-loginmenu) - var(--insci-head-container-height));
    height: var(--insci-head-container-height);
}

#layout_conferencing_header-bar {
    position: relative;
    border-bottom: 1px solid var(--insci-colors-gray);
    background-color: var(--insci-colors-white);
    color: var(--insci-colors-black);
    line-height: 1.75rem;
    font-size: 1rem;
    height: calc(var(--insci-head-container-height-with-loginmenu) - var(--insci-head-container-height));
}

#main-header {
    position: relative;
    z-index: 1030;
}

.head-left-extended {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* TOP BAR LOGIN - START */
.topbar-login,
.topbar-login form,
.topbar-login form input,
.login-dropdown.dropdown-toggle
{
    font-size: 0.875rem;
}

.topbar-login > .row {
    height: 100%;
    align-items: center;
}

.topbar-login form input,
.topbar-login form input:focus {
    background-color: var(--insci-colors-gray);
    border-radius: 0;
}

.topbar-login form input[name='email'],
.topbar-login form input[name='password'],
.topbar-login form > .row:last-of-type {
    margin-bottom: 0.625rem;
}

.topbar-login .toggle-login-dropdown {
    text-align: right;
}

.topbar-login .dropdown-toggle,
.topbar-login .dropdown-toggle:hover,
.topbar-login .dropdown-toggle:focus {
    cursor: pointer;
    color: var(--insci-colors-black);
}

.topbar-login .dropdown-toggle:hover,
.topbar-login .dropdown-toggle:focus {
    opacity: 0.7;
}

.login-dropdown.dropdown-toggle::after {
    display: none;
}

.topbar-login .dropdown-toggle > i {
    margin-left: 0.625rem;
}

.topbar-login .dropdown-menu {
    z-index: 1050;
    padding: 1rem;
    border: 1px solid var(--insci-colors-gray);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.topbar-login a {
    color: var(--bs-primary);
    text-decoration: none;
}

.topbar-login .btn {
    text-align: center;
    width: 100%;
}
/* TOP BAR LOGIN - END */
/***********************************************************
 * PAGE HEADER - END
 **********************************************************/
/***********************************************************
 * PAGE STAGE - START
 **********************************************************/
#stage {
    position: relative;
}
/***********************************************************
 * PAGE STAGE - END
 **********************************************************/
/***********************************************************
 * PAGE FOOTER - START
 **********************************************************/
#footer {
    padding: 1.875rem 0;
    border-top: 1px solid var(--insci-colors-gray);
    font-size: 0.875rem;
    color: var(--insci-colors-black);
}

#footer .nav-link,
#footer .nav-link:hover,
#footer .nav-link:focus {
    color: var(--insci-colors-black);
}

#footer .nav-link:hover,
#footer .nav-link:focus {
    text-decoration: underline;
}

#footer .nav-link.active {
    color: var(--bs-primary);
}

#footer #copyright {
    padding: 0.5rem 1rem 0.5rem 0;
}

#footerRight {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    #footerRight {
        flex-direction: row;
    }
}
/***********************************************************
 * PAGE FOOTER - END
 **********************************************************/