body {
	height: 100%;
	font-family: 'Montserrat-Regular', arial, helvetica, tahoma, sans-serif;
	text-align: center;
	color: #ffffff;
		background: linear-gradient(to right, #000000, #323232, #000000) repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: auto;
	margin-top: 0px;
}

.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 0.8s; 
    -webkit-animation-duration: 0.8s;
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@media (max-width: 767px) {


@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(180%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(180%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


}





@font-face {
    font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.ttf');
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.ttf');
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




.smalltext {
	
	font-size: 13px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}




/*	INHALTE-BEREICH */


.wrapper-main {

		background: linear-gradient(to right, #000000, #323232, #000000) repeat scroll 0 0 rgba(0, 0, 0, 0);
	max-width: 100%;
	margin: 0;

}

.img-main {
	
	max-width: 550px;
	margin: auto;
}

.container-main {

	max-width: 1300px;
	text-align: center;
	font-size: 19px;
	line-height: 29px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: auto;
	padding: 50px 0px 50px 0px;
}

.container-main a {

	font-family: 'Montserrat-Regular', arial, helvetica, tahoma, sans-serif;
	font-size: 22px;
	line-height: 34px;
	font-weight: normal;
	color: #EC721D;
	text-decoration: none;
}

.container-main a:active{

	font-size: 22px;
	line-height: 34px;
	font-weight: normal;
	color: #EC721D;
	text-decoration: none;
}

.container-main a:visited{

	font-size: 22px;
	line-height: 34px;
	font-weight: normal;
	color: #EC721D;
	text-decoration: none;
}

.container-main a:hover{

	font-size: 22px;
	line-height: 34px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}


.container-main h1 {

	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	line-height: 46px;
	margin: 11px 0 8px 0;

}

.container-main h2 {

	color: #ffffff;
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	margin: 0px 0 20px 0;
	text-decoration: none;

}



.container-main li {

	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 0 20px;
	padding: 0;
}

.container-main li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    float: left;
    margin-top: 0px;
    margin-left: -24px;
    color: #2E4B9B;
}



@media (max-width: 767px) {

.img-main {
	
	max-width: 350px;
	margin: auto;
}
}