* { box-sizing: border-box; }

html {
    background-color: #3c3c3b;
}

body {
    font-family: sans-serif;
    font-size: 1.5rem;

    margin: 0rem;
    padding-top: 6.25rem;

    opacity: 0;
    position: relative;
}

button {
    border-radius: 0rem;
}

.navigation-fixed {
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 0rem;
}

.maincontent {
    width: 80rem;
}

#header-slideshow {
    overflow: hidden;
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
}
.bullet-menu {
    height: 2.75rem;

    position: relative;
    top: 1px;
    z-index: 1;
}
#c10 {
    position: relative;
    z-index: 2;
}
a.inline-link {
    display: inline !important;
}
.bullet-menu ul.bullets {
    list-style-type: none;
    /* width: 80rem; */
    margin: 0rem;
    padding: 0rem;
    display: inline-block;
    z-index: 1;
}
.bullet-menu ul.bullets li {
    float: left;
}

.page-1 .bullet-menu ul.bullets li,
.page-3 .bullet-menu ul.bullets li {
    box-sizing: content-box;
}

.bullet-menu ul.bullets li {
    /* padding: 0rem 0.4485rem; */
}
.bullet-menu.bullets .box {
    background-color: #f2f2f2;
}
.bullet-menu .bullets .headline {
    font-family: 'AvenirNextRoundedW01-Md1075562';
    text-align: center;
    font-size: 1.025rem;
    width: 100%;
    height: 2.85rem;
    color: #878786;

}


.bullet-menu ul.bullets li a.active .box .centered {
    color: #0084bd;
}

.bullet-menu ul.bullets li a .box .textCentered {
    padding: 0rem 0.5rem;
    line-height: 1.1rem;
}

.bullet-menu ul.bullets li a {
    display: block;
}
.bullet-menu ul.bullets li a.active .box {
    background-color: #e3e0d2;
}

body.page-3 .bullet-menu ul.bullets li a.active .box {
    background-color: #f2f2f2;
}

.bullet-menu .bullets li a.active .headline {

    color: #3c3c3b;
    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 0.9375rem;
    letter-spacing: 0.03rem;
    line-height: 100%;

}
.bullet-menu .bullets a:link,
.bullet-menu .bullets a:visited,
.bullet-menu .bullets a:hover,
.bullet-menu .bullets a:active,
.bullet-menu .bullets a:focus { 
    color: #f2f2f2;
    text-decoration: none;
}
.bullet-menu .bullets .content {
    height: 6.688rem;
    width: 100%;
    overflow: hidden;
    margin: auto;
}
.bullet-menu ul.bullets li .box {
    background-color: #0084bd;
}

body.page-81 .bullet-menu ul.bullets li .box,
body.page-77 .bullet-menu ul.bullets li .box,
body.page-78 .bullet-menu ul.bullets li .box,
body.page-79 .bullet-menu ul.bullets li .box,
body.page-80 .bullet-menu ul.bullets li .box,
body.page-82 .bullet-menu ul.bullets li .box,
body.page-83 .bullet-menu ul.bullets li .box {
    background-color: #000;
}
body.page-81 .bullet-menu ul.bullets li a.active .box,
body.page-77 .bullet-menu ul.bullets li a.active .box,
body.page-78 .bullet-menu ul.bullets li a.active .box,
body.page-79 .bullet-menu ul.bullets li a.active .box,
body.page-80 .bullet-menu ul.bullets li a.active .box,
body.page-82 .bullet-menu ul.bullets li a.active .box,
body.page-83 .bullet-menu ul.bullets li a.active .box {
    background-color: #f2f2f2;
}

body.page-81 .bullet-menu ul.bullets li .box .centered,
body.page-77 .bullet-menu ul.bullets li .box .centered,
body.page-78 .bullet-menu ul.bullets li .box .centered,
body.page-79 .bullet-menu ul.bullets li .box .centered,
body.page-80 .bullet-menu ul.bullets li .box .centered,
body.page-82 .bullet-menu ul.bullets li .box .centered,
body.page-83 .bullet-menu ul.bullets li .box .centered {
    color: #f2f2f2 !important;
}

body.page-81 .bullet-menu ul.bullets li a.active .box .centered,
body.page-77 .bullet-menu ul.bullets li a.active .box .centered,
body.page-78 .bullet-menu ul.bullets li a.active .box .centered,
body.page-79 .bullet-menu ul.bullets li a.active .box .centered,
body.page-80 .bullet-menu ul.bullets li a.active .box .centered,
body.page-82 .bullet-menu ul.bullets li a.active .box .centered,
body.page-83 .bullet-menu ul.bullets li a.active .box .centered {
    color: #000 !important;
}

.bullet-menu ul.bullets li .content img {
    width: 100%;
    height: auto;
}
.bullet-menu ul.bullets li.first {
    margin-left: 0rem;
}
.bullet-menu ul.bullets li.last {
    margin-right: 0rem;
}
#header-slideshow .buttons {
    border-radius: 2.1875rem;
    display: block;
    float: left;
    position: absolute;
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    line-height: 2.1875rem;
    text-decoration: none;
    font-size: 1.375rem;
    top: 50%;
    z-index: 10;

    width: 5.5625rem;
    height: 5.5625rem;

    margin-top: -2.78125rem;

    display: none;
}

#header-slideshow .buttons.prev {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg');
    left: 2rem;
}
#header-slideshow .buttons.next {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right.svg');
    right: 2rem;
}

#header-slideshow .viewport {
    width: 100%;
    height: 47.1875rem;
    position: relative;
    cursor: pointer;
}
#header-slideshow .viewport ul {
    list-style: none;
    position: absolute;
    padding: 0rem;
    height: 100%;
    margin: 0rem;
}
#header-slideshow .viewport ul li {
    float: left;
    padding: 0rem;
    margin: 0rem;
    height: 100%;
    position: relative;
}
#header-slideshow .viewport ul li img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
}

#header-slideshow .viewport ul li .video-play-button {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/PlayButton.svg);
    width: 17.4375rem;
    height: 17.4375rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8.71875rem;
    margin-left: -8.71875rem;
    border: none;
    background-color: transparent;
    z-index: 2;
}

/* ---- isotope ---- */
/*
.grid .color-shape.big {
    width: 814px !important;
}
.grid .color-shape.small {
    width: 407px !important;
}
.grid .color-shape.tall {
    width: 407px !important;
}
*/
.grid,
.special-grid {
    max-width: 81.375rem;
    width: 81.375rem;
    left: -0.6875rem;
}

.special-grid {
    position: relative;
    height: 24.4448125rem;
    margin-bottom: 1.5rem;
}

/* clear fix */
.grid:after,
.special-grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ui group */

.ui-group {
    display: inline-block;
}

.ui-group h3 {
    display: inline-block;
    vertical-align: top;
    line-height: 2rem;
    margin-right: 0.2em;
    font-size: 1rem;
}

.ui-group .button-group {
    display: inline-block;
    margin-right: 1.25rem;
}

/* color-shape */

.color-shape {
    width: 25.8125rem;
    height: 14.1875rem;
    padding: 0.625rem;
    float: left;
}

.color-shape.round {
    border-radius: 2.1875rem;
}

.color-shape.big.round {
    border-radius: 4.6875rem;
}

.color-shape.red div { background: transparent; height: 100%; width: 100%; }
.color-shape.blue div { background: transparent; height: 100%; width: 100%; }
.color-shape.yellow div { background: transparent; height: 100%; width: 100%; }

.color-shape div.container-content.text-content {
    background-color: #f2f2f2;
}

.color-shape.yellow div.container-content {
    height: 100%;
}
.color-shape.red div.container-content {
    height: 100%;
}
.color-shape.blue div.container-content {
    height: 100%;
}

.color-shape div.container-content.linknextappearance .organizer,
.color-shape div.container-content.linknextappearance .description,
.color-shape div.container-content.linknextappearance .time,
.color-shape div.container-content.linknextappearance .location,
.color-shape div.container-content.linknextappearance .elementtitle {
    background-color: transparent;
    color: #f2f2f2;
    line-height: 1.75rem;
}

.color-shape div.container-content .organizer {
    height: auto;
    background-color: #f2f2f2;
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    line-height: 160%;
    font-variant: small-caps;
    color: #3c3c3b;
}
.color-shape div.container-content .link {
    margin-top: 1.4198125rem;
}
.color-shape div.container-content .link a {
    font-family: 'CaslonClassicoW00-Itali';
    font-size: 1.125rem;
    color: #f2f2f2;
    margin-top: 1.4198125rem;
    text-decoration: underline;
}
.color-shape div.container-content .title {
    height: auto;
    background-color: #f2f2f2;
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    margin-bottom: 0.9375rem;
    color: #3c3c3b;
}
.color-shape div.container-content .description {
    height: auto;
    background-color: #f2f2f2;
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.color-shape div.container-content .date,
.color-shape div.container-content .time {
    height: auto;
    background-color: #f2f2f2;
    /*Previous Semibold*/
    font-family: 'CaslonClassico W00 Bold';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.color-shape div.container-content .location {
    height: auto;
    background-color: #f2f2f2;
    /*Previous Semibold*/
    font-family: 'CaslonClassico W00 Bold';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.color-shape div.container-content.text-content .content,
.color-shape div.container-content.text-content .content h2,
.color-shape div.container-content.text-content .content h3 {
    color: #3c3c3c;
}
.color-shape div.container-content.text-content .content h2 {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    font-size: 1.625rem;
    color: #3c3c3b;
}
.color-shape div.container-content.text-content .content h3 {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    color: #3c3c3b;
}
.color-shape.wide, .color-shape.size-3 {
    width: 39.5rem;
    height: 100%;
    box-sizing: content-box;
}
.color-shape.size-3 {
    position: absolute;
}
.color-shape.size-3.element-1 {
    top: 0% !important;
    left: 0% !important;
}
.color-shape.size-3.element-2 {
    top: 0% !important;
    left: 50% !important;
}
.color-shape.wide, .color-shape.size-2 {
    width: 52.875rem;
    box-sizing: content-box;
}
.color-shape.size-1, .color-shape.size-2 { height: 28.375rem; }


.riyadh-navigation {
    font-family: 'AvenirNextRoundedW01-Re';
    background-color: #e3e0d2;
    text-align: center;
    height: 6.25rem;
    position: relative;
    color: #3c3c3b;

    border-bottom: 0.140625rem solid #0084bd;

    overflow: visible !important;
}

.riyadh-navigation .logo {
    color: #f6f5f1;
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 1.5rem;

    position: absolute;
    bottom: 2.5rem;
    left: 2.5625rem;
    margin-top: 0.4rem;
    z-index: 2;
}
.riyadh-navigation .centered {
    position: absolute;
    bottom: -0.25rem;
    left: 50%;
    margin-left: -31.90625rem;
}
.riyadh-navigation .logo-picture-LMU {
    height: 100%;
    width: auto;
    float: right;
    padding: 0.75rem 0.4rem;
}
.riyadh-navigation .logo-picture-MPQ {
    height: 100%;
    width: auto;
    float: right;
    padding: 0.75rem 0.4rem;
}
.riyadh-navigation .logo-picture-KSU {
    height: 100%;
    width: auto;
    float: right;
    padding: 0.75rem 0.4rem;
    margin-right: 2.5rem;
}
.riyadh-navigation .logo a {
    position: absolute;
    top: 0.35rem;
    left: -1.35rem;
    width: 15rem;
    font-family: 'AvenirNextRoundedW01-Re';
    text-transform: uppercase;
    font-size: 1.025rem;
    letter-spacing: 0.2rem;
    z-index: 2;

    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Logo_KSU_Collaboration.svg);
    display: block;
    width: 18.75rem;
    height: 5.75rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 5.365rem;
}
.riyadh-navigation .logo a .letter-4,
.riyadh-navigation .logo a .letter-5 {
    font-family: 'AvenirNextRoundedW01-Md1075562';
}
.riyadh-navigation .logo a .letter-6,
.riyadh-navigation .logo a .letter-7 {
    font-family: 'AvenirNextRoundedW01-De1075568';
}
.riyadh-navigation .logo a .letter-8,
.riyadh-navigation .logo a .letter-9 {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
}
.riyadh-navigation .logo .logo-picture {
    position: absolute;
    top: 0.75rem;
    left: -0.5rem;
    height: 3.5rem;
    z-index: 1;
}

.Tx-Formhandler .sended-message {
    height: 21rem;
    overflow: hidden;
}
.Tx-Formhandler p {
    font-family: 'AvenirNextRoundedW01-De1075568';
    line-height: 1.8rem;
    font-size: 1.5rem;
    margin-bottom: 2.3528125rem;
    color: #878786;
}    
.Tx-Formhandler .sended-message {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #878786;
}
.Tx-Formhandler a.back,
.Tx-Formhandler a.back-error {
    background-color: #dadad9;
    height: 2.875rem;
    width: 15.707rem;
    padding: 0rem 5.9375rem;
    text-align: center;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    font-size: 1.125rem;
    line-height: 1.8rem;
    position: absolute;
    bottom: 1.60275rem;
    text-transform: uppercase;
    cursor: pointer;
    color: #3c3c3b;
    outline: none;
    border: none;
    padding-top: 0.65rem;
}
.Tx-Formhandler form {
    position: relative;
    height: 100%;
}
.riyadh-navigation .logo a:link,
.riyadh-navigation .logo a:visited,
.riyadh-navigation .logo a:focus,
.riyadh-navigation .logo a:active,
.riyadh-navigation .logo a:hover {
    color: #f6f5f1;
    text-decoration: none;
}

.riyadh-navigation .riyadh-search {
    position: absolute;
    top: 50%;
    right: 1.959125rem;
    margin-top: -0.8509031rem;
}

.riyadh-navigation .riyadh-search button.search {
    width: 1.9415625rem;
    height: 1.625rem;

    border: none;
    background-color: transparent;
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/magnifier.svg');
    background-repeat: no-repeat;

    outline: 0rem;
    cursor: pointer;
}

.riyadh-navigation ul {
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
.riyadh-navigation ul li {
    float: left;

    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 1.025rem;
    color: #0084bd;
}
.riyadh-navigation ul li a {
    text-decoration: none;
    color: #0084bd;
    text-transform: uppercase;

    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 0.9375rem;
    letter-spacing: 0.1rem;
}
.riyadh-navigation ul li a:hover {
    color: #0084bd;

    font-family: 'AvenirNextRoundedW01-Bo1075574';
}
.riyadh-navigation ul li a.selected {
    color: #3c3c3b;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
}
.riyadh-projectnavigation {
    text-align: center;
    background-color: #f2f2f2;
    display: none;
    height: 2.8125rem;
    position: relative;
}
.riyadh-projectnavigation ul {
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
.riyadh-projectnavigation ul li {
    float: left;

    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 0.9375rem;
    color: #878786;
}
.riyadh-projectnavigation ul li a {
    text-decoration: none;
    color: #878786;
    text-transform: uppercase;

    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 0.9375rem;
    letter-spacing: 0.1rem;
}
.riyadh-projectnavigation ul li a:hover {
    color: #0084bd;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
}
.riyadh-projectnavigation ul li a.selected {
    color: #3c3c3b;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    letter-spacing: 0.1rem;
}
nav.riyadh-navigation .verticalAlign {
    height: 3.4375rem;
    width: 100%;
}
nav.riyadh-projectnavigation .verticalAlign {
    width: 100%;
    height: 2.8125rem;
}

.verticalAlign {
    display: table-cell;
    vertical-align: middle;
}

.textCenter {
    text-align: center;
}

nav.riyadh-navigation .centered,
nav.riyadh-projectnavigation .centered,
.centered {
    display: inline-block;

}
nav.riyadh-navigation .centered{
    margin-top: 3rem;   
}


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

.filters {
    display: none;
}

li.divider {
    width: 4.6875rem;
    display: inline-block;
}

footer {
    background: #e3e0d2;
    position: relative;
    z-index: 2;
    padding-top: 4rem;
}
footer .table {
    background-color: #0084bd;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Lanterns_Footer.svg);
    border-bottom: 0.2rem solid #e3e0d2;
}

footer nav ul {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
}
footer nav ul li {
    display: inline-block;
    margin: 0rem 0rem;
}
footer nav ul li.divider {
    color: #e3e0d2 !important;
}

footer nav .footer-navi-2 ul li a,
footer nav .footer-navi-2 ul li a {
    font-family: 'AvenirNextRoundedW01-Re' !important;
    color: #e3e0d2;
} 
footer nav ul li a {
    text-decoration: none;
    color: #e3e0d2;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    letter-spacing: 0.1rem;
}
footer nav {
    height: 12.409rem;
}
footer .footer-navi-1,
footer .footer-navi-2 {
    padding: 1rem 0rem;
}

footer nav .footer-navi-2 ul li.first a {
    font-family: 'AvenirNextRoundedW01-De1075568' !important;
}

footer div.copyright {
    height: 5rem;
    background-color: #3c3c3b;

    color: #f2f2f2;
    display: table;
    width: 100%;
    /*Previous Semibold*/
    font-family: 'CaslonClassico W00 Bold';
    font-size: 1.25rem;
    letter-spacing: 0.03rem;
}
footer div.copyright p {
    color: #e3e0d2;
    font-family: 'CaslonClassico W00 Bold';
}
footer div.copyright p i {
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    color: #e3e0d2;
}
footer .table .centered {
    position: relative;
    top: 0.5rem;
}
.filter-contents .filter-content {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;

    cursor: pointer;

    padding: 1.125rem 1.625rem;
    background-color: #0084bd;
    color: #f2f2f2;
    display: none;

    width: 100%;

    overflow: hidden;
}

.filter-contents .filter-content.project {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}

.filter-contents .filter-content.show {
    display: block;
}

.plugin-progressreports {
    padding: 4.1875rem 0rem;
}

.plugin-progressreports .center {
    margin: auto;
    display: table !important;

    width: 80rem !important;
}


.plugin-jobs .filter-contents .filter-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2rem;

    cursor: pointer;

    padding: 1.125rem 0.625rem;
    background-color: #dadad9;
    display: none;
}

.filter-contents .filter-content ul {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none;
}

.filter-contents .filter-content ul li {
    padding: 0.275rem 0rem;
    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 0.95rem;
    color: #f2f2f2;

    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Inactive.svg);

    background-repeat: no-repeat;
    background-position: 0rem 0.25rem;
    /*
    padding-left: 1.7rem;
    */
    background-size: 1.2rem;
    line-height: 1.4rem;

    break-inside: avoid-column;

    padding-left: 1.5rem;
    background-position: 0rem 0.3rem;

}

.filter-contents .filter-content ul li.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Active.svg);
}


.filter-contents .filter-content.view-filter ul li.list.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/ListActive.svg);
}
.filter-contents .filter-content.view-filter ul li.list {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/List_Inactive.svg);
}
.filter-contents .filter-content.view-filter ul li.portrait.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Portrait_Active.svg);
}
.filter-contents .filter-content.view-filter ul li.portrait {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/Portrait_Inactive.svg);
}

.filter-contents .filter-content[data-filter="author"] ul li {
    white-space: nowrap;
}

.filter-contents .filter-content ul li.active {
    /*
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/unselected_active.svg);
    */
}

.filter-contents .filter-content ul li.active {
    color: #f2f2f2;
    font-family: 'AvenirNextRoundedW01-Bo1075574';  
}

.riyadh-header {
    position: fixed;
    top: 3.25rem;
    left: 0rem;
    width: 100%;
    z-index: 1;
}

.riyadh-content {
    position: relative;
    z-index: 2;
    /* margin-top: 47.06rem; */
    margin-top: 41.4375rem;

    /* background-color: #e3e0d2; */
}

.riyadh-content .loading-container {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.riyadh-content .loading-container .loading-layer {
    background-color: #f2f2f2;
    opacity: 0.75;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 1;
}
.riyadh-content .loading-container img.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 7rem;
    margin-left: -2.9825rem;
    margin-top: -3.4740625rem;
    opacity: 1;
    display: block;
    z-index: 2;
}
.bullet-menu {
    margin: auto;
}

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

ul.bullets .content {
    display: none;
}

ul.bullets li {
    float: left;
}

.show-filters {
    display: none;
}
.plugin-jobs .show-filters {
    display: block;
}
.show-filters button {
    height: 2.875rem;
    width: 15.4231875rem;
    background-color: #f2f2f2;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    border: none;
    outline: none;
    margin: auto;
    cursor: pointer;
    display: block;
    color: #3c3c3b;
}

.plugin-jobs .filter {
    display: none;
}

.plugin-jobs .text p {
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    text-align: center;
    color: #3c3c3b;
}

.plugin-jobs .listing ul li.list-element {
    height: 10.625rem;
    background-color: #f2f2f2;
    margin-bottom: 1.625rem;
    overflow: hidden;
    padding: 1.375rem;
    position: relative;

    cursor: pointer;
}
.plugin-jobs .listing ul li.list-element .close {
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/people-detail-close.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    cursor: pointer;
    display: none;
    /*
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    */
}
.plugin-jobs .listing ul li.list-element .fulltext {

}
.plugin-jobs .listing ul li.list-element .fulltext p,
.plugin-jobs .listing ul li.list-element .fulltext ul li {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-jobs .listing ul li.list-element .fulltext p {
    margin: 0rem;
    padding: 1rem 0rem;
}


.plugin-jobs .listing ul li.list-element .fulltext ul {
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}

.plugin-jobs .listing ul li.list-element .fulltext ul li {
    padding-left: 1.3em;
    line-height: 1.75rem;

    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.plugin-jobs .listing ul li.list-element .fulltext ul li:before {
    content: "—";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

.plugin-jobs .listing ul li.list-element a {
    margin: 0rem;
    background-color: transparent;
    padding: 0rem;
    display: block;
    height: 100%;
    padding-top: 0.75rem;
}

.plugin-jobs .listing ul li.list-element .apply {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.875rem;
    background-color: #dadad9;
    width: 15.707rem;
    text-align: center;
    text-transform: uppercase;
    color: #3c3c3b;
}
.plugin-jobs .listing ul li.list-element .apply {
    color: #878786;
    margin-top: 3rem;
}
#maincontent {
    width: 100%;
    background-color: #e3e0d2;
}

.page-3 #maincontent {
    padding-top: 0rem !important;
}

.page-3 #maincontent .content-middle {
    width: 80rem;
}

#maincontent .content-middle {
    margin: auto;
    width: 80.5rem;

    padding-bottom: 5rem;
}

.page-55 #maincontent .content-middle {
    width: 81rem;
}

.page-1 #maincontent .content-middle {
    width: 80rem;
}

#header-slideshow .viewport .overview div.text {
    position: absolute;
    z-index: 3;
    bottom: 7.50031rem;
    left: 50%;
    color: #f2f2f2;
    font-size: 2.9rem;
    width: 102rem;
    margin-left: -49rem;
    letter-spacing: 0rem;
    font-family: 'AvenirNextRoundedW01-Md1075562';
}

.color-shape {
    overflow: hidden;

}
.page-1 .color-shape,
.page-3 .color-shape {
    box-sizing: content-box;
}
.color-shape h2 {
    font-size: 1.625rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    letter-spacing: 0rem;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    color: #3c3c3b;
}

