@charset "UTF-8";
/* CSS Document */
/**


https://fontawesome.com/icons/rotate?f=classic&s=solid



gelb 254,203,49
rgba(254,200,50,1);


blau
rgba(28, 176, 255, 0.8)


rot
rgba(169, 8, 8, 1)


hellgrün
rgba(255, 255, 10, 0.8);

grün
rgba(110, 220, 25, 0.8);


**/

.accout_display_round_dir{
	position: relative;
	width: 100%;
}
.accout_display_round_dir a{
	display: inline-grid;
	vertical-align:bottom;
}

.blockmiddle{
	width: 100vw;
	background-color: rgba(255, 255, 255, 0.9);
	color:rgba(0,0,0,0.8);
	padding:5px;
	padding-top:40px;
	margin-top:80px;
	margin-bottom:20px;
	margin-left:-10px;
	margin-right:-9px;
	font-size: 1.2em;

	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}

svg {
	fill: rgba(255, 255, 255, 0.6);
	height:50px;
	width: auto;
	display: block;
}


svg.titleico {
	fill: rgba(255, 255, 255, 0.6);
	height: 40px;
	width: 40px;
	display: inline-block;
	vertical-align: middle;
}
h1.titletext {
	display: inline-block;
	margin: 0;
	margin-left:10px;
	vertical-align: middle;
}





.reminderModul{
	width: 100%;
	display: flex;
	justify-content: space-between; /* gleichmäßiger Abstand */
	gap: 5px; /* optionaler Abstand zwischen den divs */
	align-items: center;   /* vertikal zentrieren */
	
	border:1px solid rgba(255,255,255,0.5);
	padding:5px;
}
.reminderModul div{
	height: 30px;
	max-height: 30px;
	padding:3px 0px;
	background-color:rgba(255,255,255,0.1);
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px;
}
@media screen and (max-width: 700px) {
	.reminderModul div{
		flex-direction: column;
		justify-content: flex-end;
		background-position: center 4px;
		text-align: center;
		height: 65px;
		max-height: 65px;
		font-size:0.9em;
	}
}
.reminderModul div.io{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="rgba(110, 220, 25,1)" d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7L324.4 404.7C320.2 411.4 313 415.6 305.1 416C297.2 416.4 289.6 412.8 284.9 406.4L236.9 342.4C228.9 331.8 231.1 316.8 241.7 308.8C252.3 300.8 267.3 303 275.3 313.6L302.3 349.6L363.7 251.3C370.7 240.1 385.5 236.6 396.8 243.7C408.1 250.8 411.5 265.5 404.4 276.8z"/></svg>');
}
.reminderModul div.io.deaktiv{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="rgb(244, 134, 0)" d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7L324.4 404.7C320.2 411.4 313 415.6 305.1 416C297.2 416.4 289.6 412.8 284.9 406.4L236.9 342.4C228.9 331.8 231.1 316.8 241.7 308.8C252.3 300.8 267.3 303 275.3 313.6L302.3 349.6L363.7 251.3C370.7 240.1 385.5 236.6 396.8 243.7C408.1 250.8 411.5 265.5 404.4 276.8z"/></svg>');
}
.reminderModul div.nef{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="rgba(169, 8, 8,1)" d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg>');
}










.shortlist{
	display: inline-block;
}
.shortlist div{
	display: inline-block;

	padding:5px;
	border:1px solid rgba(255,255,255,0.8);
	margin-right:4px;

	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}








.container3 {
	/**
	<div class="container">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	**/
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 3 Spalten mit gleicher Breite */
  grid-template-rows: auto auto;      /* 2 Zeilen (automatische Höhe) */
  gap: 10px;                           /* Abstand zwischen den Zellen */
}

.center_div{
	position: relative;
	width: 80vw;
	max-width: 500px;
	margin:0 auto;
	
}
span.hinweis{
	font-size:0.8em;
	line-height: 0.9em;
}
.spacetop{
	width: 100%;
	height: 70px;
}
.spacetopview{
	width: 100%;
	height: 110px;
}
@media screen and (max-width: 700px) {
	.spacetopview{
		height: 115px;
	}
}




/**
input[type="range"]#rangetop{
	position: fixed;
	top:65px;
	margin:0 auto;
	width:calc(100% - 24px);
	min-width:calc(100% - 24px);
	max-width:calc(100% - 24px);
	border:1px solid rgba(255,255,255,0.2);
	background-color: rgba(255,255,255,0.1);;
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}
**/


.selectday{
	position:fixed;
	z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	top:60px;
	left:0px;
	width: 100%;
	height: 40px;
	padding:0px 10px;
}

