/* horc */

:root
{	
	--show-glass:RGBA(0,0,0,.15);
	--show-back:RGBA(0,15,30,.80);
	--show-high:#0BF5C1;
	--show-high:#FF2;
	--show-high:#1FC;
	--show-high:#1DB;

	--show-a:#235;
	--show-b:#111;
}

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; 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:.25; }

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

task.hosted picture.produkt
{ 	display:flex; width:9em; height:16em; margin:auto; margin-bottom:1em;
	/*width:25%; aspect-ratio:1.8; height:auto;*/
	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;

	background-color:var(--show-high);
	box-shadow:none;

}

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; filter:drop-shadow(2px 2px 0px rgba(0,0,0,.4)); }

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; }