@import url(fonts/worksans/stylesheet.css);

/*************************************
* Styles for ascenion.de
* (c) Peter Royer <www.freeatweb.at>
**************************************/

/******************
* General settings 
*******************/
body > #mainnav-wrapper {
    z-index: 150 !important;
}

.top-banner .news-single {
    display: none;
}

.top-banner .stripe {
    position: absolute;
    z-index: 500;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    background: #d71b6a;
    color: #fff;
    /*   height: 80px; */
    line-height: 35px;
    font-size: 16px;
    text-align: center;
}

.top-banner .stripe > * {
    padding: 0.5em 1em;

}

.top-banner .news-list-view > div,
html a.no-margin {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

html body {
    font-family: 'work_sansregular', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #646566;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    background: #fff;
}

/******************
* General elements (buttons, etc.)
*******************/
html h1 {
    font-size: 22px;
    margin: 1em 0 0.5em 0;
    color: #464fa8;
}

html h2 {
    font-size: 18px;
    margin: 1.5em 0;
    color: #464fa8;
}

html h3 {
    font-size: 16px;
    margin: 1em 0 0.3em 0;
    color: #393939;
}

html h4 {
    color: #ff0000 !important;
    font-size: 14px;
    font-weight: bold;
}

html .alert {
    padding: 15px !important;
}

html table,
html tr,
html td {
    border-color: #f4c277;
    border-collapse: collapse;
}

html ul,
html p {
    margin: 0.3em 0;
}

html .font-smaller {
    font-size: 12px;
}

.content-wrapper ul {
    padding-left: 25px;
    line-height: 1.2;
    /*  list-style-image: url('../Images/ico-style-item.png'); */
}

.content-wrapper .note-editable ul,
.content-wrapper .partner-package-teaser ul {
    list-style-image: none;
}

.content-wrapper .sidebar .frame-layout-1 ul li {
    padding-bottom: 10px;
}

.content-wrapper ul li {
    padding-bottom: 25px;
}

.content-wrapper ul li:last-child {
    padding-bottom: 0;
}

.content-wrapper .partner-package-teaser li {
    padding-bottom: 10px;
}

.content-wrapper .customer-nav ul li {
    padding-bottom: 5px;
}

html .note-editor.note-frame .note-editing-area .note-codable,
.hidden {
    display: none;
}

html .form-horizontal .control-label {
    text-align: left;
    line-height: 1.2;
}

.main-wrapper {
    margin: 0 4em;
}

html #mainnav {
    margin: 0 1.6em;
}

.index-page .content-wrapper .index-boxes,
.display-flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -webkit-flex-align: space-between;
    -ms-flex-align: space-between;
    -webkit-align-items: space-between;
    align-content: center;
}

html .record-buttons {
    align-content: flex-start;
}

html .flex-nowrap {
    flex-wrap: nowrap;
}

html .flex-start-left-payment,
html .flex-start-left {
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
}

.text-uppercase {
    text-transform: uppercase;
}

.two-cols > * {
    width: 49%;
    padding-right: 1%;
}

html .flex-start-left-payment > div {
    margin-right: 3%;
}

html .flex-start-left > div {
    max-width: 30%;
    margin-right: 3%;
}

html .flex-start-left > div:last-child {
    margin-right: 0;
}

