/* der Einblendeffekt*/

@keyframes startup{
	0%{	opacity: 0%;	}
	100%{	opacity: 100%;	}
}
	
#home{
	animation: startup 3s 1 ease-in;
	/* Scrollbalken der Browser seitenweit abschalten */
	scrollbar-width: none;
}


/* der Einblendeffekt*/
html{
	
	font-weight: 400;
	font-style: normal;
	height: 100%;
	width:100%;
	font-size: .9em;
}

body{height: 100%}


/* Links -außer Menü!- schwarz färben */
.black {
	color: #000;
	text-decoration: underline;
}
.black :hover {
	color: #000;
	font-size: larger;
}

/* Macht den Sehausschnitt je Menüpunkt genau eine Seite groß */
.page-section {
	width: 100%;
	height: 100%;
}

/* Färbt das Nav Menü archi-grau */
.bg-nav {
	background-color: #e9ecef !important;
}

/* Einstellungen für das main Menü */
#mainNav {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 400;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
	color: #000;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
	color: #000;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
	color: #000;
	background: #dde0e3;
}                   
#mainNav .navbar-nav li.nav-item a.nav-link:active,#mainNav .navbar-nav li.nav-item a.nav-link:focus {
color: #000;
}
/*Verhindert andersfarbigen Streifen unter dem Menü */
#mainNav.navbar-shrink {
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}
.pl-lg-3, .px-lg-3 {
	padding-left: 0.5rem !important;
}
.pl-lg-3, .px-lg-3 {
	padding-right: 0.5rem !important;
}

/* Einstellungen für "Home" */
.bg-gray {
	background-color: #e9ecef;
}
.bg-white {
	background-color: white;
}
.logo {
	background-image:url(../assets/img/logo_text.svg);
    background-position: center;
	background-repeat: no-repeat;
	background-color: #e9ecef;
	background-size: 50%;
}
/* Einstellungen für "Büro" */

/*#desk {
	background-color: #fff !important;
	text-align: justify;
}*/
	
.desk_text{
	padding-top: 5%;
	padding-bottom: 5%;
}

/* .desk_text2{
	padding-top: 5%;
	padding-bottom: 10%;
}
*/	

/* damit ragt das linke Bild nicht über den Textrand */
/* .col-lg-6a{padding-left:0.5rem} */

.desk_img{
	height: 405px;
	width: 540px;	
}

.desk_lead{
	font-weight: bold;
	font-size:1.25rem;
	margin-top:20px;
	margin-bottom:5px;
}


/* Einstellungen für "Leistungen" */

.lead{
	font-weight: bold;
	margin-bottom: 20%;
}

.aufz{
	height:130px;
}

.aufz li{
	list-style-type: circle;
	text-align: left;	
}

.pt-text{
	margin-top:20%;
}

/* Einstellungen für "Projekte" */

#gallery img {
	  height: 16vw;
	  object-fit: cover; 
	  
	  @media (min-width: 576px;) {
		height: 35vw;
	  }
	  
	  @media (min-width: 992px;) {
		height: 18vw;
	  }
}


.car_img_cap {
	/* Formatierung der Bildbeschreibungen*/
	font-weight: normal;
}

/*.carousel-item img {
		
		height: 16vw;
		object-fit: cover;
		@media (min-width: 576px;) {
		height: 350px;
		 }
} */


/* Die Pfeile --  fill='%23fff' für weiß */

/* .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-control-prev {
	left: -90px;

}
.carousel-control-next {
	right: -90px;
}  */


/* Einstellungen für "Forschung" */

#research {
	text-align:justify;
}

.text_ita{
	font-style:italic;
}

.research_img1{
	height: 300px;
	width: 450px;
	margin-top:10px;
}	
.research_img2{
	height: 360px;
	width: 540px;
	margin-top:-30px;
	}

/* Einstellungen für "Vita" */
	
/* Zeilenabstand */
.z-ab{margin-top:1.5em;}

/* Einstellungen für "Kontakt/Impressum" */

/* verlängert die Graufärbung über den Sehausschnitt hinaus (wg Länge des Disclaimers) */

.imp-section {
	width: 100%;
	height: 150vh;
}

.logoSizer {
	width:60%;
	height: 60%;
}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.blacklink a{
	text-decoration: none;
	color: black;
}
.blacklink a:hover{
	text-decoration: underline;
}

.contact_map {
	padding-top: 5% ;
}

/* Einstellungen für "Referenzen" */


#references table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  }
  
#references th, td {
  text-align: left;
  padding: 16px;
  }

#references tr:nth-child(even) {
  background-color: #e9ecef;
 }


/* Überschreiben der bootstrap Menü-Farbvorgabe für den Hamburger-Button */
.bg-primary {background-color: #dde0e3 !important;	}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #dde0e3 !important;}

/* gestaltet das page-up chevron */
/* .blackchev a {
	font-size: larger;
	text-decoration: none;
	color: black;
}
.blackchev a:hover {
	font-size: 2rem;
} */