/*************************************
* Styles for ascenion.de
**************************************/
/******************
* General settings vibisAjaxmailsubscription_form
*******************/
html body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    background: #fff;
}

/******************
* General elements (buttons, etc.)
*******************/
h1 {
    font-size: 28px;
    margin: 1em 0 0.5em 0;
}

h2 {
    font-size: 22px;
    margin: 1em 0 0.5em 0;
}

h3 {
    font-size: 18px;
    margin: 1em 0 0.3em 0;
}

ul,
p {
    margin: 0.3em 0;
}

.d-hidden,
.label-mobile,
.hidden {
    display: none;
}

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

h3 sup {
    font-size: 12px;
}

html .fs-20 {
    font-size: 20px;
}

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

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

html .sidebar > div.frame-space-before-small {
    margin-top: 2.3em;
}

html .sidebar > div.frame-space-before-medium {
    margin-top: 3.6em;
}

html .sidebar > div.frame-space-before-large {
    margin-top: 5em;
}

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

html .flex-start-left {
    justify-content: flex-start;
}

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

html .flex-start-left > .col-md-9 {
    width: 67% !important;
    margin-right: 0 !important;
}

html .event-registration-field-wrapper .flex-start-left > div {
    width: auto;
}

.registration a {
    border-bottom: 1px dotted #000;
}

.flex-1 {
    flex: 1;
}

.float-left {
    float: left;
    max-width: 50%;
}

html .no-padding {
    padding: 0 !important;
}

.col-md-3 {
    max-width: 25%;
    min-width: 25%;
}

.col-md-4 {
    max-width: 33%;
    min-width: 33%;
}

.col-md-6 {
    max-width: 50%;
    min-width: 50%;
}

html .no-hover:hover,
html .no-hover:focus {
    cursor: auto !important;
}

html .no-hover.btn:hover,
html .no-hover.btn:focus {
    background: #d1252d;
}

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

.line-height-1,
.line-height-1 label {
    line-height: 1.2;
    margin: 0.4em 0;
}

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

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

a {
    text-decoration: none;
    color: #000;
}

.more {
    color: #d2262e;
}

.content-wrapper section ul a,
p a {
    border-bottom: 1px dotted #333;
}

form {
    position: relative
}

a:hover,
a:active,
a:focus {
    color: #7b6b6b;
    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;
}

html .chosen-container .chosen-results {
    max-height: 400px;
}

html .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 2px 5px;
}

.chosen-choices:hover,
.chosen-choices:focus {
    cursor: pointer;
}

.biovaria-footer a,
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset > div {
    padding: 10px 0;
}

table {
    width: 100%;
}

td {
    padding-right: 1em;
}

table td a {
    border-bottom: none;
}

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

.cat-menu-item label {
    line-height: 2 !important;
}

label p {
    margin: 0;
}

label p a {
    color: #d2252e;
}

html .font-bold {
    font-weight: bold;
}

html input[type="checkbox"] + label.nobold {
    cursor: auto;
    font-weight: normal;
    white-space: normal;
    margin-left: 0;
}

html label.nobold > a {
    border-bottom: 1px dotted #000;
}

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

a.print,
input[type="submit"] {
    display: block;
    color: #d2252e;
    font-size: 16px;
    font-weight: 600;
    background: none;
    border: none;
    border-bottom: 1px dotted #d2252e;
    cursor: pointer;
}

a.print:hover,
a.print:focus,
a.print:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
    text-decoration: none;
    border-bottom: 1px dotted #000;
}

.btn,
select,
textarea,
input[type="password"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="button"].btn,
input[type="submit"].btn {
    width: 100%;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 2;
    padding: 5px 0;
    text-indent: 10px;
    border: 1px solid #d1252d;

    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

html select {
    padding-left: 10px;
    text-indent: 0 !important;
}

.btn,
html input[type="button"].btn,
html input[type="submit"].btn {
    width: 100%;
    background: #d1252d;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
}

html .btn-inline {
    display: inline-block;
    width: auto;
    text-indent: 0;
    line-height: 1.7;
}


select:active,
select:focus,
textarea:active,
textarea:focus,
input[type="email"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="text"]:active,
input[type="button"].btn:focus,
input[type="button"].btn:active,
input[type="submit"].btn:focus,
input[type="submit"].btn:active {
    border: 1px solid rgba(210, 38, 46, 0.8);
}

.btn:hover,
.btn:active,
.btn:focus,
input[type="submit"].btn:hover,
input[type="submit"].btn:active,
input[type="submit"].btn:focus {
    color: #fff;
    background: rgba(210, 38, 46, 0.8);

    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;
}

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;
}

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;
}

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

input[type="checkbox"] + label, 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;
    white-space: nowrap;
}

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

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

.btn {
    line-height: 50px;
}

.checkbox-outer {
    width: 100%;
}

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

.webinarform input.error {
    background: #fff;
    border: 2px solid #ff0000;
    color: #000;
    font-weight: normal !important;
}

html address {
    font-style: normal;
    font-size: 16px;
    line-height: 1.7rem;
}

.padding-10 {
    padding: 0 10px;
}

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

.padding-20 {
    padding: 0 20px;
}

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 .mb-10 {
    margin-bottom: 10px;
}

html .mb-20 {
    margin-bottom: 20px;
}

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

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

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

/*** MASK elements ***/
.tx-mask-multicolumn {
    margin-bottom: 2.5em;
}

.tx-mask-2cols > div {
    max-width: 50%;
}

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

html .tx-mask-titleimage-link > a:hover,
html .tx-mask-titleimage-link > a {
    min-height: 1px;
    background: none;
}

.youtubevideo {
    margin-top: 1em;
}

.youtubevideo-gdpr-note > a {
    border-bottom: 1px dotted #000;
}

.subpages-col > section > div {
    position: relative;
    z-index: 2;
}

html .frame-layout-7 p,
html .frame-layout-7 h1,
html .frame-layout-7 h2,
html .frame-layout-7 h3,
html .frame-layout-7 h4,
html .frame-layout-7 span,
html .frame-layout-7 b,
html .frame-layout-7 strong,
html .frame-layout-7 a,
html .color-004D72 {
    color: #004D72;
}

html .subpages-col > section .content-background-image {
    /*
       position: fixed;
       top: 50%;
    */
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 30%;
    top: 2em;
    opacity: 0.09;
}

/*** cookiebanner ***/
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-window.cc-top-right,
html .cc-window.cc-bottom-right {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    max-width: 40em;
}

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

.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;
}

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

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

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-window .powered-by,
html [id*=cookie] .powered-by {
    display: none !important;
}

/*** header ***/
.top-section {
    min-height: 20vh;
    background: url(../Images/bg-header-right.png) no-repeat right top;
}

.top-section .top-right {
    padding: 0.5em;
    justify-content: flex-end;
    align-content: baseline;
}

.logo {
    margin-top: 20px;
}

.logo img {
    max-height: 190px;
    width: auto;
}

