/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
	font-family:  'Roboto', sans-serif;
	color: #1C2730;
}

body {
	padding-top: 56px;
	background-color: #EEE;
	/*background-image: url(../img/back1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;*/
}

h2 {
	color: white;
	font-size: 1.5rem;
	padding: 1rem 1rem;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
}
h2 .text-muted {
	padding: 0;
	font-size: 50%;
	vertical-align: middle;
	color: white!important;
	font-weight: 400;
}

p {
	font-size: 1.05rem;
	line-height: 1.5rem;
}

li {
	list-style: none;
}

hr {
	border: 0;
  height: 1px;
  background-color: #1C2730!important;
	padding-left: 3rem;
	padding-right: 3rem;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}

@media (min-width : 768px) {
	body {
		padding-top: 80px;
	}
  article {
    margin-bottom: 1rem;
  }
  h2 {
    margin-bottom: 2rem;
    margin-top: 4rem;
  	padding: 1.25rem 1rem;
  }
  h2 .text-muted {
    padding: 0 1rem;
  	font-size: 60%;
  }

}
@media (min-width : 1200px) {
  h2 {
    font-size: 2.1rem;
    padding: 1.25rem 1rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
  }
  h2 .text-muted {
    padding: 0 1rem;
  }
}





.site-title {
	background-image: url(../img/back1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vH - 56px);
	/*height: calc(var(--vh, 1vh) * 100);*/
}
.site-title h1 {
  font-family:  'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 3rem;
	padding-top: 4rem;
	padding-bottom: 1rem;
}
.site-title h1 img{
  height: 60px;
  padding: 0px 22px 0px 0;
  /*margin-right: 32px;
  border-right: solid 8px #EEE;*/
}
.site-title h1 small {
	/*color: #75A3C9!important;*/
	color: white!important;
	padding-top: 2.5rem;
	font-weight: 400;
	display: block;
	font-size: 40%!important;
}
.site-title .btn-scrolldown {
  position: absolute;
  bottom: 1rem;
  left: calc(50% - 86px);
	font-size: 1rem;
	padding: 0.75rem;
	color: white!important;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	border-radius: 24px;
}
.site-title .btn-scrolldown:hover {
	text-decoration: none;
	background-color: white;
	color: #1C2730!important;
}

@media (min-width : 768px) {
  .site-title {
    height: calc((var(--vh, 1vh) * 100) - 80px);
  }
  .site-title h1 {
    font-size: 5rem;
    padding-top: 7rem;
    padding-bottom: 6rem;
  }
  .site-title h1 img{
    height: 120px;
    padding: 0px 40px 0px 0;
    /*margin-right: 32px;
    border-right: solid 8px #EEE;*/
  }
}
@media (min-width : 1200px) {
  .site-title h1 {
    font-size: 6rem;
    padding-top: 7rem;
    padding-bottom: 6rem;
  }
  .site-title h1 img{
    height: 140px;
    padding: 0px 50px 0px 0;
    /*margin-right: 32px;
    border-right: solid 8px #EEE;*/
  }
  .site-title h1 small {
    padding-top: 2.5rem;
    font-weight: 400;
    display: block;
    font-size: 40%!important;
  }
  .site-title .btn-scrolldown {
    font-size: 1.2rem;
    padding: 1rem;
  }
}






