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

    @font-face {
        font-family: "Cinetype Regular";
        src: url("/fonts/GT-Cinetype-Regular.otf");
    }

    @font-face {
        font-family: "Cinetype Bold";
        font-variant-numeric: "oldstyle-nums";
        src: url("/fonts/GT-Cinetype-Bold.otf");
    }

    @font-face {
        font-family: "Cinetype Light";
        src: url("/fonts/GT-Cinetype-Light.otf");
    }

    @font-face {
        font-family: "Cinetype Light Italic";
        src: url("/fonts/GT-Cinetype-Light-Italic.otf");
    }

	@font-face {
		font-family: "Rektorat";
		src: url("/fonts/NNRektorat-Medium.otf")
	}
   
   html, body {
    height: 100%; /* Ensure full height for both body and html */
    margin: 0; /* Remove any margin */
    padding: 0;
}
    body {
        font-family: "Cinetype Light";
    	font-variant-numeric: oldstyle-nums;
	    -moz-font-feature-settings: 'onum';
    	-webit-font-feature-settings: 'onum';
	    font-feature-settings: 'onum' on;
        line-height: 1.3em;
        font-size: 18px;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 7px;
        margin-top: 21px;
    }

    li {
        margin-bottom: 7px;
        list-style: none;
    }
    
    .container {
    margin:0;
    margin-left:4vw;
    padding:0;
    max-width:90vw;
    }
   
  
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    padding-top:20px;
    text-align: left; /* Move this to nav ul for better control */
}

nav ul li {
    display: block;
    margin: 0;
    padding: 0;
}

nav ul li a {
    text-decoration: none;
    color: blue;
    font-family:"Cinetype Regular";
}

nav ul li:hover, nav ul li.active {
/*text-decoration: underline; 
    background-color: #fff; */
}


nav ul li:first-child {
    margin-top: 0;
    padding-top: 0;
}
/* Ensure the active item has consistent padding */
nav ul li.active {
 /* Match the padding of the others */
}

    
   .hh {
    font-family:"Rektorat";
    font-size:6em;
    margin-bottom:20px;
    margin-top:20px;
    padding-bottom:30px;
    padding-top:30px;
    }
    .hh a {
	color:black;
	}

    
    .column img {
      max-height: 100px;
      vertical-align: middle;
    }
    

    p {
        font-size: 100%;
    }

    h1, h2, h3 {
        font-size: 1em;
        font-family: "Cinetype Regular";
        font-weight:normal;
    }



    a {
        text-decoration: none;
    }

    #zotero {
        width: 100%;
        font-family: "Lars";
        height: 100%;
    }

    .csl-bib-body {
        max-width: 90%;
    }

    .csl-entry {
        padding-bottom: 8px;
        line-height: 1.3em;
        font-size: 1em;
    }

	
	.news {
	background:#657269;
	}
	
	.handapparat, .sondersammlungen {
	background:#f8d7a2; 
	}
    
	.news h1, .handapparat h1, .sondersammlungen h1 {
	color:white;
	}

    .nutzung {
        border-style: solid;
        padding: 10px;
        line-height: 1.3em;
        background: #fff;
    }
    
    article {
    }
    
    article img {
        max-width: 60vw;
    }
    
    inhalt img {
        max-width: 60vw;
    }
        
footer {
    width: 100%;
    color: black;
    text-align: left;
    padding:0;
    padding-bottom:30px;
    padding-top:30px;
    margin:0;
}

footer h2 {
    font-weight:normal;
}

footer h2 a, footer a {
	color:blue;
}
footer h2 a:visited {
color:purple;
}
footer h2 a:hover {
text-decoration:underline;
}

header {
    top: 0;           /* Sticks it to the top of the page */
    width: 100%;      /* Ensure it spans the full width */
    background-color: white; /* Background color for visibility */
    color: ;     /* Text color */
    padding: 0;  /* Adjust padding as needed */
    margin:0;
    z-index: 1000;
}

header img {
	width:100%;
	max-width: 25vw;
	height: auto;  /* Maintain aspect ratio */
    object-fit: contain;  /* Ensures the image fits nicely */
    padding:10px 0px 5px 25px;
    margin:0;
}

header a {
	cursor:pointer;
}
  
header p {
	font-size:0.8em;
	padding-left:20px;
}
    
    .sondersammlung h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
    .sondersammlung ul { list-style-type: none; padding-left: 0; }
    .sondersammlung li { margin-bottom: 0.5em; }

.title { 
font-family:"Cinetype Light Italic";
font-style:normal; 
}
.author {  }
.meta { }

	.extra {
	font-family: "Cinetype Regular";
	}
	.extra a.active {
	text-decoration:underline;
	}
	.extra a:hover {
	text-decoration:underline;
	}
	

img {
padding-bottom:0;
margin-bottom:0;
}

p.caption {
padding-top:0;
margin-bottom:0;
}

/* Ensure no underline by default for submenu items */
.submenu li a, .submenu li {
    text-decoration: none;
}

/* Only add underline to active submenu items */
.submenu li.active a {
/*    text-decoration: underline;*/
}

/* Apply styles only when the parent is active */
nav ul li.active > a {
 /*   background-color: #f8d7a2; /* For example, to highlight active parent */
    text-decoration:underline;
}

/* Ensure the submenu is hidden by default and only shown when the parent is active */
.submenu {
    display: none; /* Initially hide submenu */
    margin: 0;
    margin-left:20px;
    padding:0;
}

nav ul li.active > .submenu {
    display: block; /* Show submenu when parent is active */
}

 
@media (max-width: 768px) {

	body {
	font-size: 1.2rem;
	}
	
	.container {    
    }
    
    inhalt img {
        max-width: 90vw;
    }
    article img {
    	max-width:90vw;
    }
    
    }