.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;
    justify-content: flex-start;
    width: 100%;
    margin: 3% 0;
}

.display-block {
    display: block;
}

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

#tinyaccordion3172 > li {
    display: none !important;
}

html #tinyaccordion3172 .news-acc-li.Beteiligungen {
    display: block !important;
}

html ul.tinyaccordion span.news-acc h4 {
    background: none;
    padding: 0;
    margin: 0;
}

html ul.tinyaccordion span.news-acc p {
    margin-top: 0;
}

.news-acc-ul {
    padding-left: 1.8em !important;
}

.news-acc-li {
    max-width: 90%;
}

.news-acc-ul > li h4:hover {
    border: none;
    text-decoration: none;
    cursor: default;
}

.acc-li {
    padding-bottom: 0.5em;
}

.news-acc-li > h4 {
    font-weight: bold !important;
    font-size: 18px;
    line-height: 25px;
}

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

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

.ico-termin {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../Images/ico-calendar.png) no-repeat center bottom;
    background-size: 100% auto;

}

.ico-clock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
    background: url(../Images/ico-clock.png) no-repeat center bottom;
    background-size: 100% auto;
}

section.banner {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 30vh;
    min-height: 450px;
    background-size: cover !important;
    background-position: right top !important;
}

.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%;
}

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

.shariff {
    display: block;
    width: 100%;
    clear: both;
    margin: 2em 0;
}

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

html .subpages-col > section.event-detail-maincontent {
    width: 75%;
}

html .subpages-col > section.technology-detail-sidebar {
    margin-top: 1.8em;
    width: 23%;
}

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

.subpages-col > .sidebar {
    max-width: 260px;
    min-width: 260px;
}

.sidebar > div {
    margin-top: 2em;
}

.sidebar > div:first-child {
    margin-top: 0;
}

.clearer {
    clear: both;
}

/*** footer ***/
footer {
    position: relative;
    z-index: 50;
    padding: 2rem 0;
    background: #f5f3ee;
}

footer h3 {
    margin-top: 0;
}

footer > div > section:last-child {
    border-right: 0;
}

footer .main-wrapper .footer-border {
    width: 1px !important;
    min-height: 100%;
    border-right: 1px solid #a79191;
}

footer .main-wrapper > .biovaria-footer,
footer .main-wrapper > .carma-logo,
footer .main-wrapper > .social {
    width: 30%;
    text-align: center;
}

.biovaria-footer img {
    max-width: 250px;
    height: auto;
    margin-top: 1.5rem;
}

footer .carma-logo img {
    max-width: 185px;
    height: auto;
    margin-top: 2rem;
}

.social {
    padding-top: 5px;
}

.social a {
    border-bottom: 0;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}

.container-bottom {
    padding: 2em 0;
    border-bottom: 1px solid #d2262e;
    margin-bottom: 0.5em;
}

html .color-ascenionred,
html .color-red > p,
html .color-red {
    color: #d2252e;
}

html .color-black > p,
html .color-black {
    color: #000;
}

/* shariff share */
.shariffshare .orientation-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 3em 0 2em 0;
}

.shariffshare .orientation-horizontal.button-style-standard.shariff-col-3 li {
    min-width: 150px;
    max-width: 180px;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    list-style-type: none;
    line-height: 30px;
    margin-right: 2em;
}

.shariffshare li a {
    display: block;
    position: relative;
    height: 30px;
    text-decoration: none;
    color: #fff;
    padding: 0 0.5em;
}

.share_text {
    margin-left: 15px;
}

.shariffshare li a > span:first-child {
    margin: 0 10px 0 0;
    position: relative;
}

.shariffshare li a > span:first-child * {
    position: absolute;
    bottom: 0;
}

.shariffshare .x-twitter a {
    background-color: #32bbf5;
}

.shariffshare .linkedin a {
    background-color: #1e3050;
}

.shariffshare .mail a {
    background-color: #7b6b6b;
}

/***********
* 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;
}

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

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

.print .event-item-title br,
.event-item .event-item-title br,
.breadcrumb br {
    display: none;
}

/*** mainnav ***/
#mainnav-wrapper {
    background: #fff;
}

#mainnav li {
    position: relative;
    border: none;
}

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

#mainnav > ul > li > a {
    display: block;
    padding: 1rem 0 0.7rem 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;

}

#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: #d1252d;
    font-weight: 500;
    -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;
}

#mainnav > ul > li:last-child > a > span {
    border: none;
}

/* 2. ebene */
#mainnav > ul > li > ul {
    display: none;
    position: absolute;
    z-index: 50;
    padding: 1rem;
    background: rgba(209, 37, 45, 0.8);
}

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

#mainnav > ul > li:first-child > ul {
    left: 3rem;
}

#mainnav > ul > li > ul > li {
    /*float: left; */
    flex-grow: 1;
}

#mainnav > ul > li:last-child > ul,
#mainnav > ul > li:nth-last-child(2) > ul {
    flex-wrap: wrap;
}

#mainnav > ul > li > ul > li > a {
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    padding-bottom: 0.8em;
}

#mainnav > ul > li > ul > li > a > span {
    padding: 0.3rem 1rem;
    display: block;

}

#mainnav ul ul li a:hover > span,
#mainnav ul ul li a:active > span,
#mainnav ul ul li a:focus > span,
#mainnav ul ul li.active > a,
#mainnav ul ul li.active > a > span {
    background: #fff;
    color: #d1252d;
    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;
    margin-left: 1em;
}

#mainnav > ul ul ul li a::before {
    content: '- ';
    margin-left: -15px;
}

/* 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 */
nav#footernav a {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 200%;
}

/* langnav */
ul.language_switch {
    padding-right: 15px;
    border-right: 1px solid #d2262e;
}

/* quicklinks */
nav.quicklinks {
    max-width: 30%;
}

nav.quicklinks li {
    width: 33%;
    line-height: 200%;
}

nav.quicklinks a {
    text-transform: uppercase;
    color: #d2252e;
    font-size: 18px;
}

nav.quicklinks a:hover,
nav.quicklinks a:active,
nav.quicklinks a:focus {
    font-weight: bold;
}

/* footernav sitemap */
ul.footer-sitemap li.sitemap-header > span,
ul.footer-sitemap li.sitemap-header > a {
    text-transform: uppercase;
    color: #d1252d;
    font-size: 18px;
    line-height: 3rem;
}

ul.footer-sitemap > li > ul > li {
    margin-bottom: 0.8rem;
}

ul.footer-sitemap > li > ul > li.active > a,
ul.footer-sitemap > li > ul > li a:hover,
ul.footer-sitemap > li > ul > li a:focus {
    font-weight: normal;
    color: #d1252d;
    text-decoration: underline;
}

ul.footer-sitemap > li > ul > li > a {
    font-size: 16px;
    line-height: 2rem;
    line-height: 1
}

ul.footer-sitemap ul ul li {
    font-size: 14px;
    line-height: 1.5rem;
    margin-left: 5px;
}

