
/* particle cloud main */
/* =================== */
.widget.particle_cloud {
	background-color:#222222;
	height:50em; /* 500px / 10px */
	position:relative;
}

.widget.particle_cloud.full_page {
	height:500em; /* 5000px / 10px */
	padding-bottom:45em; /* 450px / 10px */
}

.widget.particle_cloud .layer {
	font-size: 17px; /* 20px / 10px */
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.widget.particle_cloud .particle {
	position:absolute;
	display:none;
}

.widget.particle_cloud .layer:nth-child(1) .particle {
	/* no transformation */
}

.widget.particle_cloud .layer:nth-child(2) .particle {
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.widget.particle_cloud .layer:nth-child(3) .particle {
	-moz-transform:scale(1.4,1.4);
	-webkit-transform:scale(1.4,1.4);
	-o-transform:scale(1.4,1.4);
	transform:scale(1.4,1.4);
}

.widget.particle_cloud .layer:nth-child(4) .particle {
	-moz-transform:scale(1.6,1.6);
	-webkit-transform:scale(1.6,1.6);
	-o-transform:scale(1.6,1.6);
	transform:scale(1.6,1.6);
}

.widget.particle_cloud .layer:nth-child(5) .particle {
	-moz-transform:scale(1.8,1.8);
	-webkit-transform:scale(1.8,1.8);
	-o-transform:scale(1.8,1.8);
	transform:scale(1.8,1.8);
}





/* particle tag */
/* ============ */
.widget.particle_cloud a.particle.tag {
	white-space:nowrap;
}

.widget.particle_cloud a.particle.tag {
	padding:0.5em;
	transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	-webkit-transition:color 0.5s ease;
}

.widget.particle_cloud a.particle.tag.ressort {
	color:#7bd400;
}

.widget.particle_cloud a.particle.tag.user {
	color:#ff9306;
}

.widget.particle_cloud a.particle.tag:hover,
.widget.particle_cloud a.particle.tag.ressort:hover,
.widget.particle_cloud a.particle.tag.user:hover {
	color:#ffffff;
}

.widget.particle_cloud .layer:nth-child(1) .particle.tag {
	background-color:#111111;
}
.widget.particle_cloud .layer:nth-child(2) .particle.tag {
	background-color:#181818;
}
.widget.particle_cloud .layer:nth-child(3) .particle.tag {
	background-color:#222222;
}
.widget.particle_cloud .layer:nth-child(4) .particle.tag {
	background-color:#282828;
}
.widget.particle_cloud .layer:nth-child(5) .particle.tag {
	background-color:#333333;
}






/* particle person */
/* =============== */
.widget.particle_cloud .particle.person {
	text-align:center;
	background-color:transparent !important;
}

.widget.particle_cloud .particle.person img {
	border-radius:50%;
	border:0.15em solid #aaaaaa;
	width:3em;
}

.widget.particle_cloud .particle.person a {
	transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	-webkit-transition:color 0.5s ease;
}

.widget.particle_cloud .particle.person a:hover {
	color:#ffffff !important;
}




 

/* particle label */
/* ============== */
.widget.particle_cloud .particle.label {
	font-family: 'Onest';
	width:100%;
	font-size: 3.75rem; /* 60px */
	line-height: 1;
	hyphens: auto;
	padding-top:10px;
	opacity:0.75;
	text-transform:uppercase;
	text-align:center;
}

.widget.particle_cloud .particle.label div.name {
	position:relative;
	display:inline-block;
}

.impressum-wrapper .details {
	display:block;
	font-size:initial;
	line-height:initial;
	bottom:100%;
	left:0;
	color:#aaaaaa;
	text-transform:none;
	text-align:left;
	opacity:0.75;
	padding: 4em 0;
}
.impressum-wrapper .details strong {
	font-weight: normal;
	text-transform: uppercase;
}

.impressum-wrapper .details a {
	color:#ffffff;
}
.impressum-wrapper .details a[href^="tel:"]{
	color:#aaaaaa;
}
a[href^="tel:"]:before {
	content: "\260e";
	margin-right: 0.5em;
}
.impressum-wrapper .details ul {
	font-size: initial;
	line-height: initial;
	width: -moz-fit-content !important;
	width: fit-content !important;
	margin: 0 auto;
}
.impressum-wrapper .details ul:after {
	content: "";
	clear: both;
	display: block;
}
.impressum-wrapper .details ul li {
	font-size: initial;
	line-height: initial;
	width: -moz-fit-content;
	width: fit-content;
	margin-right: 3em;
	margin-left: 3em;
	float: left;
}



.impressum-wrapper .details .note {
	display:inline-block;
	white-space: nowrap;
	font-size:0.75em;
}

.widget.particle_cloud .particle.label .info {
	font-family: 'Nunito Sans';
	font-size: 20px;
	text-transform:none;
}

.widget.particle_cloud .particle.label .info,
.widget.particle_cloud .particle.label .info a {
	color:#aaaaaa;
}

/* impressum */
/* ========= */
.widget.particle_cloud.impressum { height:1000em; padding-bottom:0; }

.widget.particle_cloud.impressum .particle.person.row_0 a { color:#f40f97; }
.widget.particle_cloud.impressum .particle.person.row_1 a { color:#00c1f6; } 
.widget.particle_cloud.impressum .particle.person.row_2 a { color:#7bd400; } 

.widget.particle_cloud.impressum .particle.person.row_0 img { border-color:#f40f97; }
.widget.particle_cloud.impressum .particle.person.row_1 img { border-color:#00c1f6; } 
.widget.particle_cloud.impressum .particle.person.row_2 img { border-color:#7bd400; } 

.widget.particle_cloud.impressum .particle.label.row_0 { border-top:1px solid #f40f97; color: #f40f97; }
.widget.particle_cloud.impressum .particle.label.row_1 { border-top:1px solid #00c1f6; color: #00c1f6; } 
.widget.particle_cloud.impressum .particle.label.row_2 { border-top:1px solid #7bd400; color: #7bd400; } 

/* pagination */
/* ========== */
.widget.particle_cloud .pagination {
	font-size:4em; /* 40px / 10px */
	width:98%;
	padding:1%;
	text-align:center;
	color:#222222;
	position:fixed;
	bottom:0;
	left:0;
	background-color:#ffffff;
}

.widget.particle_cloud .pagination .next,
.widget.particle_cloud .pagination .previous {
	font-size:0.5em;
}

.widget.particle_cloud .pagination .next img,
.widget.particle_cloud .pagination .previous img {
	height:1em;
	width:auto;
	vertical-align:top;
}

.widget.particle_cloud .pagination .previous {
	display:none;
}

.widget.particle_cloud .pagination .next a:hover,
.widget.particle_cloud .pagination .previous a:hover {
	color:#222222;
}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	.widget.particle_cloud .pagination .next,
	.widget.particle_cloud .pagination .previous {
		font-size:0.8em;
	}
	
	/* particle label */
	/* ============== */
	.widget.particle_cloud .particle.label {
		font-size: 1.875rem; /* 30px */
		line-height: 2.25rem; /* 36px */
	}
	
	.widget.particle_cloud .particle.label .details,
	.widget.particle_cloud .particle.label .info {
		font-size: 1rem; /* 16px */
		line-height: 1.5rem; /* 24px */
	}
	
	/* particle person */
	/* =============== */
	.widget.particle_cloud .particle.person {
		font-size:0.75em;
	}

	.widget.particle_cloud.impressum .particle.person {
		white-space: normal !important;
		word-wrap: break-word;
		overflow: visible !important;
	}
	
	.widget.particle_cloud.impressum .particle.person a {
		white-space: normal !important;
		word-wrap: break-word;
		display: inline-block;
	}

	.impressum-wrapper .details ul {
	}
	.impressum-wrapper .details ul li {
		margin: 0;
		float: none;
	}
}

