/* ***************/
/* Body */
/* ***************/

body {
	margin: 0px;
	background: #FFFFFF;
}

#anker, #anker1, #anker2, #anker3, #anker4, #anker5 {
	display: block;
	height: 180px;	
	margin-top: -180px;
	visibility: hidden;
}

.scroll-to-top-link {
    position: fixed;
    right: 0%;
    bottom: 0%;
    cursor: pointer;
	
	background: url(../images/scroll-to-top-link.png) no-repeat;
	opacity: 0.75;
	width: 60px;
	height: 60px;
	z-index:99;
}

/* ***************/
/* Header */
/* ***************/

header .mobil {
	display: none; 
}

header {
	display: block;
	width: 100%; 
	min-height: 195px;
	margin: 0px auto;
}

header .desktop {
	position: fixed;
	top: 0px;
	left: 0px;
	
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	
	z-index:100;
}

header .desktop .baseline {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
}

header .desktop .layer1 {
	display: block;
	width: 100%; 
    height: 130px;
	margin: 0px;
	
	background-color: #FFFFFF;
}

header .desktop .layer1 .section1 {
	float: left; 
	margin: 0px;
	padding: 27px 0px 0px 0px;
	width: 540px;
}

header .desktop .layer1 .section1 .logo_desktop {
	float: left;
    width: 320px;
	height: 76px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
    background: url("../images/img_logo.png");
}

header .desktop .layer1 .section2 {
	float: left; 
	margin: 0px;
	padding: 43px 0px 0px 0px;
	width: 420px;
}

header .desktop .layer1 .section3 {
	float: left; 
	margin: 0px;
	padding: 43px 0px 0px 0px;
	width: 240px;
}

header .desktop .layer1 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	
	font-family: arial, sans-serif;
	color: #084B77;
	font-size: 22px;
	font-weight: normal;	
}

header .desktop .layer1 li.mail {
	background: url(../images/img_icons1.png) 0px 2px no-repeat;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 55px;
}

header .desktop .layer1 li.telefon {
	background: url(../images/img_icons1.png) 0px -54px no-repeat;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 55px;
}

header .desktop .layer2 {
	display: block;
	width: 100%; 
	height: 50px;
	margin: 0px auto;
	
	background-color: #084B77;	
}








/* ***************/
/* Nav */
/* ***************/

#menubar {
	display: block;
	height: auto;
	cursor: pointer;
} 
#menubar ul {
	display: block;		
	padding: 0px;
	margin: 0px;			
}
#menubar ul li {
	display: inline;	 
}

#menubar ul li .menubutton {
	display: none;
}

#menubar .telefon {
	display: none;
}


nav.nav {
	display: block !important;
}

nav {
	position: fixed;
	top: 130px;
	left: 50%;
	
	display: block;
	width: auto; 
	margin-left: -600px;
	padding: 0px;
	height: auto;

	z-index: 101;
}

nav ul {
	overflow: hidden;
	font-size: 18px;	
	color: #FFFFFF;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

nav ul li#link1 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;	
}

nav ul li#link2 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;		
}

nav ul li#link3 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;		
}

nav ul li#link4 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;		
}

nav ul li#link5 {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 25px;		
}

nav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	 
	padding: 15px 15px 15px 15px;
	background: #084B77; 
}

nav ul li a:hover {
	text-decoration: none;
	color: #F59D24;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
}






/* ***************/
/* Aside */
/* ***************/

aside {
	display: block;
	width: 100%; 
	height: auto;
	margin: 0px auto;
	clear: both;
	
	position: relative;
}

aside .background {
	display: block;
	width: 100%; 
	height: 760px;
	margin: 0px auto;
	
	background: url(../pictures/headline.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-attachment: scroll;
	background-position: center center;
}

aside .background_trans {
	display: block;
	width: 100%; 
    height: 760px;
	margin: 0px auto;
	
	background: rgb(8,75,119);
	background: linear-gradient(90deg, rgba(8,75,119,0.8) 30%, rgba(255,255,255,0.25) 70%);
}

aside .baseline {
	display: block;
	width: 1200px; 
    height: auto;
	margin: 0px auto;
}

aside .text {
	float: left;
	width: 100%;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 55px;
	padding: 250px 0px 0px 0px;
	font-weight: bold;
}

aside .link {
	float: left;
	width: 100%;
	padding: 60px 0px 0px 0px;
}

aside #button { 
	float: left;
	line-height: 60px;
	height: 60px;
	width: auto;
	background: #F59D24 url(../images/img_button.png) 0px -5px no-repeat;
		
	margin: 0px 0px 0px 0px;
	border: 0px;
	border-radius: 10px;
}

