* { margin:0; padding:0; }
body { margin:0px auto; text-align:center; font-family: 'Open Sans', sans-serif; font-size:14px; color:#7C7B7B; }
img { border:none; }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:absolute; top:0%; overflow:hidden; z-index:-999; height:100%; width:100%;  }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none;  }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }	/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
ul#supersized {margin: 0px;}

/** STRAT FRAME **/
#main_frame { width:100%; margin:0px auto; text-align:center; z-index:1; }
#sub_frame { width:100%; text-align:center; height:100%; position:absolute; z-index:1;  }
#head_frm { z-index:5; opacity:0.7; width:100%; background:#fff; position:absolute; top:0 }
#goebel_start {  background:#fff; }
#goebel_left { display:inline-block; vertical-align:top;  width:39%; box-sizing:border-box; text-align:left; padding-left:7%; height:130px;  }
#goebel_right { display:inline-block; vertical-align:top; width:60%; box-sizing:border-box; text-align:right; padding-right:7%; }
#nav_frm { font-size:17px; font-weight:400; padding-top:20px; box-sizing:border-box; }
.navi { display:inline-block; padding-left:30px; box-sizing:border-box; color:#7C7B7B; }
#mdl_frm { z-index:5; width:100%; position:absolute; top:300px; }
.bg_txt { color:#fff; font-size:36px; font-weight:300; padding-left:15px; padding-right:15px; background-color:rgba(0,0,0,0.7); }
#btm_frm { position:absolute; bottom:0; width:100%; text-align: center; background: #fff; z-index:5; background:rgba(244,244,244,0.7); padding-bottom:10px; }
#btm_frm_inner { max-width:1200px; margin:0px auto; text-align:center; font-size:22px; font-weight:300; padding-top:10px; }
.btm_box { display:inline-block; width:360px; vertical-align:top; line-height:25px; }
.btm_link { color:#fff; background:#7C7B7B; font-size:17px; font-weight:300; width:200px; padding:5px 40px; margin:0px auto; text-align:center; margin-top:20px; }
#go_ahead { background:#000; margin:0px auto; text-align:center; margin-top:-200px; width:100%; position:absolute; }

/** BACKGROUND-IMAGES **/
#img_bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 

/** TEXT-SLIDER **/
#carousel { width: 100%; background:#fff; margin: 0px auto; }
#slides { overflow: hidden; position: relative; width: 1800px; height: 150px; top:-177px; margin:0px auto; }
#slides ul { list-style: none; height: 250px; position: absolute; margin-left:40px; }
#slides li { width: 100%; height: 250px; float: left; text-align: center; margin: 0px auto; position: relative; }
.quote-phrase { font-weight: 300; display: table-cell; height: 200px; font-size: 18px; color: #FFF; vertical-align:middle; }
.quoteContainer { display: table; width: 100%; }

.btn-bar { width: 60%; margin: 0 auto; display: block; position: relative;top: 40px; }
#buttons { padding: 0 0 0px 0; width:2px; float:left;  }
#buttons a { text-align: center; display: block; font-size: 50px; float: left; outline: 0; margin: 0 60px; color: #b14943; text-decoration: none; display: block; padding: 9px; width: 35px;}

.strt1 { background: url(../images/start1a.jpg) no-repeat center center; width:100%; height:376px }
.strt2 { background: url(../images/start2c.jpg) no-repeat center center; width:100%; height:603px  }

/** IMG-CONTAINER **/
#img_cont { text-align:left; float:left;  }
#social_cont { text-align: right; padding-top:30px; }
.social1 { display:inline-block; margin-top:3px; margin-left:2px; width:28px; height:28px; background: url("../images/facebook.png") no-repeat;}
.social1:hover { background: url("../images/facebook-bw1.png") no-repeat;}
.social2 { display:inline-block; margin-top:3px; margin-left:2px; width:28px; height:28px; background: url("../images/twitter.png") no-repeat;}
.social2:hover { background: url("../images/twitter-bw1.png") no-repeat;}
.social3 { display:inline-block; margin-top:3px; margin-left:2px; width:28px; height:28px; background: url("../images/linkedin.png") no-repeat;}
.social3:hover { background: url("../images/linkedin-bw1.png") no-repeat;}
.social4 { display:inline-block; margin-top:3px; margin-left:2px; width:29px; height:28px; background: url("../images/xing.png") no-repeat;}
.social4:hover { background: url("../images/xing-bw1.png") no-repeat;}

#navi { z-index:5; background-color:rgba(255, 255, 255, 0.9); width:100%; position:absolute; top:0; }
.nav_e { display:inline-block; padding-left:30px; box-sizing:border-box; }
#mdl_txt { z-index:5; width:100%; position:absolute; top:40%; }
.mdl_bg { color:#292929; font-size:36px; font-weight:300; padding-left:15px; padding-right:15px; background-color:rgba(255,255,255,0.7); }
#proven { position:absolute; bottom:175px; right:25px; z-index:20; }
#proven1 { z-index:5; position:absolute; top:120px; right:5px ; }

#footer_frm { position: absolute; bottom: 0; width: 100%;   z-index:5; background:rgba(244,244,244,0.7); padding-bottom:10px} 
.ff_frm { display:inline-block; line-height:26px; width:400px; vertical-align:top; padding: 20px 10px; }
.ffm_frm { display:inline-block; padding-top:20px; padding-bottom:20px; line-height:26px; width:400px; vertical-align:top; padding-left:10px; padding-right:10px; box-sizing:border-box; border-left:solid 1px #7C7B7B; border-right:solid 1px #7C7B7B; }
.ff_frm:hover { background:#57A6AB; color:#fff; } 
.ffm_frm:hover { background:#57A6AB; color:#fff; } 
.ff_btn { cursor:pointer; color:#fff; background:#57a6ab; font-size:17px; font-weight:300; width:200px; padding:5px 20px; margin:0px auto; text-align:center; margin-top:20px; }
.ff_frm:hover .ff_btn{ background:#34686B;  }
.ffm_frm:hover .ff_btn{ background:#34686B;  }
.ff_frm:hover .ff_btn{ background:#34686B;  }
.ffm_frm:hover .ff_btn{ background:#34686B;  }

/**.sp2:hover .splt2_btn { background:#34686B;  }
.sp2:hover .splt2_header { background:#57A6AB; } **/

/** ALLGEMEIN **/
.m_a { margin:0px auto; text-align:center; }
.bg_hg { background:#ededed; }
.bg_dg {background:#7c7b7b; }
.bg_g { background:#b2b1a9; }
.bg_w { background:#fff; }
.bg_ddg { background:#4A4A49; }
.bg_t { background:#57A6AB; }
.pt_0 { padding-top:0px; }
.pt_10 { padding-top:10px; }
.pt_20 { padding-top:20px; }
.pt_30 { padding-top:30px; }
.pt_40 { padding-top:40px; }
.pt_60 { padding-top:60px; }
.pb_10 { padding-bottom:10px; }
.pb_20 { padding-bottom:20px; }
.pb_40 { padding-bottom:40px; }
.pb_60 { padding-bottom:60px; }
.plr_40 { padding-left:40px; padding-right:40px; }
.plr_10 { padding-left:10px; padding-right:10px; }
.pl_20 { padding-left:20%; }
.p_l_20 { padding-left:20px; }
.p_5 { padding:5px; }
.p_10 { padding:10px; }
.p_20 { padding:20px; }
.pou_5 { padding:5px 0; }

.m_7 { margin:0 7px; }
.m_10 { margin:0 10px; }
.mt_10 { margin-top:10px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }
.mb_5 { margin-bottom:5px; }
.m_w_1154 {max-width:1154px; }
.m_w_1200 { max-width:1200px; }
.m_w_1280 { max-width:1280px; }
.m_w_280 { max-width:280px; }
.m_w_200 { max-width:200px; }
.w_60 { width:60%; }
.w_23 { width:23%; }
.w_360 { width:360px; }

.f_w_300 { font-weight:300; }
.f_w_400 { font-weight:400; }
.fs_16 { font-size:16px; }
.fs_17 { font-size:16px; }
.fs_22 { font-size:22px; }
.fs_24 { font-size:22px; }
.fs_26 { font-size:26px; }
.fs_36 { font-size:36px; }
.fc_w { color:#fff; }
.fc_b { color:#b2b1a9; }
.fc_d { color:#4E4E4E; }

.dib { display:inline-block; }
.v_at { vertical-align:top; }

.h_500 { height:500px; }
.h_110 { height:110px; }
.h_150 { height:150px; }
.h_350 { height:350px; }
.h_310 { height:310px; }
.h_90 { height:90px; }
.h_30 { height:30px; }

.bd_lf1 { border-left:solid 1px #fff; border-right:solid 1px #fff; }
.bd_l1 { border-left:solid 1px #fff; }

.b_box { box-sizing:border-box; }

/** SPALTEN1 **/
.splten { display:inline-block; vertical-align:top; }

/**
.splt1_header { margin-top:10px; padding-top:10px; padding-bottom:10px; padding-left:40px; padding-right:40px; background:#34686B; color:#fff; font-weight:300; font-size:22px }
.splt1_cont { background:#fff; font-size:16px; height:500px; padding:20px; }

.sp1:hover .splt1_cont{ background:#34686B; color:#fff; }
.sp1:hover .splt1_header { background:#57A6AB; }
**/

.splt1_header { margin-top:10px; padding-top:10px; padding-bottom:10px; padding-left:40px; padding-right:40px; background:#57a6ab; color:#fff; font-weight:300; font-size:22px }
.splt1_cont { background:#fff; font-size:16px; height:500px; padding:20px; }

.sp1:hover .splt1_cont{ background:#57A6AB; color:#fff; }
.sp1:hover .splt1_header { background:#34686B; }

.splt1_header_l { margin:0px auto; margin-top:20px; max-width:1154px; background:#57A6AB; color:#fff; font-weight:300; font-size:22px; padding:10px; }
.splt1_cont_l { max-width:1154px; margin:0px auto; background:#fff;font-size:16px; padding:20px 10px; }
.sp1:hover .splt1_cont_l { background:#57A6AB; color:#fff; }
.sp1:hover .splt1_header_l { background:#34686B; }

.splt_btn { margin:0px auto; margin-top:30px; max-width:200px; padding:5px; background:#57a6ab; color:#fff; font-weight:300; font-size:17px; cursor:pointer; }
.splt_btn:hover { background:#34686B;  }

.splt_btn_bl { margin:0px auto; margin-top:30px; max-width:200px; padding:5px; text-align:center; background:#57a6ab; color:#fff; font-weight:300; font-size:17px; cursor:pointer; }
.splt_btn_bl:hover { background:#34686b;  }

/** SPALTEN2 **/
.splt2_header { padding-top:10px; padding-bottom:10px; background:#57a6ab; color:#fff; font-weight:300; font-size:22px; }
.splt2_btn { background:#57a6ab; padding:10px; color:#fff; cursor:pointer; }
.sp2:hover .splt2_btn { background:#34686B;  }
.sp2:hover .splt2_header { background:#34686B; }

/** SPALTEN3 **/
.splt3_header { padding-top:10px; padding-bottom:10px; background:#7C7B7B; color:#fff; font-weight:300; font-size:22px }
.splt3_btn { background:#7C7B7B;padding:10px; color:#fff; cursor:pointer; }
.sp3:hover .splt3_btn { background:#57A6AB;  }
.sp3:hover .splt3_header { background:#34686B; }

/** SPALTEN4 **/
.sp4 { display:inline-block; padding-top:10px; padding-bottom:20px; background:#57A6AB; }
.sp4_btn { color:#7C7B7B; background:#fff; cursor:pointer; font-size:17px; font-weight:300; width:120px; padding:5px 40px; margin:0px auto; text-align:center; }
.sp4:hover { background:#34686B; }
.sp4:hover .sp4_btn { background:#57A6AB; color:#fff; }

.block { text-align:left; background:#EDEDED; padding:20px; margin-bottom:15px; font-size:16px; }

.download { cursor:pointer; display:inline-block; background:#4A4A49; width:140px; margin-right:15px; margin-left:15px; margin-bottom:10px; }
.download:hover { background:#34686B; }

/** FOOTER NEU **/
#f_frame { display:block; background:#4A4A49; color:#fff; text-align:left; padding-left:10px; padding-top:50px; padding-left:7%; }
#f_sitemap { display:inline-block; width:23%; vertical-align:top; box-sizing:border-box; }
.f_cnt { display:inline-block; width:76%; vertical-align:top; box-sizing:border-box; padding-right:1%; }
.f_line { padding-top:30px; padding-right:7%; padding-bottom:30px; }
.f_sm { display:inline-block; padding-left:3px; padding-bottom:5px; }

/** CONTAINER **/
.cont1 { position:absolute; top:100%;  width:100%; background:#fff; }
.cont_slider { padding-top:100px; background:#4a4a4a; }
.sp_bg { color:#fff; font-weight:300; padding-left:15px; padding-right:15px; background-color:rgba(0,0,0,0.7);  }

a { text-decoration:none; color:inherit; }
.a_footer { line-height:26px; display:block; }
.a_footer:hover { color:#57A6AB; }

/** BILDER - RESPONSIVE **/
img { max-width:100%; height:auto; }

/*** RESPONSIVE ***/
@media screen and (max-width:1583px) and (min-width:1279px)  {
 .cont_slider { padding-top:80px; }
 #slides { width: 1080px; }
}

@media screen and (max-width:1820px) and (min-width:1582px)  {
 .cont_slider { padding-top:80px; }
 #slides { width: 1400px; }
}

@media screen and (max-width:1401px) and (min-width:1281px)  {
  #proven { position:absolute; bottom:145px; }
}

@media screen and (max-width:1280px) and (min-width:200px)  {
 #slides { width:100%; }
 #sub_frame { display:none; }
 #navi { position:relative;  }
 #mdl_txt { position:relative;  background:#57A6AB; top:0; padding-top:50px; }
 .mdl_bg { color:#FFF; font-size:36px; font-weight:300; padding-left:0px; padding-right:0px; background:#57A6AB; }
 #proven {  display:block; position:relative;  background:#57A6AB;  top:0; text-align:center; padding-top:0px; padding-bottom:50px; right:0; }
 #proven1 {  display:block; position:relative;  background:#57A6AB;  top:0; text-align:center; padding-top:20px; padding-bottom:10px; right:0; }

 #footer_frm { position:relative; background:#fff; }
 .cont1 { position:relative; top:0; }
 .ff_frm { padding-top:20px; padding-bottom:20px;}
 .ffm_frm { border-left:solid 0px; border-right:solid 0px; }
 #goebel_left { height:auto; }

}

@media screen and (max-width:1120px) and (min-width:200px)  {
 .bd_lf1 { border-left:0px; border-right:0px; }
}

@media screen and (max-width:989px) and (min-width:200px)  {
 #f_sitemap { width:100%; padding-top:20px }
 #f_cnt { width:100%; }
}

@media screen and (max-width:767px) and (min-width:200px)  {
 #goebel_right { width:100%; margin:0px auto; text-align:center; padding-right:0px; }
 #goebel_left { width:100%; margin:0px auto; text-align:center; padding-left:0px;}
 #social_cont { width:100%; margin:0px auto; text-align:center; padding:0px;}
 .w_60 { width:80%; }
 .pl_20 { padding-left:10%; }
 #navi { padding-bottom:20px; }
 .nav_e { padding-left:15px; padding-right:15px; }
}

@media screen and (max-width:479px) and (min-width:200px)  {
 body { font-size:12px; }
 #carousel { display:none; }
 #go_ahead { margin-top: -100px; }
.fs_22 { font-size:18px; }
.fs_26 { font-size:22px; }
.w_360 { width:auto; padding-left:15px; padding-right:15px; }
.nav_e { display:block; }
.mdl_bg { font-size:26px; }
.ff_frm { width:100%; }
.ffm_frm { width:100%; }
}