body{
    font-family: 'trebuchet ms',verdana,'luxi sans',sans-serif;
    background: #FFFFFF;
    margin-top: 0.2cm;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

img {
    vertical-align: middle;
}

p {
    text-align:justify;
    color:#550000;
    margin-top: 0px;
}

strong {
    color: #6c1200;
    font-weight: normal;
    font-size: 110%;
}

p.contact {
    padding-left: 30px;
}

a{
	color:#233401;
}
a:visited {
        color:#667744;
}
a:hover {
        color: #9c3200;
}

.titol{
        font-size:32pt;
        font-style:italic;
        color:#9C3200;
        text-align:center;
        font-family: serif;
        font-variant: small-caps;
}

.phone .titol {
    font-size: 25pt;
}

.phone .fixed #logo {
    display: none;
}

div#mainbody{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

div#mainbody.huge {
    max-width: 1200px;
}

div#mainbody.huge img {
    /*display: block !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

div#navigation{
        border-color: #873800;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding-top: 0.2cm;
        padding-bottom: 0.2cm;
        text-align:center;
        margin-top: 0.25cm;
        margin-bottom: 1cm;

        border-left: 1px solid;
        border-right: 1px solid;
        background-color: rgba(240, 233, 230, 0.95);
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        vertical-align: middle;

        box-sizing: border-box;
        transition: width 1s, border-radius 3s, margin-left 1s, margin-right 1s, left 1s;
        position: sticky;
        z-index: 100;
}

.phone div#navigation {
    width: 100%;
}

div#navigation.fixed {
    top: 5px;
    z-index: 100;
    width: 100%;
    border-left: 3px solid;
    border-right: 3px solid;
    border-radius: 0px;
    border-color: #ae5c34;
    padding-top: 0.1px;
    padding-bottom: 0.1px;
}

div#navigation img {
    width: 150px;
    height: 62px;
    margin-right: 10px;
    /* transition: width 3s, height 3s; */
}
div#navigation.fixed img {
    width: 75px;
    height: 31px;
}

div#navigation .menu_entry {
    display: inline-block;
    font-size: 120%;
}

#logo_break {
    display: none;
}

.phone #logo_break {
    display: block;
}

.phone_only {
    display: none;
}

.phone .phone_only {
    display: block;
}

.phone .nophone_only {
    display: none;
}


div#navigation div#menu {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0cm;
    display: inline-block;
    vertical-align: middle;
}
div#menu p, div#menu b {
    margin: 0px;
    padding: 0px;
    /* margin-left: 20px; */
    color:#9C3200;
}

div#menu a {
    color: #873800;
    text-decoration: none;
}
div#menu a:hover, div#menu b {
  /*    color:#9C3200; */
    color: darkgray;
}

div#navigation img {
    display: inline;
}


.navigation a {
        color:#9C3200;
/*      color:#550000; */
        text-decoration:none;
}

.navigation a:hover {
        text-decoration: underline;
}

div#logos {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin: ;argin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#logos img {
    margin-left: 20px;
    margin-right: 20px;
}


.sectiontitle {
        margin-bottom: 0.4cm;
        font-size: 20pt;
        font-weight: bold;
        color:#9C3200;
        font-variant: small-caps;
        clear: both;
}

.subtitle {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 10px;
	    font-size:115%;
	    color:#9C3200;
	    font-weight: bold;
        border-bottom: 1px solid;
        clear: both;
}

.subsubtitle {
        margin-top: 7pt;
        margin-bottom: 2pt;
        font-weight: bold;
/*         text-decoration: underline; */ 
        color: #9C3200;
        font-size: 12pt;
        clear: both;
        letter-spacing: 0.5px;
        text-align: left;
}

img.logo {
    max-width: 300px;
    max-height: 100px;
    display: inline;
    margin-right: 10px;
    padding: 25px;
}

.phone img.logo {
    max-width: 200px;
    max-height: 100px;
}

img.intro {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80%;
}

img.intro.right {
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 40%;
}

img.intro.left {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 35%;
}

img.intro.small {
    display: block;
    margin-right: auto;
    margin-bottom: auto;
    width: 40%;
    margin-top: 10px;
    margin-bottom: 10px;
}

