@charset "UTF-8";

@font-face {
    font-family: "Lato"; 
    font-weight: 500;
    src: url("../fonts/Lato-Light.ttf") format("truetype");
}

:root {
  --bs-font-sans-serif: Lato;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5;
  --bs-dark-rgb: 65, 80, 102;
  --bs-body-bg-rgb: 171, 172, 173;
  --bs-primary-rgb: 65, 80, 102;

}


/* TEXT */

html, body {
	font-family: 'Lato'; 
}

h1{
	font-size: 1.6em;
	margin-bottom: 2rem;
	color: #092f68;
	font-weight: 500 !important;
}

h2 {
	font-size: 1.4em;
	margin-bottom: 2rem;
	color: #092f68;
	font-weight: 500 !important;
}

h1.rot, h2.rot {
	color: #E5092A;
}

h3 {
	font-size: 1.2em;
	color: #092f68;
}

ul {
	margin-top: 1rem;
}

ul.lead li {
	list-style: none;
	color: #092f68;
}

ul.lead a {
	padding-left: 0.8em;
	text-decoration: none;
}

ul.lead a:hover {
	padding-left: 0.8em;
	text-decoration: underline;
}

a {
	color: #444;
}

a:hover {
	color: #000;
}

b, strong {
    font-weight: 1000; 
}

p.trechts {text-align:right;}

p.tcenter {text-align:center;}

/* NAVIGATION */

.navbar-dark .navbar-nav .nav-link {
color: #415066;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
color: #000;
font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: #000;
font-weight: bold;
}



/* LOGO */

.navbar-brand {
text-align: center;
letter-spacing: 1px;
font-size: 0.7em;
color: #ABACAD !important;
}

.navbar-brand em.logo {
	font-size: 4em;
	font-style: normal;
	letter-spacing: 3px;
	color: #415066;
}

.navbar-brand em.sublogo {
	font-style: normal;
	letter-spacing: 1px;
	font-size: 1.2em;
	border-top-style: solid;
	border-top-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	color: #415066;
}

.navbar-brand em.subsublogo {
	font-style: normal;
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #415066;
}

.navbar-toggler {
	background-color: #092f68;
	}


.text-abt {
	font-size: 1.8em;
	margin-top: 11rem !important;
	color: #fff;
	background-color: rgba(9,47,104, 0.7);
	border-radius: 5px; 
	padding: 12px;
}


/* BUTTONS */

.btn-primary, .btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #092f68;
border-color: #092f68;
}

.btn-primary:hover {
color: #fff;
background-color: #777777;
border-color: #777777;
}


/* HEADER */

.bg-dark {
background-color: #eee !important;
}

.bg-darkmm {
background-color: #f6f8fc !important;
border-radius: 10px;
}

header.bg-header {

background-image: url(../assets/abendstimmung_5-2835149475.jpg);
/*background-image: url(../assets/istockphoto-840610244-1024x1024.jpg);*/
background-position: center center;
background-size: cover;
height: calc(350px + 10vw);
max-height: 1000px;
overflow-y: hidden;
}

header.bg-header2 {
background-image: url(../assets/abendstimmung_5-2835149475.jpg);
background-position: center center;
background-size: cover;
height: calc(250px + 10vw);
max-height: 400px;
overflow-y: hidden;
}

header.bg-header_leistung {
background-image: url(../assets/45008814975_acbef7f442_b-2536401592.jpg);
background-position: center center;
background-size: cover;
height: calc(400px + 10vw);
max-height: 600px;
overflow-y: hidden;
}

header.bg-bottom {
background-image: url(../assets/abendstimmung_5-2835149475.jpg);
background-position: center center;
background-size: cover;
height: calc(400px + 10vw);
max-height: 400px;
overflow-y: hidden;
margin-top: 2rem;
}

.py-5 {
	padding-top: 8rem !important;
	margin-top: -8rem;
	padding-bottom: 1rem !important;
}

.my-5 {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}