@import "/includes/fonts/open-sans-v2/styles.css";

@font-face {
	font-family: 'Polo';
	src: url("https://www.csu.de/assets/fonts/P22R.eot");
	src: url("https://www.csu.de/assets/fonts/P22R.eot?#iefix") format("embedded-opentype"), url("https://www.csu.de/assets/fonts/P22R.woff") format("woff"), url("https://www.csu.de/assets/fonts/P22R.ttf") format("truetype"), url("https://www.csu.de/assets/fonts/P22R.svg") format("svg");
	font-weight: 400;
	font-style: normal
}


:root {
	--color-main: #018ac5;
	--dark-blue: #003366;
	--color-gray: #555;
	--color-red: #993636;
	--color-green: #5e975e;
	--bs-light: #ccc;
}

body {	
	font-family: 'Polo', Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

.form-control {
  font-size: 1.1rem;
}

.headline {
  background: white;
  color: black;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
  margin-bottom: 3rem;
}

#logo {
  max-height: 70px;
  margin: 10px;
}

.nav .nav-link.active {
	border-color: var(--color-main);
	background-color: var(--color-main);
}

.navbar-nav .nav-link {
  color: var(--color-main);
}

.sw .toolbar > .sw-btn, .btn-primary {
  background-color: var(--color-main);
  border: non;
}

.nav .nav-link.active::after {
  border-left-color: var(--color-main)!important;
}

.nav .nav-link.active {
  border-color: var(--dark-blue)!important;
  background-color: var(--color-main)!important;
}

.sw .toolbar > .sw-btn:hover, .btn-primary:hover {
  background-color: var(--color-main);
}

.sw > .progress > .progress-bar {
  background-color: var(--color-main);
}

.nav .nav-link.active::after {
  border-left-color: var(--color-main);
}

.nav .nav-link.error {
	background: #dc3545;
	}

.nav .nav-link.error::after {
  border-left-color: #dc3545;
}

.paypal-button {
  background: var(--color-main)!important;
}

#details {
	background: #e5f2f8;
	padding: 2rem;
}

#details h4 {
	color: black
}


.introtext {
  font-size: inherit;
}

.footer p {
  font-size: 0.9rem;
}