img.intro.tiny {
    width: 25%;
}

div.third {
    width: 100%;
    text-align: center;
}
img.intro.third {
    display: inline-block;
    width: 30%;
    min-width: 200px;
    margin: 5px 5px 5px 5px;
}

table.memberstable {
    /*margin-left: 0.5cm;*/
    margin: auto;
    padding: 0px;
    border-collapse: collapse;
    
}

.phone table.memberstable {
    marin-left: 100px !important;
}

table.memberstable td {
    padding-right: 0.22cm;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.memberstable tr:nth-child(1) {
    border-bottom: 3px solid #ae5c34;
}

table.memberstable tr:nth-child(2n+3) {
    background-color: #f1ded5;
}

/*     border-top: 1px solid; */




table.memberstable td.firstcolumn {
    width: 225px;
}


/*table.advertisement tr:nth-child(even) {
    background-color: #F0E9E6;
}

table.advertisement td {
    vertical-align: top;
    padding: 15px;
}

table.advertisement td ul {
    margin: 0px;
    padding: 0px;
}

table.advertisement td.header {
    min-width: 175px;
    vertical-align: top;
    padding: 15px;
    text-align: right;
}*/

div.bicolumn {
    display: block;
    margin-left: 5px;
    text-align: justify;
}

div.tricolumn {
    display: block;
    margin-left: 10px;
    text-align: justify;
}

div.tricolumn p, div.bicolumn p {
    text-align: justify;
}

div.bicolumn iframe {
    border: 1px solid #9c3200;
}


div.flush {
    clear: both;
}

div.centerbox {
    width: 60%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #873800;
    border-radius: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: rgba(240, 233, 230, 0.95);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

div.centerbox a.full {
    display: block;
    text-decoration: none;
}

ol{
text-align:justify;
font-size:11pt;
color:#550000;
}

ul{
text-align:justify;
font-size:11pt;
color:#550000;
}

ul.compact {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nowidgetItem {
	list-style-type:none; 
	padding-left:2pt;
}

.nowidgetItem li {
    text-align: left;
}

.nowidgetItem > li:first-child{
	list-style-type:none;
	color: #9C3200;
	padding-top:5pt;
	padding-bottom:2pt;
}

.apartat{
	font-size:12pt;
	font-weight:bold;
	color:#9C3200;
}
.fraseTitol{
	font-size:18pt;
	font-style:italic;
	color:#7A1000;
}
.text{
	font-size:11pt;
	color:#9C3200;
}
.textSmall{
	font-size: 85%;
	color:#550000;
}

.ctable{
    margin-top: 0.4cm;
    margin-bottom: 0px;
	padding: 10px;
	border: solid 2px #ae5c34;
	border-spacing: 4px;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px;
}

.ctable td {
	border-collapse:collapse;
	/*padding: 2px;
	border: solid 1px;
	background: #ebe6d5;*/
}

.downCol1 a {
	white-space: nowrap;
	font-size:11pt;
	color:#9C3200;
	text-decoration: none;
}

.downCol1 img {
	vertical-align: middle;
/*	padding-right: 5px;*/
	padding-bottom: 2px;
	border: 0;
}

.downCol2 {
	font-size: 95%;
	color:#550000;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.downCol3 {
	font-size:8pt;
	color:#550000;
	/*text-align: center;*/
	white-space: nowrap;
}

.downCol3 img {
 vertical-align: middle;
 border: 0;
}

.box_anchor {
    position:relative; 
    top: -2cm;
}

.downTitol {
	font-size:18pt;
	font-style:italic;
	color:#7A1000;
	padding-bottom: 14px;
}

iframe#map {
    width: 100%;
    height: 400px;
}

div.thesis {
    margin-left: 10px;
    background: linear-gradient(to right, #9c3200, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

/* Publications */

div#pubs_data {
    margin-top: 20px;
    padding: 0x;
}

div.entry {
    width: 100%;
}

div.entry.article {
    margin-left: 10px;
    background: linear-gradient(to right, #9c3200, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.article .button.selected {
    color: #9c3200 !important;
    border-color: #9c3200 !important;
}

div.entry.conference {
    margin-left: 10px;
    background: linear-gradient(to right, #00329c, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.conference .button.selected {
    color: #00329c !important;
    border-color: #00329c !important;
}

div.entry.book {
    margin-left: 10px;
    background: linear-gradient(to right, #009c32, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.book .button.selected {
    color: #009c32 !important;
    border-color: #009c32 !important;
}

div.entry.book_chapter {
    margin-left: 10px;
    background: linear-gradient(to right, #bb66bb, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.book_chapter .button.selected {
    color: #bb66bb !important;
    border-color: #bb66bb !important;
}

div.entry.software {
    margin-left: 10px;
    background: linear-gradient(to right, #666666, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.software .button.selected {
    color: #666666 !important;
    border-color: #666666 !important;
}

div.entry.misc {
    margin-left: 10px;
    background: linear-gradient(to right, #555555, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-bottom: 6px;
}

div.entry.misc .button.selected {
    color: #555555 !important;
    border-color: #555555 !important;
}

div.entry.demo {
    margin-top: 3px;
    margin-bottom: 3px;
}

div.entry div.buttons {
    margin-right: 10px;
}

div.entry div.supplementary {
    margin-left: 15px;
    margin-top: 3px;
    border-radius: 10px;
    display: inline-block;
    padding: 3px;
    border: 1px solid #ae5c34;
    min-width: 0px;
    width: auto;
}

div.entry div.supplementary a {
    text-decoration: none;
    display: block;
}

div.entry div.supplementary img {
    width: 18px;
    height: 18px;
}

div.entry .button {
    outline: none !important;
    display: inline-block;
    text-decoration: none;
    background: none;
    border: 1px solid darkgray;
    padding-left: 5px;
    padding-right: 5px;
    color: darkgray;
    cursor: pointer;
}

div.entry .button:active {
    color: #6c1200;
    background: #f0eae7;
}

div.entry .button.selected {
    /*color: #6c1200;*/
    border: 2px solid;
    font-weight: bolder;
}

div.entry .button:focus {
}


.stats {
    background: linear-gradient(to right, #cccccc, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

#global_stats div.stats {
    background: none;
    margin: 0px;
    padding: 0px;
}

div.thesis .thesis_name {
    font-weight: bold;
    color: #7A1000;
    font-size: 95%;
}

div.thesis .thesis_title {
    font-style: italic;
    font-size: 110%;
}


.yes_results, .no_results {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-left: 15px;
}

.no_results {
    font-style: italic;
}

.entry {

}

.entry div {
    display: inline;
}

.entry .authors, .entry .editors, .entry a {
    color: #111111;
}

.entry .title {
    color: #550000;
    font-size: 115%;
}

.entry .venue, .entry .booktitle {
    font-style: italic;
}

.entry .volume {
}

.entry .number {
}

.entry .date {
}

.entry .doi {
    margin-left: 10px;
}

.entry a.entry_link {
    text-decoration: none;
}

.entry a.entry_link:hover {
    text-decoration: none;
}

div.stats {
    display: inline;
}

#footer_space {
    margin-top: 50px;
    margin-bottom: 0px;
}
#footer {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100%;
    height: 2vh;
    border-top: 2px solid #9c3200;
    background: #f0eae7;

    /*!*margin-top: 10px;*!*/
    /*!*margin-bottom:  0px;*!*/
    /*!*position: absolute;*!*/
    /*!*top: 0px;*!*/
    /*!*position: fixed;*!*/
    /*!*bottom: 50vh;*!*/

    /*clear: both;*/
    /*!*position: absolute;*!*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*z-index: -10;*/
    /*height: 20px;*/
    /*margin-top: 20px;*/
}


/* Filter box */

div#filter_div {
    width: 100%;
    max-width: 500px;
}

div#filter_div label {
    width: 10%;
}

div#filter_div input#filter_box {
    width: 90%;
}

div#filter_div label.text_icon {
    font-size: 2em;
}

/* DATAKOM theme overrides for the legacy data-compression site */
:root {
    --dc-bg: #f6f5f0;
    --dc-ink: #162227;
    --dc-muted: #49606a;
    --dc-line: #c8d2cc;
    --dc-card: #fdfdfb;
    --dc-accent: #0b6e5f;
    --dc-accent-2: #d77a2f;
}

body.dc-site {
    --lab-shell-width: min(1120px, 100% - 2rem);
    font-family: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;
    color: var(--dc-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(11, 110, 95, 0.14), transparent 42%),
        radial-gradient(circle at 85% 8%, rgba(215, 122, 47, 0.15), transparent 35%),
        linear-gradient(180deg, #f9faf7 0%, #f0f3ef 100%);
    margin-top: 0;
}

body.dc-site a {
    color: #0d5f52;
}

body.dc-site a:visited {
    color: #1b6d5f;
}

body.dc-site a:hover {
    color: var(--dc-accent-2);
}

body.dc-site p,
body.dc-site ol,
body.dc-site ul,
body.dc-site .downCol2,
body.dc-site .textSmall {
    color: var(--dc-muted);
}

body.dc-site .text,
body.dc-site .downCol3 {
    color: var(--dc-muted);
}

body.dc-site .downCol1 a,
body.dc-site .navigation a {
    color: var(--dc-accent);
}

body.dc-site strong {
    color: var(--dc-accent);
}

body.dc-site .site-header {
    width: var(--lab-shell-width);
    margin: 0 auto;
    padding: 1.2rem 0 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

body.dc-site .brand {
    display: inline-flex;
    align-items: center;
    gap: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    color: var(--dc-accent);
}

body.dc-site .brand-logo {
    width: 40px;
    height: auto;
    display: block;
}

body.dc-site .brand-label {
    text-transform: uppercase;
}

body.dc-site .legacy-link {
    text-decoration: none;
    border: 1px solid var(--dc-line);
    background: rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.9rem;
}

body.dc-site .titol {
    width: var(--lab-shell-width);
    margin: 0.4rem auto 0;
    text-align: left;
    font-size: clamp(2rem, 5vw, 3.1rem);
    line-height: 1.05;
    letter-spacing: 0.01em;
    color: var(--dc-ink);
    font-style: normal;
    font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
    font-variant: normal;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
}

body.dc-site .titol strong {
    color: var(--dc-accent-2);
    font-weight: 700;
}

body.dc-site .titol #logo {
    width: 120px;
    height: auto;
    opacity: 0.9;
}

body.dc-site div#navigation {
    border: 1px solid var(--dc-line);
    background: rgba(255, 255, 255, 0.82);
    width: var(--lab-shell-width);
    border-radius: 18px;
    margin-top: 0.6rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 22px rgba(15, 30, 25, 0.08);
}

body.dc-site div#navigation.fixed {
    top: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

body.dc-site div#navigation div#menu {
    max-width: 1120px;
}

body.dc-site div#menu p,
body.dc-site div#menu b {
    color: var(--dc-accent);
}

body.dc-site div#menu a {
    color: var(--dc-accent);
}

body.dc-site div#menu a:hover,
body.dc-site div#menu b {
    color: var(--dc-accent-2);
}