#headershowsmal,
#headershow{
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	background-color:rgba(0,0,0,0.9);
	height: 110px;
}
#headershowsmal{
	height: 60px;
}

.navi{
	position:fixed;
	z-index:+1;
	top:0px;
	left:0px;
	width: 100%;
	height: 60px;
	margin-bottom:20px;
	display: flex;
	justify-content: space-between; /* gleichmäßiger Abstand */
	gap: 1px; /* optionaler Abstand zwischen den divs */
	align-items: center;   /* vertikal zentrieren */
	background-color:rgb(40, 40, 40);
}
.navi div{
	height: 60px;
	max-height: 60px;
	flex: 1;
	padding:5px 2px;
	cursor:pointer;
	display: flex;              /* ← notwendig! */
	align-items: center;        /* vertikal zentrieren */
	justify-content: center;    /* horizontal zentrieren */
	background-color:rgba(0, 0, 0,0.5);
}
.navi div.view,
.navi div.view_tab{
	background-color:transparent;
}

.navi div.active,
.navi div:hover{
	background-color:rgba(255,255,255,0.5);
}


.navi .info,
.navi .account,
.navi .fetch,
.navi .logout,
.navi .reload,
.navi .top{
	flex: 0.3;
}

.navi .fetch:hover{
	background-color:rgba(169, 8, 8, 1);
}



.navi svg {
	fill: rgba(255, 255, 255, 0.6);
	height: 60%;
	width: auto; /* oder: 100% wenn quadratisch */
	display: block;
}
.navi div:hover svg {
	fill: rgba(0, 0, 0, 0.6);
}

.navi .icon{
  color: rgba(255,255,255,0.5);
}
.navi div:hover .icon{
  color: rgba(255, 0, 0, 0.98);
}
@media screen and (max-width: 780px) {
	.navi .logout{
		flex: 0.5;
	}
	.navi .top,
	.navi .reload{
		display:none;
	}
	.navi .fetch{
		flex: 1;
	}
}



/**

**/

#dialog{
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	width:100vw;
	min-height:100%;
	height: 100vh; 
	padding:0px;
	text-align:center;
	background-color:rgba(58, 58, 58, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
#dialog.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;     /* jetzt aktiv */
}
#dialog_in{
	position: relative;
	width:50vw;	
	min-height:60vh;
	max-height:90vh;
	padding:20px 20px;
	background-color:rgba(0,0,0,1);
	border:1px solid rgba(255,255,255,0.4);
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
	text-align: left;
	
}

#dialog_in_text{
	position: relative;
	width:100%;	
	height:60vh;
	overflow: hidden;
	overflow-y: auto;
}
#dialog_in_text svg {
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
}

#dialog .close{
  position: absolute;
  top: calc( 20vh - 38px );
  right: calc( 25vw - 18px );
  height: 36px;
  width: 36px;
  background-color: rgba(255,255,255,0.8);
  color: black;
  font-size: 2em;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10000;
  box-shadow: 0 0 2px rgba(255,255,255,0.5);
}
#dialog .close:hover{
	color:rgba(255,255,255,0.8);
	background-color: rgba(169, 8, 8, 1);
}
@media screen and (max-width: 1100px) {
	#dialog_in{
		width:80vw;	
	}
	#dialog .close{
		right: calc( 10vw - 18px );
	}
}
@media screen and (max-width: 700px) {
	#dialog_in{
		width:92vw;	
		height:80vh;
		min-height:80vh;
		max-height:80vh;
	}
	#dialog_in_text{
		height:75vh;
	}
	#dialog .close{
		top: calc( 10vh - 17px );
		right: 9px;
	}
}

#dialog_in_text a:link,
#dialog_in_text a:visited{
	color:rgba(169, 8, 8, 1);
	text-decoration:underline;
	font-weight: bold!important;
}
#dialog_in_text a:hover{
	color:rgba(110, 220, 25, 1);
	text-decoration:underline;
}








#onwork{
	display:none;
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	font-size:2em;
	top:0px;
	bottom:0px;
	width:100%;
	min-height:100%;
	height:100%;
	padding:2%;
	padding-top:15%;
	text-align:center;
	font-size: 3em;
	color:rgba(255,255,255,0.7);
	background-color:rgba(0,0,0,0.3);
	
	background-image:url('/img/ajax-loader2016.gif')!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	background-size: 30px!important;
}