/** startseite **/
.display-boxes,
.index-boxes {
    padding: 2rem 0;
}

html .display-boxes {
    justify-content: flex-start;
}

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

.display-boxes > div,
.index-boxes > div {
    /* width: 18%;
     flex-grow: 1;
    flex: 1; */
    width: 15%;
    min-width: 260px;
    position: relative;
}

.display-boxes > div {
    margin-right: 1%;
}

html figure {
    margin: 0;
    overflow: hidden;
    text-align: center;
}

.index-boxes figure.image {
    position: absolute;
    bottom: 20px;
    left: 0;
}

/*
html .box-layout-1 {
    position: absolute;
    padding: 0;
    width: 100%;
    bottom: 3em;
}
*/
.frame-layout-4 figure.image,
.frame-layout-1 figure.image,
.index-boxes figure.image {
    width: 100%;
    text-align: center;
}

.frame-layout-4 h3,
.frame-layout-1 h3 {
    margin: 0;
}

.frame-layout-4 figure.image img,
.frame-layout-1 figure.image img,
.index-boxes .ce-gallery img {
    display: inline-block;
}

.frame-layout-6 > div,
.frame-layout-4 > a,
.frame-layout-1 > a,
.index-boxes > div:first-child,
.index-boxes > .frame > a,
.display-boxes > .frame > a {
    display: block;
    position: relative;
    padding: 0 0 20px 0;
    min-height: 250px;
    background: #eeebe5;
    border: 0;
}

.frame-layout-6 > div {
    font-size: 14px;
}

.frame-layout-6 .ce-gallery {
    margin: 0;
    padding-top: 15px;
}

.index-boxes > div:first-child {
    max-height: 280px;
    overflow: hidden;
}

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

.frame-layout-3 > .tx-sf-event-mgt {
    min-height: 300px;

}

.frame-layout-3 > .tx-sf-event-mgt > form {
    margin-top: 1.5em;
    background: #eeebe5;

}

.index-boxes .news {
    position: relative;
    padding: 0 15px;
}

.index-boxes .news-list-view {
    position: relative;
    width: 100%;
    min-height: 215px;
    height: 250px;
    overflow: hidden;
}

.max-height-news {
    max-height: 170px;
    margin-bottom: 10px;
    overflow: hidden;
}

.index-boxes .news-list-view h4 {
    margin: 0.3em 0 5px 0;
}

.index-boxes .news-list-view .teaser-text .btn {
    text-align: right;
}

.frame-layout-1 a:hover,
.frame-layout-1 a:active,
.frame-layout-1 a:focus,
.index-boxes a:hover,
.index-boxes a:active,
.index-boxes a:focus {
    color: #fff;
    background: #7b6b6b;
    -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;
}

.frame-layout-4 a:hover,
.frame-layout-4 a:active,
.frame-layout-4 a:focus {
    color: #fff;
    background: rgba(6, 106, 200, 0.7) !important;
    -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;
}


.red-bg-link h3,
.index-boxes > div:first-child h3 {
    padding: 0 20px;
    margin: 0;
    color: #fff;
}

.index-boxes > div:first-child a {
    padding-top: 0;
}

.contact-boxes > div {
    max-width: 350px;
}

.joblist-header,
.frame-layout-2 > a > h3,
.layout-box-2 > p > a,
.layout-box-2 > h3,
.red-bg-link h3,
.frame-layout-3 h3,
.frame-layout-4 h3,
.frame-indent h3,
.frame-layout-5 h3,
.no-frame > header h3,
.frame-layout-1 h3,
.index-boxes h3 {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0;
    padding: 10px 15px;
    background: #7b6b6b;
}

html .frame-layout-4 h3 {
    background: #056ac8;
}

html .frame-layout-4 > a {
    background: #dae9f9 !important;
}

.frame-indent.frame-layout-1 {
    min-width: 235px;
}

.frame-indent h3,
.frame-layout-5 h3,
.frame-layout-3 h3 {
    position: relative;
    z-index: 20;
    margin-bottom: 0;
}

.frame-layout-5 div.image-box,
.frame-layout-3 div.image-box {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 10;
}

html .tech-sidebar-left-box .tech-image-box {
    position: relative !important;
    top: -20px !important;
}

.tech-sidebar-left-box > h3 {
    background: #eeebe5;
}

html .event-cat-form > div {
    width: auto !important;
}

section .display-boxes > .frame-indent > a,
section .display-boxes > .frame-layout-5 > a,
section .display-boxes > .frame-layout-3 > a {
    background: none;
}

.red-bg-link > h3,
.index-boxes > div:first-child h3 {
    background: #d2262e;
    padding: 10px 20px;
}

.red-bg-link:hover h3,
.red-bg-link:active h3,
.red-bg-link:focus h3 {
    background: #eeebe5;
    color: #000;
    -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;

}

.layout-box-2 > p > a {
    display: block;
}

.layout-box-2 > p > a:hover,
.layout-box-2 > p > a:active,
.layout-box-2 > p > a:focus,
.frame-layout-3 a:hover h3,
.frame-layout-3 a:active h3,
.frame-layout-3 a:focus h3,
.frame-indent a:hover h3,
.frame-indent a:active h3,
.frame-indent a:focus h3,
.frame-layout-5 a:hover h3,
.frame-layout-5 a:active h3,
.frame-layout-5 a:focus h3,
.frame-layout-1 a:hover h3,
.frame-layout-1 a:active h3,
.frame-layout-1 a:focus h3,
.index-boxes a:hover h3,
.index-boxes a:active h3,
.index-boxes a:focus h3 {
    color: #000;
    background: #eeebe5;
}

.frame-layout-4 a:hover h3,
.frame-layout-4 a:active h3,
.frame-layout-4 a:focus h3 {
    color: #000;
    background: #dae9f9;
}

.subpages-col .no-frame {
    float: left;
    width: 45%;
    margin-right: 5%;
}


.frame-layout-4 .ce-gallery,
.frame-layout-1 .ce-gallery,
.index-boxes .ce-gallery {
    margin-top: 20px;
}

.frame-layout-4 .ce-gallery div,
.frame-layout-1 .ce-gallery div,
.index-boxes .ce-gallery div {
    width: 100%;
}

.frame-layout-4 figure,
.frame-layout-1 figure,
.index-boxes figure {
    margin: 0 auto;
}

.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: 1px solid #d1252d;
    border-radius: 100%;
    background: #d1252d !important;
    color: transparent !important;
}

.cycle-pager a:hover,
.cycle-pager a:active,
.cycle-pager a:focus,
.cycle-pager a.active {
    border: 1px solid #fff;
    background: #fff !important;
}

/* boxes with images only */
.layout-box-2 > h3,
.frame-layout-4 .image-box,
.frame-layout-1 .image-box,
.index-boxes .image-box {
    color: #000;
    margin-bottom: 0 !important;
}

html .frame-layout-4 > a.image-box,
html .frame-layout-1 > a.image-box {
    padding-bottom: 0;
}