body.dc-site div#mainbody {
    width: var(--lab-shell-width);
    max-width: none;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background: rgba(253, 253, 251, 0.78);
    border: 1px solid #d6dfda;
    border-radius: 16px;
    padding: 1rem 1rem 1.6rem;
    box-shadow: 0 10px 30px rgba(20, 30, 24, 0.07);
}

body.dc-site div#mainbody.huge {
    width: var(--lab-shell-width);
    max-width: none;
}

body.dc-site .sectiontitle {
    color: var(--dc-ink);
    border-bottom: 2px solid #d4ded8;
    padding-bottom: 0.15rem;
    font-variant: normal;
}

body.dc-site .subtitle,
body.dc-site .subsubtitle,
body.dc-site .apartat,
body.dc-site .fraseTitol,
body.dc-site .downTitol {
    color: var(--dc-ink);
}

body.dc-site .subtitle {
    border-bottom-color: #d4ded8;
}

body.dc-site div.centerbox {
    border-color: #91b4ac;
    background-color: rgba(247, 251, 249, 0.95);
    box-shadow: 0 8px 20px rgba(19, 62, 54, 0.08);
}

body.dc-site .ctable {
    border-color: #b6cfc7;
    background: rgba(255, 255, 255, 0.55);
}

body.dc-site table.memberstable tr:nth-child(1) {
    border-bottom: 2px solid var(--dc-accent);
}

