@charset "UTF-8";

/********************************************************/
/*              		global              			*/
/********************************************************/

.tb {
	border-width:1px;
	border-color:red;
	border-style:solid;
}

strong {
/*	text-decoration: underline;*/
	font-weight:bold;		
}

a:link {
	color: black;
	text-decoration: none;	
}

a:visited {
	color : black;
	text-decoration: none;	
}

a:hover {
	color: green;
	text-decoration: none;	
}

main > article > .start > a:link {
	color: white;
	text-decoration: none;	
}

main > article > .start > a:visited {
	color: white;
	text-decoration: none;	
}

main > article > .start > a:hover {
	color: yellow;
	text-decoration: none;	
}


a:active {
	color : black;
	text-decoration: none;	
}

/********************************************************/
/*              		body               				*/
/********************************************************/

body {
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	border-style:solid;
	border-width:3px;
	border-color:rgba(100,150,150,100%);
}

/********************************************************/
/*              		header              			*/
/********************************************************/

header {
	display:flex;
	height: 10vh;
	padding:1vh;
	background-color: rgba( 0,0,0, 100% );
	background-image:
		linear-gradient(  
			rgba(150,200,200,100%),  
			rgba(255,255,255,100%)  
		);
}

header > img.logo {
	height: 8vh;
	filter:grayscale(100%);
	image-rendering:smoth;
}

header > .navbox {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	width:100%;
	height:100%;
	padding:0 2em 0 0;
}


header > .navbox > .lang {
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	height:100%;
}

header > .navbox > .lang > a > img:hover { 
	border-width:1px;
	border-color:rgba(200,255,200,100%);
	border-style:solid;
}
	

header > .navbox > .lang > a > img {
	margin: 2vh;
	height: 3vh;
}

header > .navbox > .lang > a > img.de {
	border-width:2px;
	border-color:rgba(200,255,200,100%);
	border-style:solid;
	filter:none;
}

header > .navbox > .lang > a > img.en {
	border:none;
	filter:drop-shadow(1vh 1vh 1vh black);
}

header > .navbox > .agb {
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	font-size:0.7em;
}

/********************************************************/
/*              		main 	             			*/
/********************************************************/

main {
	background-image: url("resources/image/1");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/********************************************************/
/*              	main bars  		           			*/
/********************************************************/
 
main > .bar.empty {
	height:3vh;	
}

main > .bar.profimade {
	display:flex;
	flex-direction:column;
	padding: 2px 0 2px 0;

	height:40px;
	background-color: rgba( 255,255,255,90% );
	color:rgba(0,0,0, 80%);
}

main > .bar.profimade > .item {
	display:flex;
	flex-direction:row;
	padding: 0 2vw 0 2vw;
	align-items:center;
}

main > .bar.profimade > .item.profi {
	font-family:verdana;
	font-size:0.5em;
	font-weight:bold;
	height:25px;
}

main > .bar.profimade > .item.made {
	font-family:verdana;
	font-size:0.7em;
	font-weight: bold;
	justify-content:flex-end;
	height:15px;
}

/********************************************************/
/*              	main article	           			*/
/********************************************************/

article {
	overflow-y:scroll;
	overflow-x:hidden;
	height: calc( 83.5vh - 75px); 
}

article > .start  {
	padding:1vh;
	background-color: rgba( 50,100,100, 80% );
	font-family:verdana;
	font-size:0.9em;
	color:rgba(255,255,255,80%);
}

/********************************************************/
/*             main article pigment	           			*/
/********************************************************/

article > .pigment  {
	padding:1vh;
	background-color: rgba( 255,255,255, 70% );
	color:rgba(0,0,0, 80%);
}

article > .pigment > img {
	height: 23vh;
	image-rendering:smoth;
}

/********************************************************/
/*             main article plasma	           			*/
/********************************************************/

article > .plasma  {
	padding:1vh;
	background-color: rgba( 255,255,255, 70% );
	color:rgba(0,0,0, 80%);
}

article > .plasma > img {
	height: 23vh;
	image-rendering:smoth;
}

/********************************************************/
/*             main article ausbildung         			*/
/********************************************************/

article > .ausbildung  {
	padding:1vh;
	background-color: rgba( 255,255,255, 70% );
	color:rgba(0,0,0, 80%);
}

article > .end  {
	padding:1vh;
	background-color: rgba( 255,255,255, 70% );
	color:rgba(0,0,0, 80%);
}

/********************************************************/
/*             main article impressum         			*/
/********************************************************/

article > .impressum  {
	padding:1vh;
	background-color: rgba( 50,100,100, 80% );
	color:rgba(255,255,255,80%);
}

article > .contact  {
	padding:1vh;
	background-color: rgba( 50,100,100, 80% );
	color:rgba(255,255,255,80%);
}

article > .contact > table > tbody > tr > .name {
	text-align: right;
	font-weight:bold;
}

article > .steuer  {
	padding:1vh;
	background-color: rgba( 50,100,100, 80% );
	color:rgba(255,255,255,80%);
}

article > .steuer > table > tbody > tr > .name {
	text-align: right;
	font-weight:bold;
}

article > .quellen  {
	padding:1vh;
	background-color: rgba( 50,100,100, 80% );
	color:rgba(255,255,255,80%);
}

/********************************************************/
/*              	main bars  		           			*/
/********************************************************/

main > .bar.haendleranfragen {
	height:20px;
	display:flex;
	padding: 0 3vw 0 3vw;
	justify-content: flex-end;
	align-items:center;
	background-color: rgba( 255,255,255, 90% );
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
}

main > .bar.copyright {
	height:15px;
	display:flex;
	padding: 0 0.2vh 0 0.2vh;
	align-items:center;
	background-color: rgba(150,200,200,80%);
	font-size:12px;
}

/********************************************************/
/*              	Media Queries	           			*/
/********************************************************/

@media screen and ( min-width:430px ) {
	
	main > .bar.profimade > .item.made {
		justify-content:flex-start;
	}
	
	main > .bar.haendleranfragen {
		justify-content: flex-start;
	}
	
}

@media screen and ( min-width:600px ) {
	
	header > .navbox > .lang > img {
		margin: 1vh;
		height: 2vh;
	}
	
	header > .navbox > .agb {
		font-size:1em;
	}
	
}