div .four-cols > div {
    max-width: 23%;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

html a {
    text-decoration: none;
    color: #d71b6a;
}

.more {
    color: #d2262e;
}

html a.lightbox {
    position: relative;
}

p a {
    border-bottom: 1px dotted #595faf;
}

form {
    position: relative
}

html option {
    font-family: 'work_sansregular', sans-serif !important;
    text-indent: 0.8rem;
}

div a:hover,
div a:active,
div a:focus {
    color: #d71b6a;
    text-decoration: underline;
    font-weight: bold;
    -webkit-transition: font-weight 0.2s ease-out;
    -moz-transition: font-weight 0.2s ease-out;
    -o-transition: font-weight 0.2s ease-out;
    transition: font-weight 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

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

fieldset {
    border: 0;
    padding: 0;
}

fieldset > div {
    padding: 10px 0;
}

table {
    width: 100%;
}

td {
    padding-right: 1em;
}

label {
    display: block;
    line-height: 2;
    font-weight: 600;
}

.checkbox label,
label p {
    margin: 0;
    padding-top: 0.5em;
    line-height: 1;
}

label p a {
    color: #d2252e;
}

html a.print {
    display: inline-block;
    margin: 15px 0;
}

.failure-field a,
.failure-field {
    color: #fff;
    background: #ff0000;
}

a.print,
html input[type="submit"],
html .form-nav-btn {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    font-weight: 600;
    background: #464fa8 !important;
    border: 1px solid #464fa8 !important;
    cursor: pointer;
}

html .form-nav-btn:hover,
html .form-nav-btn:focus,
a.print:hover,
a.print:focus,
a.print:active,
html input[type="submit"]:hover,
html input[type="submit"]:focus,
html input[type="submit"]:active {
    text-decoration: none;
    background: #fff !important;
    color: #464fa8;
}

html select,
html textarea,
html input[type="phone"],
html input[type="fax"],
html input[type="email"],
html input[type="date"],
html input[type="text"],
html input[type="password"],
html input[type="submit"].btn {
    /*   display: inline !important; */
    width: 100% !important;
    font-family: 'work_sansregular', sans-serif !important;
    font-size: 14px !important;
    line-height: 2 !important;
    padding: 2px 0 !important;
    text-indent: 0.8rem !important;
    border: 1px solid #464fa8 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
}

html .btn {
    display: inline !important;
    width: 100% !important;
    font-family: 'work_sansregular', sans-serif !important;
    font-size: 14px !important;
    line-height: 2 !important;
    text-indent: 0.8rem !important;
    border: 1px solid #464fa8 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
}

html div .note-btn {
    text-indent: 0 !important;
}

html .btn-group {
    display: inline-flex;
}

html div select {
    height: 34px !important;
    text-indent: 0.3em !important;
}

html input[type="button"].active,
html .btn-red {
    display: inline-block;
    background: #d62a40;
    border: 1px solid #d62a40;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 5px 8px;
    margin: 10px;
    text-decoration: none;
    -webkit-box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
    box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
}

html div .btn-red.btn-primary {
    display: block;
    width: 100%;
}

html input[type="button"].active:hover,
html input[type="button"].active:focus,
html .btn-red:hover,
html .btn-red:focus {
    background: #fff;
    color: #d62a40;
    text-decoration: none;
}

html .btn-grey {
    display: inline-block;
    background: #6c6c6c;
    border: 1px solid #6c6c6c;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 5px 8px;
    margin: 10px;
    text-decoration: none;
    -webkit-box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
    box-shadow: -3px 3px 0px 1px rgba(0, 0, 0, 0.75);
}

html .btn-red:hover,
html .btn-red:focus {
    background: #fff;
    color: #6c6c6c;
}

.btn-large {
    font-size: 18px;
}

html div .note-btn {
    display: inline-block;
    width: auto;
    text-indent: 0;
    margin-right: 10px;
}

html .panel {
    margin-bottom: 2px;
}

html .btn,
input[type="submit"].btn {
    background: #464fa8;
    color: #fff;
    padding: 5px 8px;
    text-decoration: none;
}

.tx-sf-event-mgt form .event-category-select,
textarea.rte150,
textarea.rte1700,
textarea.rte {
    display: block !important;
    opacity: 0;
    height: 0px !important;
}

html select:active,
html select:focus,
html textarea:active,
html textarea:focus,
html input[type="phone"]:hover,
html input[type="phone"]:focus,
html input[type="phone"]:active,
html input[type="fax"]:hover,
html input[type="fax"]:focus,
html input[type="fax"]:active,
html input[type="email"]:hover,
html input[type="email"]:active,
html input[type="email"]:focus,
html input[type="text"]:focus,
html input[type="text"]:active,
html input[type="submit"].btn:focus,
html input[type="submit"].btn:active {
    border: 1px solid #464ea9;
}

html .btn:hover,
html .btn:active,
html .btn:focus,
html input[type="submit"].btn:hover,
html input[type="submit"].btn:active,
html input[type="submit"].btn:focus {
    color: #fff;
    background: #464ea9;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

html input[type="checkbox"], input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1;
}

html .radio + .radio, html .checkbox + .checkbox {
    margin-top: 10px;
}

input.checkbox-standalone {
    margin-top: 0.8rem;
    display: inline-block;
    float: left;
    opacity: 100;
    appearance: checkbox;
    moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -ms-appearance: checkbox;
}


html input[type="checkbox"] + label, html input[type="radio"] + label {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding-left: 1.3em;
    padding-right: 0.75em;
    position: relative;
}

html input[type="checkbox"] + label:before, html input[type="radio"] + label:before {
    background: #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: solid 1px #464ea9;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    left: 0;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 8px;
    font-size: 16px;
    letter-spacing: 0;
}

html input[type="checkbox"]:checked + label:before, html input[type="radio"]:checked + label:before {
    background: #464ea9;
    border-color: #464ea9;
    color: #ffffff;
    content: '';
}

.btn {
    line-height: 50px;
}

.checkbox-outer {
    width: 100%;
}

.form-error {
    padding: 5px 10px;
    background: #464ea9;
    color: #fff;
    font-weight: bold;
}

html .alert-danger,
html .error {
    padding: 5px 10px;
    max-width: 100%;
    background: #fff;
    border: 2px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
}

html address {
    font-style: normal;
    font-size: 16px;
    line-height: 1.3em;
}

html .mt-5 {
    margin-top: 5px;
}

html .mt-10 {
    margin-top: 10px;
}

html .mt-15 {
    margin-top: 15px;
}

html .mt-30 {
    margin-top: 30px;
}

html .mt-50 {
    margin-top: 50px;
}

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

.flex-1 {
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.flex-2 {
    flex: 2;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.logged-in-as {
    margin-top: 1em;
    padding: 8px;
    background: #87a4d1;
    color: #fff;
}

body > .logged-in-as {
    position: fixed;
    z-index: 900;
    width: 200px;
    top: 1em;
    right: 1em;
    padding: 1em;
    border: 2px solid #d62a40;

}

.cancel-wrapper {
    padding-top: 3px;
}

html .btn-cancel {
    background: grey;
    line-height: 2 !important;
    margin-left: 2em;
    padding: 8px 15px;
    font-weight: bold;
}

/* submission error box */
.page-error-box {
    display: none;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;

}

.to-error-box {
    float: left;
    margin: 0.5em;
    padding: 0.5em;
}

.to-error-box > div {
    float: left;
    margin: 0.3em;
    padding: 0.3em;
    text-align: center;
    border: 1px dotted #d62a40;
}


/* tables */
table.contenttable {

    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 80%;
    table-layout: fixed;
}

th.shop-list-title,
table.contenttable th {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    background: #787879;
}

html table.contenttable th {
    text-align: left;
}

th.shop-list-title {
    padding: 0.5em 1em;
}

table.contenttable th,
table.contenttable td {
    padding: 5px 10px;
    border-bottom: 1px dotted #f4c277;
}

/*
table.contenttable td table {
    margin-top: -5px;
    height: 100% !important;
}
*/
hr.border-bottom {
    border: none;
    padding: 5px 10px;
    border-bottom: 1px dotted #f4c277;
}

table.contenttable tr > td:last-child {
    text-align: right;
}

html table th.color-green {
    background: none;
    color: #48ad3c;
    border-bottom: 0;
    text-align: left;
}

/*** AGENDA 2021 TABLE ***/
.frame-layout-2 table.contenttable {
    max-width: 100%;
    width: 100% !important;
    table-layout: auto;
}

html .frame-layout-2 table.contenttable th {
    text-align: left;
    font-size: 16px;
    line-height: 2;
}

.frame-layout-2 table.contenttable td {
    border-right: 1px solid #f4c277;
    width: 18%;
}

.frame-layout-2 table.contenttable table td {
    border: none;
    width: auto;
}

html .event-item-agenda .agenda-description.agenda-noborder {
    /*
    border-left: 0;
    padding-left: 0;
    */
    margin-left: 144px;
}

.frame-layout-2 table.contenttable tr > td:last-child {
    text-align: inherit;
}

.frame-layout-2 > table.contenttable > tbody > tr > td:first-child {
    width: 8%;
    white-space: nowrap;
}

.frame-layout-2 > table.contenttable > tbody > tr > td:nth-child(2) {
    width: 35%;
}

.color-red > p,
.color-red {
    color: #d62a40 !important;
}

.color-deepred a,
.color-deepred {
    color: #7f1725 !important;
}

.frame-layout-3 table th,
.frame-layout-3 table td {
    padding: 0;
    text-align: left !important;
    border: none;
}

.frame-layout-3 table ul {
    margin-top: -10px;
}

body .flex-2 > .frame-layout-3:last-child > div {
    padding-bottom: 1em;
    border-bottom: 0;
}


.no-frame table td {
    border-right: 2px solid #f4c277;
}

html .no-frame table tr.no-borders td {
    border-right: none;
}

th.shop-list-title {
    border-right: 2px solid #fff;
    border-left: 1px solid #787879;
}

.no-frame table tr:first-child > th:first-child {
    border-right: 2px solid #787879;
    border-left: none;
}

.show-list-table th:last-child,
.no-frame table tr:first-child > th:last-child {
    border-right: none;
    border-left: 2px solid #fff;
}

.no-frame table tr:first-child > th:nth-child(2) {
    border-right: 2px solid #fff;
}

.frame-layout-1 table.contenttable tr > td:last-child,
.no-frame table.contenttable tr > td:last-child {
    text-align: left;
}

.no-frame th.color-green {
    font-size: 16px;
}

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

.no-frame table th:first-child,
.no-frame table td:first-child {
    width: 20%;
}

/*
.no-frame table th:nth-child(2),
.no-frame table td:nth-child(2){
    width: 42%;
}
*/

/*** TX MASK ***/
.sticker-buttonstext,
.tx-mask-colorbutton {
    display: inline-flex;
    width: 250px;
    min-width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    align-items: center;
    margin-bottom: 2em;
    padding: 1.5em;
}

.sticker-buttonstext {
    flex-wrap: wrap;
}

.sticker-buttonstext > * {
    width: 100%;
    min-width: 100%;
}

.tx-mask-colorbutton > div {
    margin: 0 auto;
}

.tx-mask-multicolumn h3 {
    font-size: 25px;
}

.display-table > div {
    margin-right: 2em;
}

.display-table-cell {
    display: table-cell;
    border-radius: 50%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 1px solid #ccc;
}

.tx-mask-colorbutton:hover h3,
.tx-mask-colorbutton:hover {
    background-color: #fff !important;
    color: #646566 !important;
}

.tx-mask-container-borders > div.flex-1,
.titletext-box-wrapper {
    position: relative;
    z-index: 100;
    margin-right: 2em;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 0 1.5em 1.5em 1.5em;
    background: #fff;
}

.titletext-box-wrapper > h2 {
    margin-bottom: 0.5em;
}

.display-table > div:last-child,
.tx-mask-multicolumn > div:last-child .titletext-box-wrapper {
    margin-right: 0;
}

html .stickerleft-text-wrapper {
    align-items: center !important;
}

.tx-mask-stickerbutton {
    display: inline-flex;
    width: 150px;
    min-width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    align-items: center;
    margin-right: 2em;
    color: #fff;
    font-size: 20px;
}

.tx-mask-stickerbutton > span {
    margin: 0 auto;
}

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

.tx-mask-container-borders {
    position: relative;
    align-items: center;
}

.tx-mask-container-borders > div.flex-1 {
    margin-bottom: 2em;
    z-index: 10;
    display: table-cell;
    border: 1px solid #cccccc
}

.tx-mask-container-borders-space {
    display: table-cell;
    width: 30px;
}

.tx-mask-container-borders .titletext-box-wrapper {
    margin: 0;
    border: 0 !important;
}

.connect-border {
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 100%;
    border-bottom: 3px dotted #464fa8;
}

.tx-mask-sidebarbox {
    padding: 1em;
    margin-bottom: 2em;
}

.tx-mask-sidebarbox > h3 {
    margin: 0 0 0.3em 0;
}

.tx-mask-sidebarbox > p {
    margin: 0.3em 0 0 0;
}

.tx-mask-2cols {
    max-width: 90%;
}

.tx-mask-2cols {
    gap: 28px;
}


.tx-mask-2cols img {
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

@media screen and (max-width: 992px) {
    body > .header {
        background: url('/fileadmin/user_upload/Biovaria/Headerbilder/2026/Biovaria-992.jpg') no-repeat center center !important;
        background-size: 100% 40vh !important;
        height: 40vh !important;
    }

    html .display-table,
    html .display-table-cell,
    .tx-mask-container-borders > div.flex-1,
    html .tx-mask-container-borders {
        display: block;
        margin-right: 0;
    }

    html .display-table > div:first-child {
        margin-bottom: 2em;
    }

    html .tx-mask-container-borders .titletext-box-wrapper {
        margin-right: 0;
        min-height: auto !important;
    }

    .connect-border {
        top: 0;
        left: 49%;
        height: 100%;
        width: 1%;
        border-bottom: none;
        border-left: 3px dotted #464fa8;
    }

    html .startup-item {
        min-width: 48%;
        max-width: 48%;
        margin-bottom: 2em;
    }

    .tx-mask-container-borders-space {
        display: none;
    }

    .tx-mask-2cols {
        display: block !important;
    }

    .tx-mask-2cols > div:first-child {
        margin-bottom: 2em;
    }
}

@media screen and (max-width: 850px) {
    .stickerleft-text-wrapper,
    .tx-mask-multicolumn {
        text-align: center;
    }
}

@media screen and (max-width: 552px) {
    html body > .header {
        background: url('/fileadmin/user_upload/Biovaria/Headerbilder/2026/Biovaria-552.jpg') no-repeat center center !important;
        background-size: cover !important;
        height: 250px !important;
    }

    html .tx-mask-multicolumn {
        display: block;
    }

    html .tx-mask-multicolumn .flex-1 {
        margin-bottom: 2em;
    }

    html .tx-mask-stickerbutton,
    html .titletext-box-wrapper {
        margin-right: 0;
    }

    .sidebar .ce-gallery .ce-column {
        width: 100%;
        text-align: center;
    }

    .ce-gallery figure {
        display: block;
    }

    .ce-intext.ce-left .ce-gallery {
        float: none;
    }
}


/*** header ***/
body > .header {
    display: block;
    width: 100%;
    height: 390px;
    background: url('/fileadmin/user_upload/Biovaria/Headerbilder/2026/Biovaria-large.jpg') no-repeat center center;
    background-size: cover;
}

.header > div {
    margin-top: 3em;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.header .slogan {
    margin-top: 7em;
    text-align: left;
}

.logo a {
    border: 0;
}

.news-search-form,
.tx-indexedsearch-form,
.searchbox-header {
    position: relative;
}

.searchbox-header > form {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;

}

#search-button {
    color: transparent;
    padding: 20px 0;
    cursor: pointer;
    background: url(../Images/ico-lupe.png) no-repeat center bottom;
}

.searchbox-header:focus > form,
.searchbox-header:active > form,
.searchbox-header:hover > form {
    display: block;
}

.searchbox-header input[type="text"] {
    width: 300px;
    max-width: 100%;
}

.news-search-form input[type="submit"],
.tx-indexedsearch-form input[type="submit"],
.searchbox-header input[type="submit"] {
    color: transparent;
    position: absolute;
    right: 5px;
    top: 0px;
    height: 45px;
    width: 34px;
    background: url(../Images/ico-lupe.png) no-repeat center center;
    border: 0;
}

.display-flex .news-single .news-img-wrap {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    margin: 3% 0;
}

.display-flex .news-single .article > div > div:last-child {
    max-width: 72%;
}

.display-flex .news-single .news-img-wrap > div {
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

html .news-standard-display .news-list-text,
html .news-standard-display .news-img-wrap {
    width: 100%;
}

html .news-standard-display > div {
    min-width: 250px;
    max-width: 250px;
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding-right: 2%;
    margin-bottom: 2em;
}

.news-backlink-wrap {
    margin-top: 2em;
}

.news-backlink-wrap a {
    color: #d71b6a;
    font-weight: bold;
}

.frame-type-text.frame-layout-1 {
    color: #fff;
}

.frame-type-text.frame-layout-2 {
    max-width: 60%;
}

.frame-type-text.frame-layout-2 ul {
    list-style-image: none;
    list-style-type: disc;
    padding-left: 20px;
}


.ce-intext.ce-left .ce-gallery {
    margin-right: 2em;
}

.ce-intext.ce-left h1,
.ce-intext.ce-left h2,
.ce-intext.ce-left h3 {
    margin-top: 0;
}

.ce-below .ce-gallery {
    width: 100%;
}

.ce-below .ce-gallery .ce-row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -webkit-flex-align: space-between;
    -ms-flex-align: space-between;
    -webkit-align-items: space-between;
}

.frame-layout-3 .ce-below .ce-gallery .ce-row {
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
}

.frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '3'] .ce-row .ce-column {
    min-width: 33.333%;
    max-width: 33.333%;
}

.frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '2'] .ce-row .ce-column {
    min-width: 50%;
    max-width: 50%;
}

.ce-below .ce-gallery .ce-column {
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.frame-type-text.frame-layout-1 {
    padding: 1em;
    line-height: 1.5;
    border: 1px solid #87a4d1;
    background: #87a4d1;
}

.frame-type-text.frame-layout-1 a {
    display: block;
    color: #fff;
    border: 1px solid #87a4d1;

}

.frame-type-text.frame-layout-1 p:nth-child(2),
.frame-type-text.frame-layout-1 p:nth-child(3),
.frame-type-text.frame-layout-1 p:nth-child(4) {
    margin-top: 0.4em;
    padding-top: 0.4em;
    border-top: 1px dotted #fff;
}

.sidebar ul,
ul.sidebar-downloads {
    list-style-image: url(../Images/ico-arrow-down-white.png);
}

.sidebar ul strong {
    display: inline-block;
}

.frame-type-text.frame-layout-1 strong.underline {
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

.frame-type-text.frame-layout-1 a:hover,
.frame-type-text.frame-layout-1 a:focus,
.frame-type-text.frame-layout-1 a:active {
    background: #fff;
    color: #87a4d1;
    text-decoration: none;
}

.frame-type-text.frame-layout-1 a:hover strong.underline,
.frame-type-text.frame-layout-1 a:focus strong.underline,
.frame-type-text.frame-layout-1 a:active strong.underline {
    border-bottom: 1px solid #87a4d1;
}

.frame-type-textpic.frame-layout-2 {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.mediaconsent_element,
.frame-type-div {
    clear: both;
}

html .fullwidth .mediaconsent_element {
    padding-top: 2em;
    border-top: 0;
}

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

.frame-type-textpic.frame-layout-2 .ce-gallery img {
    width: 100%;
}

.frame-type-list.frame-layout-3 header h3,
.frame-type-news_pi1.frame-layout-3 header h3 {
    color: #fff;
    padding: 0.3em 1em;
    background: #787879;
    margin-top: 0;
}

.fullwidth .frame-layout-1 .ce-gallery img {
    margin-right: 1em;
}

.fullwidth .frame-layout-1 .ce-gallery figure.image > * {
    float: left;
}

.fullwidth .frame-layout-1 .ce-gallery figcaption {
    padding: 0;
    max-width: 80%;
}

.feuser-list,
.frame-type-list.frame-layout-3 .ce-row,
.frame-type-news_pi1.frame-layout-3 .ce-row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #f4c277;
}

.feuser-list {
    border-bottom: 2px solid #f4c277;
}

.feuser-list .field-wrapper {
    margin: 1em 0;
    padding: 1em;
    background: #eee;
}

.frame-type-list.frame-layout-3 .ce-row .ce-column,
.frame-type-news_pi1.frame-layout-3 .ce-row .ce-column {
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

hr.ce-div {
    padding-top: 2em;
    border-bottom: 2px dotted #f6ce95;
    margin-bottom: 2em;
    border-right: none;
    border-left: none;
    border-top: none;
}

.frame-layout-2 hr.ce-div {
    margin: 0 0 2em 0;
    border-bottom: 1px dotted #cecece;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.color-pink a,
.color-pink {
    color: #d71b6a;
}

html div > #tx-indexedsearch-searchbox-button-submit {
    top: 10px;
}

html .tx-imagecycle-pi1 {
    display: none;
}

section.banner {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 30vh;
    min-height: 450px;
}

.banner-text {
    position: relative;
    z-index: 100;
    padding-top: 40px;
    color: #fff;
    font-size: 35px;
}

.banner-text h1,
.banner-text h2,
.banner-text h3 {
    font-size: 40px;
    font-weight: 550;
}

.banner-text a {
    color: #fff;
}

.banner-background {
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    background: url(../Images/bg-banner.png) no-repeat left top;
    background-size: auto 100%;
}

.frame-layout-3 > header > h1.ce-headline-left,
.frame-layout-3 > header > h2.ce-headline-left,
.frame-layout-3 > header > h3.ce-headline-left {
    color: #fff !important;
    background: #787879;
    padding: 5px 10px;
}

.frame-layout-3 > div {
    padding: 0 10px 1em 10px;
}

.frame-layout-3 > header > h2,
.frame-layout-3 > header > h1,
.frame-layout-3 > header > h3 {
    color: #393939;
    padding: 5px 10px;
}

/*** subpages ***/
.content-wrapper {
    padding: 2em 0;
}

.shariff {
    margin: 2em 0;
}

.subpages-col > section:first-child {
    width: 80%;
}

.subpages-col > section:last-child {
    width: 18%;
    margin-left: 2%;
}

.sidebar {
    margin-top: 5px;
    max-width: 20%;
    margin-left: 5%;
}

/*
.sidebar > div {
    margin-top: 2em;
}
*/
.clearer {
    clear: both;
}

/*** footer ***/
footer {
    font-weight: 500;
    padding: 2em 0 3.8em 0;
    background: #f5f4f4;
    color: #2e2c89;
    margin-top: 3em;
}

.index-page footer {
    margin-top: 0;
}

footer h3 {
    margin-top: 0;
}

.ascenion-footer,
.footernav-1,
.footernav-social {
    margin-top: 25px;
}

.footernav-social ul li:nth-child(2n) {
    text-indent: 1.5em;
}

.footer-border {
    margin: 26px 5em 0 5em;
    border-left: 1px solid #2e2c89;
}

.social {
    width: 49%;
    padding-top: 5px;
}

.social > div {
    max-width: 62%;
    margin: 0 auto;
}

/***************
* cookie handling
****************/
html .cc-btn {
    border: 1px solid #000 !important;
}

.cc-type-extend.cc-window .cc-compliance .cc-btn,
html .cc-type-extend.cc-window .cc-compliance .cc-btn.cc-allow-all {
    width: calc(33% - var(--dp-cookie-extend-gap) / 2) !important;
    margin-bottom: 0;
}

html .cc-form-switch .dp--check-box {
    background-color: #ff0000 !important;
    cursor: pointer;
}

html .cc-form-switch .dp--check-box:before {
    position: absolute;
    line-height: 24px;
    right: 12px;
    font-weight: bold;
    content: "X";
    color: #fff;
}

html .cc-form-switch .dp--check-box:checked {
    background-color: green !important;
}

html .cc-form-switch .dp--check-box:checked:before {
    position: absolute;
    line-height: 24px;
    left: 12px;
    right: auto;
    font-weight: bold;
    content: "\002713";
    color: #fff;
}

html .cc-window-config .cc-config-footer .cc-btn.cc-allow-all {
    flex: 0 1 auto;
}

html .cc-type-extend.cc-window .cc-compliance {
    padding: 0.5em 1em;
}

html .cc-window.cc-top-right,
html .cc-window.cc-bottom-right {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    max-width: 40em;
    border: 2px solid #444ea8;
}

.cc-window input[type="checkbox"],
.cc-window input[type="radio"] {
    opacity: 1;
    margin-right: 10px;
    margin-top: 0.7em;
    -moz-appearance: auto;
    -webkit-appearance: auto;
    -ms-appearance: auto;
    appearance: auto;
}

.cc-config input[type="checkbox"],
.cc-config input[type="radio"] {
    opacity: 1;
    margin-right: 0;
}


.cc-config input[type="checkbox"] + label,
.cc-config input[type="radio"] + label {
    padding-left: 0;
    padding-right: 0;
}

html .cc-config input[type="checkbox"] + label:before,
html .cc-config input[type="radio"] + label:before {
    border: 0;
    background: none;
}

.smallResponsiveYoutube {
    clear: both;
    margin: 1em 0;
    max-width: 430px;
}

.smallResponsiveYoutube .yt-agreement .yt-agreement-text {
    margin-top: 0.5em;
}

.d-hidden {
    display: none !important;
}

html .cc-form-switch .dp--check-box {
    background-color: #ccc;
}

html .cc-window .powered-by,
html [id*=cookie] .powered-by {
    display: none !important;
}


/****************
* index page
*****************/
.index-boxes > div:first-child {
    margin-right: 5em;
}

.index-boxes > div:last-child {
    max-width: 300px;
}

.countdown {
    background: #fff !important;
    border-top: 1px solid #676565;
    font-size: 16px;
    padding-bottom: 0.5em;
}

.color-grey {
    color: #676565;
    font-weight: bold;
}

.color-blue {
    color: #406baa;
    font-weight: 600;
}

.colur-deepblue,
.color-deepblue {
    color: #2e306a;
    font-weight: 600;
}

#clock {
    padding: 5px 8px;
    font-size: 22px;
    color: #706f6f;
    background: #c6c6c6;
}

.index-page .link-box-cylcer,
.index-page .index-contentbox2 .frame a,
.index-page .index-contentbox2 .frame {
    position: relative;
    background: #87a4d1;
    color: #fff;
    font-size: 14px;
}

.index-page .link-box-cylcer,
.index-page .index-contentbox2 .frame a {
    display: block;
    text-align: left;
    padding: 5px 10px;
    line-height: 1.5;
}

.index-page .index-contentbox2 .frame span a {
    padding: 0;
    line-height: 1;
}

.index-page .index-contentbox2 .frame a:hover,
.index-page .index-contentbox2 .frame a:focus {
    background: #fff;
    color: #87a4d1;
}

.index-page .index-contentbox2 .frame > header > h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #fff;
}

.index-page .index-contentbox2 .cycle-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
}

.index-page .index-contentbox2 .cycle-pager {
    background: url(../Images/blue-dot.jpg) repeat-x center center;
}

.index-page .index-contentbox2 .cycle-pager ul {
    position: relative;
    margin: 0 auto;
}

.index-page .index-contentbox2 .cycle-pager > span {
    border-right: 5px solid #fff;
}

.index-page .index-contentbox2 .cycle-pager > span:last-child {
    border-right: none;
}

.index-page .index-contentbox2 .cycle-pager a {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background: #c9defd;
    color: transparent;
    padding: 0;
    margin: 0;
}

.index-page .index-contentbox2 .cycle-pager a:focus,
.index-page .index-contentbox2 .cycle-pager a:hover,
.index-page .index-contentbox2 .cycle-pager a.active {
    background: #98b5e0;
}

.index-page .fullwidth > div:first-child,
.index-boxes {
    padding-bottom: 4em;
    margin-bottom: 2em;
    border-bottom: 1px solid #a4a4a5;
}

.fullwidth .news-list-view .jcarousel li {
    width: auto;
    list-style-type: none;
    margin-right: 0;
    text-align: center;
}

.fullwidth .news-list-view .jcarousel li img {
    max-height: 120px;
    width: auto;
    margin: 0 auto;
    line-height: 250px;
}

.fullwidth .news-list-view .jcarousel li .mitarbeiter-img-wrap {
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
}

.fullwidth > div {
    border-top: 1px solid #a4a4a5;
    margin-top: 1em;
}

.index-page .fullwidth > div {
    border: none;
}

.fullwidth h2 {
    color: #a4a4a5;
}

html .fullwidth > div.frame-layout-2,
html .fullwidth > div.frame-layout-1 {
    border: none;
}

html .fullwidth > div.frame-layout-2 {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.fullwidth .news-list-view > div {
    padding-top: 1em;
}

.fullwidth h3 {
    margin-top: 0.5em;
    /*  color: #a4a4a5; */
}

html .index-page .news-list-view > .news-glance,
html .news-glance {
    font-size: 18px;
}

.glance-item {
    width: 140px;
    text-align: center;
}

.news-item-glance {
    position: relative;
    height: 75px;
}

.news-item-glance > span {
    background-color: #e5545d;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 45px;
    text-align: center;
    line-height: 47px;
    color: #fff;
    font-size: 22px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

.index-boxes .jcarousel2 ul,
.index-boxes .jcarousel2 li,
.jcarousel2 li.news-ticker {
    float: none;
    font-size: 13px;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.content-wrapper .news-list-view .center-images li:last-child,
.news-list-view .center-images li {
    width: 24%;
    height: 160px;
    line-height: 160px;
    vertical-align: middle;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #f4c277;
}

.news-list-view .center-images li .mitarbeiter-img-wrap {
    height: 160px;
    line-height: 160px;
    vertical-align: middle;
}

.news-list-view .center-images li img {
    max-height: 220px;
    max-width: 250px;
    width: auto;
    height: auto;
}

html .content-wrapper ul.no-list-styletype {
    list-style-image: none;
}

.position-relative {
    position: relative;
}

.avoid-border-bottom {
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 1.5em;
    background: #fff;
}

.biovaria-startup-list .avoid-border-bottom {
    bottom: 0;
}


/*
* ticket shop
*/
.register-form table.contenttable tr > td:last-child {
    text-align: left;
}

.register-form table.contenttable tr td.text-right {
    text-align: right !important;
}

html .register-form .contenttable td {
    padding: 5px 0;
}

.form-nav-wrapper {
    max-width: 80%;
    margin-top: 2em;
}

.form-nav-wrapper > button {
    max-width: 40%;
}

.alert.alert-warning {
    color: red;
    font-weight: bold;
    border: 2px solid red;
}

/*****
* advisory board 
******/
.board-item {
    position: relative;
    min-height: 140px;
    margin-bottom: 2em;
    border-bottom: 1px dotted #f0a925;

}

.profile-image-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    max-width: 115px;
}

.profile-text-box {
    position: relative;
    z-index: 5;
    top: 0;
    margin-left: 50px;
    padding: 10px 10px 20px 0;
}

.profile-text-box > div,
.profile-text-box > h3 {
    padding-left: 80px;
}

.profile-text-box > h3 {
    margin-bottom: 0;

}

.profile-teaser > p {
    margin-top: 0;
}

.profile-ico {
    color: #464fa8;
    text-decoration: underline;
    cursor: pointer;
}

.background-active {
    padding: 0 1em 20px 0;
    background: #ececec;
}

/* frame-layout-3 images */
.frame-layout-3 figure.image {
    margin: 0 2em 2em 0;
}

.frame-layout-3 .image-title,
.frame-layout-3 .image-caption {
    text-align: center;
}

html .frame-layout-3 .image-caption p {
    margin: 0;
    line-height: 1.1;
}

/*****
* accomodation
******/
.fullwidth .frame-layout-1 {
    float: left;
    max-width: 65%;
}

.fullwidth .frame-layout-1:first-child {
    margin-right: 1em;
}

.fullwidth iframe {
    margin-top: 4em;
}

/*************
* internal page layour
**************/
.internal-page > .main-content-wrapper {
    margin-right: 2em;
}

.main-content-wrapper > div:first-child h2 {
    margin-top: 0;
}

.sidebarnav-wrapper {
    max-width: 250px;
    margin-right: 1.5em;
}

.position-relative-wrapper {
    position: relative;
}

.position-fixed-element > .countsigns {
    display: none;
}

.countsigns {
    position: fixed;
    z-index: 500;
    max-width: 290px;
    right: 0;
    bottom: 20%;
    padding: 1.5em;
    font-weight: bold;
    background: #fff;
    border: 2px solid #595faf;
}

.countsigns150 {
    padding: 0.7em;
    border: 2px solid #595faf;
}

html .signs-error {
    background: #ff0000;
    border: 2px solid #ff0000;
    color: #fff;
}

.error-message-shown {
    padding: 1em;
    margin: 0.5em 0;
    font-weight: bold;
    border: 1px solid #ff0000;

}

/***********
* navigation
************/
nav a {
    border-bottom: 0;
    color: #453e3e;
}

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

html nav.display-flex {
    width: inherit;
}

/** breadcrumb **/
.breadcrumb {
    margin-bottom: 0.7em;
    text-transform: uppercase;
}

.breadcrumb a {
    text-transform: uppercase;
    font-weight: bold;
    color: #595faf;
}

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

/*** mainnav ***/
html #cookie-bar,
.mainnav-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444ea8+0,5b90cd+54,5b90cd+100 */
    background: #444ea8; /* Old browsers */
    background: -moz-linear-gradient(left, #444ea8 0%, #5b90cd 54%, #5b90cd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #444ea8 0%, #5b90cd 54%, #5b90cd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #444ea8 0%, #5b90cd 54%, #5b90cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444ea8', endColorstr='#5b90cd', GradientType=1); /* IE6-9 */
}

html #cookie-bar a {
    color: #444ea8;
}

html #cookie-bar a:hover,
html #cookie-bar a:focus,
html #cookie-bar a:active {
    background: #444ea8 !important;
    color: #fff !important;
}

#mainnav li {
    position: relative;
}

#mainnav > ul > li {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding: 0;
    color: #fff;
}

.mainnav-trenner {
    text-align: center;
}

.mainnav-trenner:before {
    content: '\2022';
    font-size: 20px;
    line-height: 60px;
}

#mainnav > ul > .mainnav-trenner:last-child {
    display: none;
}