.color-shape h3 {
    margin-top: 0.4rem !important;
    font-size: 1.25rem;
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    letter-spacing: 0.03rem;
    color: #3c3c3b;

    line-height: 1.75rem;
    position: relative;
    top: -0.0rem;
}

.color-shape h2,
.color-shape h3 {
    margin: 0rem;
    padding: 0rem;

    color: #f2f2f2;
}

.color-shape .container-content .background {
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;

    background-size: auto !important;
}

.color-shape .container-content {
    position: relative;

    overflow: hidden;
    height: 100%;

    border: 1px solid #b9b7ad;
    box-shadow: 0.321rem 0.321rem #b9b7ad;
}

a .color-shape .container-content {
    cursor: pointer;
}

.color-shape .container-content:hover h2,
.color-shape .container-content:hover h3 {
    color: #f2f2f2;
} 


.color-shape .container-content .dark-overlay {

    opacity: 0.6;
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    z-index: 1;
    /* background-color: #000; */
    /* background: linear-gradient(to top, rgba(0,0,0,1) 59%, rgba(0,0,0,1) 80%); */
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    /* display: none; */
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0rem, transparent 7rem);
}

.color-shape.no-link .container-content .dark-overlay {
    /*
    background-color: #000;
    opacity: 0.6;
    */
}

a .color-shape .container-content:hover .dark-overlay {
    /*
    background-color: #000;
    opacity: 0.6;
    */
}

.color-shape .container-content .content {
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    /* height: 100%; */
    padding: 1.4rem 1.5rem 0.75rem 1.5rem;
    z-index: 2;
    background-color: transparent;
    background-size: auto;
}


.show-more-button-publication, 
.show-more-button {
    margin-top: 2rem;
}

.show-more-button-publication button, 
.show-more-button button,
.info-box a,
.plugin-coverstories .button a,
.plugin-breakingnews .content .moreinformation a,
.linktopublications a {
    display: block;
    border: none;
    background-color: #0084bd;
    padding: 0.75rem;
    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    color: #f2f2f2;
    margin-bottom: 2rem;
}

.plugin-coverstories .button {
    position: absolute;
    bottom: 0rem;
}
.plugin-coverstories .button a {
    text-align: center;
}

.linktopublications a {
    padding: 0.55rem;
}

.show-more-button-publication button, 
.show-more-button button,
.info-box a,
.plugin-breakingnews .content .moreinformation a {
    margin: auto;
}

.info-box a { 
    margin: 0rem;
    cursor: pointer;
    padding: 0.75rem;
    text-align: center;
}

.back-to-top {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/back-to-top.svg');
    background-repeat: no-repeat;

    width: 6rem;
    height: 6rem;
    position: absolute;
    right: 3rem;
    top: 7.25rem;

    cursor: pointer;
}

.slide-box {
    background-color: #f2f2f2;
    width: 80rem;
    margin: auto;

    height: 22.9925625rem;

    padding: 2.5rem 3.75rem 2rem 3.75rem;
}

.news {
    width: 81.375rem;
    height: 29.8125rem;
    margin: auto;
    padding-top: 0.625rem;
}

.news .news-item {
    float: left;
    width: 27.0625rem;
    height: 29.8125rem;
    padding: 0.625rem;
}
.news .news-item .container-inner {
    background-color: #f2f2f2;
    padding: 1.25rem;
    height: 100%;
}
.news .news-item p {
    font-size: 1rem;
    font-family: 'CaslonClassico W00';
    color: #3c3c3b;
}
.news .news-item p span.firstletters {
    font-family: 'AvenirNextRoundedW01-Re';
    color: #3c3c3b;
    letter-spacing: 0.2rem;
}

.news .news-item h2 {
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}

.news .news-item .content {
    height: 82%;
}

.slide-box .content {
    padding: 0rem 0rem 3rem 0rem;
    height: 13.453125rem;
}

.slide-box .content p.bodytext {
    margin-top: 0rem !important;
}

.slide-box p {
    margin: 0rem;
    font-size: 1.23rem;
    line-height: 150%;
    font-family: 'CaslonClassico W00';
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}

.slide-box p span.firstletters,
.plugin-breakingnews-inner-container p.bodytext b {
    font-variant: small-caps;
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    color: #3c3c3b;
}

body.page-2 #maincontent {
    padding-top: 0rem;
}

.button-overlay-left {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 20rem;
    height: 100%;
    z-index: 10;
}
.button-overlay-right {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 20rem;
    height: 100%;©854
    z-index: 10;
}

.plugin-milestones .button-overlay-right {
    right: -6rem;
}

.plugin-milestones .button-overlay-left {
    left: -6rem;
}

#header-slideshow .dark-overlay {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;


    /*
    opacity: 0.6;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 20%, rgba(0,0,0,1) 80%);
    */

    /*
    opacity: 0.2;
    background-color: #000;
    */

    background: linear-gradient(3deg, rgba(0, 0, 0, 0.9) 0%, transparent 60%);

    -webkit-transition: all 0.5s linear; 
    -moz-transition: all 0.5s linear; 
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#header-slideshow:hover .dark-overlay {
    /*
    background-color: rgba(0, 0, 0, 0.2);
    */
}

.AvenirNextRoundedRegukar {
    font-family: 'AvenirNextRoundedW01-Re';
    color: #3c3c3b;
}

.breaking-news {
    height: 24.375rem;
    width: 80rem;
    background-color: #f2f2f2;
    margin: auto;
    margin-top: 3rem;
}

.breaking-news .text  {
    padding: 2.5rem;

}
.breaking-news .text p {
    margin: 0rem;
    font-size: 1.125rem;
    line-height: 150%;
    font-family: 'CaslonClassico W00';
    leter-spacing: 0.02rem;
    color: #3c3c3b;
}
.breaking-news h4 {
    margin: 0rem;
    padding: 0rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    margin-bottom: 1.875rem;
    color: #3c3c3b;
}

.breaking-news .text {
    padding-left: 2.5rem;
    width: 47.375rem;
    float: right;
}

.breaking-news .text p span.firstletters {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-variant: small-caps;
    color: #3c3c3b;
}

.data-set .info-box {
    padding: 2.25rem 0rem 0rem 0rem;
}

/*
.info-box:hover button,
.slide-box:hover p,
.slide-box:hover .info-box button {
    color: #878786;
}
*/


.breaking-news {
    cursor: pointer;
}

.breaking-news .info-box {
    padding: 3rem 0rem 0rem 0rem;
}

.breaking-news .picture {
    width: 32.625rem;
    height: 100%;
    float: left;
    overflow: hidden;
}

.breaking-news .picture img {
    width: 100%;
}

.breaking-news:hover h4,
.breaking-news:hover p,
.breaking-news:hover .info-box button {
    color: #878786;
}

.filtercontent ul li {
    cursor: pointer;
}

.filtercontent ul li.active {
    font-weight: bold;
}

.plugin-latestnews-item.row-element {
    margin-right: 0.85rem;
}
.plugin-latestnews-item {
    height: 29.79475rem;
    width: 25.81125rem;
    float: left;
    margin-top: 1rem;


}
.plugin-latestnews-item.first {
    margin-left: 0rem;
}

.plugin-latestnews {

    width: 100%;
}
.plugin-latestnews .show-more-button {

}
.plugin-latestnews-item .title {
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}
.plugin-latestnews-item .text {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-latestnews-item .readmore {
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125rem;
    color: #3c3c3b;
}

.plugin-latestnews h1,
.plugin-linkonsubpage h1,
.plugin-filtermaincontent h1,
.plugin-newsfilter h1 {
    text-align: center;
    font-size: 3.125rem;
    font-family: 'Caslon Graphique W01 Regular';
    margin: 3rem 0rem;
    color: #3c3c3b;
}


.plugin-linkonsubpage .link-element .copyright {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    margin-right: 1.428187rem;
}

.plugin-latestnews .plugin-latestnews-item .picture {
    overflow: hidden;
    height: 15.5615625rem;
}
.plugin-latestnews .plugin-latestnews-item .content {
    padding: 1.3481875rem;
}
.plugin-latestnews .plugin-latestnews-item .content .content {
    padding: 0rem;
}

/* Dennis Design */
* {
    /* color: #3c3c3b; */
}
a {
    text-decoration: none;
    color: #3c3c3b;
}
.designSet-backgroundColor-1 {
    background-color: #f2f2f2;
}
.designSet-textColor-1 {
    color: #878786
}
.riyadh-content .designSet-textColor-1 {
    /* color: #3c3c3b; */
    color: #e3e0d2;
}
ul.design-listing-gefriert {
    list-style-type: none;
    padding: 0rem;
}
.plugin-people .listing .tab-content.team ul.design-listing-gefriert li {
    cursor: pointer;
}
ul.design-listing-gefriert li {
    overflow: visible;
    position: relative;
    padding: 0rem 0rem 0rem 1.5rem !important;

    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}
ul.design-listing-gefriert li b {
    font-weight: none;
    font-family: 'CaslonClassico W00 Bold';
}
ul.design-listing-gefriert li:before {
    /* content: "—"; */
    content: "//";
    left: 0;
    position: absolute;
}

.page-81 .bullet-menu .bullets .designSet-textColor-1 {
    color: #3c3c3b !important;
    letter-spacing: 0.03rem;

}
.page-81 .bullet-menu .bullets a.bullet.active .designSet-textColor-1 {
    color: #f6f5f1 !important;
    letter-spacing: 0.03rem;
}

.plugin-linkonsubpage {
    width: 80rem;
    margin: auto;

    padding-top: 8rem;
}
.plugin-linkonsubpage .title {
    /*height: 2rem;*/
    /*overflow: hidden;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}
.element-listing {
    height: 85rem;
}

.link-element {
    float: left;
    width: 39.3896875rem;
    height: 39.87875rem;
    margin-bottom: 2.03575rem;
    background-color: #f2f2f2;


}

.link-element .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    color: #3c3c3b;
}

.link-element-odd {
    margin-right: 1.221rem;
}
.link-element .picture {
    height: 24.351375rem;
    overflow: hidden;
    position: relative;
}
.link-element .picture img {
    /*
    width: 100%;
    height: auto;
    */
}
.link-element .text .firstletters {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    color: #3c3c3b;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
}
.link-element .text {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
    line-height: 1.75rem;
    overflow: hidden;
}
.link-element .readmore {
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125rem;
    color: #3c3c3b;

    margin-top: -1rem;
}
.link-element p.bodytext {
    margin: 0.5rem 0rem 0rem 0rem;
    color: #3c3c3b;
    line-height: 1.75rem;
}

.link-element .content {
    padding: 1.4281875rem;
}


.plugin-publications .listing,
.plugin-jobs .listing {
    margin-top: 3.5rem;
}

.plugin-publications .additionalstaff ul,
.plugin-mediagallery .additionalstaff ul {
    padding: 1rem 1rem 0rem 1rem;
}

.plugin-publications .additionalstaff ul li,
.plugin-mediagallery .additionalstaff ul li {
    padding: 0.125rem 0rem;
    color: #3c3c3b;


    font-family: 'AvenirNextRoundedW01-De1075568';
}

.plugin-publications ul li div.container,
.plugin-mediagallery ul li div.container {
    background-color: #f2f2f2;
    padding: 1.375rem;
}
.plugin-publications ul li div.title a,
.plugin-mediagallery ul li div.title a {
    padding: 0rem !important;
    display: inline !important;
}

.plugin-publications .additionalstaff ul li span.type,
.plugin-mediagallery .additionalstaff ul li span.type {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}

.plugin-publications .additionalstaff ul li .inline-link,
.plugin-mediagallery .additionalstaff ul li .inline-link {
    padding: 0rem;
}

.additionalstaff ul li a.inline-link {
    position: static !important;
    line-height: 0rem;
}


.listing .message,
.project-listing .message, 
.director-listing .message {
    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 2rem;
    text-align: center;
    margin: 5rem;
    color: #3c3c3b;
}

.listing ul,
.project-listing ul,
.director-listing ul {
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
    position: relative;
}
.listing ul li,
.project-listing ul li,
.director-listing ul li {
    padding: 0.625rem 0rem;
}
.listing .additionalstaff ul li,
.project-listing .additionalstaff ul li,
.director-listing .additionalstaff ul li {
    padding: 0.25rem 0rem;
}
.listing .additionalstaff .pressrelease .type {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125em;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
.listing .additionalstaff .pressrelease {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}
.listing ul li .container,
.project-listing ul li .container,
.director-listing ul li .container {
    background-color: #f2f2f2;
    padding: 1.375rem;
    border: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.plugin-magazin .listing ul li {
    display: table;
    width: 100%;
}

.plugin-publications .listing ul li a {
    color: #0084bd !important;
}

.listing ul li a.link-external:after {
    background-image: url("/typo3conf/ext/riyadh/Resources/Public/images/link-external.svg");
    background-size: 1.45rem 1.45rem;
    display: inline-block;
    width: 1.45rem;
    height: 1.45rem;
    content: '';
    background-repeat: no-repeat;
    margin-left: 1rem;
    position: relative;
    top: 0.1rem;
}
.listing ul li a.link-internal:after {
    background-image: url("/typo3conf/ext/riyadh/Resources/Public/images/link-internal.svg");
    background-size: 1.45rem 1.45rem;
    display: inline-block;
    width: 1.45rem;
    height: 1.45rem;
    content: '';
    background-repeat: no-repeat;
    margin-left: 0.5rem;
    position: relative;
    top: 0.1rem;
}
.listing ul li a.inline-link:after {
    background-image: url("/typo3conf/ext/riyadh/Resources/Public/images/link-internal.svg");
    background-size: 100% 100%;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    content: '';
    background-repeat: no-repeat;
    margin-left: 0.5rem;
    position: relative;
    top: 0.1rem;
}

.listing ul li a,
.project-listing ul li a,
.director-listing ul li a,
.listing ul li div.nolink,
.project-listing ul li div.nolink,
.director-listing ul li div.nolink {
    background-color: #f2f2f2;
    padding-bottom: 0.75rem;
    color: #0084bd;
    
    border-bottom: 1px dotted #6fbdde;
    padding-bottom: 0.15rem;
    line-height: 2.4rem;
    
    position: relative;
    top: -0.25rem;
}

.listing ul li a:hover,
.project-listing ul li a:hover,
.director-listing ul li a:hover {
    border-bottom: 1px solid #0084bd;
    padding-bottom: 0.15rem;
}


.listing ul li.news-element a {
    display: inline;
    padding: 0rem;
}

.listing ul li a.innerlink,
.project-listing ul li a.innerlink,
.director-listing ul li a.innerlink {
    display: inline;
    padding: 0rem;

}

.listing ul li div.title,
.project-listing ul li div.title,
.director-listing ul li div.title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    /*height: 2rem;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/

    margin-bottom: 0.25rem;

    color: #3c3c3b;
}

.plugin-magazin .listing ul li div.title {
    width: 60rem;
}
.plugin-magazin .additional-info .type {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125rem;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
.plugin-magazin .additional-info .journal {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-magazin .additional-info .pubdate {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-magazin .additional-info {

}
.plugin-magazin .magazin .picture,
.plugin-magazin .magazin .content,
.plugin-magazin .magazin .download {
    float: left;
}    
.plugin-magazin .magazin .picture {
    width: 14.2391875rem;
}
.plugin-magazin .magazin .content {
    width: 60.3858125rem;
}
.plugin-magazin .magazin .picture {    
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.18rem;
}
.plugin-magazin .magazin .picture img {
    max-height: 4.18rem;
    width: auto;
    max-width: 14rem;
}  
.listing ul li div.location,
.listing ul li div.group,
.listing ul li div.description,
.listing ul li div.fulltext,
.listing ul li div.apply,
.project-listing ul li div.location,
.project-listing ul li div.group,
.project-listing ul li div.description,
.project-listing ul li div.fulltext,
.project-listing ul li div.apply,
.director-listing ul li div.location,
.director-listing ul li div.group,
.director-listing ul li div.description,
.director-listing ul li div.fulltext,
.director-listing ul li div.apply {
    color: #3c3c3b;
}

.listing ul li .authors .author,
.project-listing ul li .authors .author,
.director-listing ul li .authors .author {
    white-space: nowrap;
}
.listing ul li .authors,
.project-listing ul li .authors,
.director-listing ul li .authors {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
    line-height: 1.7rem;
}
.plugin-publications .listing ul li .authors,
.plugin-mediagallery .listing ul li .authors {
    line-height: 1.75rem;
}

.listing ul li div.doi-isbn,
.project-listing ul li div.doi-isbn,
.director-listing ul li div.doi-isbn {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
    margin-top: 0.2rem;
}
.listing ul li div.journal,
.project-listing ul li div.journal,
.director-listing ul li div.journal {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
    margin-top: 0.0rem;
}
.listing ul li .authors .title,
.project-listing ul li .authors .title,
.director-listing ul li .authors .title {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125em;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
.listing ul li div.journal .title,
.project-listing ul li div.journal .title,
.director-listing ul li div.journal .title {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125em;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
.listing ul li div.doi-isbn .title,
.project-listing ul li div.doi-isbn .title,
.director-listing ul li div.doi-isbn .title {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125em;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
.listing ul li div.journal span.journal,
.project-listing ul li div.journal span.journal,
.director-listing ul li div.journal span.journal {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125em;
    color: #3c3c3b;
}
.listing ul li div.journal span.volume,
.project-listing ul li div.journal span.volume,
.director-listing ul li div.journal span.volume {
    font-family: 'CaslonClassico W00 Bold';
    font-size: 1.125em;
    color: #3c3c3b;
}
.listing ul li div.journal span.pageref,
.project-listing ul li div.journal span.pageref,
.director-listing ul li div.journal span.pageref {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}
.listing ul li div.journal span.year,
.project-listing ul li div.journal span.year,
.director-listing ul li div.journal span.year {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}
.filter {
    height: 3.0rem;
    margin-bottom: 0.4591250000000002rem;
}

.plugin-jobs.mainFilter .filter button.first {
    margin-left: 0rem;
}
.plugin-jobs.mainFilter .filter button {
    margin-left: 0.8212rem;
    /* width: 12.73239796066284090869rem; */
    background-position: 10.75rem center;
}

.filter button {
    /* height: 3.5196875rem; */

    height: 2.875rem;
    width: 15.3231875rem;
    background-color: #f2f2f2;
    /*font-size: 1.125rem;*/
    font-size: 0.9rem;
    text-transform: uppercase;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    border: none;
    outline: none;
    margin-left: 0.95rem;
    cursor: pointer;

    display: block;
    float: left;
    color: #3c3c3b;

    padding: 0.35rem;
}

.plugin-magazin .filter button {
    margin-left: 0.84rem;
}

.plugin-publications .filter button,
.plugin-mediagallery .filter button {
    margin-left: 0.82rem;
}

.plugin-newsfilter .filter button {
    margin-left: 0.75em;
}

.filter button.active.relative .button-text {
    position: relative;
    top: -0.25rem;
}
.filter button.first {
    margin-left: 0rem;
}

.filter button.active,
.filter button.beholdColor {
    background-color: #0084bd;
    color: #f2f2f2;
}



.plugin-publications .text,
.plugin-mediagallery .text,
.plugin-magazin .text,
.plugin-newsfilter .text,
.plugin-magazin .people {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    text-align: center;
}

.plugin-publications .search,
.plugin-mediagallery .search,
.plugin-magazin .search,
.plugin-newsfilter .search,
.plugin-people .search {
    /* height: 3.5196875rem; */
    height: 2.875rem;

    width: 15.4231875rem;
    background-color: #dadad9;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    border: none;
    outline: none;
    margin: auto;
    position: relative;
    color: #3c3c3b;
}

.plugin-publications .text,
.plugin-mediagallery .text,
.plugin-newsfilter .text {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    text-align: center;
    color: #3c3c3b;
}

.plugin-publications .text,
.plugin-mediagallery .text,
.plugin-newsfilter .text,
.plugin-people .text{
    color: #3c3c3b;
}
.plugin-people .text{
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    text-align: center;
    color: #3c3c3b;
}
.plugin-publications .search input.search-bar,
.plugin-mediagallery .search input.search-bar,
.plugin-newsfilter .search input.search-bar,
.plugin-magazin .search input.search-bar,
.plugin-people .search input.search-bar {
    background-color: #dadad9;
    border: none;
    width: 100%;
    height: 2rem;
    margin-top: 0.5rem;
    outline: none;

    text-align: center;
    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 1.125rem;

    color: #878786;
}

.plugin-publications .search input.search-button,
.plugin-mediagallery .search input.search-button,
.plugin-newsfilter .search input.search-button,
.plugin-magazin .search input.search-button,
.plugin-people .search input.search-button {
    position: absolute;
    right: 0rem;
    top: 0.125rem;
    height: 2rem;
    display: block;

    margin-right: 0.5rem;
    margin-top: 0.25rem;
}



.plugin-people .filter-contents .filter-content {
    column-count: 2;
}
.filter-contents .filter-content .layout-5-col {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}
.filter-contents .filter-content .layout-2-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}
.filter.publication-filter button,
.filter.newsfilter-filter button{
    background-position: 10.75rem center;
}

.filter button {

    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/button-upper.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 13rem center;

    cursor: pointer;
}

.filter button span.test {
    color: #f2f2f2;
}

.filter button.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/button-lower_active.svg) !important;
    color: #f2f2f2 !important;
}
.plugin-people .filter button.active {
    height: 3.5rem;
}

.filter button.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/button-upper.svg)
}
.filter button.single-filter.active {
    background-image: none !important;
}

.filter button.single-filter.transformlowercase {
    text-transform: none;
}

.filter button.single-filter {
    background-image: none;

    background-size: 1.25rem;
    background-position: 13rem center;

    letter-spacing: 0.04rem;

}
.filter.publication-filter button.single-filter {
    background-position: 10.75rem center;
}
.filter button {
    color: #878786;
}
.filter button.smallerfontsize {
    font-size: 0.9rem;
}

.show-filters button.active {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/button-lower_active.svg);
}

.show-filters button {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/button-upper_active.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 13rem 1.25rem;

    color: #3c3c3b;
    letter-spacing: 0.04rem;
}
.show-filters .filter.publication-filter button {
    background-position: 10.75rem center;
}
.plugin-filtermaincontent .organizer {
    margin-top: 1.5rem;
}
.plugin-filtermaincontent .description {
    margin-top: 1.4198125rem;
}
.plugin-filtermaincontent .elementtitle {
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}

.plugin-breakingnews {
    width: 80rem;
    margin: auto;
    margin-top: 6rem;
}
.plugin-breakingnews-inner-container {
    height: 100%;

    background-color: #f2f2f2;
    height: 24.351375rem;
}

.plugin-breakingnews-inner-container {
    display: none;
}

