.skip {
 position: absolute;
 left: -10000px !important;
 top: auto;
 width: 1px;
 height: 1px;
 overflow: hidden;
}
.skip:focus {
 position: static;
 width: auto;
 height: auto;
}

.languageSwitcher a:hover, .personalTools a:hover {
 border-bottom: 2px solid black;
 padding-bottom: 3px;
}

.languageSwitcher .currentLanguage a {
 font-weight: bold;
}

p {
  margin-bottom: 30px;
}

p a {
  border-bottom: 1px solid;
  transition: padding-bottom .15s;
}

p a:hover {
  padding-bottom: 1px;
}

p + ol,
p + ul {
  margin-top: -10px;
}

code {
  color: #8E908F;
}
/*
p.callout {
  background: #f5f6f6;
  border-left: 1em solid #DCDCDC;
}
*/
.contentCore h3 {
  margin-top: 40px;
}

#plone-document-byline {
  text-align: right;
}

.template-homepage_view .documentByLine {
  display: none;
}

#pyproxy_spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
}

#searchform {
  min-height: 850px;
}

body #calroot {
  width: 202px;
}
/*
.template-search .aboveContent {
  display: none !important;
}
*/

.header {
  z-index: 1021 !important;
}

.languageSwitcher li.untranslated {
  color: #ccc;
  font-weight: 500;
  text-transform: uppercase;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  padding: 0.8em;
  margin-top: 1.5em;
  margin-left: -1.5em;
  text-transform: none;
  white-space: pre-line;
  color: black;
  background-color: #eee;
  transition: all 0.1s ease;
  z-index: 1;
  opacity: 0;
}

[data-tooltip]:hover:after {
  opacity: 1;
}

.section-aktuelles .pikInMedia__title,
.section-news .pikInMedia__title {
  display: none;
}

.section-aktuelles .pikInMedia__footer,
.section-news .pikInMedia__footer {
  display: none;
}

.swiper-slide.dummy {
  height: 0;
  margin: 0 !important;
}

.template-solgemafullcalendar_view .mm-slideout {
 z-index: auto;
}
/* fc-daygrid fc-dayGridMonth-view fc-view */
.fc-dayGridMonth-view .fc-event-title {
 white-space: normal !important;
}

/* Show second-last breadcrumb at /members */
.section-members .aboveContent .breadcrumbs #breadcrumbs-current,
.section-members .aboveContent .breadcrumbs span:nth-last-child(2) span {
  display: inline;
}

.template-books_list .summaryItem__tags {
  padding-left: 37.647%;
}

.template-books_list .summaryItem__description p {
  margin-bottom: 10px !important;
}

.template-books_list .personViewInfo__title {
  margin-top: 20px !important;
}

/* analog summaryItem__more */

.template-books_list .external-link {
  font-size: 14px;
  letter-spacing: .07em;
  line-height: 1.43;
  text-transform: uppercase;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-weight: 500;
}

/* analog image caption */

.discreet {
  font-family: "IBM Plex Sans",sans-serif;
  font-size: 12px;
  font-weight: 500 !important;
  color: black !important;
}

/* Allgemeine image caption (neu in plone 5) */

figcaption {
  font-family: "IBM Plex Sans",sans-serif;
  font-size: 12px;
  font-weight: 500;
}

/* Edit forms */

#form-widgets-IDublinCore-title {
 font-size: 1.8rem;
}

#form-widgets-IDublinCore-description {
  font-size: 1.6rem;
}

/* Folder Contents / Filter Popup */

.popover.query, .pat-structure .popover.query {
 width: 400 !important;
 max-width: 400px !important;
}


/* Tabellen */

table.listing th {
  font-weight: 500;
}

table.listing p {
  margin-bottom: 0;
}

.contentCore table.listing a {
 border-bottom: 1px solid !important;
 transition: padding-bottom .15s !important;
}

.contentCore table.listing a:hover {
  padding-bottom: 1px !important;
}

/* Publikationsliste */

.publicationItem__title {
  font-weight: 600;
}

/* PloneFormGen Achievements Tabellen (Intranet) */



.template-fg_savedata_tabview_p3 td {
  padding: 0.2em 0.4em !important;
  line-height: 1.3;
  font-size: 85%;
}

.template-fg_applicants_list td {
  padding: 0.2em 0.4em !important;
  line-height: 1.3;
  font-size: 85%;
}

