html,body {
	height: 100%;
}

body {
	position: relative;
	width: 100%;
}


.containerHeader {
	position: relative;
	height: 75px;
	padding: 10px;
	z-index: 1;
	text-align: center;
	color: #fff;
}

.logo {
	position: absolute;
    left: 10px;
    top: 10px;
}

.navTop {
	position: absolute;
	right: 10px;
	top: 20px;
	color: #fff;
}

.navTop li {
	float: left;
	margin-left: 5px;
	padding: 5px 15px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}

.containerContent {
	text-align: center;
	color: #fff;
}

.containerContent span.cardHeadline {
	display: inline-block;
	font-family: 'Schoolbell', cursive;
	font-size: 22px;
}

.bgTransparenz{
	min-height: 100%;
	background: rgba(0,0,0,.8);
}

.jk-photowall-background-landing {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}

.jk-photowall-background-landing .item {
	margin-bottom: -4px;
	width: 25%;
}

.containerContent .jk-cards .jk-cards-limit {
	display: none;
}

.containerContent .jk-cards .jk-card-buttons-description,
.containerContent .jk-cards .jk-cards-help {
	display: none;
}

.containerContent .jk-cards .jk-card-info-name a {
	text-decoration: none;
	cursor: default;
}

.containerContent .jk-cards .jk-cards-content .jk-cards-stack .jk-card .jk-card-image .vote-icon-bg .icon-vote {
	margin-top: inherit;
	margin-left: inherit;
	transform: translate(-50%, -50%);
}

.jk-cards-introducton-hints-headline,
.jk-cards-introducton-hints-profile-medium .jk-cards-introducton-hints-text {
	display: none;
}


.containerContent .containerDoRegistration {   
	display: none;
	max-width: 480px;
	padding-bottom: 20px;
	margin: 20px;
	background: #fff;
	color: #000;
	text-align: left;
	border-radius: 10px;
}

.containerDoRegistration .registrationHeader {
	position: relative;
	margin-top: -1px;
	margin-bottom: 20px;
	padding: 10px 40px 10px 20px;
	background: #000;
	color: #fff;
	border-radius: 10px 10px 0 0;
	font-size: 16px;
	line-height: 20px;
}

.containerDoRegistration .registrationHeader .closeRegIcon {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.containerDoRegistration .containerTarif,
.containerDoRegistration .containerRegistration {
	padding: 0 20px;
}

.tarifBox {
	position: relative;
	height: 45px;
	margin-top: 5px;
	padding: 15px 10px;
	background: #ddd;
	cursor: pointer;
}

.tarifBox.active .colorGradient,
.tarifBox:hover  .colorGradient{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 15px 10px;
}

.tarifBox.active,
.tarifBox:hover {
	color: #fff;
}

.checkBullit {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	border-radius: 100%;
	background: #cecece;
}

.tarifBox.active .checkBullit,
.tarifBox:hover .checkBullit {
	background: transparent;
	color: #fff;
}

.checkBullit .check {
	position: relative;
	display: none;
}

.tarifBox.active .checkBullit .check,
.tarifBox:hover .checkBullit .check {
	display: block;
}

.btnTarif {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.containerDoRegistration .containerRegistration .registration003 .containerHeader,
.containerDoRegistration .containerRegistration .registration003 .containerFooter {
	display: none;
}

.containerFooter {
	padding-top: 50px;
}

.navPromo {
	list-style: none;
	margin-top: 10px;
	display: inline-block;
}

.navPromo li a,
.navPromo li {
	color: #ddd;
	float: left;
}

@media screen and (min-width: 756px) {

	.logo {
		top: 20px;
		left: 20px;
	}

	.jk-photowall-background-landing .item {
		width: 10%;
	}

	.containerContent {
		margin-top: -40px;
	}

	.containerContent span.cardHeadline {
		font-size: 34px;
	}
	
	

	.containerContent .containerDoRegistration {
	    max-width: 500px; 
	}

	.containerDoRegistration .registrationHeader {
		font-size: 20px;
		line-height: 22px;
	}

}