@font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: italic; src: url('fonts/Roboto-LightItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url('fonts/Roboto-Italic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: normal; src: url('fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: italic; src: url('fonts/Roboto-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url('fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url('fonts/Roboto-BoldItalic.ttf') format('truetype'); }

/* project, projectlist */
.grid       { padding: 0;  }
.grid-item  { position: relative; aspect-ratio: 16/9; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; }
.grid-item:first-child  { display: block; }
.grid-inset { background: white; padding: 10px; position: absolute; bottom: 0; }

@media (min-width: 992px) {
	article.col-inset 	{ margin-top: -5em; background-color: white; z-index: 1500; }
}


.nopic 		{ margin-top: 10em; }

.home .grid-item	{ position: relative; }
.news-title			{ position: absolute; bottom: 1rem; right: 2rem; color: white; padding: 10px; background-color:  rgba(0,0,0,0.2); backdrop-filter: blur(3px); }
.news > div 		{ font-size: 17px; }

table 		{ margin-left: -0.5em; margin-right: -0.5em; table-layout: fixed; }
table .col-name 	{ width: 60%; }
table .col-city 	{ width: auto; }
table .col-year 	{ width: 10%; }

a 			{ color: black; text-decoration: 1px underline dotted; text-underline-offset: 3px; }
a:hover 	{ color: var(--bs-navbar-hover-color); }

footer		{ margin-top: 5rem; }


/* navbar */
.nav-link   { font-size: 2rem; display: inline-block; padding: 0; }
.nav-item   { display: inline-block; padding: 0; }

header.row		{ margin-top: 10px; margin-bottom: 10px; }

#desktop_logo_small  	{ display: none; }
#desktop_logo  			{ display: block; }
@media (max-width: 991px) {
	#desktop_logo_small	{ display: block; }
	#desktop_logo 		{ display: none; }
}

/* karlkarl 2025-11-03 marginal dd */
dd 					{ margin-bottom: 0; }
dd+dt  				{ margin-top: 0.5rem; }

:root {
	--bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
}

.navbar-toggler {
	padding-right: 0px;
	padding-left: 0px;
	border: none;
}
.navbar-toggler:focus {
	border: 1px solid grey;
	box-shadow: none;
}

.plaene {
	font-size: 1.5rem;
	line-height: 1.75rem;
}
.plaene li.active a {
	text-decoration: none;
}