:root 	{
	    --bs-body-color: rgb( 102, 102, 102 );
	    --bs-body-font-weight: 300;
}

@font-face { font-family: Roboto; font-weight: 100; font-style: normal; src: url('fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 100; font-style: italic; src: url('fonts/Roboto-ThinItalic.ttf') format('truetype'); }
@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'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: normal; src: url('fonts/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: italic; src: url('fonts/Roboto-BlackItalic.ttf') format('truetype'); }


html, body 									{ font-family: Roboto, sans-serif; font-size: 12px; }
img 										{ _image-rendering: smooth; }


a 			{ text-decoration: none; color: black; }
h1 a 			{ color: rgba( 192, 192, 192, 1 ); }
.social .bi 	{ font-size: 1.5em; }
.social a:hover .bi 	{ color: rgba( 0,0,0, 0.5); }
.social a:hover svg 	{ fill: rgba( 0, 0, 0, 0.5 ); }
a:hover		{ color: rgba( 0, 0, 0, 0.5 ); }
.news.news a:hover svg polyline	{ stroke: rgb( 128, 128, 128 ); }

.grey 				{ color: rgb( 204, 204, 204 ); }



.nav-link										{ padding: 1px; line-height: 1.2; }
.navbar-nav>.nav-item>.nav-link					{ font-weight: 500; font-size: 33px; }
.navbar-light .navbar-nav .nav-link 			{ color: black; }
.navbar-nav>.nav-item>.nav 						{ margin: 3px 0; }
.navbar-nav>.nav-item>.nav>.nav-item>.nav-link 	{ font-weight: 300; color: rgb( 153, 153, 153 ); font-size: 17px; margin: 4px 0; }
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link:focus 		{ color: rgba( 0, 0, 0, 0.5 ); }
.navbar-nav>.nav-item>.nav>.nav-item>.nav-link.active, 	 	
.navbar-nav>.nav-item>.nav>.nav-item>.nav-link:focus, 	
.navbar-nav>.nav-item>.nav>.nav-item>.nav-link:hover 	{ font-weight: 300; color: rgba( 0, 0, 0, 1 ); }

/* navbar schwarz */

.navbar-toggler 								{ margin-top: -69px; }

figcaption 						{ font-size: 9px; font-weight: 300; color: rgb( 204, 204, 204); text-align: right; }

figure							{ position: relative; background-color: rgba(255,255,255,0.7); }
figure.project figcaption   	{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.6); padding: 2px 7px; display: none; margin-top: 0px; }
figure.project figcaption>div  	{ position: absolute; bottom: 15px; text-align: left; font-size: 18px; color: white; padding: 2px 7px; line-height: 1.5rem; font-weight: 400; }
figure.project figcaption>div .title 	{ font-size: 15px; text-transform: uppercase; }
figure.project figcaption>div .code 	{ font-size: 10.5px; }
a figure:hover figcaption      	{ display: block; }

.projectlist  figure 			{ margin-bottom: var(--bs-gutter-x); }

/* nur bei aktuelles - figure.page 					{ margin-top: 55px; } */

/* page/pagelist sizes */
main  								{ min-height: calc(100vh - 327px); }
main.news.news,
main.pagelist.page 					{ font-size: 13.5px; }

/* news */
.page.wir h1,
.pagelist.page h1,
main.news.news h1 					{ font-size: 18px; color: black; }
.page.wir h2,
.pagelist.page h2,
main.news.news h2 					{ font-size: 15px; color: black; }
.page.wir p 						{ margin-bottom: 0.5em; }
main.news.news .tag 				{ font-size: 12px; color: rgb( 128, 128, 128); font-weight: 300; }
main.news.news  					{ line-height: 1.2; font-weight: 300; color: rgb( 128, 128, 128 ); }
main.news.news .navigation a		{ font-size: 10.5px; color: rgb( 204, 204, 204); font-weight: 300; }
main.news.news .navigation a:hover	{ color: rgb( 128, 128, 128 ); }