#mainnav > ul > li > a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    text-transform: uppercase;
    white-space: nowrap;
}

#mainnav > ul > li > a > span {
    display: block;
    padding: 0 0.5rem;
}

#mainnav > ul > li:focus > a,
#mainnav > ul > li:hover > a,
#mainnav > ul > li.active > a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
    -webkit-transition: font-weight 0.2s ease-out;
    -moz-transition: font-weight 0.2s ease-out;
    -o-transition: font-weight 0.2s ease-out;
    transition: font-weight 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}


/* 2. ebene */
#mainnav > ul > li > ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 50;
    background: #5786c8;
    padding-bottom: 0.5em;
    border-left: 5px solid #464ea9;
    border-bottom: 5px solid #464ea9;
}

#mainnav > ul > li:hover > ul {
    display: block;
}


#mainnav > ul > li > ul > li > a {
    white-space: nowrap;
    display: block;
    padding: 0.5em 1em;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 2.1;
}

#mainnav ul ul li a:hover,
#mainnav ul ul li a:active,
#mainnav ul ul li a:focus,
#mainnav ul ul li.active > a {
    color: #4451a9;
    font-weight: 500;
}

/* 3. ebene */
#mainnav > ul ul ul li a {
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
    padding: 0.2rem 1rem;

}

