:root {
	/* see https://ethz.ch/staffnet/de/service/kommunikation/corporate-design/farbe.html*/
	--eth-grau-10: #F1F1F1;
	--eth-grau-20: #E2E2E2;
	--eth-grau-dunkel: #575757;
	--eth-rot-dunkel: #96272D;

	--selected-color: var(--eth-rot-dunkel);
	--button-color: var(--eth-rot-dunkel);
	--button-font-color: white;
	--border-color: var(--eth-grau-20);
	--thumbnail-background-color: var(--eth-grau-10);
}
@font-face {
	font-family: "DINNext";
	src:local("DINNext Regular"),local("DINNext-Regular"),url("./fonts/DINNext-Regular.woff") format("woff")
}
html, body {
	font-family: "DINNext", sans-serif !important;
	font-size: 16px;
	color: black;
}
anura-text::part(text-value)::placeholder, anura-select::part(fieldset-search)::placeholder {
	font-family: "DINNext", sans-serif !important; /*chrome needs help*/
}
a, nav button anura-icon, #settings anura-icon {
	color: var(--button-color);
}
anura-modal::part(modal-body) {
	background: url('../img/background.jpg') no-repeat center center / cover;
	background-position-y: 90%;
}
* {
	outline-color: var(--button-color);
	accent-color: var(--button-color);
}

/* START bulma can't var() yet */
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active,
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, .navbar-dropdown a.navbar-item.is-active {
	color: var(--button-color);
}
.navbar-link:not(.is-arrowless)::after {
	border-color: var(--button-color);
}
/* END bulma can't var() yet */

/* Anpassungen NG */
html, body {
	min-width: 416px;
}
.image.is-256x256 {
    height: 256px;
    width: 256px;
	float: left;
    margin: 35px;
}
.image.is-256x256 img {
	border-radius: 18px;
}

figcaption {
    color: white;
    padding-top: 2px;
    padding-right: 1em;
    padding-bottom: 0px;
    padding-left: 1em
}
anura-modal::part(modal-container) {
	border-radius: 20px;
}
.navbar-brand .navbar-item {
	padding: 1.25rem 46px 1.25rem 1.5rem;
}
a:hover {
	color:black;
}
anura-details::part(details-dl) {
    font-size: 0.91rem;
}
anura-details::part(details-dt) {
    font-weight: bold;
    width: 220px;
}
html[lang="de"] anura-gallery::part(download-listing-header-title)::after {
    content: "Mit dem Download akzeptieren sie die AGBs.";
    display: block;
	font-size: 14px;
}
html[lang="en"] anura-gallery::part(download-listing-header-title)::after {
    content: "With the download you accept the terms and conditions.";
    display: block;
	font-size: 14px;
}
anura-tree::part(node-icon) {
    display: none;
}
anura-metadata::part(metadata-button) {
    display: none;
}
anura-details::part(details-title) {
    background-color: #f5f3f3;
}
/*anura-details::part(details-dd) {
    white-space: pre-line;
}*/
.navbar-sub-brand a {
    white-space: nowrap;
    font-size: clamp(0.5rem, 3vw, 1rem);
}
span {
    font-family: 'DINNEXT';
}
@media screen and (max-width: 720px) {
    body footer {
        padding: 0.2em;
    }
}
/* Ende Anpassungen NG */