.plugin-breakingnews .picture {
    width: 32.625rem;
    height: 100%;
    float: left;
    overflow: hidden;
}
.plugin-breakingnews .picture img {
    width: 100%;
    height: auto;
}
.plugin-breakingnews .content {
    height: 100%;
    width: 47.35rem;
    float: right;

    padding: 2.7104375rem 3.75rem;
}
.plugin-breakingnews .content .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    color: #3c3c3b;
    margin-bottom: 1rem;
}
.plugin-breakingnews .content .bodytext {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
    line-height: 2.125rem;
    height: 13.5rem;
    overflow: hidden;

}
.plugin-breakingnews .content .moreinformation {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    font-size: 1.125rem;
    text-transform: uppercase;
    width: 15.707rem;
    height: 2.875rem;
    background-color: #dadad9;
    text-align: center;
    color: #3c3c3b;
}

.plugin-breakingnews:hover .moreinformation a {
    color: #878786;
}

.firstletters {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    color: #3c3c3b;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
}

.listing .location,
.project-listing .location,
.director-listing .location {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    letter-spacing: 0.2rem;
    text-transform: lowercase;
    margin-bottom: 0.4rem;
    font-variant: small-caps;
    color: #3c3c3b;
}
.listing .group,
.project-listing .group,
.director-listing .group {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.listing .description,
.project-listing .description,
.director-listing .description {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    min-height: 4rem;
    color: #3c3c3b;
    line-height: 1.75rem;
    margin-bottom: 0.1rem;
}

.listing .description a,
.project-listing .description a,
.director-listing .description a {
    font-family: 'CaslonClassicoW00-Itali';
    text-decoration: underline;
    color: #3c3c3b;
}

.listing .description p,
.project-listing .description p,
.director-listing .description p {
    margin: 0rem;
}

.listing .group .title,
.project-listing .group .title,
.director-listing .group .title {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    letter-spacing: 0.2rem;
    text-transform: lowercase;
    font-variant: small-caps;
    color: #3c3c3b;
}

.plugin-jobs .listing .list .list-element .fulltext p {
    line-height: 1.75rem;
}

.plugin-publications .search-button,
.plugin-mediagallery .search-button,
.plugin-magazin .search-button,
.plugin-newsfilter .search-button,
.plugin-people .search-button {
    width: 2.2870625rem;
    height: 2.0180625rem;
    border: none;
    background-color: transparent;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/magnifier-black.svg);
    background-repeat: no-repeat;
    outline: 0rem;
    cursor: pointer;
}

.plugin-linkonsubgroup.layout-0 {
    background-color: #f2f2f2;

}
.plugin-linkonsubgroup.layout-1 {
    background-color: #e3e0d2;

}

.plugin-linkonsubgroup .links {
    width: 80rem;
    margin: auto;
    padding-bottom: 5rem;
}

.plugin-linkonsubgroup h2 {
    font-family: 'Caslon Graphique W01 Regular' !important;
    text-align: center !important;
    padding: 4rem !important;
    font-size: 3.125rem !important;
    color: #3c3c3b !important;
}


.plugin-linkonsubgroup .link-single {
    height: 24.625rem;
    margin-bottom: 2.3651875rem;
}

.plugin-linkonsubgroup .link-single .picture {
    width: 32.625rem;
    /* height: 24.375rem; */
    height: 100%;
    float: left;
    overflow: hidden;
}

.plugin-linkonsubgroup .link-single .picture img {
    height: 100%;
    width: auto;
    position: relative;
}

.plugin-linkonsubgroup .link-single.even .picture {
    float: right;
}
.plugin-linkonsubgroup .link-single {
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.plugin-linkonsubgroup.layout-0 .link-single {
    background-color: #e3e0d2;
}

.plugin-linkonsubgroup.layout-1 .link-single {
    background-color: #f2f2f2;
}

.plugin-linkonsubgroup .link-single .content {
    width: 47.35rem;
    height: 100%;
    padding: 2.75rem 2.75rem 2.583625rem 2.75rem;
}
.plugin-linkonsubgroup .link-single .content .text {
    font-size: 1.125rem !important;
    margin-left: 0rem !important;
    line-height: 2.0rem !important;
}
.plugin-linkonsubgroup .link-single.odd .content {
    float: right;
}
.plugin-linkonsubgroup .link-single.even .content {
    float: left;
}

.plugin-linkonsubgroup .link-single .content .button {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.875rem;
    background-color: #0084bd;
    width: 15.707rem;
    text-align: center;
    text-transform: uppercase;
    color: #f2f2f2;
    position: absolute;
    bottom: 2.125rem;
}

.plugin-linkonsubgroup .link-single .content .button.button-1{

    margin-left: 20rem;
}

.plugin-linkonsubgroup .link-single .content .button a {
    padding-top: 0.55rem;
    display: block;
    width: 100%;
    height: 100%;
    color: #f2f2f2;
}

.plugin-linkonsubgroup .link-single .content {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;

    position: relative;

    color: #3b3c3c;
    line-height: 1.8rem;
}
.plugin-linkonsubgroup .link-single .content h3 {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    margin: 0rem;
    color: #3c3c3b;
    padding-bottom: 0.75rem;
}
.plugin-linkonsubgroup .link-single .content {
    overflow: hidden;
    cursor: pointer;
    font-size: 1.125rem;
}
.plugin-linkonsubgroup .link-single .content .text p {
    color: #3c3c3b;
    margin: 0rem 0rem;
}
.plugin-linkonsubgroup .link-single .content .firstletters {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    color: #3c3c3b;
}

.plugin-linkonsubgroup .link-single:hover .content .button a  {
    display: block;
}

.plugin-linkonsubgroup .link-single:hover .content .button a,
.plugin-linkonsubgroup .link-single:hover .content .firstletters,
.plugin-linkonsubgroup .link-single:hover .content h2,
.plugin-linkonsubgroup .link-single:hover .content p {
    /* color: #878786; */
}

.plugin-linkonsubgroup .link-single .content .toggle {
    height: 3rem;
    width: 3rem;
    bottom: 2rem;
    position: absolute;
    background-color: transparent;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/toggle-linkonsubgroup.svg);
    background-repeat: no-repeat;
    right: 3rem;
}

.plugin-magazin {
    padding-top: 3.4375rem;
}

.plugin-magazin .magazin {
    margin-bottom: 1.25rem;
    height: 5.6875rem;
    background-color: #f2f2f2;
}

.plugin-magazin .magazin a {

}

.plugin-magazin .magazin a img {
    height: 3.03125rem;
    width: 2.29375rem;
    margin-right: 0rem;
    float: right;

    margin-top: -3.2rem;
}

.plugin-magazin .magazin a img {
    margin-top: -0.75rem;
}

.plugin-magazin .text p {
    margin: 1.90725rem 0rem;
} 

.plugin-projectadresses .project {
    width: 25.81125rem;
    height: 17.765687rem;

    background-color: #f2f2f2;

    margin-right: 0rem;
    margin-bottom: 1.3125rem;

    float: right;
    padding: 2.125rem;

    color: #878786;
    line-height: 1.75rem;

}

.plugin-infoaddressbox div.title,
.plugin-infoaddressbox div.content,
.plugin-projectadresses .project p,
.plugin-projectadresses .project .title {
    -webkit-transition: all 0.5s linear; 
    -moz-transition: all 0.5s linear; 
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.plugin-infoaddressbox:hover div.title,
.plugin-infoaddressbox:hover div.content,
.plugin-projectadresses .project:hover p,
.plugin-projectadresses .project:hover .title {
    color: #3c3c3b;
}

.plugin-projectadresses .project p {
    margin: 0.75rem 0rem;
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
}

.plugin-projectadresses .project .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    margin-bottom: 2.75rem;
}

.plugin-projectadresses .project.row-element {
    margin-left: 1.255rem;


}
.plugin-projectadresses {
    margin-top: 1.3125rem;
    margin-top: 1.3125rem;
    height: 58rem;
}

div.search-bar {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 0rem;
    height: 100%;
    background-color: #000;
    display: none;
}
div.search-bar .tx-indexedsearch-searchbox-button {
    position: absolute;
    background-color: transparent;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/magnifier.svg);
    background-repeat: no-repeat;
    width: 1.8415625rem;
    height: 1.625rem;

    top: 50%;
    right: 5rem;
    margin-top: -0.8509031rem;
}
div.search-bar .tx-indexedsearch-searchbox-button:focus {
    outline: none;
    border: none;
}
div.search-bar .close {
    position: absolute;
    background-color: transparent;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/search-close.svg);
    background-repeat: no-repeat;
    width: 1.8415625rem;
    height: 1.625rem;

    top: 50%;
    right: 1.959125rem;
    margin-top: -0.8509031rem;

    border: none;
    outline: none;

    cursor: pointer;
}
/*
div.search-bar #tx_indexedsearch .sword {
    width: 80rem;
    height: 2rem;
    background-color: #000;
    border: none;
    
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    font-size: 0.9375rem;
    color: #f2f2f2;
    
    text-align: center;
    outline: none;
    margin-top: 0.25rem;
}
*/
div.search-bar #tx_indexedsearch .sword {
    text-decoration: none;
    color: #878786;
    text-transform: uppercase;
    font-family: 'AvenirNextRoundedW01-Md1075562';
    font-size: 0.9375rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;

    text-align: center;
    outline: none;
    background-color: #000;
    border: none;
}    
.mediathek-slideshow-mainframe .slideshow,
.slideshow,
.fp-slideshow,
.slideshow-withbullets {
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
}
.mediathek-slideshow-mainframe .slideshow .buttons,
.slideshow .buttons,
.fp-slideshow .buttons,
.slideshow-withbullets .buttons {
    border-radius: 2.1875rem;
    display: block;
    float: left;
    position: absolute;
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    line-height: 2.1875rem;
    text-decoration: none;
    font-size: 1.375rem;
    top: 50%;
    z-index: 10;

    width: 5.5625rem;
    height: 5.5625rem;

    margin-top: -2.78125rem;

}
.mediathek-slideshow-mainframe .slideshow .button.prev,
.slideshow .buttons.prev,
.slideshow-withbullets .buttons.prev {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg');
    left: -8rem;
    background-repeat: no-repeat;
}

.fp-slideshow .buttons.prev {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left-white.svg');
    left: -8rem;
    background-repeat: no-repeat;
}

.fp-slideshow .buttons.next {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right-white.svg');
    right: -8rem;
    background-repeat: no-repeat;
}

.mediathek-slideshow-mainframe .slideshow .buttons.next,
.slideshow .buttons.next,
.slideshow-withbullets .buttons.next {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right.svg');
    right: -8rem;
    background-repeat: no-repeat;
}
.mediathek-slideshow-mainframe .slideshow .viewport,
.slideshow .viewport,
.fp-slideshow .viewport,
.slideshow-withbullets .viewport {
    overflow: hidden;
    width: 100%;
    height: 54.4508125rem;
    position: relative;

}