#mainnav > ul ul ul li a::before {
    content: '- ';
}

/* language nav */
#language_switch {
    padding: 0 1em 0 0;
    margin-top: 18px;
    list-style-type: none;
}

#language_switch a {
    border: 0;
}

#language_switch > .lang-active {
    display: none;
}

/* footernav */
footer a {
    color: #2e2c89;
}

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

.ascenion-footer {
    text-align: center;
    position: relative;
}

.ascenion-footer a {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
}

.ascenion-footer p {
    text-align: center;
    margin: 0 0 0.3em 0;
}

.footernav-1 {
    min-width: 71px;
}

.ascenion-footer > p,
.social a,
.footernav-1 a,
.quicklinks a,
nav#footernav a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3;
}

.footernav-1 a:active,
.footernav-1 a:hover,
.footernav-1 a:focus,
.footernav-1 li.active > a,
#footernav a:active,
#footernav a:focus,
#footernav a:hover,
#footernav li.active > a,
.quicklinks a:hover,
.quicklinks a:active,
.quicklinks a:focus {
    text-decoration: underline;
}

#footernav > ul {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

#footernav > ul > li {
    width: 50%;
}

/** sidebarnav ***/
html .content-wrapper .typo3-messages,
html .content-wrapper .femanager_error,
html .content-wrapper .customer-nav ul,
html .content-wrapper .customer-nav {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 1em 0 0 0;
}

