/* horc */

:root
{	
	--show-glass:RGBA(0,0,0,.2);
	--show-back:RGBA(0,15,30,.80);
	--show-high:#0BF5C1;
}

task.hosted { font-family:barlow; color:#CDE; }

task.hosted main { font-size:130%; }

task.hosted main { background:linear-gradient(180deg,#111,#235) }

task.hosted label { margin:.5rem 0 .5rem 0; }

task.hosted main>header { text-shadow:none; }

task.hosted section { max-width:1400px; }

task.hosted section.publi article { padding-left:3em; padding-right:3em; }
task.hosted section.publi-screen article { padding-left:2em; padding-right:2em; }

task.hosted picture.logo { width:11rem; height:11rem; display:inline-block; margin:1rem 1rem 0 0; }

task.hosted page label { margin-bottom:.3rem; }

task.hosted H1 { font-family:rubik; font-size:340%; font-weight:normal; margin:0; padding:0; color:#FFF; }


task.hosted picture.produkt
{ 	display:flex; width:9em; height:12em; margin:auto; margin-bottom:1em;
	padding:1.5em; border-radius:.2em;
	box-shadow:0 0 2em var(--shade);
	background-color:#369;
	background-color:#376;
	background-color:RGBA(0,0,0,.3);
	background-color:#235;
}

task.hosted div.produkt { width:10em; margin:auto; } 

task.hosted img.produkt { display:block; width:100%; margin:auto; height:auto;  }

task.hosted picture.screen { display:block; margin:auto; height:auto; border-radius:1em; overflow:hidden; }

task.hosted picture.mini { width:6rem; height:6rem; }

task.hosted tail { opacity:.6; }