/* -- TABLE OF CONTENT
 *
 * 1.1 General Terms
 * 1.2 Core
 * 1.3 Content-Elements
 * 1.4 Font-Styles
 * 2.1 Breakpoint 576px
 * 3.1 Breakpoint 768px
 * 4.1 Breakpoint 992px
 * 5.1 Breakpoint 1200px
 *
 *
 *
 * -- Colors
 * 
 * Primary (blau): #3c5096 | hover: #003f75
 * Secondary (lila): #822560 | hover: #4f163a
 * Tertiary (gelbgrün): #D4D340 | hover: #a1a130 
 *
--------------------------------------------------------- */

/* -- General Terms
--------------------------------------------------------- */
html, body {
	position: relative;
	background: rgb(60,80,150);
	background: -moz-radial-gradient(center, ellipse cover, rgba(60,80,150,1) 0%, rgba(65,33,80,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(60,80,150,1) 0%,rgba(65,33,80,1) 100%);
	background: radial-gradient(ellipse at center, rgba(60,80,150,1) 0%,rgba(65,33,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5096', endColorstr='#412150',GradientType=1 );
	line-height: 150%;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	color: #606060;
	font-family: acumin-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
.container-fluid.p-0 {
	padding: 0;
	overflow: hidden;
}

/* -- Utility Classes
--------------------------------------------------------- */
.bg-primary {
	background-color: #3c5096 !important;
	color: #fff !important;
}
.bg-primary * {
	color: #fff !important;
}
.bg-secondary {
	background-color: #822560 !important;
	color: #fff !important;
}
.bg-secondary * {
	color: #fff !important;
}
.bg-tertiary {
	background-color: #D4D340 !important;
}
.bg-tertiary p {
	color: #333 !important;
}
.text-primary {
	color: #3c5096 !important;
}
.text-secondary {
	color: #822560 !important;
}
.text-tertiary {
	color: #D4D340 !important;
}


/* -- core
 * 
 * 
 * 
 * 
 * 
 *
--------------------------------------------------------- */
.text-wrapper {
	background-color: #fff;
	margin: 0 auto;
	font-size: 1.25em;
	line-height: 160%;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	border-radius: 5px;
}


/* -- Content-Elements
 * 
 * Carousel Fader
 * 
 + 
 * 
 * 
 * 
--------------------------------------------------------- */




/* -- Font-Styles
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 1em;
	line-height: 130%;
}
h1 {
	font-size: 1.75em;
	font-weight: 700;
	color: #3c5096;
}
h1 span {
	display: block;
	font-size: .625em;
	color: #a8a8a8;
	font-weight: 400;
}
h2 {
	font-size: 1.5em;
	font-weight: 700;
	color: #3c5096;
}
h2 span {
	display: block;
	font-size: .6875em;
	color: #a8a8a8;
	font-weight: 400;
}
h3 {
	font-size: 1.25em;
	font-weight: 700;
	color: #3c5096;
}
h3 span {
	display: block;
	font-size: .75em;
	color: #a8a8a8;
	font-weight: 400;
}
h4 {
	font-size: 1em;
	font-weight: 700;
	color: #3c5096;
	margin: 2em 0 1.5em;
}
h5 {
	font-size: .875em;
	font-weight: 700;
	color: #3c5096;
	text-transform: uppercase;
	margin: 2em 0 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: 700;
	margin: 2em 0 1.5em;
}
.modal-title {
	margin: 0;
}
button, a {
    text-decoration: none;
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
}
a {
	font-weight: 300;
	color: #3c5096;
}
a:hover {
	text-decoration: none;
}
.btn,
.btn-primary,
.btn-secondary,
.btn-tertiary {
	display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5;
	font-weight: 700;
	border: 1px solid transparent;
	padding: 1.25rem 1.5rem;
	border-radius: 0;
	white-space: normal;
	text-align: left;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn.focus,
.btn:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}
.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #007bff;
	border-color: #007bff
}
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-secondary {
	color: #fff;
	background-color: #868e96;
	border-color: #868e96
}
.btn-secondary:hover {
	color: #fff;
	background-color: #727b84;
	border-color: #6c757d
}
.btn-secondary.focus,
.btn-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
	background-color: #868e96;
	border-color: #868e96
}
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #666e76;
	box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}


/* -- Breakpoint 1
--------------------------------------------------------- */
@media (min-width: 576px) {
	
	
}



/* -- Breakpoint 2
--------------------------------------------------------- */
@media (min-width: 768px) {
	
	
}



/* -- Breakpoint 3
--------------------------------------------------------- */
@media (min-width: 992px) { 


}



/* -- Breakpoint 4
--------------------------------------------------------- */
@media (min-width: 1200px) { 
	
	
}