html .content-wrapper div .customer-nav {
    margin-top: 0.25em;
}

html .content-wrapper .customer-nav ul {
    margin-left: 1.5em;
}

.customer-nav ul {
    list-style-type: none;
}

.customer-nav a {
    display: block;
    color: #fff;
    padding: 5px 8px;
    margin-bottom: 2px;
    background: #595faf;
    border: 1px solid #595faf;
}

.customer-nav a:hover,
.customer-nav a:active,
.customer-nav a:focus,
.customer-nav .active > a {
    background: #fff;
    color: #595faf;
}

.cycle-pager {
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    text-align: center;
    border-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cycle-pager a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 20px 5px 0 0;
    border: none;
    border-radius: 100%;
    color: transparent !important;
}

/**********************
* extensions
***********************/
/** TO-DB & news tags**/
.news-tags,
.sidebar .frame-type-menu_subpages ul,
.category-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.category-menu li {
    float: left;
    margin: 25px 25px 25px 0;
}

.sidebar .frame-type-menu_subpages ul a,
.news-tags a {
    display: block;
    padding: 5px 10px;
    margin: 2em 0;
    color: #fff;
    text-transform: uppercase;
    background: #464ea9;
    border: 1px solid #464ea9;
}

.sidebar .frame-type-menu_subpages ul a:hover,
.sidebar .frame-type-menu_subpages ul a:active,
.sidebar .frame-type-menu_subpages ul a:focus,
.news-tags a:hover,
.news-tags a:active,
.news-tags a:focus {
    background: #fff;
    color: #464ea9;
}

.news div .page-navigation {
    padding: 0 0 10px 0;
    margin: 0;
    border: none !important;
}

.news .page-navigation ul {
    display: inline-flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.news .page-navigation a {
    display: inline-block;
    background: #c9defd;
    color: #fff;
    padding: 8px 10px;
    margin-right: 10px;
    text-decoration: none;
}

.news-paginate-points {
    padding: 8px 10px;
    margin-right: 10px;
}

div .news-list-view > .news-clear {
    margin: 0;
    padding: 0;
    clear: both;
    border: none !important;
}

.news .page-navigation a:hover,
.news .page-navigation a:focus,
.news .page-navigation a:active {
    color: #fff;
    background: #464ea9;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

.event-cat-form > div:first-child {
    display: none;
}

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

a.print,
.event-searchform-row input[type="submit"] {
    padding-left: 10px;
    background: url(../Images/ico-submit.png) no-repeat left center;
}

.event-list-view .list-title {
    margin-top: 15px;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    background: #464ea9;
}

.event-list-view .list-title .event-item-refno {
    padding-right: 8px;
    border-right: 1px solid #fff;
}

.event-list-view a {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    border-bottom: 1px solid #464ea9;
}

.event-list-view a:hover,
.event-list-view a:active,
.event-list-view a:focus {
    color: #fff;
    background: #464ea9;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

.event-item-refno {
    display: inline-block;
    min-width: 70px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #464ea9;
}

.event-list-view a:hover .event-item-refno,
.event-list-view a:active .event-item-refno,
.event-list-view a:focus .event-item-refno {
    border-right: 1px solid #fff;
}

#clear-all {
    cursor: pointer;
    text-decoration: underline;
}

#clear-all:hover,
#clear-all:focus {
    color: #464ea9;
}

.bg-red {
    color: #fff;
    background: #464ea9;
    padding: 10px 15px;
    margin: 10px 0;
}

.event-images {
    float: left;
    margin: 1em 2em 1em 0;
}

.event-images a {
    border-bottom: 0;
}

.smaller {
    font-size: 14px;

}

.grey {
    color: #989898;
}

.event-detail-maincontent .event-images {
    padding: 5px;
    border: 1px solid #c1c1c1;
}

.typo3-messages {
    padding: 0;
    margin: 2em 0;
}

.alert-success {
    border: 1px solid #41c319;
    background: #41c319;
    padding: 8px 15px;
    color: #fff;
    font-weight: bold;
}

.entry-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #464fa8;
}

.biovaria-startup-list {
    width: 80%;
    max-width: 100%;
    justify-content: space-around !important;
    -webkit-box-align: space-around;
    -webkit-flex-align: space-around;
    -ms-flex-align: space-around;
    -webkit-align-items: space-around;
}

.startup-item {
    display: block;
    flex: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    min-width: 32%;
    max-width: 32%;
    margin-bottom: 2%;
    text-align: center;
}