body.dc-site table.memberstable tr:nth-child(2n+3) {
    background-color: #ecf4f1;
}

body.dc-site div.entry.article {
    background: linear-gradient(to right, #0b6e5f, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry.conference {
    background: linear-gradient(to right, #1f6ca8, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry.book {
    background: linear-gradient(to right, #d77a2f, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry.book_chapter {
    background: linear-gradient(to right, #668a35, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry.software {
    background: linear-gradient(to right, #4f6d7a, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry.article .button.selected {
    color: #0b6e5f !important;
    border-color: #0b6e5f !important;
}

body.dc-site div.entry.conference .button.selected {
    color: #1f6ca8 !important;
    border-color: #1f6ca8 !important;
}

body.dc-site div.entry.book .button.selected {
    color: #d77a2f !important;
    border-color: #d77a2f !important;
}

body.dc-site div.entry.book_chapter .button.selected {
    color: #668a35 !important;
    border-color: #668a35 !important;
}

body.dc-site div.entry.software .button.selected {
    color: #4f6d7a !important;
    border-color: #4f6d7a !important;
}

body.dc-site .stats {
    background: linear-gradient(to right, #bdcbc6, #ffffff) no-repeat;
    background-size: 10px 100%;
}

body.dc-site div.entry div.supplementary {
    border-color: #91b4ac;
    background: #f4faf7;
}

body.dc-site .bibtex-tools {
    margin-top: 0.42rem;
}

body.dc-site .bibtex-link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: var(--dc-accent);
    border: 1px solid #9fc2ba;
    border-radius: 999px;
    background: rgba(244, 250, 247, 0.95);
    padding: 0.2rem 0.58rem;
}

body.dc-site .bibtex-link:hover {
    color: #ffffff;
    background: var(--dc-accent);
    border-color: var(--dc-accent);
}

body.dc-site .bibtex-overlay[hidden] {
    display: none;
}

body.dc-site .bibtex-overlay {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
}

body.dc-site .bibtex-overlay-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(9, 20, 18, 0.56);
    cursor: pointer;
}

body.dc-site .bibtex-overlay-panel {
    position: relative;
    width: min(920px, calc(100% - 2rem));
    max-height: calc(100vh - 3rem);
    overflow: auto;
    border-radius: 14px;
    border: 1px solid var(--dc-line);
    background: var(--dc-card);
    box-shadow: 0 20px 60px rgba(10, 26, 22, 0.32);
    padding: 0.95rem 1rem 1rem;
}

body.dc-site .bibtex-overlay-title {
    margin: 0 2.2rem 0.75rem 0;
    font-size: 1rem;
    color: var(--dc-ink);
}

body.dc-site .bibtex-overlay-close {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid var(--dc-line);
    background: #ffffff;
    color: #365861;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1;
}

body.dc-site .bibtex-overlay-close:hover {
    color: #ffffff;
    background: var(--dc-accent);
    border-color: var(--dc-accent);
}

body.dc-site .bibtex-overlay-content {
    margin: 0;
    padding: 0.95rem;
    border-radius: 10px;
    border: 1px solid #d4e0dc;
    background: #f7fbf9;
    color: #17323a;
    font-size: 0.86rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}

body.dc-site.bibtex-overlay-open {
    overflow: hidden;
}

body.dc-site #footer {
    border-top: 1px solid #bdd0ca;
    background: rgba(255, 255, 255, 0.72);
    height: auto;
    min-height: 0;
    padding: 0.75rem 0;
}

body.dc-site #footer .footer-inner {
    width: min(1120px, 100% - 2rem);
    margin: 0 auto;
    color: var(--dc-muted);
    font-size: 0.92rem;
}

@media (max-width: 900px) {
    body.dc-site .site-header {
        flex-direction: column;
        align-items: flex-start;
    }

    body.dc-site .titol {
        grid-template-columns: 1fr;
        font-size: clamp(1.6rem, 7vw, 2.3rem);
    }

    body.dc-site .titol #logo {
        width: 86px;
    }

    body.dc-site div#navigation {
        width: calc(100% - 1rem);
        margin-left: auto;
        margin-right: auto;
    }

    body.dc-site div#mainbody {
        width: calc(100% - 1rem);
    }

    body.dc-site div#navigation {
        position: sticky;
        top: 0;
    }

    body.dc-site div#navigation div#menu {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 0.2rem 0.2rem;
    }

    body.dc-site div#menu p {
        white-space: nowrap;
    }

    body.dc-site div#navigation .menu_entry {
        font-size: 100%;
        white-space: nowrap;
    }

    body.dc-site .ctable,
    body.dc-site table.memberstable {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.dc-site table.memberstable td {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    body.dc-site table.memberstable td.firstcolumn {
        width: auto;
        min-width: 160px;
    }
}

@media (max-width: 700px) {
    body.dc-site div#mainbody {
        border-radius: 12px;
        padding: 0.82rem 0.72rem 1.2rem;
    }

    body.dc-site .legacy-link {
        font-size: 0.82rem;
        padding: 0.3rem 0.65rem;
    }

    body.dc-site .sectiontitle {
        font-size: 1.55rem;
        margin-bottom: 0.7rem;
    }

    body.dc-site .subtitle {
        font-size: 1.03rem;
    }

    body.dc-site img.intro,
    body.dc-site img.intro.right,
    body.dc-site img.intro.left,
    body.dc-site img.intro.small,
    body.dc-site img.intro.third,
    body.dc-site img.intro.tiny {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    body.dc-site .bibtex-overlay-panel {
        width: calc(100% - 1rem);
        max-height: calc(100vh - 1rem);
        padding: 0.76rem;
    }

    body.dc-site .bibtex-overlay-content {
        padding: 0.72rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 520px) {
    body.dc-site div#navigation .menu_entry {
        font-size: 0.94rem;
    }

    body.dc-site table.memberstable td.phonecolumn {
        display: none;
    }

    body.dc-site div.centerbox {
        min-width: 0;
        width: 100%;
        border-radius: 14px;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    body.dc-site #filter_div label {
        width: auto;
    }

    body.dc-site #filter_div input#filter_box {
        width: calc(100% - 2rem);
    }

    body.dc-site .titol {
        gap: 0.55rem;
    }
}