.frame-layout-4 .image-box .ce-gallery,
.frame-layout-1 .image-box .ce-gallery,
.index-boxes .image-box .ce-gallery {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}

.image-box img {
    height: 100%;
    min-height: 239px;
    width: auto;
    max-width: inherit;
}

/* z.B. GO-BIO */
.frame-type-text.frame-layout-1 {
    padding-right: 30%;
}

/* boxes 2 cols (no frame-layout, like plugins) */
html .display-boxes > div.frame-layout-0 {
    flex: 2;
}

.content-technology-intro {
    max-width: 55%;
}

.tech-box-1 {
    flex: 1;
    justify-content: space-between;
}

html body .tech-box-4 > div {
    margin-right: 1.5em;
}

.tech-box-4 > div:nth-child(2) {
    min-width: 500px;
    margin-top: -7px;
}

.tech-box-2 {
    min-width: 530px;
    justify-content: flex-end;
}

html .tech-box-1 > div,
html .tech-box-2 > div {
    max-width: 260px;
    min-width: 260px;
    margin-bottom: 1.5em;
    width: auto;
    flex: 1;
}

html .tech-box-1 > div.frame-indent,
html .tech-box-1 > div.frame-layout-5 {
    min-width: 500px !important;
}

/*
* TO-Alert
*/
html .frame-layout-3 #vibisAjaxmailsubscription_form > div {
    float: left;
}

html .frame-layout-3 #vibisAjaxmailsubscription_form > .form-row.hide-on-check {
    width: 59%;
}

html .frame-layout-3 #vibisAjaxmailsubscription_form > .form-fields-wrapper {
    width: 38%;
    margin-right: 3%;
}

.cat-col-left {
    width: 50% !important;
}

.frame-indent form,
.frame-layout-5 .subscribe-cat-form {
    width: 100%;
}

html .ok-field {
    padding: 2em;
}

.ok-field,
.grey-bg {
    margin: 5px 0 0 0;
    padding: 3px;
    background: #eeebe5;
}

.blue-bg {
    margin: 5px 0 0 0;
    padding: 3px;
    color: #fff;
    background: #056ac8;
}

html .tech-box-1 > div:nth-child(4) {
    margin-right: 2.5em;
}

html .tech-box-1 > div:last-child,
html .tech-box-2 > div:last-child {
    margin-right: 0;
}

h3.image-box {
    height: 50px;
}

/**********************
* extensions
***********************/

/** femanager and felogin fe_login */
.femanager_error {
    list-style-type: none;
    border: 2px solid #d1252d;
    color: #d1252d;
    padding: 1.5em;
    line-height: 1.3;
    font-weight: bold;
}

.femanager_error h3 {
    margin-top: 0;
}

.country-hide {
    display: none;
}

/** 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;
}

.cat-menu-item-sub {
    margin-left: 20px;
}

.list-checkall {
    margin: 15px;
}

.event-print {
    margin-left: 15px;
}

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

.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.active,
.news-tags a:hover,
.news-tags a:active,
.news-tags a:focus {
    background: #fff;
    color: #d1252d;
}

.news-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.news-tags a {
    display: inline-block;
    padding: 3px;
    margin: 0.2em;
    font-size: 14px;
    color: #fff;
    background: #d1252d;
    border: 1px solid #d1252d;
    border-radius: 5px;
}


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

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

.news .page-navigation .current,
.news .page-navigation a {
    display: inline-block;
    background: rgba(210, 38, 46, 0.8);
    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: #d1252d;
    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 .news .news-list-view.zwei > div {
    width: 40%;
    margin-right: 10%;
}

html .news-list-view .article.no-padding {
    padding: 0;
    margin: 0 0 1em 0;
}

.article.no-padding p {
    margin-top: 0;
}

.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-searchform-input-elements {
    margin: 0 10px;
}

.event-category-menu .event-search-submit,
.layout-3 > form > fieldset > div:first-child {
    margin-top: 10px;
}

.event-searchform-input-elements input {
    text-indent: 10px;
    padding-left: 0 !important;
}

.event-searchform-button-element {
    padding-left: 17px;
}

.event-searchform-button-element > input {
    padding: 0;
}

.event-list-view .list-title {
    margin-top: 15px;
    padding: 5px 15px;
    line-height: 34px;
    color: #fff;
    font-weight: bold;
    background: #d1252d;
}

.news-single {
    max-width: 80%;
}

.ev-wrapper {
    max-width: 95%;
}

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

.event-list-view .tech-no-link-item,
.event-list-view a {
    display: flex;
    padding: 0.5rem 0.5rem 0.5rem 0;
    border-bottom: none !important;
}

.event-list-view li {
    border-bottom: 1px solid #d1252d;
}

.event-list-view li input[type="checkbox"] {
    margin: 0.8rem 0.6em 0 15px;
}

.event-list-view li:hover,
.event-list-view li:active,
.event-list-view li:focus,
.event-list-view li:hover a,
.event-list-view li:active a,
.event-list-view li:focus a {
    color: #fff;
    background: #d1252d;
    font-weight: normal;
    -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 > a {
    border: none !important;
}

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

.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,
#clear-all {
    cursor: pointer;
    text-decoration: underline;
}

.clear-all:hover,
.clear-all:focus,
#clear-all:hover,
#clear-all:focus {
    color: #d1252d;
}

.bg-red {
    color: #fff;
    background: #d1252d;
    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 {
    /*  max-width: 35%; */
    padding: 5px;
    border: 1px solid #c1c1c1;
}

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

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

.termin-description table {
    max-width: 100%;
}

.termin-description table td {
    padding-right: 1em;
}

.webinar-detail {
    max-width: 55%;
}

.webinar-detail td {
    border-bottom: 1px dotted #7b6b6b;
    padding: 0.3em 0;
}

.webinar-detail ul {
    padding-left: 17px;
}

.webinare-list .news-list-view > div,
.zwei.news-list-view > div,
.no-frame .news-list-view > div {
    margin-bottom: 0;
    min-height: 270px;
    max-height: 270px;
    overflow: hidden;
    justify-content: flex-start;
    align-content: flex-start;
    padding: 2em 0 0em 0;
    border-bottom: 1px dotted #d1252d;
}

.webinare-list h2 {
    margin-top: 0;
}

html .zwei.smallerHeight > div {
    min-height: 150px;
    max-height: 150px;
}

.zwei.news-list-view .news-img-wrap,
.no-frame .news-list-view .news-img-wrap {
    max-height: 200px;
    overflow: hidden;
}

.news-clear,
.page-navigation {
    min-height: 50px !important;
}

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

.webinare-list .display-flex .news-img-wrap {
    width: 15%;
}

.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;
    margin-bottom: 0.5em;
}

.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: 50%;
    max-width: 50%;
    width: auto;
    margin: 1.5em 0 0 0;
    padding: 0;
}

.board-item {
    position: relative;
    min-height: 140px;
    margin-bottom: 2em;
    border-bottom: 1px dotted #7b6b6b;
}