.pagelist.page.büro 				{ display: grid; grid-template-columns: repeat(760, 1fr); grid-template-rows: repeat(636, 1fr); }
.pagelist.page.büro .link.team 		{ grid-column: 1/435; grid-row: 1/214; }
.pagelist.page.büro .link.jobs 		{ grid-column: 308/488; grid-row: 204/404; }
.pagelist.page.büro .link.jobs h1	{ text-align: right; }
.pagelist.page.büro .link.profil	{ grid-column: 530/760; grid-row: 20/372; }
.pagelist.page.büro .link.profil a 	{ display: flex; flex-flow: column; }
.pagelist.page.büro .link.profil h1		{ order: 2; margin-top: 0.5rem; text-align: right; }
.pagelist.page.büro .link.profil figure	{ order: 1; margin-bottom: 0; }
.pagelist.page.büro .link.kooperationen	{ grid-column: 580/760; grid-row: 386/586; margin-bottom: 0; }
.pagelist.page.büro .link.kooperationen h1	{ text-align: right; }
.pagelist.page.büro .link.innovation	{ grid-column: 1/217; grid-row: 252/583; margin-bottom: 0; }

.pagelist.page.kontakt .link h1 	{ font-size: 18px; font-weight: bold; }

a.news 				{ text-decoration: none; color: rgb( 128, 128, 128 ); font-weight: 300; line-height: 15px; }
a.news .tag 		{ font-size: 10.5px; }
a.news h2			{ color: black; font-weight: 400; font-size: 13px; margin-top: 11px; margin-bottom: 2px; }
a.news:hover 		{ color: black; }
a.news:hover h2		{ text-decoration: underline; }

a.btn 				{ padding: 0.25rem 0.5rem; font-size: 10.5px; }

/* kontakt */
.page.kontakt .textshort 	{ font-size: 13px; font-weight: 300; color: rgb( 128, 128, 128 ); }
.page.kontakt .htmllong 	{ font-size: 12px; font-weight: 300; color: rgb( 128, 128, 128 ); }
.page.kontakt h1 			{ font-size: 13.5px; color: black; font-weight: 400; }	
.page.kontakt h2 			{ font-size: 12px; color: black; font-weight: 400; }	

/* default */
.page.kontakt h1 			{ font-size: 13.5px; color: black; font-weight: 400; }	
.page.kontakt h2 			{ font-size: 12px; color: black; font-weight: 400; }	

/* project */
.project.project h1 			{ font-size: 18px; color: black; }	
.project.project h2 			{ font-size: 15px; color: black; }
.project.project    			{ color: rgb( 102, 102, 102 ); line-height: 1.3; font-weight: 300; }
.project.project dl 			{ font-size: 9px; line-height: 1.2; }
.project.project dt 			{ font-weight: 400; }

/* kooperationen */
.page.kooperationen 			{ color: black; }

footer							{ color: black; }

@media (min-width: 992px) {
	.sticky-lg-top	{ margin-top: -50px; }
}

.home.home h1					{ font-size: 2.25rem; font-weight: normal; color: rgb( 204, 204, 204 ); }

.row.newslist {
	--bs-gutter-x: 18px;
}
.row.projectlist {
	--bs-gutter-x: 12px;
}

.navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M2 6h26M2 15h26M2 24h26'/%3e%3c/svg%3e");
      width: 2em; height: 2em;
}

.navbar-light .navbar-toggler	{ border-color: rgba( 0, 0, 0, 0.5 ); }

.newslistcontent.more 		{ font-size: 15px; width: 100%; text-align: center; }
.newslistcontent.more a		{ color: rgb( 153, 153, 153 ); }
.newslistcontent.more a:hover	{ color: rgb( 0, 0, 0 ); }

.navbar                         { padding-top: calc( 0.5rem + 3px ); }


#searchWrapper	{ position: relative; display: inline-block; padding: 0.5rem; font-size: 25px; }
#searchCollapse 	{ position: absolute; top: 0px; left: 0px; }
#searchCollapse input 	{ border: none; border-bottom: 1px solid black; font-size: 33px; width: 150px; height: 39px; padding: 0.5rem; font-weight: 500; }
#searchClose .btn-close	{ position: absolute; top: 1px; right: -39px; }
#search input:focus 	{ outline: none; }
#_search input   { height: 50px; width: 300px; max-width: 100vw; margin-right: 15px; border: none; background-color: #f1f1f1; }
#_search input:focus             { outline: none; }
#_search input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset;
}



#search input::placeholder { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 33px; }
#search input:-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 33px; }
#search input::-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 33px; }