.template-fg_applicants_list table.listing th {
  font-size: 90%;
  line-height: 1.3;
  padding: 0.2em 0.4em !important;
  font-weight: 500;
}

.template-fg_savedata_tabview_p3 table.listing th {
  font-size: 90%;
  line-height: 1.3;
  padding: 0.2em 0.4em !important;
  font-weight: 500;
}

.template-fg_savedata_tabview_p3.mm-wrapper,
.template-fg_applicants_list.mm-wrapper {
  overflow-x: scroll !important;
}


/* Akkordion */

.accordionItem__btn {
  letter-spacing: .07em;
  text-transform: none;
}

/* University Cooperations (achievements) */

.template-achievements-listing h2 {
  padding-top: 2.5em;
  background-position: 0 0.5em !important;
}


/* (almost) verbatim copy from `columns.css` */

/* The 16-column Deco Grid System.
 * For the 12-column variant, see decogrids-12.css.
 *
 * Cells are 4% width, 1.125% left/right margin.
 *
 * If page width is fixed to 960px width:
 * Cell will be equivalent to 40px, left/right margin will be 10px.
 */
/*
#babel-edit {
  background-color: white;
  margin-bottom: 2em;
}

#babel-edit .mceLayout {
  background-color: #f1f1f1;
  padding: 0 1em 1em 0;
}

#babel-edit.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  clear: both;
}

#babel-edit div.cell {
  position: relative;
  float: left;
  left: 100%;
}
*/
/* Width classes.
   For a given cell width, the calculation is: width: (6.25*n - 2.25)% */
div.row div.width-1  { width:  4%    }
div.row div.width-2  { width: 10.25% }
div.row div.width-3  { width: 16.5%  }
div.row div.width-4  { width: 22.75% }
div.row div.width-5  { width: 29%    }
div.row div.width-6  { width: 35.25% }
div.row div.width-7  { width: 41.5%  }
div.row div.width-8  { width: 47.75% }
div.row div.width-9  { width: 54%    }
div.row div.width-10 { width: 60.25% }
div.row div.width-11 { width: 66.5%  }
div.row div.width-12 { width: 72.75% }
div.row div.width-13 { width: 79%    }
div.row div.width-14 { width: 85.25% }
div.row div.width-15 { width: 91.5%  }
div.row div.width-16 { width: 97.75% }


/* Positioning classes, these are subtracting from a rightmost
   position, which is why they seem the wrong way around */
/* For a given position, the calculation is margin-left: -100 + (6.25*n) + 1.125 */
div.row div.position-0  { margin-left: -98.875% }
div.row div.position-1  { margin-left: -92.625% }
div.row div.position-2  { margin-left: -86.375% }
div.row div.position-3  { margin-left: -80.125% }
div.row div.position-4  { margin-left: -73.875% }
div.row div.position-5  { margin-left: -67.625% }
div.row div.position-6  { margin-left: -61.375% }
div.row div.position-7  { margin-left: -55.125% }
div.row div.position-8  { margin-left: -48.875% }
div.row div.position-9  { margin-left: -42.625% }
div.row div.position-10 { margin-left: -36.375% }
div.row div.position-11 { margin-left: -30.125% }
div.row div.position-12 { margin-left: -23.875% }
div.row div.position-13 { margin-left: -17.625% }
div.row div.position-14 { margin-left: -11.375% }
div.row div.position-15 { margin-left:  -5.125% }


/* Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width */
#document-toc.portlet {
  float: right;
  width: 35%;
  font-size: 90%;
  margin: 0 0 0.5em 1em;
  padding: 0;
}

#document-toc.portlet > .portletItem {
  padding-inline-start: 1.5em !important;
}

#document-toc.portlet .portletItem {
  padding: 0.8em 0.5em 0.8em 0;
  border: 1px solid #cacbbe;
  font-family: "IBM Plex Sans",sans-serif;
}

#document-toc.portlet .portletItem ol {
  margin: 0;
  padding-inline-start: 1em;
}

#document-toc .portletHeader {
  color: black;
  background-color: #dadacc;
  padding: 0.5em 1em;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "IBM Plex Sans",sans-serif;
  font-size: 14px;
  letter-spacing: 0.08333em;
  border: 1px solid #dadacc;
}

