/* --- /Learn-Object (LO) --- */

	.learnObject,
    .mobile learnObject:hover {
		margin: 0px 0px 3px 0px;
		padding: 0px;
        font-family: 'Roboto', Arial, sans-serif;
		font-size: 12px;
		line-height: 14px;
		background: #f2f2f2;
		float:none;
		min-width:0;
		height: 52px;
        border-radius: 3px;
        transition: background .5s ease-out;
	}

    .learnObject:hover,
    .learnObject:focus,
    l.learnObject:focus-within {
        background: #E6E6E6;
        transition: background .1s ease-out;
    }
			
	/* --- Head --- */
	
		.learnObject > .head,
		.learnObject > .head {
			height: 52px;
			position: relative;
            display: flex;
            align-items: center;
		}
		
			.learnObject > .head * {
				/*display: block;*/
			}
			

		
			
		/* --- Icon & Fav --- */
			.learnObject > .head > .left {
				width: 50px;
				height: 40px;
				z-index: 2;
				overflow: hidden;
                align-items: center;
                justify-content: center;
                display: flex;
                flex-shrink: 0;
			}
			
				.learnObject > .head > .left > * {
					display: block;
				}
				
			/* --- Icon --- */
				.learnObject > .head > .left > .icon {
					left: 12px;
					top: 2px;
					z-index: 3;
					width: 30px;
					height: 30px;
				}
			/* --- /Icon --- */
				
			/* --- Fav --- */
				.learnObject > .head > .left > .fav {
					left: 28px;
					top: 18px;
					width: 24px;
					height: 22px;
					background: url(../img/learnObject/loFav.png) no-repeat left bottom transparent;
					z-index: 13;
					cursor: pointer;
				}
			
				.learnObject > .head > .left > .fav:hover,
				.learnObject > .head > .left > .fav.active {
					background-position: left top;
				}
			/* --- /Fav --- */
			
		/* --- /Icon & Fav --- */
		
		
		/* --- Title, Flags and Desktop --- */
		
			.learnObject > .head > .right {
				height: 52px;
				line-height: 52px;
				margin-right: 14px;
                display: flex;
                flex-grow: 1;
                align-items: center;
                justify-content: space-between;
			}

            .learnObject.extended > .head > .right {
                margin-left: 60px;
            }
			
				.learnObject > .head > .right > * {
					display: block;
				}
		
			/* --- Title --- */
				.learnObject > .head > .right > .title {
					overflow: hidden;
					z-index: 3;
					font-size: 14px;
					font-weight: normal;
					cursor: pointer;
					display: inline-block;
					vertical-align: middle;
					line-height: normal;
					width: 100%;
                    margin-right: 5px;
				}

				.learnObject:hover > .head > .right > .title {
					width: calc(100% - 142px);
				}
				
				.learnObject > .head > .right > p.title {
					cursor: default;
				}
			/* --- /Title --- */
                .learnObject > .head > .right > .favorite {
                    display: flex;
                    width: 20px;
                    cursor: pointer;
                }

                .learnObject.extended > .head > .right > .favorite {
                    width: 31px;
                }

                .learnObject:hover > .head > .right > .favorite,
                .learnObject:focus > .head > .right > .favorite,
                .learnObject:focus-within > .head > .right > .favorite,
                .learnObject > .head > .right > .favorite.active,
                .mobile .learnObject > .head > .right > .favorite {
                    display: flex;
                }
                
                .learnObject>.head>.right>.favorite svg {
                    display: none;
                }

                .learnObject:hover>.head>.right>.favorite svg,
                .learnObject:focus>.head>.right>.favorite svg,
                .learnObject:focus-within>.head>.right>.favorite svg,
                .learnObject>.head>.right>.favorite.active svg,
                .learnObject.extended>.head>.right>.favorite svg {
                    display: block;
                }
                
                .learnObject > .head > .right > .favorite:hover svg {
                    opacity: .5;
                }
                
                .learnObject > .head > .right .favorite.active svg path {
                    fill: var(--primary-color);
                }
            /* --- Favorite --- */


            /* --- /Favorite --- */
		
			/* --- Flags --- */
				.learnObject > .head > .right > .flags {
					overflow: hidden;
					z-index: 3;
					right:25px;
				}
				
				.learnObject > .head > .right > .flags,
				.learnObject.extended > .head > .right > .flags {
					height: 38px;
				}
				
				.learnObject > .head > .right > .share,
				.learnObject.extended:hover > .head > .right > .share {
					display:none;
                    margin-right: 10px;
                    cursor: pointer;
				}

                .learnObject:hover > .head > .right > .share.clicked svg {
                    animation: hideAndShow 1s;
                }

                @keyframes hideAndShow {
                    0% {
                        opacity: 1;
                    }

                    5% {
                        opacity: 0;
                    }

                    100% {
                        opacity: 1;
                    }
                }
				
				.learnObject:hover > .head > .right > .share,
				.learnObject:focus > .head > .right > .share,
				.learnObject:focus-within > .head > .right > .share,
                .mobile .learnObject > .head > .right > .share {
					display:flex;
                    justify-content: center;
				}
				
				.learnObject:hover > .head > .right > .share span,
				.mobile .learnObject > .head > .right .share span {
					position: absolute;
                    color: #000;
                    top: 85%;
                    background: #fff;
                    border: 1px solid #f2f2f2;
                    padding: 8px 16px;
                    line-height: 20px;
                    display: none;
                    z-index: 5;
				}

                .mobile .learnObject>.head>.right .share span {
                    top: 55%;
                }
				
                .learnObject.extended > .head > .right > .timeInformation,
				.learnObject > .head > .right > .timeInformation {
                    margin-right: 10px;
					display: flex;
				}

                .learnObject>.head>.right>.timeInformation p {
                    width: max-content;
                }

                .learnObject.extended > .head > .right > .timeInformation {
                    margin-left: auto;
                    color: #000;
                }
				
				.learnObject:not(.extended):hover > .head > .right > .timeInformation {
					display: none;
				}
				
				.learnObject > .head > .right .flags {
					display:none;
				}

                
				
				.learnObject.extended > .head > .right .flags,
				.learnObject:hover > .head > .right .flags,
				.learnObject:focus > .head > .right > .flags,
				.learnObject:focus-within > .head > .right > .flags,
				.mobile .learnObject > .head > .right .flags {
					display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    margin-right: 10px;
                    flex-shrink: 0;
                    min-width: 30px;
				}

                .learnObject.extended > .head > .right .flags {
                    flex-grow: 1;
                }

                .learnObject.extended > .head > .right > .timeInformation + .flags {
                    flex-grow: 0;
                }
				
					.learnObject > .head > .right .flags > .flag {
						width: 28px;
						height: 28px;
						float: left;
						cursor: pointer;
					}
                    .learnObject > .head > .right .flags > .flag:not(:last-child) {
                        margin: 0 6px 0 0;
                    }
					
					.learnObject > .head > .right .flags > .flag,
					.learnObject.extended > .head > .right .flags > .flag {
					}

                    
					.learnObject.extended > .head > .right > .favorite {
                        display: flex;
                        height: 100%;
                        align-items: center;
                        z-index: 2;
					}

                    .learnObject.extended > .head > .right > .favorite:before {
                        content: ' ';
                        display: block;
                        border-left: 1px solid #D5D5D5;
                        height: calc(100% - 20px);
                        margin-right: 10px;
                    }

                    .learnObject:not(.extended) > .head > .right > .visitedStatus.visited:before {
                        content: ' ';
                        display: block;
                        border-left: none;
                        margin-right: 12px;
                    }

                    .learnObject:not(.extended) > .head > .right > .share:before,
                    .learnObject:not(.extended) > .head > .right > .favorite.active + .visitedStatus.visited:before,
                    .learnObject:not(.extended):hover > .head > .right > .favorite + .visitedStatus.visited:before {
                        content: ' ';
                        display: block;
                        border-left: 2px solid #999999;
                        margin-right: 10px;
                    }
                    
                    .learnObject:not(.extended) > .head > .right > .visitedStatus:before {
                        height: 100%;
                    }

					.learnObject > .head > .right .flags > .flag, .learnObject.extended > .head > .right .flags > .flag {
                        
                        padding: 3px;
                        opacity: .8;
                    }

                    body:not(.mobile) .learnObject > .head > .right .flags > .flag, 
                    body:not(.mobile) .learnObject.extended > .head > .right .flags > .flag {
                        border-radius: 50%;
                    }

					.learnObject > .head > .right .flags > .flag:hover, .learnObject.extended > .head > .right .flags > .flag:hover,
					.learnObject > .head > .right .flags > .flag.active, .learnObject.extended > .head > .right .flags > .flag.active {
                        opacity: 1;
                    }

					.learnObject > .head > .right .flags > .flag.active, .learnObject.extended > .head > .right .flags > .flag.active {
                        border: 1px solid #000;
                        padding: 1px 2px 2px 2px;
                        border-radius: 50%;
                    }

					.learnObject > .head > .right .flags > .flag.disabled, .learnObject.extended > .head > .right .flags > .flag.disabled {
                        opacity: .3;
                    }
                    
					.learnObject > .head > .right .flags > .flag.disabled,
                    .learnObject > .head > .right .flags > .flag.related {
                        cursor: default;
                    }

					.learnObject > .head > .right .flags > .flag.study, .learnObject.extended > .head > .right .flags > .flag.study { 
						background: url(../img/learnobject/icon_movie.svg) no-repeat center center;
                    }

					.learnObject > .head > .right .flags > .flag.script, .learnObject.extended > .head > .right .flags > .flag.script { 
						background: url(../img/learnobject/icon_script.svg) no-repeat center center;
                    }
					
					.learnObject > .head > .right .flags > .flag.function, .learnObject.extended > .head > .right .flags > .flag.function { 
						background: url(../img/learnobject/icon_reference.svg) no-repeat center center;
                    }
					
					.learnObject > .head > .right .flags > .flag.related, .learnObject.extended > .head > .right .flags > .flag.related { 
						background: url(../img/learnobject/icon_related.svg) no-repeat center center;
                    }

					
	.learnObject > .head > .right > .flag.study{ 
	    float: left;
	    height: 50px;
	    left: -55px;
	    position: relative;
	    top: 12px;
	    width: 335px;
	}
	
					
			/* --- /Flags --- */
			
			/* --- Visited --- */
			.learnObject > .head .visitedStatus {
				display: flex;
                margin-left: 10px;
				width: 30px;
				height: 20px;
                flex-shrink: 0;
			}
			
				.learnObject > .head .visitedStatus .check {
				  width: 20px;
				  height: 20px;
				  margin: auto;
				}
				.learnObject > .head .visitedStatus .check .checkbox {
				  display: none;
				}
				.learnObject > .head .visitedStatus .check .checkbox.visited + .box {

				}
				.learnObject > .head .visitedStatus .check .checkbox.visited + .box:after {
				  top: 0;
				}
				.learnObject > .head .visitedStatus .check .box {
				  width: 100%;
				  height: 100%;
				  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
				  /* border: 2px solid #dddddd; */
				  /* background-color: white; */
				  position: relative;
				  overflow: hidden;
				}
				.learnObject > .head .visitedStatus .check .box:after {
				  width: 70%;
				  height: 30%;
				  content: '';
				  position: absolute;
				  border-left: 2px solid;
				  border-bottom: 2px solid;
				  border-color: #000;
				  transform: rotate(-45deg) translate3d(0, 0, 0);
				  transform-origin: center center;
				  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
				  left: 0;
				  right: 0;
				  top: 200%;
				  bottom: 20%;
				  margin: auto;
				}
			/* --- /Visited --- */			
		
			/* --- Desktop --- */
				.learnObject > .head > .right > .desktop {
					position: absolute;
					right: 15px;
					bottom: 3px;
					width: 36px;
					height: 24px;
					background: url(../img/learnObject/pfeil_lo.png) no-repeat left top transparent;
					cursor: pointer;
					z-index: 3;
				}
				.learnObject > .head > .right > .desktop,
				.learnObject.extended > .head > .right > .desktop {
					/* bottom: 2px; */
				}
				.learnObject > .head > .right > .desktop:hover {
					background-position: left -25px;
				}
			/* --- /Desktop --- */
			
		/* --- /Title, Flags and Desktop --- */
			
	/* --- /Head --- */
	
	/* --- Content --- */
	
		.learnObject  > .content {
			overflow: hidden;
			/* background-color: #a6a6a6;
			background-color: silver; */
		}
		
		/* --- Content-Groups --- */
	
			.learnObject  > .content .loContentGroup {
				overflow: auto;
				background: none no-repeat left top transparent;
			}
			
				.learnObject  > .content .loGroupTitle,
				.learnObject  > .content .groupStudy .loGroupTitle {
					/*max-height: 30px;*/
					font-weight: bold;
					vertical-align: middle;
					padding: 3px 0px 3px 16px;
					/*background: url(../img/learnObject/sprites/08.png) repeat-x left top #ca6d2b;
					*/overflow: hidden;
					position: relative;
					cursor: pointer;
				}
			
					.learnObject  > .content .loGroupTitle span.text {
						max-width: 300px;
						float: left;
						cursor: default;
					}
			
					.learnObject  > .content .loGroupTitle span.duration {
						position: absolute;
						top: 3px;
						right: 5px;
						font-weight: normal;
						max-width: 70px;
						cursor: default;
					}
			
					.learnObject  > .content .loGroupTitle .openDesktopLo {
						width: 33px;
						height: 21px;
						margin: 0px 5px 0px 10px;
						text-align: center;
						line-height: 21px;
						font-size: 11px;
						float: right;
						background: url(../img/learnObject/open_in_player.png) no-repeat left -2px transparent;
						cursor: pointer;
					}
			
					.learnObject  > .content .loGroupTitle .openDesktopLo:hover {
						background-position: left -27px;
					}
								
					.learnObject  > .content .loTitle span.arrow {
						position: absolute;
						top: 7px;
						right: 10px;
						display: block;
						width: 12px;
						height: 12px;
						overflow: hidden;
						background: url(../img/learnObject/sprites/14.png) no-repeat left top transparent;
						cursor: pointer;
					}
			
					.learnObject  > .content .loTitle span.arrow.back {
						background-position: left -14px;
					}
			
					.learnObject  > .content .loTitle span.arrow.back:hover {
						background-position: left -27px;
					}


				.learnObject  > .content .loGroupContent {
				/*height: 100%;
					*/padding: 0px 0px 0px 0px;
				}
				
					.learnObject  > .content .loGroupContent .loTitle {
						font-size: 13px;
						font-weight: bold;
						line-height: 23px;
						padding: 0px 16px 0px 16px;
						margin: 0px 0px 0px 0px;
						cursor: pointer;
						position: relative;
						background-color: #325074;
					}
				
					.learnObject  > .content .loGroupContent .loGroupSubtitle {
						font-size: 10px;
						line-height: 23px;
						padding: 0px 16px 0px 16px;
						margin: 0px 0px 0px 0px;
						cursor: pointer;
						position: relative;
					}
				
					.learnObject  > .content .loGroupContent ul {
						display: block;
						list-style: none;
						list-style-position: outside;
						padding: 0px 0px 0px 0px;
						margin: 12px 0px 10px 0px;
					}
				
						.learnObject  > .content .loGroupContent ul li {
							display: block;
							padding: 4px 0px 4px 40px;
							margin: 0px 0px 0px 0px;
							font-size: 13px;
							line-height: 19px;
							background: none no-repeat 15px center transparent;
						}
				
						.learnObject  > .content .loGroupContent ul li.active 
						{
							font-size: 14px;
							font-weight: bold;
						}
				
						.learnObject  > .content .loGroupContent ul li:hover 
						{
							background-color: rgba(255, 255, 255, 0.4);
						}
						
							.learnObject  > .content .loGroupContent ul li .statusIndicator {
								display: none;
								width: 13px;
								height: 13px;
								margin: 3px 4px 3px 4px;
								float: right;
								background: url(../img/sprites/arrow.png) no-repeat 0px 0px transparent;
							}
						
							.learnObject  > .content .loGroupContent ul li .statusIndicator:hover {
								background-position: 0px -15x;
							}
						
							.learnObject  > .content .loGroupContent ul li .showIndicator {
								display: none;
								width: 20px;
								height: 17px;
								margin: 2px 4px 2px 0px;
								padding: 0px 0px 0px 8px;
								float: right;
								background: url(../img/sprites/open_in_player.png) no-repeat -2px -2px transparent;
								border-left: 1px solid rgba(0, 0, 0, 0.1);
							}
						
							.learnObject  > .content .loGroupContent ul li .showIndicator:hover {
								background-position: -2px -23px;
							}
							
							.learnObject  > .content .loGroupContent ul li:hover .statusIndicator,
							.learnObject  > .content .loGroupContent ul li:hover .showIndicator {
								display: block;
							}
						
				
					.learnObject  > .content .loGroupContent #loGroupTagcloud {
						height: 200px;
						background: url(../img/sprites/player_overlay_related-bg.png) #965583 center top repeat-y;
					}
						
					.learnObject  > .content .loContentGroup .loGroupTitle span.arrow,
					.learnObject  > .content .loGroupContent .loGroupSubtitle span.arrow {
						position: absolute;
						top: 5px;
						right: 5px;
						display: block;
						width: 12px;
						height: 13px;
						overflow: hidden;
						background: url(../img/sprites/arrow.png) no-repeat 0px -60px transparent;
						cursor: pointer;
					}
					
					.learnObject  > .content .loContentGroup .loGroupTitle span.arrow 
					{
						top: 7px;
						right: 46px;
					}
					
					.learnObject  > .content .loContentGroup .loGroupTitle span.arrow:hover,
					.learnObject  > .content .loGroupContent .loGroupSubtitle span.arrow:hover {
						background-position: 0px -75px;
					}
			
					.learnObject  > .content .loContentGroup .loGroupTitle span.arrow.back,
					.learnObject  > .content .loGroupContent .loGroupSubtitle span.arrow.back {
						background-position: 0px -30px;
					}
			
					.learnObject  > .content .loContentGroup .loGroupTitle span.arrow.back:hover,
					.learnObject  > .content .loGroupContent .loGroupSubtitle span.arrow.back:hover {
						background-position: 0px -45px;
					}

			/* --- Group: Study --- */
			
				.learnObject  > .content .groupStudy {
					background-color: #cb6d2b;
				}
					.learnObject  > .content .groupStudy .loGroupTitle {
						background-position: left 0px;
						background-color:  #ca6d2c;
					}
					
					.learnObject  > .content .groupStudy .loGroupContent {}
						.learnObject  > .content .groupStudy .loGroupContent .loGroupSubtitle {}
						.learnObject  > .content .groupStudy .loGroupContent ul {}
			
			/* --- /Group: Study --- */
			
			/* --- Group: Script --- */
			
				.learnObject  > .content .groupScript {
					background-color: #c4a447;
				}
					.learnObject  > .content .groupScript .loGroupTitle {
						background-position: left -39px;
						background-color:  #b39d2b;
					}
					
					.learnObject  > .content .groupScript .loGroupContent {}
						.learnObject  > .content .groupScript .loGroupContent .loGroupSubtitle {}
						.learnObject  > .content .groupScript .loGroupContent ul {}
							.learnObject  > .content .groupScript .loGroupContent ul li {}
			
			/* --- /Group: Script --- */
			
			/* --- Group: Function --- */
				
				.learnObject  > .content .groupFunction {
					/* background-color: #40688c; */
				}
				
					.learnObject  > .content .groupFunction .loGroupTitle {
						font-weight: bold;
						background-color:  #000;
                        color: #fff;
                        padding: 16px;
                        font-weight: normal;
					}
					
					.learnObject  > .content .groupFunction .loGroupContent {
                        color: #000;
                    }
					
						.learnObject > .content .groupFunction .loGroupContent .loGroupSubtitle {
                            font-weight: bold;
						}
					
						.learnObject  > .content .groupFunction .loGroupContent ul {}
						
							.learnObject  > .content .groupFunction .loGroupContent ul li {
								background-image: url(../img/learnObject/sprites/12.png);
								cursor: pointer;
							}
					
			/* --- /Group: Function --- */
			
			/* --- Group: Relative --- */
				
				.learnObject  > .content .groupRelative {
					background-color: #91517f;
				}
				
					.learnObject  > .content .groupRelative .loGroupTitle {
						background-position: left -117px;
						background-color:  #a74d94;
					}
					
					.learnObject  > .content .groupRelative .loGroupContent {}
					
						.learnObject  > .content .groupRelative .loGroupContent .loGroupSubtitle {
							background-color: #66395d;
						}
					
						.learnObject  > .content .groupRelative .loGroupContent ul {}
						
							.learnObject  > .content .groupRelative .loGroupContent ul li {
								background-image: url(../img/learnObject/sprites/10.png);
								background-position: 15px center;
								cursor: pointer;
							}
							
			/* --- /Group: Relative --- */
			
			/* --- Group: Desk --- */
				
				.learnObject  > .content .groupDesk {}
				
					.learnObject  > .content .groupDesk .loGroupTitle {
						background-position: left -156px;
						background-color:  #383838;
					}
					
					.learnObject  > .content .groupDesk .loGroupContent {}
						.learnObject  > .content .groupDesk .loGroupContent ul {}
							.learnObject  > .content .groupDesk .loGroupContent ul li {}
			
			/* --- /Group: Desk --- */
		
		/* --- /Content-Groups --- */
		
		/* --- Group-Content --- */
				
			/* --- Info-Container --- */
			
				.learnObject  > .content .loGroupContent .infoContainer {
					padding: 16px;
					background-color: #F2F2F2;
                    color: #000;
				}

                .learnObject  > .content .loGroupContent .infoContainer.infoContainer-tip {
					background-color: #A2ECC0;
				}

                .learnObject  > .content .loGroupContent .infoContainer.infoContainer-warning {
					background-color: #FFBA9C;
				}
			
					.learnObject  > .content .loGroupContent .infoContainer .infoTitle {
						font-weight: bold;
					}
            			.learnObject>.content .loGroupContent .infoContainer .infoText,
                        .learnObject>.content .loGroupContent .infoContainer .infoText p,
                        .learnObject>.content .loGroupContent .infoContainer .infoText p span {
                            /* override graph editor settings */
                            font-family: 'Roboto', Arial, sans-serif !important;
                        }
					
					.learnObject  > .content .loGroupContent .infoContainer img {
						display: block;
						margin: 10px 5px 0px 0px;
						max-width: 100%;
					}
			
			/* --- /Info-Container --- */
			
			/* --- Path-Container (click) --- */
			
				.learnObject  > .content .loGroupContent .clickpathContainer {
					padding: 24px 16px;
                    color: #000;
                    border-bottom: 1px solid #cfcfcf;
				}

				.learnObject  > .content .loGroupContent .clickpathContainer:last-child {
                    border-bottom: none;
				}
				
				/* --- Path-Head --- */
                
					
						.learnObject  > .content .loGroupContent .clickpathContainer .pathNumber {
							border-bottom: 1px solid #F2F2F2;
                            margin-bottom: 0.5em;
                            padding-bottom: 0.5em;
                            font-weight: bold;
						}
				
					.learnObject  > .content .loGroupContent .clickpathContainer .pathHead {
						overflow: hidden;
						position: relative;
						min-height: 46px;
					}
			
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathType {
							height: 46px;
							width: 40px;
							background-repeat: no-repeat;
							background-position: center center;
							position: absolute;
							left: 0;
                            top: 0px;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .leftclick { background-image: url(../img/sidePane/Icons/mouse_left.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .rightclick { background-image: url(../img/sidePane/Icons/mouse_right.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .doubleclick { background-image: url(../img/sidePane/Icons/mouse_double.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .shortcut { background-image: url(../img/sidePane/Icons/tastenkombi.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .keyboard { background-image: url(../img/sidePane/Icons/keyboard.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .textinput { background-image: url(../img/sidePane/Icons/texteingabe.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .dragdrop { background-image: url(../img/sidePane/Icons/drag_drop.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .select { background-image: url(../img/sidePane/Icons/select.svg); }
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .mouseover { background-image: url(../img/sidePane/Icons/mouseover.svg); }
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas {
							overflow: hidden;
							margin: 0px 1px 0px 40px;
							cursor: default;
						}
			
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaTop,
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaBottom {
								font-style: italic;
                                color: #5B5B5B;
								overflow: hidden;
								cursor: default;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaTop  {
								padding-top: 1px;
								line-height: 20px;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaBottom { 
								
							}
							
							/* //TODO: insert */
							.pathMetaBottom .tableRow {
								min-height: 20px; 
								padding-top: 2px;
							}

							.pathMetaBottom .tableRow .tableTextHeight {
								line-height: 24px;
							}
														
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaText {
								float: left;
								font-size: inherit;
								line-height: inherit;
								font-weight: inherit;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon {
								width: 34px;
								height: 21px;
								padding: 0;
								margin: 0;
                                min-width: 0;
                                box-shadow: none;
								background: no-repeat transparent center center url(../../../themes/shared/img/sidePane/redesign/dummys/littleMouseIcon.png);
							}
							
							/* --- PathMeta-Icon // Context-Icon --- */
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.area { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Area.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.arrowbutton { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_ArrowButton.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.button { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Button.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.cellrange { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_CellRange.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.column { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Column.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.command { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Command.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.contextmenu { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Menu.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.contexttools { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_ContextTools.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.desktop { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Desktop.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.dialogbox { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_DialogBox.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.document { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Document.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.element { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Element.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.folder { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Folder.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.graphic { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Graphic.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.group { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Group.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.inputfield { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_TextInput.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.link { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Link.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.list { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_List.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.menu { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Menu.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.option { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Option.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.paragraph { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Paragraph.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.placeholder { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Placeholder.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.register { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Register.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.registerbackstage { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_RegisterBackstage.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.row { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Row.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.slide { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Slide.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.smarttag { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_SmartTag.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.table { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Table.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.taskbar { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Taskbar.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.taskpanel { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_TaskPanel.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.text { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Text.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.textinput { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_TextInput.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.window { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Window.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.word { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Word.png); }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaIcon.worksheet { background-image: url(../../../themes/shared/img/sidePane/context/Lernobjekt_Funktionsbox_Worksheet.png); }
							
							/* --- /PathMeta-Icon // Context-Icon --- */
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathHead .pathMetas .pathMetaText {
								
							}
							
				/* --- /Path-Head --- */
				
				/* --- Path-Content --- */
					
					.learnObject  > .content .loGroupContent .clickpathContainer .pathContent {
						margin: 5px 3px 3px 3px;
						overflow: hidden;
					}

                        .learnObject  > .content .loGroupContent .clickpathContainer .pathContent p,
                        .learnObject>.content .loGroupContent .clickpathContainer .pathContent p span {
                            /* override graph editor settings */
                            font-size: 11px !important;
                            line-height: 14px !important;
                            font-family: 'Roboto', Arial, sans-serif !important;
						}
					
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathDesc {
							padding: 5px;
							overflow: hidden;
						}
					
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage {
							overflow: hidden;
							text-align: center;
							position: relative;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage,
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage * {
							cursor: default;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .zoomable,
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .zoomable * {
							cursor: pointer;
						}
					
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage img {
								max-width: 100%;
							}
					
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage .zoom {
								position: absolute;
								top: 0px;
								right: 0px;
								width: 37px;
								height: 42px;
								background-color: red;
								background: no-repeat transparent left top url(../img/sidePane/icons/lupe_plus.svg);
								overflow: hidden;
								cursor: pointer;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathImage:hover .zoom {
								background-position: right top;
							}
							
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathExtendBox {
							min-height: 30px;
							margin-top: 5px;
                            /* override graph editor settings */
                            font-family: 'Roboto', Arial, sans-serif !important;
							overflow: hidden;
							position: relative;
							display: none;
                            clear: both;
						}
                        
                        .learnObject>.content .loGroupContent .clickpathContainer .pathExtendBox span {
                            /* override graph editor settings */
                            font-family: 'Roboto', Arial, sans-serif !important;
                        }

                        .learnObject  > .content .loGroupContent .clickpathContainer .pathExtendBox:not(:last-child) {
                            border-bottom: 1px solid #F2F2F2;
                            margin-bottom: 1em;
                            padding-bottom: 1em;
						}
                        
                        .learnObject>.content .loGroupContent .clickpathContainer .pathExtendBox img {
                            width: 100%;
                        }
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbAdditional {
							padding: 5px 5px 5px 10px;
                            color: #000;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbTip {
							padding: 5px 5px 5px 10px;
                            color: #000;
						}
						
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbTip .pathExtendBoxTitle {
								position: absolute;
								left: 10px;
								top: 5px;
								width: 35px;
								float: left;
								font-size: 16px;
								line-height: 18px;
								cursor: default;
							}
						
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbTip .pathExtendBoxContent {
								display: block;
							}
						
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbTip a {
								text-decoration: underline;
								color: #FFFFFF;
							}
						
							.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .pathExtendBox img {
								display: block;
								margin: 10px 5px 0px 0px;
								max-width: 100%;
							}
				
				/* --- /Path-Content --- */
					
				/* --- Path-Foot --- */
					
					.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot {
						width: auto;
						/* height: 18px; */
						margin-top: 5px;
						overflow: hidden;
					}
					
						.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathPlus {
							width: 11px;
							height: 20px;
							float: left;
							margin-right: 5px;
 							background: no-repeat left center url(../img/sidePane/Icons/pfeil.svg) transparent;
 							cursor: pointer;
                            transform: rotate(0deg);
                            transition: transform .2s ease-out;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathPlus.opened {
							transform: rotate(180deg);
                            transition: transform .2s ease-out;
						}
					
						.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints {
							/* height: 10px; */
							margin: 3px 10px 0px 0px;
						}
					
							.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints .pathHint {
								/* width: 10px;
								height: 10px; */
								margin-right: 5px;
								float: left;
                                cursor: pointer;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints .hintAdditional { 
                                background-position: left top;
                                color: #FF8551; 
                                margin-bottom: 1em; 
                            }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints .hintTip { 
                                background-position: left bottom;
                                color: #47CA7C; 
                                margin-bottom: 1em;
                            }

                            
					
				/* --- /Path-Foot --- */
							
			/* --- /Path-Container(Click) --- */
							
			/* --- Path-Container(Keys) --- */
			
				.learnObject  > .content .loGroupContent .keypathScroll {
					overflow: auto;
				}
				
				#wrapper.player .learnObject  > .content .loGroupContent .keypathScroll {
					height: 135px;
				}
			
                .keypathContainer,
				.learnObject  > .content .loGroupContent .keypathContainer {
					margin: 0 16px 12px;
					position: relative;
				}
				
				/* --- Path-Head --- */
                    .keypathContainer .pathHead,
					.learnObject  > .content .loGroupContent .keypathContainer .pathHead {
						overflow: hidden;
						position: relative;
					}

                        .keypathContainer .pathHead .pathType,
						.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathType {
						}
						
                        .keypathContainer .pathHead .pathMeta,
						.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathMeta {
                                font-weight: normal;
                                color: #000;
						}
						
                            .keypathContainer .pathHead .pathMeta div,
							.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathMeta div {
							}
							
				/* --- /Path-Head --- */
				
				/* --- Path-Content --- */

                    .keypathContainer .pathContent,
					.learnObject  > .content .loGroupContent .keypathContainer .pathContent {
						color: #000000;
					}
					
                        .keypathContainer .pathContent .pathKeys,
						.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys {
							overflow: hidden;
						}
					
                            .keypathContainer .pathContent .pathKeys *,
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys * {
								color: #454545;
								text-transform: uppercase;
								cursor: default;
								float: left;
								font-size: 11px;
								text-align: center;
								font-weight: bold;
							}
							
                            .keypathContainer .pathContent .pathKeys .keyPlus,
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyPlus {
								width: 20px;
                                display: none;
							}
							
                            .keypathContainer .pathContent .pathKeys .keyIcon,
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon {
								display: block;
								position: relative;
								cursor: pointer;
								-moz-border-radius: 5px;
								border-radius: 5px;
								overflow: hidden;
								margin: 3px 5px 0 0;
								cursor: default;
                                background: #fff;
                                border: 1px solid #B6B6B6;
							}
			
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .left,
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .middle,
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .right {
								}
							
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .left {
								}
								
                                .keypathContainer .pathContent .pathKeys .keyIcon .middle,
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .middle {
                                    margin: 8px 12px;
                                    font-size: 14px;
                                    font-weight: normal;
								}
								
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .right {
								}

                                
						
                            .keypathContainer .pathContent .pathKeysNotes,
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeysNotes {
                                margin: 5px 0;
							}

							.learnObject  > .content .loGroupContent .relatedFOs, .learnObject  > .content .loGroupContent .relatedLOs {
								display: none;
							}
						
							.learnObject  > .content .loGroupContent .relatedFOs li {
								cursor: pointer;
							}
						
							.learnObject  > .content .loGroupContent .relatedLOs li {
								cursor: pointer;
							}
							
							/* //TODO: insert */
							#loGroupTagcloud {
								display: none;
							}
						
							.learnObject  > .content .loGroupContent .siblingFO li span {
								cursor: pointer;
							}
						
							.learnObject  > .content .loGroupContent .siblingFO li .active {
								cursor: pointer;
								font-weight: bolder;
								float: left;
								padding-right: 10px;
							}
							
							.learnObject  > .content .loGroupContent .siblingFO li span.arrow 
							{
								top: 3px;
								padding-left: 5px;
								display: block;
								width: 12px;
								height: 12px;
								overflow: hidden;
								background: url(../img/learnObject/sprites/15.png) no-repeat left -14px transparent;
								cursor: pointer;
							}
							
				/* --- /Path-Content --- */
							
			/* --- /Path-Container(Keys) --- */
		
		/* --- /Group-Content --- */
			
	/* --- /Content --- */
	
/* --- /Learn-Object (LO) --- */

/* --- WikiLink --- */

	.inline.FunctionObject,
	.inline.LearningObject {
		/* font-weight: bold; */
		font-style: italic;
        text-decoration: underline;
		cursor: pointer;
	}
	
	.inline.Glossary,
	.inline.Keyword,
	.inline.Subject,
	.inline.Shortcut,
	.inline.Key,
	.inline.GuiElement {
		font-weight: bold;
		font-style: italic;
	}

/* --- WikiLink --- */


/* -------------- mobile settings ------------ */
.learnObject.mobile > .head > .right {
    overflow: hidden;
}

.learnObject.mobile > .head > .right > .title {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.learnObject.mobile .mobilePopout {
    display: none;

    position: absolute;
    right: 50px;
    top: 0;
    z-index: 5;

    background: #fff;
    padding: 16px;
    border-radius: 8px;
    outline: none;

    flex-direction: column;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.learnObject.mobile .mobilePopout.active,
.learnObject.mobile .mobilePopout:focus-within {
    display: flex;
}

.learnObject.mobile .mobilePopout .flags {
    flex-direction: column;
    margin: 0 !important;
    align-items: flex-start !important;
    border-top: 1px solid #F2F2F2;
    padding-top: 1em;

    order: 3;
}

.learnObject.mobile .mobilePopout .flags .flag {
    margin: 0 !important;
    width: 100%;
    background-position: left center !important;
    padding-left: 40px;
    line-height: 28px;
    font-size: 14px;
    color: #5B5B5B;
    opacity: 1;
}

.learnObject.mobile .mobilePopout .flags .flag.flag:not(:last-child) {
    margin-bottom: 8px !important;
}

.learnObject.mobile .mobilePopout .share {
    order: 2;
    font-size: 14px;
    margin-bottom: 0.5em;
    line-height: 31px;
    display: flex;
    align-items: center;
    color: #5B5B5B;
}

.learnObject.mobile .mobilePopout .share svg,
.learnObject.mobile .mobilePopout .favorite svg {
    margin: 0 15px 0 5px;
    width: 20px;
}

.learnObject.mobile .mobilePopout .favorite svg path {
    fill: #B6B6B6;
}

.learnObject.mobile .mobilePopout .favorite {
    display: flex;
    width: auto !important;
    align-items: center;
    order: 1;
}

.learnObject.mobile .mobilePopout .favorite span {
    font-size: 14px;
    margin-right: 10px;
    color: #5B5B5B;
}

.learnObject.mobile .mobilePopout .favorite:not(.active) .textRemove,
.learnObject.mobile .mobilePopout .favorite.active .textAdd {
    display: none;
}

.learnObject.mobile:not(.extended)>.head>.right>.share:before,
.learnObject.mobile:not(.extended)>.head>.right>.visitedStatus.visited:before,
.learnObject.mobile:not(.extended)>.head>.right>.favorite.active+.visitedStatus.visited:before,
.learnObject.mobile:not(.extended):hover>.head>.right>.favorite+.visitedStatus.visited:before {
    display: none;
}

.learnObject.mobile >.head .favorite,
.learnObject.mobile >.head .visitedStatus {
    width: 0;
}

.learnObject.mobile>.head .visitedStatus:not(.visited) {
    margin-left: 0;
}

.learnObject.mobile>.head .favorite.active,
.learnObject.mobile >.head .visitedStatus.visited {
    width: 20px;
}

.learnObject.mobile .assetNavToggle {
    width: 20px;
    padding: 0 0 0 10px;
    height: 20px;
    cursor: pointer;
    background: url(../img/learnobject/icon_dots.svg) no-repeat center;
}

/* .moble .learnObject > .head > .right > .flags,
.mobile .learnObject:hover > .head > .right > .flags {
    display: none !important;
} */