.container-white {
	background-color:rgba(255,255,255,0.8);
}
.container-blue {
	background-color: #1C2730!important;
}
.blue-left {
	background: -moz-linear-gradient(left, rgba(28, 39, 48, 1) 0%, rgba(28, 39, 48, 1) 49%, rgba(151,186,216,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28, 39, 48, 1)), color-stop(49%, rgba(28, 39, 48, 1)), color-stop(50%, rgba(151,186,216,1)), color-stop(51%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(28, 39, 48, 1) 0%, rgba(28, 39, 48, 1) 49%, rgba(151,186,216,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(28, 39, 48, 1) 0%, rgba(28, 39, 48, 1) 49%, rgba(151,186,216,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(28, 39, 48, 1) 0%, rgba(28, 39, 48, 1) 49%, rgba(151,186,216,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(28, 39, 48, 1) 0%, rgba(28, 39, 48, 1) 49%, rgba(151,186,216,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f74b0', endColorstr='#ffffff', GradientType=1 );
}
.blue-right {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(151,186,216,1) 50%, rgba(28, 39, 48, 1) 51%, rgba(28, 39, 48, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(151,186,216,1)), color-stop(51%, rgba(28, 39, 48, 1)), color-stop(100%, rgba(28, 39, 48, 1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(151,186,216,1) 50%, rgba(28, 39, 48, 1) 51%, rgba(28, 39, 48, 1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(151,186,216,1) 50%, rgba(28, 39, 48, 1) 51%, rgba(28, 39, 48, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(151,186,216,1) 50%, rgba(28, 39, 48, 1) 51%, rgba(28, 39, 48, 1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(151,186,216,1) 50%, rgba(28, 39, 48, 1) 51%, rgba(28, 39, 48, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2f74b0', GradientType=1 );
}
.color-white {
	color: white!important;
}
.color-dark-blue {
	color: #1C2730!important;
}
.color-dark-grey {
	color: #414649!important;
}
.color-light-grey {
	color: #6E767C!important;	
}
.color-blue {
	color: #49657C!important;
}
.color-light-blue {
	color: #75A3C9!important;
}








.navbar-toggler {
  position: absolute;
  right: 16px;
  top: 8px;
}
.navbar {
	background-color: #1C2730!important;
	border-bottom-color: #6E767C;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: white;
	height: auto;
}
.navbar-brand-title {
	font-weight: 400;
	padding-top: 6px;
	margin-bottom: 3px;
	color: white;
	font-size: 1.3rem;
	line-height: 1.3rem;
}
.navbar-brand-subtitle {
	display: block;
	font-size: 1rem;;
	font-weight: 400;
	margin-bottom: 0;
	color: rgba(255,255,255,0.75)!important
}
a.nav-link {
	font-weight: 500;
	font-size: 1rem;
}
@media (min-width : 768px) {
  .navbar {
    height: 80px;
  }
}
@media (min-width : 1200px) {
  .navbar-brand-title {
    padding-top: 5px;
    margin-bottom: 3px;
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
  .navbar-brand-subtitle {
    font-size: 1rem;;
  }
	.nav-item {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: white;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-weight: 400!important;
		color: rgba(255,255,255,0.5);
	}
	.navbar-dark .navbar-nav .nav-link:hover {
		color: rgba(255,255,255,1);
	}
	.navbar-dark .navbar-nav .nav-link:visited {
		color: rgba(255,255,255,0.9);
	}
	.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
		color: rgba(255,255,255,0.9);
	}
	.nav-item:first-of-type {
		padding-right: 1rem;
		padding-left: 1rem;
		border-left-style: none;
	}
}









footer {
	padding-top: 3rem;
	padding-bottom: 2rem;
	background-color: #1C2730!important;
}

footer p {
	color: #6E767C!important;
	font-size: 1rem;
	line-height: 1.5rem;
}
.shariff li, .shariff li a {
    height: 35px;
}
.shariff li a {
		background-color: transparent!important;
    line-height: 33px;
    vertical-align: middle;
    text-align: center;
}
.shariff-button {
	border-color: #6E767C;
	border-width: 1px;
	border-style: solid;
}
.shariff span{
	color: #6E767C!important;
}
@media (min-width: 768px) {
  footer {
    margin-top: 2rem;
  }
}




#grp_datenschutz p {
	font-size: 0.95rem;
	line-height: 1.45rem;
}
#grp_datenschutz li {
	list-style: disc;
	font-size: 0.95rem;
}
@media (min-width: 576px) {
}

@media (min-width: 768px) {
#grp_datenschutz p {
	font-size: 1.1rem;
	line-height: 1.8rem;
}
#grp_datenschutz li {
	font-size: 1.1rem;
}
}

@media (min-width: 992px) {
}








.card-header h4 {
  margin-bottom: 0;
}
.card li {
  list-style: disc;
}
.card-transparent .card-icon-top {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
}
.card-transparent .card-title {
  font-weight: 400;
  font-size: 0.9rem;
  text-align: center;
}
.card-transparent .card-icon {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card-background-blue .card {
  background-color: #1C2730!important;
  margin: 2rem;
}
.card-background-blue .card-icon-top {
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 4.5rem;
}
.card-background-blue .card-title {
  font-weight: 400;
  font-size: 1.25rem;
  text-align: center;
}
.card-background-blue .card-icon {
  margin-top: 0;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .card-transparent .card-icon-top {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 4.5rem;
  }
  .card-transparent .card-title {
    font-size: 1.25rem;
  }
  .card-transparent .card-icon {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

}








.none-link {
	color: #1C2730!important;
	text-decoration: none!important;
	font-weight: 600;
}

.none-link:hover {
	color: #414649!important;
	text-decoration: none!important;
}




@media (min-width: 576px) {
.container {
	max-width: none;
}
}

@media (min-width: 992px) {
.container {
	max-width: 960px;
}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}


.cc-banner .cc-message {
  color: white;
}