.job-item {
    min-height: 50px;
    padding: 0 15px;
    border-bottom: 1px dotted #7b6b6b;
}

html .job-link:hover,
html .job-link:focus {
    color: #d2262e;
}

.job-teaser {
    margin-top: 1em;
}

.job-detailheader {
    padding: 50px;
    background: url(../Images/headergrafik-jobs.jpg) no-repeat right bottom;
    background-size: cover;
}

.job-detailheader > * {
    color: #fff;
    font-weight: normal;
}

.job-detailheader h1 {
    margin: 0;
    padding: 0;
    font-size: 35px;
}

.job-detailheader i {
    color: #fff;
    width: 21px;
    height: 21px;
}

.job-detailheader .display-flex > * {
    font-size: 20px;
}

.job-detailtext {
    margin-bottom: 2em;
}

.job-detailtext ul {
    list-style-type: none;
    padding-left: 0;
}

.job-detailtext ul li {
    position: relative;
    padding: 7px 0 7px 10px;
}

.job-detailtext ul > li:before {
    position: absolute;
    left: 0;
    content: '-';
    padding-left: 0;
    color: #d2262e;
}

.job-detailtext ul > li li:before {
    position: absolute;
    left: 0;
    content: "\2022";
    color: #d2262e;
}

.job-detailtext ul li li:last-child {
    padding-bottom: 0;
}

.job-detailheader.text-center > .display-flex {
    margin: 0 auto;
    width: 100%;
    justify-content: center !important;
}

.job-detailtext {
    padding: 20px 50px;
}

.frame-layout-1 .job-detailtext h3 {
    color: inherit;
    font-weight: 600;
    text-transform: none;
    background: none;
    padding: 0;
    margin: 1em 0;
}

.joblist-header,
a.job-link > div {
    max-width: 70%;
}

.job-title {
    min-width: 60%;
}

/** Profile **/
.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 {
    background: none;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
}

.frame-layout-1.border-right {
    border-right: 1px dotted #7b6b6b;
}

.partner-item .mitarbeiter-img-wrap img {
    border-radius: 0;
}

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

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

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

.background-active {
    padding: 0;
    color: #fff;

}

.background-active > div {
    background: #7b6b6b;
    padding: 0 5px 10px 5px;
}

.background-active a,
.background-active div.profile-ico {
    color: #fff;
    text-decoration: underline;
}

.profile-text-box > h3 {
    text-transform: none;
}

/*** lightbox ***/
html .fancybox-title-float-wrap {
    bottom: auto;

}

html .fancybox-title-float-wrap .child {
    white-space: normal;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    color: #000;
    font-weight: 500;
}


/** partner **/
html div .four-cols > .partner-item {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: 0;
}

html .frame-indent {
    margin: 0;
}

html .frame-indent.frame-layout-1 > header h3 {
    height: 95px;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}


/** dmailsubscribe **/
.subscribe-categories {
    float: left;
    min-width: 60%;
    margin-right: 0 !important;
    padding-bottom: 2em;
}

.toalert-form {
    min-width: 40% !important;
}

.dmail-subcategory {
    padding-left: 20px;
}

.subscribe-cat-form {
    float: left;
    width: 35%;
}

.cat-list {
    width: 30%;
}

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


/*** ke_search ***/

.result-list-item {
    padding: 0.5em 1em !important;
    margin-bottom: 1em !important;
    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;
}

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

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


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

html .startup-item a {
    /*  display: block; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #646566;
    padding: 0 1em;
    /*   padding: 0 1em 1em 1em;
     min-height: 265px; */
    min-height: 180px;
    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: #d2252e;
    box-shadow: 4px 6px 10px 1px #d2252e;
    -webkit-box-shadow: 4px 6px 10px 1px #d2252e;
    -moz-box-shadow: 4px 6px 10px 1px #d2252e;
    */
}

.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;
}


/* 
* mobile views
*/
@media screen and (max-width: 1600px) {
    html .tech-box-1 {
        justify-content: flex-start;
    }

    html .tech-box-1 > div,
    html .tech-box-1 > div:nth-child(4) {
        margin-right: 2em;
    }

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

    .subpages-col > section:last-child {
        width: 20%;
        min-width: 260px;
        margin-left: 2%;
    }
}

@media screen and (max-width: 1370px) {
    html .banner {
        height: 300px;
        min-height: inherit;
        overflow: hidden;
    }

    .ev-wrapper {
        max-width: 100%;
    }

    nav.quicklinks li {
        width: 49%;
    }

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

    html div .four-cols > .mitarbeiter-item {
        max-width: 30%;
    }

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

    #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;
    }

    .event-searchform-input-elements input {
        text-indent: 5px;
    }

    .event-searchform-button-element {
        padding-left: 15px;
    }

    html .to-detail {
        display: block;
    }

    html .to-detail > section,
    html .to-detail > div {
        margin-right: 0;
        width: 100% !important;
    }

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

    .frame-layout-3 div.image-box {
        top: 40px;
    }

    .subpages-col > section:first-child {
        flex: 1;
    }

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

    .cat-list {
        width: 48%;
    }

    .mitarbeiter-item h4 {
        white-space: normal;
        min-height: 48px;
    }

    html .tech-box-1 > div,
    html .tech-box-1 > div:nth-child(4) {
        margin-right: 1em;
        margin-bottom: 1em;
    }

    html .subpages-col .no-frame {
        width: 48%;
        margin-right: 2%;
    }

    .zwei.news-list-view > div, .no-frame .news-list-view > div {
        min-height: 320px;
        max-height: 350px;
    }
}

