@charset "UTF-8";

.innerwrapper {
	width: 95%;
}

.innerwrapper .frontend-title {
	text-align: center;
}

.lc-mainimage1 {
	width:100%;
	border-radius: 50px;
}

.lc-maintitles {
	font-size: 40px;
}

.grid p {
	font-size: 20px;
}

.lc-share-wrapper {
    background-image: url(/javax.faces.resource/lc-share-bg.jpg.xhtml?ln=images), linear-gradient(to right,#d3d8db, #dee2e5);
    min-height: 700px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.lc-pixel-revolution-wrapper {
    background-image: url(/javax.faces.resource/lc-pixel-revoultion.jpg.xhtml?ln=images), linear-gradient(to right, #ffffff, #b8d2eb);
    min-height: 650px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

img.lc-profile-page-phone1 {
    max-width: 1000px;
    margin-left: -280px;
    margin-top: -255px;
}

.lc-vorteil {
	text-align: center;
	padding-bottom: 50px;
}

.lc-vorteil img {
    max-width: 100px;
    max-height: 100px;
}

.lc-vorteil h2 {
    font-size: 26px;
    max-width: 320px;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 20px;
}

.lc-vorteil p {
        line-height: normal;
    max-width: 300px;
    margin: auto;
    font-size: 18px;
}

img.lc-app-icon {
    margin: auto;
    display: block;
    position: relative;
    width: 180px;
    margin-top: -80px;
}

.lc-profile-page-mobile-bottom {
	display: block;
    width: 80%;
    margin: auto;
    margin-top: 70px;
}

.lc-subtitle {
    text-align: center;
}

.lc-maintitles span,
.lc-subtitle span{
    font-weight: 700;
}

img.lc-downl-icon {
    max-width: 260px;
    padding: 20px;
}
.lc-ai-portrait-gen {
    max-width: 350px;
    width: 90%;
    display: block;
    margin-bottom: 20px;
}

.loucard-main-text-wrapper {
	margin-top: 60px;	
}

.lc-share-content {
	padding-top: 60px;;
	padding-left: 5%;
}

.lc-pixel-revolution-inner {
	padding-top: 60px;;
	padding-left: 5%;
}

@media screen and (max-width: 1570px) {
    .lc-pixel-revolution-wrapper {
    	background-position: right;
    	background-size: cover;
	    background-repeat: no-repeat;
	}
}
@media screen and (max-width: 1100px) {
    img.lc-profile-page-phone1 {
        max-width: 700px;
        margin-left: calc(50% - 364px);
        margin-top: -60px;
        margin-bottom: 60px;
    }
    .lc-pixel-revolution-wrapper {
        background-position: -410px;
    	background-size: cover;
	    background-repeat: no-repeat;
	}
    
}
@media screen and (max-width: 768px) {
	.lc-share-wrapper {
		background-image: linear-gradient(to right, #dde1e3, #e1e5e8) !important;
		
	}
	.lc-mainimage1 {
		width:90%;
	}
	.frontend-title, .lc-maintitles {
		font-size: 28px;
	}
	.loucard-main-text-wrapper {
		margin-top: 20px;	
	}
	.lc-share-image-m {
		background-image: url(/javax.faces.resource/lc-share-bg-m.jpg.xhtml?ln=images), linear-gradient(to right,#d9dddf, #dee2e5);
        min-height: 300px;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
	}
	
	.lc-share-content, .lc-pixel-revolution-inner  {
		padding-top: 20px;;
	}
	
	img.lc-profile-page-phone1 {
	    max-width: 591px;
	    margin-left: calc(50% - 314px);
	    margin-top: -190px;
	    margin-bottom: 0px;
	}
	
	.lc-ai-portrait-wrapper {
		min-height: 1130px;
	}
	.lc-pixel-revolution-wrapper {
	    background-image: url(/javax.faces.resource/lc-pixel-revoultion-m.jpg.xhtml?ln=images), linear-gradient(to right, #ffffff, #b8d2eb);
	    min-height: 650px;
	    background-position: center;
	    background-size: cover;
	}
	
}