@font-face {
  font-family: 'Proxima-Nova';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Proxima-Nova-Regular.eot');
  src: local('Proxima-Nova Regular'), local('Proxima-Nova-Regular'),
  url('../fonts/Proxima-Nova-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Proxima-Nova-Regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Proxima-Nova-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Proxima-Nova-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Proxima-Nova-Regular.svg#Proxima-Nova') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Proxima-Nova';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Proxima-Nova-Bold.eot');
  src: local('Proxima-Nova Bold'), local('Proxima-Nova-Bold'),
  url('../fonts/Proxima-Nova-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Proxima-Nova-Bold.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Proxima-Nova-Bold.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Proxima-Nova-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Proxima-Nova-Bold.svg#Proxima-Nova') format('svg'); /* Legacy iOS */
}


@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Lato Regular'), local('Lato-Regular'),
	url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Lato Bold'), local('Lato-Bold'),
	url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

body {
	background: #ffffff !important;
	padding: 0;
	font-family: 'Proxima-Nova', 'Lato', sans-serif;
}

header {
   padding: 1em;
   box-shadow: 0 0 40px rgba(0,0,0,0.15);
}

main {
   margin: 4em 0;
   height: 100%;
   max-height: 100%;
	min-height: 83vh;
}

footer {
   padding: 1em;
   box-shadow: 0 0 40px rgba(0,0,0,0.15);
}

.one-column_x .d-none, .one-column_x .d-flex {
	border-radius: 8px;
}

.one-column_x .btn-sm {
padding: .20rem 1.5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: 1.5rem;
}

.one-column_x .btn-dark {
color: #fff;
background-color: #38638E;
border-color: #38638E;
}

.one-column_x .mb-1 {
margin-bottom: .45rem!important;
}
.one-column_x .alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 0px solid transparent;
border-radius: .8rem;
}

.one-column_x .bg-dark {
background-color: #223150!important;
}

.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #38638E;
outline: 0;
/*box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);*/
}

.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 2px solid #ced4da;
border-radius: .5rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .5rem;
}

.btn-danger {
color: #fff;
background-color: #F4991D;
border-color: #F4991D;
}

.btn-group-lg>.btn, .btn-lg {
padding: .5rem 2rem;
font-size: 1.10rem;
line-height: 1.4;
border-radius: .5rem;
}

a {
	text-decoration: none;
	color: #223150;
}
a:hover {
	text-decoration: none;
	color: #F4991D;
}

.container {
	max-width: 1500px;
}

.iframe-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-responsive {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	width: 100%;
}

@media (min-width: 768px) {
	.two-columns {
		column-count: 2;
		column-gap: 30px;
	}

	.one-column {
		max-width: 80%;
	}
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
}
h1 {
	color: #223150;
	text-transform: uppercase;
}

h2 { font-size: 1.3rem; }

h3 {
	color: #223150;
	font-size: 22px;
	margin-bottom: 1.5rem;
}

@media ( min-width: 768px ) {
	h2 { font-size: 2rem; }
	.fe-icon-download { max-width: 240px; }
}


.logoyt {
	width: 122px;
	height: 28px;
	background-image: url("../media/icons/YouTubeLogo.png");
}

.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-optin-button {
	cursor: pointer;
	padding: 5px 15px !important;
}

.video-container {
	position: relative;
}



.video-consent {
	margin: 1rem 0;
	/* font-size: 0.8em;
	color: rgb(140,140,140);
	*/
	line-height: 1.3;
}

.video-preview {
	position: relative;
}

.video-preview figcaption {
	background: rgb(0,0,0,0.75);
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 5vH;
	position: absolute;
	margin: 0 auto;
	bottom: 25%;
	left: 0;
	right: 0;
	text-align: center;
}

/* . . . . . Background Container . . . . . */
.fe-backgroundLight {
	background: #ebeaea;
	color: #646363;
	padding: 2rem 0 1rem 0;
}

.fe-backgroundLight a, .fe-backgroundTransparent a {
	color: #646363;
}

.fe-backgroundLight strong {
	color: #223150 !important;
}

.fe-backgroundTransparent {
	color: #646363;
	padding: 2rem 0 1rem 0;
}

.fe-backgroundTransparent strong {
	color: #1b1e3a;
}