@media screen and (max-width: 1218px) {
    /*
    * header & nav
    */
    #search-button {
        display: none;
    }

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

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

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

    body > nav#mainnav-wrapper {
        display: flex;
    }

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

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

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

    #language_switch {
        margin-top: 0;
    }

    html .zwei.smallerHeight > div {
        min-height: 220px;
        max-height: 250px;
    }

    /*** panel nav mobile views ***/
    body > #mainnav-wrapper {
        border-bottom: 5px solid #d1252d;
    }

    #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: #d2252e;
        color: #fff;
        height: 100%;
        max-width: 80%;
        overflow-y: auto;
        position: fixed;
        left: 0;
        top: 0;
        width: 20em;
        z-index: 10002;
    }

    .hasdropdown {
        position: relative;
    }

    #mainnav > ul > li.hasdropdown > .mobile-toggle {
        cursor: pointer;
        position: absolute;
        top: 0.5em;
        left: 5px;
        display: inline-block;
        width: 15px;
        height: 40px;
        background: url(../Images/plus.png) no-repeat center center
    }

    html body > #mainnav > ul > li a {
        padding-left: 1.5em;
    }


    .is-menu-visible #mainnav {
        left: 0;
    }

    html body > div#mainnav {
        margin: 0;
    }

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

    #mainnav ul ul {
        margin-left: 0.3em;
        padding: 0;
    }

    #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;

    }

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

    #mainnav > ul > li > ul > li a {
        white-space: normal;
        font-size: 14px;
        padding-bottom: 0;
    }

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

    #mainnav > ul > li > ul > li > ul a {
        line-height: 1.1;
        padding: 0.5em 1em;

    }

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

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

    #mainnav > ul > li > ul > li > ul a span:hover,
    #mainnav > ul > li > ul > li > ul a span:focus,
    #mainnav > ul > li > ul > li > ul a span:active {
        background: none;
    }

    #mainnav ul > li.active > a,
    #mainnav ul > li > a:hover,
    #mainnav ul > li > a:active {
        font-weight: bold;
        /*                                  background: url('../Images/ico-liste-active.png') no-repeat left center; */
    }

    #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;
    }

    #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: bold;
        font-size: 20px;
    }

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

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

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

    body > #mainnav > ul > li.active > ul {
        display: block;
        position: relative;
        margin-left: 1.5em;
    }


    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 .tech-box-1 > div.frame-indent,
    html .tech-box-1 > div.frame-layout-5 {
        min-width: 35% !important;
    }

    input[type="checkbox"] + label, input[type="radio"] + label {
        white-space: normal;
        line-height: 1.2;
    }

    html .cat-col-left {
        width: 100% !important;
    }

    html .cat-menu-item label {
        line-height: 1.5 !important;
        white-space: nowrap;
    }

    html .cat-menu-item input[type="checkbox"] + label:before {
        line-height: 1.5;
        top: 5px;
    }

    html .subpages-col > section > .no-frame form > .form-fields-wrapper {
        width: 50%;
        margin-right: 2%;
    }

    html .subpages-col > section > .no-frame form > .form-row.hide-on-check {
        width: 48%;
    }

    .webinar-detail {
        max-width: 75%;
    }

    nav.quicklinks {
        max-width: 100%;
    }

    nav.quicklinks li {
        width: 30%;
    }

    footer .carma-logo img {
        margin: 2em 0;
    }

    footer .main-wrapper > .biovaria-footer,
    footer .main-wrapper > .carma-logo,
    footer .main-wrapper > .social {
        width: 100%;
        text-align: center;
    }

    html .onhover-spot.active:after {
        font-size: 40px !important;
        right: -10px;
    }

}

@media screen and (max-width: 992px) {
    /* z.B. GO-BIO */
    .frame-type-text.frame-layout-1 {
        padding-right: 4em;
    }

    .zwei.news-list-view,
    .display-flex > section > .no-frame {
        margin: 0 0 20px 0;
        width: 100%;
    }

    html .contact-boxes > div {
        min-width: 280px;
        margin-right: 1%;
    }

    .zwei .news .display-flex,
    .no-frame .news .display-flex {
        display: flex;
    }

    .zwei .display-flex .news-img-wrap,
    .no-frame .news .display-flex .news-img-wrap {
        width: 28%;
    }

    .display-boxes > div,
    .index-boxes > div {
        min-width: 32%;
    }

    .subscribe-cat-form,
    .subscribe-categories {
        float: none;
        width: 100%;
    }

    html .subpages-col > section {
        width: 100% !important;
    }

    html .banner-background,
    html .banner {
        height: 250px;
    }

    footer > div > nav {
        width: 40%;
    }

    html footer .carma-logo > div {
        max-width: 70%;
    }

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

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

    html .index-boxes > div:first-child {
        max-height: 300px;
    }

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

    html body .tech-box-4 > div {
        margin-right: 2%;
    }

    .tech-box-4 > div:nth-child(2) {
        min-width: 47%;
    }

    html .adv-items > div {
        min-width: 100%;
        max-width: 100%;
    }

    .subpages-col > .sidebar {
        max-width: 100%;
    }

    html .tech-box-1 > .frame-indent,
    html .tech-box-1 > div.frame-layout-5 {
        min-width: 45% !important;
    }

    /** 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 .carma-logo > div {
        max-width: 100%;
        margin: 0;
    }

    footer .carma-logo > div,
    .biovaria-footer img {
        width: 250px;

    }

    .job-detailheader {
        padding: 20px;
        background: url(../Images/headergrafik-jobs.jpg) no-repeat left bottom;
        background-size: cover;
    }

    .job-detailtext {
        padding: 20px;
    }
}


/* ipads */
@media screen and (max-width: 768px) {
    html .display-boxes > div {
        width: 47%;
        max-width: 47%;
    }

    .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;
    }

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

    .news-single,
    .content-technology-intro {
        max-width: 100%;
    }


    html .tech-box-1 > div.frame-indent,
    html .tech-box-1 > div.frame-layout-5 {
        min-width: 100% !important;
    }

    html input[type="checkbox"] + label, html input[type="radio"] + label {
        line-height: 2;
    }

    .webinar-detail {
        max-width: 85%;
    }

    .joblist-header,
    a.job-link > div {
        max-width: 100%;
    }

    html .col-sm-12 {
        max-width: 100%;
        min-width: 100%;
    }
}

/*** smartphone landscape ***/
@media screen and (max-width: 640px) {
    html .label-mobile {
        display: block;
    }

    .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-bottom: 0.5em;
    }

    /* z.B. GO-BIO */
    .frame-type-text.frame-layout-1 {
        padding-right: 0;
    }

    html .event-detail-maincontent .event-images {
        max-width: 90%;

    }

    html .display-boxes > div,
    html .index-boxes > div:first-child,
    html .index-boxes > div {
        width: 47%;
        max-width: 47%;
    }

    html .tech-box-1 {
        justify-content: space-between;
    }

    html .tech-box-1 > div,
    html .tech-box-1 > div:nth-child(4) {
        min-width: 220px;
        width: auto;
        margin-bottom: 2em;
        margin-right: 0;
    }

    html .tech-box-1 h3.image-box {
        padding: 8px;
    }

    html .tech-box-1 .image-box img {
        max-height: 240px;
        width: auto;
        min-width: 100%;
    }

    html .tech-box-1 .image-box {
        max-height: 240px;
        overflow: hidden;
    }

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

    }

    html .news .news-list-view.zwei > div,
    .event-images > div {
        width: 100%;
        margin-right: 0;
    }

    html body .display-boxes > .frame > a,
    html body .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 div .four-cols > .mitarbeiter-item {
        width: 45% !important;
        max-width: 45% !important;
    }

    html .news .news-list-view.zwei > div {
        width: 100%;
        margin-right: 0;
        min-height: 150px;
        max-height: auto;
    }

    html .frame-layout-3 #vibisAjaxmailsubscription_form {
        transform: scaleY(-1);
    }

    html .frame-layout-3 #vibisAjaxmailsubscription_form > div {
        float: none;
        width: 100% !important;
        margin: 2em 0;
        max-width: 100%;
        transform: scaleY(-1);
    }

    .webinar-detail {
        max-width: 100%;
    }

    .job-detailheader {
        padding: 40px 20px;
    }

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

    html .tx-mask-2cols > div > div,
    html .tx-mask-2cols > div {
        max-width: 100%;
    }

    html div .onhover-spot.active:after {
        font-size: 25px !important;
        right: -10px;
    }
}

