@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

/* GLOBAL */
html {
    scroll-behavior: smooth;
}

body { 
	font-family: Lato, sans-serif;
	font-weight: 300;
	}

header { 
	padding-top: 50px; 
	}

h1, h2 { 
	display: inline-block; 
	color: #555; 
	}
h1.logo { 
	padding: 0; 
	margin: 0; 
	font-size: 2rem; 
	background-color: transparent; 
	}
h1.headline { 
	padding: 10px; 
	margin-top: 20px; 
	font-size: 1.25rem; 
	background-color: #fafafa; 
	}
p { 
	padding: 5px 0; 
	margin: 0; 
	font-size: 1.25rem; 
	color: #000; 
	}
.pb-end {
    padding-bottom: 200px;
}

li {
	font-size: 1.25rem;
	}
a { 
	color: gray; 
	text-decoration: none;
	}
a:hover,
a:active,
a:visited { 
	outline: none !important; 
	text-decoration: none; 
	color: black; 
	}
.text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important;
}
.bg-darkgray {
    background-color: rgba(51, 51, 51, 0.99);
    border-color: rgba(34, 34, 34, 0.99);
    box-shadow: inset 10px 1px 30px 20px rgba(0, 0, 0, 0.5);
}

/* Navbar */
button {
	margin: 0 auto;
	}
nav { 
	padding-top: 20px; 
	}
nav.bg-light {
    background-color: rgba(255, 255, 255, 1) !important;
}
.navbar {
	--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0);
	}
.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0);
}
.dropdown-menu {
	border: solid thin transparent;
}
.dropdown-item {
	font-weight: 300;
}

/* INDEX */
.startbild {
    z-index: -99 !important;
}
	/* Aktuelles */
.card {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0rem;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important;
}

/* WERKE */
.modal {
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 0px;
  --bs-modal-border-radius: 0px;
  --bs-modal-inner-border-radius: 0px;
  --bs-modal-header-border-color: rgba(255,255,255,0);
  --bs-modal-header-border-width: 0px;
  --bs-modal-footer-border-color: rgba(255,255,255,0);
  --bs-modal-footer-border-width: 0px;
}

/* VITA */
.portrait { 
	text-align: center; 
	}
.vita-text {
	padding: 10px 10px 20px 10px;
	text-align: justify;
	}

/* KONTAKT */
.kontakt {
	text-align: center;
	}
.abstand-oben {
	padding-top: 50px;
	}
.abstand-oben-80 {
	padding-top: 80px;
	}

/* IMPRESSUM */
footer { 
	padding-top: 40px; 
	}
.impressum {
	padding: 10px 10px 20px 10px;
	text-align: justify;	
	}
i.bi-caret-up,
i.bi-file-pdf {
    font-size: 2rem;
}