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

	.learnObject {
		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 {
        background: #E6E6E6;
        transition: background .1s ease-out;
    }
			
	/* --- Head --- */
	
		.learnObject > .head,
		.learnObject > .head {
			height: 52px;
			position: relative;
			overflow: hidden;
		}
		
			.learnObject > .head * {
				/*display: block;*/
			}
			

		
			
		/* --- Icon & Fav --- */
			.learnObject > .head > .left {
				position: absolute;
				left: 0px;
				bottom: 5px;
				width: 50px;
				height: 40px;
				z-index: 2;
				overflow: hidden;
			}
			
				.learnObject > .head > .left > * {
					display: block;
					position: absolute;
				}
				
			/* --- 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;
				position: relative;
				margin-left: 55px;
				margin-right: 20px;
				z-index: 2;
                display: flex;
                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: calc(100% - 160px);
				}
				
				.learnObject > .head > .right > p.title {
					cursor: default;
				}
			/* --- /Title --- */
		
			/* --- Flags --- */
				.learnObject > .head > .right > .flags {
					overflow: hidden;
					z-index: 3;
					right:25px;
				}
				
				.learnObject > .head > .right > .flags,
				.learnObject.extended > .head > .right > .flags {
					height: 28px;
				}
				
				.learnObject > .head > .right > .flags {
					display:none;
				}
				
				.learnObject.extended > .head > .right > .flags,
				.learnObject:hover > .head > .right > .flags {
					display: flex;
                    align-items: center;
                    justify-content: flex-end;
				}

                .learnObject.extended > .head > .right > .flags {
                    justify-content: flex-start;
                    left: 0;
                }
				
					.learnObject > .head > .right > .flags > .flag {
						width: 28px;
						height: 28px;
						float: left;
						cursor: pointer;
					}
                    .learnObject > .head > .right > .flags > .flag:not(:last-child) {
                        margin: 0 10px 0 0;
                    }
					
					.learnObject > .head > .right > .flags > .flag,
					.learnObject.extended > .head > .right > .flags > .flag {
					}

					.learnObject > .head > .right > .flags > .flag, .learnObject.extended > .head > .right > .flags > .flag {
                        
                        padding: 3px;
                        opacity: .8;
                    }
					.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: 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 > .right > .visitedStatus {
				display: none;/* remove this line to show visible status */
				position:absolute;
				right: 0;
				top: 9px;
				width: 20px;
				height: 20px;
				background: #abcdef;
			}
			
				.learnObject > .head > .right > .visitedStatus .check {
				  width: 20px;
				  height: 20px;
				  margin: auto;
				}
				.learnObject > .head > .right > .visitedStatus .check .checkbox {
				  display: none;
				}
				.learnObject > .head > .right > .visitedStatus .check .checkbox.visited + .box {

				}
				.learnObject > .head > .right > .visitedStatus .check .checkbox.visited + .box:after {
				  top: 0;
				}
				.learnObject > .head > .right > .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 > .right > .visitedStatus .check .box:after {
				  width: 50%;
				  height: 20%;
				  content: '';
				  position: absolute;
				  border-left: 3.5px solid;
				  border-bottom: 3.5px solid;
				  border-color: #40c540;
				  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-size: 12px;
					font-weight: bold;
					line-height: 20px;
					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 p {
						color: #fff;
					}
			
					.learnObject  > .content .loGroupContent .infoContainer .infoTitle {
						font-weight: bold;
					}
			
					.learnObject  > .content .loGroupContent .infoContainer .infoText {
						font-size: 11px;
						line-height: 14px;
					}
					
					.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;
								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 {
							color: #fff;
						}
					
						.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 .pathContent .pathExtendBox {
							min-height: 30px;
							margin-top: 5px;
							font-size: 12px;
							line-height: 16px;
							padding: 5px 5px 5px 45px;
							color: #FFFFFF;
							overflow: hidden;
							position: relative;
							display: none;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbAdditional {
							padding: 5px 5px 5px 10px;
                            color: #FF8551;
						}
						
						.learnObject  > .content .loGroupContent .clickpathContainer .pathContent .exbTip {
							padding: 5px 5px 5px 10px;
                            color: #47CA7C;
						}
						
							.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: 1px;
								float: left;
							}
							
							.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints .hintAdditional { background-position: left top;
                                color: #FF8551; }
							.learnObject  > .content .loGroupContent .clickpathContainer .pathFoot .pathHints .hintTip { background-position: left bottom;
                                color: #47CA7C; }
					
				/* --- /Path-Foot --- */
							
			/* --- /Path-Container(Click) --- */
							
			/* --- Path-Container(Keys) --- */
			
				.learnObject  > .content .loGroupContent .keypathScroll {
					overflow: auto;
				}
				
				#wrapper.player .learnObject  > .content .loGroupContent .keypathScroll {
					height: 135px;
				}
			
				.learnObject  > .content .loGroupContent .keypathContainer {
					margin: 0 16px 16px;
					position: relative;
				}
				
				/* --- Path-Head --- */
			
					.learnObject  > .content .loGroupContent .keypathContainer .pathHead {
						overflow: hidden;
						position: relative;
					}
					
						.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathType {
						}
						
						.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathMeta {
                                font-size: 14px;
                                font-weight: normal;
                                line-height: 22px;
						}
						
							.learnObject  > .content .loGroupContent .keypathContainer .pathHead .pathMeta div {
							}
							
				/* --- /Path-Head --- */
				
				/* --- Path-Content --- */
					
					.learnObject  > .content .loGroupContent .keypathContainer .pathContent {
						color: #000000;
					}
					
						.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys {
							overflow: hidden;
						}
					
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys * {
								color: #454545;
								text-transform: uppercase;
								cursor: default;
								float: left;
								font-size: 11px;
								text-align: center;
								font-weight: bold;
							}
							
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyPlus {
								width: 20px;
                                display: none;
							}
							
							.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon {
								display: block;
								position: relative;
								cursor: pointer;
								-moz-border-radius: 5px;
								border-radius: 5px;
								overflow: hidden;
								margin: 8px 5px 8px 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 {
								}
								
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .middle {
                                    margin: 12px;
                                    font-size: 14px;
                                    font-weight: normal;
								}
								
								.learnObject  > .content .loGroupContent .keypathContainer .pathContent .pathKeys .keyIcon .right {
								}

                                
						
							.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 ------------ */
.mobile .learnObject > .head > .right > .title {
    width: 100%;
}

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