.fe-contact, .fe-contact a {
	color: #646363;
}

.fe-contact strong {
	color: #223150;
}

@media ( min-width: 992px ) {
	.fe-backgroundEven {
		background: #ebeaea;
		padding: 1rem 0 0 0;
	}

	.fe-backgroundOdd {
		padding: 1rem 0 0 0;
	}
}

/* . . . . . Title . . . . . */
.fe-title {
	position: relative;
	margin: 0;
}

.fe-title figcaption {
	display: none;
}

.fe-title-mobile {
	font-size: 2rem;
	line-height: 2rem;
	color: #223150;
	text-align: center;
	font-weight: 700;
	margin-bottom: 2rem;
}

@media ( min-width: 768px ) {
	.fe-title figcaption {
		display: block;
		position: absolute;
		top: 15%;
		left: 0;
		right: 0;
		margin: auto;
		font-weight: bold;
		font-size: 5rem;
		line-height: 5.5rem;
		color: #ffffff;
		text-align: center;
	}

	.fe-title-mobile {
		display: none;
	}
}

.fe-title figcaption span,
.fe-title-mobile span {
	color: orange
}

/* . . . . . Kontaktbox . . . . . */
.fe-contact-box {
	position: relative;
}

.fe-contact-box figcaption {
	display: block;
	width: 100%;
	padding: 0.5rem 0 1rem 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
}

/* . . . . . HR / Divider . . . . . */
.fe-divider {
	border-top: 1px solid transparent !important;
	margin: 2rem 0;
}

/* . . . . . Page / Section Title . . . . . */
.fe-pageTitle {
	width: 100%;
}
.fe-pageTitle h1 {
	font-size: 28px;
	font-weight: 700;
	color: #223150;
	padding: 2rem 0;
}

@media ( min-width: 768px ) {
	.fe-pageTitle h1 { font-size: 28px; }
}

@media ( min-width: 992px ) {
	.fe-pageTitle h1 { font-size: 32px; }
}

@media ( min-width: 1200px ) {
	.fe-pageTitle h1 { font-size: 36px; }
}

.fe-sectionTitle {
	text-transform: uppercase;
	color: #223150;
}

h2.fe-sectionTitle {
	font-size: 20px;
}

/* . . . . . Elemente . . . . . */

.fe-box-text {
	position: relative;
	color: #ffffff;
}

.fe-box-text h2 {
	color: orange;
}

.fe-box-dark {
	background: #1B1E3A;
}

.fe-box-light {
	background: #004F9F;
}

.fe-box-warning {
	background: orange;
	color: #223150;
}

.fe-box-warning.fe-box-text {
	color: #223150;
}

.fe-box-warning.fe-box-text h2 {
	color: #223150;
}


.fe-box-dark .btn-light {
	color: #ffffff;
	background-color: #3D4763;
	border-color: #3D4763;
}

.fe-box-dark .btn-light:hover {
	color: #223150;
	background-color: orange;
	border-color: orange;
}

.fe-box-light .btn-light {
	color: #ffffff;
	background-color: #416AB2;
	border-color: #416AB2;
}

.fe-box-light .btn-light:hover {
	color: #223150;
	background-color: orange;
	border-color: orange;
}

.fe-box-text-inner {
	padding: 1rem !important;
}

@media ( min-width: 992px ) {
	.fe-box-text-inner {
		position: absolute;
		bottom: 0;
		left: 0; right: 0; margin: auto;
		margin-bottom: 0;
	}

	.fe-box-text {
		border-left: 1rem solid #ffffff;
	}

	.order-lg-1.fe-box-text {
		border-right: 1rem solid #ffffff;
		border-left: none;
	}

	.fe-box-text-inner h2 {
		font-size: 1.6rem;
	}

	.fe-box-text-inner p {
		font-size: 0.9em;
	}
}

@media ( min-width: 1200px ) {
	.fe-box-text-inner {
		margin-bottom: 1rem;
	}

	.fe-box-text-inner h2 {
		font-size: 2rem;
	}

	.fe-box-text-inner p {
		font-size: inherit;
	}
}

/*
@media ( max-width: 767px ) {
	.no-gutters {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}*/

