/* horc */

:root
{	
	--show-glass:#0B5070;	
	--show-back:RGBA(10,20,30,.80);
	--show-high:#1DB;

	--show-b:#00080F;
	--show-a:#0B5070;
}

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

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

task.hosted main { background:linear-gradient(180deg,var(--show-b),var(--show-a)) }

task.hosted label { margin:.5rem 0 .5rem 0; text-shadow:.05em .05em 0 #000; }

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

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:18rem; height:auto; display:inline-block; margin:0; }

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

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

task.hosted section.alt H1 { font-family:rubik; font-size:300%; margin:.5em; }
task.hosted H2 { font-size:200%; }
task.hosted H3 { font-size:220%; /* produkts */ }
task.hosted H4 { font-size:200%; opacity:.3; }

task.hosted section.alt label { font-size:250%; }
task.hosted section.alt legend { font-size:140%; padding:1em; }

task.hosted picture.produkt
{ 		
	border-radius:.2em;
	background-color:var(--show-a);
	box-shadow:none;

	width:70%;
	aspect-ratio:.5;
	margin:auto; margin-bottom:1em;	
	padding:1.5em; 
	display:flex;
	align-content:center;
}


task.hosted div.produkt { margin:auto; font-size:130%; padding:1rem 0 1rem 0;  } 

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; text-align:center; }