@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.relativePos{
	position:relative;
}
.last{
	background:none !important;
	border:none !important;
}
/* Global properties ======================================================== */
body, html, .extra, .main{
	height: 100%;
	width:100%;
	min-width:1024px;
	min-height:960px;
}
body {
	overflow:hidden;
	border:0;
	font:18px/26px 'Open Sans Condensed', sans-serif;
	color:#292929;
	text-transform:uppercase;
	background:url(../images/bg_pattern.jpg) 0 0 repeat;
}
/* Global Structure ============================================================= */
.extra{
	position:relative;
	overflow:hidden;
}
.main {
	position:relative;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #fff;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#292929;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#ffb21e;
}
h1 {
	padding:0 0 0 0;
	position:absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:586px;
	height:581px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
h2 {
	font:60px/55px 'Anton', sans-serif;
	color: #ffffff;
	text-transform:uppercase;
}
h3 {
	font:36px/40px 'Anton', sans-serif;
	color: #343434;
	text-transform:uppercase;
}
h4 {
	padding-top:25px;
	font:18px/26px 'Open Sans', sans-serif;
	color: #ffb21e;
	font-weight:800;
	text-transform:uppercase;
}
p {
	padding-bottom:22px;
	font-weight:bold;
	text-transform:uppercase;
}
.color1 {
	color:#ff0606;
}
.color2 {
	color:#bebebe;
}
.pad_0{
	padding:0;
}
.textField{
	width:325px;
}
/* ============================= SPLASH ====================== */
#splash{
	position:absolute;
	width:586px;
	height:581px;
	z-index:10;
}
/* ============================= menu ====================== */
#menu {
	position:absolute;
	top:49px;
	left:52px;
	width:484px;
	height:484px;
	z-index:15;
}
.menu > span{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/menu_plane.png) 50% 50% no-repeat;
	z-index:-1;
}
#menu li {
	margin: 0 1px 1px 0;
	float:left;
}
#menu li a{
	position:relative;
	display:block;
	width:240px;
	height:244px;
}
#button_1 > span, #button_2 > span, #button_3 > span, #button_4 > span, #button_1 > b, #button_2 > b, #button_3 > b, #button_4 > b{
	position:absolute;
	width:100%;
	height:100%;
}
#button_1 > span{
	background:url(../images/menu_text_1.png) 0 0 no-repeat;
}
#button_2 > span{
	background:url(../images/menu_text_2.png) 0 0 no-repeat;
}
#button_3 > span{
	background:url(../images/menu_text_3.png) 0 0 no-repeat;
}
#button_4 > span{
	background:url(../images/menu_text_4.png) 0 0 no-repeat;
}
#button_1 > b{
	background:url(../images/menu_text_hover_1.png) 0 0 no-repeat;
}
#button_2 > b{
	background:url(../images/menu_text_hover_2.png) 0 0 no-repeat;
}
#button_3 > b{
	background:url(../images/menu_text_hover_3.png) 0 0 no-repeat;
}
#button_4 > b{
	background:url(../images/menu_text_hover_4.png) 0 0 no-repeat;
}
#contactsButton{
	position:absolute;
	width:82px;
	height:60px;
	background:url(../images/contacts_button.png) 0 0 no-repeat;
}
/* ============================= content ====================== */
#page1 header{
	width:750px;
	height:460px;
	background:url(../images/page1_pic1.png) 0 0 no-repeat;
}
#page1 header > div{
	padding-top:323px;
}
#page1 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic1.png) 0 0 no-repeat;
}
#page1 article > div{
	padding-top:16px;
}
#page1 article{
	height:297px;
}
#page2 header{
	width:750px;
	height:446px;
	background:url(../images/page2_pic1.png) 0 0 no-repeat;
}
#page2 header > div{
	padding-top:313px;
}
#page2 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic2.png) 0 0 no-repeat;
}
#page2 article > div{
	padding-top:6px;
}
#page2 article{
	height:311px;
}
#page3 header{
	width:750px;
	height:388px;
	background:url(../images/page3_pic1.png) 0 0 no-repeat;
}
#page3 header > div{
	padding-top:263px;
}
#page3 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic3.png) 0 0 no-repeat;
}
#page3 article{
	height:369px;
	padding-left:235px;
}
#page3 article > span{
	position:absolute;
	width:347px;
	height:196px;
	margin-top:-135px;
	left:485px;
	background:url(../images/page3_pic2.png) 0 0 no-repeat;
}
#page4 header{
	width:750px;
	height:454px;
	background:url(../images/page4_pic1.png) 0 0 no-repeat;
}
#page4 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic4.png) 0 0 no-repeat;
}
#page4 article {
	height:303px;
	margin-left:-75px;
}
#page5 header{
	width:750px;
	height:439px;
	background:url(../images/page5_pic1.png) 0 0 no-repeat;
}
#page5 header > div{
	padding-top:212px;
}
#page5 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic5.png) 0 0 no-repeat;
}
#page5 header > img{
	position:absolute;
	left:-88px;
	padding-top:66px;
}
#page5 article > div{
	padding-top:5px;
}
#page5 article{
	height:311px;
}
#page6 header{
	width:750px;
	height:452px;
	background:url(../images/page6_pic1.png) 0 0 no-repeat;
}
#page6 header > div{
	margin-left: 0px;
	padding-top:270px;
}
#page6 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic6.png) 0 0 no-repeat;
}
#page6 article{
	height:305px;
}
#page6 article > img{
	margin-left:-45px;
}
#page7 header{
	width:750px;
	height:452px;
	background:url(../images/page6_pic1.png) 0 0 no-repeat;
}
#page7 header > div{
	margin-left: 0px;
	padding-top:275px;
}
#page7 header > a > span{
	width:183px;
	height:183px;
	background:url(../images/link_pic6.png) 0 0 no-repeat;
}
#page7 article{
	height:305px;
}
#page7 article > img{
	margin-left:0px;
}
#content header{
	position:relative;
}
#content header > div{
	position:relative;
	float:left;
}
#content header > a{
	position:relative;
	width:193px;
	height:193px;
	float:right;
}
#content header > a > span{
	position:relative;
	display:block;
	z-index:5;
}
#content header > a > b{
	position:absolute;
	width:73px;
	height:73px;
	right:0;
	bottom:0;
	background:url(../images/link_pic_circle.png) 0 0 no-repeat;
}
#content article {
	position:relative;
}
#content article > img{
	position:relative;
	float:left;
}
#content article > div{
	float:left;
}
#content > ul > li{
	width:750px;
	height:960px;
}
.backToSplash{
	position:relative;
	display:block;
	margin: 0 auto;
	width:106px;
	height:89px;
	background:url(../images/backToSplash.png) 0 0 no-repeat;
}
.link1{
	font:19px/25px 'Anton', sans-serif;
	color: #ff0606;
	text-transform:uppercase;
	text-decoration:none;
}
.link1 span{
	margin-top:5px;
	display:inline-block;
	height:16px;
	width:20px;
	background:url(../images/link1_arr.png) 0 0 no-repeat;
}
.link1:hover{
	color:#999999;
}
.link1:hover span{
	background-position: 0 100%; 
}
.link2{
	font:14px/26px 'Open Sans', sans-serif;
	color: #ffb21e;
	font-weight:800;
	text-transform:uppercase;
	text-decoration:none;
}
.link2:hover{
	text-decoration:underline;
}
.linkList_1, .linkList_2{
	float:left;
	margin:25px 0 0 -35px;
}
.linkList_2{
	padding-left:45px;
}
.linkList_1 a, .linkList_2 a{
	display:inline-block;
	height:31px;
	margin-bottom:-4px;
	padding:2px 0 0 35px;
	font:18px/26px 'Open Sans', sans-serif;
	color: #292929;
	font-weight:800;
	text-transform:uppercase;
	text-decoration:none;
}
.linkList_1 a:hover{
	color:#ffb21e;
	background:url(../images/link_hover_arr.png) 0 0 no-repeat;
}
.linkList_2 a{
	color:#bebebe;
}
.linkList_2 a:hover{
	color:#292929;
	background:url(../images/link_hover_arr.png) 0 0 no-repeat;
}
.google_map{
	position:absolute;
	top:0;
	right:-28px;
	border: 9px solid #f1f1f1;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px; 
    width: 275px;
    height: 238px;
    background: #f1f1f1;
}
.address {
	width:172px;
}
.address a{
	text-decoration:none;
}
.mailTo{
	display:block;
	height:23px;
	position:relative;
	left:-35px;
	top:-4px;
	padding:3px 0 0 35px;
	font:14px/26px 'Open Sans', sans-serif;
	color: #ffb21e;
	font-weight:800;
	text-transform:uppercase;
	background:url(../images/mail_pic.png) 0 0 no-repeat;
}
.mailTo:hover{
	text-decoration:underline;
}
/* ============================= scroll ====================== */
#scroll_1 {
	margin:25px 0 15px;
	height:125px;
}
#scrollControls_1{
	position:absolute;
	width:31px;
	height:208px;
	top:30px;
	right:-100px;
	margin:25px 0;
	background:url(../images/scroll_line.png) 50% 0 repeat-y
}
#scrollControls_1 .up{
	top:-27px;
}
#scrollControls_1 .down{
	top:193px;
}
#scroll_2 {
	margin:25px 0 25px;
	height:125px;
	width:320px;
}
#scrollControls_2{
	padding-top:22px;
	width:208px;
	text-align:center;
}
#scrollControls_2 .up{
	display:inline-block;
}
#scrollControls_2 .down{
	display:inline-block;
}
#scroll_3 {
	margin:25px 0 25px;
	height:150px;
	width:320px;
}
#scrollControls_3{
	padding-top:22px;
	width:208px;
	text-align:center;
}
#scrollControls_3 .up{
	display:inline-block;
}
#scrollControls_3 .down{
	display:inline-block;
}
.up, .down{
	position:relative;
	display:block;
	width:31px;
	height:21px;
}
.up{
	background:url(../images/scroll_arr_up.png) 0 0 no-repeat;
}
.down{
	background:url(../images/scroll_arr_down.png) 0 0 no-repeat;
}
/* ============================= iconsList ====================== */
#iconsList{
	position:absolute;
	width:53px;
	right:-60px;
	top:0;
}
#icon1, #icon2, #icon3, #icon4{
	display:block;
	width:53px;
	height:53px;
}
#icon1{
	background:url(../images/icon_1.png) 0 0 no-repeat;
}
#icon2{
	background:url(../images/icon_2.png) 0 0 no-repeat;
}
#icon3{
	background:url(../images/icon_3.png) 0 0 no-repeat;
}
#icon4{
	background:url(../images/icon_4.html) 0 0 no-repeat;
}
/* ============================= imgSlider ====================== */
#imgSlider{
	position:relative;
	margin-left:30px;
	width:467px !important;
}
#imgSlider li{
	float:left;
}
#imgSlider a{
	display:block;
	margin: 0 10px 10px 0;
}
#imgSlider a span{
	position:absolute;
	width:149px;
	height:136px;
	background:url(../images/pic_hover.png) 0 0 no-repeat;
}
#imgSlider_next, #imgSlider_prev{
	position:absolute;
	width:21px;
	height:31px;
	top:124px;
}
#imgSlider_next{
	right:-54px;
	background:url(../images/picSlider_next.png) 0 0 no-repeat;
}
#imgSlider_prev{
	left:-21px;
	background:url(../images/picSlider_prev.png) 0 0 no-repeat;
}
/* ============================= footer ====================== */
footer{
	margin-top:670px;
	position:absolute;
	width:586px;
	text-align:center;
	font:14px/16px 'Anton', sans-serif;
	color: #8f8f8f;
	text-transform:uppercase;
}
footer span{
	margin:15px 0 0 287px;
	display:block;
	width:14px;
	height:14px;
	background:url(../images/privacy_pic2.png) 0 0 no-repeat;
}
footer a{
	color: #8f8f8f;
	text-decoration:none;
}
footer img{
	margin: 0 3px;
}
/* Debug: Spinner komplett deaktivieren */
.page_spinner {
    display: none !important;
}

body {
    overflow: visible !important;
}
/* Vollbild-Video-Hintergrund wie auf der Startseite */
body, html {
    height: 100%;
}

.video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Video füllt den Screen aus */
    z-index: -1;            /* liegt hinter dem Inhalt */
}

/* Sicherstellen, dass dein Inhalt über dem Video liegt */
.extra,
#toppanel {
    position: relative;
    z-index: 1;
}