/* fonts */
/* open-sans-regular - greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-italic - greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600italic - greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v16-greek-ext_cyrillic-ext_latin-ext_latin_cyrillic_greek-600italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../fontawesome/webfonts/fa-brands-400.eot");
    src: url("../fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("../fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../fontawesome/webfonts/fa-regular-400.eot");
    src: url("../fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../fontawesome/webfonts/fa-solid-900.eot");
    src: url("../fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.frame-list-type-mattgoldtheme_sidebutton {
    display: none;
}

.upa_logo_container_wrapper header {
    display: none;
}

main .upa_table_of_contents li:before {
    top: 3px;
}

main .upa_table_of_contents {
    padding: 20px;
}

main .upa_table_of_contents li {
    padding: 0 0 0 28px;
}

/* bootstrap overrides */
.container-fluid .container {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

/* header image */
.upa_header_image {
    display: none;
}

figure.header-image {
    margin: 0;
    padding: 0;
    position: relative;
}

.facultyName {
    text-align: center;
    padding: 10px;
    color: #666;
    background: #f4f4f6;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    position: initial;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.facultyName.fixed {
    position: fixed;
    z-index: 100;
}

body.layout-pagets__faculty .facultyName,
body.layout-pagets__institute .facultyName {
    font-size: 16px;
}

.facultyName h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

* {
    min-height: 0;
    min-width: 0;
}

@media (min-width: 992px) {
    .facultyName {
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        padding: 10px;
        width: auto;
        position: absolute;
        text-align: left;
        border-top: none;
        margin-left: 0;
        margin-right: 0;
    }

    .facultyName h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 45px;
    }

    .facultyName.fixed {
        display: none;
    }

    body.layout-pagets__faculty .facultyName,
    body.layout-pagets__institute .facultyName {
        font-size: 30px;
        max-width: 500px;
    }
}

/* intranet */
.intranet-message p {
    background-color: #feedd7;
    font-size: 13px;
    padding: 10px;
}

/* breadcrumb */
.breadcrumb {
    background-color: #626262;
    color: #fff;
    padding: 2px 10px;
    border-radius: 0;
    margin: 0;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #eee;
    padding-right: 5px;
}

.breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: url(../img/breadcrumb.png);
}

.footer-breadcrumb {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.footer-breadcrumb .breadcrumb {
    background-color: transparent;
    color: #666;
    padding: 10px 0;
    font-size: 12px;
}

.footer-breadcrumb .breadcrumb a {
    color: #666;
}

.footer-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #666;
    padding-right: 3px;
    content: url(../img/breadcrumbdark.png);
}

.footer-breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}

.footer-breadcrumb .breadcrumb-item.active {
    color: #666;
}

/* link button */
.upa-link-button {
    display: block;
    padding: 10px;
    border: 1px solid #e0e0e0;
    margin: 0 0 5px 0;
    background: #f1f1f1;
}

@media (min-width: 768px) {
    .upa-link-button {
        display: inline;
        padding: 0;
        border: none;
        margin: 0;
        background: transparent;
    }
}

/* basic elements */
.clearfix {
    clear: both;
}

.fleft {
    float: left;
}

.form-control {
    border: 1px solid #ccc;
    border-radius: 0;
}

.form-control:focus {
    border-color: #ccc;
    box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, .25);
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, .25);
}

.upa-border {
    border-bottom: 1px solid #f0f0f0;
    height: 1px;
    display: block;
    width: 100%;
}

.upa-header {
    margin: 5px 0 0 0;
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    padding: 10px 15px;
    border-top: none;
    margin-left: 0;
    margin-right: 0;
}

.upa-header h2 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    font-weight: 600;
}

.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

sub,
sup {
    line-height: 1.5;
}

@media (min-width: 768px) {
    .upa-header {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .upa-header {
        border-top: 4px solid #fd8900;
    }
}

/* target group box */
.targetgroupbox header {
    border-top: 0;
    margin-top: 0;
}

@media (min-width: 992px) {
    .targetgroupbox header {
        border-top: 4px solid #fd8900;
        margin-top: 5px;
    }
}

.targetgroupbox header h2 {
    background-color: #efefef;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 17px;
    margin: 0;
    padding: 10px;
}

.targetgroupbox header a:hover {
    color: #666;
}

.targetgroupbox img {
    margin: 0 0 5px 0;
}

/* main */
body {
    background: url(../img/bg.png) no-repeat scroll center 0 #fff;
    color: #000;
    font-family: "Open Sans", Arial;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}

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

.contentContainer {
    padding: 15px 15px 0 15px;
    background-color: #fff;
}

.layout-pagets__homepage .contentContainer,
.layout-pagets__institute .contentContainer,
.layout-pagets__faculty .contentContainer,
.layout-pagets__institutewithoutheader .contentContainer,
.layout-pagets__institutewithheader .contentContainer {
    padding: 0px 15px 0 15px;
    background-color: #fff;
    min-height: 400px;
}

.contentContainerBottom {
    padding: 15px 15px 0 15px;
    background-color: #fff;
}

.contentContainer > .frame {
    margin: 0;
}

.headerContainer {
    padding: 0px;
    background-color: #fff;
}

.bs-container {
    padding: 0 15px;
}

.block {
    display: block;
    width: 100%;
    height: 0;
}

.margin-top {
    margin-top: 15px;
    display: inline-block;
}

@media (min-width: 992px) {
    .contentContainer {
        padding: 15px 15px 0 15px;
    }

    .layout-pagets__homepage .contentContainer,
    .layout-pagets__institute .contentContainer,
    .layout-pagets__faculty .contentContainer,
    .layout-pagets__institutewithoutheader .contentContainer,
    .layout-pagets__institutewithheader .contentContainer {
        padding: 15px 15px 0 15px;
    }

    .headerContainer {
        padding: 15px 15px 0 15px;
    }

    .contentContainerBottom {
        padding: 0 15px 0 15px;
    }
}

/* header */
header .logo {
    padding: 15px 0;
    max-width: 252px;
}

.mobile-header header .logo {
    padding: 0;
    margin: 15px 0;
}

.mobile-header header .logo {
    height: 32px;
    width: auto;
}

header nav.meta {
    text-align: right;
    padding: 15px 0 11px 0;
    float: right;
}

header nav.meta ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

header nav.meta li {
    color: #666;
    font-size: 12px;
    margin: 2px 20px 0 0;
    float: left;
}

header nav.meta ul svg {
    margin-right: 4px;
    color: #ff8800;
}

header nav.meta li a {
    color: #666;
    text-decoration: none;
}

header nav.meta li a:hover {
    text-decoration: underline;
}

header nav.language {
    padding: 15px 0 11px 0;
    float: right;
}

header nav.language ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

header nav.language li {
    color: #666;
    font-size: 12px;
    margin: 2px 0 0 0;
    float: left;
}

header nav.language li a {
    color: #666;
    text-decoration: none;
}

header nav.language li a:hover {
    text-decoration: underline;
}

header nav.language .dropdown-menu {
    margin: 5px 0 0 0;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #a19589;
    border-radius: initial;
    font-size: 12px;
    min-width: 100px;
}

header nav.language .dropdown-menu .dropdown-item:focus,
header nav.language .dropdown-menu .dropdown-item:hover {
    background-color: #fff;
}

header nav.language .dropdown-menu a {
    padding: 0;
}

header nav.language span.lang {
    padding: 0 0 0 28px;
}

header nav.language span.not-translated {
    padding: 0 15px;
    display: block;
    min-width: 200px;
}

.languageNavMobile span.not-translated {
    padding: 10px 15px;
    font-size: 14px;
    display: inline-block;
}

header nav.language span.lang-de {
    background: url('../img/flags.png') no-repeat scroll 6px 3px transparent;
}

header nav.language span.lang-en {
    background: url('../img/flags.png') no-repeat scroll 6px -59px transparent;
}

header nav.language span.lang-fr {
    background: url('../img/flags.png') no-repeat scroll 6px -121px transparent;
}

header nav.language span.lang-it {
    background: url('../img/flags.png') no-repeat scroll 6px -245px transparent;
}

header nav.language span.lang-ja {
    background: url('../img/flags.png') no-repeat scroll 6px -555px transparent;
}

header nav.language span.lang-pt {
    background: url('../img/flags.png') no-repeat scroll 6px -493px transparent;
}

header nav.language span.lang-pl {
    background: url('../img/flags.png') no-repeat scroll 6px -307px transparent;
}

header nav.language span.lang-ru {
    background: url('../img/flags.png') no-repeat scroll 6px -369px transparent;
}

header nav.language span.lang-es {
    background: url('../img/flags.png') no-repeat scroll 6px -183px transparent;
}

header nav.language span.lang-id {
    background: url('../img/flags.png') no-repeat scroll 6px -617px transparent;
}

header nav.language span.lang-cz {
    background: url('../img/flags.png') no-repeat scroll 6px -431px transparent;
}

header nav.language span.lang-cn {
    background: url('../img/flags.png') no-repeat scroll 6px -679px transparent;
}

header nav.language span.lang-el {
    background: url('../img/flags.png') no-repeat scroll 6px -741px transparent;
}

header nav.language span.lang-hu {
    background: url('../img/flags.png') no-repeat scroll 6px -803px transparent;
}

header nav.language span.lang-ar {
    background: url('../img/flags.png') no-repeat scroll 6px -865px transparent;
}

header nav.language span.lang-no {
    background: url('../img/flags.png') no-repeat scroll 6px -927px transparent;
}

.languageNavMobile span.lang {
    padding: 0 0 0 21px;
}

.languageNavMobile span.lang-de {
    background: url('../img/flags.png') no-repeat scroll 0px 4px transparent;
}

.languageNavMobile span.lang-en {
    background: url('../img/flags.png') no-repeat scroll 0px -58px transparent;
}

.languageNavMobile span.lang-fr {
    background: url('../img/flags.png') no-repeat scroll 0px -120px transparent;
}

.languageNavMobile span.lang-it {
    background: url('../img/flags.png') no-repeat scroll 0px -244px transparent;
}

.languageNavMobile span.lang-ja {
    background: url('../img/flags.png') no-repeat scroll 0px -554px transparent;
}

.languageNavMobile span.lang-pt {
    background: url('../img/flags.png') no-repeat scroll 0px -492px transparent;
}

.languageNavMobile span.lang-pl {
    background: url('../img/flags.png') no-repeat scroll 0px -306px transparent;
}

.languageNavMobile span.lang-ru {
    background: url('../img/flags.png') no-repeat scroll 0px -368px transparent;
}

.languageNavMobile span.lang-es {
    background: url('../img/flags.png') no-repeat scroll 0px -182px transparent;
}

.languageNavMobile span.lang-id {
    background: url('../img/flags.png') no-repeat scroll 0px -616px transparent;
}

.languageNavMobile span.lang-cz {
    background: url('../img/flags.png') no-repeat scroll 0px -430px transparent;
}

.languageNavMobile span.lang-cn {
    background: url('../img/flags.png') no-repeat scroll 0px -678px transparent;
}

.languageNavMobile span.lang-el {
    background: url('../img/flags.png') no-repeat scroll 0px -740px transparent;
}

.languageNavMobile span.lang-hu {
    background: url('../img/flags.png') no-repeat scroll 0px -802px transparent;
}

.languageNavMobile span.lang-ar {
    background: url('../img/flags.png') no-repeat scroll 6px -865px transparent;
}

.languageNavMobile span.lang-no {
    background: url('../img/flags.png') no-repeat scroll 6px -927px transparent;
}

header nav.quick {
    float: right;
    margin: 0;
}

header div.search {
    float: right;
}

header div.search .option {
    border-top: 1px solid #a19589;
    border-bottom: 1px solid #a19589;
    border-left: 1px solid #a19589;
    border-right: 0;
    border-radius: 0 !important;
}

header div.search input {
    border-top: 1px solid #a19589;
    border-bottom: 1px solid #a19589;
    border-left: 1px solid #a19589;
}

html[lang="de"] header div.search input {
    border-left: 0;
}

header div.search .go {
    border-top: 1px solid #a19589;
    border-bottom: 1px solid #a19589;
    border-right: 1px solid #a19589;
    border-left: 0;
    border-radius: 0 !important;
}

header div.search input {
    min-width: 180px;
}

header div.search .dropdown-menu {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 12px;
    border: 1px solid #a19589;
    border-radius: 0;
}

header div.search .dropdown-menu a,
header div.search .dropdown-menu span {
    padding: 5px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    background-color: #ffffff;
}

header div.search .dropdown-menu a,
header div.search .dropdown-menu span.active {
    background-color: #e0e0e0;
}

#search_uni,
#search_help {
    cursor: pointer;
}