/* . . . . . Header . . . . . */
.fe-header {
	background: #ffffff;

}

.fe-icon img {
	max-width: 60px;
}

/* . . . . . Footer . . . . . */
.fe-footer {
	background: #EBEAEA;
	color: #646363;
	padding: 6rem 0;
}

.fe-footer img.logo {
	margin-top: -28px;
}

.fe-footer-nav a {
	text-decoration: none;
	color: #223150;
	font-weight: 700;
}

.fe-footer-nav a:hover {
	color: orange;
}

.fe-footer strong {
	color: #223150;
}




#ds section {
	padding: 1rem;
	background: #ebeaea;
	margin-bottom: 2rem;
}
#ds h2 {
	font-size: 1.6rem;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
}
#ds h3 {
	margin-bottom: 0.5rem;
}


.mainNav{
	width: 100%;
	font-family: 'Avenir', sans-serif;
}

.navicon{
	font-size: 40px;
	margin: 10px 25px ;
	float: right;
	color: #1b1e3a;
}
.mainNavDropDown{
	padding-left: 0;
	margin: 0;
	list-style: none;
	display: none;
}
.mainNavDropDown li{
	font-size: 20px;
	padding: 0.5rem;
	width: 100%;
	border-bottom: 1px solid orange;
}
.mainNavDropDown li:last-child{
	border-bottom: none;
}
.mainNavDropDown li:hover{
	background: black;
	color: seashell
}

.mainNavDropDown ul {
	list-style: none;
}

.mainNavDropDown ul li {
	border: none;
}



/* . . . . . Superfish . . . . . */

.sf-menu li {
	background: none;
}

.sf-menu a {
	border: none;
	padding: 0;
}

/*
.sf-menu a {
	border: none;
	padding: 0.75em 0em;
}

@media ( min-width: 768px ) {
	.sf-menu a { padding: 0.5em 0.75em; }
}

@media ( min-width: 992px ) {
	.sf-menu a { padding: 0.5em 1.5em; }
}

@media ( min-width: 1200px ) {
	.sf-menu a {  padding: 0.5em 2em; }
}
*/

.sf-menu ul a {
	color: #1b1e3a;
	border-bottom: 1px solid #1b1e3a;
	padding: 0.5rem 0;
	margin: 0;
}

.sf-menu ul li:last-of-type {
	padding-bottom: 1rem;
}

.sf-menu ul li {
	background: #EBEAEA;
	padding: 0 1rem;
}

.sf-menu li:hover, .sf-menu li.sfHover {
	background: none;
	-webkit-transition: none;
	transition: none;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover {
	background: #dadbdb;
	-webkit-transition: none;
	transition: none;
}



.sf-menu a {
	margin: 0 0.75em;
}

.w-lg-50, .w-lg-80, .w-lg-120, .w-lg-160, .w-lg-200, .w-lg-230 {
	width: 100%;
}

@media ( min-width: 768px ) {
	.sf-menu a { margin: 0 0.75em; }
}

@media ( min-width: 992px ) {
	.sf-menu a { margin: 0 0.75em; }
}

@media ( min-width: 1200px ) {
	.sf-menu a {  margin: 0 1.25em; }
	.w-lg-50  { width: 50px; }
	.w-lg-80  { width: 80px; }
	.w-lg-120 { width: 120px; }
	.w-lg-160 { width: 160px; }
	.w-lg-200 { width: 200px; }
	.w-lg-230 { width: 230px; }
}




@media (min-width: 1200px) {
	.modal-lg {
		max-width: 1000px;
	}
}

@media (min-width: 1400px) {
	.modal-lg {
		max-width: 1200px;
	}
}

h3.citate {
	max-width: 80%;
	margin: 2em auto;
	text-align: center;
	color: #336699;
}

.badge-orange {
	background-color: darkorange;
}
.alert-orange {
	background-color: rgba(255,140,0,.5);
	border-color: rgba(255,140,0,.5);
}

.badge-blue {
	background-color: dodgerblue;
}
.alert-blue {
	background-color: rgba(30,144,255,.4);
	border-color: rgba(30,144,255,.4);
}

.list-status {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

@media ( min-width: 992px ) {
	.list-status {
		flex-direction: row;
		justify-content: space-between;
	}
}