html .startup-item .startup-item-nolink,
html .startup-item a {
    display: block;
    color: #646566;
    padding: 0 1em 1em 1em;
    min-height: 265px;
    position: relative;
    box-shadow: 4px 6px 10px 1px rgba(217, 217, 217, 0.97);
    -webkit-box-shadow: 4px 6px 10px 1px rgba(217, 217, 217, 0.97);
    -moz-box-shadow: 4px 6px 10px 1px rgba(217, 217, 217, 0.97);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

html .startup-item a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '+';
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    background: #ccc;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
}

html .startup-item a:hover {
    text-decoration: none;
    color: #d71b6a;
    box-shadow: 4px 6px 10px 1px #d71b6a;
    -webkit-box-shadow: 4px 6px 10px 1px #d71b6a;
    -moz-box-shadow: 4px 6px 10px 1px #d71b6a;

}

.startup-item .biovaria-listdescription {
    padding: 1em 0.5em;
}

html body .flex-start-left .biovaria-listdescription {
    max-width: 80%;
}

.startup-item img {
    max-width: 100%;
    height: auto;
    max-height: 150px;
    width: auto;
}

.startup-header {
    position: relative;
}

.biovaria-tech-detail-img {
    max-width: 250px;

}

html div h2.startup-detail-title {
    margin: 0.4em 0;
}

html .ce-border img, html .ce-border iframe {
    border-color: #fff;
    border-left: 0;
    border-right: 15em solid #fff;
}

/* ausgabe FE - liste */
ul.biovaria-tech-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.biovaria-tech-list li {
    padding: 0 10px;
    border-bottom: 1px dotted #f0a925;
    list-style-image: none;

}

ul.biovaria-tech-list li a {
    font-weight: bold;
    color: #636363;
}

html ul.biovaria-tech-list li .color-deepred a {
    color: #d71b6a !important;
}

.no-frame h3,
.list-header-grey {
    background: #787879;
    border-bottom: 0 !important;
    padding: 3px 10px !important;
    list-style-image: none;
}

.no-frame h3,
.list-header-grey h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

ul.biovaria-tech-list .biovaria-referencenumber {
    width: 110px;
    line-height: 1.5;
    min-height: 50px;
    /*    padding: 1em 0; */
    margin-top: 1em;
    margin-bottom: 1em;
    border-right: 1px solid #f0a925;
    display: flex;
    align-items: center;
}

.biovaria-listdescription {
    padding: 1em 0;
}

.color-green > p,
.color-green {
    color: #48ad3c;
}

.backlink-wrapper {
    margin-bottom: 2em;
    font-size: 16px;
}

html div .flex-start-left .tech-detail-text {
    max-width: 60%;
}

.tech-detail-text p {
    margin-bottom: 0.8em;
}


/** news **/
.news {
    position: relative;
}

.index-page .news-list-view > div {
    margin: 0;
    padding: 0;
}

.index-page .news-list-view > div > a {
    display: block;
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.index-page .news-list-view > div > a:hover,
.index-page .news-list-view > div > a:focus {
    background: #fff;
    color: #87a4d1;
}

.news-list-view > div {
    margin-bottom: 2em;
    padding: 1em 0;
}

html .news-list-view > .sponsorSlider {
    margin-bottom: 0;
}

.no-frame .news-list-view > div {
    margin-bottom: 0;
    border-bottom: 1px dotted #464ea9;
}

.display-flex .news-img-wrap {
    width: 28%;
    margin-right: 2%;
}

.display-flex .news-list-text {
    width: 70%;
}

.news-list-text h3 {
    margin: 0;
}

.news-list-view h3 a,
.news-img-wrap a {
    border: none;
}

/** news - mitarbeiter **/
div .news-list-view > .mitarbeiter-item {
    padding: 0;
}

.mitarbeiter-img-wrap img {
    border-radius: 50%;
}

.mitarbeiter-item h4 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 8px 10px;
    background: #ad9898;
}

.news .image-box img {
    width: 100%;
    height: auto;
    min-height: auto;
}

.image-box a,
.mitarbeiter-item .image-box {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.mitarbeiter-item {
    max-width: 260px !important;
    width: 260px !important;
}

.mitarbeiter-item .mitarbeiter-shortinfo {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(123, 107, 107, 0.9);
    height: 92%;
    width: 90%;
    padding: 5%;
    overflow: hidden;
}

.mitarbeiter-item .mitarbeiter-shortinfo > div {
    margin: 5px 0;
}

.mitarbeiter-item:hover .image-box > .mitarbeiter-shortinfo {
    display: block;
}

.profile-link {
    position: absolute;
    bottom: 5px;
    left: 5%;
    font-weight: bold;
    cursor: pointer;
    background: url(../Images/ico-arrow-left-white.png) no-repeat left center;
    padding-left: 15px;
}

.profile-link:hover,
.profile-link:active,
.profile-link:focus {
    text-decoration: underline;
}

.profile-link-active {
    background: url(../Images/ico-arrow-down-white.png) no-repeat left center;
}

html .ehemalige-beteiligungen {
    position: relative;
    color: #333;
    left: 0;
    background: none;
    padding-left: 0;
    margin-top: 10px;
}

.mitarbeiter-item .footer > div {
    clear: both;
    margin: 5px 0;
}

.mitarbeiter-item .news-tags li {
    float: left;
    margin-right: 5px;
}

.mitarbeiter-item .news-tags li a {
    display: inline-block;
    padding: 3px 8px;
    margin: 5px 5px 5px 0;
}

.mitarbeiter-item .teaser-text {
    position: absolute;
    left: 0;
    width: 96%;
    padding: 2%;
    background: #f5f3ee;
}

html .adv-items > div {
    min-width: 49%;
    width: auto;
}

/** partner packages ***/
.partnerpackage-items > .article {
    width: 29%;
    margin-right: 4%;
}

html .pp-fees {
    max-width: 80%;
}

html .pp-fees > .article {
    width: 48%;
    max-width: 48%;
    margin-right: 0;
    flex: 1;
    -webkit-flex: 1;
}

.partnerpackage-items .header {
    color: #fff;
    /* 2023:  background: #00bfff; */
    /* 2024:  background: #fd7a2b; */
    background: #007878;
    padding: 1em;
    min-height: 80px;
}

.partnerpackage-items .header h3 {
    margin-top: 0;
    color: #fff;
}

.partner-package-teaser {
    padding: 1em;
    color: #fff;
    background: #787879;
}

.pp-fees .partner-package-teaser {
    min-height: 260px;

}

.partner-package-teaser ul {
    margin: 0;
    padding-left: 1em;
    padding-bottom: 0.7em;
}

.button-click-more {
    cursor: pointer;
    font-weight: bold;
    border-top: 1px dotted #fff;

    padding-top: 4px;
}

.transparent-teaser {
    background: #fff url('../Images/partnerpackage-active-2025.jpg') no-repeat left top;
}

.transparent-teaser > div > * {
    color: transparent;
    list-style-image: none;
}

html .active-partnerpackage .header {
    /* 2023:  background: #8ec649; */
    /* 2024:  background: #2b98d4; */
    background: #5cad60;
}

.parnter-package-description {
    position: absolute;
    left: 2em;
    width: 90%;
    padding-top: 2em;
}

.parnter-package-description h4 {
    color: #48ad3c;
}

.parnter-package-description ul {
    font-weight: bold;
    padding-left: 1em;
}

/** agenda **/
.agenda-list-wrapper {
    margin: 1.5em 0;
    max-width: 60%;
    min-width: 850px;
}

.agenda-list-wrapper .event-item-agenda {
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: nowrap;
    padding: 0 0 0 10px;
    line-height: 2;
    border-bottom: 1px dotted #f0a925;
}

.agenda-list-wrapper .event-item-agenda .agenda-top {
    line-height: 1.2;
}

.agenda-list-wrapper .event-item-agenda .agenda-title {
    margin: 0.2em 0;
}

.event-item-agenda .date-col {
    width: 130px;
    min-width: 130px;
    padding: 0.7em 1em 0.7em 0;
}

.event-item-agenda .agenda-description {
    padding: 0.7em 0 0.7em 1em;
    border-left: 1px solid #f0a925;
}

.agenda-teaser > p {
    margin-top: 0;
    line-height: 1;
    margin-bottom: 5px;
}

.agenda-teaser {
    display: block;
    margin-bottom: 0.7em;
}

html .content-wrapper .agenda-teaser li {
    padding-bottom: 0.5em;
}

.agenda-related-title,
.event-item-agenda .agenda-description > p {
    line-height: 1.2;
}

.agenda-related-item {
    line-height: 1.2;
    margin-bottom: 0.5em;
}

html body div .agenda-related-refnr {
    width: 35px;
    max-width: 35px;
    margin-right: 0;
}

html div .flex-start-left > .agenda-related-title {
    max-width: 90%;
}

/** fe login **/
.tx-felogin-pi1 > form > fieldset > legend,
.tx-felogin-pi1 > h3 {
    display: none;
}

/** femanager **/
.bg-danger {
    position: relative;
    border: 1px solid #ff0000;
    padding: 10px 10px 10px 40px;
    color: #ff0000;
}

.bg-danger h4 {
    margin: 5px 0;
}

.bg-danger button {
    position: absolute;
    left: 5px;
    top: 5px;
}

.powermail_tab_navigation,
.powermail_morestep > .btn-group {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -webkit-flex-align: space-between;
    -ms-flex-align: space-between;
    -webkit-align-items: space-between;
}

.powermail_tab_navigation {
    max-width: 45%;
}

.powermail_tab_navigation > a,
.powermail_morestep > .btn-group > button {
    margin-right: 2em;
}

.powermail_fieldwrap_min-3-items > label {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
}

/** dmailsubscribe **/
.subscribe-categories {
    float: left;
    width: 65%;
    padding-bottom: 2em;
}

.tx-vibis-ajaxmailsubscription form,
.subscribe-cat-form {
    width: 35%;
}

.cat-list {
    width: 30%;
}

.cat-list label {
    display: inline-block;
}

/*** indexed search ***/
.tx-indexedsearch-redMarkup {
    color: #d2252e;
}

.tx-indexedsearch-res {
    padding: 0.5em 2em;
    margin-bottom: 1.5em;
    background: #f5f3ee;
}

/*** powermail ***/
.powermail_form > fieldset > legend,
.powermail_form > h3 {
    display: none;
}

/** tiny accordion **/
.tinyaccordion {
    padding-left: 0;
}

html .tinyaccordion .acc-li > h4 {
    font-weight: normal;
    padding: 0.5em 20px 0.5em 30px;
    background: url('../Images/plus.png') no-repeat 10px center;
    border-bottom: 1px solid #7b6b6b;
}

html .tinyaccordion .acc-li > h4.acc-selected {
    background: url('../Images/minus.png') no-repeat 10px center;
}

.acc-section > div {
    padding: 0 15px 15px 30px;
}

.acc-section h1,
.acc-section h2,
.acc-section h3 {
    font-size: 18px;
    margin-top: 0;
}

/*** shop  ***/
.shop-list-table {
    border-spacing: 0;

    /* early bird deactivated - too much space */
    width: 80%;
}

.shop-list-table > thead > tr,
.shop-list-table tr {
    background: #fff;
}

.shop-list-table tr:nth-of-type(2n) {
    background: #ececec;
}

.shop-list-table td {
    padding: 0.7em 1em;
    border-left: 2px solid #f0a925;
}

.shop-list-table td:first-child {
    border-left: 0;
}

.shop-list-table h3 {
    color: #5f5e5e;
    margin: 0;
}

.shop-list-table p {
    margin: 0;
}

.shop-list-table .color-green {
    font-size: 16px;
    font-weight: bold;
}

html .buy-list-link {
    font-weight: normal;
    display: inline-block;
    background: transparent;
    color: #d71b6a;
    text-decoration: underline;
    padding: 0;
    border: none;
}

html .buy-list-link:hover,
html .buy-list-link:focus {
    font-weight: bold;
    text-decoration: none;
    background: transparent;
    color: #d71b6a;
}

.display-text-padding {
    padding: 1em;
    border: 1px solid #000;
}

/* 
* mobile views
*/
@media screen and (max-width: 1500px) {

    #mainnav > ul > li > a {
        font-size: 14px;
    }

    .biovaria-startup-list {
        width: 90%;
    }
}


