body { 
	background: #1f1f1f; 
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	font-size: 13px; 
	font-family: Helvetica, Arial;
	text-decoration: none;
	overflow:hidden auto;
}
.cp { 
	width: 800px; 
	max-width:100vw;
	min-height:100vh;
	position: absolute; 
	left: 50%; 
	top: 0; 
	transform: translate(-50%, 0%);
	/*margin-left: -400px;*/ 
	margin-bottom:-1px; 
	padding:16px; 
	box-sizing:border-box;
	background: #FFFFFF; 
}
.cp.w { width:960px; }
.cp.n { width:800px; }
.cp.h { 
	padding:0px; 
	min-height:100vh;
}
.cp.dim {
	background:#F8F8F8;
}
/*.hbg {
	background:linear-gradient(180deg, rgba(32,32,32,.6) 0%, rgba(200,200,200,.8) 120%);
}*/
.hbg {
	height:294px;
	background-image:url("../../touchdaw/img/encoder_sunrise_800_225.png");
	background-size:100%;
	background-color:#611;
	box-sizing:border-box;
}
.hbg img { max-height:200px; opacity:0; }
.linkrow {
	width:100%;
	height:32px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-color:#444;
	/*background-image:linear-gradient(0deg, transparent 0%, rgba(255,255,255,.05) 20%, rgba(255,255,255,.1) 56%, rgba(255,255,255,.05) 80%, transparent 100%);
	box-shadow:0px -1px 1px rgba(0,0,0,.5);
	border-bottom:1px solid #222;*/
	box-sizing:border-box;
	box-shadow:0px -4px 8px rgba(0,0,0,.4);
	padding:0px 3%;
}
.linkrow > a {
	color:#AAA;
	font-weight:bold;
	font-size:1.1em;
	text-shadow:0px 0px 2px rgba(255, 255, 255,.15);
}
.header {
	--svg_fill:#222;
	--header_bg:linear-gradient(90deg,#555 0%, #000 50%, #444 100%);
	--header_bg_bright:linear-gradient(90deg,#CCC 0%, transparent 50%, #CCC 100%);
	width:100%;
	height:116px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	background:var(--header_bg_bright);
	box-sizing:border-box;
	border-radius:8px 8px 4px 4px;
	box-shadow:0px -1px 1px rgba(160,160,160,.5);
}
.header > svg { fill:var(--svg_fill); }
.header.mnet { border-radius:0px; }
.footer {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6px 12px;
	box-sizing:border-box;
}
.footer > a { 
	padding:6px 12px; 
	color:#222;
	font-size:.85em;
}
.col {
	float:left;
	width:31.5%;
	padding:0px 5px;
} 
.dblcol {
	float:left;
	width:64%;
	padding:0px 5px;
} 
.halfcol {
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:4px 6px;
	box-sizing:border-box;
} 
#phi {
	width:100%;
	display:none;
	justify-content:space-around;
	padding:4px 0px 16px 0px;
	box-sizing:border-box;
}
.badge { max-width:46%; }

.exp { cursor:pointer;--tri:"\25BA";padding:0px 6px; }
.exp:before { content:var(--tri);color:#333;padding-right:3px; }
.hidden { display:none; }

.m80 { max-width:80%; }

.nav { background: #333333;}
.head { background: rgba(210, 210, 210, 0.5); }
.smGray { color: #5b5b5b; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial }
a { color: #787878;text-decoration: none;cursor:pointer; }
a.sm { color: #Cb5b5b; font-style: normal; font-weight: light }
a.red { color: #800000; text-decoration: none; font-weight:light;}
a.black { background: #d1a637; color: #1f1f1f; text-decoration: none; font-style: normal; font-size: 13px; font-weight: black; font-family: Helvetica, Arial; padding-left: 4px; ; padding-right: 4px; ; padding-top: 4px; padding-bottom: 2px; line-height: 1.6;}
a.tiny { color: #5b5b5b; font-size: 9px; font-family: Helvetica, Arial }
a.orange { color: #d1a637; }

b { font-weight:bold;}
.headline { color: #000000; font-size: 22px; font-family: Helvetica, Arial; }
.headline_sm { color: #000000; font-size: 18px; font-family: Helvetica, Arial; }
.main { color: #000000; text-decoration: none; text-align: justify; line-height: 17px; font-size: 12px; font-family: Helvetica, Arial;}
.main_nj { 
	color: #000000; 
	text-decoration: none; 
	font-style: normal; 
	font-size: 13px; 
	line-height: 16px; 
	font-family: Helvetica, Arial;
}

.main_nj.head { background: rgba(210, 200, 210, 0.5); }
.main_sm { color: #000000; text-decoration: none; font-style: normal; font-size: 9px; line-height: 12px; font-family: Helvetica, Arial;}
DIV.bg { color: #000000; font-size: 18px; font-family: Helvetica, Arial; background-image: url(../../img/gearM.gif) }
DIV.headerbg { color: #000000; font-size: 18px; font-family: Helvetica, Arial; background-image: url(../../img/7_00001.gif); background-repeat:no-repeat}
.aktuell { color: #c6c6c6; font-size: 9px; font-family: Helvetica, Arial }
strong { font-weight:bold; }
 hr {
	   display: block;
	   position: relative;
	   padding: 0;
	   margin: 8px auto;
	   height: 0;
	   width: 100%;
	   max-height: 0;
	   font-size: 1px;
	   line-height: 0;
	   clear: both;
	   border: none;
	   border-top: 1px solid #aaaaaa;
	   border-bottom: 1px solid #ffffff;
}
.jump { width:100%;display:flex;justify-content:space-between;background:#444;font-size:11px;padding:2px 4px;box-sizing:border-box;color:#91c9c3;border-radius:2px; }
.jump > span { font-size:14px; }
.jump > a { color:#91c9c3; }
.jorange { background:#662200;color:#FFB000;border:3px solid #333;box-sizing:border-box; }
.jorange > a { color:#FFB000; }
.sh { width:100%;display:flex;justify-content:space-between;}
.sh > a { color:#111;font-size:1.5em;}

.cols {
	width:100%;
	display:flex;
	gap:8px;
	justify-content:space-between;
}
.cols > img { align-self: flex-start;max-width:100%; }
.slim_img { display:flex;gap:8px;}
.stacked_img { width:240px;display:flex;flex-direction:column;gap:8px;float:left;margin-right:12px;}

.note {
	padding:4px;
	background:#EEE;
	border:1px solid #CCC;
	box-sizing:border-box;
}
.note:not(.nohint):before { content:"\261B\FE0E";font-size:1.5em;padding-right:4px; }
/*.note:not(.nohint):before { content:"\2B9E\FE0E";font-size:1.5em;padding-right:4px; }*/
.hint { 
	display:none; 
}
.ht { 
	text-decoration:underline;color:#111;
}
._ht:after {
	content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="10px"><path fill="rgba(128,128,128,.5)" d="M569.354 231.631C512.969 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-75.162 0-136-60.827-136-136 0-75.162 60.826-136 136-136 75.162 0 136 60.826 136 136 0 75.162-60.826 136-136 136zm104-136c0 57.438-46.562 104-104 104s-104-46.562-104-104c0-17.708 4.431-34.379 12.236-48.973l-.001.032c0 23.651 19.173 42.823 42.824 42.823s42.824-19.173 42.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621 156.431 270.292 152 288 152c57.438 0 104 46.562 104 104z" class=""></path></svg>');
	margin:6px 0px 0px 4px;
}

.syx { text-align:center;background:#EEE; }

/* ====================== mnet ================================ */

.mnet_hl a {
	font-size:1em;
	color:#999;
}

div .mnet_hl {
	width:100%;
	padding:3px 0px 3px 0px;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

.menu {
	position:absolute;
	display:flex;
	flex-direction:column;
	background:#333;
}
.menu_item {
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #888;
	padding:6px;
	box-sizing:border-box;
	color:#999;
}
	

/* ============================================================ */

@media screen and (max-width:480px) and (max-height:1024px) {
	::-webkit-scrollbar { display: none; }
	.cp { 
		width: 100%; 
		left: 0px; 
		top: 0; 
		transform: translate(0%, 0%);
		margin-left: 0px; 
		margin-bottom:-1px;
		padding:8px;
		/*background:#EEE;
		border:5px solid #444;
		border-bottom:none;*/
	}
	/*.hbg {
		height:37vw;
	}
	.hbg img { max-height:26vw; }*/
	.hbg {
		height:45vw;
		max-height:45vw;
		min-height:45vw;
		background-image:url("../../touchdaw/img/encoder_sunrise_480.png");
		background-size:100%;
		background-color:#911;
		box-sizing:border-box;
	}
	.hbg img { max-height:45vw; }
	li { padding:3px 0px;}
	.tab-links li { padding:0px;}
	ol {
		position:relative;
		background:linear-gradient(90deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, .6) 80%, rgba(255,255,255,0) 100%);
		z-index:1;
	}
	_img { max-width:calc(100vw - 32px); }
	.linkrow { 
		height:32px; 
		background:#333;
		box-shadow:none;
	}
	.linkrow > a { font-size:.95em; }
	.col {
		float:left;
		width:100%;
		padding:0px;
		text-align:justify;
	}
	.halfcol {
		width:100%;
		flex-direction:column;
	}
	.halfcol > div:not(:last-child) { 
		border-bottom:1px solid #BBB; 
		padding-bottom: 12px;
	}
	.pt_img_shrink {
		max-height:100vw;
		width:auto;
	}
	.dblcol {
		width:100%;
	} 
	#phi { display:flex; }
	#phi > img { max-width:94vw; }
	
	img { max-width:100%; }

	div .mnet_hl { min-height:32px; }
	.mnet_hl a {
		font-size:.9em;
	}
	.menu_item { padding:9px 6px; }
	.cols {
		flex-direction:column;
	}
	.cols > img { align-self:center;margin:0px 0px 4px 0px;max-width:100%; }
	.slim_img > img,svg { max-width:47vw;height:auto; }
	.stacked_img { width:auto; }
	.stacked_img > img,svg { max-width:47vw;height:auto; }
	.ih { max-width:80px; }
	.ihw { max-width:140px; }
	.jump > span { display:none; }
	.m80 { max-width:unset; }
}
@media screen and (max-height:480px) and (max-width:840px) {
	.cp { 
		width: 100%; 
		left: 0; 
		top: 0; 
		transform: translate(0%, 0%);
		margin-left: 0px; 
		margin-bottom:-1px;
		padding:8px;
	}
	.hbg {
		height:37vw;
	}
	.hbg img { max-height:37vw; }
	
	li { padding:3px 0px; }
	div .mnet_hl { min-height:32px; }
	.mnet_hl a {
		font-size:.9em;
	}
	.menu_item { padding:9px 4px; }
	.m80 { max-width:unset; }
		
}