/* Lab header/navigation styled like the DATAKOM landing fixed action bar */
body.dc-site {
    --lab-nav-accent: #ed0000;
    --lab-nav-soft: #fff1f1;
    --lab-nav-ink: #970000;
    --lab-nav-border: rgba(237, 0, 0, 0.36);
    --lab-nav-border-strong: rgba(237, 0, 0, 0.56);
    --lab-nav-surface: #fff8f8;
    --lab-nav-shadow: rgba(237, 0, 0, 0.3);
    --lab-nav-active-ink: #ffffff;
}

body.dc-site.lab-bio {
    --lab-nav-accent: #ffbf00;
    --lab-nav-soft: #fff7db;
    --lab-nav-ink: #735600;
    --lab-nav-border: rgba(255, 191, 0, 0.4);
    --lab-nav-border-strong: rgba(255, 191, 0, 0.58);
    --lab-nav-surface: #fffdf6;
    --lab-nav-shadow: rgba(255, 191, 0, 0.28);
    --lab-nav-active-ink: #3a2b00;
}

body.dc-site.lab-mf {
    --lab-nav-accent: #4ea72e;
    --lab-nav-soft: #ecf7e7;
    --lab-nav-ink: #2f6b1b;
    --lab-nav-border: rgba(78, 167, 46, 0.38);
    --lab-nav-border-strong: rgba(78, 167, 46, 0.56);
    --lab-nav-surface: #f9fdf7;
    --lab-nav-shadow: rgba(78, 167, 46, 0.28);
    --lab-nav-active-ink: #ffffff;
}

