/* .temp-ausblenden {

    display:none;
}

.temp-einblenden {
    display: block !important;
} */

.im-passive .temp-einblenden {
    display: none !important;
}

.im-todr.im-passive .im-todr .temp-einblenden, .im-todr.im-passive .im-todr .temp-ausblenden {
    display:none;
}

.im-dispo-list .temp-ausblenden {
    display:none !important;
}

/* temoprär ende */

/* text with overflow dotted (ellipsis) */

.im-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

/* */

.im-tc-container {
    display:flex;
    justify-content:center;
    align-items: top;
    flex-wrap: wrap;
    gap:25px 0 ;
}

.im-tc-container, .im-tc-element, .im-todr {
    overflow: visible;
}

.im-tcr, .im-tcl {
    display:flex;
    justify-content: space-between;
    align-items: center;
    word-break: keep-all;
    white-space: nowrap;;
    background-color:#86e0e0;
    border:3px solid #86e0e0;
    border-radius:50px;
    margin: 0 3px;
    padding:3px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: pointer;
    transition: all 0.1s linear;
    column-gap: 0.5rem;
}

.im-tcr > div, .im-tcl > div, .im-dispo-segment > div{
    display: flex;
    flex-shrink:0;
    align-items: center;
}

.im-tcr > div:first-child, .im-tcl > div:first-child, .im-dispo-segment > div:first-child {
    flex-shrink: 1;
}

.im-tcr > div:first-child:empty, .im-tcl > div:first-child:empty, .im-dispo-segment > div:first-child:empty {
    display: none;
}

.im-tcr > div:nth-child(2), .im-tcl > div:nth-child(2), .im-dispo-segment > div:nth-child(2) {
    flex-shrink: 5;
    flex-grow:1;
    justify-content: center;
}

.im-tcr > div:last-child, .im-tcl > div:last-child, .im-dispo-segment > div:last-child {
    flex-shrink: 1;
}

.im-tcr > div:last-child:empty, .im-tcl > div:last-child:empty, .im-dispo-segment > div:last-child:empty {
    display: none;
}

.im-type-rail > .im-tcr {
    border:3px solid  var(--im-color-rail);
    background-color: var(--im-color-rail);
}

.im-type-rail.im-passive > .im-tcr {
    border:3px solid  var(--im-color-rail-passive);
    background-color: var(--im-color-rail-passive);
}

.im-type-street > .im-tcr {
    border:3px solid var(--im-color-street);
    background-color: var(--im-color-street);
    min-width:100px;
    text-align: center;
}

.im-type-street.im-passive > .im-tcr {
    border:3px solid var(--im-color-street-passive);
    background-color: var(--im-color-street-passive);
    min-width:100px;
    text-align: center;
}

.im-type-street.im-empty > .im-tcr {
    background-color: var(--im-color-street-light);
    border:3px solid  var(--im-color-street);
}

.im-type-street.im-passive > .im-tcr.im-empty {
    background-color: var(--im-color-street-light-passive);
    border:3px solid  var(--im-color-street-passive);
}

.im-type-sea > .im-tcr {
    border:3px solid  var(--im-color-sea);
    background-color: var(--im-color-sea);
}

.im-type-sea.im-passive > .im-tcr {
    border:3px solid  var(--im-color-sea-passive);
    background-color: var(--im-color-sea-passive);
}

.im-tcl {
    background-color:#c7c7c7;
    border:3px solid #c7c7c7;
    color:#222 ;
    padding: 3px;
}

 .im-tc-container:not(.kein-hover) div.im-tcl:hover, .im-tc-container:not(.kein-hover) div.im-tcr:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.02, 1.1);
    transition-duration: 100ms;
    box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.49);
-webkit-box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.49);
/* margin:0;
padding:3px; */
}

.im-tc-element {
}

.im-tc-element .im-todr {
    margin-top:10px;
    min-height:20px;
    position:relative;
}

.im-tc-element .im-todr .im-button-container {
    position:absolute;
    bottom:-15px;
    left:20px;
}

.im-todr > .im-todr {
    border:3px solid grey;
    border-width: 0 0 2px 0;
}

.im-todr.im-type-street > .im-todr, .im-todr.im-type-street + .im-todr > .im-todr {
    border-color: var(--im-color-street);
}

.im-todr.im-type-street.im-passive > .im-todr, .im-todr.im-type-street.im-passive + .im-todr > .im-todr {
    border-color: var(--im-color-street-passive);
}

.im-todr.im-type-rail > .im-todr, .im-todr.im-type-rail + .im-todr > .im-todr {
    border-color: var(--im-color-rail);
}

.im-todr.im-type-rail.im-passive > .im-todr, .im-todr.im-type-rail.im-passive + .im-todr > .im-todr {
    border-color: var(--im-color-rail-passive);
}

.im-todr.im-todr-start .im-todr {
    border-left-width: 3px;
    border-bottom-left-radius: 10px;
}

.im-todr.im-todr-end .im-todr {
    border-right-width: 3px;
    border-bottom-right-radius: 10px;
}

.im-todr > .im-button-container > button {
    border: 2px solid black;
    padding:3px 1px;
    border-radius:20px;
}

.im-todr.im-type-street .im-todr > .im-button-container > button {
    background-color: var(--im-color-street-light);
    border-color: var(--im-color-street);
}

.im-todr.im-type-street.im-passive .im-todr > .im-button-container > button {
    background-color: var(--im-color-street-light-passive);
    border-color: var(--im-color-street-passive);
}

.im-todr.im-type-rail .im-todr > .im-button-container > button {
    background-color: var(--im-color-rail-light);
    border-color: var(--im-color-rail);
}

.im-todr.im-type-rail.im-passive .im-todr > .im-button-container > button {
    background-color: var(--im-color-rail-light-passive);
    border-color: var(--im-color-rail-passive);
}

button.active {
    color:#fff;
    background: var(--im-color-1-gradient);
    padding:5px;
    border-radius:5px;
}

/* .td-gestellungsort, .td-receiving-station, .td-sending-station, .td-takeover-location, .td-return-location {
    display:none;
} */