/*
* {
	outline: 2px solid black;
}
*/

/* GENERAL */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* general */
body {
	color: #323232;
	font-size: 100%;
 	background: #eeefed;
 }

::-moz-selection { background: #a6a6a6; color: #000; text-shadow: none; }
::selection { background: #a6a6a6; color: #000; text-shadow: none; }

a {
	text-decoration: none;
}

.menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.menu li {
  float: left;
}

.fa {
  vertical-align: middle;
}

.container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1.25em; /* 20px/980px */
}

/* clear-fix */

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  *zoom: 1;
}


/* contact */

.contact-bar {
	color: #fff;
   
  }
  
  .contact-bar {
	background: #39a3d4;
	height: 3.5714285714285716em; /* 50/14 */
	font-size: 0.875em;  /* 14/16 */
  }
  
  .personal {
	/*float: left;*/
	/*margin: 1.0714285714285714em 0; /* 15/14 */
	width: 100%;
	display: flex;
	  justify-content: center;
  }
  
  .personal img {
	vertical-align: middle;
  }
  
  .personal li {
	padding-top: 0.3571428571428571em;
  }
  
  .contact-bar .container ul {
	padding-top: 0.3571428571428571em;
  }
  
  
  .personal li:first-child {
	/*margin-right: 3.5714285714285716em; /* 50/14 */
	/*margin-right: 5.291005291005291%; /* 50px/945 */
  }
  
  .personal img {
	/*image-resolution: ;*/
	margin: 0 0.35714285714285715em 0.35714285714285715em 0.35714285714285715em; /* 5/14 */
  }
  
  .personal li:first-child:after {
	content: '/';
	margin: 0 0.9375em 0 0.9375em; /* 15/16 */
	color: #fff;
  }


/* HEADER */

/* navigation */

.navigation-bar {
	/*height: 7.625em; /*5.625em; /* 90/16 */
}