#reminder_isoff{
	vertical-align:middle;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	position:fixed;
	display:flex;
	font-size:2em;

	top:60px;
	bottom:0px;
	width:100%;
	height:100%;
	left:0px;
	right:0px;
	
	text-align:center;
	background-color:rgba(142, 0, 0, 0.65);

	align-items: center;        /* vertikal zentrieren */
	justify-content: center;    /* horizontal zentrieren */

}







fieldset{
	border:0px;
	
	padding:10px;
	margin:0px;
	width:100%;	
	border:1px solid rgba(255,255,255,0.5);
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}
fieldset.beobachten{
	background-color:rgba(255,255,255,0.1);
}
fieldset legend{
	padding:10px;
	margin-left:20px!important;
	text-align:left;
}
fieldset.red{
	border:1px solid rgba(169, 8, 8, 1)
}







.erklaerug{
	display: flex;
	justify-content: center; /* gleichmäßiger Abstand */
	gap: 30px; /* optionaler Abstand zwischen den divs */
	font-size:0.85em;
	line-height:1.4em;
}
.erklaerug div{
	
	padding: 1px;
	text-align: left;
	/**text-shadow: 1px 1px 1px rgba(0, 0, 0, 1), 1px 1px 2px rgba(255, 255, 255, 0.4);**/
	/*border: 1px solid rgba(255,255,255,0.2);*/
	border-bottom: none;
}
.erklaerug div span{
	color:rgba(255, 255, 255,0.5);
}
.erklaerug div.verkauf{
	color:rgba(169, 8, 8, 1);
	text-align: center;
}
.erklaerug div.durchschnitt{
	color:rgba(28, 176, 255, 1);
}
.erklaerug div.gekauft{
	color:rgba(255, 255, 10, 1);
	text-align: right;
	padding-right:2px;
}

.erklaerug div.kaufenbei{
	color:rgb(129, 239, 228);
	text-align: right;
	padding-right:2px;
	vertical-align: middle;
}



.formerank{
	position: absolute;
	top:0;
	right:0px;
}

.formerank_tab{
	display: inline-block;
	vertical-align:text-bottom;
}

.formerank_tab svg,
.formerank svg {
	fill: rgba(255, 255, 255, 0.6);
	height:20px;
	width: auto;
	display: block;
}
.formerank_tab.big svg{
	height:25px;
}
.formerank_tab svg{
	height:18px;
}

.formerank_tab.pos svg,
.formerank.pos svg {
	fill: rgba(110, 220, 25, 0.8);
}
.formerank_tab.neg svg,
.formerank.neg svg {
	fill: rgba(169, 8, 8, 1);
}



.formerank_big,
.formerank_tab_big{
	position: absolute;
	right:10px;
	margin-top:-25px;
	background: rgba(255,255,255,0.2);
	cursor:pointer;
	z-index: +1;
}
.formerank_big{
	right:30px;
	background: rgba(255,255,255,0.1);
}
.formerank_big svg,
.formerank_tab_big svg {
	color: rgba(255,255,255,1);
	height:40px;
	width: auto;
	display: block;
}
.formerank_big:hover,
.formerank_tab_big:hover{
	background: rgba(255,255,255,0.5);
}
.formerank_big:hover svg,
.formerank_tab_big:hover svg{
	color: rgba(110, 220, 25, 0.8);
}




.formerank_tab_big_in{
	display:none;
	position: absolute;
	right:10px;
	margin-top:15px;
	background-color:rgba(255,255,255,0.5);
}

.formerank_tab_big_in.korr{
	right:30px;
}
.formerank_tab_big_in svg{
	cursor: pointer;
	height:40px;
	width: auto;
	display: block;
	color:rgba(255,255,255,0.5);
}
.formerank_tab_big_in svg:hover{
	color: rgba(110, 220, 25, 0.8);
}
.formerank_tab_big_in svg.trash:hover{
	color: rgba(169, 8, 8, 1);
}

.formerank_tab_big_in.tabelle,
.formerank_tab_big.tabelle{
	right:calc( 20% + 5px );
}








.canvas{
	width: 100%;
}
.canvas.zumverkaufen{
	background-color: rgba(0, 239, 84, 0.2);
}

.display_out2{
	display: inline-block;
	position: relative;
	width: 100%;
	/*border-bottom:1px solid rgba(255,255,255,0.6);*/
	padding-bottom:20px;
	margin-bottom:20px;
	background-color: rgba(0,0,0,0.3);
}



.display_out{
	width: 100%;
	height: 200px;
	/**border:1px solid rgba(255,255,255,1);**/
	margin-bottom:60px;
}
@media screen and (max-width: 680px) {
	.display_out{
		margin-bottom:95px;
	}
}


