/* Svenjas CSS */

a:hover, a:focus {color: #2e5ca1;}

ul li, ol li {font-family: "Barlow-Light", sans-serif;}
ul li:after {
    content: "";
    width: 5px;
    height: 5px;
    left: 3px;
	top: 14px;
}

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

header h1, .frame-default h1 {margin-bottom: 50px;}
header h2, .frame-default h2 {margin-bottom: 40px;}
header h3, .frame-default h3 {margin-bottom: 30px;}

/*Abstände*/
.frame-default, .container.frame-default {margin-top: 50px; margin-bottom: 50px;}
.frame-space-before-extra-small, .container.frame-space-before-extra-small {margin-top: 10px;}
.frame-space-before-small, .container.frame-space-before-small {margin-top: 30px;}
.frame-space-before-medium, .container.frame-space-before-medium {margin-top: 60px;}
.frame-space-before-large, .container.frame-space-before-large {margin-top: 80px;}
.frame-space-before-extra-large, .container.frame-space-before-extra-large {margin-top: 120px;}
.frame-space-after-extra-small, .container.frame-space-after-extra-small {margin-bottom: 10px;}
.frame-space-after-small, .container.frame-space-after-small {margin-bottom: 30px;}
.frame-space-after-medium, .container.frame-space-after-medium {margin-bottom: 60px;}
.frame-space-after-large, .container.frame-space-after-large {margin-bottom: 80px;}
.frame-space-after-extra-large, .container.frame-space-after-extra-large {margin-bottom: 120px;}

/*Hintergründe*/
.frame-layout-1, .frame-layout-6 {background-color: #e5e5e5; padding: 40px 0;}
.frame-layout-2, .frame-layout-7 {background-color: rgb(234,239,246); padding: 40px 0;}
.frame-layout-3, .frame-layout-8 {background-color: #2e5ca1; padding: 40px 0; color: #fff !important;}
.frame-layout-3 a, .frame-layout-3 h1, .frame-layout-3 h2, .frame-layout-3 h3, .frame-layout-3 h4, .frame-layout-3 p,
.frame-layout-8 a, .frame-layout-8 h1, .frame-layout-8 h2, .frame-layout-8 h3, .frame-layout-8 h4, .frame-layout-8 p{color: #fff !important;}


/*Bild-Text-Ausrichtung*/
.ce-textpic.ce-left, .ce-textpic.ce-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ce-textpic.ce-left .ce-gallery, .ce-textpic.ce-right .ce-gallery {flex-basis: 35%;}
.ce-textpic.ce-left .ce-bodytext, .ce-textpic.ce-right .ce-bodytext {flex-basis: 65%; padding: 10px 100px;}
.ce-textpic.ce-right, .ce-textpic.ce-right .ce-gallery, .ce-textpic.ce-right .ce-bodytext {transform: scaleX(-1);}
.halb-halb {margin-top: 0; margin-bottom: 0;}
.halb-halb .ce-textpic .ce-gallery, .halb-halb .ce-textpic .ce-bodytext {flex-basis: 48%;}
/*.frame-type-textpic, .textpic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.textpic-left .textpic-gallery, .textpic-right .textpic-gallery {flex-basis: 35%;}
.textpic-left .textpic-text, .textpic-right .textpic-text {flex-basis: 65%; padding: 10px 100px;}
.textpic-right, .textpic-right .textpic-gallery, .textpic-right .textpic-text {transform: scaleX(-1);}
.halb-halb {margin-top: 0; margin-bottom: 0;}
.halb-halb .textpic .textpic-gallery, .halb-halb .textpic .textpic-text {flex-basis: 48%;}*/

/* Tabelle */
.tabelle table {margin: 0 auto;}
.tabelle table th, .tabelle table td {border: 1px solid #d6d6d6; font-size: 17px;}
.tabelle table th{
    font-size: 28px;
    text-align: center;
}
.tabelle table tfoot td {
    text-align: center;
    font-weight: bold;
    padding: 25px 15px;
}
.hg-hellblau {background-color: rgb(234,239,246);}
.hg-mittelblau {background-color: rgb(192,206,227);}

/* Insights neue Version */
.insight-box-list-container > div .insight-box-list-item {
    width: 100% !important;
    max-width: 100% !important;
}
.news-img-container {
    object-fit: cover;
    object-position: center;
    padding: 25px 0px 25px 25px;
    box-sizing: border-box;

    aspect-ratio: 1;

    display: flex;
    justify-content: center;
    align-items: center;
}
.insight-card .insight-card-header{
    padding-top: 25px;
}
.news-container{
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.insight-box-list-container > div .insight-box-list-item .insight-card .insight-card-footer {
    min-height: 0px;
}
/*DCE Buttons*/
.buttons-row-dce img {
    max-width: 50px;
    height: fit-content;
}
.btn {border-radius: 100px;}

/* Downloads */
.ce-uploads-filesize {margin-left:20px;}

/* Formulare */
.form-control {border-radius: 0;}
.form-element {margin-bottom: 20px;}
textarea.form-control {min-height: calc(9.5em + 0.75rem + 2px);}

/*Textfeld Buttons*/
.btn.btn-default, .btn.btn-primary, .btn.btn-secondary {width: fit-content;}
.btn.btn-default {
    border-color: #295290;
    color: #ffffff;
    background: #295290;
}
.text-center a.btn {margin: 0 auto; width: fit-content;}
.text-right a.btn {margin: 0 0 0 auto; width: fit-content;}
.btn.btn-info {
    border: 0;
    background: transparent;
    font-family: 'Barlow-Regular';
    font-size: 21px;
    color: #295290;
    padding: 0;
    position: relative;
	padding-left: 10px;
}
a.btn.btn-info:before {
    content: "";
    background-image: url(/fileadmin/user_upload/_temp_/Icons/arrow-more-inforation.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
}

.iconboxen .iconboxen-item .iconboxen-body .iconboxen-text > p {font-size: 21px;}

footer .logo-min-width img {
    height: 108px;
    background: white;
}

@media (max-width:767px) {
  .frame-default {padding: 0 20px;}
  .full-container-bg>* {padding: 0;}
  .ce-textpic.ce-left, .ce-textpic.ce-right {display: block;}
    .ce-textpic.ce-left .ce-bodytext, .ce-textpic.ce-right .ce-bodytext {padding: 20px 0 10px;}
    .halb-halb .ce-textpic .ce-gallery, .halb-halb .ce-textpic .ce-bodytext {flex-basis: 100%;}
}

.insight-box-container.insight-box-list-container {
    position: relative;
}
.insight-box-list-container .page-navigation {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}
.insight-box-list-container .page-navigation ul.f3-widget-paginator {
    top: 0;
}
#femanager_field_email_visibility {  
  width: auto;
  margin-right: .5rem;
  margin-top: 0;
}

/* News - Bilder eine Höhe [AGENTUR-6331] */
.events-with-img-row {
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
}

/* Footer anpassen [AGENTUR-6329] */
footer .footer_line{
    border-top: 10px solid #2e5ca1;
    padding-top: 4rem;
}

/* Neue Menu Icons ohne Kreis [AGENTUR-7782] */
.navigation-holder .menu-header-icon {
    border: 0px solid #ffffff;
    padding: .5rem;
    /*
    border: 1px solid #ffffff;
    padding: 1rem;
    */
}

.color-events {
    border-color: #8a1b2a;
    color: #8a1b2a;
}
 
.color-scicomm {
    border-color: #243660;
    color: #243660;
}
 
.color-research {
    border-color: #367a73;
    color: #367a73;
}
 
.default-color {
    border-color: #2e5ca1;
    color: #000;
}

.seminar-card p {
    font-size: 22px;
    color: #2e5ca1;
    font-family: "Barlow-Regular", sans-serif;
}
 
.category-label {
    font-size: 18px;
    font-weight: bold;
}
 
.seminar-left-card {
    flex: 0 0 75%;
}
 
.seminar-right-card {
    flex: 0 0 calc(100% - 75%);
    padding-right: 25px;
}

.mediaelement-video {
    position: relative;
    width: 100%; /* Die Breite des Containers */
    padding-top: 56.25%; /* Höhe im Verhältnis zu 16:9, berechnet als 9 / 16 * 100 */
    overflow: hidden;
}
.mediaelement-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* --- NEW BACKGROUND COLORS --- */

.frame-background-primary {
    display: flow-root;
    background-color: #e3ecfa !important;
}
.frame-background-primary h1,
.frame-background-primary h2,
.frame-background-primary h3,
.frame-background-primary h4,
.frame-background-primary h5,
.frame-background-primary h6,
.frame-background-primary p,
.frame-background-primary li,
.frame-background-primary .event-card-row .event-content .event-title,
.frame-background-primary.accordion-section .accordion .accordion-item .accordion-header .accordion-button,
.frame-background-primary .events-with-img-row .event-img-content .event-img-date time {
    color: #29528f !important;
}
.frame-background-primary .btn-primary,
.frame-background-primary .btn-primary:hover,
.frame-background-primary .btn-primary:focus,
.frame-background-primary .redResearchBg,
.frame-background-primary .redResearchBg:hover,
.frame-background-primary .redResearchBg:focus {
    background-color: #29528f !important;
    border-color: #29528f !important;
}
.frame-background-primary .insight-box-container .frame > div .item-insight-col .insight-card.white .icon-btn,
.frame-background-primary .heading-icon {
    background-color: #29528f !important;
}
.frame-background-primary .seperator-thick,
.frame-background-primary .seperator-right,
.frame-background-primary .seperator-header-bottom::after,
.frame-background-primary .seperator {
    border-color: #29528f !important;
}

.frame-background-secondary {
    display: flow-root;
    background-color: #e4f9e4 !important;
}
.frame-background-secondary h1,
.frame-background-secondary h2,
.frame-background-secondary h3,
.frame-background-secondary h4,
.frame-background-secondary h5,
.frame-background-secondary h6,
.frame-background-secondary p,
.frame-background-secondary li,
.frame-background-secondary .event-card-row .event-content .event-title,
.frame-background-secondary.accordion-section .accordion .accordion-item .accordion-header .accordion-button,
.frame-background-secondary .events-with-img-row .event-img-content .event-img-date time {
    color: #549d36 !important;
}
.frame-background-secondary .btn-primary,
.frame-background-secondary .btn-primary:hover,
.frame-background-secondary .btn-primary:focus,
.frame-background-secondary .redResearchBg,
.frame-background-secondary .redResearchBg:hover,
.frame-background-secondary .redResearchBg:focus {
    background-color: #549d36 !important;
    border-color: #549d36 !important;
}
.frame-background-secondary .insight-box-container .frame > div .item-insight-col .insight-card.white .icon-btn,
.frame-background-secondary .heading-icon {
    background-color: #549d36 !important;
}
.frame-background-secondary .seperator-thick,
.frame-background-secondary .seperator-right,
.frame-background-secondary .seperator-header-bottom::after,
.frame-background-secondary .seperator {
    border-color: #549d36 !important;
}

.frame-background-secondary.accordion-section .accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url(../images/icons/accordian-arrow-green.svg);
}

.image-slider-container .carousel-control-next-icon, .image-slider-container .carousel-control-prev-icon {
  filter: brightness(0);
}

/* Members Suchleiste - Schrift zu hell [AGENTUR-8782] */
.input-with-borderRadius {
    color: #565756;
}
/* Job Market Candidate Seite - Formatierung und References [AGENTUR-8806] */
.people-card {
    position: relative;
    padding-bottom: 100px !important; /* Abstand zum unteren Rand, optional */
    z-index: 0;
}
.people-card-holder .image-holder img {
    position: relative;
    z-index: 1;
}
.people-card > .job-data:last-of-type {
}
.people-card > .btn.btn-primary {
    position: absolute;
    bottom: 10px;
    left: 50%; /* Zentriert */
    transform: translateX(-50%);
}
.people-card > .btn.btn-secondary {
    position: absolute;
    bottom: 55px;
    left: 50%; /* Zentriert */
    transform: translateX(-50%);
}
.people-card-holder .people-card {
    padding: 120px 35px 30px 35px;
    padding-bottom: 30px;
    border: 1px solid #e5e5e5;
    height: 420px; /* calc(100% - 225px) */
}
#c41 .people-card-holder .people-card {
    height: 600px; /* calc(100% - 225px) */
}
.placement-list-container .people-card-holder .people-card {
    height: 630px;
}

/* Anpassungen Members [AGENTUR-9240] */
.people-row .people-card-holder .people-card .tags .tag {
    margin-left: 2px;
    margin-right: 2px;
    font-family: "Barlow-Light", sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding: 6px 12px;
    line-height: 1;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.people-row .people-card-holder .people-card .job-data > p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    text-align: center;
    word-break: break-word;
    overflow-wrap: break-word; /* Für ältere Browser */
}