.fp-slideshow .viewport {
    width: 80rem;
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.mediathek-slideshow-mainframe .slideshow .viewport ul li {
    float: left;
}

.mediathek-slideshow-mainframe .slideshow .viewport ul,
.slideshow .viewport ul,
.fp-slideshow .viewport ul,
.slideshow-withbullets .viewport ul {
    list-style: none;
    position: absolute;
    padding: 0rem;
    height: 100%;
    margin: 0rem;
}
.mediathek-slideshow-mainframe .slideshow .viewport ul li,
.slideshow .viewport ul li,
.fp-slideshow .viewport ul li,
.slideshow-withbullets .viewport ul li {
    float: left;
    padding: 0rem;
    margin: 0rem;
    height: 100%;
    position: relative;
    width: 80rem;
} 
.mediathek-slideshow-mainframe .slideshow .viewport ul li,
.slideshow.fullwidth .viewport ul li,
.fp-slideshow.fullwidth .viewport ul li,
.slideshow-withbullets.fullwidth .viewport ul li {
    width: 100%;
}
.mediathek-slideshow-mainframe .slideshow .buttons,
.slideshow.fullwidth .buttons,
.fp-slideshow.fullwidth .buttons,
.slideshow-withbullets.fullwidth .buttons {
    /* display: block !important; */
}
.mediathek-slideshow-mainframe .slideshow .buttons.prev,
.slideshow.fullwidth .buttons.prev,
.fp-slideshow.fullwidth .buttons.prev,
.slideshow-withbullets.fullwidth .buttons.prev {
    left: 8rem;
}
.mediathek-slideshow-mainframe .slideshow .buttons.next,
.slideshow.fullwidth .buttons.next,
.fp-slideshow.fullwidth .buttons.next,
.slideshow-withbullets.fullwidth .buttons.next {
    right: 8rem;
}
.mediathek-slideshow-mainframe .slideshow .button-overlay-right,
.mediathek-slideshow-mainframe .slideshow .button-overlay-left,
.slideshow.fullwidth .button-overlay-right,
.slideshow.fullwidth .button-overlay-left,
.slideshow-withbullets.fullwidth .button-overlay-right ,
.slideshow-withbullets.fullwidth .button-overlay-left {
    height: 6rem !important;



}
.mediathek-slideshow-mainframe .slideshow div.image,
.slideshow.fullwidth div.image,
.slideshow-withbullets.fullwidth div.image {
    background-color: gray;
}

.plugin-milestones {
    padding-bottom: 4rem;
}
.plugin-milestones h2,
.plugin-coverstories h2 {
    padding: 3.375rem;
    font-size: 3.4375rem;
    margin: 0rem;
    text-align: center;
    font-family: 'Caslon Graphique W01 Regular';
}
.plugin-milestones .slideshow.fullwidth .button-overlay-right,
.plugin-milestones .slideshow.fullwidth .button-overlay-left,
.plugin-milestones .slideshow-withbullets.fullwidth .button-overlay-right,
.plugin-milestones .slideshow-withbullets.fullwidth .button-overlay-left {
    top: 22rem !important;
}
.plugin-coverstories .slideshow.fullwidth .button-overlay-right,
.plugin-coverstories .slideshow.fullwidth .button-overlay-left,
.plugin-coverstories .slideshow-withbullets.fullwidth .button-overlay-right,
.plugin-coverstories .slideshow-withbullets.fullwidth .button-overlay-left {
    top: 23rem !important;
}

.plugin-milestones .slideshow .viewport ul li div.image,
.plugin-milestones .slideshow-withbullets .viewport ul li div.image {
    height: 43.9375rem;
    overflow: hidden;
    border-bottom: 0.4rem solid #b9b7ad;
}

    

.plugin-milestones h4 {
    font-size: 3.4375rem;
    font-family: 'Caslon Graphique W01 Regular';
    color: #0084bd;
    width: 57rem;

    margin: 0rem auto 1rem auto;
}
.plugin-milestones p {
    font-size: 1.5rem;
    font-family: 'CaslonClassico W00';
    line-height: 2.125rem;
    color: #3c3c3b;

    width: 40.75rem;

    margin: 0rem auto;
    padding: 1rem;
}

.plugin-milestones p b {
    font-family: 'CaslonClassico W00 Bold';
}
.plugin-milestones p i {
    font-family: 'CaslonClassicoW00-Itali';
}
.plugin-milestones p b i {
    font-family: 'CaslonClassicoW00-BoldI';
}
.plugin-milestones p i b {
    font-family: 'CaslonClassicoW00-BoldI';
}
.plugin-milestones sup {
    font-family: 'CaslonClassico W00';
}
.plugin-milestones .text-content {
    padding-top: 1.5rem;
}
.plugin-milestones .text-content p.footnote {
    font-size: 1rem !important;
    padding: 0rem;
    line-height: 1.75rem;
}
.plugin-milestones hr.footnote-divider {
    width: 8%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #3c3c3b;
    border-width: 0.0625rem;
}

.slideshow.fullwidth .viewport,
.slideshow-withbullets.fullwidth .viewport {
    height: 95.450812rem;
}
.plugin-coverstories {
    background-color: #f2f2f2;
}
.plugin-coverstories .slideshow.fullwidth .viewport,
.plugin-coverstories .slideshow-withbullets.fullwidth .viewport {
    height: 58rem;
}
.plugin-coverstories .inner-element {
    width: 80rem;
    margin: auto;
    background-color: #f2f2f2;

    position: relative;
    overflow: hidden;

    height: 52.315rem;
}
.plugin-coverstories .inner-element .text-content {
    padding: 3.9040625rem 2rem;
    text-align: left;
}
.plugin-coverstories .inner-element .text-content .metadata {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #878786;
}
.plugin-coverstories .inner-element .text-content h4 {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #3c3c3b;

    margin: 0rem 0rem 1rem 0rem;
}
.plugin-coverstories .inner-element .text-content p {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #3c3c3b;
}

.plugin-progressreports.layout-0,
.plugin-milestones.layout-0,
.plugin-coverstories.layout-0 {
    background-color: #f2f2f2;
}
.plugin-coverstories.layout-0 .inner-element,
.plugin-progressreports.layout-0 ul.progress-reports li .progress-reports-content {
    background-color: #e3e0d2;
}

.plugin-progressreports.layout-1,
.plugin-milestones.layout-1,
.plugin-coverstories.layout-1 {
    background-color: #e3e0d2;
}
.plugin-coverstories.layout-1 .inner-element,
.plugin-progressreports.layout-1 ul.progress-reports li .progress-reports-content {
    background-color: #f2f2f2;
}



.slideshow .viewport ul li img,
.fp-slideshow .viewport ul li img,
.slideshow-withbullets .viewport ul li img {
    /* height: 100%; */

    width: 100%;
    height: auto;
}
.slideshow .viewport ul li .picture,
.fp-slideshow .viewport ul li .picture,
.slideshow-withbullets .viewport ul li .picture {
    height: 31.45825rem;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideshow .viewport ul li .content,
.fp-slideshow .viewport ul li .content,
.slideshow-withbullets .viewport ul li .content {
    height: 22.9925625rem;
    background-color: #f2f2f2;

    padding: 2.7975rem 3.75rem 1.5rem 3.75rem;
}
.slideshow .pressrelease .title,
.fp-slideshow .pressrelease .title,
.slideshow-withbullets .pressrelease .title {
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}
.slideshow .pressrelease .bodytext,
.fp-slideshow .pressrelease .bodytext,
.slideshow-withbullets .pressrelease .bodytext {
    height: 8.5773125rem;
    overflow: hidden;
    line-height: 1.45rem;
}
.slideshow .pressrelease .bodytext,
.slideshow .pressrelease .title,
.slideshow .pressrelease .readmore,
.slideshow .pressrelease .date,
.fp-slideshow .pressrelease .bodytext,
.fp-slideshow .pressrelease .title,
.fp-slideshow .pressrelease .readmore,
.fp-slideshow .pressrelease .date,
.slideshow-withbullets .pressrelease .bodytext,
.slideshow-withbullets .pressrelease .title,
.slideshow-withbullets .pressrelease .readmore,
.slideshow-withbullets .pressrelease .date
{
    text-align: left;
}
.slideshow .pressrelease .date,
.slideshow .pressrelease .bodytext,
.fp-slideshow .pressrelease .date,
.fp-slideshow .pressrelease .bodytext,
.slideshow-withbullets .pressrelease .date,
.slideshow-withbullets .pressrelease .bodytext {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #3c3c3b;
}
.slideshow .pressrelease .bodytext,
.fp-slideshow .pressrelease .bodytext,
.slideshow-withbullets .pressrelease .bodytext{
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
}
.slideshow .pressrelease .date,
.fp-slideshow .pressrelease .date,
.slideshow-withbullets .pressrelease .date{
    color: #0084bd;
}
.slideshow .pressrelease div.readmore,
.fp-slideshow .pressrelease div.readmore,
.slideshow-withbullets .pressrelease div.readmore{
    display: block;
    margin: 1rem 0rem 0rem 0rem;
    cursor: pointer;
    letter-spacing: 0.03rem;
    outline: 0 none;
    text-align: center;
    
    border: none;
    background-color: #0084bd;
    padding: 0.75rem;
    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    color: #f2f2f2;
}
.slideshow .pressrelease div.readmore a,
.fp-slideshow .pressrelease div.readmore a,
.slideshow-withbullets .pressrelease div.readmore a{
    display: block;
    width: 100%;
    height: 100%;
    color: #f2f2f2;
}
.slideshow .pressrelease .title,
.fp-slideshow .pressrelease .title,
.slideshow-withbullets .pressrelease .title{
    margin-bottom: 1.4375rem;
    color: #3c3c3b;
}
.slideshow .pressrelease .bodytext,
.fp-slideshow .pressrelease .bodytext,
.slideshow-withbullets .pressrelease .bodytext{
    color: #3c3c3b;
}
.slideshow .pressrelease .readmore,
.fp-slideshow .pressrelease .readmore,
.slideshow-withbullets .pressrelease .readmore{
    color: #3c3c3b;
}
.plugin-latestnews .news-item,
.plugin-latestnewsfeature .news-item {
    margin-left: 0rem;
    background-color: #f2f2f2;
    height: 29.79475rem;
    width: 25.81125rem;

    margin-right: 0rem;
    margin-bottom: 1.25rem;
    float: left;

    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.plugin-latestnews .news-item .content,
.plugin-latestnewsfeature .news-item .content {
    padding: 1.2476875rem 1.5rem 0rem 1.5rem;
}
.plugin-latestnews .news-item .content .content,
.plugin-latestnewsfeature .news-item .content .content {
    padding: 0rem;
    margin-top: 1.1375rem;
    line-height: 1.75rem;

    font-family: 'CaslonClassico W00';
    color: #3c3c3b;

    height: 5.0625rem;
    overflow: hidden;
}
.plugin-latestnews .news-item .picture,
.plugin-latestnewsfeature .news-item .picture {
    height: 15.5615625rem;
    overflow: hidden;
}
.plugin-latestnews .news-item.row-element,
.plugin-latestnewsfeature .news-item.row-element {
    margin-right: 1.2540624999999974rem;
}

.plugin-latestnewsfeature {
}

.plugin-latestnewsfeature .hidden {
    display: none;
}

.plugin-publications.mainFilter {
    padding-top: 0rem !important;
}

.plugin-latestnewsfeature h1,
.plugin-featuredpublication h1,
.plugin-publications h1,
.plugin-mediagallery h1 {
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 3.125rem;
    text-align: center;
    margin: 0rem;
    color: #3c3c3b;
    /*
    margin: 6.250625rem 0rem 4.8384375rem 0rem;  
    */
}

.plugin-featuredpublication {
    margin-bottom: 10rem;
}

.plugin-latestnews .date,
.plugin-latestnewsfeature .date {
    color: #0084bd;
    font-family: 'CaslonClassico W00';

}
.plugin-latestnews .title,
.plugin-latestnewsfeature .title {
    color: #3c3c3b;
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    line-height: 1.8rem;

    height: 3.5rem;
    overflow: hidden;
}
.plugin-latestnews .content,
.plugin-latestnewsfeature .content {
    color: #3c3c3b;
}
.plugin-latestnews .special-box .content,
.plugin-latestnewsfeature .special-box .content {
    height: 100%;
}
.plugin-latestnews .special-box,
.plugin-latestnewsfeature .special-box {
    height: 100%;
    position: relative;
}
.plugin-latestnews .special-box .title,
.plugin-latestnewsfeature .special-box .title {
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 2rem;
    line-height: 1.25rem;
    margin-bottom: 2.7048125rem;
    height: auto;
    line-heigght: normal;
    overflow: visible;
    margin-top: 1.4rem;
    color: #3c3c3b;
}
.plugin-latestnews .special-box ul li,
.plugin-latestnewsfeature .special-box ul li {
    padding: 0rem;
}
.plugin-latestnews .special-box ul li .title,
.plugin-latestnewsfeature .special-box ul li .title {
    font-family: 'AvenirNextRoundedW01-De1075568' !important;
    margin-bottom: 0rem !important;
    font-size: 1.5rem !important;
    color: #3c3c3b;
}
.plugin-latestnews .special-box ul li .info,
.plugin-latestnewsfeature .special-box ul li .info {
    margin-bottom: 1.75rem;
    line-height: 2.5rem;

    height: 2.5625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.plugin-latestnews .special-box ul li .info .type,
.plugin-latestnewsfeature .special-box ul li .info .type {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
    color: #3c3c3b;
}
.plugin-latestnews .special-box ul li .info .magazin,
.plugin-latestnewsfeature .special-box ul li .info .magazin {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-latestnews .special-box ul li .info .date,
.plugin-latestnewsfeature .special-box ul li .info .date {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-latestnewsfeature .special-box .readmore {
    display: block;
    border: none;
    background-color: #dadad9;

    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    color: #3c3c3b;
    margin-bottom: 2rem;
    text-align: center;

    position: absolute;
    bottom: 0.75rem;

}
.plugin-latestnewsfeature .special-box .readmore a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.7125rem;
}
#c91 h2 {
    font-size: 3.125rem;
    font-family: 'Caslon Graphique W01 Regular';
    padding: 6.40rem 0rem 3.2384375rem 0rem;
    color: #3c3c3b;
    margin: 0rem;
    text-align: center;
}

/* Mailform */
.csc-mailform {
    padding: 2.38875rem 0rem 3.7003125rem 3.60775rem;
    width: 52.905625rem;
    background-color: #f2f2f2;
    margin-bottom: 1.3125rem;
    float: left;
}

.page-32 .content-middle {
    width: 80rem !important;
}

.page-32 .Tx-Formhandler {
    padding: 2.38875rem 3.75rem 1.60275rem 3.75rem;
    width: 100%;
    background-color: #f2f2f2;
    margin-bottom: 1.3125rem;
    height: 29.775rem;
    position: relative;

    border: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.page-32 .Tx-Formhandler .headline {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    line-height: 1.8rem; 
    color: #3c3c3b;
}

.page-32 .Tx-Formhandler input,
.page-32 .Tx-Formhandler textarea {
    border: none;
    outline: none;
    background-color: #f2f2f2;
    font-size: 1.5rem;
    line-height: 1.8rem;
}
.page-32 .Tx-Formhandler textarea {
    color: #3c3c3b;
    margin: 1.800875rem 0rem;
    width: 100%;
    resize: none;
    max-height: 12.25rem;
}
.page-32 .Tx-Formhandler input {
    color: #878786;
    width: 100%;
}

.page-32 .Tx-Formhandler dl {
    margin: 0rem;
}
.page-32 .Tx-Formhandler dd {
    margin: 0rem;
}
.page-32 .Tx-Formhandler input.name {
    display: none;
}
.page-32 .Tx-Formhandler input.submit {
    display: block;
    border: none;
    background-color: #0084bd;
    padding: 0.5rem;
    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    color: #f2f2f2;
    position: absolute;
    bottom: 1rem;
}
.page-32 .Tx-Formhandler .captcha {
    position: absolute;
    width: 13rem;
    right: 3.60775rem;
    bottom: 3.7003125rem;
}
.page-32 .Tx-Formhandler .captcha .edit {
    width: 100%;
}
.page-32 .Tx-Formhandler .captcha .image {
    text-align: center;
}
.page-32 .Tx-Formhandler .errors {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 10;

    display: none;
}

.plugin-infoaddressbox {
    padding: 2.14325rem;
    color: #878786;
}
.plugin-infoaddressbox p.bodytext {
    color: #878786;
}
.plugin-infoaddressbox .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    line-height: 1.8rem;
    font-size: 1.5rem;
    margin-bottom: 2.3528125rem;

    text-align: left;
    color: #3c3c3b
}
.plugin-infoaddressbox .name,
.plugin-infoaddressbox .content {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;

    text-align: left;
    color: #3c3c3b;
}

.riyadh-projectnavigation .projecttitle {
    display: none;
    color: #3c3c3b;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    letter-spacing: 0.1rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9375rem;
    letter-spacing: 0.1rem;

    position: absolute;
    top: 28.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.projectcoordinator {
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    text-transform: none;
    font-size: 1rem;
    color: #3c3c3b;
}

/* ID- & Page-Styles */
.page-83 .projectcoordinator {
    display: none;
}
.page-83 h1 {
    padding-top: 9.210625rem !important;
}

/* Allgemein */
p.bodytext,
.plugin-latestnews .description {
    margin: 0.5rem 0rem 0rem 0rem;
    color: #3c3c3b;
    line-height: 1.75rem;
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-latestnews .type-jobs .description {
    height: 19.5rem;
    overflow: hidden;
}
sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}
sub {
    font-size: 0.83em;
    vertical-align: sub;
    line-height: 0;
}

.content-middle h1 {
    margin: 0rem;
    /* padding: 6.40rem 0rem 3.2384375rem 0rem; */
    padding: 6.40rem 0rem 3.2384375rem 0rem;
}

.plugin-filtermaincontent h1 {
    padding: 3.0rem 0rem 3.2384375rem 0rem;
}

.plugin-jobs .inactive {
    opacity: 0.5rem;
}

/*
.plugin-jobs .inactive *,
.plugin-jobs .inactive p,
.plugin-jobs .inactive p span.firstletters,
.plugin-jobs .inactive .title,
.plugin-jobs .inactive a,
.plugin-jobs .inactive .journal,
.plugin-jobs .inactive div.authors span.title,
.plugin-jobs .inactive div.journal span.title,
.plugin-jobs .inactive div.journal span.journal,
.plugin-jobs .inactive div.journal span.volume,
.plugin-jobs .inactive div.journal span.pageref,
.plugin-jobs .inactive div.journal span.year,
.plugin-jobs .inactive div.location,
.plugin-jobs .inactive div.group .title,
.plugin-jobs .inactive div.group,
.plugin-jobs .inactive div.description,
.plugin-jobs .inactive div.fulltext,
.plugin-jobs .inactive div.apply {
    color: #878786;
}
*/

/* Transitions */

/* change text-color */
.hoverTextOnly *,
.hoverTextOnly p,
.hoverTextOnly p span.firstletters,
.hoverTextOnly .title,
.hoverTextOnly a,
.hoverTextOnly .journal,
.hoverTextOnly div.authors span.title,
.hoverTextOnly div.journal span.title,
.hoverTextOnly div.journal span.journal,
.hoverTextOnly div.journal span.volume,
.hoverTextOnly div.journal span.pageref,
.hoverTextOnly div.journal span.year,
.hoverTextOnly div.location,
.hoverTextOnly div.group .title,
.hoverTextOnly div.group,
.hoverTextOnly div.description,
.hoverTextOnly div.fulltext,
.hoverTextOnly div.content div.name,
.hoverTextOnly div.content div.position,
.hoverTextOnly div.apply,
.hoverText *,
.hoverText p,
.hoverText p span.firstletters,
.hoverText .title,
.hoverText a,
.hoverText button,
.hoverText .journal,
.hoverText div.authors span.title,
.hoverText div.journal span.title,
.hoverText div.journal span.journal,
.hoverText div.journal span.volume,
.hoverText div.journal span.pageref,
.hoverText div.journal span.year,
.hoverText div.location,
.hoverText div.group .title,
.hoverText div.group,
.hoverText div.description,
.hoverText div.fulltext,
.hoverText div.title,
.hoverText div.content,
.hoverText div.content div.name,
.hoverText div.content div.position,
.hoverText div.apply,
.plugin-people .person .content .name,
.plugin-people .person .content .position {
    -webkit-transition: color 0.5s linear; 
    -moz-transition: color 0.5s linear; 
    -o-transition: color 0.5s linear;
    transition: color 0.5s linear;
}	


.hoverTextOnly:hover *,
.hoverTextOnly:hover p,
.hoverTextOnly:hover p span.firstletters,
.hoverTextOnly:hover .title,
.hoverTextOnly:hover a,
.hoverTextOnly:hover .journal,
.hoverTextOnly:hover div.authors span.title,
.hoverTextOnly:hover div.journal span.title,
.hoverTextOnly:hover div.journal span.journal,
.hoverTextOnly:hover div.journal span.volume,
.hoverTextOnly:hover div.journal span.pageref,
.hoverTextOnly:hover div.journal span.year,
.hoverTextOnly:hover div.location,
.hoverTextOnly:hover div.group .title,
.hoverTextOnly:hover div.group,
.hoverTextOnly:hover div.description,
.hoverTextOnly:hover div.fulltext,
.hoverTextOnly:hover div.content div.name,
.hoverTextOnly:hover div.content div.position,
.hoverTextOnly:hover div.apply,
.hoverText:hover *,
.hoverText:hover p,
.hoverText:hover p span.firstletters,
.hoverText:hover .title,
.hoverText:hover a,
.hoverText:hover button,
.hoverText:hover .journal,
.hoverText:hover div.authors span.title,
.hoverText:hover div.journal span.title,
.hoverText:hover div.journal span.journal,
.hoverText:hover div.journal span.volume,
.hoverText:hover div.journal span.pageref,
.hoverText:hover div.journal span.year,
.hoverText:hover div.location,
.hoverText:hover div.group .title,
.hoverText:hover div.group,
.hoverText:hover div.description,
.hoverText:hover div.fulltext,
.hoverText:hover div.content,
.hoverText:hover div.title,
.hoverText:hover div.content div.name,
.hoverText:hover div.content div.position,
.hoverText:hover div.apply,
.plugin-people .person:hover .content .name,
.plugin-people .person:hover .content .position {
    color: #b9b7ad !important;
}

/* pictures in the filter-elements on the mainsite */
.color-shape .container-content img.background,
.hoverText .picture img { 
    /*
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    */

    /*
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    */

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
}

.color-shape .container-content:hover img.background,
.hoverText:hover .picture img {

    /*
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    */

    -webkit-transform: translate(-50%,-50%) scale(1.2);
    -moz-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    -o-transform: translate(-50%,-50%) scale(1.2);
    transform: translate(-50%,-50%) scale(1.2);

    /*
        -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
       -ms-transform: scale(1.05);
       transform: scale(1.05);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
       filter: alpha(opacity=1);
       opacity: 1;
    */
}

/* Filter-Styles */
.mainFilter {
    padding-top: 5.19225rem;
}
.plugin-people.mainFilter {
    padding-top: 0.001rem;
}

.plugin-mediagallery.mainFilter,
.plugin-newsfilter.mainFilter {
    padding-top: 0rem;
}
.plugin-people .color-shape {
    width: 20.124062500000002rem;
    height: 27.475375rem;
    padding: 1.3939375rem 0.478875rem;
}
.plugin-people .color-shape .picture img {
    width: auto;
    height: 100%;
    display: block;
}
.plugin-people .color-shape .person {
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;

    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}
.plugin-people .color-shape.technical-leader {
    display: none;
}
.plugin-people .container-detail .curriculumvitae img,
.plugin-people .container-detail .publicationsbefore img {
    width: 2.209875rem;
    height: 2.875rem;
}
.plugin-people .container-detail .curriculumvitae,
.plugin-people .container-detail .publicationsbefore {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.25rem; 

    bottom: 1.7173125rem;
    position: absolute;
    color: #3c3c3b;
}
.plugin-people .container-detail .curriculumvitae a span,
.plugin-people .container-detail .publicationsbefore a span {
    color: #3c3c3b;
}
.plugin-people .container-detail .curriculumvitae span,
.plugin-people .container-detail .publicationsbefore span {
    position: relative;
    top: -0.9rem;
    margin-left: 0.5rem;
}
.plugin-people .container-detail .publicationsbefore {
    left: 14.0293125rem;
}
.plugin-people .color-shape .person .detail {
    display: none;

}
.plugin-people .color-shape .person .picture {
    width: 19.2663125rem;
    height: 19.2663125rem;
    /* text-align: center; */

    background-color: #f2f2f2;
    overflow: hidden;
}
.plugin-people .category .color-shape.lonely {
    margin: auto;
    float: initial;
}
.plugin-people .color-shape .person .content {
    background-color: #f2f2f2;
    min-height: 5.4691875rem;
    padding: 0.875rem 1.2394375rem;
}
.plugin-people .color-shape .person .content .name {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.25rem;
    color: #3c3c3b;
}
.plugin-people .color-shape .person .content .position {
    font-family: 'CaslonClassico W00';
    font-size: 0.9375rem;
    color: #0084bd;

    max-height: 1.625rem;;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.plugin-people .listing,
.plugin-people .project-listing,
.plugin-people .director-listing {
    margin-top: 0rem;
}
.plugin-people .listing .category h2,
.plugin-people .project-listing .category h2,
.plugin-people .director-listing .category h2 {
    text-align: center;
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 3.125rem;
    padding-bottom: 2.25rem;
    padding-top: 4.5rem;
    color: #3c3c3b;
    margin: 0rem;

}
.plugin-people .container-detail .detail .publications,
.plugin-people .container-detail .detail .research,
.plugin-people .container-detail .detail .team,
.plugin-people .container-detail .detail .contacts {
    display: none;
}
.plugin-people .container-detail .detail .contacts .contact {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    margin-top: 1.25rem;
    color: #3c3c3b;
}
.plugin-people .container-detail .detail .contacts .contact.first {
    margin-top: 0rem;
}
.plugin-people .container-detail .detail .contacts .name {
    font-family: 'CaslonClassico W00' !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}
.plugin-people .container-detail .detail .team {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;

    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;

    height: 95%;

    padding-top: 0rem;

    overflow: hidden;
}

.plugin-people .container-detail .detail .contacts .col-1 {
    width: 25.25rem;
    float: left;
    padding: 0rem !important;
    height: 100%;
}
.plugin-people .container-detail .detail .contacts .col-2 .contact-0 {
    position: absolute;
    top: 0rem;
}
.plugin-people .container-detail .detail .contacts .col-1 .contact-1,
.plugin-people .container-detail .detail .contacts .col-2 .contact-1 {
    position: absolute;
    top: 8.75rem;
}

.plugin-people .container-detail .detail .contacts .col-1 .contact
.plugin-people .container-detail .detail .contacts .col-2 .contact {
    margin-top: 0rem;
}

.plugin-people .container-detail .detail .contacts .col-2 {
    width: 18.4375rem;
    float: right;
    padding: 0rem 0rem 0rem 0rem !important;
    height: 100%;
}
.plugin-people .container-detail .detail .contacts .col-2 .email {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}

.plugin-people .container-detail .detail .research p {
    margin: 1rem 0rem 0rem 0rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.25rem;
    color: #3c3c3b;
}
.plugin-people .container-detail .detail .research ul li {
    color: #3c3c3b;
} 

.plugin-people .container-detail {
    float: left;
    width: 100%;
    position: relative;
    padding: 1.3939375rem 0.478875rem;
} 

.plugin-people .category.Director .container-detail .close {
    display: none;
}

.plugin-people .container-detail .close {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/people-detail-close.svg');
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0rem;
    top: 3.75rem;
    margin: 1.1875rem;
    cursor: pointer;
}
.plugin-people .container-detail .detail {
    background-color: #f2f2f2;
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}
.plugin-people .container-detail .detail .col-1 {
    width: 29.75rem;
    float: left;
}
.plugin-people .container-detail .detail .col-2 {
    width: 49rem;
    float: right;
    padding: 2.2375rem 3.125rem 0rem 3.125rem;
    height: 29.75rem;

    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}

.plugin-people .container-detail .detail .col-2 .room,
.plugin-people .container-detail .detail .col-2 .phonenumber {
    white-space: nowrap;
}

.plugin-people .container-detail .detail .col-2 .name {
    font-size: 2rem;
    font-family: 'Caslon Graphique W01 Regular';
    color: #3c3c3b;
}
.plugin-people .container-detail .detail .col-2 .position {
    font-size: 1.125rem;
    font-family: 'CaslonClassicoW00-BoldI';
    color: #3c3c3b;

    margin-top: 0.375rem;
}
.plugin-people .container-detail .tab-contents {
    position: relative;
    height: 22.25rem;
    margin-top: 1.4295rem;
}
.plugin-people .container-detail .tab-contents .publication {
    margin-top: 1rem;
}
.plugin-people .container-detail .tab-contents .publication.first {
    margin-top: 0rem;
}
.plugin-people .container-detail .tab-contents .publication .title p {
    margin: 0rem;
}
.plugin-people .container-detail .tab-contents .publication .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.25rem;
    letter-spacing: 0.02rem;
    line-height: 1.5rem;

    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.7rem;
    width: 100%;
    white-space: nowrap;

    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .publication .authors,
.plugin-people .container-detail .tab-contents .publication .journal {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    letter-spacing: 0.02rem;
    line-height: 1.5rem;

    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.7rem;
    width: 100%;
    white-space: nowrap;

    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .publication .authors span.title,
.plugin-people .container-detail .tab-contents .publication .journal span.title {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    letter-spacing: 0.2rem;
    line-height: 1.5rem;

    font-variant: small-caps;
    text-transform: lowercase;

    color: #3c3c3b;
}

.plugin-people .container-detail .tab-contents .publication .journal span.journal {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125em;
    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .publication .journal span.volume {
    font-family: 'CaslonClassico W00 Bold';
    font-size: 1.125em;
    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .publication .journal span.pageref {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .publication .journal span.year {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
    color: #3c3c3b;
}
.plugin-people .container-detail .tab-contents .tab-content {
    height: 95%;
    position: relative;
    overflow: hidden;
}

.plugin-people .container-detail .tab-contents .tab-content .project-text p,
.plugin-people .container-detail .tab-contents .tab-content .research-text p {
    margin: 0rem;
}
.plugin-people .container-detail .tab-contents .tab-content .project-text {
    margin-top: 1.875rem;
}


.plugin-people .container-detail .detail .image {
    width: 29.75rem;
    height: 29.75rem;
    overflow: hidden;
}
.plugin-people .container-detail .detail .image img {
    width: 100%;
    height: auto;
}
.plugin-people .container-detail .tabs .tab {
    font-family: 'AvenirNextRoundedW01-Re';

    margin: 0rem 0.28125rem;
    width: 10.9375rem;
    height: 2.9366875rem;
    text-align: center;
    padding: 1rem;
    color: #878786;
    background-color: #000;
    float: left;
    cursor: pointer;
}
.plugin-people .container-detail .tabs .tab.first {
    margin-left: 0rem;
}

.plugin-people .container-detail .tabs .tab.active {
    background-color: #f2f2f2;
    color: #3c3c3b;
    font-family: 'Caslon Graphique W01 Regular';
}
.plugin-people .container-detail .tabs .tab.last {
    margin-right: 0rem;
}
.plugin-people .container-detail .tab-contents .linktopublications {
    /*margin-top: 1.5436875rem;*/
    display: inline-block;
    margin-top: 0.8rem;
}
.plugin-people .container-detail .tab-contents .linktopublications a {
    margin-bottom: 0rem !important;
    text-align: center;
}

.plugin-people .container-detail .tab-contents .tab-content .contact .personname {
    text-decoration: underline;
}

.plugin-people .project-listing .category,
.plugin-people .director-listing .category {
    display: none;
}

.filter.publication-filter button {
    width: 12.73239796066284090869rem;
}

.subsite-content-slideshow { height: 1%; overflow: hidden; padding: 0 0 10px; }
.subsite-content-slideshow .viewport { float: left; width: 100%; height: 53.178625rem; overflow: hidden; position: relative; }
.subsite-content-slideshow .buttons {
    border-radius: 2.1875rem;
    display: block;
    float: left;
    position: absolute;
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    line-height: 2.1875rem;
    text-decoration: none;
    font-size: 1.375rem;
    top: 50%;
    z-index: 10;
    width: 5.5625rem;
    height: 5.5625rem;
    margin-top: -2.78125rem;
}

.subsite-content-slideshow .buttons.next {
    float: right;
    right: 0rem;
}

.subsite-content-slideshow .next {
    margin: 30px 0 0 10px;
}
.subsite-content-slideshow .disable { visibility: hidden; }
.subsite-content-slideshow .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 100%; left: 0; top: 0; height: 100%; }
.subsite-content-slideshow .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 100%; border: 1px solid #dcdcdc; width: 80rem; }
.subsite-content-slideshow .overview li img { width: 100%; height: auto; }

.page-49 #maincontent .content-middle,
.page-2 #maincontent .content-middle,
.page-114 #maincontent .content-middle,
.page-4 #maincontent .content-middle,
.page-121 #maincontent .content-middle,
.page-5 #maincontent .content-middle,
.page-11 #maincontent .content-middle,
.page-3 #maincontent .content-middle,
.page-111 #maincontent .content-middle {
    width: 100%;
}

.subsite-content-slideshow .button-overlay-left a {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg);
}
.subsite-content-slideshow .button-overlay-right a {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right.svg);
}

.plugin-picturewithscrolldown {
    position: relative;
}

.plugin-picturewithscrolldown .header-line {
    height: 44.44875rem;
    color: #3c3c3b;
}
.plugin-picturewithscrolldown .header-line .description-text {
    color: #f2f2f2;
}
.plugin-graphicalabstract .scroll-down,
.plugin-picturewithscrolldown .scroll-down {
    position: absolute;
    bottom: 1.6340625rem;
    width: 8.357125rem;
    height: 8.357125rem;
    left: 50%;
    margin-left: -4.1785625rem;
    text-align: center;

    font-family: 'CaslonClassicoW00-Itali';
    font-size: 1.125rem;
    color: #3c3c3b;

    cursor: pointer;
}

.plugin-graphicalabstract .scroll-down {
    bottom: 163rem !important;
}

.plugin-graphicalabstract .scroll-down img,
.plugin-picturewithscrolldown .scroll-down img {
    height: 5.5625rem;
    width: 5.5625rem;

    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);

    margin-top: 1.164rem;
    display: inline-block;
    color: #3c3c3b;
}
.plugin-graphicalabstract img,
.plugin-picturewithscrolldown img {
    width: 100%;
    height: auto;
}

.page-49 .box a,
.page-2 .box a {
    color: #878786;
    text-decoration: underline;
}

.page-49 .slidebox-headline,
.page-2 .slidebox-headline,
.page-114 .slidebox-headline,
.page-4 .slidebox-headline,
.page-121 .slidebox-headline,
.page-5 .slidebox-headline,
.page-11 .slidebox-headline,
.page-3 .slidebox-headline,
.page-111 .slidebox-headline {
    font-family: 'CaslonClassico W00 Bold';

    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;

    padding: 1.03125rem 0rem;

    text-align: center;
}

.page-49 .slidebox-headline,
.page-2 .slidebox-headline {
    width: 41.1rem !important;
    margin: auto;
}

.page-49 .slidebox,
.page-2 .slidebox {
    width: 56.75rem;
}

.page-49 .slidebox-toggle,
.page-2 .slidebox-toggle,
.page-114 .slidebox-toggle,
.page-4 .slidebox-toggle,
.page-121 .slidebox-toggle,
.page-5 .slidebox-toggle,
.page-11 .slidebox-toggle,
.page-3 .slidebox-toggle,
.page-111 .slidebox-toggle {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/slidebox-toggle.svg);
    text-align: center;
    width: 2.625rem;
    height: 2.635rem;
    margin: 1rem auto 0rem auto;
    cursor: pointer;
    background-repeat: no-repeat;

    -webkit-transition-property: opacity, -webkit-transform, color, background-color;
    transition-property: opacity, transform, color, background-color;
    -webkit-transition-duration: 1s,1s,.35s,.35s;
    transition-duration: 1s,1s,.35s,.35s;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.48, 1),cubic-bezier(0.6, 0, 0.48, 1),linear,linear;
    transition-timing-function: cubic-bezier(0.6, 0, 0.48, 1),cubic-bezier(0.6, 0, 0.48, 1),linear,linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.page-49 .slidebox-content,
.page-2 .slidebox-content,
.page-114 .slidebox-content,
.page-4 .slidebox-content,
.page-121 .slidebox-content,
.page-5 .slidebox-content,
.page-11 .slidebox-content,
.page-3 .slidebox-content,
.page-111 .slidebox-content {
    font-family: 'CaslonClassico W00';
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;

    padding: 1.03125rem 0rem;

    text-align: center;

    display: none;
}

.page-49 .riyadh-header,
.page-2 .riyadh-header,
.page-114 .riyadh-header,
.page-4 .riyadh-header,
.page-121 .riyadh-header,
.page-5 .riyadh-header,
.page-11 .riyadh-header,
.page-3 .riyadh-header,
.page-111 .riyadh-header {
    height: 41.4375rem;
}

.page-5 #c10 .introtext,
.page-11 #c10 .introtext,
.page-3 #c10 .introtext,
.page-4 #c10 .introtext,
.page-121 #c10 .introtext,
.page-111 #c10 .introtext,
.page-114 #c10 .introtext,
.page-2 #c10 .introtext,
.page-49 #c10 .introtext,
.riyadh-gridelements header h1 {

    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: 0.2rem;
    color: #3c3c3b;
}

.page-49 #c10 .small-caps,
.page-2 #c10 .small-caps,
.page-114 #c10 .small-caps,
.page-4 #c10 .small-caps,
.page-121 #c10 .small-caps,
.page-5 #c10 .small-caps,
.page-11 #c10 .small-caps,
.page-3 #c10 .small-caps,
.page-111 #c10 .small-caps,
.riyadh-gridelements header h1 {
    font-variant: small-caps;
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: 0.2rem;
    color: #3c3c3b;

    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
}

.riyadh-gridelements header h1 {
    padding: 0rem;
}

.page-49 #c10 .pc,
.page-2 #c10 .pc,
.page-114 #c10 .pc,
.page-4 #c10 .pc,
.page-121 #c10 .pc,
.page-5 #c10 .pc,
.page-11 #c10 .pc,
.page-3 #c10 .pc,
.page-111 #c10 .pc {
    font-family: 'CaslonClassicoW00-Itali';
    font-size: 1.25rem;
    color: #3c3c3b;
    letter-spacing: 0.02rem;

    margin-top: 0.5rem;
}

.plugin-pictureforsubsitewithlink .paddingTop p {
    margin-bottom: 0rem;
}
.plugin-pictureforsubsitewithlink .text-jump {
    color: #0084bd;
    text-decoration: none;
    border-bottom: 1px dotted #6fbdde;
    padding-bottom: 0.25rem;

    letter-spacing: 0.05rem;
}

.riyadh-gridelements header h2,
.riyadh-gridelements header h5 {
    font-family: 'AvenirNextRoundedW01-Re' !important;
    font-variant: small-caps !important;
    font-size: 1.125rem !important;
    color: #0084bd !important;
    letter-spacing: 0.2rem !important;

    padding: 0rem !important;
}
.riyadh-gridelements header h3,
.riyadh-gridelements header h6 {
    font-family: 'CaslonClassicoW00-Itali';
    color: #0084bd;
    font-size: 1.125rem;
    letter-spacing: 0.02rem;
    margin: 1rem;
}
.page-114 #c10 .header-line,
.page-111 #c10 .header-line,
.page-4 #c10 .header-line,
.page-121 #c10 .header-line,
.page-5 #c10 .header-line,
.page-11 #c10 .header-line,
.page-3 #c10 .header-line,
.page-2 #c10 .header-line,
.page-49 #c10 .header-line {
    overflow: hidden;
}
.page-114 #c10 .header-line img,
.page-111 #c10 .header-line img,
.page-4 #c10 .header-line img,
.page-121 #c10 .header-line img,
.page-5 #c10 .header-line img,
.page-11 #c10 .header-line img,
.page-3 #c10 .header-line img,
.page-2 #c10 .header-line img,
.page-49 #c10 .header-line img {
    width: 100%;
}
.page-114 #c10 .headline,
.page-111 #c10 .headline,
.page-4 #c10 .headline,
.page-121 #c10 .headline,
.page-5 #c10 .headline,
.page-11 #c10 .headline,
.page-3 #c10 .headline,
.page-2 #c10 .headline,
.page-49 #c10 .headline,
.riyadh-gridelements h2 {
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 3.4375rem;
    color: #3c3c3b;

    padding: 2.5683125rem 0rem;
}
.page-114 #c10 .text,
.page-111 #c10 .text,
.page-4 #c10 .text,
.page-121 #c10 .text,
.page-5 #c10 .text,
.page-11 #c10 .text,
.page-3 #c10 .text,
.page-2 #c10 .text,
.page-49 #c10 .text,
.gridelements-column .ce-bodytext p {
    font-family: 'CaslonClassico W00';
    font-size: 1.5rem;
    line-height: 2.225rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;

    padding: 1.03125rem 0rem;
}

.gridelements-column .ce-bodytext p a,
.plugin-milestones .text-content p a {
    font-family: 'CaslonClassico W00 SC';
    color: #0084bd;
    letter-spacing: 0.02rem;
    font-size: 1.5rem;
    border-bottom: 1px dotted #6fbdde;
    padding-bottom: 0.15rem;

    letter-spacing: 0.1rem;



}
.gridelements-column .ce-bodytext p a:hover ,
.plugin-milestones .text-content p a:hover,
.text-jump:hover,
a.internal-link:hover,
a.external-link:hover {
    color: #0084bd !important;
    border-bottom: 1px solid #0084bd;
}

a.internal-link,
a.external-link {
    font-family: 'CaslonClassico W00 SC';
    color: #0084bd;
    letter-spacing: 0.02rem;
    /* font-size: 1.5rem; */
    border-bottom: 1px dotted #6fbdde;
    padding-bottom: 0.15rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
}

a.mail:after {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/link-external.svg);
    background-size: cover;
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
    margin-left: 0.3rem;
    position: relative;
    top: 0.1rem;
    width: 1.0rem;
    height: 1.0rem;
}