.display_out .infos{
	position: relative;
	width: 100%;
	padding-top:10px;
	padding-left:5px;
	font-size:0.8em;
	display:inline-block;
}

.display_out .infos div{
	position: relative;
	padding:0px 5px;
	border:1px solid rgba(255,255,255,0.3);
	margin-right:5px;
	margin-bottom:5px;
	height: 30x;
	line-height: 28px;
	display:inline-block;
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}

.display_out .infos div:has(svg){
	position: relative;
	height: 30x;
	max-height: 30x;
	vertical-align:middle;
	text-align: center;
	margin-top: 4px;
	border: none;
	cursor: pointer;
}

.display_out .infos div.total{
	background-color:rgba(255,255,255,0.2);
	border:1px solid rgba(255,255,255,0.4);
}

.display_out .infos div.out{
	background-color: rgba(0, 239, 84, 0.2);
	border:1px solid rgba(0, 239, 84, 0.2);
}


.display_out .infos div:hover,
.display_out2:hover{
	background-color:rgba(0,0,0,1);
	/*border:1px solid rgba(255,255,255,1);*/
}

svg.icon {
	fill: rgba(255, 255, 255, 0.6);
	height: 30px;
	width: 30px;
	vertical-align:middle;
	display:inline-block;
}
svg.icon:hover{
	fill: rgb(255, 255, 255);
}





.coininfos_raw{
	z-index: +1;
	display: none;
	position: absolute;
	background-color: rgb(44, 44, 44);
	border:1px solid rgba(255,255,255,0.4);
	left:25vw;
	width: 50vw;
	height: 90%;
	padding:15px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 0.9em;
}
@media screen and (max-width: 1100px) {
	.coininfos_raw{
		left:3vw;
		width: calc( 100vw - 7vw );
	}
}

.coininfos_raw .info {
  display: grid;
  row-gap: 0.2em;
}
.coininfos_raw .info > div {
	display: flex;
	gap: 0.5em;
	border-bottom:1px solid rgba(255,255,255,0.4);
	padding:0px;
}
.coininfos_raw .info > div:hover:not(.nonehover){
	background-color: rgba(255,255,255,0.4);
}


.coininfos_raw div .item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0em;
  margin: 0em;
  grid-template-columns: minmax(180px, auto) 1fr;
}
.coininfos_raw div .item div{
	padding:3px;
}
.coininfos_raw div .item .title {
	border-right:1px solid rgba(255,255,255,0.4);
	font-weight: bold;	
}
.coininfos_raw div .nonehover{
	height: 15px;
	border-bottom:none;
}
.coininfos_raw div .nonehover.smal{
	height: 5px;
	border-bottom:none;
}
.coininfos_raw .spamltext{
	font-size: 0.5em;
}









.loadingcontent{
	background-image:url('/img/ajax-loader2016.gif')!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	background-size: 30px!important;

	width: 100%;
	height:100%;
}

.roundet_top{
	-webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}

.roundet{
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px;
}

:root {

    --body-color:rgba(0,0,0,0.9);

    --color-text-default:rgba(255,255,255,0.9);
    --color-default-hover:rgba(255,255,255,0.5);

    --color-trennfarbe:rgba(206,184,36,0.2);

    --color-trenner-rahmen: rgba(255,255,255,0.7);
    --color-trenner-rahmen-50: rgba(255,255,255,0.5);

    --aufheller: rgba(255,255,255,0.1);
    --aufheller2: rgba(255,255,255,0.2);
    --abdunkler: rgba(0,0,0,0.1);
    
    --check: rgba(191, 9, 46,1);
    --color-red:rgba(191, 9, 46,1);
    --color-warn: rgba(191, 9, 46,1);
    --color-warn-hover: rgba(191, 9, 46, 0.5);
    --color-halfwarn: rgba(220,102,15,1);
    --color-halfwarn-50: rgba(220,102,15,0.5);

    --color-hauptfarbe: rgba(30,65,50,0);
    --color-hauptfarbe_2: rgba(30,65,50,0);
    
    --color-button_default_color: rgba(30,65,50,1);
    --color-button_default_color_hover: rgba(30,65,50,0.8);

    --color-sehrdunkel:rgba(30,65,50,0);
    --color-gruendunkel: rgba(30,65,50,0);



    --color-sehrdunkel-90: rgba(30,65,50,0.9);
    --color-sehrdunkel-80: rgba(30,65,50,0.8);
    --color-sehrdunkel-50: rgba(30,65,50,0.5);
    --color-sehrdunkel-30: rgba(30,65,50,0.3);
    --color-sehrdunkel-20: rgba(30,65,50,0.2);

    --color-kontrast1:rgba(189,150,3,1);
    --color-kontrast2:rgba(206,184,36,0.6);
    --color-kontrast3:rgba(206,184,36,0.8);
    --color-kontrast4:rgba(206,184,36,0.3); 



    --color-immergruen:rgba(102,204,51,0.8);
    --color-immergruen-hover:rgba(102,204,51,1);

    --color-immerrot:rgba(214, 25, 25, 0.8);
    --color-immerrot-hover:rgba(214, 25, 25,1);

    --color-immerorange:rgba(220,102,15, 0.8);
    --color-immerorange-hover:rgba(220,102,15,1);
}








