:root {
  --block-bg: #F8F8F8;
  --block-border: #D1D1D1;
  
  --highlight-block-bg: #F8F8F8;
  --highlight-block-border: #D1D1D1;
  
  --highlight-border: #4682B4;
  --highlight-bg: white;
  
  --navbar-active-color: black;
  --link-color: #4682B4; 
}


html,body {
  height:100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body::before {
  background: None;
}


.navitem {
  font-weight: bold;
}

h1, h2, h3, h4, h5 {
  font-family: Georgia, Serif;
  padding: 5px;
}


h2 {
  border-bottom: 2px solid;
}

.headingappendix {
  font-size: 50%;  
  color: gray;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

a {
  color: var(--link-color);
}

.nounderline {
  text-decoration: none; 
}

#main p:has(IMG) {
  text-align: center;
}

#main p IMG {
  margin: 5px;
}

.double_column {
  column-count: 2;
}

/***************************************************************************************************
*
* Talk
*
****************************************************************************************************/
.talk {
}

.talk a .talk-entry {
	border: 2px solid #4682B4;
}

.talk-entry {
	background-color: #f5f5f5; 
	border-radius: 10px; 
	padding: 10px;
}

.talk-entry .entry {
	padding-top: 5px;
}

.talk img {
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 5px;
}


/***************************************************************************************************
*
* THESIS for supervised theses
*
****************************************************************************************************/

.theses_list details {
  width: 100%;
  border: 0px;
}

.theses_list details[open] {
  width: 100%;
}

.thesis {
  margin-left: 20px;
}

.thesis div {
  margin-left: 10px;
}

.thesis .title {
  font-weight: bold;
  font-style: italic;
}

.thesis .author {
  font-style: italic;
}

.thesis details summary {
  color: var(--link-color);
}

.thesis details {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  max-width: 100%;
}

.thesis details[open] {
  display: block;
}

.thesis .images .image {
  vertical-align: text-top;
  display: inline-block;
  text-align: center;
  max-width: 320px;
  padding: 5px;
}

.thesis .images .image IMG {
  max-height: 300px;
  max-width: 300px;
  border-radius: 5px;
}

.thesis .images .caption {
  font-style: italic;
  font-size: 10px;
  text-align: center;
}


/***************************************************************************************************
*
* PAPER for published articles 
*
****************************************************************************************************/

.paper {}

.paper .title {
  font-weight: bold;
  font-style: italic;
}

.paper .booktitle {
  font-style: italic;
}

.paper .author {
  font-style: italic;
}

.paper .additional-info {
  border: solid 1px var(--block-border);
  border-radius: 5px;
  background-color: var(--block-bg);
  margin-bottom: 10px;
  padding: 5px;
}

.paper a {
  font-weight: bold;
}

.paper details summary {
  color: var(--link-color);
}
.paper details.bibtex {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  max-width: 100%;
}
.paper details.abstract {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  max-width: 100%;
}



.lecture {
}

.lecture .title {
  font-weight: bold;
  font-style: italic;
}

.lecture .subtitle {
  font-style: italic;
}


.hinfo {
  display: inline;
  font-weight: normal;
}


main > .container {
  padding: 80px 20px 20px 20px;
}

header * {
  font-weight: bold;
}

.navbar-nav .navitem.active {
  border-bottom: 2px solid var(--navbar-active-color);
}

.navbar * img {
  border: 3px solid rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

.navbar * img.active {
  border-color: var(--navbar-active-color);
}

.bg-light {
  background-image: linear-gradient(#F1F1F1, #F1F1F1 60%, #F1F1F1);
}

img.sb {
  width:50px;
  border-radius:25px;
}
img.sb.active {
  border: 3px solid #AAAAAA;
}

.footer {
  background-color: #F1F1F1;
  border-top: 2px solid #F1F1F1;
}

.rborder {
  border: solid 1px red;  
}

.error {
  border: solid 1px red;
  background-color: yellow;
  border-radius: 5px;
  padding: 5px;
}

/*.block {
  border: solid 1px var(--block-border);
  border-radius: 5px;
  background-color: var(--block-bg);
  margin-bottom: 10px;
  padding: 5px;
}
*/
.highlight {
  padding: 10px;
  border-radius: 5px;
  border: 1px dotted var(--highlight-border);
  border-right: 10px solid var(--highlight-border);
  margin-bottom: 10px;
  background-color: var(--highlight-bg);
}

p {
  padding-left: 5px;
}



.project .description {
  margin-left: 5px;
  font-style: italic;
}

.project .partner .company {
  margin-top: 20px;
}

.partner + .partner {
  padding-top: 10px;
}

.technology {
  padding: 3px;
  margin-left: 5px;
}

.technology * {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.justified {
  hyphens: auto; 
	text-align: justify;
}

.abstract {
  font-style: italic;
}

.abstract .header {
  text-decoration: underline;
}

.paper-link {
  font-weight: bold;
  margin-right: 4px;
}