header div.search .dropdown-menu a:last-child {
    border-bottom: 0;
}

header div.search .input-group-prepend {
    display: none;
}

html[lang="de"] header div.search .input-group-prepend {
    display: flex;
}

.mobile-header {
    background-color: #ffffff;
    border-bottom: 4px solid #ff8800;
    transition: all 0.5s ease;
}

.mobile-header.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    max-width: 100%;
}

.mobile-header .burgericon {
    padding: 0;
    height: 32px;
    width: auto;
    margin: 15px 0;
}

.mm-navbar {
    background-color: #666666;
    color: #ffffff;
}

.mm-panel,
.mm-panels {
    background-color: #fff;
}

.mm-btn:after,
.mm-btn:before {
    border-color: #ff8800;
}

.mm-navbar .mm-btn:after,
.mm-navbar .mm-btn:before {
    border-color: #ffffff;
}

.mobilepagelevel-item.hideEntry {
    display: none;
}

.mobilemainlevel-item {
    font-weight: 600;
    color: #666;
    background: #f4f4f5;
    text-transform: uppercase;
}

.mm-listitem:after {
    left: 0;
}

#mobile-nav .spacer {
    height: 44px;
}

#mobile-nav .header {
    background: #efefef;
    color: #666;
    border-top: 4px solid #fd8900;
    padding: 12px 10px 12px 20px;
    text-transform: uppercase;
    font-weight: 600;
}

#mobile-nav .loading {
    padding: 12px 10px 12px 20px;
    color: rgba(0, 0, 0, .75);
    font-weight: 600;
}

.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker {
    background: #000;
}

.mm-menu .mm-listitem_selected>a.mm-listitem__text {
    font-weight: 600;
    border-left: 4px solid #ff8800;
    padding-left: 16px;
}

#mobile-nav:not(.mm-menu) {
    display: none;
}

.mm-listitem__btn {
    padding-right: 49px;
}

.mm-listitem__btn:not(.mm-listitem__text) {
    background-color: #f4f4f5;
}

.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fd8900;
    background: url(../img/arrowmobile.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    border-left: none;
    border-right: none;
    border-top: none;
    right: 19px;
    width: 10px;
    height: 10px;
}

/* cols */
aside.left {
    flex: 0 0 100%;
    margin: 0;
    overflow: hidden;
}

main {
    flex: 0 0 100%;
}

main.full {
    flex: 0 0 100%;
    max-width: 100%;
}

main.stretch {
    flex: 0 0 100%;
}

.main-wrapper {
    padding-top: 0px;
}

aside.right {
    flex: 0 0 100%;
    margin: 0;
    overflow: visible;
    word-break: break-word;
}

aside.right .showfirst {
    display: none;
}

@media (min-width: 768px) {
    aside.right {
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    aside.right .showfirst {
        display: block;
    }

    aside.left {
        flex: 0 0 184px;
        margin: 0 20px 0 0;
    }

    main {
        flex: 0 0 522px;
    }

    main.full {
        flex: 0 0 726px;
    }

    aside.right {
        flex: 0 0 184px;
        margin: 0px 0 0 20px;
    }

    .main-wrapper {
        padding-top: 20px;
    }
}

/* main slider */
.slick-dotted.slick-slider.slider-main {
    margin-bottom: 30px;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.slider-main .slide-main {
    position: relative;
}

.slider-main .slide-main.upa_theme_new {
    display: none !important;
}

.slider-main .slide-main header {
    position: absolute;
    z-index: 10;
}

.slider-main .slide-main h2 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
    display: inline-block;
}

.slider-main a .slide-main span,
.slider-main .slide-main span,
.slider-main .slide-main a {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    width: auto;
    color: #fff;
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 10px top 13px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}

.slider-main .slick-dots {
    background-color: #fff;
    height: 22px;
    list-style-type: none;
    left: 0;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    bottom: -25px;
    display: inline-block;
    width: 100%;
    z-index: 10;
}

.slider-main .slick-dots li button {
    background: url(../img/pagination.png) no-repeat scroll 0 0 transparent;
    color: #fff;
    display: block;
    font-family: 'Helvetica W01 Bd Cn';
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-indent: -50px;
    width: 22px;
}

.slider-main .slick-dots li button:before {
    display: none;
}

.slider-main .slick-dots li.slick-active button {
    background: url('../img/pagination.png') no-repeat scroll 0 -22px transparent;
}

.slide-main .slide-video {
    position: relative;
}

.slider-main .slide-video .play-button {
    display: block;
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 15px;
    bottom: 0px;
    left: 0px;
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}

.slider-main .frame>header {
    display: none;
}

.video-overlay-title {
    color: #fff;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    .slider-main .slide-main h2 {
        font-size: 30px;
        line-height: 45px;
    }

    .slider-main a .slide-main span,
    .slider-main .slide-main span,
    .slider-main .slide-main a {
        font-size: 18px;
        line-height: 27px;
        background-image: url(../img/more-link-slide.gif);
        padding: 10px 35px 10px 10px;
    }

    .slider-main .slide-main span {
        background-image: none;
        padding: 10px;
    }

    .slider-main .slick-dots {
        bottom: -1px;
        width: auto;
        left: 42px;
    }

    .slick-dotted.slick-slider.slider-main {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .slick-dotted.slick-slider.slider-main {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
}

/* infobox */
.ce-wrapper:after {
    clear: both;
    content: "";
    display: block;
}

.frame-infobox .ce-wrapper,
.matchheight .frame-infobox {
    background-color: #feedd7;
    font-size: 13px;
    padding: 10px;
}

.matchheight .frame-infobox .ce-wrapper {
    padding: 0;
}

.frame-infobox .ce-bodytext>header {
    position: relative;
}

.frame-infobox .ce-bodytext>header>.upa-header {
    position: relative;
    left: -10px;
    right: -10px;
    top: -15px;
    margin-bottom: -5px;
    width: calc(100% + 20px);
}

.upaHeader.addCol .frame-infobox .ce-wrapper {
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

aside.right .frame-infobox .ce-wrapper {
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
    padding: 15px;
}

.frame-infobox .ce-wrapper p:last-child {
    margin-bottom: 0;
}

.frame-infobox header h2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.frame-infobox .ce-gallery .ce-column {
    margin: 0;
}

@media (min-width: 768px) {
    .frame-infobox header h2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .upaHeader.addCol .frame-infobox .ce-wrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    aside.right .frame-infobox .ce-wrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }
}

/* quote */
.frame-quote {
    border-bottom: 5px solid #FD8900;
    border-top: 5px solid #FD8900;
    color: #666;
    font-style: italic;
    margin: 0 0 20px 0px;
    padding: 0 0 6px;
    width: 100%;
}

.frame-quote h1 a:after,
.frame-quote h2 a:after,
.frame-quote h3 a:after,
.frame-quote h4 a:after {
    display: none;
}

.frame-quote p {
    margin: 0 0 15px 0;
}

.frame-quote h2 {
    margin: 15px 0 !important;
}

/* image content element */
.frame-type-image .ce-gallery .ce-column {
    margin-bottom: 0;
}

.frame-type-image .ce-gallery[data-ce-images="1"] .ce-column figure {
    margin-bottom: 0;
}

/* grid */
.grid-2cols .left {
    margin: 0 0 0 0;
}

.grid-2cols .right {
    margin: 0 0 0 0;
}

.grid-3cols .left {
    margin: 0;
}

.grid-3cols .center {
    margin: 0;
}

.grid-3cols .right {
    margin: 0;
}

@media (min-width: 768px) {
    .grid-3cols .targetgroup .left {
        margin: 0 9px 0 0;
    }

    .grid-3cols .targetgroup .center {
        margin: 0 5px 0 5px;
    }

    .grid-3cols .targetgroup .right {
        margin: 0 0 0 9px;
    }

    .grid-2cols .left {
        margin: 0 7px -20px 0;
    }

    .grid-2cols .right {
        margin: 0 0 -20px 7px;
    }

    .color-container .grid-2cols .left {
        margin: 0 7px 0 0;
    }

    .color-container .grid-2cols .right {
        margin: 0 0 0 7px;
    }

    .grid-3cols .left {
        margin: 0 9px 0 0;
    }

    .grid-3cols .center {
        margin: 0 5px 0 5px;
    }

    .grid-3cols .right {
        margin: 0 0 0 9px;
    }
}

/* upa teaser */
.upa_teaser_default .upa_teaser_default_title {
    font-size: 16px;
    line-height: 1.6;
}

.upa_teaser_default .upa_teaser_default_text h2 {
    margin-top: 0;
    font-size: 18px;
}

.upa_teaser_default .upa_teaser_default_text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.upa_teaser_default .upa_teaser_default_text p:last-child {
    margin-bottom: 0;
}

.upa_teaser_text h2 {
    margin-top: 0 !important;
    font-size: 20px !important;
}

.upa_teaser_text > div {
    font-weight: 400 !important;
}

/* upa header */
.upaHeader .frame>header .upa-header {
    border-top: none;
}

.upaHeader .frame>header h1,
.upaHeader .frame>header h2,
.upaHeader .frame>header h3,
.upaHeader .frame>header h4,
.upaHeader .frame>header h5 {
    background-color: #efefef;
    border-top: 0px solid #fff;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 18px;
    margin: 0;
    padding: 10px 15px;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0;
}

.upaHeader.addCol .frame>header h1,
.upaHeader.addCol .frame>header h2,
.upaHeader.addCol .frame>header h3,
.upaHeader.addCol .frame>header h4,
.upaHeader.addCol .frame>header h5 {
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

@media (min-width: 768px) {

    .upaHeader .frame>header h1,
    .upaHeader .frame>header h2,
    .upaHeader .frame>header h3,
    .upaHeader .frame>header h4,
    .upaHeader .frame>header h5 {
        padding: 10px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .upaHeader.addCol .frame>header h1,
    .upaHeader.addCol .frame>header h2,
    .upaHeader.addCol .frame>header h3,
    .upaHeader.addCol .frame>header h4,
    .upaHeader.addCol .frame>header h5 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .upaHeader .frame>header .upa-header {
        border-top: 4px solid #fd8900;
    }
}

/* news */
.news .no-news-found {
    color: #666;
}

.news-insertrecord p {
    margin-bottom: 0;
}

.news-insertrecord .article {
    padding-bottom: 15px !important;
}

.news-insertrecord time {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
}

.news-insertrecord {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 15px;
}

.news .article a.more {
    color: #666;
    font-weight: 600;
    text-decoration: underline;
}

.news .removeMargin {
    margin-bottom: -20px;
}

.news .article-layout-list h3,
.news .article-layout-list div.up_news_list_title {
    background: url(../img/orange-arrow.png) no-repeat scroll -1px 5px transparent;
    display: block;
    padding: 0 0 0 11px;
    margin: 0;
    color: #666;
    font-weight: 600;
    text-decoration: underline;
    font-size: 13px;
    line-height: 18px;
}

.news .article-layout-list {
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}

.news .article-layout-list h3 a {
    color: #666;
    font-weight: 600;
    text-decoration: underline;
}

.news .page-navigation {
    text-align: center;
}

.news .page-navigation p,
.news .page-navigation ul {
    margin: 0;
    padding: 0;
}

.news .page-navigation p {
    display: none;
    padding: 8px 0;
}

.news .page-navigation ul {
    display: inline-block;
    float: none;
}

.news-list-view .article a {
    text-decoration: none;
}

.news .page-navigation ul li {
    display: block;
    padding: 8px 13px;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    margin: 0 2px;
}

.news-list-view .count-msg {
    padding: 0 0 15px 0;
}

main .news-related.news-related-items h2 {
    margin-top: 0;
}

.news-related.news-related-items {
    padding: 10px 0 0 0;
    border-top: 1px dotted #666;
    margin-top: 20px;
}

.news-related-items li {
    list-style: none;
}

.news-related-items a {
    background: url(../img/internal_link.gif) no-repeat scroll 0 2px transparent;
    padding: 0 0 5px 20px;
    display: block;
}

.news-related-items time {
    padding: 0 0 0 20px;
    display: block;
    color: #888;
}

.news-related-items ul {
    padding: 0;
}

.article .news-imager-wrapper {
    position: relative;
}

.article .news-imager-wrapper .play-button {
    display: block;
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 15px;
    bottom: 0px;
    left: 0px;
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}

.news-videoteaser .news-imager-wrapper .play-button {
    right: 0;
}

#p1 .article .news-imager-wrapper .play-button {
    right: 0;
}

.videoplayer-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1100;
    background-color: rgba(0, 0, 0, 0.9);
}

.videoplayer {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url(../img/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px;
    padding: 0 15px;
}

#videoplayer {
    padding: 56.25% 0 0 0;
    position: relative;
}

.videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#closePlayer {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 2rem;
    color: #fff;
}

.article .news-detail-img-mg {
    display: block;
    width: 100%;
    height: 20px;
}

.news .article:after {
    display: none;
}

.news-list-tags {
    margin: -5px 0 25px 0;
}

.news-list-tags span {
    background-color: #D5D5D5;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    color: #666;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .news .page-navigation p {
        display: block;
    }

    .news .page-navigation ul {
        display: block;
        float: right;
    }

    .article .news-imager-wrapper .play-button {
        display: block;
    }

    .news-list-tags {
        margin: -15px 0 25px 0;
    }
}