.navigation {
	/*float: right;*/
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.navigation .fa {
  display: block;
  /*padding-top: 15px;*/
  padding-bottom: 0.5em;
}

/*.navigation li {
	width: 14.28571428571429%;
 	border-left: 1px solid #cecece;
}

.navigation li:first-child {
  border-left: 1px solid #cecece;
}

.navigation li:last-child {
  border-right: 1px solid #cecece;
}*/

.navigation a {
  display: block;
  color: #a6a6a6;
  /*width: 136px;*/
  /*width: 8.5em; /* 136/16 */
  /*height: 90px;*/
  height: auto;
  padding: 1.85em 0;
  text-align: center;
  text-transform: uppercase;
}

.selected a {
  color: #39a3d4;
}

.navigation a:hover {
  color: #39a3d4;
}

.navigation a:focus {
  color: #39a3d4;
}

/* pseudo element q - ::before, after*/
/*q::before {
	content: "?";
	color: #39a3d4;
}

q::after {
	content: "#";
	color: #39a3d4;
}*/


/* main */

.under {
	/*height: 150px;*/
	background: url('image-anatomy/anatomy back.jpg') 0px -89px no-repeat;
}

.title {
	color: #fff;
  	font-size: 1.875em; /* 30/16 */
  	font-weight: 600;
  	background: rgb(57, 163, 212);
 	background: rgba(57, 163, 212, 0.8);
 	padding: 0.4em 1.0222222222222221em; /* 18/45 */ /* 46/45 */
 	border-radius: 0.15555555555555556em; /* 7/45 */
 	display: inline-block;
 	text-transform: uppercase;
 	letter-spacing: 0em; /* 0/45 */
 	margin-top: 0.8em; /* 36/45 */
 	margin-bottom: 2.2em;
}

.institute {
	text-align: center;
	color: #a6a6a6;
	margin-top: 0.3125em; /* 5/16 */
	margin-bottom: 0em; /* 0/16 */
	padding-bottom: 0.3125em; /* 5/16 */
	padding-left: 0;
	border-bottom: 1px solid #cecece;
}

.institute li:first-child:after {
	content: '/';
	margin: 0 0 0 0.9375em; /* 15/16 */
	color: #a6a6a6;
}

.institute li {
	margin: 0.3125em; /* 5/16 */
	list-style: none;
	display: inline;
	color: #cecece;
}

.institute a {
	color: #a6a6a6;
}

.institute a:hover,
.institute a:focus {
	color: #39a3d4;
}



/* article */


.main-content {
	/*height: 600px;*/
	text-align: justify;
	margin: 0.5em auto;
	/*background: url('image-anatomy/KFZ logo.png');*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50%;
}

.box {
	background: #fff;
	border-bottom: 1px solid #cecece;
	margin-bottom: 1.5em;
	box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.box ul {
	line-height: 1.5em;
}

.header {
	background: #39a3d4;
	color: #fff;
	padding: 0.5em 1em 0.5em 1em;
}


.text {
	padding: 1em;
}

.text li {
	text-align: justify;
}

.main-content h1,
.main-content h2 {
	margin: 0;
}


.main-content p {
	line-height: 1.5625em; /* 25/16 */
}

li {
	text-align: left;
}

.italic {
	font-style: italic;
	}



/*TABLE*/


table {
	background: #d7d7d7;
	/*border: 0.15em solid #333;*/
	border-collapse: collapse;
	border-radius: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}

th, td {
	padding: 1em;
	border-bottom: 0.15em solid #fff;
	border-right: 0.15em solid #fff;
}

tr:last-child td {
	border-bottom: none;
}

.last-column {
	border-right: none;
}

.tables a {
	color: #39a3d4;
}


.tables a:hover,
.tables a:focus {
	color: #323232;
}


/* footer */

footer {
	font-size: 0.8125em; /* 13/16 */
}

.footer-nav {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.9375em; /* 15/16 */
	padding-bottom: 0.625em; /* 10/16 */
	margin: 0;
	text-align: center;
	border-top: 1px solid #cecece ;
}

footer li:after {
  content: '/';
  margin: 0 0.3125em 0 0.3125em; /* 5/16 */ /* 5/16 */
  color: #a6a6a6;
}

footer li:last-child:after {
  content: ' ';
}

.footer-nav a {
  color: #a6a6a6;
  width: 6.25em; /* 100/16 */
  height: 2.1875em; /* 35/16 */
  text-align: center;
  text-transform: uppercase;
}


.footer-nav a:hover,
.footer-nav a:focus {
  color: #39a3d4;
}

.footer-nav li {
	display: inline;
}



/* design by */
.design {
	background: #39a3d4;
	color: #fff;
 	font-size: 0.875em; /* 14/16 */
	padding-top: 0.625em; /* 10/16 */
	padding-bottom: 0.625em; /* 10/16 */
	text-align: right;
	margin: 0px;
}

.design a {
	color: #fff;
}

.design a:hover,
.design a:focus {
  color: #000000;
}

footer i {
	margin: 0 0.625em 0 0.3125em; /* 10/16 */ /* 5/16 */
}


/* MEDIA QUERIES */


@media ( max-width: 980px) {
	/*.navigation-bar .container {
		padding-right: 0;
		padding-left: 0;
	}*/

	.navigation li:last-child {
		border-right: none;
	}
	.navigation li:first-child {
		border-left: none;
	}
}

@media ( max-width: 880px) {
	.navigation a {
		text-transform: none;
	}
}

@media ( max-width: 720px) {
  .navigation {
    float: none;
    font-size: 90%;
  }

	/*.navigation li {
		width:;
	}*/

	.navigation a {
		/*width: 100%;*/
		padding: 1em 0;
	}

	/*article {
	    font-size: 90%;
	  }*/

	.title {
		font-size: 1.775em;
	}

	table {
		font-size: 85%;
	}

}

@media ( max-width: 650px) {
	.navigation {
    font-size: 80%;
    }

@media ( max-width: 590px) {
	.navigation {
    font-size: 70%;
    }

    .container {
    	padding: 0 0.9em;
    }


	.contact-bar li{
		font-size: 70%;
	  }
	  
	 
	  .personal img {
		height: 10%;
		width: auto;
	  }
  
	  .personal li {
		padding-top: 0.7142857142857143em;
	  }
  
	  .eng {
		display: none;
	  }
  
	  .personal li:first-child:after {
		content: none;
	  }

	  table {
		font-size: 70%;
	}
}


@media ( max-width: 430px) {
	.tables {
    font-size: 65%;
}



@media ( max-width: 360px) {
	.navigation a {
    font-size: 68%;
    }

    .container {
    	padding: 0 0.4em;
    }

	.personal {
		width: auto;
	}

	.personal li:first-child {
		margin-bottom: 0.5em;
	}
	.contact-bar {
		height: 5.5em; /* 77/14 */
	}
}

@media ( max-width: 280px) {
	.title {
    font-size: 1.4em;
}

@media ( max-width: 225px) {
	.title {
    font-size: 1.1em;
}