@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Apertura, sans-serif;
  font-weight: 200;
  font-style: normal;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    background-color: #286aa1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  font-family: Apertura, sans-serif;
  font-size: 0.9rem; 
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  text-align: left;
  background-color: #fff;
}
p {
  font-family: Apertura Condensed, sans-serif;
  font-size: 0.9rem; 
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;	
  margin-top: 0;
  margin-bottom: 0.9rem;
}
@media (min-width: 482px) and (max-width: 767px) {
	p {font-size: 1rem; font-weight: 200; }
	body {font-size: 1rem;}
}
@media (min-width: 768px) and (max-width: 1023px)  {
	p {font-size: 1rem; font-weight: 200; }
	body {font-size: 1rem;}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	p {font-size: 1.1rem; font-weight: 200; }	
	body {font-size: 1.1rem;}
}
@media (min-width: 1280px)  {
	p {font-size: 1.2rem; font-weight: 200;}
    body {font-size: 1.2rem;}
}

h1, h2, .h1, .h2 { margin-bottom: 1.2rem; line-height: 1.2;}
h1, .h1 {margin-top: 0;	font-weight: 200; color: #555;}
h2, .h2 {
  font-weight: 200;	
  line-height: 1.8;
  color: #900237; /* rot*/
  margin-top: 2rem;
}
h3, h4, h5, h6 {margin-top: 0;}
h3, .h3 {font-weight: 200; color: #666666;}
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {margin-bottom: 1rem;line-height: 1.2;}
h1, .h1 {font-size: 2rem;}
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.3rem;}
h4, .h4 {font-size: 1.2rem; }
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }

@media (min-width: 482px) and (max-width: 767px) {
	h1, .h1 {font-size: 2.2rem; }
	h2, .h2 {font-size: 1.5rem; }
	h3, .h3 {font-size: 1.3rem; }
	h4, .h4 {font-size: 1.2rem; }
	h5, .h5 {font-size: 1.1rem; }
	h6, .h6 {font-size: 1rem; }
}
@media (min-width: 768px) and (max-width: 1023px)  {
	h1, .h1 {font-size: 2.5rem; }
	h2, .h2 {font-size: 1.8rem; }
	h3, .h3 {font-size: 1.5rem; }
	h4, .h4 {font-size: 1.2rem; }
	h5, .h5 {font-size: 1.1rem; }
	h6, .h6 {font-size: 1rem; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
	h1, .h1 {font-size: 2.8rem; }
	h2, .h2 {font-size: 1.9rem; }
	h3, .h3 {font-size: 1.45rem; }
	h4, .h4 {font-size: 1.3rem; }
	h5, .h5 {font-size: 1.2rem; }
	h6, .h6 {font-size: 1.1rem; }
}
@media (min-width: 1280px)  {
	h1, .h1 {font-size: 3.2rem; }
	h2, .h2 {font-size: 2.0rem; }
	h3, .h3 {font-size: 1.8rem; }
	h4, .h4 {font-size: 1.5rem; }
	h5, .h5 {font-size: 1.25rem; }
	h6, .h6 {font-size: 1.2rem; }
}

#navbarSupportedContent {
  /*float: right;*/
}
.shadow { box-shadow: 1px 1px 5px 1px #666; }

/*8520*/
.mr-auto,
.mx-auto {margin-left: auto !important;}

/*6755*/
.bg-light {background-color: #f8f9fa !important;}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

/*5243*/
/*.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 0.3rem;
    background-image: url(../images/header.jpg);
    background-position: center center;}
@media (min-width: 576px) {.jumbotron {padding: 19rem 2rem;}}
*/
.jumbotron {
    padding: 0;
    margin-bottom: 2rem;
    background-color: #fff;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 0;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.fs-cog {
  margin-top: 0;	
  font-size: 2rem;
  color: #025090; /*Logo-Blau*/
}
@media (min-width: 482px) and (max-width: 767px) {
	.fs-cog {font-size: 2rem; }
}
@media (min-width: 768px) and (max-width: 1023px)  {
	.fs-cog {font-size: 2.1rem; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.fs-cog {font-size: 2.2rem; }
}
@media (min-width: 1280px)  {
	.fs-cog {font-size: 2.3rem; }
}

/*Graue Textboxen*/
.box {
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

a {
  color: #025090;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #436e92;
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

/*116*/
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

.content-ul ul  { max-width: 10em; border: 0px solid blue; }
.content-ul li  { background-color: transparent; margin: 2px; }
.outside { list-style-position: outside; }
.inside  { list-style-position: inside; }

.content-ul li {
    font-family: Apertura Condensed, sans-serif;
    font-size: 0.9rem; 
    font-weight: 400;
}

@media (min-width: 482px) and (max-width: 767px) {
	.content-ul li {font-size: 1rem; font-weight: 200; max-width: 28em;}
}
@media (min-width: 768px) and (max-width: 1023px)  {
	.content-ul li {font-size: 1rem; font-weight: 200; max-width: 32em;}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.content-ul li {font-size: 1.1rem; font-weight: 200; max-width: 37em;}	
}
@media (min-width: 1280px)  {
	.content-ul li {font-size: 1.2rem; font-weight: 200; max-width: 40em; }
}

.red {color: #900237;}
.blue {color: #025090;}
.grey {color: #6c757d;} 
.mt-20 {margin-top: 20px;}

b, strong {font-weight: 700;}

small, .small {font-size: 80%; font-weight: 400;}
.s-90 {font-size: 90%; font-weight: 400;}
.s-75 {font-size: 75%; font-weight: 400;}
.s-65 {font-size: 65%; font-weight: 400;}
.s-50 {font-size: 54%; font-weight: 400;}


.l-09 {line-height: 0.9 ;}
.l-08 {line-height: 0.8 ;}
.l-07 {line-height: 0.7 ;}
.l-06 {line-height: 0.6 ;}
.l-05 {line-height: 0.5 ;}

.lsp-1 {letter-spacing: 1px;}
.lsp-2 {letter-spacing: 2px;}
.lsp-3 {letter-spacing: 3px;}
.lsp-4 {letter-spacing: 4px;}

.footer {
    /*background-color: #cdcdcf;*/
    background-color: #025090;
    padding: 20px 15px 8px 15px;
    margin-top: 20px;
    color: #fff;
}
.footer p {
    font-family: Apertura Condensed, sans-serif;
	font-size: 0.7rem;
    font-weight: 200;
    color: #fff;
}
@media (min-width: 482px) and (max-width: 767px) {
	.footer p {font-size: 0.7rem; }
}
@media (min-width: 768px) and (max-width: 1023px)  {
	.footer p {font-size: 0.8rem; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.footer p {font-size: 0.9rem; }
}
@media (min-width: 1280px)  {
	.footer p {font-size: 1rem; }
}
.footer a, .footer a:active {color: #eee;} 
.footer a:hover {color: #cdcdcf;} 

/* Kontakt-Formular*/
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #6c757d;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #ddd;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}