@import "_variables";

.speaker-box {
    // position: absolute;
    position: relative;
    top: 910px;
    left: 180px;
    width: auto;
    max-width: 850px;
}

.speaker_event_logo {
    background-image: url("/images/geekend_23_bauchbinde.svg");
    background-repeat: no-repeat;
    position: relative;
    top: 850px;
    left: 50px;
    width: 230px;
    height: 230px;
    position: absolute;
}
.speaker {
    background-color: $color-bauchbinde;

    border-width: 0 0 0 10px;
    border-style: solid;
    border-color: $color-bauchbinde-akzent;

    //---vertical-align: middle;
    white-space: normal;

    padding: 5px 20px;
    padding-left: 25px;

    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 48px;
}

.speaker .title {
}

.speaker .names {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    box-orient: vertical;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    white-space: normal;

    color: $color-speaker;
}

.type-0 {
    display: none;
}

img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}