#gototop{
	display:none;
	position:fixed;
	z-index:9999999999;
	
	cursor:pointer;
	color:#fff;
	font-size:20px;
	
	background-color: rgba(30,65,50,0);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	
	left:5px;
	bottom:15px;
	
	
	/**
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	**/
}


*{
	outline:none;
	overflow-wrap: break-word;
  	text-rendering: optimizelegibility;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/**
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	**/
}
html{
	/**
	height:60%;
	min-height:100%;
	**/
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	background-color:rgba(0,0,0,0.9);
}
body {
	font-size:15px;
	line-height: 19px;
	font-style: normal;
	font-variant: normal;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	color: rgba(255,255,255,0.8);
	
	/**
	-moz-osx-font-smoothing: grayscale;
	
	
	**/

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
	text-rendering: auto;
	
	width:100%;
	height:100%;
	margin:0px;
	padding:10px;
	outline: none;

	/**
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	-ms-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
	**/
}

h1{
	font-size:25px;
	line-height: 30px;
	font-style: normal;
	font-variant: normal;
}
h2{
	font-size:19px;
	line-height: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
h3{
	font-size:15px;
	line-height: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
}

@media screen and (max-width: 700px) {
	body{
		font-size:18px;
		line-height: 22px;
	}
	h1{
		font-size:28px;
		line-height: 32px;
	}
	h2{
		font-size:22px;
		line-height: 28px;
	}
	h3{
		font-size:18px;
		line-height: 21px;
	}
}


a:link,
a:visited{
	color:rgba(255,255,255,0.9);
	text-decoration:none;
}
a:hover{
	color:rgba(255,255,255,0.5);
	text-decoration:underline;
}

a:focus {
	outline: none;
}

li{
	color:rgba(0,0,0,0.9);
}

hr{
	height:1px;
	width: 100%;
	border-width:0;
	color:rgba(250, 250, 250, 0.2);
	background-color:rgba(255, 255, 255, 0.2);
}

.smalfont{
	font-size: 0.7em!important;
	line-height: 1.1em!important;
	background-color:rgba(255, 255, 255, 0.1);
	padding:10px;
}

pre,
code{
	font-size:15px;
	line-height: 19px;
	font-style: normal;
	font-variant: normal;
}
code{
	display: block;
	unicode-bidi: embed;

	white-space: pre;
	word-break: break-all;
	word-wrap: break-word;
	max-width: 90vw;

	font-size: 0.7em!important;
	line-height: 1.05em!important;

	overflow: hidden;
	overflow-x: auto;
}

.red{
	color:rgba(169, 8, 8,1);
}
.green{
	color:rgba(110, 220, 25,1);
}
.hellgruen,
.greenh{
	color:rgba(255, 255, 10,1);
}
.orange{
	color:rgba(255,255,255,1);
}
.gelb,
.yellow{
	color:rgba(254,200,50,1);
}
.blue{
	color:rgba(28, 176, 255,1);
}


















#jSuggestContainer {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	
	margin-top:-3px;
	position:absolute!important;
	border:1px solid #000;
	border-top:0;
	background:#fff;
	width:100%;
}


.jSuggestLoading {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	padding: 10px;
}
#jSuggestContainer ul, 
#jSuggestContainer ul li{
	margin: 0;
	padding:0;
	list-style:none;
}
#jSuggestContainer ul li{
	padding: 10px 8px;
	font-size:1.2em;
	line-height:1.2em;
	border-bottom: 1px solid #000;
	color:#000;
	background:#fff;
	cursor:pointer
}


#jSuggestContainer ul li em{
	font-size:0.6em;
	font-style:italic;
	color:#F00;
	vertical-align:middle;
}



#jSuggestContainer ul li.last{
	border-bottom: 0px;
}

#jSuggestContainer ul li.jSuggestHover{
	background-color: rgba(30,65,50,0.9);
	color:#fff;
}