/* Höhe bzw. Skalierung der "slider" Bilder (je nach mobile breakpoint unterschiedlich) */
@media (max-width: 992px) {
  .stageSliderFigure {
    height: calc((100vw - 20px) * 500 / 970);
    min-height: 250px;
  }
  .section-home .stageSliderFigure {
    height: calc((100vw - 20px) * 550 / 970);
    min-height: 250px;
  }
}
@media (min-width: 992px) {
  .stageSliderFigure {
    height: calc(78vw * 500 / 1400);
    max-height: 500px;
  }
  .section-home .stageSliderFigure {
    height: calc(78vw * 550 / 1400);
    max-height: 550px;
  }
}

/* Mobile view / Abstände News Liste verkleinern */

@media (max-width: 575.98px) {
  .summaryItemFigure::before {
    padding-bottom: 0;
  }
}

/* Footer */

.footer {
  margin-top: 50px;
}

ul.navTree.navTreeLevel1.footerSubMenu {
  display: none !important;
}

/* Footer Logos: MWFK BMBF Leibniz */

@media (min-width: 992px) {
 .footerSocial__link {
  width: 37%;
  margin: 0 8px;
 }
 .footerLogos {
  width: 35%;
 }
 .footerLogos__link {
  margin: 0 8px;
 }
 .footerSiteActions {
  width: 23%;
 }
}

@media (max-width: 800px) {
 .footerSocial__link {
 margin: 0 5px;
 width: 100%;
 }
}

#footer-logo-text {
 display: inline-block;
 margin-bottom: 10px;
 padding-top: 10px;
}

#footer-logo-text span {
 vertical-align: top;
}

.footerLogos__link {
 display: inline-block;
 vertical-align: bottom;
}

#pik30 {
 margin-bottom: 50px;
 margin-left: 0;
}


/* Mobile navigation fixes */
/* adjust for added 'dropdown' class in webcouturier.dropdownmenu 2.3.x */
nav#main-nav ul.mainMenu li.dropdown {
  position: initial;
}

/* Übergangsweise: set max-height for overview collection items */

.portletOverviewCollection__row .portletItem {
 max-height: 320px;
}

/* Mixed */


.furtherContact,
.furtherInformation {
  overflow-wrap: break-word;
}

.template-accordion .furtherInformationContainer {
  margin-right:0 !important;
  background: pink;
}


.visualHighlight {
  background-color: #f2f3e3;
  padding: 5px;
}
.visualHighlight:hover {
  background-color: #d9dacc;
  transition: 0.3s;
}

.highlightArea {
  background-color: #86B9AA;
  padding: 50px 50px 50px 100px;
}
.highlightArea:hover {
  background-color: #729D90;
  transition: 0.3s;
}
span.highlightArea {
  font-size: 14px !important;
  font-family: "IBM Plex Sans Condensed",sans-serif !important;
  line-height: 50px !important;
  font-weight: 500;
  letter-spacing: .07em;
  background-color: transparent;
 padding: 0;
}

.summaryItem__figure img:hover,
.bookItemFigure img:hover {
  transform: scale(1.1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.subsection-about-communications-office .personsSlider__tags,
.subsection-ueber-kommunikation .personsSlider__tags {
  display: none;
}
@media only screen and (min-width: 600px) {
.subsection-about-communications-office .sectionPersons__controls,
.subsection-ueber-kommunikation .sectionPersons__controls {
display: none;
}
}

.navTreeItem img {
 display: none;
}

.relatedItem__description {
 font-family: "IBM Plex Sans", sans serif !important;
 font-size: 95%;
 margin-top: 5px;
}

@media (min-width: 992px) {
.aboveContent__body {
 max-width:600px
}
}

/* Fixes wegen des fest eingebauten Menüs */

.furtherInformationContainer {
 margin-bottom: 40px !important;
}
@media only screen and (min-width: 1200px) {
main.aside-nav-exists .aside-and-content-wrapper > div .furtherInformationContainer {
 margin-left: -50px !important;
}
}

.asideNav {
 min-width: 300px;
}

.asideMenu {
 overflow-y: auto !important;
}

.asideNav a:hover {
 color: #f3f3e4;
}

/* Konferenzraumkalender */

.fc-event-title {
  font-weight: 400 !important;
}

.template-fullcalendar-view .contentCore a:not(.plainLink) {
 border-bottom: none;
 transition: none;
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
 display: none;
}

.fc-daygrid-event-dot {
 border: 3px solid #729D90 !important;
}
/*
.fc-event-title-container {
 background-color: #729D90 !important;
 border-top: 1px solid #729D90 !important;
}
*/

/* Style edit forms */

.form-group label, .form-group .label {
  font-size: 17px;
  letter-spacing: .06em;
}

.formHelp {
  font-size: 16px;
}

.formHelp:hover {
  color: black;
}

#content-core li.formTab a.required span::after, div.field label .required::after {
  top: 2px;
  font-size: 100% !important;
}

legend {
  font-family: "IBM Plex Sans", sans serif;
  font-size: 22px;
  width: auto;
}

form.searchPage .form-group label {
  font-size: 14px;
  letter-spacing: .07em;
}

.riform {
  z-index: 1;
}

.form-group main {
 min-height: 100px !important;
}

.livesearch-results {
 margin: 15px 0 !important;
}

/* Style Easyforms */

div.form .discreet {
  font-size: 14px !important;
  width: 100% !important;
}

#form-widgets-body_pt {
  font-size: 1.6rem;
}