aside #button a {
	font-family: arial, sans-serif; 
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none; 

	padding: 0px 25px 0px 50px;
}






/* ***************/
/* Main */
/* ***************/

main {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
}

main .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

main .baseline2, main .baseline5 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #E8E8E8;
}

main .baseline3 {
	float: left;
	background: url("../pictures/bild4.jpg") no-repeat;
	width: 100%;
    height: auto;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	
	background-attachment: fixed;
	background-position: top center;
	
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

.transbox {
	background-color: rgba(245, 157, 36, 0.75);
	height: 100%;
	padding: 0px;
}

main .baseline4 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #084B77;
}


main .layer1 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 100px 40px;
}

main .layer1 .section {
	float: right;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

main .layer1 .section img {
	float: right;
    margin: -125px 15% 50px 10%;
	width: 20%;
}

main .layer1 h1 {
	color: #084B77; 
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	text-align: left;
}

main .layer1 h2 {
	color: #F59D24; 
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	text-align: left;
}


main .layer1 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: left;
}

main .layer2 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 70px 40px 0px 40px;
}

main .layer2 h2 {
	color: #084B77; 
	font-family: arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

main .layer2 .nofade {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}
		
main .layer2 .nofade .section1 {
	float: left;
	width: 31%;
    height: auto;
	padding: 0px;
	margin: 70px 3.5% 70px 0px;	
}

main .layer2 .nofade .section2 {
	float: left;
	width: 31%;
    height: auto;
	padding: 0px;
	margin: 70px 0px 70px 0px;	
}

main .layer2 .nofade .section3 {
	float: left;
	width: 31%;
    height: auto;
	padding: 0px;
	margin: 70px 0px 70px 3.5%;	
}

main .layer2 .nofade .pic1 {
	float: left;
	background: url(../pictures/bild1.jpg) 0px 0px no-repeat;
	width: 353px;
	height: 530px;
	margin: 0px 70px 0px 0px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .nofade .pic2 {
	float: left;
	background: url(../pictures/bild2.jpg) 0px 0px no-repeat;
	width: 353px;
	height: 530px;
	margin: 0px 70px 0px 0px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .nofade .pic3 {
	float: left;
	background: url(../pictures/bild3.jpg) 0px 0px no-repeat;
	width: 353px;
	height: 530px;
	margin: 0px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .fade {
	display: none;
}




main .layer3 {
	display: block;
	max-width: 1200px; 
    min-height: 775px;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer3 .text1 {
	text-align: center;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 50px;
	line-height: 60px;
	font-weight: bold;
	padding: 180px 0px 0px 0px;
}

main .layer3 .text1 #highlight {
	color: #084B77;
}

main .layer3 .text2 {
	text-align: center;
	color: #084B77;
	font-family: arial, sans-serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	padding: 100px 25% 0px 25%;
}



main .layer4 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 100px 40px;
}

main .layer4 h1 {
	color: #FFFFFF; 
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	text-align: center;
}

main .layer4 h2 {
	color: #F59D24; 
	font-family: arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

main .layer4 .leistungen {
	float: left;
	width: 100%;
    height: auto;
	padding: 0px;
	margin: 50px 0px 60px 0px;
}

main .layer4 .section1 {
	float: left;
	width: 30%;
    height: auto;
	padding: 0px;
	margin: 0px 5% 0px 0px;
}

main .layer4 .section2 {
	float: left;
	width: 35%;
    height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

main .layer4 .section3 {
	float: left;
	width: 25%;
    height: auto;
	padding: 0px;
	margin: 0px 0px 0px 5%;
}

main .layer4 ul {
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;	
}

main .layer4 li {
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	
	margin: 30px 0px 0px 0px;
	padding: 9px 0px 0px 54px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 40px; 
	background: url(../images/img_hacken.png) 0px 0px no-repeat;
}




main .layer5 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 70px 40px;
}

main .layer5 h1 {
	color: #084B77; 
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	text-align: center;
}

main .layer5 iframe {
	display: block;
	width: 1200px;
	height: 420px;
	border: 0px;
	margin: 0px 0px 0px 0px;
}




main .layer6 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 100px 40px;
}

main .layer6 h1 {
	color: #F59D24; 
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	margin: 0px 0px 80px 0px;
	padding: 0px;
	line-height: 50px;
	text-align: center;
}

main .layer6 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

main .layer6 img {  
	width: 300px;
	height: auto;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;	
}





main .legal {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 100px 40px;
}

main .legal #headline {
	color: #084B77;
	font-family: arial, sans-serif;
	font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	margin: 0px 0px 30px 0px;
	text-align: left;
}

main .legal #title {
	color: #F59D24;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 50px 0px 0px 0px;
	text-align: left;
}

main .legal #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .legal #text2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 20px 0px 40px 0px;
	text-align: left;
}