/*** smartphone portrait ***/
@media screen and (max-width: 482px) {
    html .event-detail-maincontent .event-images,
    html .display-boxes > div,
    html .index-boxes > div:first-child,
    html .index-boxes > div {
        width: 100%;
        max-width: 100%;
    }

    html .display-flex {
        display: block;
    }

    html div .news-list-view.display-flex {
        display: flex !important;
    }

    html .tech-box-1 .image-box img {
        min-width: 482px;
        height: auto;
        max-height: inherit;
    }

    div .four-cols > div,
    html .flex-start-left > div {
        width: 100%;
        margin-right: 0;
    }

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

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

    html .news-acc-li,
    html .content-wrapper img {
        max-width: 100%;
    }

    html .news .news-list-view.zwei > div {
        max-height: none;
        min-height: 350px;
    }

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

    html .zwei,
    html .zwei .display-flex,
    .no-frame .news .display-flex {
        display: block;
    }

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

    .zwei.news-list-view > div,
    .no-frame .news-list-view > div {
        max-height: inherit;
    }

    html .cat-menu-item label {
        line-height: 2 !important;
        white-space: normal;
    }

    html .cat-menu-item input[type="checkbox"] + label:before {
        line-height: 2;
        top: 8px;
    }

    html .subpages-col > section > .no-frame form > .form-row.hide-on-check,
    html .subpages-col > section > .no-frame form > .form-fields-wrapper {
        width: 100%;
        margin-right: 0;
    }

    html .float-left {
        float: none;
        width: 100%;
        max-width: 100%;
    }

}


/*********************************
** KE_SEARCH ****/
.tx-kesearch-pi1 {
    font-family: Sans-Serif;
}

/* Clearer */
.tx-kesearch-pi1 .clearer {
    display: block;
    height: 1px;
    line-height: 1px;
    clear: both;
}

/* formElements */
.tx-kesearch-pi1 form {
    border: 0 none;
    margin: 0 0 20px 0;
}

.tx-kesearch-pi1 form fieldset {
    margin: 0;
    padding: 0;
}

.tx-kesearch-pi1 .kesearch_searchbox {
    border: none;
}

.tx-kesearch-pi1 input[type="text"],
.tx-kesearch-pi1 select,
.tx-kesearch-pi1 textarea {
    padding: 0.3em 0.3em 0.3em 0.4em;
    background: white;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2b2b2b;
}

.tx-kesearch-pi1 input[type="text"]:focus,
.tx-kesearch-pi1 input[type="text"]:hover,
.tx-kesearch-pi1 select:focus,
.tx-kesearch-pi1 select:hover,
.tx-kesearch-pi1 textarea:focus,
.tx-kesearch-pi1 textarea:hover {
    box-shadow: 0 0 3px #bbbbbb;
    border: 1px solid #b2b2b2;
    color: #000;
}

/* Buttons */
a.kesGreyButt,
span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt {
    font-size: 1em;
    font-family: Sans-Serif;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    display: block;
    cursor: pointer;
    min-width: 70px;
    max-width: 140px;
    -moz-user-select: none;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top, #f6f6f6, #f0f0f0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #444;
    cursor: default;
    text-align: center;
    text-decoration: none;
}

span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt {
}

/* fix firefox button size (line-height is not working in firefox submit button)*/
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

li.checkboxButtonSubmit span,
span.submitbutt input,
input.kesGreyButt[type="submit"] {
    min-width: 169px;
    max-width: 220px;
}

span.resetbutt {
    float: left;
}

span.resetbutt a:hover,
span.submitbutt input:hover,
input.kesGreyButt:hover,
span.kesGreyButt:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #d1d1d1;

    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #222;
}

span.kesGreyButt a {
    text-decoration: none;
    color: #444;
    text-shadow: 0px 1px 0px #ffffff;
}

span.kesGreyButt a:hover {
    text-decoration: none;
    color: #000;
    text-shadow: 0px -1px 0px #ffffff;
}

/* buttFixes */
#kesearch_filters .list li.checkboxButton,
#kesearch_filters .list li.checkboxButtonSubmit {
    text-decoration: none !important;
    padding-bottom: 5px;
}

#kesearch_filters .list li.checkboxButtonSubmit {
    margin-bottom: 1px;
}

#kesearch_filters .list li.checkboxButtonSubmit {
    padding-bottom: 0;
}

/* SearchBox */
div.kesearchbox {
    position: relative;
    height: 35px;
    margin: 0 0 10px 0;
}

#ke_search_sword {
    position: absolute;
    top: 1px;
    width: 220px;
    height: auto;
    padding: 8px 40px 7px 9px;
    margin: 0;
    display: inline;
}

#kesearch_submit {
    position: absolute;
    top: 3px;
    left: 237px;
    height: 28px;
    width: 28px;
    border: 0 none;
    padding: 0;
}

#kesearch_submit:focus,
#kesearch_submit:hover {
    box-shadow: 0 0 0 white;
    border: 0 none;
    cursor: pointer;
}

/* Filters */
#kesearch_filters select {
    margin: 0 0 10px 0;
}

#kesearch_filters .list {
    margin-bottom: 10px;
}

#kesearch_filters .list .head {
    display: block;
    border: 1px solid #CFCFCF;
    padding: 5px;
}

#kesearch_filters .list ul {
    padding: 10px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-top: 0 none;
    list-style-type: none;
}

#kesearch_filters .list ul.expanded {
    display: block;
}

#kesearch_filters .list ul.closed {
    display: none;
}

#kesearch_filters .list li {
    display: block;
    list-style-type: none;
    margin: 0 0 10px 0;
    line-height: 16px;
    color: #444;
}

#kesearch_filters .list li a {
    color: #444;
}

#kesearch_filters .list li:hover,
#kesearch_filters .list li a:hover {
    text-decoration: none;
    color: #444;
    cursor: pointer;
}

#kesearch_filters .list li.selected {
    font-weight: bold;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.level0 {
    margin-left: 14px;
}

#kesearch_filters .list li.parent1,
#kesearch_filters .list li.level1 {
    margin-left: 21px;
}

#kesearch_filters .list li.parent2,
#kesearch_filters .list li.level2 {
    margin-left: 28px;
}

#kesearch_filters .list li.parent3,
#kesearch_filters .list li.level3 {
    margin-left: 35px;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.parent1,
#kesearch_filters .list li.parent2,
#kesearch_filters .list li.parent3 {
    font-weight: bold;
    list-style-position: outside;
}

/* Checkboxes */
#kesearch_filters .list ul.checkboxList {
    padding-bottom: 1px;
}

#kesearch_filters .list li.optionCheckBox {
    float: left;
    width: 200px;
    text-decoration: none;
    margin-bottom: 4px;
}