@media screen and (max-width: 1300px) {
    .footer-border {
        margin: 26px 1em 0 1em;
    }

    html div nav.main-wrapper {
        margin: 0;
    }

    .mainnav-trenner {
        display: none;
    }

    #mainnav > ul > li > a {
        text-transform: none;
    }

    #mainnav > ul > li > a > span {
        padding: 0 0.1em;
    }

    html .biovaria-startup-list {
        width: 90%;
    }

    html .banner {
        height: 300px;
        min-height: inherit;
    }

    nav.quicklinks li {
        width: 49%;
    }

    div .four-cols > div {
        max-width: 45%;
        flex-grow: 1;
        -webkit-flex-grow: 1;
    }

    html .main-wrapper {
        margin: 0 1em;
    }

    #mainnav > ul > li > ul {
        flex-wrap: wrap;
    }

    html .red-bg-link h3,
    html .index-boxes > div:first-child h3,
    html .padding-20,
    html .display-boxes h3,
    html .index-boxes h3 {
        padding: 8px 15px;
    }

    .display-boxes > div,
    .index-boxes > div {
        min-width: 19%;
        margin-bottom: 20px;
    }

    .subpages-col > section:first-child {
        width: 70%;
    }

    .subpages-col > section:last-child {
        width: 28%;
    }

    .cat-list {
        width: 48%;
    }

    .no-frame .display-flex.news-standard-display {
        display: block;
    }

    .no-frame .news .display-flex .news-img-wrap {
        width: 100%;
    }

    .partnerpackage-items > .article {
        width: 32.5%;
        max-width: 32.5%;
        margin-right: 1%
    }

    .partnerpackage-items > .article:last-child {
        margin-right: 0;
    }

    .sidebar {
        margin-left: 0;
    }
}

@media screen and (max-width: 980px) {
    footer > div {
        display: block !important;
    }

    footer .footer-border {
        border-left: none;
        border-bottom: 1px solid #2e2c89;
        margin: 3em 0;
    }

    footer > div > div:last-child > section {
        margin-top: 0;
    }

    html #mainnav > ul > li a {
        font-size: 12px;
    }

    .partnerpackage-items > .article h3,
    .partnerpackage-items > .article {
        font-size: 14px !important;
    }

    html .pp-fees,
    html .startup-item,
    html table.contenttable {
        max-width: 100%;
    }

    html .flex-start-left-mobile {
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -webkit-flex-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
    }

    html .fullwidth .frame-layout-1 {
        max-width: 65%;
    }

    html .parnter-package-description {
        left: 2em;
    }

    .pp-fees .partner-package-teaser {
        min-height: 345px;
    }

    .agenda-list-wrapper {
        max-width: 100%;
        min-width: 100%;
    }

    .frame-type-text.frame-layout-2 {
        max-width: 80%;
    }
}


/* ipads */
@media screen and (max-width: 768px) {
    body > nav#mainnav-wrapper {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    body > nav#mainnav-wrapper > a {
        flex: 2;
        margin-right: 20px;
    }

    body > nav#mainnav-wrapper > ul {
        flex: 1;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        line-height: 60px;
    }

    body > nav#mainnav-wrapper > div {
        flex: 2;
        line-height: 60px;
    }

    #language_switch {
        margin-top: 0;
    }

    .header .slogan,
    .header > header > div {
        margin: 4em 1em;
    }

    .news-standard-display > div {
        max-width: 48%;
    }

    .smallResponsiveYoutube {
        clear: both;
        margin: 2em 0;
        width: 100%;
        max-width: 50%;
    }

    .shop-list-table {
        width: 100%;
    }

    /*** panel nav mobile views ***/
    body > #mainnav-wrapper {
        border-bottom: 5px solid #464ea9;
        z-index: 10;
        position: relative;
    }

    html body > #mainnav {
        -moz-transform: translateX(20em);
        -webkit-transform: translateX(20em);
        -ms-transform: translateX(20em);
        transform: translateX(20em);
        -moz-transition: -moz-transform 0.2s ease;
        -webkit-transition: -webkit-transform 0.2s ease;
        -ms-transition: -ms-transform 0.2s ease;
        transition: transform 0.2s ease;
        -webkit-overflow-scrolling: touch;
        background: #464ea9;
        color: #fff;
        height: 100%;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10002;
        margin: 0;
        width: 20em;
        max-width: 100%;
    }

    html .mainnav-trenner {
        display: none;
    }

    #mainnav ul {
        display: block;
        padding: 3em 0;
        list-style: none;
    }

    #mainnav ul ul {
        margin-left: 0.5em;
    }

    #mainnav ul > li {
        border-top: solid 1px rgba(255, 255, 255, 0.125);
        margin: 0.5em 0 0 0;
        padding: 0.5em 0 0 0;
    }

    #mainnav ul > li:first-child {
        border-top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #mainnav ul > li > a {
        border: 0;
        color: inherit;
        display: block;
        font-size: 14px !important;
        letter-spacing: 0.125em;
        outline: 0;
        text-decoration: none;
        text-transform: none;
        /* text-transform: uppercase; */
    }

    #mainnav > ul > li > ul > li > a {
        white-space: normal;
        font-size: 12px;
        padding: 0.3rem 0.5rem;
    }

    #mainnav ul > li.active > a,
    #mainnav ul > li > a:hover,
    #mainnav ul > li > a:active {
        font-weight: bold;
        color: #464ea9;
    }

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

        #mainnav ul > li > a {
            line-height: 20px;
        }

    }

    #mainnav .close {
        background-image: url("../Images/close.svg");
        background-position: 4.85em 1em;
        background-repeat: no-repeat;
        border: 0;
        cursor: pointer;
        display: block;
        height: 3em;
        position: absolute;
        right: 0;
        top: 0;
        vertical-align: middle;
        width: 7em;
    }

    .menuSlogan {
        position: absolute;
        right: 2em;
        line-height: 60px;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #mainnav-wrapper a.menuToggle {
        margin-left: 0.7em;
    }

    #mainnav-wrapper a.menuToggle:before {
        background-image: url("../Images/bars.png");
        background-position: right center;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        height: 60px;
        vertical-align: top;
        width: 2em;
    }

    .menuToggle > span {
        line-height: 58px;
        padding-left: 10px;
        font-weight: normal;
        font-size: 20px;
        color: #fff;
    }

    body > #mainnav > ul > li > a {
        text-align: left;
        padding: 0.5rem 1rem;
    }

    body > #mainnav > ul > li.active > a,
    body > #mainnav > ul > li > a:active,
    body > #mainnav > ul > li > a:focus,
    body > #mainnav > ul > li > a:hover {
        background: #fff;
    }

    body > #mainnav > ul > li:hover > ul {
        display: none;
    }

    body > #mainnav > ul > li.active > ul {
        padding: 0;
        display: block;
        position: relative;
    }


    body.is-menu-visible > footer,
    body.is-menu-visible > .container-bottom,
    body.is-menu-visible > section.main-wrapper {
        opacity: 0.35;
    }

    body.is-menu-visible > footer:before,
    body.is-menu-visible > .container-bottom:before,
    body.is-menu-visible > section.main-wrapper:before {
        display: block;
    }

    body.is-menu-visible #mainnav {
        position: fixed;
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    html .jcarousel ul {
        top: 15px !important;
    }

    .index-boxes > div:first-child {
        width: 100%;
        min-height: inherit;
        padding-bottom: 0;
    }

    .index-boxes > div {
        width: 24%;
    }

    .index-boxes .news-list-view {
        height: auto;
        min-height: 200px;
    }

    .index-boxes .news-list-view .jcarousel {
        min-height: 190px;
    }

    /** subpages **/
    html .content-wrapper .subpages-col > section {
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }


    /** footer ***/
    html footer > div {
        display: block !important;
    }

    footer section.biovaria-footer,
    footer section.address,
    footer > div > nav {
        width: 100%;
        border: 0;
        padding: 1rem 0;
    }

    footer address > div {
        max-width: 100%;
    }

    #search-button {
        display: none;
    }

    html .searchbox-header > form {
        display: block;
        position: relative;
        top: 0;
        right: 1em;
        max-width: 100%;
    }

    .biovaria-startup-list,
    .searchbox-header input[type="text"] {
        width: 100%;
    }

    .searchbox-header input[type="submit"] {
        top: 8px;
    }

    .biovaria-footer img {
        width: 250px;

    }

    html .index-page .news-list-view > .news-glance, html .news-glance {
        margin: 0;
    }

    html .glance-item {
        width: 180px;
        margin-bottom: 2em;
    }
}

