/*edit mode
-----------------------------------*/

img[alt=fr],
img[alt=en],
img[alt=de] {
	visibility: hidden;
	z-index: -1;
	width: 30px;
	height: 30px;
}

.ui-widget img[alt=fr],
.ui-widget img[alt=en],
.ui-widget img[alt=de] {
	visibility: visible;
	z-index: inherit;
}


@media (min-width:768px) {
	.jtpl-main {
		margin-top: 50px;
	}
}


/*LC-buttons 
-----------------------------------*/

.lc-buttons .cc-m-hgrid-column .n {
	padding: 0 !important;
}

.lc-buttons .cc-m-hgrid-column {
	float: left !important;
	width: 50% !important;
	min-width: 0;
	padding: 0;
}

.lc-buttons .cc-m-hgrid-column.last:before {
	position: absolute;
	content: "|";
	color: #666;
	font-size: 20px;
	margin-left: -2px;
}

.lc-buttons {
	width: 100px;
	z-index: 9999;
}

.lc-buttons img {
	padding: 0;
	width: 50px;
}

.lc-buttons img:hover {
	filter: brightness(150);
}

@media (min-width:768px) {
	.lc-buttons {
		position: fixed;
		right: 0;
		left: auto;
		top: 14px;
	}
}


@media (min-width:1000px) {
	.lc-buttons {
		right: calc(50vw - 500px);
	}
}


@media (max-width:767px) {
	.lc-buttons {
		right: 0;
		position: absolute;
		top: 22px;
	}

	.jtpl-logo img {
		position: absolute;
		/*left: calc(50% - 20px);*/
		left: 80px;
		top: -80px !important;
	}
}