#kesearch_filters .list li.optionCheckBox input[type="checkbox"] {
    float: left;
    margin: 0 5px 0 0;
}

#kesearch_filters .list li.clearer {
    font-size: 0;
    line-height: 0;
    float: none;
    margin: 0 !important;
}

#kesearch_filters label {
    display: block;
    font-weight: bold;
    color: #353535;
    margin: 0 0 4px 0;
}

#kesearch_filters .list li.region {
    font-weight: bold;
    margin-top: 5px;
}

#kesearch_filters .list li.noclick {
    cursor: default !important;
}

#kesearch_filters .list li.country {
    margin-left: 7px;
}

/* SPECIAL CSS CLASS */
#kesearch_filters .small {
    display: block;
    height: 65px;
    max-height: 65px;
    overflow-y: auto;
    overflow-x: hidden;
}

#kesearch_filters .larger {
    display: block;
    height: 130px;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Results */
#kesearch_num_results {
    color: #898989;
    float: left;
}

#kesearch_results .result-list-item {
    clear: both;
    margin: 20px 0 30px 0;
    padding: 0;
}

#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .result-title {
    font-size: 1.2em;
}

#kesearch_results {
    clear: both;
    margin-top: 20px;
}

#kesearch_results .result-list-item .result-teaser {
    color: #707070;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item-type-page {
}

.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: red;
    font-weight: bold;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info {
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar {
    border: 1px solid #D3D3D3;
    display: block;
    float: right;
    height: 10px;
    width: 48px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar .score {
    background-color: #D3D3D3;
    border: 1px solid #898989;
    display: block;
    height: 10px;
    margin: -1px 0 0 -1px;
}

/* Query time */
.tx-kesearch-pi1 #kesearch_query_time {
    font-style: italic;
    text-align: center;
    font-size: 80%;
}

/* Searchbox */
.tx-kesearch-pi1 .searchbox {
    margin-bottom: 5px;
}

.tx-kesearch-pi1 .searchbox input {
    margin-left: 0;
    width: 145px;
}

.tx-kesearch-pi1 .searchbox input.submit {
    width: 18px;
    height: 18px;
    border: none;
    background: none;
    vertical-align: middle;
}

.tx-kesearch-pi1 form.static .searchbox input.submit {
    margin-top: -16px;
}

.tx-kesearch-pi1 form.ajax .searchbox input.submit {
    margin-top: -4px;
}

.tx-kesearch-pi1 .searchbox .search_input {
    float: left;
    margin-right: 5px;
}

/* General Message */
.tx-kesearch-pi1 .general-message {
    padding: 5px;
}

.tx-kesearch-pi1 .general-message .image {
    float: left;
    vertical-align: middle;
    margin-right: 10px;
}

/* Pagebrowser */
.kesearch_pagebrowser ul {
    display: inline;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

.kesearch_pagebrowser ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
}

#kesearch_pagebrowser_top,
#kesearch_pagebrowser_bottom {
    text-align: center;
    word-wrap: break-word;
    color: #707070;
}

#kesearch_pagebrowser_top .pages_total,
#kesearch_pagebrowser_bottom .pages_total {
    padding: 8px 0;
    background: #fff;
    margin-bottom: 15px;
}

#kesearch_pagebrowser_top .pages_total {
    border-bottom: 1px solid #cccccc;
}

#kesearch_pagebrowser_bottom .pages_total {
    border-top: 1px solid #cccccc;
}

#kesearch_pagebrowser_top div.result_txt,
#kesearch_pagebrowser_bottom div.result_txt {
    margin: 0 0 5px 0;
}

#kesearch_pagebrowser_top .kesearch_pagebrowser,
#kesearch_pagebrowser_bottom .kesearch_pagebrowser {
    margin: 0 auto 0;
}

#kesearch_pagebrowser_top a,
#kesearch_pagebrowser_bottom a {
    padding: 3px;
}

#kesearch_pagebrowser_top a:hover,
#kesearch_pagebrowser_bottom a:hover {
    cursor: pointer;
}

#kesearch_pagebrowser_top a.current,
#kesearch_pagebrowser_bottom a.current {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

#kesearch_pagebrowser_top .browser,
#kesearch_pagebrowser_bottom .browser {
    border: 1px solid;
}

/* Ordering */
.tx-kesearch-pi1 #kesearch_ordering span.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: #FF0000 transparent;
    border-style: solid solid none;
    border-width: 4px 4px 0;
}

.tx-kesearch-pi1 #kesearch_ordering span.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #FF0000;
    border-style: none solid solid;
    border-width: 0 4px 4px;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
    float: right;
    max-width: 300px;
}

.tx-kesearch-pi1 #kesearch_ordering ul {
    display: inline-block;
    height: 20px;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}

.tx-kesearch-pi1 #kesearch_ordering ul li {
    float: left;
    margin-right: 10px;
}

.tx-kesearch-pi1 #kesearch_ordering div.clearer {
    clear: left;
}

/* needed for autocomplete */
ul.ui-autocomplete li a {
    font-size: 12px;
}


/*** Roadmap ***/
.frame .hs-area .shadow-spot {
    box-shadow: none;
}

.frame .hs-aim-rect {
    background-color: transparent;
}

.frame .hs-aim-pillar {
    background-color: #d2252e;
    opacity: 1;
}

.frame .aim-tooltip {
    background-color: #d2252e;
    width: auto !important;
    min-width: 300px;
}

.frame .aim-tooltip .tt-content {
    padding: 1em;
    top: 5em;
    position: relative;
    /*
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    */
}

.frame .aim-tooltip .tt-content > h2 {
    position: fixed;
    top: 30%;
}

.frame .aim-tooltip .tt-content > ul {
    position: fixed;
    top: 35%;

}

.frame .hs-flatten {
    border-radius: 200px 200px 200px 200px !important;
    -webkit-border-radius: 200px 200px 200px 200px !important;
    -moz-border-radius: 200px 200px 200px 200px !important;
}


/** Roadmap animation 2 **/
.hs-area {
    display: inline-block;
}

.tt-wrap {
    display: none !important;
}

.hs-area img {
    max-width: auto;
}

.onhover-spot {
    position: relative;
    transition: transform .2s; /* Animation */
}

html .onhover-spot:hover {
    transform: scale(1.2);
    border: none;
    opacity: 1;
    background: transparent;
    box-shadow: none;
}

/*
.onhover-spot.active:after {
    position: absolute;
    display: block;
    content: ' ';
    top: 10px;
    right: -27px;
    width: 27px;
    height: 26px;
    background: url(../Icons/ico-roadmap.jpg) no-repeat left top;
}

/*
.onhover-spot.active:before {
    position: absolute;
    top: 0;
    left: -0px;
    content: '\276D';
    color: #a71e28;
    font-size: 100px;
    line-height: 200px;
}
*/
.onhover-spot.active:after {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    content: '\276D\276D\276D';

    color: #a71e28;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
}

.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 {

}