/* single news */
.news-single .teaser-text {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}

.news-single.news-insertrecord .teaser-text {
    font-weight: 400;
}

main .news-single.news-insertrecord h2 {
    margin-top: 0;
}

.news .footer span {
    padding-right: 0;
    display: inline;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}

.news .footer span:last-child {
    border-right: 0;
}

.news .footer {
    color: #888;
}

.news-single .footer {
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 10px 0 0 0;
    border-bottom: 0;
    border-top: 1px solid #eee;
}

main .news .footer a {
    text-decoration: underline;
}

.news-related {
    padding: 0;
    border: none;
    display: block;
    width: 100%;
}

.news-related.news-related-links h2 {
    border-top: 4px solid #fd8900;
    margin-top: 5px;
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}

.news-related.news-related-files h2 {
    border-top: none;
    margin-top: 5px;
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 16px;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.news-related-files ul li {
    padding: 3px 0;
    margin: 5px 0;
}

.news-related-files ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

aside.right .news-related-files ul {
    margin: 0;
}

.news-related-files-link a {
    text-decoration: underline;
    color: #666;
    font-weight: 600;
    word-break: break-all;
}

.news-related.news-related-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-related.news-related-links ul li {
    padding: 3px 0;
    margin: 5px 0;
}

.news-single .news-backlink-wrap {
    border-top: 1px dotted #666;
    padding: 10px 0 0;
}

.news-single .news-img-caption {
    background-color: #efefef;
    font-size: 13px;
    padding: 10px;
    color: #000;
}

.news-related.news-related-links ul li {
    padding: 3px 0;
    margin: 5px 0;
}

@media (min-width: 768px) {
    .news-related.news-related-files h2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .news-related.news-related-files h2 {
        border-top: 4px solid #fd8900;
    }
}

/* news search */
.news-search-form .form-group {
    position: relative;
}

.news-search-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    border-radius: 0;
    color: #333;
}

/* newslist with teaser and image */
.news-list-view .article-layout-picteaser h2 {
    margin: 0 0 15px 0;
}

.news-list-view .article .teaser-text {
    margin: 0 0 15px 0;
}

.news-list-view .article .teaser-text p {
    margin: 0px 0 15px;
}

.news-list-view .article-layout-picteaser {
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
}

.news-list-view .article-layout-picteaser img {
    padding: 0 0 15px 0;
}

@media (min-width: 768px) {
    .news-list-view .article-layout-picteaser img {
        padding: 0 15px 0 0;
    }

    .news-list-view .article-layout-picteaser h2 {
        margin: 0 0 25px 0;
    }

    .news-list-view .article-layout-picteaser {
        padding: 0 0 15px 0;
    }
}

/* newslist with square pic */
.news-list-view .article-layout-squarepicteaser h2 {
    margin: 0 0 15px 0;
}

.news-list-view .article-layout-squarepicteaser {
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
}

.news-list-view .article-layout-squarepicteaser img {
    padding: 0 0 15px 0;
}

@media (min-width: 768px) {
    .news-list-view .article-layout-squarepicteaser img {
        padding: 0 15px 0 0;
    }

    .news-list-view .article-layout-squarepicteaser h2 {
        margin: 0 0 25px 0;
    }

    .news-list-view .article-layout-squarepicteaser {
        padding: 0 0 15px 0;
    }
}

/* news menu */
.news-menu-view h3 {
    margin: 15px 0;
    font-size: 16px;
}

.news-menu-view ul {
    margin: 0;
    padding: 0 0 40px 0;
    list-style-type: none;
}

/* news archive link */
.news-list-view .archive {
    padding: 5px 0;
}

.news-list-view .archive h3 {
    margin: 0;
    background: url(../img/orange-arrow.png) no-repeat scroll -1px 5px transparent;
    display: block;
    padding: 0 0 0 11px;
    color: #666;
    font-weight: 600;
    text-decoration: underline;
    font-size: 13px;
    line-height: 18px;
}

.news-list-view .archive a {
    color: #666;
    font-weight: 600;
    text-decoration: underline;
}

/* default news list */
aside.right .news-list-view {
    font-size: 13px;
    line-height: 20px;
}

aside.right .news-list-view .article {
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}

aside.right .news-list-view .article h3,
aside.right .news-list-view .article div.up_news_list_title {
    background: url(../img/orange-arrow.png) no-repeat scroll -1px 5px transparent;
    display: block;
    padding: 0 0 0 11px;
    margin: 0;
    color: #666;
    font-weight: 600;
    text-decoration: underline;
    font-size: 13px;
    line-height: 18px;
}

aside.right .news-list-view .article a {
    color: #666;
    font-weight: 600;
    text-decoration: underline;
}

/* plain teaser news */
.news .article-layout-plainteaser h3 {
    color: #333;
    font-size: 16px;
    line-height: 23px;
    margin: 15px 0;
}

.news .article-layout-plainteaser {
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #ddd;
}

.news .article-layout-plainteaser p {
    margin: 0 0 10px;
}

/* top news */
.news .article-layout-top h2 {
    color: #333;
    font-size: 16px;
    line-height: 23px;
    margin: 15px 0;
}

.news .article-layout-top p {
    margin: 0 0 10px;
}

.top1,
.top2,
.top3 {
    margin: 0;
}

@media (min-width: 768px) {
    .top1 {
        margin: 0 14px 0 0;
    }

    .top2 {
        margin: 0 7px 0 7px;
    }

    .top3 {
        margin: 0 0 0 14px;
    }
}