body.dc-site #navigation.lab-actions,
body.dc-site #navigation.lab-actions.fixed {
    width: var(--lab-shell-width);
    margin: 0.25rem auto 0.8rem;
    padding: 0;
    border: 1px solid var(--lab-nav-border);
    border-radius: 16px;
    background: var(--lab-nav-surface);
    box-shadow: 0 10px 28px rgba(20, 28, 23, 0.15);
    position: sticky;
    top: max(0.35rem, env(safe-area-inset-top));
    z-index: 2500;
}

body.dc-site #navigation.lab-actions div#menu {
    max-width: none;
    width: 100%;
    margin: 0;
    display: block;
}

body.dc-site #navigation.lab-actions div#menu p {
    margin: 0;
    padding: 0;
    color: inherit;
}

body.dc-site #navigation.lab-actions .hero-actions {
    margin: 0;
    padding: 0.78rem 0.75rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-btn {
    border: 1px solid var(--lab-nav-border) !important;
    background: var(--lab-nav-soft) !important;
    color: var(--lab-nav-ink) !important;
    text-decoration: none;
    border-radius: 999px;
    padding: 0.52rem 0.9rem;
    font-weight: 600;
    font-size: 0.92rem;
    line-height: 1.2;
    white-space: nowrap;
    transition: transform 160ms ease, background 220ms ease, border-color 220ms ease, color 220ms ease, box-shadow 220ms ease;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-btn:hover {
    transform: translateY(-1px);
    color: var(--lab-nav-ink) !important;
    background: var(--lab-nav-soft) !important;
    border-color: var(--lab-nav-border-strong) !important;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-btn.is-active {
    background: var(--lab-nav-accent) !important;
    border-color: var(--lab-nav-accent) !important;
    color: var(--lab-nav-active-ink) !important;
    box-shadow: 0 8px 20px var(--lab-nav-shadow);
}

body.dc-site #navigation.lab-actions .hero-actions .nav-btn.is-active:hover {
    color: var(--lab-nav-active-ink) !important;
    background: var(--lab-nav-accent) !important;
    border-color: var(--lab-nav-accent) !important;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown {
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown > summary {
    list-style: none;
    cursor: pointer;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown > summary::-webkit-details-marker {
    display: none;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-toggle::after {
    content: "▾";
    font-size: 0.72rem;
    margin-left: 0.4rem;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown.is-active > .nav-dropdown-toggle {
    background: var(--lab-nav-accent) !important;
    border-color: var(--lab-nav-accent) !important;
    color: var(--lab-nav-active-ink) !important;
    box-shadow: 0 8px 20px var(--lab-nav-shadow);
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown[open] .nav-dropdown-toggle::after {
    content: "▴";
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-menu {
    margin-top: 0.45rem;
    border: 1px solid var(--lab-nav-border);
    border-radius: 14px;
    background: #fffefe;
    box-shadow: 0 10px 26px rgba(20, 28, 23, 0.2);
    min-width: 260px;
    padding: 0.45rem;
    display: grid;
    gap: 0.28rem;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-parent {
    color: var(--lab-nav-ink);
    font-size: 0.86rem;
    font-weight: 700;
    border-radius: 10px;
    padding: 0.45rem 0.62rem 0.2rem;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-item {
    text-decoration: none;
    border: 1px solid var(--lab-nav-border);
    border-radius: 10px;
    padding: 0.45rem 0.62rem;
    color: var(--lab-nav-ink);
    background: var(--lab-nav-soft);
    font-size: 0.88rem;
    margin-left: 0.55rem;
    transition: background 200ms ease, border-color 200ms ease, transform 140ms ease;
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-item:hover {
    transform: translateY(-1px);
    border-color: var(--lab-nav-border-strong);
}

body.dc-site #navigation.lab-actions .hero-actions .nav-dropdown-item.is-active {
    background: var(--lab-nav-accent);
    border-color: var(--lab-nav-accent);
    color: var(--lab-nav-active-ink);
}

body.dc-site #navigation.lab-actions .hero-actions::-webkit-scrollbar {
    height: 6px;
}

@media (max-width: 900px) {
    body.dc-site #navigation.lab-actions,
    body.dc-site #navigation.lab-actions.fixed {
        width: calc(100% - 1rem);
        top: max(0px, env(safe-area-inset-top));
        margin-bottom: 0.65rem;
    }

    body.dc-site #navigation.lab-actions .hero-actions {
        justify-content: flex-start;
        min-height: 3.9rem;
        padding: 0.72rem 0.58rem;
    }
}

@media (max-width: 520px) {
    body.dc-site #navigation.lab-actions .hero-actions .nav-btn {
        font-size: 0.88rem;
        padding: 0.46rem 0.7rem;
    }
}