a.external-link:after {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/link-external.svg);
    background-size: cover;
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
    margin-left: 0.3rem;
    position: relative;
    top: 0.1rem;
    width: 1.0rem;
    height: 1.0rem;
}

.picturecaption-text i,
.page-114 #c10 .text.italic,
.page-111 #c10 .text.italic,
.page-4 #c10 .text.italic,
.page-121 #c10 .text.italic,
.page-5 #c10 .text.italic,
.page-11 #c10 .text.italic,
.page-3 #c10 .text.italic,
.page-2 #c10 .text.italic,
.page-49 #c10 .text.italic,
.gridelements-column .ce-bodytext p i {
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    font-weight: normal;
    color: #3c3c3b;
}
.picturecaption-text i b,
.picturecaption-text b i,
.page-114 #c10 .text span.italic.bold,
.page-111 #c10 .text span.italic.bold,
.page-4 #c10 .text span.italic.bold,
.page-121 #c10 .text span.italic.bold,
.page-5 #c10 .text span.italic.bold,
.page-11 #c10 .text span.italic.bold,
.page-3 #c10 .text span.italic.bold,
.page-2 #c10 .text span.italic.bold,
.page-49 #c10 .text span.italic.bold,
.gridelements-column .ce-bodytext p b i,
.gridelements-column .ce-bodytext p i b,
.plugin-linkonsubgroup .text b i,
.plugin-linkonsubgroup .text i b {
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    font-weight: normal;
    color: #3c3c3b;
}

.picturecaption-text i,
.plugin-linkonsubgroup .text i {
    font-family: 'CaslonClassicoW00-Itali';
    font-weight: normal;
    font-style: normal;
}

.picturecaption-text i b,
.picturecaption-text b i,
.page-114 #c10 .text.italic.bold,
.page-111 #c10 .text.italic.bold,
.page-4 #c10 .text.italic.bold,
.page-121 #c10 .text.italic.bold,
.page-5 #c10 .text.italic.bold,
.page-11 #c10 .text.italic.bold,
.page-3 #c10 .text.italic.bold,
.page-2 #c10 .text.italic.bold,
.page-49 #c10 .text.italic.bold,
.plugin-linkonsubgroup .text b {
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    font-weight: normal;
    color: #3c3c3b;
}
.page-114 #c10 .text.withoutTopPadding,
.page-111 #c10 .text.withoutTopPadding,
.page-4 #c10 .text.withoutTopPadding,
.page-121 #c10 .text.withoutTopPadding,
.page-5 #c10 .text.withoutTopPadding,
.page-11 #c10 .text.withoutTopPadding,
.page-3 #c10 .text.withoutTopPadding,
.page-2 #c10 .text.withoutTopPadding,
.page-49 #c10 .text.withoutTopPadding {
    padding-top: 0rem !important;
}

/*
.page-114 #c10 .text a,
.page-111 #c10 .text a,
.page-4 #c10 .text a,
.page-121 #c10 .text a,
.page-5 #c10 .text a,
.page-11 #c10 .text a,
.page-3 #c10 .text a,
.page-2 #c10 .text a,
.page-49 #c10 .text a {
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}
*/


.picturecaption-text b,
.page-114 #c10 .text.bold,
.page-111 #c10 .text.bold,
.page-4 #c10 .text.bold,
.page-121 #c10 .text.bold,
.page-5 #c10 .text.bold,
.page-11 #c10 .text.bold,
.page-3 #c10 .text.bold,
.page-2 #c10 .text.bold,
.page-49 #c10 .text.bold,
.page-114 #c10 .text .bold,
.page-111 #c10 .text .bold,
.page-4 #c10 .text .bold,
.page-121 #c10 .text .bold,
.page-5 #c10 .text .bold,
.page-11 #c10 .text .bold,
.page-3 #c10 .text .bold,
.page-2 #c10 .text .bold
.page-49 #c10 .text .bold,
.gridelements-column .ce-bodytext p b {
    font-family: 'CaslonClassico W00 Bold' !important;
    font-style: normal;
    font-weight: normal;
    color: #3c3c3b;
}

.page-114 #c10 .text.bold .italic,
.page-111 #c10 .text.bold .italic,
.page-4 #c10 .text.bold .italic,
.page-121 #c10 .text.bold .italic,
.page-5 #c10 .text.bold .italic,
.page-11 #c10 .text.bold .italic,
.page-3 #c10 .text.bold .italic,
.page-2 #c10 .text.bold .italic,
.page-49 #c10 .text.bold .italic,
.gridelements-column .ce-bodytext p b i,
.gridelements-column .ce-bodytext p i b{
    font-family: 'CaslonClassicoW00-BoldI';
    font-style: normal;
    font-weight: normal;
}

#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic,
#header-slideshow .text .italic, {
    font-family: 'AvenirNextRoundedW01-Md1075565';
    font-style: normal;
    font-weight: normal;
}

.page-114 #c10 .text .italic,
.page-111 #c10 .text .italic,
.page-4 #c10 .text .italic,
.page-121 #c10 .text .italic,
.page-5 #c10 .text .italic,
.page-11 #c10 .text .italic,
.page-3 #c10 .text .italic,
.page-2 #c10 .text .italic,
.page-49 #c10 .text .italic,
.gridelements-column .ce-bodytext p i {
    font-family: 'CaslonClassicoW00-Itali';
    font-style: normal;
    font-weight: normal;
}

.page-114 #c10 .text,
.page-111 #c10 .text,
.page-4 #c10 .text,
.page-121 #c10 .text,
.page-5 #c10 .text,
.page-11 #c10 .text,
.page-3 #c10 .text,
.page-2 #c10 .text,
.page-49 #c10 .text,
.gridelements-column .ce-bodytext p
{
    width: 41.1rem;
    margin: auto;
}
.page-114 #c10 .timeline-slideitem.wide .text,
.page-111 #c10 .timeline-slideitem.wide .text,
.page-4 #c10 .timeline-slideitem.wide .text,
.page-121 #c10 .timeline-slideitem.wide .text,
.page-5 #c10 .timeline-slideitem.wide .text,
.page-11 #c10 .timeline-slideitem.wide .text,
.page-3 #c10 .timeline-slideitem.wide .text,
.page-2 #c10 .timeline-slideitem.wide .text,
.page-49 #c10 .timeline-slideitem.wide .text {
    width: 54.048rem;
    margin: auto;
}

.timeline-slideitem .text span.bolditalic {
    font-family: 'CaslonClassicoW00-BoldI';
}
.timeline-slideitem .text span.smallcaps,
.text span.smallcaps {
    font-family: 'CaslonClassico W00 SC';
}

.timeline-slideitem .hoverTextOnly {
    margin-bottom: 2rem;
}

.page-2 #c10 .text.large,
.page-49 #c10 .text.large {
    width: 100%;
    margin: auto;
}

.page-2 #c10 .text.gray,
.page-49 #c10 .text.gray {
    color: #878786;
}

.page-2 #c10 .text.small
.page-49 #c10 .text.small {
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.02rem;
}

.page-2 #c10 .text.AvenirNextRoundedRegular,
.page-49 #c10 .text.AvenirNextRoundedRegular {
    font-family: 'AvenirNextRoundedW01-Re';
    color: #3c3c3b;
}

.page-114 #c10 .center.text,
.page-111 #c10 .center.text,
.page-5 #c10 .center.text,
.page-11 #c10 .center.text,
.page-3 #c10 .center.text,
.page-4 #c10 .center.text,
.page-121 #c10 .center.text,
.page-2 #c10 .center.text, 
.page-49 #c10 .center.text {
    margin: auto;
    width: 40.75rem;
}
.page-114 #c10 .imagecaption,
.page-111 #c10 .imagecaption,
.page-5 #c10 .imagecaption,
.page-11 #c10 .imagecaption,
.page-3 #c10 .imagecaption,
.page-4 #c10 .imagecaption,
.page-121 #c10 .imagecaption,
.page-2 #c10 .imagecaption,
.page-49 #c10 .imagecaption {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    line-height: 2.125rem;
    color: #3c3c3b;
    margin-top: 1rem;
}
/*
.page-49 #c10 .jump,
.page-49 #c10 .link,
.page-2 #c10 .jump,
.page-2 #c10 .link,
.page-114 #c10 .jump,
.page-114 #c10 .link,
.page-4 #c10 .jump,
.page-4 #c10 .link,
.page-121 #c10 .jump,
.page-121 #c10 .link,
.page-5 #c10 .jump,
.page-5 #c10 .link,
.page-11 #c10 .jump,
.page-11 #c10 .link,
.page-3 #c10 .jump,
.page-3 #c10 .link,
.page-111 #c10 .jump,
.page-111 #c10 .link  {
    font-family: 'CaslonClassicoW00-Itali';
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: 0.02rem;

    text-decoration: none;
    color: #3c3c3b;
}
*/
.text-jump {
    font-family: 'CaslonClassicoW00-Itali';
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: 0.02rem;
    text-decoration: underline;
    color: #3c3c3b;

    text-decoration: underline;
}
/*
.page-114 #c10 .picture,
.page-5 #c10 .picture,
.page-11 #c10 .picture,
.page-3 #c10 .picture,
.page-4 #c10 .picture,
.page-121 #c10 .picture,
.page-111 #c10 .picture,
.page-49 #c10 .picture {
    margin-top: 1.5rem;
}
*/
.page-114 #c10 .link,
.page-5 #c10 .link,
.page-11 #c10 .link,
.page-3 #c10 .link,
.page-4 #c10 .link,
.page-121 #c10 .link,
.page-111 #c10 .link,
.page-2 #c10 .link,
.page-49 #c10 .link {
    margin-bottom: 1rem;
    display: block;
}
.page-114 #c10 .smalltext,
.page-5 #c10 .smalltext,
.page-11 #c10 .smalltext,
.page-3 #c10 .smalltext,
.page-4 #c10 .smalltext,
.page-121 #c10 .smalltext,
.page-111 #c10 .smalltext,
.page-2 #c10 .smalltext,
.page-49 #c10 .smalltext {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;

    width: 75.75rem;
    margin: auto;
}
.page-114 #c10 .smalltext.bold,
.page-5 #c10 .smalltext.bold,
.page-11 #c10 .smalltext.bold,
.page-3 #c10 .smalltext.bold,
.page-4 #c10 .smalltext.bold,
.page-121 #c10 .smalltext.bold,
.page-111 #c10 .smalltext.bold,
.page-2 #c10 .smalltext.bold,
.page-49 #c10 .smalltext.bold {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    color: #3c3c3b;
}
.page-114 #c10 h2,
.page-111 #c10 h2,
.page-4 #c10 h2,
.page-121 #c10 h2,
.page-5 #c10 h2,
.page-11 #c10 h2,
.page-3 #c10 h2,
.page-2 #c10 h2,
.page-49 #c10 h2,
.page-3 #c10 h5,
.plugin-graphicalabstract h2 {
    font-family: 'Caslon Graphique W01 Regular';
    color: #0084bd;

    font-size: 3.4375rem;
    color: #3c3c3b;

    margin: 0rem;
    padding: 1.6875rem 0rem;

    text-align: center;
}
.page-114 #c10 h4,
.page-111 #c10 h4,
.page-4 #c10 h4,
.page-121 #c10 h4,
.page-5 #c10 h4,
.page-11 #c10 h4,
.page-3 #c10 h4,
.page-2 #c10 h4,
.page-49 #c10 h4,
.plugin-graphicalabstract h4 {
    font-family: 'Caslon Graphique W01 Regular';
    color: #0084bd;
    font-size: 3.4375rem;
    line-height: 4.125rem;
    margin: 0rem;
    padding: 1.6875rem 0rem;
    text-align: center;

    width: 80%;
    margin: auto;
}
.plugin-coverstories h2,
.plugin-milestones h2 {
    padding: 4.1875rem 0rem !important;
}

.plugin-progressreports h2 {
    padding: 0rem 0rem 4.1875rem 0rem !important;
}

.plugin-zitat p {
    margin: 0rem;
}

.plugin-graphicalabstract h2 {
    padding: 0rem 0rem 1.6875rem 0rem !important;
}

.plugin-graphicalabstract .smalltext {
    text-align: center;
}

.plugin-graphicalabstract.picture-only {

    padding-bottom: 0rem;
    padding-top: 0rem;
}

.plugin-graphicalabstract.picture-only .container-image {
    height: 47.1875rem;
    overflow: hidden;
    border-bottom: 0.4rem solid #b9b7ad;
}

.plugin-graphicalabstract.picture-only img.ga {
    margin-top: 0rem !important;
    /* margin-bottom: 3.2211875rem; */
    width: 100%;
}

.page-114 #c10 blockquote,
.page-4 #c10 blockquote,
.page-121 #c10 blockquote,
.page-5 #c10 blockquote,
.page-11 #c10 blockquote,
.page-3 #c10 blockquote,
.page-111 #c10 blockquote,
.page-2 #c10 blockquote,
.page-49 #c10 blockquote {
    font-size: 1.5rem;
    font-family: 'CaslonClassicoW00-BoldI';
    line-height: 2.25rem;
    color: #3c3c3b;

    width: 34rem;
    margin: auto;
}
.page-114 #c10 blockquote:before,
.page-4 #c10 blockquote:before,
.page-121 #c10 blockquote:before,
.page-5 #c10 blockquote:before,
.page-11 #c10 blockquote:before,
.page-3 #c10 blockquote:before,
.page-111 #c10 blockquote:before,
.page-2 #c10 blockquote:before,
.page-49 #c10 blockquote:before {
    content: '»';
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 4.625rem;
    color: #878786;

    display: block;
    position: relative;
    top: -0.9rem;

    /*
    position: relative;
    top: 0.65rem;
    right: 0.25rem;
    */
}
.page-114 #c10 blockquote:after,
.page-5 #c10 blockquote:after,
.page-11 #c10 blockquote:after,
.page-3 #c10 blockquote:after,
.page-4 #c10 blockquote:after,
.page-121 #c10 blockquote:after,
.page-111 #c10 blockquote:after,
.page-2 #c10 blockquote:after,
.page-49 #c10 blockquote:after {
    content: '«';
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 4.625rem;
    color: #878786;

    display: block;

    position: relative;
    top: 0.5rem;

    /*
    position: relative;
    top: 0.65rem;
    left: 0.25rem;
    */
}
.page-114 #c10 .source,
.page-5 #c10 .source,
.page-11 #c10 .source,
.page-3 #c10 .source,
.page-4 #c10 .source,
.page-121 #c10 .source,
.page-111 #c10 .source,
.page-2 #c10 .source,
.page-49 #c10 .source {
    font-family: 'CaslonClassico W00 SC';
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}
.page-114 #c10 .box,
.page-5 #c10 .box,
.page-11 #c10 .box,
.page-3 #c10 .box,
.page-4 #c10 .box,
.page-121 #c10 .box,
.page-111 #c10 .box,
.page-2 #c10 .box,
.page-49 #c10 .box,
.plugin-graphicalabstract,
.riyadh-gridelements .gridelements-row {
    padding: 4.1875rem 0rem;

    display: table;
}

.riyadh-gridelements.layout-2col-0 .gridelements-row {
    padding: 1.1875rem 0rem !important;
}

.plugin-graphicalabstract {
    width: 100%;
    display: block;
}

.riyadh-gridelements.layout-2col-0 .plugin-infoaddressbox {
    background-color: #f2f2f2;
}

