/**
 * längren Text aufklappbar
 * https://jsfiddle.net/kedem/D9NCP/
 * https://stackoverflow.com/questions/20255458/expanding-a-div-to-reveal-overflow-on-click
 *
 */

.overflow-aufklappbar {
    max-height: 10.5em;
    overflow: hidden;
    position:relative;
}

.overflow-aufklappbar.open {
    height:auto;
    overflow: hidden;
    position:relative;
}

.overflow-aufklappbar-ausblenden {
    width: 200%;
    margin-left: -50%;
    height: 30px;
    background: #fff;
    z-index: 1;
    position: absolute;
    -webkit-box-shadow: 0 0 20px 30px #fff;
    -moz-box-shadow: 0 0 20px 30px #fff;
    box-shadow: 0 0 20px 30px #fff;
    bottom: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 250ms,1s;
    -moz-transition: opacity 250ms,1s;
    -o-transition: opacity 250ms,1s;
    transition: opacity 250ms,1s;
}

.overflow-aufklappbar-oeffnen-link {
    position:absolute;
    bottom: 15px;
    z-index:2;
}

/****************/

.studip-personendaten-aktuell-header {
    font-weight: bold;
}

.studip_personendaten_courses .veranst_text a.uolstudip {
    border: 1px solid #ccc;
    padding: 1px 8px 0;
    border-radius: 3px;
    line-height: 1;
    margin-left: 0.5em;
    display: inline-block;
    background: rgba(128,128,128,.15);
    vertical-align: bottom;
}

.studip_personendaten_categories {
    margin-top: 6px;
}

.studip_personendaten .schwerp {
    overflow-wrap: break-word;
    margin-bottom: 1em;
    max-height: none;
}

@media screen {
    .studip_personendaten .schwerp {
        max-height: 200px;
        overflow: auto;
    }
}

.visitenkarte-button {
    margin: 1.5em 0 1em;
}

.visitenkarte-button + .visitenkarte-button {
    margin-left: 5px;
}

.visitenkarte-button button {
    cursor: pointer;
    padding: 4px!important;
    background-color: rgba(0, 0, 0, 0.05);
}

.visitenkarte-button button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.visitenkarte-button button i {
    opacity: .6;
}

.veranst .veranst_nr {
    display: block;
    min-width: 84px;
    float: left;
}

.studip_personendaten .veranst {
    display: table !important
}

.studip_personendaten .veranst span {
    float: none !important;
    display: table-cell !important;
    padding-left: 0
}

.studip_personendaten .veranst span.veranst_text {
    padding-left: 1em
}

#col2 .einr span.label {
    float: none;
    width: auto;
}

div.studip_personendaten.frame-rahmen {
    padding: 1em;
}

.studip_personendaten {
    margin-top: 1em;
}

div.studip_personendaten:first-of-type {
    margin-top: 0px;
}

div.studip_personendaten_more {
    margin-top: 1em !important;
}


.studip_personendaten span.label {
    display: block;
    float: left;
    width: 4.5em;
    font-weight: normal;
    color: #222;
}

.studip_personendaten h2 {
    display: inline-block;
    margin-top: 0px !important;
    margin-bottom: 0.5em !important;
}

.studip_personendaten * + .einr {
    margin-top: 2em;
}

.studip_personendaten_kurz * + .einr {
    margin-top: 1em;
}

.studip_personendaten .einr span.label {
    width: 8em;
    clear: left;
    font-size: 0.85em !important;
    color: #888 !important;
}

.studip_personendaten .einr span.hat_label {
    display: block;
    margin-left: 8.01em;
    padding-bottom: 0.5em;
}

.studip_personendaten .einr.rahmen {
    clear: right;
}

.studip_personendaten .schwerp {
    padding-bottom: 1em !important;
}

.studip_personendaten .schwerp:last-child {
    padding-bottom: .1em !important;
    margin-bottom: 0em !important;
}

.studip_personendaten .formatted-content > *:last-child {
    margin-bottom: 0!important;
}

.studip_personendaten .portrait.small {
    display: none;
}

.studip_personendaten ul + ul {
    margin-top: 5px !important;
}

.studip_personendaten .mit-icon.web a {
  word-break: break-all;
}

.studip_personendaten * + form {
    margin-top: 1em;
}

.studip_personendaten .rahmen {
    border: 1px solid #ccc;
    border-width: 1px 0 !important;
    padding: 1em 0 !important;
}

.studip_personendaten .rahmen + .rahmen {
    border-top-width: 0 !important;
    padding-top: 0 !important;
}

#col2 .studip_personendaten h1 + * {
    margin-top: 10px;
}

#col2 .studip_personendaten h1 {
    background-color: transparent !important;
    color: #000 !important;
    padding-left: 0 !important;
    font-weight: bold;
}

#col2 .studip_personendaten ul a,
#col2 .studip_personendaten_kurz .einrdaten {
    font-size: 11px;
}


#col2 .studip_personendaten ul li {
    line-height: 1.2em;
}

#col2 .studip_personendaten .floatright {
    float: none !important;
    margin-left: 0 !important;
}


.studip_personendaten {
    padding-bottom: 8px;
}
.studip_personendaten:last-child {
    padding-bottom: 0px;
}

.veranst .veranst_text {
    padding-left: 10em;
    display: block;
    padding-bottom: 2px;
}

/* css from suche/person */
.studip_personendaten .rahmen {
    border: 1px solid #ccc;
    border-width: 1px 0 !important;
    padding: 1em 0 !important;
}

.studip_personendaten .rahmen + .rahmen {
    border-top-width: 0 !important;
    padding-top: 0 !important;
}


div.studip_personendaten_clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}