/* 

not valid with all browsers, serves as overview 

:root {
  --background-color: #cccccc;
  --menu-text-color: #111111; 
   
  --menu-background-color: #ffffff;
  --start-background-color: #ffffff;
  --menu-werke-background-color: #f3f3e3;
  --menu-bio-background-color: #e3f3f3;
  --menu-credo-background-color: #e3e3f3;
  --menu-news-background-color: #ffffcc;
  --menu-links-background-color: #e3f3e3;
  --menu-software-background-color: #f3e3e3;
  --menu-kontakt-background-color: #d3e3f3;
  
  --menu-hoover-text-color: #ffffff;
  --menu-hoover-background-color: #888888;
  --text-color: #000000;
  --text-int-link-color: #0033aa;
  --text-link-color: #993399;
  --text-hoover-color: #ffffff;
}

*/



/* general */


body {
  max-width: 60em;
}

.text {
	font-family:  STHeiti, Heiti SC, Trebuchet MS, sans-serif;
	line-height: 1.4em;
	color: #000000;
	/* color: var(--text-color); */
}

.text h1 {
	line-height: 1.1em;
}

.text a { 
	text-decoration: underline; 
	color: #993399; 
	/* color: var(--text-link-color); */ 
}

.text a:hover { 
	text-decoration: underline; 
	color: #ffffff;
	/* color: var(--text-hoover-color); */
	background-color: #cccccc;
	/* background-color: var(--background-color); */
}  

a.int { 
	color: #0033aa; 
	/* color: var(--text-int-link-color); */ 
}

.logo-wekstmk { width: 10em; height: auto; border: none; }
.logo-bmukk { width: 8em; height: auto; border: none; }
.logo-kstmk { width: 10em; height: auto; border: none; }
.logo-ignm { width: 12em; height: auto; border:none; } 
.logo-ske { width: 7em; height: auto; border: none; } 
.logo-bkakunst { width: 12em; height: auto; border: none; }


/* email */

p span.hide { display: none; }


/* begin menu */

.background-color { 	
	background-color: #cccccc; 
	/* background-color: var(--background-color); */ 
}

.start-background-color { 
	background-color: #ffffff; 
	/* background-color: var(--start-background-color); */ 
}

.werke-background-color { 	
	background-color: #f3f3e3; 
	/* background-color: var(--menu-werke-background-color); */ 
}

.bio-background-color { 	
	background-color: #e3f3f3; 
	/* background-color: var(--menu-bio-background-color); */ 
}

.credo-background-color { 	
	background-color: #e3e3f3; 
	/* background-color: var(--menu-credo-background-color); */ 
}

.news-background-color { 	
	background-color: #ffffcc; 
	/* background-color: var(--menu-news-background-color); */ 
}

.links-background-color { 	
	background-color: #e3f3e3; 
	/* background-color: var(--menu-links-background-color); */ 
}

.software-background-color { 	
	background-color: #f3e3e3; 
	/* background-color: var(--menu-software-background-color); */ 
}

.kontakt-background-color { 	
	background-color: #d3e3f3; 
	/* background-color: var(--menu-kontakt-background-color); */ 
}

.menu {
	margin: 1em;
	padding: 0em;	
	background: #cccccc; 
	/* background: var(--background-color); */
}

nav ul {
	list-style: none;
	margin: 0em;
	padding: 0em;
}


nav li {
	margin-right: 0.3em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0em;
	font-size: 1.0em;
	display: inline-block;
}

nav a {
	display: block; 
	padding: 0.3em;
	border-radius: 0.6em;
	
	font-family:  STHeiti, Heiti SC, Trebuchet MS, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: center;	
	font-size: 1.0em;
	
	color: #111111;
	/* color: var(--menu-text-color); */
	background-color: #ffffff;
	/* background-color: var(--menu-background-color); */
}


nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: #ffffff;
	/* color: var(--menu-hoover-text-color); */
	background-color: #888888;
	/* background-color: var(--menu-hoover-background-color); */
}

nav .submenu li {
	display: inline-block;
}

nav .pseudo-submenu li {
	margin-left: 0em;
	display: block;
}

/* end menu */


/* index page */

	
.index {
	margin: 1.0em;
	padding: 0em;
}

.index-footer {
	margin: 1.25em;
	font-size: 0.8em;
}


/* works page */

.works {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.works p {
	margin-bottom: 0.0em;
}

.works h1 {
	margin-bottom: 0.2em;
}

.works ul {
	list-style-type: none;
	margin-top: 0em;
	margin: 0em;
	padding: 0em;
}

.works li {
  display: table;
}

.works li div {
  display: table-cell;
  width: 3.5em;	
}


/* (single) work pages */

.work {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.work-section {
	margin-top: 1.5em;
}


/* bio short page */

.bio-short {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.bio-short ul {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}

.bio-short li {
  display: table;
}

.bio-short li div {
  display: table-cell;
  width: 5em;	
}
 
.bio-short-section {
	margin-top: 1.5em;
}


/* bio long page */

.bio-long {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.bio-long ul {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}

.bio-long li {
  display: table;
}

.bio-long li div {
  display: table-cell;
  width: 6.5em;	
}
 
.bio-long-section {
	margin-top: 1.5em;
}


/* credo short page */

.credo-short {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.credo-short p {
	margin-top: 1.5em;
	padding: 0em;
}


/* credo long page */

.credo-long {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}
 
.credo-long ul {
	margin: 1.0em;
	padding: 0em;
}



/* software page */

.software {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.software ol {
	margin-left: 1.8em;
	padding: 0em;
}

.software-sublist {
	margin-left: -0.5em;
	padding: 0em;
}

.software-section {
	margin-top: 1.5em;
}

.software-install ul {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}

.software-install li {
  display: table;
}

.software-install li div {
  display: table-cell;
  width: 4.5em;	
}


/* about page */

.about {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}
 
.about-section {
	margin-top: 2.5em;
}


/* about page */

.links {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}
 
.links-section {
	margin-top: 1.5em;
}


/* news page */

.news {
	margin: 1.0em;
	margin-bottom: 3.0em;
	padding: 0em;
}

.news ul {
	margin: 1.0em;
	padding: 0em;
}

.news li {
	margin-top: 1em;
}


.rmn-cover {
	width: 15em	
}


.bka-logo {
	width: 12em	
}

/*  mobile   */

@media (max-width: 30em) {
	.menu {
		margin: 0.5em;
		padding: 0em;	
		background: #cccccc; 
		/* background: var(--background-color); */
	}
	
	.index {
		margin: 0.5em;
		padding: 0em;
	}
	
	.bio-short {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
	
	.bio-long {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}		

	.bio-long li div {
  		display: table-cell;
 		width: 4.5em;	
	}

	.credo-short {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
	
	.credo-long {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}

	.software {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}

	.software ol {
		margin-left: 1.6em;
		padding: 0em;
	}

	.software-sublist {
		margin-left: -1em;
		padding: 0em;
	}

	.software-install li div {
		margin-left: 0em;
  		display: table-cell;
  		width: 4em;	
	}	
	
	.software-install li div {
		margin-left: 0em;
  		display: table-cell;
  		width: 4em;	
	}
	
	.about {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
	
	.links {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
	
	.news {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}

	.news ul {
		margin: 1.2em;
		padding: 0em;
	}
	
	.works {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
	
	.works li div {
  		display: table-cell;
  		width: 3em;	
	}
		
	.work {
		margin: 0.5em;
		margin-bottom: 3.0em;
		padding: 0em;
	}
}