.page-114 #c10 .box.marginauto,
.page-5 #c10 .box.marginauto,
.page-11 #c10 .box.marginauto,
.page-3 #c10 .box.marginauto,
.page-4 #c10 .box.marginauto,
.page-121 #c10 .box.marginauto,
.page-111 #c10 .box.marginauto,
.page-2 #c10 .box.marginauto,
.page-49 #c10 .box.marginauto {
    margin: auto;
    width: 80rem;
}
.page-114 #c10 .box.grey,
.page-5 #c10 .box.grey,
.page-11 #c10 .box.grey,
.page-3 #c10 .box.grey,
.page-4 #c10 .box.grey,
.page-121 #c10 .box.grey,
.page-111 #c10 .box.grey,
.page-2 #c10 .box.grey,
.page-49 #c10 .box.grey,
.riyadh-gridelements .layout-1-odd,
.riyadh-gridelements .layout-0-even,
.plugin-graphicalabstract.layout-1{
    background-color: #e3e0d2;
}
.page-114 #c10 .box.white,
.page-5 #c10 .box.white,
.page-11 #c10 .box.white,
.page-3 #c10 .box.white,
.page-4 #c10 .box.white,
.page-121 #c10 .box.white,
.page-111 #c10 .box.white,
.page-2 #c10 .box.white,
.page-49 #c10 .box.white,
.riyadh-gridelements .layout-1-even,
.riyadh-gridelements .layout-0-odd {
    background-color: #f2f2f2;
}
.page-114 #c10 .center,
.page-5 #c10 .center,
.page-11 #c10 .center,
.page-3 #c10 .center,
.page-4 #c10 .center,
.page-121 #c10 .center,
.page-111 #c10 .center,
.page-2 #c10 .center,
.page-49 #c10 .center,
.riyadh-gridelements .column-1 {
    width: 56.75rem;

    display: table-cell;
    text-align: center;
}
.page-114 #c10 .center,
.page-5 #c10 .center,
.page-11 #c10 .center,
.page-3 #c10 .center,
.page-4 #c10 .center,
.page-121 #c10 .center,
.page-111 #c10 .center,
.page-2 #c10 .center,
.page-49 #c10 .center,
.riyadh-gridelements .column-1 {
    width: 56.75rem;
}
.page-114 #c10 .marginauto .center,
.page-5 #c10 .marginauto .center,
.page-11 #c10 .marginauto .center,
.page-3 #c10 .marginauto .center,
.page-4 #c10 .marginauto .center,
.page-121 #c10 .marginauto .center,
.page-111 #c10 .marginauto .center,
.page-2 #c10 .marginauto .center,
.page-49 #c10 .marginauto .center {
    width: 100% !important;
}
.page-114 #c10 .center.sub-slideshow-container,
.page-5 #c10 .center.sub-slideshow-container,
.page-11 #c10 .center.sub-slideshow-container,
.page-3 #c10 .center.sub-slideshow-container,
.page-4 #c10 .center.sub-slideshow-container,
.page-121 #c10 .center.sub-slideshow-container,
.page-111 #c10 .center.sub-slideshow-container,
.page-2 #c10 .center.sub-slideshow-container,
.page-49 #c10 .center.sub-slideshow-container,
.page-2 #c10 .center.timeline-slideshow-container,
.page-49 #c10 .center.timeline-slideshow-container {
    width: 100%;
}

.page-49 #c10 .left,
.page-49 #c10 .right,
.page-2 #c10 .left,
.page-2 #c10 .right,
.page-5 #c10 .left,
.page-5 #c10 .right,
.page-11 #c10 .left,
.page-11 #c10 .right,
.page-3 #c10 .left,
.page-3 #c10 .right,
.page-4 #c10 .left,
.page-4 #c10 .right,
.page-121 #c10 .left,
.page-121 #c10 .right,
.page-111 #c10 .left,
.page-111 #c10 .right,
.page-114 #c10 .left,
.page-114 #c10 .right,
.riyadh-gridelements .column-0,
.riyadh-gridelements .column-2 {
    width: 33.5rem;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.page-114 #c10 img.ga,
.page-5 #c10 img.ga,
.page-11 #c10 img.ga,
.page-3 #c10 img.ga,
.page-4 #c10 img.ga,
.page-121 #c10 img.ga,
.page-111 #c10 img.ga,
.page-2 #c10 img.ga,
.page-49 #c10 img.ga {
    margin-top: 1.8756875000000002rem;
    margin-bottom: 3.2211875rem;
    width: 100%;
}
.page-114 #c10 .svg-type-1,
.page-5 #c10 .svg-type-1,
.page-11 #c10 .svg-type-1,
.page-3 #c10 .svg-type-1,
.page-4 #c10 .svg-type-1,
.page-121 #c10 .svg-type-1,
.page-111 #c10 .svg-type-1,
.page-2 #c10 .svg-type-1,
.page-49 #c10 .svg-type-1 {
    width: auto;
    height: 11.25rem;
    /*margin-top: 2rem;*/
}
.page-114 #c10 .paddingTop,
.page-5 #c10 .paddingTop,
.page-11 #c10 .paddingTop,
.page-3 #c10 .paddingTop,
.page-4 #c10 .paddingTop,
.page-121 #c10 .paddingTop,
.page-111 #c10 .paddingTop,
.page-2 #c10 .paddingTop,
.page-49 #c10 .paddingTop {
    /* padding-top: 1.5625rem; */
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
    font-size: 1.5rem;
    line-height: 2.125rem;
    margin-bottom: 0.125rem;

    text-decoration: none;
}
.page-114 #c10 #ga,
.page-5 #c10 #ga,
.page-11 #c10 #ga,
.page-3 #c10 #ga,
.page-4 #c10 #ga,
.page-121 #c10 #ga,
.page-111 #c10 #ga,
.page-2 #c10 #ga,
.page-49 #c10 #ga {
    width: 100%;
}
.page-49 #c10 #ga .left,
.page-49 #c10 #ga .right,
.page-2 #c10 #ga .left,
.page-2 #c10 #ga .right,
.page-5 #c10 #ga .left,
.page-5 #c10 #ga .right,
.page-11 #c10 #ga .left,
.page-11 #c10 #ga .right,
.page-3 #c10 #ga .left,
.page-3 #c10 #ga .right,
.page-4 #c10 #ga .left,
.page-4 #c10 #ga .right,
.page-121 #c10 #ga .left,
.page-121 #c10 #ga .right,
.page-111 #c10 #ga .left,
.page-111 #c10 #ga .right,
.page-114 #c10 #ga .left,
.page-114 #c10 #ga .right {
    display: none !important;
}
.page-49 #c10 #ga .center,
.page-2 #c10 #ga .center,
.page-5 #c10 #ga .center,
.page-11 #c10 #ga .center,
.page-3 #c10 #ga .center,
.page-121 #c10 #ga .center,
.page-4 #c10 #ga .center,
.page-111 #c10 #ga .center,
.page-114 #c10 #ga .center {
    width: 100% !important;
    display: block !important;
}

.page-49 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-2 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-5 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-11 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-3 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-4 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-121 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-111 #c10 .plugin-pictureforsubsitewithlink .picture,
.page-114 #c10 .plugin-pictureforsubsitewithlink .picture {

    width: 14.5798125rem !important;
    overflow: hidden !important;
    position: relative !important;

    margin: 2.1561875rem auto 0.75rem auto;

}
.page-49 #c10 .picture.round,
.page-2 #c10 .picture.round,
.page-5 #c10 .picture.round,
.page-11 #c10 .picture.round,
.page-3 #c10 .picture.round,
.page-4 #c10 .picture.round,
.page-121 #c10 .picture.round,
.page-111 #c10 .picture.round,
.page-114 #c10 .picture.round {
    height: 14.5798125rem !important;
    border-radius: 50% !important;
    border: 0.3125rem solid #b9b7ad;
    /* box-shadow: 0rem 0rem 0.5rem #b9b7ad; */
    box-sizing: content-box;
    
}
.page-49 #c10 .left .picture.round,
.page-2 #c10 .left .picture.round {
    margin-left: 13.375rem;
}
.page-2 #c10 .right .picture.round
.page-49 #c10 .right .picture.round {
    margin-right: 13.375rem;
}
.page-2 #c10 .right .paddingTop,
.page-2 #c10 .right .text-jump,
.page-49 #c10 .right .paddingTop,
.page-49 #c10 .right .text-jump {
    margin-right: 8.5rem;
}
.page-2 #c10 .left .paddingTop,
.page-2 #c10 .left .text-jump,
.page-49 #c10 .left .paddingTop,
.page-49 #c10 .left .text-jump {
    margin-left: 8.5rem;
}



.page-49 #c10 img.round,
.page-2 #c10 img.round,
.page-5 #c10 img.round,
.page-11 #c10 img.round,
.page-3 #c10 img.round,
.page-4 #c10 img.round,
.page-121 #c10 img.round,
.page-111 #c10 img.round,
.page-114 #c10 img.round {
    /*
    border-radius: 50%;
    width: 14.5798125rem;
    */
    width: auto !important;
    height: 14.5798125rem !important;

}

.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-2 #c10 .timeline-slideshow .viewport ul li .hoverTextOnly .picture,
.page-2 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-49 #c10 .timeline-slideshow .viewport ul li .hoverTextOnly .picture,
.page-49 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-5 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-11 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-3 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-4 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-121 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-111 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture,
.page-114 #c10 .sub-slideshow .viewport ul li .hoverTextOnly .picture {
    height: 14.5798125rem !important;
}

.page-49 #c137,
.page-2 #c137,
.page-5 #c137,
.page-11 #c137,
.page-3 #c137,
.page-4 #c137,
.page-121 #c137,
.page-111 #c137,
.page-114 #c137 {
    height: 100%;
}
.page-49 .plugin-picturewithscrolldown,
.page-2 .plugin-picturewithscrolldown,
.page-5 .plugin-picturewithscrolldown,
.page-11 .plugin-picturewithscrolldown,
.page-3 .plugin-picturewithscrolldown,
.page-121 .plugin-picturewithscrolldown,
.page-4 .plugin-picturewithscrolldown,
.page-111 .plugin-picturewithscrolldown,
.page-114 .plugin-picturewithscrolldown {
    height: 100%;
}


/* Standard-Styles zum schnellen ändern einzelner Komponenten NUR für die Sub-Slideshow - BEGINN */
.mediathek-slideshow-mainframe .sub-slideshow,
.page-49 #c10 .sub-slideshow,
.page-49 #c10 .timeline-slideshow,
.page-2 #c10 .sub-slideshow,
.page-2 #c10 .timeline-slideshow,
.page-5 #c10 .sub-slideshow,
.page-11 #c10 .sub-slideshow,
.page-3 #c10 .sub-slideshow,
.page-4 #c10 .sub-slideshow,
.page-121 #c10 .sub-slideshow,
.page-111 #c10 .sub-slideshow,
.page-114 #c10 .sub-slideshow {
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
}
.mediathek-slideshow-mainframe .sub-slideshow .buttons,
.page-2 #c10 .sub-slideshow .buttons,
.page-2 #c10 .timeline-slideshow .buttons,
.page-49 #c10 .sub-slideshow .buttons,
.page-49 #c10 .timeline-slideshow .buttons,
.page-5 #c10 .sub-slideshow .buttons,
.page-11 #c10 .sub-slideshow .buttons,
.page-3 #c10 .sub-slideshow .buttons,
.page-4 #c10 .sub-slideshow .buttons,
.page-121 #c10 .sub-slideshow .buttons,
.page-111 #c10 .sub-slideshow .buttons,
.page-114 #c10 .sub-slideshow .buttons {
    border-radius: 2.1875rem;
    display: block;
    float: left;
    position: absolute;
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    line-height: 2.1875rem;
    text-decoration: none;
    font-size: 1.375rem;
    top: 50%;
    z-index: 10;

    width: 5.5625rem;
    height: 5.5625rem;

    margin-top: -2.78125rem;

}
.mediathek-slideshow-mainframe .sub-slideshow .buttons.prev,
.page-2 #c10 .sub-slideshow .buttons.prev,
.page-2 #c10 .timeline-slideshow .buttons.prev,
.page-49 #c10 .sub-slideshow .buttons.prev,
.page-49 #c10 .timeline-slideshow .buttons.prev,
.page-5 #c10 .sub-slideshow .buttons.prev,
.page-11 #c10 .sub-slideshow .buttons.prev,
.page-3 #c10 .sub-slideshow .buttons.prev,
.page-4 #c10 .sub-slideshow .buttons.prev,
.page-121 #c10 .sub-slideshow .buttons.prev,
.page-111 #c10 .sub-slideshow .buttons.prev,
.page-114 #c10 .sub-slideshow .buttons.prev {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg');
    left: -8rem;
    background-repeat: no-repeat;
}
.mediathek-slideshow-mainframe .sub-slideshow .buttons.next,
.page-2 #c10 .sub-slideshow .buttons.next,
.page-2 #c10 .timeline-slideshow .buttons.next,
.page-49 #c10 .sub-slideshow .buttons.next,
.page-49 #c10 .timeline-slideshow .buttons.next,
.page-5 #c10 .sub-slideshow .buttons.next,
.page-11 #c10 .sub-slideshow .buttons.next,
.page-3 #c10 .sub-slideshow .buttons.next,
.page-4 #c10 .sub-slideshow .buttons.next,
.page-121 #c10 .sub-slideshow .buttons.next,
.page-111 #c10 .sub-slideshow .buttons.next,
.page-114 #c10 .sub-slideshow .buttons.next {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right.svg');
    right: -8rem;
    background-repeat: no-repeat;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport,
.page-2 #c10 .sub-slideshow .viewport,
.page-2 #c10 .timeline-slideshow .viewport,
.page-49 #c10 .sub-slideshow .viewport,
.page-49 #c10 .timeline-slideshow .viewport,
.page-5 #c10 .sub-slideshow .viewport,
.page-11 #c10 .sub-slideshow .viewport,
.page-3 #c10 .sub-slideshow .viewport,
.page-4 #c10 .sub-slideshow .viewport,
.page-121 #c10 .sub-slideshow .viewport,
.page-111 #c10 .sub-slideshow .viewport,
.page-114 #c10 .sub-slideshow .viewport {
    overflow: hidden;
    width: 100%;
    height: 47.1875rem;
    position: relative;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul,
.page-2 #c10 .sub-slideshow .viewport ul,
.page-2 #c10 .timeline-slideshow .viewport ul,
.page-49 #c10 .sub-slideshow .viewport ul,
.page-49 #c10 .timeline-slideshow .viewport ul,
.page-5 #c10 .sub-slideshow .viewport ul,
.page-11 #c10 .sub-slideshow .viewport ul,
.page-3 #c10 .sub-slideshow .viewport ul,
.page-4 #c10 .sub-slideshow .viewport ul,
.page-121 #c10 .sub-slideshow .viewport ul,
.page-111 #c10 .sub-slideshow .viewport ul,
.page-114 #c10 .sub-slideshow .viewport ul {
    list-style: none;
    position: absolute;
    padding: 0rem;
    height: 100%;
    margin: 0rem;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li,
.page-2 #c10 .sub-slideshow .viewport ul li,
.page-2 #c10 .timeline-slideshow .viewport ul li,
.page-49 #c10 .sub-slideshow .viewport ul li,
.page-49 #c10 .timeline-slideshow .viewport ul li,
.page-5 #c10 .sub-slideshow .viewport ul li,
.page-3 #c10 .sub-slideshow .viewport ul li,
.page-11 #c10 .sub-slideshow .viewport ul li,
.page-4 #c10 .sub-slideshow .viewport ul li,
.page-121 #c10 .sub-slideshow .viewport ul li,
.page-111 #c10 .sub-slideshow .viewport ul li,
.page-114 #c10 .sub-slideshow .viewport ul li {
    float: left;
    padding: 0rem;
    margin: 0rem;
    height: 100%;
    position: relative;
    width: 80rem;
} 

.page-49 #c10 .timeline-slideshow .viewport ul li,
.page-2 #c10 .timeline-slideshow .viewport ul li {
    height: auto !important;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li img,
.page-2 #c10 .sub-slideshow .viewport ul li img,
.page-2 #c10 .timeline-slideshow .viewport ul li img,
.page-49 #c10 .sub-slideshow .viewport ul li img,
.page-49 #c10 .timeline-slideshow .viewport ul li img,
.page-5 #c10 .sub-slideshow .viewport ul li img,
.page-11 #c10 .sub-slideshow .viewport ul li img,
.page-3 #c10 .sub-slideshow .viewport ul li img,
.page-4 #c10 .sub-slideshow .viewport ul li img,
.page-121 #c10 .sub-slideshow .viewport ul li img,
.page-111 #c10 .sub-slideshow .viewport ul li img,
.page-114 #c10 .sub-slideshow .viewport ul li img {
    /* height: 100%; */
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li .picture,
.page-2 #c10 .sub-slideshow .viewport ul li .picture,
.page-2 #c10 .timeline-slideshow .viewport ul li .picture,
.page-49 #c10 .sub-slideshow .viewport ul li .picture,
.page-49 #c10 .timeline-slideshow .viewport ul li .picture,
.page-5 #c10 .sub-slideshow .viewport ul li .picture,
.page-11 #c10 .sub-slideshow .viewport ul li .picture,
.page-3 #c10 .sub-slideshow .viewport ul li .picture,
.page-4 #c10 .sub-slideshow .viewport ul li .picture,
.page-121 #c10 .sub-slideshow .viewport ul li .picture,
.page-111 #c10 .sub-slideshow .viewport ul li .picture {
    height: 24.3445625rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li .picture,
.page-114 #c10 .sub-slideshow .viewport ul li .picture {

    width: 100%;
    overflow: hidden;
    position: relative;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li .content,
.page-2 #c10 .sub-slideshow .viewport ul li .content,
.page-2 #c10 .timeline-slideshow .viewport ul li .content,
.page-49 #c10 .sub-slideshow .viewport ul li .content,
.page-49 #c10 .timeline-slideshow .viewport ul li .content,
.page-111 #c10 .sub-slideshow .viewport ul li .content,
.page-5 #c10 .sub-slideshow .viewport ul li .content,
.page-11 #c10 .sub-slideshow .viewport ul li .content,
.page-3 #c10 .sub-slideshow .viewport ul li .content,
.page-4 #c10 .sub-slideshow .viewport ul li .content,
.page-121 #c10 .sub-slideshow .viewport ul li .content,
.page-114 #c10 .sub-slideshow .viewport ul li .content {
    height: 22.9925625rem;
    background-color: #f2f2f2;

    padding: 2.7975rem 3.75rem 1.5rem 3.75rem;
}
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .title,
.page-2 #c10 .sub-slideshow .pressrelease .title,
.page-2 #c10 .timeline-slideshow .pressrelease .title,
.page-49 #c10 .sub-slideshow .pressrelease .title,
.page-49 #c10 .timeline-slideshow .pressrelease .title,
.page-111 #c10 .sub-slideshow .pressrelease .title,
.page-5 #c10 .sub-slideshow .pressrelease .title,
.page-11 #c10 .sub-slideshow .pressrelease .title,
.page-3 #c10 .sub-slideshow .pressrelease .title,
.page-4 #c10 .sub-slideshow .pressrelease .title,
.page-121 #c10 .sub-slideshow .pressrelease .title,
.page-114 #c10 .sub-slideshow .pressrelease .title {
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .bodytext,
.page-2 #c10 .sub-slideshow .pressrelease .bodytext,
.page-2 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-49 #c10 .sub-slideshow .pressrelease .bodytext,
.page-49 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-111 #c10 .sub-slideshow .pressrelease .bodytext,
.page-5 #c10 .sub-slideshow .pressrelease .bodytext,
.page-11 #c10 .sub-slideshow .pressrelease .bodytext,
.page-3 #c10 .sub-slideshow .pressrelease .bodytext,
.page-4 #c10 .sub-slideshow .pressrelease .bodytext,
.page-121 #c10 .sub-slideshow .pressrelease .bodytext,
.page-114 #c10 .sub-slideshow .pressrelease .bodytext {
    height: 8.5773125rem;
    overflow: hidden;
    line-height: 1.45rem;
}

.page-2 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-2 #c10 .timeline-slideshow .pressrelease .title,
.page-2 #c10 .timeline-slideshow .pressrelease .readmore,
.page-2 #c10 .timeline-slideshow .pressrelease .date,
.page-2 #c10 .sub-slideshow .pressrelease .bodytext,
.page-2 #c10 .sub-slideshow .pressrelease .title,
.page-2 #c10 .sub-slideshow .pressrelease .readmore,
.page-2 #c10 .sub-slideshow .pressrelease .date,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .bodytext,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .title,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .readmore,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .date,
.page-49 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-49 #c10 .timeline-slideshow .pressrelease .title,
.page-49 #c10 .timeline-slideshow .pressrelease .readmore,
.page-49 #c10 .timeline-slideshow .pressrelease .date,
.page-49 #c10 .sub-slideshow .pressrelease .bodytext,
.page-49 #c10 .sub-slideshow .pressrelease .title,
.page-49 #c10 .sub-slideshow .pressrelease .readmore,
.page-49 #c10 .sub-slideshow .pressrelease .date,
.page-5 #c10 .sub-slideshow .pressrelease .bodytext,
.page-5 #c10 .sub-slideshow .pressrelease .title,
.page-5 #c10 .sub-slideshow .pressrelease .readmore,
.page-5 #c10 .sub-slideshow .pressrelease .date,
.page-11 #c10 .sub-slideshow .pressrelease .bodytext,
.page-11 #c10 .sub-slideshow .pressrelease .title,
.page-11 #c10 .sub-slideshow .pressrelease .readmore,
.page-11 #c10 .sub-slideshow .pressrelease .date,
.page-3 #c10 .sub-slideshow .pressrelease .bodytext,
.page-3 #c10 .sub-slideshow .pressrelease .title,
.page-3 #c10 .sub-slideshow .pressrelease .readmore,
.page-3 #c10 .sub-slideshow .pressrelease .date,
.page-4 #c10 .sub-slideshow .pressrelease .bodytext,
.page-4 #c10 .sub-slideshow .pressrelease .title,
.page-4 #c10 .sub-slideshow .pressrelease .readmore,
.page-4 #c10 .sub-slideshow .pressrelease .date,
.page-121 #c10 .sub-slideshow .pressrelease .bodytext,
.page-121 #c10 .sub-slideshow .pressrelease .title,
.page-121 #c10 .sub-slideshow .pressrelease .readmore,
.page-121 #c10 .sub-slideshow .pressrelease .date,
.page-111 #c10 .sub-slideshow .pressrelease .bodytext,
.page-111 #c10 .sub-slideshow .pressrelease .title,
.page-111 #c10 .sub-slideshow .pressrelease .readmore,
.page-111 #c10 .sub-slideshow .pressrelease .date,
.page-114 #c10 .sub-slideshow .pressrelease .bodytext,
.page-114 #c10 .sub-slideshow .pressrelease .title,
.page-114 #c10 .sub-slideshow .pressrelease .readmore,
.page-114 #c10 .sub-slideshow .pressrelease .date
{
    text-align: left;
}
.page-2 #c10 .timeline-slideshow .pressrelease .date,
.page-2 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-2 #c10 .sub-slideshow .pressrelease .date,
.page-2 #c10 .sub-slideshow .pressrelease .bodytext,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .date,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .bodytext,
.page-49 #c10 .timeline-slideshow .pressrelease .date,
.page-49 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-49 #c10 .sub-slideshow .pressrelease .date,
.page-49 #c10 .sub-slideshow .pressrelease .bodytext,
.page-111 #c10 .sub-slideshow .pressrelease .date,
.page-111 #c10 .sub-slideshow .pressrelease .bodytext,
.page-5 #c10 .sub-slideshow .pressrelease .date,
.page-5 #c10 .sub-slideshow .pressrelease .bodytext,
.page-11 #c10 .sub-slideshow .pressrelease .date,
.page-11 #c10 .sub-slideshow .pressrelease .bodytext,
.page-3 #c10 .sub-slideshow .pressrelease .date,
.page-3 #c10 .sub-slideshow .pressrelease .bodytext,
.page-4 #c10 .sub-slideshow .pressrelease .date,
.page-4 #c10 .sub-slideshow .pressrelease .bodytext,
.page-121 #c10 .sub-slideshow .pressrelease .date,
.page-121 #c10 .sub-slideshow .pressrelease .bodytext,
.page-114 #c10 .sub-slideshow .pressrelease .date,
.page-114 #c10 .sub-slideshow .pressrelease .bodytext{
    font-family: 'CaslonClassico W00';
    color: #3c3c3b;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.page-2 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-2 #c10 .sub-slideshow .pressrelease .bodytext,