main .legal .bullet {
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px; 
	margin-bottom: 25px; 
}

main .legal .bullet ul {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	list-style-position: inside;
}

main .legal .bullet li {
	color: #000000;  
	font-family: arial, sans-serif; 
	font-size: 16px;
	line-height: 21px;
	margin-top: 20px;
}






/* ***************/
/* Footer */
/* ***************/

footer {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	clear: both;
}

footer .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 80px 0px 80px 0px;
	background: #F59D24;
	clear: both;
}

footer .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 15px 0px 14px 0px;
	background: #084B77;
}

footer #title {
	color: #084B77;
	font-family: arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 0px 30px 0px;
	text-align: left;
}

footer .layer1 #text {
	color: #FFFFFF;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}

footer .layer1 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer1 .section1 {
	float: left;
	width: 40%;
	height: auto;
	padding: 0px;
	margin: 0px;
}

footer .layer1 .section2 {
	float: left;
	width: 40%;
	height: auto;
	padding: 0px;
	margin: 0px;
}

footer .layer1 .section3 {
	float: left;
	width: 20%;
	height: auto;
	padding: 0px;
	margin: 0px;
}

footer .layer2 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer2 #text {
	color: #FFFFFF;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
	text-align: center;
}














/* ***************/
/* Links */
/* ***************/

a.link1:link, a.link1:visited {
	color: #084B77;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: underline;
}

a.link1:hover, a.link1:focus, a.link1:active {
	text-decoration: none;
}

a.link2:link, a.link2:visited {
	color: #FFFFFF;  
	font-family: arial, sans-serif;  
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
}

a.link2:hover, a.link2:focus, a.link2:active {
	text-decoration: none;
}




/* ***************/
/* Tellinks */
/* ***************/

a.tellink1[href^="tel"]:link,
a.tellink1[href^="tel"]:visited, 
a.tellink1[href^="tel"]:hover {

    text-decoration: none;
    color: #FFFFFF;  
	cursor: text;
}

a.tellink2[href^="tel"]:link,
a.tellink2[href^="tel"]:visited, 
a.tellink2[href^="tel"]:hover {

    text-decoration: none;
    color: #000000;  
	cursor: text;
}






/* ***************/
/* Animation */
/* ***************/


.animation {
    animation: Animation linear 7s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: Animation linear 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: Animation linear 7s;
        animation-delay: 0s;
        animation-iteration-count: 1;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: Animation linear 7s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: Animation linear 7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    animation-delay: 7s;
}


@keyframes Animation {


0% {
    -webkit-transform: rotate(0deg) scale(0.80, 0.80);
    transform: rotate(3deg) scale(0.80, 0.80);
}
1% {
    -webkit-transform: rotate(3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
2% {
    -webkit-transform: rotate(-3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
3% {
    transform: rotate(3deg) scale(1.00, 1.10);
}
4% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
5% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
6% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
7% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
8% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
9% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
10% {
    transform: rotate(0deg) scale(1.00, 1.00);
}
100% {
    transform: rotate(0deg) scale(1.00, 1.00);
}

}