.template-formdata {
 overflow: scroll !important;
}
.template-formdata #portal-breadcrumbs {
 display: none;
}
.template-formdata h1 {
 font-size: 30px;
}
@media (min-width: 1400px) {
.template-formdata h1,
.template-formdata .backlink,
.template-formdata p {
  margin-left: -20%;
}
}

.template-formdata table.listing {
 font-size: 85%;
}
@media (min-width: 1400px) {
.template-formdata table.listing {
 margin-left: -20%;
}
}

.template-formdata th,
.template-formdata td {
 padding: 2px !important;
}

.template-formdata #form-buttons-download {
 display: none !important;
}

.template-formdata #portal-breadcrumbs {
 display: none;
}

div.crud-form {
 margin-left: -300px;
 margin-right: -300px;
 overflow: scroll;
}


/* Edit / TinyMCE */

.select2-results .select2-highlighted,
.pattern-relateditems-result {
 color: #007bb1 !important;
}

.select2-result-label:hover {
 color: white;
}

body .select2-search-choice-close {
  background: url('/++plone++static/components/select2/select2.png') right top no-repeat !important;
}

/* Hide Links from Translate menu */

#_language_folder {
  display: none !important;
}
#_universal_link {
  display: none !important;
}
#_universal_folder_link {
  display: none !important;
}
#_shared_folder {
  display: none !important;
}

/* hide advanced link from workflow state menu */

#workflow-transition-advanced {
  display: none !important;
}

/* TinyMCE */

.mce-content-body a,
.mce-content-body a:hover {
  text-decoration: underline !important;
}

.furtherInformationContainer h3,
.personViewInfo__col h3 {
font-size: 14px !important;
line-height: 20px;
font-weight: 500;
letter-spacing: .07em;
margin-top: 0;
margin-bottom: 12px;
}

.personViewInfo__title {
margin-top: 0 !important;
}

/* Alumni Styling / alumni.css */

#content ul.alumni {
list-style-type: none;
list-style-image: none;
margin-top: 2em;
margin-left: 0;
padding: 0;
}
.alumni li {
clear: both;
border-top: 3px solid #e1e3d4;
padding: 0.5em 0.7em;
margin-bottom: 0;
}
.alumni li .pikInMediaItem__link {
margin-top: 10px;
}
/* Analog zu Project Acronym */

.alumni li .name {
font-size: 18px;
font-family: "IBM Plex Sans Condensed",sans-serif;
font-weight: 500;
letter-spacing: .07em;
line-height: 1.87;
}
.alumni-label {
font-family: "IBM Plex Sans Condensed",sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: .07em;
line-height: 1.67;
margin-bottom: 0px;
}

/* make videos responsive */

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

/* Hide news category for MCC blog archive listing */

.subsection-abteilungen-mcc-berlin-blog-archiv .summaryItem__tags--withImage {
 display: none;
}

/* Temporary: read only portlet */

.portlet-collection-please-note .portletHeader {
	font-family: "IBM Plex Sans";
	font-size: 25px;
	letter-spacing: 0.02em;
	font-weight: 400 !important;
}
.portlet-collection-please-note {
	margin-bottom: 5px !important;
	padding: 10px 50px 10px !important;
	background-color: #eee;
	border: 2px solid red;
}
.portlet-collection-please-note h2 {
	font-family: "IBM Plex Serif",serif;
	font-size: 110%;
	margin-bottom: 5px;
}
.portlet-collection-please-note .portletItem__acronym,
.portlet-collection-please-note .portletItem__projectTitle {
	display: none !important;
}