.page-49 #c10 .timeline-slideshow .pressrelease .bodytext,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .bodytext,
.page-49 #c10 .sub-slideshow .pressrelease .bodytext,
.page-111 #c10 .sub-slideshow .pressrelease .bodytext,
.page-5 #c10 .sub-slideshow .pressrelease .bodytext,
.page-11 #c10 .sub-slideshow .pressrelease .bodytext,
.page-3 #c10 .sub-slideshow .pressrelease .bodytext,
.page-4 #c10 .sub-slideshow .pressrelease .bodytext,
.page-121 #c10 .sub-slideshow .pressrelease .bodytext,
.page-114 #c10 .sub-slideshow .pressrelease .bodytext {
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
}
.page-2 #c10 .timeline-slideshow .pressrelease .date,
.page-2 #c10 .sub-slideshow .pressrelease .date,
.page-49 #c10 .timeline-slideshow .pressrelease .date,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .date,
.page-49 #c10 .sub-slideshow .pressrelease .date,
.page-111 #c10 .sub-slideshow .pressrelease .date,
.page-5 #c10 .sub-slideshow .pressrelease .date,
.page-11 #c10 .sub-slideshow .pressrelease .date,
.page-3 #c10 .sub-slideshow .pressrelease .date,
.page-4 #c10 .sub-slideshow .pressrelease .date,
.page-121 #c10 .sub-slideshow .pressrelease .date,
.page-114 #c10 .sub-slideshow .pressrelease .date {
    color: #878786;
}
.page-2 #c10 .timeline-slideshow .pressrelease div.readmore,
.page-2 #c10 .sub-slideshow .pressrelease div.readmore,
.page-49 #c10 .timeline-slideshow .pressrelease div.readmore,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease div.readmore,
.page-49 #c10 .sub-slideshow .pressrelease div.readmore,
.page-111 #c10 .sub-slideshow .pressrelease div.readmore,
.page-5 #c10 .sub-slideshow .pressrelease div.readmore,
.page-11 #c10 .sub-slideshow .pressrelease div.readmore,
.page-3 #c10 .sub-slideshow .pressrelease div.readmore,
.page-4 #c10 .sub-slideshow .pressrelease div.readmore,
.page-121 #c10 .sub-slideshow .pressrelease div.readmore,
.page-114 #c10 .sub-slideshow .pressrelease div.readmore {
    display: block;
    margin: 1rem 0rem 0rem 0rem;
    border: none;
    background-color: #dadad9;
    padding-top: 0.65rem;
    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    text-align: center;
}
.page-2 #c10 .timeline-slideshow .pressrelease div.readmore a,
.page-2 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-49 #c10 .timeline-slideshow .pressrelease div.readmore a,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease div.readmore a,
.page-49 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-111 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-5 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-11 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-3 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-4 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-121 #c10 .sub-slideshow .pressrelease div.readmore a,
.page-114 #c10 .sub-slideshow .pressrelease div.readmore a {
    display: block;
    width: 100%;
    height: 100%;
}
.page-2 #c10 .timeline-slideshow .pressrelease .title,
.page-2 #c10 .sub-slideshow .pressrelease .title,
.page-49 #c10 .timeline-slideshow .pressrelease .title,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .title,
.page-49 #c10 .sub-slideshow .pressrelease .title,
.page-111 #c10 .sub-slideshow .pressrelease .title,
.page-5 #c10 .sub-slideshow .pressrelease .title,
.page-11 #c10 .sub-slideshow .pressrelease .title,
.page-3 #c10 .sub-slideshow .pressrelease .title,
.page-4 #c10 .sub-slideshow .pressrelease .title,
.page-121 #c10 .sub-slideshow .pressrelease .title,
.page-114 #c10 .sub-slideshow .pressrelease .title {
    margin-bottom: 1.4375rem;
    color: #3c3c3b;
}
.page-49 #c10 .timeline-slideshow .pressrelease .bodytext,
.page-49 #c10 .sub-slideshow .pressrelease .bodytext,
.page-2 #c10 .timeline-slideshow .pressrelease .bodytext,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .bodytext,
.page-2 #c10 .sub-slideshow .pressrelease .bodytext,
.page-111 #c10 .sub-slideshow .pressrelease .bodytext,
.page-5 #c10 .sub-slideshow .pressrelease .bodytext,
.page-11 #c10 .sub-slideshow .pressrelease .bodytext,
.page-3 #c10 .sub-slideshow .pressrelease .bodytext,
.page-4 #c10 .sub-slideshow .pressrelease .bodytext,
.page-121 #c10 .sub-slideshow .pressrelease .bodytext,
.page-114 #c10 .sub-slideshow .pressrelease .bodytext {
    color: #3c3c3b;
}
.page-49 #c10 .timeline-slideshow .pressrelease .readmore,
.page-49 #c10 .sub-slideshow .pressrelease .readmore,
.page-2 #c10 .timeline-slideshow .pressrelease .readmore,
.mediathek-slideshow-mainframe .sub-slideshow .pressrelease .readmore,
.page-2 #c10 .sub-slideshow .pressrelease .readmore,
.page-111 #c10 .sub-slideshow .pressrelease .readmore,
.page-5 #c10 .sub-slideshow .pressrelease .readmore,
.page-11 #c10 .sub-slideshow .pressrelease .readmore,
.page-3 #c10 .sub-slideshow .pressrelease .readmore,
.page-4 #c10 .sub-slideshow .pressrelease .readmore,
.page-121 #c10 .sub-slideshow .pressrelease .readmore,
.page-114 #c10 .sub-slideshow .pressrelease .readmore {
    color: #3c3c3b;
}
.page-49 #c10 .timeline-slideshow,
.page-49 #c10 .sub-slideshow,
.page-2 #c10 .timeline-slideshow,
.mediathek-slideshow-mainframe .sub-slideshow,
.page-2 #c10 .sub-slideshow,
.page-111 #c10 .sub-slideshow,
.page-5 #c10 .sub-slideshow,
.page-11 #c10 .sub-slideshow,
.page-3 #c10 .sub-slideshow,
.page-4 #c10 .sub-slideshow,
.page-121 #c10 .sub-slideshow,
.page-114 #c10 .sub-slideshow {
    width: 100%;
}
.page-49 #c10 .timeline-slideshow .buttons.prev,
.page-49 #c10 .sub-slideshow .buttons.prev,
.page-2 #c10 .timeline-slideshow .buttons.prev,
.mediathek-slideshow-mainframe .sub-slideshow .buttons.prev,
.page-2 #c10 .sub-slideshow .buttons.prev,
.page-111 #c10 .sub-slideshow .buttons.prev,
.page-5 #c10 .sub-slideshow .buttons.prev,
.page-11 #c10 .sub-slideshow .buttons.prev,
.page-3 #c10 .sub-slideshow .buttons.prev,
.page-4 #c10 .sub-slideshow .buttons.prev,
.page-121 #c10 .sub-slideshow .buttons.prev,
.page-114 #c10 .sub-slideshow .buttons.prev {
    left: 1.9714375rem;
}
.page-49 #c10 .sub-slideshow .buttons.next,
.mediathek-slideshow-mainframe .sub-slideshow .buttons.next,
.page-2 #c10 .sub-slideshow .buttons.next,
.page-111 #c10 .sub-slideshow .buttons.next,
.page-5 #c10 .sub-slideshow .buttons.next,
.page-11 #c10 .sub-slideshow .buttons.next,
.page-3 #c10 .sub-slideshow .buttons.next,
.page-4 #c10 .sub-slideshow .buttons.next,
.page-121 #c10 .sub-slideshow .buttons.next,
.page-114 #c10 .sub-slideshow .buttons.next {
    right: 1.9714375rem;
}
.page-49 #c10 .timeline-slideshow .viewport,
.page-2 #c10 .timeline-slideshow .viewport
/*,
.page-49 #c10 .sub-slideshow .viewport,
.page-5 #c10 .sub-slideshow .viewport
*/ {
    height: 43.75rem;
}

.page-49 #c10 .sub-slideshow .viewport .picturecaption,
.mediathek-slideshow-mainframe .sub-slideshow .viewport .picturecaption,
.page-2 #c10 .sub-slideshow .viewport .picturecaption,
.page-111 #c10 .sub-slideshow .viewport .picturecaption,
.page-5 #c10 .sub-slideshow .viewport .picturecaption,
.page-11 #c10 .sub-slideshow .viewport .picturecaption,
.page-3 #c10 .sub-slideshow .viewport .picturecaption,
.page-4 #c10 .sub-slideshow .viewport .picturecaption,
.page-121 #c10 .sub-slideshow .viewport .picturecaption,
.page-114 #c10 .sub-slideshow .viewport .picturecaption {
    padding-top: 1.3946875rem;
}

.page-49 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.mediathek-slideshow-mainframe .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-2 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-111 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-5 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-11 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-3 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-4 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-121 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline,
.page-114 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-headline {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    letter-spacing: 0.02rem;
    font-size: 1.125rem;
    color: #3c3c3b;
}

.picturecaption-text p {
    margin: 0rem;
}

.page-49 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.mediathek-slideshow-mainframe .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-2 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-111 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-5 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-11 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-3 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-4 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-121 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text,
.page-114 #c10 .sub-slideshow .viewport .picturecaption .picturecaption-text {
    font-family: 'AvenirNextRoundedW01-Re';
    padding: 0.25rem 4rem;
    letter-spacing: 0.02rem;
    font-size: 1.125rem;
    color: #3c3c3b;
}
.page-49 #c10 .sub-slideshow .viewport .picturecaption,
.mediathek-slideshow-mainframe .sub-slideshow .viewport .picturecaption,
.page-2 #c10 .sub-slideshow .viewport .picturecaption,
.page-111 #c10 .sub-slideshow .viewport .picturecaption,
.page-5 #c10 .sub-slideshow .viewport .picturecaption,
.page-11 #c10 .sub-slideshow .viewport .picturecaption,
.page-3 #c10 .sub-slideshow .viewport .picturecaption,
.page-4 #c10 .sub-slideshow .viewport .picturecaption,
.page-121 #c10 .sub-slideshow .viewport .picturecaption,
.page-114 #c10 .sub-slideshow .viewport .picturecaption {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.02rem;
    font-size: 1.125rem;
    color: #3c3c3b;
}

.page-49 #c10 .sub-slideshow .viewport,
.mediathek-slideshow-mainframe .sub-slideshow .viewport,
.page-2 #c10 .sub-slideshow .viewport,
.page-111 #c10 .sub-slideshow .viewport,
.page-5 #c10 .sub-slideshow .viewport,
.page-11 #c10 .sub-slideshow .viewport,
.page-3 #c10 .sub-slideshow .viewport,
.page-4 #c10 .sub-slideshow .viewport,
.page-121 #c10 .sub-slideshow .viewport,
.page-114 #c10 .sub-slideshow .viewport {
    height: 57.7696875rem;
}

.page-49 #c10 .timeline-slideshow .viewport ul li .picture,
.page-49 #c10 .sub-slideshow .viewport ul li .picture,
.page-2 #c10 .timeline-slideshow .viewport ul li .picture,
.page-2 #c10 .sub-slideshow .viewport ul li .picture,
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li .picture,
.page-111 #c10 .sub-slideshow .viewport ul li .picture,
.page-5 #c10 .sub-slideshow .viewport ul li .picture,
.page-11 #c10 .sub-slideshow .viewport ul li .picture,
.page-3 #c10 .sub-slideshow .viewport ul li .picture,
.page-4 #c10 .sub-slideshow .viewport ul li .picture,
.page-121 #c10 .sub-slideshow .viewport ul li .picture {
    height: auto;
}

.page-2 .timeline-sub-slideshow .viewport ul li,
.page-2 #c10 .sub-slideshow .viewport ul li,
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li,
.page-49 .timeline-sub-slideshow .viewport ul li,
.page-49 #c10 .sub-slideshow .viewport ul li,
.page-111 #c10 .sub-slideshow .viewport ul li,
.page-5 #c10 .sub-slideshow .viewport ul li,
.page-11 #c10 .sub-slideshow .viewport ul li,
.page-3 #c10 .sub-slideshow .viewport ul li,
.page-4 #c10 .sub-slideshow .viewport ul li,
.page-121 #c10 .sub-slideshow .viewport ul li,
.page-114 #c10 .sub-slideshow .viewport ul li {
    padding: 0rem 0.5336875rem;
    width: 81.6969rem !important;
}

.page-49 .timeline-sub-slideshow .viewport ul li .picture,
.page-2 .timeline-sub-slideshow .viewport ul li .picture {
    width: 80.63rem;
}
.page-2 #maincontent .content-middle,
.page-49 #maincontent .content-middle,
.page-111 #maincontent .content-middle,
.page-5 #maincontent .content-middle,
.page-11 #maincontent .content-middle,
.page-3 #maincontent .content-middle,
.page-4 #maincontent .content-middle,
.page-121 #maincontent .content-middle,
.page-114 #maincontent .content-middle {
    padding-bottom: 0rem;
    border-top: 0.4rem solid #b9b7ad;
}
.page-2 .riyadh-projectnavigation,
.page-49 .riyadh-projectnavigation,
.page-111 .riyadh-projectnavigation,
.page-5 .riyadh-projectnavigation,
/*.page-3 .riyadh-projectnavigation,*/
.page-4 .riyadh-projectnavigation,
.page-121 .riyadh-projectnavigation,
.page-114 .riyadh-projectnavigation {
    display: block !important;
}
.page-2 .site-navi,
.page-49 .site-navi,
.page-111 .site-navi,
.page-5 .site-navi,
.page-11 .site-navi,
.page-3 .site-navi,
.page-4 .site-navi,
.page-121 .site-navi,
.page-114 .site-navi {
    display: inline-block !important;
}
.page-2 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-49 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-114 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-111 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-5 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-11 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-3 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-4 .riyadh-projectnavigation .projecttitle ul li a.active,
.page-121 .riyadh-projectnavigation .projecttitle ul li a.active {
    color: #3c3c3b;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    letter-spacing: 0.1rem;
}
.page-2 .timeline .bullet .point,
.page-49 .timeline .bullet .point {
    width: 0.8125rem;
    height: 0.8125rem;
    border: 0.2rem solid #3c3c3b;
    border-radius: 0.40625rem;
    background-color: #3c3c3b;
}
.page-2 .timeline .bullet.active .point,
.page-49 .timeline .bullet.active .point {
    background-color: transparent;
}
.page-2 .box.timeline,
.page-49 .box.timeline {
    display: block;
    width: 100%;

    padding-top: 1.883875rem !important;
}
/*
.page-49 .timeline .timeline-slideshow ul.overview li {
    width: 100% !important;
}
*/
.page-2 .timeline .timeline-slideshow .buttons.next,
.page-49 .timeline .timeline-slideshow .buttons.next {
    right: 1.9714375rem !important;
}
.page-2 .timeline .timeline-slideshow ul.bullets,
.page-49 .timeline .timeline-slideshow ul.bullets {
    display: inline-block;
}
.page-2 .timeline .timeline-slideshow ul.bullets li
.page-49 .timeline .timeline-slideshow ul.bullets li {
    width: 4.375rem;
}
.page-2 .timeline .timeline-slideshow ul.bullets li a .year
.page-49 .timeline .timeline-slideshow ul.bullets li a .year {
    display: none;

    position: absolute;
    text-align: center;
    width: 100%;

    padding-top: 0.3196875rem;
    font-size: 1.125rem;
    letter-spacing: 0.4rem;

    text-indent: 0.25rem;
}
.page-2 .timeline .timeline-slideshow .text,
.page-49 .timeline .timeline-slideshow .text {
    padding: 1.125rem 0rem !important;
}
.page-2 .timeline .timeline-slideshow img.round,
.page-49 .timeline .timeline-slideshow img.round {
    cursor: pointer;
}
.page-2 .timeline .timeline-slideshow .noLink img.round,
.page-49 .timeline .timeline-slideshow .noLink img.round,
a.noLink {
    cursor: default !important;
}
.page-2 .timeline .timeline-slideshow ul.overview .year,
.page-49 .timeline .timeline-slideshow ul.overview .year {
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 3.4375rem;
    margin-top: 2.4033125rem;
    color: #3c3c3b;
}
.page-2 .timeline .timeline-slideshow ul.overview .year-headline,
.page-49 .timeline .timeline-slideshow ul.overview .year-headline {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}
.page-2 .timeline .timeline-slideshow ul.overview .year-teaser,
.page-49 .timeline .timeline-slideshow ul.overview .year-teaser {
    margin-top: 0.9175625rem;
    font-size: 1.5rem;
    font-family: 'CaslonClassicoW00-BoldI';
    padding-bottom: 1.125rem;
    letter-spacing: 0.02rem;
    color: #3c3c3b;
}
.page-2 .timeline .timeline-slideshow ul.bullets li:hover a.bullet .point,
.page-49 .timeline .timeline-slideshow ul.bullets li:hover a.bullet .point {
    background-color: transparent;
}
.page-2 .timeline .timeline-slideshow ul.bullets li:hover a.bullet .year,
.page-49 .timeline .timeline-slideshow ul.bullets li:hover a.bullet .year {
    display: block;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}
.page-2 .timeline .timeline-slideshow ul.bullets li a.bullet
.page-49 .timeline .timeline-slideshow ul.bullets li a.bullet {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.page-2 .timeline .timeline-slideshow ul.bullets li a.bullet .point,
.page-49 .timeline .timeline-slideshow ul.bullets li a.bullet .point {
    margin: auto;
    font-family: 'AvenirNextRoundedW01-De1075568';
    color: #3c3c3b;
}

/* Standard-Styles zum schnellen ändern einzelner Komponenten NUR für die Sub-Slideshow - ENDE */

.plugin-magazin .listing {
    margin-top: 6.0895625rem;
}
.plugin-newsfilter .listing ul.list li.news-element {
    height: 13.9536875rem;
    background-color: #f2f2f2;
    margin: 1.3635625rem 0rem;
    padding: 0rem;

    cursor: pointer;
    overflow: hidden;
}
.plugin-newsfilter .listing ul.list li.news-element .readmore a {
    display: block;
    border: none;
    background-color: #0084bd;
    padding: 0.25rem;
    width: 15.625rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.75rem;
    letter-spacing: 0.03rem;
    outline: 0 none;
    color: #f2f2f2;
    text-align: center;
}
.plugin-newsfilter .listing ul.list li.news-element .toggle {
    height: 3rem;
    width: 3rem;
    background-color: transparent;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/toggle-linkonsubgroup.svg);
    background-repeat: no-repeat;

    float: right;
    position: relative;
    top: -3rem;

    transform: rotate(45deg);
    display: none;
}
.listing .list .loading {
    display: block;
    margin: auto;

    height: 12.375rem;
    width: 10.625rem;
}

.plugin-newsfilter .listing .list li .picture {
    height: 13.9536875rem;
    width: 22.5708125rem;
    overflow: hidden;
    float: left;
}
.plugin-newsfilter .listing .list li .picture img {
    width: 100%;
    height: auto;
}
.plugin-newsfilter .listing .list li .content {
    float: right;
    width: 57.820812rem;
    padding: 1.3635625rem 2.0541875rem;
}

.plugin-newsfilter .listing .list li.news-element .content .date {
    width: 100%;
    font-family: 'CaslonClassico W00';
    color: #878786;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
}
.plugin-newsfilter .listing .list li.news-element .content .title {
    width: 100%;
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    color: #3b3c3c;
    line-height: 1.8rem;
}
.plugin-newsfilter .listing .list li.news-element .content .text {
    width: 100%;
    font-size: 1.125rem;
    color: #3b3c3c;
    line-height: 1.8rem;
    font-family: 'CaslonClassico W00';
    text-align: left;

    height: 6.8231875rem;
    overflow: hidden;
}
.plugin-newsfilter .listing .list li.news-element.active,
.plugin-jobs .listing .list li.list-element.active {
    opacity: 1 !important;
}
.plugin-newsfilter .listing.oneIsActive .list li.news-element,
.plugin-jobs .listing.oneIsActive .list li.list-element {
    opacity: 0.5;
}
.plugin-newsfilter .listing .list li.news-element {
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.riyadh-search {
    display: none;
}











/* UNBEDINT NACHARBEITEN -- NICHT DRIN LASSEN !!!! */
.detail[data-uid="1814"] .tab-content.contacts .contact-0:before {
    /*
    content: "—";
    */
}



.page-3 .bullet-menu,
.page-1 .bullet-menu {
    height: 2.8125rem;
    text-align: center;
}
.page-3 .bullet-menu,
.page-1 .bullet-menu,
.page-3 .bullet-menu .bullets,
.page-1 .bullet-menu .bullets {
    /* width: 112.2563rem !important; */
    /* width: 80.25 !important; */
}
.page-1 .bullet-menu .bullets li,
.page-3 .bullet-menu .bullets li {
    width: 16.4186rem;
    padding: 0rem 0.320357rem 0rem 0rem;
}
.page-1 .bullet-menu .bullets li .headline.table,
.page-3 .bullet-menu .bullets li .headline.table {
    height: 2.8125rem;
}
.page-1 .slide-box .firstletters,
.page-3 .slide-box .firstletters {
    display: block !important;
    margin: auto !important;
    text-align: center !important;

    font-family: 'CaslonClassicoW00-Itali' !important;
    font-size: 1.5rem !important;
    color: #3c3c3b !important;
    letter-spacing: 0.02rem !important;

    position: relative;
    top: -1.5rem;

    font-variant: normal !important;
}
.slide-box .firstletters:before {
    content: '— ';
}
.slide-box .content {

    padding: 1.03125rem 0rem !important;
    width: 68.75rem !important;
    margin: auto !important;
    text-align: center !important;

    height: 13.63125rem !important
        overflow: hidden;
}
.slide-box .content p {
    margin-top: 0.2rem;
    font-family: 'CaslonClassico W00' !important;
    font-size: 1.5rem !important;
    line-height: 2.125rem !important;
    letter-spacing: 0.02rem !important;
    color: #3c3c3b !important;
}
.slide-box .content .hoverText {
    height: 2.8125rem;
}
.slide-box .content .hoverText .button {
    height: 2.8125rem;
}
.slide-box .content .hoverText .button a {
    height: 2.8125rem;
    width: 16.4186rem;
}
.slide-box {
    width: 100%;
}
.page-3 .content-middle {
    width: 100% !important;
}
.slide-box .button a {
    margin: auto;
}






ul.progress-reports {
    list-style-type: none;
    margin: 2rem 0rem;
    padding: 0rem;
}
ul.progress-reports li {
    display: table;
    width: 100%;
    margin: 1.2645625rem 0rem;
    height: 5.6875rem;
}

ul.progress-reports li .progress-reports-content {
    margin-bottom: 1.25rem;
    height: 100%;
    background-color: #f2f2f2;

    display: table-cell;
    vertical-align: middle;
}

ul.progress-reports li .picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.18rem;
    width: 14.2391875rem;
    float: left;

    height: 5.6875rem;
    overflow: hidden;
}