/*** smartphone landscape ***/
@media screen and (max-width: 640px) {
    .cc-type-extend.cc-window .cc-compliance .cc-btn,
    html .cc-type-extend.cc-window .cc-compliance .cc-btn.cc-allow-all {
        width: 100% !important;
        margin: 0 0 0.5em 0 !important;
    }

    .index-boxes > div:last-child,
    .index-page .content-wrapper .index-boxes,
    html .display-boxes > div,
    html .index-boxes > div:first-child,
    html .index-boxes > div {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .event-images {
        margin: 2em 0;
        padding: 5px;
        width: 100%;
        text-align: center;

    }

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

    .frame-type-text.frame-layout-2,
    html body .fullwidth .frame-layout-1 {
        max-width: 100%;
    }

    .subscribe-cat-form,
    .event-images > div {
        width: 100%;
    }

    html .internal-page {
        display: block;
    }

    .news-item-glance > span {
        left: 40%;
    }

    html .startup-item {
        min-width: 100%;
    }

    .internal-page > .main-content-wrapper {
        margin: 0 0 2em 0;
    }

    .tech-detail-text,
    html .sidebar {
        clear: both;
        max-width: 100%;
        margin-left: 0;
    }

    .layout-box-2 {
        margin-bottom: 2em;
    }

    .display-boxes > .frame > a, .index-boxes > .frame > a {
        min-height: 240px;
    }

    html .banner-background,
    html .banner {
        height: 150px;
        overflow: hidden;
    }

    .banner-text {
        padding-top: 15px;
        font-size: 18px;
    }

    html .adv-items > div,
    .two-cols > * {
        width: 100%;
        flex: none;
        margin-right: 0;
    }

    /* tables */
    html .news-list-view .center-images li img,
    table.contenttable {
        max-width: 100%;
    }

    html .fullwidth > div.frame-layout-2 {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    html .content-wrapper .news-list-view .center-images li:last-child,
    html .news-list-view .center-images li,
    html .startup-item {
        max-width: 49%;
        width: 49%;
        margin-right: 1%;
    }

    .ce-gallery figure {
        margin: 0 0 2px 0;
    }

    body > .header {
        height: 250px;
    }

    .smallResponsiveYoutube {
        max-width: 100%;
    }

    .frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '3'] .ce-row .ce-column,
    .frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '2'] .ce-row .ce-column {
        min-width: 50%;
        max-width: 50%;
    }
}

/*** smartphone portrait ***/
@media screen and (max-width: 482px) {
    body > .header {
        height: 165px;
    }

    .ce-below .ce-gallery .ce-row,
    html #footernav > ul,
    html .display-flex {
        display: block;
    }

    .ce-below .ce-gallery .ce-column,
    .ce-below .ce-gallery .ce-row {
        text-align: center;
    }

    html div .biovaria-startup-list,
    .frame-layout-3 figure.image,
    .ce-below .ce-gallery .ce-column {
        width: 100%;
    }

    .ce-gallery img {
        display: inline-block;
    }

    html div .biovaria-event-item,
    html .biovaria-detail-maincontent .display-flex,
    html div ul.no-list-styletype {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    html div .biovaria-event-item {
        align-items: center;
    }

    html div .biovaria-event-item > div {
        flex: 1;
    }

    ul.biovaria-tech-list .biovaria-referencenumber {
        max-width: 50px;
    }

    .biovaria-listdescription {
        padding-left: 0.8em;
    }

    .event-item-agenda .date-col {
        border-right: 0;
        width: 100%;
        padding: 0.7em 1em 0.7em 0;
    }

    .footernav-social ul li:nth-child(2n) {
        text-indent: 0;
    }

    html .pp-fees > .article,
    .partnerpackage-items > .article,
    div .four-cols > div,
    html .flex-start-left > div {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    html .display-flex .news-list-text,
    html .display-flex .news-img-wrap,
    html footer address,
    html footer address > div,
    html nav.quicklinks li,
    html .social,
    html .social > div {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0.5rem 0;
    }

    html .glance-item,
    html .no-frame .news .display-flex .news-img-wrap,
    html .cat-list {
        width: 100%;
    }

    .news-standard-display > div,
    html .content-wrapper img {
        max-width: 100%;
        padding-right: 0;
        margin-right: 0;
    }

    .ascenion-footer p,
    .ascenion-footer {
        text-align: left;
    }

    .ascenion-footer {
        margin-top: 2em !important;
    }

    .footer-border {
        display: none;
    }

    html .header .slogan, html .header > header > div {
        margin: 0;
        padding: 1em 0;
    }

    html .header .slogan,
    html .header a {
        display: block;
        text-align: center;
    }

    html .header img {
        max-width: 50%;
    }

    .btn, input[type="submit"] {
        display: block;
        text-align: center;
        line-height: 30px;
        padding: 8px 0;
    }

    html .news-glance {
        display: flex !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
    }

    .partnerpackage-items > .article {
        margin-bottom: 2em;
    }

    .ascenion-footer a,
    .parnter-package-description {
        position: relative;
        margin-bottom: 2em;
    }

    .partnerpackage-items {
        height: auto !important;
    }

    html .startup-item {
        max-width: 40%;
    }

    .frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '3'] .ce-row .ce-column,
    .frame-layout-3 .ce-below .ce-gallery[data-ce-columns = '2'] .ce-row .ce-column {
        min-width: 100%;
        max-width: 100%;
    }
}

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

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

.ce-gallery figure {
    display: table;
    margin: 0;
}

.ce-textpic.ce-center .ce-bodytext {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

@media (min-width: 640px) {

    .ce-textpic.ce-center .ce-bodytext {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .ce-textpic.ce-center .ce-bodytext * {
        flex: 1;
    }
}

.ce-textpic.ce-center .ce-bodytext strong {
    font-size: 16px;
    margin: 1em 0 0.3em 0;
    margin-top: 1em;
    color: #393939;
}

.ce-textpic.ce-center .ce-gallery .image {
    @media (min-width: 1200px) {
        max-width: 66.6%;
        margin: 0 auto;
    }
}

.ce-textpic.ce-center .ce-gallery .image img,
.ce-textpic.ce-left .ce-gallery .image img {
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.ce-textpic.ce-left {
    @media (min-width: 483px) {
        width: 90%;
    }
    @media (min-width: 1301px) {
        width: 80%;
    }
}


.input-captcha {
    position: relative;
    padding-top: 2rem;
}

.input-captcha ~ label {

    font-weight: bold;
    position: relative;
    top: -72px;
    pointer-events: none;
}


.captcha-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.captcha-container input {
    margin-bottom: 0;
    width: auto;
    flex: 1;
}


.captcha {
    min-width: 185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.captcha__reload {

}