/* supertop news */
.news .article-layout-supertop {
    background-color: #f4f4f4;
    border-top: none;
    margin: 0 0 20px;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.news .article-layout-supertop a {
    color: #333;
}

.news .article-layout-supertop .wrapper {
    padding: 15px;
}

.news .article-layout-supertop .wrapper h2 {
    margin-top: 0;
    font-size: 18px;
}

.news .article-layout-supertop p {
    margin: 0 0 10px;
}

.news .article-layout-supertop .teaser-text {
    margin: 0;
}

@media (min-width: 768px) {
    .news .article-layout-supertop {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .news .article-layout-supertop .wrapper {
        padding: 15px;
    }

    .news .article-layout-supertop {
        border-top: 4px solid #fd8900;
    }
}

/* table */
table tr th:first-child {
    text-align: left;
    padding-right: 20px;
    width: 1%;
}

table tr:first-child th:first-child {
    width: auto;
}

table {
    border-bottom: 1px solid #ccc;
    border-top: 4px solid #fd8900;
    width: 100%;
    margin-bottom: 20px;
}

table caption {
    display: none;
}

table td {
    padding: 5px;
    vertical-align: top;
    table-layout: fixed;
    word-wrap: break-word;
}

table td a {
    word-break: initial;
}

table th {
    background-color: #626262;
    border-top: 1px solid #fff;
    color: #fff;
    padding: 5px;
    text-align: left;
}

table th p {
    margin-bottom: 0;
}

table td p:last-child {
    margin-bottom: 0;
}

table tr:nth-child(even) {
    background-color: #f0f0f0;
}

@media (min-width: 768px) {
    table td a {
        word-break: break-word;
    }
}

/* fluid_styled_content */
.frame {
    margin-bottom: 20px;
}

.frame-type-upatheme_logo {
    margin: 0;
}

.slider-main .frame {
    margin-bottom: 0;
}

/* spacings */
.frame.frame-space-before-small {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.frame.frame-space-before-medium {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}

.frame.frame-space-before-large {
    margin-top: 80px;
    display: inline-block;
    width: 100%;
}

.frame.frame-space-after-none {
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

.frame.frame-space-after-medium {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.frame.frame-space-after-large {
    margin-bottom: 80px;
    display: inline-block;
    width: 100%;
}

/* chair name */
.chairname {
    background-color: #f4f4f5;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.chairname h1 {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}

.chairname.fixed {
    position: fixed;
    z-index: 100;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.layout-pagets__standard .chairname,
.layout-pagets__2colswithoutheader .chairname {
    margin-top: -15px;
    margin-bottom: 15px;
}

.layout-pagets__standard .chairname.fixed,
.layout-pagets__2colswithoutheader .chairname.fixed {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .chairname {
        font-size: 20px;
        border-top: 4px solid #ff8800;
        margin-bottom: 6px;
        padding: 7px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .chairname h1 {
        font-size: 20px;
    }

    .layout-pagets__standard .chairname,
    .layout-pagets__2colswithoutheader .chairname {
        margin-top: 0;
        margin-bottom: 6px;
    }
}

.frame-type-upatheme_chairname {
    margin: 0;
}

/* source code */
.frame-sourcecode {
    font-family: courier, monospace, fixed;
    border-bottom: 1px dashed #acacac;
    border-top: 1px dashed #acacac;
    margin: 0.5em;
    padding: 0.5em;
    background-color: #efefef;
    width: 100%;
    margin-left: 0;
}

.frame-sourcecode p {
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .frame-sourcecode {
        width: 90%;
        margin-left: 20px;
    }
}

/* faqs */
.faqs .card-header {
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    position: relative !important;
}

.faqs .card-header .icon {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
}

.faqs .card-header .icon img {
    padding: 0 !important;
}

.faqs .card .card-body p:last-child {
    margin-bottom: 20px !important;
}

.faqs .card-header .icon .plus {
    display: none;
}

.faqs .card-header.collapsed .icon .minus {
    display: none;
}

.faqs .card-header.collapsed .icon .plus {
    display: block;
}

.faqs .card {
    border: none !important;
    border-top: 1px dotted #ddd !important;
}

.faqs .card-header span.question {
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    line-height: 24px;
    font-weight: 600;
}

.faqs .card-body {
    padding: 0;
}

.faqs .collapsed .state-open {
    display: none;
}

/* collapse */
.accordion .card-body .frame>header h2 {
    margin-top: 0;
}

.accordion .card-body .frame>header h3 {
    margin-top: 0;
}

.accordion .card-body .frame>header h4 {
    margin-top: 0;
}

.accordion .card {
    border: 0;
    border-radius: 0;
}

.accordion .card .card-body {
    padding: 15px 0 0 0;
}

.accordion .card .card-body p:last-child {
    margin-bottom: 0;
}

.accordion .card-header {
    background: url(../img/localnav-arrows.png) no-repeat scroll 5px -179px #f0f0f0;
    cursor: pointer;
    border: 0;
    padding: 7px 5px 7px 20px;
    border-radius: 0;
    text-align: left;
}

.accordion .card-header strong {
    margin: 0;
    font-size: 13px;
    line-height: 21px;
}

.accordion.active .card-header {
    background: url('../img/localnav-arrows.png') no-repeat scroll 5px -269px #f0f0f0;
}

.accordion img {
    padding: 0 0 15px 0;
}

.accordion .image-caption {
    margin-top: -15px;
    margin-bottom: 15px;
}

.accordion .studip-picture-frame img {
    padding: 0;
}

.accordion .frame-default figure {
    margin: 0;
}

.accordion .frame-default .ce-column {
    margin-bottom: 0;
}

.accordion .frame-type-shortcut .frame-default>header {
    display: none;
}

.accordion .frame-type-shortcut .frame-type-gridelements_pi1 .frame-default>header {
    display: block;
}

@media (min-width: 768px) {
    .accordion .card-header strong {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion .card-header {
        padding: 7px 5px 7px 25px;
    }

    .accordion .card-header {
        background: url(../img/localnav-arrows.png) no-repeat scroll 10px -178px #f0f0f0;
    }

    .accordion.active .card-header {
        background: url('../img/localnav-arrows.png') no-repeat scroll 10px -268px #f0f0f0;
    }
}

/* slick lightbox */
.slick-lightbox-slick-item-inner img {
    border: 10px solid #ffffff;
}

.slick-lightbox-slick-item-inner {
    max-width: 95%;
}

.slick-lightbox-slick-img {
    max-width: 100%;
}

.slick-lightbox-slick-caption {
    margin: 0 auto;
    color: #777;
    font-size: 14px;
    max-width: 100%;
    background: #ffffff;
    display: block;
    text-align: left;
    padding: 0 10px 10px 10px;
}

.slick-lightbox-slick-caption a {
    color: #000;
    text-decoration: underline;
}

.slick-lightbox .slick-prev {
    z-index: 100;
    background-color: #ffffff;
    background-image: url(../img/slider_arrow_left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 30px;
    height: 30px;
    left: 0;
}

.slick-lightbox .slick-next {
    z-index: 100;
    background-color: #ffffff;
    background-image: url(../img/slider_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 30px;
    height: 30px;
    right: 0;
}

.slick-lightbox .slick-prev:before,
.slick-lightbox .slick-next:before {
    display: none;
}

@media (min-width: 992px) {
    .slick-lightbox .slick-prev {
        visibility: visible;
    }

    .slick-lightbox .slick-next {
        visibility: visible;
    }
}

/* gallery */
.frame-gallery img {
    width: 100%;
    max-width: 100%;
}

.accordion .frame-gallery img {
    padding: 0;
}

.frame-gallery {
    background-color: #626262;
    color: #fff;
    padding: 15px;
}

.frame-gallery header {
    border-bottom: 1px solid #fff;
    font-weight: 600;
    margin: 0 0 15px;
    padding: 0 0 10px;
    text-align: left;
}

.frame-gallery header h2 {
    margin: 0;
    text-transform: uppercase;
}

.frame-gallery .slider a {
    display: block;
    margin: 0;
}

.frame-gallery .slider .slick-list {
    margin-right: 0;
}

.frame-gallery .slick-prev {
    left: 0;
    z-index: 100;
    top: 0;
    bottom: 0;
    background-color: transparent;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-image: url(../img/slider_arrow_left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

.frame-gallery .slick-next {
    right: 0;
    z-index: 100;
    top: 0;
    bottom: 0;
    background-color: transparent;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-image: url(../img/slider_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

.frame-gallery .slick-prev:before,
.frame-gallery .slick-next:before {
    display: none;
}

@media (min-width: 768px) {
    .frame-gallery .slider a {
        margin: 0 9px 0 0;
    }

    .frame-gallery .slider .slick-list {
        margin-right: -9px;
    }
}

@media (min-width: 992px) {
    .frame-gallery .slick-prev {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .frame-gallery .slick-next {
        background-color: rgba(255, 255, 255, 0.2);
    }
}

/* lightbox */
.featherlight .featherlight-content {
    padding: 10px;
    max-width: 992px;
    border-bottom: 0;
}

.featherlight .featherlight-content .caption {
    font-size: 12px;
    padding: 10px 0 0 0;
    line-height: 22px;
    color: #777;
}

.featherlight .featherlight-content .caption a {
    color: #000;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .featherlight .featherlight-content .caption {
        font-size: 14px;
    }
}

/* picture with inline text */
.frame-pic_with_inlinetext {
    border-top: 4px solid #fd8900;
    position: relative;
}

.frame-pic_with_inlinetext header {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
    margin: 0;
}

.frame-pic_with_inlinetext header h1,
.frame-pic_with_inlinetext header h2,
.frame-pic_with_inlinetext header h3,
.frame-pic_with_inlinetext header h4 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #fff !important;
    text-transform: none !important;
    margin: 15px 0;
}

.frame-pic_with_inlinetext header h1 a,
.frame-pic_with_inlinetext header h2 a,
.frame-pic_with_inlinetext header h3 a,
.frame-pic_with_inlinetext header h4 a {
    color: #fff !important;
}

.frame-pic_with_inlinetext header h1 a:after,
.frame-pic_with_inlinetext header h2 a:after,
.frame-pic_with_inlinetext header h3 a:after,
.frame-pic_with_inlinetext header h4 a:after {
    display: none;
}

/* cards */
.upa-card {
    margin: 0 0 20px 0;
}

.upa-card header {
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    border-top: 4px solid #fd8900;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.upa-card header h2 {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    font-weight: 600;
}

/* header */
aside.right header h2,
aside.right header h3,
aside.right header h4 {
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border-top: none;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 15px;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

aside.right .frame-pic_with_inlinetext header h2,
aside.right .frame-pic_with_inlinetext header h3,
aside.right .frame-pic_with_inlinetext header h4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 768px) {

    aside.right header h2,
    aside.right header h3,
    aside.right header h4 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }
}

@media (min-width: 992px) {

    aside.right header h2,
    aside.right header h3,
    aside.right header h4 {
        border-top: 4px solid #fd8900;
    }
}

/* target group nav */
nav.targetgroup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.targetgroup ul a {
    background: url(../img/orange-arrow.png) no-repeat scroll 0 6px transparent;
    font-weight: 600;
    text-decoration: underline;
    padding: 0 0 0 15px;
    color: #666;
    display: block;
}

/* left nav */
nav.left .title {
    background-color: #626262;
    border-top: 0px solid #fff;
    border-bottom: 3px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    border-top: 4px solid #ff8000;
}

nav.left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.left>ul {
    margin: 0 0 20px 0;
}

nav.left li.l1 {
    background-color: #e0e0e0;
}

nav.left li.l2 {
    background-color: #f0efef;
}

nav.left li.l3 {
    background-color: #f8f8f8;
}

nav.left li.l4 {
    background-color: #fff;
}

nav.left li.l5 {
    background-color: #fff;
}

nav.left li.l6 {
    background-color: #fff;
}

nav.left li.sub {
    background-image: url(../img/localnav-arrows.png);
    background-position: 173px 10px;
    background-repeat: no-repeat;
    hyphens: auto;
}

nav.left li.act {
    background-image: url('../img/localnav-arrows.png');
    background-position: 173px -73px;
    background-repeat: no-repeat;
}

nav.left li.cur {
    background-color: #feedd7;
}

nav.left a {
    border-bottom: 1px dashed #acacac;
    color: #000;
    display: block;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    font-size: 13px;
    transition: background-color 0.4s;
}

nav.left a:hover {
    color: #fd8900;
    background-color: #feedd7;
}

nav.left li.l1 a {
    padding: 3px 18px 3px 6px;
}

nav.left li.l2 a {
    padding: 3px 18px 3px 10px;
}

nav.left li.l3 a {
    padding: 3px 18px 3px 20px;
}

nav.left li.l4 a {
    padding: 3px 10px 3px 30px;
}

nav.left li.l5 a {
    padding: 3px 10px 3px 40px;
}

nav.left li.l6 a {
    padding: 3px 10px 3px 50px;
}

/* general icons */
.fileicon {
    background: url(../img/fileicons.png) no-repeat 0 0 scroll transparent;
    display: block;
    height: 16px;
    margin: 3px 8px 0 0;
    width: 16px;
}

.pdf {
    background-position: 0 -17px;
}

/* link icons */

a.download,
a.en-download {
    background: url('../img/download.gif') no-repeat scroll 0 6px transparent;
    padding: 0 0 0 16px;
}

a.download-link,
a.en-download-link {
    display: block;
    margin-left: 26px;
}

a.external-link,
a.en-external-link {
    background: url('../img/external_link.gif') no-repeat scroll 0 6px transparent;
    padding: 0 0 0 12px;
}

a.external-link-new-window,
a.en-external-link-new-window {
    background: url('../img/external_link_new_window.gif') no-repeat scroll 0 6px transparent;
    padding: 0 0 0 20px;
}

a.important-link,
a.en-important-link {
    color: #fd8900;
    text-decoration: underline;
}

a.important-link-new-window,
a.en-important-link-new-window {
    background: url('../img/important_link_new_window.gif') no-repeat scroll 0px 6px transparent;
    color: #fd8900;
    padding: 0 0 0 16px;
    text-decoration: underline;
}

a.more:not(.internal-link, .internal-link-new-window, .more, .en-internal-link, .en-internal-link-new-window, .en-more, .download, .pdf-link, .sound-file, .en-download, .en-pdf-link, .sound-file-en, .external-link, .external-link-new-window, .en-external-link, .en-external-link-new-window, .mail, .en-mail),
a.en-more:not(.internal-link, .internal-link-new-window, .more, .en-internal-link, .en-internal-link-new-window, .en-more, .download, .pdf-link, .sound-file, .en-download, .en-pdf-link, .sound-file-en, .external-link, .external-link-new-window, .en-external-link, .en-external-link-new-window, .mail, .en-mail) {
    background: url("../img/localnav-arrows.png") no-repeat scroll -1px 5px transparent;
    padding: 0 0 0 12px;
}

a.pdf-link,
a.en-pdf-link {
    background: url('../img/fileicons.png') no-repeat 0 -16px scroll transparent;
    padding: 0 0 0 20px;
}

a.sound-file,
a.sound-file-en {
    background: url('../img/volume_up-24px.svg');
    background-repeat: no-repeat;
    background-size: 18px;
    padding: 0 0 0 20px;
}

a.mail,
a.en-mail {
    background: url('../img/icons.png') no-repeat scroll 0 -15px transparent;
    padding: 0 0 0 20px;
}

/* header styles */
h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    margin: 0;
}

h1.reduce {
    font-size: 22px;
    line-height: 36px;
}

h2 {
    font-size: 19px;
    font-weight: 600;
    margin: 15px 0;
}

h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0;
}

h5 {
    font-size: 13px;
    font-weight: 600;
    margin: 15px 0;
}

main h2 {
    margin: 25px 0 15px 0;
}

main h3 {
    margin: 25px 0 15px 0;
}

main h4 {
    margin: 25px 0 15px 0;
}

main h5 {
    margin: 25px 0 15px 0;
}

main header.h1 {
    margin: 0;
}

main header.h1 h1 {
    margin: 0 0 15px;
}

.layout-pagets__homepage h1.pageTitle {
    display: none;
}

.layout-pagets__newsletter .frame-type-header h2 {
    border-top: 4px solid #fd8900;
    border-bottom: 1px solid #e0e0e0;
    color: #333333;
    font-size: 20px;
    padding: 12px 0;
}

.layout-pagets__newsletter main h1 a:after,
.layout-pagets__newsletter main h2 a:after,
.layout-pagets__newsletter main h3 a:after,
.layout-pagets__newsletter main h4 a:after {
    display: none !important;
}

/* text styles */

p {
    margin: 0px 0 20px;
}

main a,
aside a {
    color: #666;
    font-weight: 600;
    text-decoration: underline;
}

main a:hover,
aside a:hover {
    color: #fd8900;
}

main h1 a,
main h2 a,
main h3 a,
main h4 a,
main h5 a,
main h6 a,
aside h1 a,
aside h2 a,
aside h3 a,
aside h4 a,
aside h5 a,
aside h6 a {
    color: #000;
    text-decoration: none;
}

aside h1 a,
aside h2 a,
aside h3 a,
aside h4 a {
    text-decoration: underline;
}

main h1 a:after,
main h2 a:after,
main h3 a:after,
main h4 a:after {
    content: " ";
    background: url(../img/baseline-chevron_right-24px.svg);
    background-repeat: no-repeat;
    background-position: center right;
    display: inline-block;
}

.news-list-view h1 a:after,
.news-list-view h2 a:after,
.news-list-view h3 a:after,
.news-list-view h4 a:after {
    display: none;
}

main h2 a:after {
    width: 30px;
    height: 15px;
    background-size: 35px;
}

main h3 a:after {
    width: 25px;
    height: 12px;
    background-size: 30px;
}

main h4 a:after {
    width: 20px;
    height: 12px;
    background-size: 26px;
}

a.dpnglossary.link:after {
    display: none !important;
}

.dpnglossary.link:hover:before {
    display: none;
}

::selection {
    background: #fd8900;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #fd8900;
    color: #fff;
    text-shadow: none;
}

main ul,
main ol,
aside ul,
aside ol {
    margin: 1em 0;
    padding: 0 0 0 20px;
}

main .frame-default li>ul {
    margin: 0;
}

/* typo3 container */
.csc-default,
.csc-frame {
    margin-bottom: 20px;
}

/* main nav */
nav.main {
    margin-bottom: 6px;
}

nav.main ul {
    margin: 0;
    padding: 0;
    border-top: 4px solid #ff8000;
}

nav.main li a,
nav.main li a:hover {
    color: #555;
    text-decoration: none;
    padding: 13px 0;
    display: block;
}

nav.main li {
    float: left;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #f1f1f1;
}

nav.main li.act {
    background-color: #e0e0e0;
}

nav.main li.li-0 {
    width: 164px;
    border-right: 1px solid #D5D5D5;
}

nav.main li.li-1 {
    width: 164px;
    border-right: 1px solid #D5D5D5;
}

nav.main li.li-2 {
    width: 139px;
    border-right: 1px solid #D5D5D5;
}

nav.main li.li-3 {
    width: 214px;
    border-right: 1px solid #D5D5D5;
}

nav.main li.li-4 {
    width: 249px;
}

/* footer */
footer {
    background: transparent;
    color: #666;
    font-size: 13px;
}

footer .wrapper1 {
    margin: 0 -15px;
    background-color: #fff;
}

footer .wrapper2 {
    padding: 15px;
    margin: 0;
    background-color: #f1f1f1;
}

footer .wrapper3 {
    height: 15px;
}

footer a {
    color: #666;
}

footer a:hover {
    color: #666;
    text-decoration: underline;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer nav .wrapper2 {
    border-bottom: 1px solid #ccc;
}

footer ul li {
    margin: 0 0 5px 0;
    width: 50%;
    float: left;
    list-style-type: none;
}

footer ul li img {
    margin-bottom: 2px;
}

footer span {
    margin-left: 30px;
}

footer .socialmedia {
    display: inline-block;
    float: right;
    font-size: 18px;
    line-height: 1;
}

footer .socialmedia.mobile {
    display: block;
    float: none;
    padding: 10px 15px;
    font-size: 24px;
    background-color: #ccc;
    color: #666;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
    text-align: center;
}

footer .socialmedia.mobile a {
    display: inline-block;
    padding: 0 10px;
}

@media (min-width: 768px) {
    footer ul li {
        margin: 0 15px 0 0;
        width: auto;
    }
}

@media (min-width: 992px) {
    footer {
        background: url('../img/footer-bg.png') no-repeat scroll center 0 transparent;
    }

    footer .wrapper1 {
        max-width: 960px;
        margin: 0 auto;
    }

    footer .wrapper2 {
        margin: 0 15px;
    }
}

/* back to top */
.totop-wrapper {
    position: fixed;
    width: 30px;
    height: 30px;
    bottom: 15px;
    right: 15px;
    z-index: 110;
}

.totop {
    background-color: #626262;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: none;
}

.totop-mobile .btn-back {
    border: none;
    color: #666;
    margin-bottom: 20px;
    border-radius: 0;
    border: 1px solid;
}

.totop-mobile .btn-outline-primary:not(:disabled):not(.disabled).active,
.totop-mobile .btn-outline-primary:not(:disabled):not(.disabled):active,
.totop-mobile .show>.btn-outline-primary.dropdown-toggle {
    background-color: #666666;
    border-color: #666666;
}

.totop-mobile .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.totop-mobile .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.totop-mobile .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, .5);
}

.totop-mobile .btn-outline-primary:hover {
    background-color: #666666;
    color: #fff;
}

.totop-mobile .btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, .5);
}

/* mobile meta nav with lang menu and direct access */
.mobile-metanav {
    background-color: #f4f4f4;
    padding: 10px 15px;
    height: 42px;
}

.btn-quickmenu,
.btn-languagemenu {
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    color: #888888;
    font-weight: 400;
    margin-right: 15px;
}

.dropdown-quickmenu {
    top: 8px !important;
    left: -15px !important;
}

.btn-quickmenu:focus,
.btn-languagemenu:focus {
    box-shadow: none;
}

.mobile-metanav .dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: #f4f4f4;
    padding: 0;
    left: -15px;
}

.mobile-metanav .dropdown-item {
    font-size: 300;
    font-size: 14px;
    padding: 10px 15px;
    color: #888888;
    border-bottom: 1px dashed #ddd;
}

.mobile-metanav .mobileSearchButton {
    font-size: 20px;
    line-height: 1;
    color: #777;
    cursor: pointer;
    display: inline-block;
}

.mobile-searchbar-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 42px;
}

.mobile-searchbar {
    background-color: #FCE6C1;
    padding: 5px 15px;
    position: absolute;
    z-index: 10;
    top: -80px;
    transition: all .5s ease;
    max-width: 100%;
}

.mobileSearchCloseButton {
    font-size: 20px;
    line-height: 1;
    color: #777;
    display: inline-block;
    padding: 6px 0;
    cursor: pointer;
}

/* image */
.image-caption {
    background-color: #efefef;
    padding: 15px;
    max-width: 100%;
    text-align: left;
}

.frame .ce-left .ce-gallery {
    max-width: 100%;
    float: none;
}

.frame .ce-left figure,
.frame .ce-right figure {
    margin-top: 0px;
}

.frame .ce-left:after {
    content: " ";
    clear: both;
    display: block;
}

.frame .ce-right .ce-gallery {
    max-width: 100%;
    float: none;
}

.frame .ce-right:after {
    content: " ";
    clear: both;
    display: block;
}

.frame .ce-center figure {
    text-align: center;
}

figure {
    max-width: 100%;
}

.ce-column {
    max-width: 100%;
}

.ce-gallery .ce-column {
    display: inline-block;
    margin: 0 0 4px 0;
}

aside.right .ce-gallery .ce-column {
    margin: 0;
}

.wow {
    z-index: 200;
}

@media (min-width: 768px) {
    .frame .ce-left .ce-gallery {
        max-width: 48%;
        float: left;
        margin: 0 15px 0 0;
    }

    aside.right .frame .ce-left .ce-gallery {
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .frame-pic_with_inlinetext .ce-left .ce-gallery {
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .frame .ce-right .ce-gallery {
        max-width: 48%;
        float: right;
        margin: 0 0 0 15px;
    }

    aside.right .frame .ce-right .ce-gallery {
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .frame.frame-quote .ce-gallery {
        max-width: 33%;
        float: right;
        margin: 0 0 0 15px;
    }

    .frame-pic_with_inlinetext .ce-right .ce-gallery {
        max-width: 100%;
        margin: 0;
        float: none;
    }

    .frame .ce-left figure,
    .frame .ce-right figure {
        margin-top: 4px;
    }

    .frame-pic_with_inlinetext .ce-left figure,
    .frame-pic_with_inlinetext .ce-right figure {
        margin-top: 0px;
    }

    .ce-right.ce-nowrap .ce-bodytext {
        margin-right: 48%;
    }

    aside.right .ce-right.ce-nowrap .ce-bodytext {
        margin-right: 0;
    }

    .ce-left.ce-nowrap .ce-bodytext {
        margin-left: 48%;
    }

    aside.right .ce-left.ce-nowrap .ce-bodytext {
        margin-left: 0;
    }

    .frame .ce-left.ce-nowrap .ce-gallery {
        margin: 0;
    }

    .frame .ce-right.ce-nowrap .ce-gallery {
        margin: 0;
    }

    .frame .ce-left.ce-nowrap .ce-bodytext {
        padding-left: 15px;
    }

    .frame .ce-right.ce-nowrap .ce-bodytext {
        padding-right: 15px;
    }

    aside.right .frame .ce-left.ce-nowrap .ce-bodytext {
        padding-left: 0;
    }

    aside.right .frame .ce-right.ce-nowrap .ce-bodytext {
        padding-right: 0;
    }
}

/* new video element override */
@media (min-width: 992px) {
    .upa_youtube_single_wrapper_small .upa_youtube_single_layer h2 {
        font-size: 12px;
    }

    .upa_youtube_single_wrapper_small .upa_youtube_single_play {
        width: 50px;
        height: 50px;
    }

    .upa_youtube_single_wrapper_small .upa_youtube_single_gdpr_mobile {
        display: block;
    }

    .upa_youtube_single_wrapper_small .upa_youtube_single:hover .upa_youtube_single_layer h2 {
        display: block !important;
    }

    .upa_youtube_single_wrapper_small .upa_youtube_single:hover .upa_youtube_single_layer p {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .upa_vimeo_single_wrapper_small .upa_vimeo_single_layer h2 {
        font-size: 12px;
    }

    .upa_vimeo_single_wrapper_small .upa_vimeo_single_play {
        width: 50px;
        height: 50px;
    }

    .upa_vimeo_single_wrapper_small .upa_vimeo_single_gdpr_mobile {
        display: block;
    }

    .upa_vimeo_single_wrapper_small .upa_vimeo_single:hover .upa_vimeo_single_layer h2 {
        display: block !important;
    }

    .upa_vimeo_single_wrapper_small .upa_vimeo_single:hover .upa_vimeo_single_layer p {
        display: none !important;
    }
}

/* uni video */
.tx-univideo-player-frame {
    max-width: 100%;
    min-width: 100%;
    width: 0;
}

table.tx-univideo-table {
    border-top: none;
}

.tx-univideo-list-wrapper {
    margin: 0 0 30px 0;
}

.tx-univideo-list-wrapper .tx-univideo-thumbnail {
    margin: 0 0 15px 0;
}

.tx-univideo-thumbnail {
    position: relative;
}

.tx-univideo-thumbnail .tx-univideo-play {
    display: block;
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}

@media (min-width: 768px) {
    .tx-univideo-list-wrapper .tx-univideo-thumbnail {
        margin: 5px 15px 0 0;
    }
}

/* 360° video */
.sphere {
    width: 100%;
    height: 400px;
}

/* Parallax effect */
.parallax {
    width: 100%;
    height: 300px;
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
}

@media (min-width: 992px) {
    .parallax {
        background-attachment: fixed;
    }
}

/* left content elements */
.contentLeft header {
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    border-top: 4px solid #fd8900;
    margin: 0;
    text-transform: uppercase;
    display: none;
}

.contentLeft figure {
    margin: 0;
    padding: 0 5px;
}

.contentLeft header h2 {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    font-weight: 600;
}

.contentLeft header h2 a {
    color: #333;
    text-decoration: none;
}

.contentLeft header h2 a:hover {
    color: #333;
    text-decoration: underline;
}

.slider-left .slick-dots li button:before {
    font-size: 10px;
}

.slider-left .slick-dots li.slick-active button:before {
    color: #ff8800;
}

.slider-left img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

@media (min-width: 992px) {
    .contentLeft header {
        display: block;
    }

    .contentLeft figure {
        padding: 0;
    }

    .slider-left img {
        -webkit-filter: initial;
        -moz-filter: initial;
        -ms-filter: initial;
        -o-filter: initial;
        filter: initial;
        opacity: 1;
    }
}

/* downloadbox */
.downloadbox ul {
    list-style-type: none;
    padding-left: 0;
}

/* studip */
.studip-content>* {
    margin-bottom: 20px;
}

.studip-content table {
    caption-side: top !important;
    border: none;
}

.studip-content table caption {
    background-color: #626262;
    border-top: 3px solid #fd8900;
    color: #fff;
    padding: 5px 10px 5px 10px;
    display: table-caption;
    text-align: -webkit-center;
    caption-side: top !important;
    display: table-caption;
}

.studip-content table th {
    background-color: transparent;
    color: #000;
    border: none;
}

.studip-course-lecturer {
    display: inline-block;
}

.studip-course-lecturer:after {
    content: "|";
    margin: 0 5px;
}

.studip-course-lecturer:last-child:after {
    display: none;
}

.studip-persondetails .studip-persondetails-picture {
    margin: 0 0 20px 0;
    display: inline-block;
    float: none;
}

.frame-type-gridelements_pi1 .studip-persondetails .studip-persondetails-picture {
    float: none;
}

.studip-content .studip-picture-frame {
    padding: 10px;
    border: 1px solid #ddd;
    max-width: 100%;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.33);
}

.frame-type-gridelements_pi1 .studip-content .studip-picture-frame {
    max-width: 100%;
}

.studip-persondetails .studip-persondetails-data:after {
    content: " ";
    float: none;
    clear: both;
    display: block;
    width: 100%;
}

aside.right .studip-persondetails .studip-persondetails-picture {
    margin: 0;
    float: none;
}

aside.right .studip-persondetails-data {
    margin-top: 15px;
}

aside.right .studip-content .studip-picture-frame {
    border: 1px solid #ddd;
    padding: 9px;
    width: 100%;
}

.studip-picture-frame img {
    width: 100%;
}

select[name="tx_importstudip_pi1[institute]"],
input[name="tx_importstudip_pi1[searchterm]"] {
    max-width: 100%;
    width: 100%;
}

.studip-persondetails .studip-persondetails-street {
    /* margin-bottom: 20px; */
}

.studip-persondetails .studip-persondetails-zipcity {
    /* margin-top: -20px; */
    margin-bottom: 20px;
}

.studip-persondetails .studip-persondetails-name {
    font-weight: 600;
}

.studip-persondetails .studip-persondetails-website {
    margin-bottom: 20px;
}

.studip-persondetails-contact>* {
    margin-bottom: 20px;
}

.studip-persons table thead tr th {
    background-color: #626262;
    border-top: 3px solid #fd8900;
    color: #fff;
    padding: 5px;
}

.studip-contactbox .studip-persondetails-data .studip-persondetails-website {
    margin-top: 15px;
}

.studip-phonebook .studip-pagination {
    display: block;
    padding: 0;
}

.studip-phonebook .studip-pagination li {
    display: inline-block;
    padding: 8px 13px;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    margin: 0 4px 0 0;
}

.studip-phonebook form label {
    width: 100%;
    display: inline-block;
}

.studip-phonebook input[type=text] {
    padding: 5px 32px 5px 31px;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border: 1px solid #a19589;
    border-radius: 0;
}

.studip-phonebook-searchterm-wrapper {
    position: relative;
    margin-bottom: 5px;
}

.studip-phonebook .studip-phonebook-searchoptions {
    border: 1px solid #a19589;
    margin: 0 0 5px 0;
}

.studip-phonebook .studip-phonebook-searchoptions input[type=checkbox] {
    margin-right: 4px;
}

.studip-phonebook .studip-phonebook-searchoptions label {
    display: inline-block;
    width: auto;
    margin: 0;
}

.studip-phonebook-searchoption {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.studip-phonebook-searchoption:last-of-type {
    border-bottom: none;
}

.studip-phonebook .studip-picture-frame img {
    width: 64px;
    height: 64px;
    margin: 0 10px 0 0;
}

.studip-phonebook .studip-persondetails-picture {
    display: inline-block;
    float: left;
}

.studip-phonebook .studip-phonebook-entry {
    display: inline-block;
    float: left;
    width: calc(100% - 74px);
}

.studip-phonebook table tr:first-child th:first-child {
    width: 70%;
}

.studip-phonebook .studip-phonebook-name {
    font-weight: bold;
}

.studip-phonebook input[type=submit] {
    background-color: #f7f7f7;
    background-image: url(../img/search_black_24dp.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    display: inline-block;
    font-family: Open Sans, Arial;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 32px;
}

.studip-phonebook-searchoptions-toggler {
    background-color: #f7f7f7;
    left: 1px;
    top: 1px;
    bottom: 1px;
    width: 24px;
    position: absolute;
    background-image: url(../img/arrow_drop_down_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

@media (min-width: 768px) {
    .studip-persondetails .studip-persondetails-picture {
        margin: 0 20px 20px 0;
        float: left;
    }

    .studip-content .studip-picture-frame {
        max-width: 184px;
    }
}

/* calendar */
.up-page-content-cal-event-linklist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.list-view-more-link a {
    background: url(../img/orange-arrow.png) no-repeat scroll -1px 10px transparent;
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 0 11px;
}

.up-page-content-cal-event-linklist-item {
    background: url(../img/orange-arrow.png) no-repeat scroll -1px 12px transparent;
    border-bottom: 1px dotted #ddd;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 0 11px;
}

.up-page-content-cal-event-linklist-item span {
    margin-left: 5px;
    color: #666;
}

.up-page-content-cal-category {
    color: #666;
    margin: 0 0 16px;
}

#calendar-event h2.main {
    margin: 0 0 5px 0;
}

#calendar-event h3 {
    margin: 0 0 15px 0;
}

#calendar-event .up-page-content-cal-event-linklist {
    border-top: 4px solid #fd8900;
}

#calendar-event .up-page-content-cal-event-linklist-item {
    border-bottom: none;
    padding: 5px 0 5px 11px;
}

#calendar-event .up-page-content-cal-event-linklist-item:nth-child(even) {
    background-color: #f0f0f0;
}

.up-page-content-cal-box {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

.up-page-content-cal-box .up-page-content-cal-box-item {
    width: 100%;
}

.up-page-content-cal-box .up-page-content-cal-box-item>div {
    padding: 10px;
}

.up-page-content-cal-header-button {
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    display: block;
    font-weight: 600;
    padding: 0;
    margin: 0 5px 5px 0;
    text-transform: uppercase;
}

.up-page-content-cal-header-buttons {
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0 0 8px;
}

.up-page-content-cal-header-button-cur {
    background-color: #f93 !important;
    border: 1px solid #c60 !important;
    color: #fff;
    font-weight: 600;
    padding: 8px;
}

.up-page-content-cal-header-button a {
    display: block;
    font-weight: 600;
    padding: 8px;
    text-decoration: none;
}

.up-page-content-cal-header-button-cur.up-page-content-cal-header-button a {
    padding: 0;
    color: #fff;
}

.up-page-content-cal-header-button-cur.up-page-content-cal-header-button a:hover {
    color: #666 !important;
}

.up-page-content-cal-nav {
    margin: 0 0 20px;
}

.up-page-content-cal-nav-prevnextbutton {
    background-color: #f4f4f4;
    border: 1px solid #dbdbdb;
    margin: 0 4px 0 0;
    width: 30px;
    text-align: center;
}

.up-page-content-cal-nav-prevnextbutton-nolink {
    color: #bbb;
    line-height: 30px;
    padding: 0;
    width: 30px;
    box-sizing: content-box;
}

.up-page-content-cal-nav-date {
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 0 18px;
}

.up-page-content-cal-event {
    border-top: 1px solid #dbdbdb;
    color: #333;
    padding: 0 0 10px;
}

.tx-cal-controller-odd {
    background-color: #f7f7f7;
}

.up-page-content-cal-list-event-teaser-info {
    color: #666;
    padding: 10px 5px 0 5px;
    width: 100%;
}

.up-page-content-cal-list-event-teaser {
    padding: 10px 15px 0 5px;
    width: 100%;
}

.up-page-content-cal-list-event-head h2 {
    margin-top: 0;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.up-page-content-cal-list-event-head h2 a:after {
    display: none;
}

.tx-cal-controller h1,
.tx-cal-controller .found {
    text-align: center;
}

.f3-widget-paginator {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 15px 0;
    display: flex;
    justify-content: center;
}

.f3-widget-paginator li {
    display: inline-block;
    margin: 0 5px 0 0;
    border: 1px solid #dbdbdb;
    background-color: #f7f7f7;
    padding: 3px 8px;
}

.f3-widget-paginator li a {}

.up-page-content-cal-nav-prevnextbutton a {
    color: #666;
    display: block;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

.tx-cal-controller .cal_required {
    color: red !important;
}

.tx-cal-controller input,
.tx-cal-controller textarea {
    margin-bottom: 5px;
    font-size: 13px;
    width: 100%;
    padding: 2px;
}

.tx-cal-controller input[type="radio"] {
    width: auto;
    margin: 0 6px 0 0;
}

.tx-cal-controller input[type="checkbox"] {
    width: auto;
    margin: 0 6px 0 0;
}

.tx-cal-controller .treelevel0>input {
    display: none;
}

.tx-cal-controller .treelevel1 {
    padding: 10px 0;
}

.tx-cal-controller input[type="submit"],
.tx-cal-controller input[type="button"] {
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    display: block;
    font-family: Open Sans, Arial;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    padding: 3px 8px;
    text-transform: uppercase;
    width: 100%;
    height: 30px;
}

.tx-cal-controller .category-submit {
    display: none !important;
}

.tx-cal-controller .treelevel0>.default_catheader_text {
    background-color: #efefef;
    display: block;
    border-top: 0px solid #fff;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px 5px 11px;
}

.tx-cal-controller textarea {
    min-height: 150px;
}

.tx-cal-controller select {
    margin-bottom: 5px;
    max-width: 100%;
}

.tx-cal-controller #startdate,
.tx-cal-controller #enddate {
    width: 80px;
    margin-right: 5px;
}

.tx-cal-controller label {
    padding: 7px 0;
    margin: 0;
}

.redBG {
    background-color: #fffafa !important;
}

.red {
    color: #f00 !important;
}

#cal-create-errors {
    border: 1px solid #faa;
    margin-bottom: 4%;
    padding: 10px;
}

.tx-cal-controller input {
    border: 1px solid #C1C1C1;
}

.tx-cal-controller div.csc-textpic-text>br {
    display: none;
}

table.ui-datepicker-calendar tr th:first-child {
    padding-right: 0;
}

table.ui-datepicker-calendar tr:nth-child(even) {
    background-color: transparent;
}

table.ui-datepicker-calendar {
    border-bottom: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #ff8800;
    background: #ff8800;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #ffffff;
    border: 1px solid #666;
    background: #666;
}

@media (min-width: 768px) {
    .up-page-content-cal-box .up-page-content-cal-box-item {
        width: 50%;
    }

    .up-page-content-cal-list-event-teaser-info {
        width: 36%;
    }

    .up-page-content-cal-list-event-teaser {
        padding: 10px 0 0 0;
        width: 61%;
    }

    .up-page-content-cal-header-button {
        margin: 0 5px 0 0;
    }
}

@media (min-width: 992px) {
    .up-page-content-cal-header-button a {
        padding: 3px 8px;
    }

    .up-page-content-cal-nav-prevnextbutton-nolink {
        line-height: 19px;
        width: 14px;
    }

    .up-page-content-cal-header-button-cur {
        padding: 3px 8px;
    }

    .up-page-content-cal-nav-date {
        line-height: 21px;
    }

    .up-page-content-cal-nav-prevnextbutton a {
        line-height: 21px;
    }

    .up-page-content-cal-nav-prevnextbutton {
        width: 19px;
        line-height: 21px;
    }
}

/* button style */
.upa_button_new {
    display: none;
}

.btn-primary {
    background-color: #fff;
    color: #666;
    margin-bottom: 20px;
    border-radius: 0;
    border: 1px solid;
    text-decoration: none;
}

.btn-primary:hover {
    background-color: #666666;
    color: #fff;
    border-color: #666;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: #666666;
    color: #fff;
    border-color: #666;
}

/* converis */
.tx-converis {
    padding: 0;
}

.tx-converis .projectList .row {
    margin-bottom: 20px;
}

main .tx-converis h2 {
    margin-top: 0;
}

main .tx-converis h3 {
    margin-top: 0;
}

main .tx-converis h4 {
    margin-top: 0;
}

main .tx-converis h1 a:after,
main .tx-converis h2 a:after,
main .tx-converis h3 a:after,
main .tx-converis h4 a:after {
    display: none;
}

.tx-converis .f3-widget-paginator {
    margin: 0;
    padding: 0;
    text-align: right;
}

.tx-converis .f3-widget-paginator li {
    display: inline-block;
    padding: 8px 13px;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    margin: 0 2px;
    list-style: none;
}

.tx-converis .projectTeaser {
    margin-bottom: 15px;
}

.tx-converis .projectTeaser .line {
    border-bottom: 1px dotted #ddd;
}

.tx-converis .projectTeaser img {
    margin-bottom: 15px;
}

.tx-converis table.up-table th {
    background-color: #626262;
}

.tx-converis table.up-table .row-odd {
    background-color: initial;
}

/* dpnglossary */
.dpnglossary.link {
    color: #000;
    border-bottom: 1px dotted #666;
    text-decoration: none;
    font-weight: inherit;
    cursor: help;
}

th .dpnglossary.link {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

/* color container */
.color-container {
    padding: 15px;
}

.color-container .frame:last-child p:last-child {
    margin: 0;
}

.color-container .frame:last-child {
    margin: 0;
}

.color-container .frame.frame-type-upatheme_button {
    margin: 0 0 15px 0;
}

main .color-container .frame:first-child>header>h2 {
    margin-top: 0;
}

main .color-container .right .frame:first-child>header>h2 {
    margin-top: 25px;
}

.color-container figure {
    margin: 0;
}

.color-gray {
    background-color: #efefef;
}

.color-lightorange {
    background-color: #feedd7;
}

.color-container>*:first-child .ce-wrapper>h1,
.color-container>*:first-child .ce-wrapper>h2,
.color-container>*:first-child .ce-wrapper>h3,
.color-container>*:first-child .ce-wrapper>h4,
.color-container>*:first-child .ce-wrapper>h5,
.color-container>*:first-child .ce-wrapper>h6 {
    margin-top: 0;
}

@media (min-width: 992px) {
    main .color-container .right .frame:first-child>header>h2 {
        margin-top: 0;
    }
}

/* new follow element */
.upa_follow {
    display: block;
    line-height: 0;
    font-size: 0;
    margin: 0 -5px 0 -5px;
    overflow: hidden;
}

.upa_follow .upa_follow_outer {
    display: inline-block;
    width: calc((100% - 50px) / 5);
    margin: 10px 5px 0px 5px;
}

.upa_follow .upa_follow_inner {
    width: 100%;
    padding: 0 0 100% 0;
    position: relative;
}

.upa_follow .upa_follow_inner a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    background-color: #eee;
    align-items: center;
    justify-content: center;
}

.upa_follow .upa_follow_inner a svg {
    height: 24px;
    width: auto;
    fill: #000;
}

.upa_follow .upa_follow_inner a:hover svg {
    fill: #000;
}

@media (min-width: 992px) {
    .upa_follow .upa_follow_outer {
        width: calc((100% - 40px) / 4);
    }

    main .upa_follow .upa_follow_outer {
        width: calc((100% - 60px) / 6);
    }
}

/* social media icons */
main .frame-type-upatheme_follow h2,
main .frame-type-upatheme_follow h3,
main .frame-type-upatheme_follow h4,
main .frame-type-upatheme_follow h5 {
    border-top: 4px solid #fd8900;
    background-color: #efefef;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    width: calc(100% + 30px);
    margin-left: calc(-15px);
    margin-right: calc(-15px);
}

.socialmediaicons {
    font-size: 35px;
    line-height: 50px;
}

.socialmediaicons div {
    width: 46px;
    text-align: center;
}

.socialmediaicons a {
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    line-height: 0;
}

.socialmediaicons .svg-inline--fa.fa-fw {
    width: 46px;
}

.socialmediaicons div {
    display: inline-block;
}

.socialmediaicons .fa-rss-square {
    color: #f26522;
}

.socialmediaicons .fa-facebook-square {
    color: #3b5998;
}

.socialmediaicons .fa-twitter-square {
    color: #1da1f2;
}

.socialmediaicons .fa-whatsapp-square {
    color: #25d366;
}

.socialmediaicons .fa-instagram {
    color: #c13584;
}

.socialmediaicons .fa-linkedin-in {
    color: #0077b5;
}

.socialmediaicons .fa-reddit-square {
    color: #ff4500;
}

.socialmediaicons .fa-xing-square {
    color: #026466;
}

.socialmediaicons .fa-youtube {
    color: #ff0000;
}

.socialmediaicons .gray-icon {
    color: #666666;
}

@media (min-width: 768px) {

    main .frame-type-upatheme_follow h2,
    main .frame-type-upatheme_follow h3,
    main .frame-type-upatheme_follow h4,
    main .frame-type-upatheme_follow h5 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* social media share */
ul.share-buttons {
    list-style: none;
    padding: 0;
    font-size: 30px;
}

ul.share-buttons li {
    display: inline-block;
    width: auto;
    padding: 0 15px 0 0;
    margin: 0;
}

ul.share-buttons .svg-inline--fa.fa-fw {
    width: 30px;
}

ul.share-buttons .fa-rss-square {
    color: #f26522;
}

ul.share-buttons .fa-facebook-square {
    color: #3b5998;
}

ul.share-buttons .fa-twitter-square {
    color: #1da1f2;
}

ul.share-buttons .fa-whatsapp-square {
    color: #25d366;
}

ul.share-buttons .fa-instagram {
    color: #c13584;
}

ul.share-buttons .fa-linkedin-in {
    color: #0077b5;
}

ul.share-buttons .fa-reddit-square {
    color: #ff4500;
}

ul.share-buttons .fa-xing-square {
    color: #026466;
}

ul.share-buttons .sr-only {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

footer .share {
    float: right;
}

footer .share li {
    margin: 0;
    cursor: pointer;
}

footer .share li img {
    margin-right: 5px;
}

.mobileShare {
    cursor: pointer;
    margin-bottom: 20px;
}

.mobileShare img {
    margin-right: 5px;
}

/* twitter */
.tx-mattgoldtwitter {
    padding: 0;
}

.tweet {
    max-width: 522px;
}

/* blockquote */
blockquote {
    position: relative;
    font-size: 2.4em;
    line-height: 1.5em;
    font-style: italic;
    z-index: 1;
    padding: 0 0 0 30px;
}

blockquote:before {
    content: '\201C';
    position: absolute;
    top: 0;
    left: -0.15em;
    color: #ff8800;
    font-size: 60px;
    z-index: -1;
    font-family: 'sans-serif';
}

blockquote p {
    margin-bottom: 0;
}

blockquote p.source {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

/* important text */
p.important-text {
    background-color: #feedd7;
    font-size: 13px;
    padding: 10px;
}

span.important-text {
    background-color: #feedd7;
}

/* forms */
.frame-type-form_formframework .form-navigation .btn-group {
    width: 100%;
}

.frame-type-form_formframework .btn-group.previous {
    width: 50%;
    display: block;
}

.frame-type-form_formframework .btn-group.next {
    width: 50%;
    display: block;
    text-align: right;
}

.frame-type-form_formframework input[type=password] {
    display: none;
}

.frame-type-form_formframework label {
    font-weight: bold;
}

.frame-type-form_formframework .form-control.hasDatepicker:disabled,
.frame-type-form_formframework .form-control.hasDatepicker[readonly] {
    background-color: #fff;
}

.frame-type-form_formframework legend {
    font-size: 16px;
    font-weight: 600;
}

.frame-type-form_formframework .form-check {
    padding-left: 0;
    margin-bottom: 5px;
}

.frame-type-form_formframework .form-check input[type=checkbox] {
    margin-right: 10px;
}

.frame-type-form_formframework .form-check-input {
    margin-left: 0;
    margin-top: 4px;
}

.frame-type-form_formframework input[type=radio]+span {
    margin-left: 21px;
}

.form-inline .form-group {
    padding-right: 5px;
}

.form-inline {
    margin-bottom: 1rem;
}

.form-inline .form-group label {
    display: block;
    width: 100%;
}

.error.help-block {
    color: #A63232;
    font-weight: bold;
    font-size: 14px;
    display: block;
    background-color: rgba(166, 50, 50, 0.2);
    padding: 10px 15px;
    margin: 10px 0;
}

/* a-z index */
.tx-mwkeywordlist-pi1 a {
    display: block;
    margin-left: 40px;
}

.tx-mwkeywordlist-pi1 span.letter {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 15px 0;
}

.tx-mwkeywordlist-pi1-jumpmenu a {
    display: inline-block;
    margin-left: 0;
}

.tx-mwkeywordlist-pi1 h1 {
    font-size: 20pt;
    font-weight: bold;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.tx-mwkeywordlist-pi1 h2 {
    font-size: 17pt;
    font-weight: bold;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.tx-mwkeywordlist-pi1-jumpmenu {
    padding-bottom: 0;
    font-size: 12px;
    word-wrap: break-word;
    line-height: 1;
}

.tx-mwkeywordlist-pi1-keywordlist {}

.tx-mwkeywordlist-pi1-content div {}

.tx-mwkeywordlist-pi1-content div.section {
    margin-top: 5px;
    margin-bottom: 10px;
}

.tx-mwkeywordlist-pi1-content div.sectiontoplink {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tx-mwkeywordlist-pi1-content ul {
    margin: 0px;
    padding-bottom: 15px;
    font-weight: normal;
}

.tx-mwkeywordlist-pi1-content li {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

.tx-mwkeywordlist-pi1-activeLink {
    padding: 5px;
    border-right: 1px solid #eee;
}

.tx-mwkeywordlist-pi1-inactiveLink {
    padding: 5px;
    border-right: 1px solid #eee;
}

.tx-mwkeywordlist-pi1-activeLink:first-child {
    padding-left: 0;
}

.tx-mwkeywordlist-pi1-inactiveLink:first-child {
    padding-left: 0;
}

/* newsletter */
.mmc-dms-form .email {
    width: 100%;
    margin-bottom: 10px;
}

.mmc-dms-form input[type=submit] {
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    display: block;
    font-family: Open Sans, Arial;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    padding: 3px 8px;
    text-transform: uppercase;
    width: 34%;
    color: #000 !important;
}

.mmc-dms-messagesent {
    background-color: #feedd7;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0;
}

/* tx-publications */
.tx-publications label {
    width: 100%;
    margin: 10px 0 10px 0;
    font-weight: 700;
}

.tx-publications input[type=text] {
    width: 100%;
    padding: 4px;
    margin-bottom: 10px;
}

.tx-publications input[type=number] {
    width: 100%;
    padding: 4px;
    margin-bottom: 10px;
}

.tx-publications input[type=submit] {
    margin: 0;
    display: block;
    padding: 4px 10px;
    border: 1px solid #e0e0e0;
    background: #f1f1f1;
    color: #666;
    border-radius: 0;
}

.tx-publications h4 {
    padding: 15px 0 15px 0;
    margin: 0;
}

.tx-publications .reset {
    padding: 0 0 10px 0;
    display: inline-block;
}

.tx-publications .entry-num {
    font-family: monospace;
    width: 40px;
    float: left;
}

.tx-publications .entry-text {
    padding: 0 0 0 40px;
}

.tx-publications .pub-group .entries {
    margin-bottom: 30px;
}

.tx-publications .pub-group .entry:nth-child(even) {
    background-color: #f1f1f1;
}

.tx-publications .f3-widget-paginator {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    display: block;
}

.tx-publications .f3-widget-paginator li {
    display: block;
    padding: 8px 13px;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    margin: 0 2px;
    float: left;
}

.tx-publications .f3-widget-paginator li.last,
.tx-publications .f3-widget-paginator li.next {
    display: none;
}

.tx-publications .btn-primary {
    font-size: 13px;
    padding: 8px 13px;
}

@media (min-width: 768px) {

    .tx-publications .f3-widget-paginator li.last,
    .tx-publications .f3-widget-paginator li.next {
        display: block;
    }
}

/* arabic text */
html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6 {
    text-align: right;
    letter-spacing: 1.5px;
}

html[lang=ar] main p {
    text-align: right;
    direction: rtl;
    font-size: 16px;
    letter-spacing: 1.5px;
}

/* javascript warning */
.jswarning {
    background: #FCE6C1;
    padding: 10px;
    text-align: center;
}

/* rss feed */
.rss-feed1 .news-list-view .article:last-child {
    border-bottom: none;
}

.rss-feed2 .news-list-view .article-layout-picteaser h2 {
    margin: 25px 0;
}

.rss-feed2 .news-list-view .article .teaser-text {
    margin: 0 0 10px 0;
}

.rss-feed1 a {
    padding-right: 20px;
    background-image: url(../img/open_in_new-24px.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 14px;
}

.rss-feed2 a {
    padding-right: 26px;
    background-image: url(../img/open_in_new-24px.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px;
}

.rss-feed3 a {
    padding-right: 20px;
    background-image: url(../img/open_in_new-24px.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 14px;
}

/* linkbox element */
.upa_linkbox_links h2 {
    margin-top: 0 !important;
    font-size: 20px !important;
}

/* testimonial */
.upa_testimonial {
    max-width: 100% !important;
}

.upa_testimonial p {
    font-size: 16px !important;
}

/* new shortprofile element */
.frame .upa_shortprofile {
    padding: 20px;
}

.frame .upa_shortprofile .upa_shortprofile_profile_picture {
    margin-bottom: 20px;
    border: 4px solid #fff;
}

.frame .upa_shortprofile h2 {
    font-size: 20px;
    margin: 0 0 6px 0 !important;
}

.frame .upa_shortprofile_subtile {
    font-size: 16px;
    font-weight: 400;
}

.frame .upa_shortprofile_more {
    font-size: 16px;
    color: #4b4b4b;
    margin-bottom: 6px;
}

.frame .upa_shortprofile .upa_shortprofile_inner_new {
    display: none;
}

@media (min-width: 1440px) {
    .frame .upa_shortprofile .upa_shortprofile_profile_picture {
        width: 120px;
    }
}

/* shortProfile */
.frame-type-upatheme_shortprofile {
    margin-bottom: 0;
}

.shortProfile {
    background-color: #f1f1f1;
    margin: 60px 0 20px 0;
    padding: 0 20px 20px 20px;
    display: inline-block;
    width: 100%;
    border-top: 4px solid #ff8000;
}

.shortProfile h2 {
    margin: 25px 0 10px 0;
}

.shortProfile .face-pic {
    border-radius: 1000px;
    max-width: 120px;
    position: relative;
    top: -60px;
    margin-bottom: -60px;
    padding: 0;
    width: 100%;
}

.shortProfile .quote {
    font-size: 18px;
    color: #fd8900;
    position: relative;
    padding-left: 32px;
    font-weight: bold;
}

.shortProfile .quote p:before {
    content: "\201C";
    color: #fd8900;
    line-height: 0;
    font-size: 60px;
    font-weight: bold;
    position: absolute;
    top: 17px;
    left: 0;
    text-shadow: none;
    display: block;
}

.shortProfile .intro {
    margin-bottom: 20px;
}

.shortProfile .intro a {
    word-break: break-word;
}

.shortProfile .intro p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.shortProfile .arrow {
    transition: 0.5s ease all;
}

.shortProfile .collapsed .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* tiles */
.upa_tile_new_design {
    display: none;
}

.frame-type-upatheme_tile .ce-wrapper,
.frame-list-type-mattgoldtheme_tile .ce-wrapper {
    position: relative;
}

.tile-scheme-darkgray .tile,
.inline-text.tile-scheme-darkgray {
    background-color: rgba(98, 98, 98, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-darkgray a {
    color: #ffffff;
}

.tile-scheme-darkgray .tile:hover {
    background-color: rgba(98, 98, 98, 0.8);
}

.tile-scheme-darkgray .tile .overlay {
    background-color: rgba(98, 98, 98, 0.7);
}

.tile-scheme-brightgray .tile,
.inline-text.tile-scheme-brightgray {
    background-color: rgba(239, 239, 239, 1);
    color: #000000;
}

.inline-text.tile-scheme-brightgray a {
    color: #000000;
}

.tile-scheme-brightgray .tile:hover {
    background-color: rgba(239, 239, 239, 0.8);
}

.tile-scheme-brightgray .tile .overlay {
    background-color: rgba(239, 239, 239, 0.7);
}

.tile-scheme-darkorange .tile,
.inline-text.tile-scheme-darkorange {
    background-color: rgba(253, 137, 0, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-darkorange a {
    color: #ffffff;
}

.tile-scheme-darkorange .tile:hover {
    background-color: rgba(253, 137, 0, 0.8);
}

.tile-scheme-darkorange .tile .overlay {
    background-color: rgba(253, 137, 0, 0.7);
}

.tile-scheme-brightorange .tile,
.inline-text.tile-scheme-brightorange {
    background-color: rgba(252, 230, 193, 1);
    color: #000000;
}

.inline-text.tile-scheme-brightorange a {
    color: #000000;
}

.tile-scheme-brightorange .tile:hover {
    background-color: rgba(252, 230, 193, 0.8);
}

.tile-scheme-brightorange .tile .overlay {
    background-color: rgba(252, 230, 193, 0.7);
}

.tile-scheme-white .tile,
.inline-text.tile-scheme-white {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
}

.inline-text.tile-scheme-white a {
    color: #000000;
}

.tile-scheme-white .tile:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.tile-scheme-white .tile .overlay {
    background-color: rgba(255, 255, 255, 0.7);
}

.tile-scheme-transparent .tile,
.inline-text.tile-scheme-transparent {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
}

.inline-text.tile-scheme-transparent a {
    color: #000000;
}

.tile-scheme-transparent .tile:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.tile-scheme-transparent .tile .overlay {
    background-color: rgba(255, 255, 255, 0);
}

.tile-scheme-red-jura .tile,
.inline-text.tile-scheme-red-jura {
    background-color: rgba(229, 49, 56, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-red-jura a {
    color: #ffffff;
}

.tile-scheme-red-jura .tile:hover {
    background-color: rgba(229, 49, 56, 0.8);
}

.tile-scheme-red-jura .tile .overlay {
    background-color: rgba(229, 49, 56, 0.7);
}

.tile-scheme-red-phil .tile,
.inline-text.tile-scheme-red-phil {
    background-color: rgba(188, 42, 51, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-red-phil a {
    color: #ffffff;
}

.tile-scheme-red-phil .tile:hover {
    background-color: rgba(188, 42, 51, 0.8);
}

.tile-scheme-red-phil .tile .overlay {
    background-color: rgba(188, 42, 51, 0.7);
}

.tile-scheme-green-wiwi .tile,
.inline-text.tile-scheme-green-wiwi {
    background-color: rgba(0, 96, 57, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-green-wiwi a {
    color: #ffffff;
}

.tile-scheme-green-wiwi .tile:hover {
    background-color: rgba(0, 96, 57, 0.8);
}

.tile-scheme-green-wiwi .tile .overlay {
    background-color: rgba(0, 96, 57, 0.7);
}

.tile-scheme-blue-fim .tile,
.inline-text.tile-scheme-blue-fim {
    background-color: rgba(0, 90, 161, 1);
    color: #ffffff;
}

.inline-text.tile-scheme-blue-fim a {
    color: #ffffff;
}

.tile-scheme-blue-fim .tile:hover {
    background-color: rgba(0, 90, 161, 0.8);
}

.tile-scheme-blue-fim .tile .overlay {
    background-color: rgba(0, 90, 161, 0.7);
}

.tile-container {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tile-container:after {
    content: "";
    display: table;
    clear: both;
}

.inline-text {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
    padding: 20px;
    width: 100vw;
    transition: 4s ease all;
    display: none;
    overflow-y: scroll;
}

.inline-text a {
    color: #fff;
    text-decoration: underline;
}

.inline-text.show {
    display: block;
}

.inline-text .inline-text-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.inline-text .inline-text-wrapper {
    padding: 40px 0;
}

.inline-text h2:first-of-type,
.inline-text h3:first-of-type,
.inline-text h4:first-of-type,
.inline-text h5:first-of-type,
.inline-text h6:first-of-type {
    margin-top: 0px;
}

.tile-inner-container {
    margin: 0 -3px;
    position: relative;
    overflow: hidden;
}

.tile-container-scheme-darkgray {
    background-color: rgba(98, 98, 98, 1);
    padding: 40px 20px;
}

.tile-container-scheme-brightgray {
    background-color: rgba(239, 239, 239, 1);
    padding: 40px 20px;
}

.tile-container-scheme-darkorange {
    background-color: rgba(253, 137, 0, 1);
    padding: 40px 20px;
}

.tile-container-scheme-brightorange {
    background-color: rgba(252, 230, 193, 1);
    padding: 40px 20px;
}

.frame-type-upatheme_tile .ce-wrapper,
.frame-list-type-mattgoldtheme_tile .ce-wrapper {
    margin: 0 0 15px 0;
}

.tile-container .frame-type-upatheme_tile .ce-wrapper,
.tile-container .frame-list-type-mattgoldtheme_tile .ce-wrapper {
    margin: 3px;
}

.tile-link {
    text-decoration: none;
}

.tile-container .tile-show-inline {
    cursor: pointer;
}

.tile {
    padding: 0 0 100% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-decoration: none;
    transition: 0.3s ease all;
}

.tile-container *:focus {
    outline: none;
}

.tile .plus,
.tile .tile-more-icon-arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    z-index: 20;
    background-image: url(../img/add-24px-black.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
}

.tile .tile-more-icon-arrow {
    background-image: url(../img/expand_more-24px.svg);
}

.tile-scheme-darkgray .tile .plus,
.tile-scheme-darkorange .tile .plus,
.tile-scheme-red-jura .tile .plus,
.tile-scheme-red-phil .tile .plus,
.tile-scheme-green-wiwi .tile .plus,
.tile-scheme-blue-fim .tile .plus {
    background-image: url(../img/add-24px-white.svg);
}

.tile:hover {
    background-size: 110%;
}

.tile * {
    z-index: 20;
}

.tile .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.tile .video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.tile .video-overlay video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}

.tile .tile-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.tile .tile-inner-wrapper {
    padding: 15% 15px 15px 15px;
}

.frame-type-upatheme_tile,
.frame-list-type-mattgoldtheme_tile {
    margin: 0 !important;
}

.tile h1,
.tile h2,
.tile h3,
.tile h4,
.tile h5,
.tile h6 {
    font-size: 28px;
    margin: 0 0 15px 0;
    line-height: 1.2;
}

.tile-container.tile-container-num-3 .tile p {
    font-size: 12px;
}

.tile .tile-text {
    font-size: 18px;
}

.tile .icon {
    margin-bottom: 10px;
}

.tile-padding-bottom .tile-inner-num {
    padding-bottom: 12px;
}

.tile-inner-num.inactive .tile {
    filter: unset;
}

.tile-slider .slick-prev {
    left: 6px;
    z-index: 100;
    background-image: url(../img/slick_tile_left.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.tile-slider .slick-prev:before {
    display: none;
}

.tile-slider .slick-next {
    right: 6px;
    z-index: 100;
    background-image: url(../img/slick_tile_right.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.tile-slider .slick-next:before {
    display: none;
}

@media all and (-ms-high-contrast:none) {
    .tile:hover {
        background-size: 100%;
    }
}

@media (min-width: 768px) {

    .tile h1,
    .tile h2,
    .tile h3,
    .tile h4,
    .tile h5,
    .tile h6 {
        font-size: 20px;
    }

    .tile-padding-bottom .tile-inner-num {
        padding-bottom: 0;
    }

    .tile-container.tile-container-num-2 .tile-no-slider .frame {
        width: 50%;
        float: left;
    }

    .tile-container.tile-container-num-3 .tile-no-slider .frame {
        width: 33.333333333%;
        float: left;
    }

    .tile-container.tile-container-num-4 .tile-no-slider .frame {
        width: 25%;
        float: left;
    }
}

@media (min-width: 992px) {
    .tile-container.tile-container-num-2 .frame {
        width: 50%;
        float: left;
    }

    .tile-container.tile-container-num-3 .frame {
        width: 33.333333333%;
        float: left;
    }

    .tile-container.tile-container-num-4 .frame {
        width: 25%;
        float: left;
    }

    .tile-container.tile-container-num-2 .tile h1,
    .tile-container.tile-container-num-2 .tile h2,
    .tile-container.tile-container-num-2 .tile h3,
    .tile-container.tile-container-num-2 .tile h4,
    .tile-container.tile-container-num-2 .tile h5,
    .tile-container.tile-container-num-2 .tile h6 {
        font-size: 40px;
        margin: 0 0 30px 0;
        line-height: 1.2;
    }

    .tile-container .tile h2.tile-header-large {
        font-size: 30px;
    }

    .tile-container .tile h2.tile-header-medium {
        font-size: 26px;
    }

    .tile-container .tile h2.tile-header-small {
        font-size: 18px;
    }

    .tile-container .tile p {
        font-weight: 300;
        font-size: 16px;
    }

    .frame-type-upatheme_tile .ce-wrapper,
    .frame-list-type-mattgoldtheme_tile .ce-wrapper {
        position: static;
    }

    .inline-text {
        position: relative;
        width: 100%;
    }

    .inline-text a {
        color: #000;
    }

    .inline-text.show {
        float: left;
        margin: 2px 0;
        width: calc(100% - 6px);
        left: 3px;
    }

    .tile-inner-num.inactive .tile {
        filter: grayscale(1);
    }

    .tile .tile-text .tile-fontp-large {
        font-size: 24px;
    }

    .tile .tile-text .tile-fontp-small {
        font-size: 16px;
    }
}

/* cookie banner */
.upa_cookie {
    z-index: 9000;
    position: fixed;
    max-width: 100%;
    right: 15px;
    bottom: 115px;
    display: block;
    background: #fff;
    border: 1px solid #efefef;
    padding: 30px;
    left: 15px;
    font-size: 14px;
}

.upa_cookie a {
    color: #666;
}

.upa_cookie_button_normal {
    background: #efefef;
    padding: 5px;
    text-align: center;
    margin-top: 15px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.upa_cookie_button_all {
    background: #698A4F;
    padding: 5px;
    text-align: center;
    margin-top: 15px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.upa_cookie .form-check-label {
    font-size: 13px;
    padding-top: 10px;
    padding-left: 5px;
}

.upa_cookie .form-check-input {
    position: relative;
    top: -2px;
}

.upa_cookie a {
    font-weight: bold;
    text-decoration: underline;
}

.upa_cookie a:hover {
    color: #000;
}

@media (min-width: 992px) {
    .upa_cookie {
        left: auto;
        max-width: 420px;
    }
}

/* twitter */
.mattgold_twitter_gdpr h2 {
    margin-top: 0 !important;
    line-height: 1;
}

.mattgold_twitter_wrapper {
    margin: 0;
}

.mattgold_twitter_gdpr p {
    font-size: 14px;
}

.mattgold_twitter_toggle {
    line-height: 1;
}

/* print styles */
@media print {
    .collapse:not(.show) {
        display: block;
    }
}

/* source code */
.upa_sourcecode {
    font-family: monospace;
    background: #f1f1f1;
    word-wrap: break-word;
    box-decoration-break: clone;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

.upa_sourcecode p:last-child {
    margin-bottom: 0;
}

/* override new design */
main .upa_titlebanner h2 {
    font-size: 20px;
}

@media (min-width: 1200px) {
    main .upa_titlebanner h2 {
        font-size: 26px;
    }
}