ul.progress-reports li .picture img {  
    width: 100% !important;
    height: auto !important;
}

ul.progress-reports li .link {
    position: absolute;
    right: -41rem;
    top: 2rem;
}
ul.progress-reports li .link img {
    height: 3.03125rem;
    width: 2.29375rem;
    margin-right: 0rem;
    float: right;

    margin-top: -0.75rem;

}
ul.progress-reports li .content {
    float: left;
    /* width: 41.385813rem; */
    width: 19.385813rem;

    display: table;
    height: 100%;

    margin-left: 2rem;
    position: relative;
}
ul.progress-reports li .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.5rem;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.25rem;
    color: #3c3c3b;

    display: table-cell;
    vertical-align: middle;

    text-align: left;
}
ul.progress-reports li .content .additional-info {

}
ul.progress-reports li .content .additional-info span.type {
    font-family: 'AvenirNextRoundedW01-Re';
    letter-spacing: 0.2rem;
    font-size: 1.125em;
    color: #3c3c3b;
    text-transform: lowercase;
    font-variant: small-caps;
}
ul.progress-reports li .content .additional-info span.journal {
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.125em;
    color: #3c3c3b;
}
ul.progress-reports li .content .additional-info span.pubdate {
    font-family: 'CaslonClassico W00';
    font-size: 1.125em;
}

/* Äußere Slideshow */
.slideshow-container {
    position: fixed;
    top: 0rem;
    left: 0rem;
    z-index: 10;
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    padding-top: 6.74425rem;

}

.slideshow-container .close {
    position: absolute;
    top: 0rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;

    left: 50%;
    margin-left: -1rem;
    margin-top: 1rem;

    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/slidebox-toggle.svg);
    text-align: center;
    width: 2.625rem;
    height: 2.625rem;
    transform: rotate(45deg);
}
.slideshow-container {
    display: none;
}

.timeline-sub-slideshow .prev {
    left: 2rem !important;
}
.timeline-sub-slideshow .next {
    right: 2rem !important;
}

.timeline-sub-slideshow {
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
}

.timeline-sub-slideshow .buttons {
    border-radius: 2.1875rem;
    display: block;
    float: left;
    position: absolute;
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    line-height: 2.1875rem;
    text-decoration: none;
    font-size: 1.375rem;
    top: 50%;
    z-index: 10;

    width: 5.5625rem;
    height: 5.5625rem;

    margin-top: -2.78125rem;

}

.timeline-sub-slideshow .buttons.prev {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg');
    left: -8rem;
    background-repeat: no-repeat;
}
.timeline-sub-slideshow .buttons.next {
    background-image: url('/typo3conf/ext/riyadh/Resources/Public/images/slideshow-right.svg');
    right: -8rem;
    background-repeat: no-repeat;
}

.timeline-sub-slideshow .viewport {
    overflow: hidden;
    width: 100%;
    height: 43.5764375rem;
    position: relative;
}
.timeline-sub-slideshow .viewport ul {
    list-style: none;
    position: absolute;
    padding: 0rem;
    height: 100%;
    margin: 0rem;
}
.timeline-sub-slideshow .viewport ul li {
    float: left;
    padding: 0rem;
    margin: 0rem;
    height: 100%;
    position: relative;
    width: 80rem;

    margin-bottom: 1.5511875rem;
} 
.timeline-sub-slideshow .viewport ul li .picture {
    height: 43.5764375rem;
}
.timeline-sub-slideshow .viewport ul li .picture img {
    height: 100%;
    width: 100%;
}

.slideshow-container.active .timeline-sub-slideshow .texts-to-slide .text-container {
    display: none;
}
.slideshow-container.active .texts-to-slide {
    margin-top: 1.5511875rem;
}
.slideshow-container.active .texts-to-slide .text-container {
    width: 85rem;
    margin: auto;
    display: none;
}
.slideshow-container.active .text-container-headline {
    font-size: 1.125rem;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    text-align: center;
}
.slideshow-container.active .text-container-content {
    font-size: 1.125rem;
    font-family: 'AvenirNextRoundedW01-Re';
    text-align: center;
}
.slideshow-container.active .current-slide-index {
    margin-top: 1.5511875rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: 'CaslonClassicoW00-BoldI';
}

.tx-go-maps-ext {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.copyright-small {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
}


/* Virtual Lab-Tour */
.page-120 .riyadh-content iframe {
    width: 80rem;
    height: 40rem;
}
.page-120 .riyadh-content h2 {
    text-align: center;
    font-size: 3.125rem;
    font-family: 'Caslon Graphique W01 Regular';
    padding: 6.40rem 0rem 3.2384375rem 0rem;
    margin: 0rem;
    color: #3c3c3b;
}

.riyadh-gridelements {
    dispaly: table;
}
.riyadh-gridelements .gridelements-row {
    width: 100.5%;
}
.riyadh-gridelements .gridelements-row .gridelements-column {
    display: table-cell;
    vertical-align: middle;
}
.riyadh-gridelements .gridelements-row .gridelements-column.column-0,
.riyadh-gridelements .gridelements-row .gridelements-column.column-2 {
    width: 22.5%;
}
.riyadh-gridelements .gridelements-row .gridelements-column.column-1 {
    width: 55%;
}
.riyadh-gridelements.layout-2col-0 .layout-2col-0-odd .column-1,
.riyadh-gridelements.layout-2col-0 .layout-2col-0-even .column-0 {
    width: 67.5%;
    border: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}
.riyadh-gridelements.layout-2col-0 .layout-2col-0-odd .column-0,
.riyadh-gridelements.layout-2col-0 .layout-2col-0-even .column-1 {
    width: 32.5%;
}

.riyadh-gridelements.layout-2col-0 .plugin-infoaddressbox {
    border: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
}

.riyadh-gridelements.layout-2col-0 .plugin-infoaddressbox {
    width: 90%;
    height: 32rem;
}

.riyadh-gridelements.layout-2col-0 .layout-2col-0-even .plugin-infoaddressbox {
    margin-left: 10%;
}

.riyadh-gridelements.layout-2col-0 .layout-2col-0-odd .plugin-infoaddressbox {
    margin-right: 10%;
}

.page-54 .riyadh-projectnavigation {
    display: block !important;
}

.floatleft {
    float: left;
    width: 50%;
}

.floatright {
    float: right;
    width: 50%;
}

.plugin-slideshow {
    padding-top: 4.6875rem;
}
.plugin-slideshow.layout-0 {
    background-color: #f2f2f2;
}

.plugin-slideshow.layout-1 {
    background-color: #e3e0d2;
}

.page-2 .buttons {
    display: block !important;
}

.slideshow-bullet-menu {
    position: absolute;
    bottom: 1.5rem;
    display: inline-block;
    margin: auto;
    z-index: 30;
    top: auto;
}
.slideshow-bullet-menu ul.bullet-list {
    position: static !important;
    padding: 0rem;
    height: 100%;
    margin: 0rem;

    width: auto !important;
}
.slideshow-bullet-menu ul.bullet-list li {
    float: left;
    width: 1rem !important;
    height: 1rem;

    border-radius: 0.5rem;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0.5rem;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0.5rem;

    background-color: #878786;
    margin: 0rem 0.703125rem 0rem 0.703125rem;

    overflow: hidden;
}
.plugin-milestones .slideshow-bullet-menu ul.bullet-list li {
    background-color: #f2f2f2;
}
.plugin-milestones .slideshow-bullet-menu {
    top: 41.5rem;
    bottom: auto !important;
}

.slideshow-bullet-menu ul.bullet-list li a {
    display: block;
    width: 100%;
    height: 100%;
}
.plugin-coverstories .slideshow-bullet-menu li.active,
.plugin-coverstories .slideshow-bullet-menu li a.active,
.plugin-milestones .slideshow-bullet-menu li.active,
.plugin-milestones .slideshow-bullet-menu li a.active {
    background-color: #0084bd !important;
}

.plugin-nextappearances h1 {
    font-family: 'Caslon Graphique W01 Regular';
    font-size: 3.125rem;
    text-align: center;
    margin: 0rem;
    color: #3c3c3b;
    /* margin: 6.250625rem 0rem 4.8384375rem 0rem; */
}



.plugin-nextappearances .show-filters {
    display: block;
}

.plugin-nextappearances .filter {
    display: none;
}

.plugin-nextappearances .text p {
    /*Previous Semibold Italic*/
    font-family: 'CaslonClassicoW00-BoldI';
    font-size: 1.25rem;
    text-align: center;
    color: #3c3c3b;
}

.plugin-nextappearances .listing ul li.list-element {
    min-height: 22.5rem;
    background-color: #f2f2f2;
    margin-bottom: 1.625rem;
    overflow: hidden;
    padding: 0rem;
    position: relative;

    cursor: auto;
}
.plugin-nextappearances .listing ul li.list-element .close {
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/people-detail-close.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    cursor: pointer;
    display: none;
    /*
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    */
}
.plugin-nextappearances .listing ul li.list-element .fulltext {

}
.plugin-nextappearances .listing ul li.list-element .fulltext p,
.plugin-nextappearances .listing ul li.list-element .fulltext ul li {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    color: #3c3c3b;
}
.plugin-nextappearances .listing ul li.list-element .fulltext p {
    margin: 0rem;
    padding: 1rem 0rem;
}


.plugin-nextappearances .listing ul li.list-element .fulltext ul {
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}

.plugin-nextappearances .listing ul li.list-element .fulltext ul li {
    padding-left: 1.3em;
    line-height: 1.75rem;

    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.plugin-nextappearances .listing ul li.list-element .fulltext ul li:before {
    content: "—";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

.plugin-nextappearances .listing ul li.list-element a {
    margin: 0rem;
    background-color: transparent;
    padding: 0rem;
    display: block;
    height: 100%;
    padding-top: 0.75rem;
}

.plugin-nextappearances .listing ul li.list-element .apply {
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    height: 2.875rem;
    background-color: #dadad9;
    width: 15.707rem;
    text-align: center;
    text-transform: uppercase;
    color: #3c3c3b;
}
.plugin-nextappearances .listing ul li.list-element .apply {
    color: #878786;
    margin-top: 3rem;
}

.plugin-nextappearances .col-1 {
    width: 22.5rem;
    min-height: 22.5rem;
    float: left;
}
.plugin-nextappearances .col-2 {
    width: 57.375rem;
    float: right;

    padding: 1.375rem 2rem;
}
.plugin-nextappearances .col-1 .picture.format-0 img {
    height: auto;
    width: 100%;
}
.plugin-nextappearances .col-1 .picture.format-1 img {
    height: 100%;
    width: auto;
}

.plugin-nextappearances .col-2 .title {
    font-family: 'AvenirNextRoundedW01-Re' !important;
    font-size: 1.125rem !important;
    letter-spacing: 0.2rem !important;
    text-transform: lowercase !important;
    margin-bottom: 0.4rem !important;
    font-variant: small-caps !important;
    color: #3c3c3b !important;
}
.plugin-nextappearances .col-2 .lecturetitle {
    font-family: 'AvenirNextRoundedW01-De1075568' !important;
    font-size: 1.5rem !important;
    /* height: 2rem; */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /* white-space: nowrap; */
    margin-bottom: 1.4375rem !important;
    color: #3c3c3b !important;
}
.plugin-nextappearances .col-2 .date {
    color: #3c3c3b !important;
    font-family: 'Adobe Caslon W01 SmBd' !important;
    font-size: 1.125rem !important;
}
.plugin-nextappearances .col-2 .location {
    color: #3c3c3b !important;
    font-family: 'AdobeCaslonW01-Regular' !important;
    font-size: 1.125rem !important;
    font-variant: normal !important;
    letter-spacing: 0rem !important;
    text-transform: none !important;
    margin-bottom: 0rem !important;
}
.plugin-nextappearances .col-2 .description {
    color: #3c3c3b !important;
    font-family: 'AdobeCaslonW01-Regular' !important;
    font-size: 1.125rem !important;
    font-variant: normal;
    min-height: 0rem !important;
}
.plugin-nextappearances .col-2 .link a {
    color: #3c3c3b !important;
    font-family: 'AdobeCaslonW01-SmBdIt' !important;
    font-size: 1.125rem !important;
    font-variant: normal;
    text-decoration: underline;
}

.plugin-breakingnews .bodytext p {
    margin: 0rem;
}

.plugin-publications .deleteFromFilter,
.plugin-mediagallery .deleteFromFilter {
    height: 0.928875rem;
    width: auto;
    position: relative;
    top: 0.025rem;

    font-family: 'CaslonClassicoW00-Itali';

    cursor: pointer;
}

.plugin-publications .deleteFromFilter img.delete-sign,
.plugin-mediagallery .deleteFromFilter img.delete-sign {
    height: 0.75rem;
    width: auto;
}

.plugin-publications .reset-collection img.reset-sign,
.plugin-mediagallery .reset-collection img.reset-sign {
    height: 1.6025rem;
    width: auto;
    position: relative;
    top: 0.25rem;
}

.plugin-publications .reset-collection,
.plugin-mediagallery .reset-collection {
    font-family: 'AvenirNextRoundedW01-De1075568';
    cursor: pointer;
}


.plugin-people .color-shape.style-listing {
    width: 100%;
    height: 5.4691875rem;
    padding: 0.93375rem 0.478875rem;
}
.plugin-people .color-shape.style-listing .view-portrait  {
    display: none;
}
.plugin-people .color-shape.style-listing .person .view-listing,
.alphabetical-listing .view-listing {
    padding: 0.8184375rem 1rem;

    height: 5.4691875rem;
    vertical-align: middle;
    display: table;

    vertical-align: middle;
    display: table-cell;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1,
.alphabetical-listing .view-listing .view-listing-row-1 {
    height: 3.709375rem
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-1,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-1 {
    width: 5.13225rem;
    float: left;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-2,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 {
    width: 23.7914375rem;
    float: left;
}

.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-2 .title,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .title {
    float: left;

    display: inline-block;
    width: 100%;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-2 .name,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .name {
    float: left;

    font-size: 1.25rem;
    font-family: 'AvenirNextRoundedW01-De1075568';

    display: inline-block;

    margin-right: 0.125rem;
}

.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .name {
    position: relative;
    top: 0.1rem;
}

.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-2 .nationality,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .nationality {
    float: left;

    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 0.78125rem;
    overflow: hidden;

    display: inline-block;

    margin-left: 0.5rem;
}

.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .position {
    font-size: 0.9375rem;
    font-family: 'CaslonClassico W00';
    position: relative;
    top: 0.5rem;
}

.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-3 .phone {
    font-size: 1.125rem;
    font-family: 'CaslonClassico W00';
}

.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-4 .email,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-4 .email a {
    font-size: 1.125rem;
    font-family: 'CaslonClassico W00';
}

.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-2 .nationality img,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-2 .nationality img {
    height: 100%;
    width: auto;
}

.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-3,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-3 {
    width: 22.758375rem;
    float: left;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-4,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-4 {
    width: 26.5625rem;
    float: left;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-1 .picture,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-1 .picture {
    width: 3.682rem;
    border-radius: 1.841rem;
    height: 3.682rem;
}
.plugin-people .color-shape.style-listing .person .view-listing-row-1 .view-listing-row-1-col-1 .picture img,
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-1 .picture img  {
    width: 100%;
    height: 100%;
}

.alphabetical-listing .person .container-detail {
    display: none;
}

.alphabetical-listing .person .view-listing {
    cursor: pointer;
}

.alphabetical-listing {
    margin-top: 5rem;
    display: none;
}

.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-1 .picture {
    overflow: hidden;
}
.alphabetical-listing .view-listing .view-listing-row-1 .view-listing-row-1-col-1 .picture img {
    display: block;
}

.alphabetical-listing .view-listing {
    background-color: #f2f2f2;
}
.alphabetical-listing .person {
    padding: 0.5rem 0rem;
}


#maincontent .slider {
    position: absolute;
    background-color: #000;
}
#maincontent .slider.slider-left {
    left: 0rem;
}
#maincontent .slider.slider-right {
    right: 0rem;
}

#maincontent .slider.slider-left .container-image img {
    position: absolute;
    right: 1rem;
}
#maincontent .slider.slider-right .container-image img {
    position: absolute;
    left: 1rem;
}

#maincontent .slider .container-image {
    padding-top: 5.95rem;
    height: 100%;
    position: relative;
}
#maincontent .slider .container-image img {
    height: 51.25rem;
    display: block;
}
#maincontent .slider .arrow-to-left,
#maincontent .slider .arrow-to-right {
    width: 5.625rem;
    height: 5.625rem;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/slideshow-left.svg);

    top: 35%;
    position: absolute;

    cursor: pointer;
}

#maincontent .slider .arrow-to-left {
    left: 2rem;
}
#maincontent .slider .arrow-to-right {
    transform: rotate(180deg);
    right: 2rem;
}

.plugin-mediagallery .mediaitem {
    width: 25%;
    float: left;
    /* height: 19.6073125rem; */
    cursor: pointer;
}
.plugin-mediagallery .mediaitem.open {
    background-color: #000;
    padding: 0rem;
}
.plugin-mediagallery .mediaitem img {
    width: 100%;
    height: auto;
}
.plugin-mediagallery .inner-container {
    background-color: #f2f2f2;
    border: 1px solid #b9b7ad;
    box-shadow: 0.321rem 0.321rem #b9b7ad;
}
.plugin-mediagallery .mediaitem-container {
    overflow: hidden;
    text-align: center;
}
.plugin-mediagallery .mediaitem-container.closed {
    height: 11.9195rem;
}
.plugin-mediagallery .mediaitem-data {
    height: 7.672625rem;
}
.plugin-mediagallery .mediaitem.open .mediaitem-container {
    height: 51.25rem;
    background-color: #000;
}
.plugin-mediagallery .mediaitem.open {
    text-align: center;
}
.plugin-mediagallery .mediaitem.open .mediaitem-container img {
    height: 100% !important;
    width: auto !important;
}
.plugin-mediagallery .mediathek-close {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/mediathek-close.svg);
    margin: 1.8647187500000002rem;
    cursor: pointer;
}

.plugin-mediagallery .listing li.mediaitem {
    padding: 0.94665625rem 0.4853125rem;
}
.plugin-mediagallery .listing li.mediaitem.first-in-row {
    padding-left: 0rem;
}
.plugin-mediagallery .listing li.mediaitem.last-in-row {
    padding-right: 0rem;
}
.plugin-mediagallery .listing li.mediaitem .mediaitem-data {
    padding: 0.796875rem 1.05775rem;
    overflow: hidden;
    position: relative;
}
.plugin-mediagallery .listing li.mediaitem .mediaitem-data .group-subject {
    font-family: 'AvenirNextRoundedW01-Re';
    font-size: 1.125rem;
    letter-spacing: 0.02rem;
}
.plugin-mediagallery .listing li.mediaitem .mediaitem-data .title {
    font-family: 'AvenirNextRoundedW01-De1075568';
    font-size: 1.125rem;
}
.plugin-mediagallery .listing li.mediaitem .mediaitem-data .date {
    font-family: 'CaslonClassico W00';
    font-size: 1.125rem;
    letter-spacing: 0.002rem;
    color: #0084bd;
    position: absolute;
    bottom: 1rem;
}

.filter-contents .filter-content.subject,
.filter-contents .filter-content.media-types {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}

.mediathek-slideshow-mainframe {
    background-color: #000;
    position: absolute;
    top: 0rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 4;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport {
    overflow: visible !important;
}
.mediathek-slideshow-mainframe .sub-slideshow .viewport ul li {
    height: 51.25rem;
}
.mediathek-slideshow-mainframe .container {
    height: 100%;
    margin-top: 6.631rem;
}
.mediathek-slideshow-mainframe .container .inner-container {
    height: 100%;
}
.mediathek-slideshow-mainframe .button-close-bottom {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/mediathek-close.svg);
    margin: 1.8647187500000002rem;
    cursor: pointer;
    bottom: 0.5rem;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
}
.mediathek-slideshow-mainframe .button-close {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/mediathek-close.svg);
    margin: 1.8647187500000002rem;
    cursor: pointer;
    top: 0.5rem;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
}
.mediathek-slideshow-mainframe .container .number-container {
    font-size: 1.5rem;
    letter-spacing: 0.02rem;
    font-family: 'CaslonClassicoW00-BoldI';
    color: #f2f2f2;
    margin-top: 2.29225rem;
}
.mediathek-slideshow-mainframe .container .description-container {
    font-size: 1.125rem;
    font-family: 'AvenirNextRoundedW01-Bo1075574';
    color: #f2f2f2;
    margin-top: 1rem;
}
.mediathek-slideshow-mainframe .container .image-container {
    height: 51.25rem;
    background-color: #000;
    overflow: hidden;
}
.mediathek-slideshow-mainframe .container .image-container img {
    height: 100% !important;
    width: auto !important;
}

.plugin-newsfilter .listing .list li .picture {
    position: relative;
}
.list-element-largeimage {
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/LupePlus.svg);
    width: 10rem;
    height: 10rem;
    background-repeat: no-repeat;
    margin-top: -5rem;
    margin-left: -5rem;

    /* Raus, laut Tanya, 2017-12-11 */
    display: none;
}
.list-element-video {
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/PlayButton.svg);
    width: 10rem;
    height: 10rem;
    background-repeat: no-repeat;
    margin-top: -5rem;
    margin-left: -5rem;
}

.lonely .col-1 {
    width: 100% !important;
}

.plugin-videoforaboutus {
    text-align: center;
}
.plugin-videoforaboutus.layout-1 {
    background-color: #e3e0d2;
}
.plugin-videoforaboutus.layout-0 {
    background-color: #f2f2f2;
}
.plugin-videoforaboutus .outer-border {
    outline: 1px solid #b9b7ad;
    box-shadow: 0.4375rem 0.4375rem #b9b7ad;
    display: inline-block;
    margin: auto;
}
.plugin-videoforaboutus .video-container {
    width: 79.7rem;
    height: 44.8125rem;
    margin: auto;
}
.plugin-videoforaboutus .video-container video {
    width: 100%;
    height: 100%;
}
.plugin-videoforaboutus .video-container *,
.plugin-videoforaboutus .video-container *:focus {
    outline: none;
}
.plugin-videoforaboutus .my-video-dimensions {
    width: 100% !important;
    height: 100% !important;
}
.plugin-videoforaboutus .vjs-big-play-button {
    background-image: url(/typo3conf/ext/riyadh/Resources/Public/images/PlayButton.svg) !important;
    width: 17.4375rem !important;
    height: 17.4375rem !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin-top: -8.71875rem !important;
    margin-left: -8.71875rem !important;

    border: none !important;
    background-color: transparent !important;
}
.plugin-videoforaboutus .vjs-big-play-button span:before {
    content: '' !important;
}