: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: 250px;
	max-width: var(--dt-max-width, 11rem);
}
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';
}
#settings select {
    font-family: 'DINNEXT';
}
anura-basket::part(basket-button-order) {
	display: none;
} 
@media screen and (max-width: 720px) {
    body footer {
        padding: 0.2em;
	}
	 .navbar-sub-brand a {
    	font-size: 6px; 
		white-space: normal;
  	}
	.navbar-brand .navbar-item {
		padding: 1.25rem 30px 1.25rem 1.5rem;
	}
	#filters {
    	padding-top: 1px;
	}
}
@media screen and (max-width: 480px) {
	.navbar-sub-brand a {
    	font-size: 5px; 
  	}
}
@media screen and (max-width: 1023px) {
	.only-desktop {
		display: none;
	}
}
@media screen and (max-width: 1023px) {
    .navbar-menu button:after, .navbar-menu anura-basket::part(basket-button-main):after, .navbar-menu anura-metadata::part(metadata-button):after, .navbar-menu #sort:before {
     	font-size: 16px;
        padding-bottom: 4px;
        color: black;
        font-family: 'DINNext';
        padding-top: 4px;
    }
}
.navbar-item, .navbar-link {
    padding: .1rem .5rem;
}
/* KI Button deaktivieren */
anura-searchbar::part(searchbar-ai) {
	display: none;
}
/* Aktionen in der Listenansicht */
anura-table::part(anura-col-actions anura-col-at-3) {
	width: 7em;
}

/* Ende Anpassungen NG */