@charset "UTF-8";
/* red\line . CSS */

/* WEBFONT */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);


/* RESET */
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: inherit;
}

ul, ol, li, form, body {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}

p {
padding: 0;
margin: 0 0 40px;	
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
}


/* Allgemein */

html {
width: 100%;
height: 100%;
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
background-color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.5;
color: #1d1d1b;
width: 100%;
}

#wrapper, #page {
}

#page_popup {
padding: 20px;
}

.container {
width: 990px;
margin: 0 auto;
padding: 40px 0px 20px;
}

#header {
height: auto;
background-color: #e30613;	
padding: 0;
top: 0;
z-index: 500;
width: 100%;

-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3); /* Standard */ 
}

#header .container {
padding: 20px 0;
}

#header.sticky {
position: fixed;
}

#header.sticky .container {
padding: 10px 0;
}

#logo {
width: 190px;
float: left;
margin-right: 60px;
}

#logo h1 {
margin: 0;	
}

#navi {
/*width: 740px;*/
float: left;	
}

#navi ul li {
margin-top: 25px;
line-height: 22px;
font-size: 20px;
display: inline-block;
margin-right: 14px;
}

#navi ul li:last-child {
margin-right: 0px;
}

#navi ul li a {
color: #fff;
text-decoration: none;
}

#navi .topnavi {
position: absolute;
top: 0;
margin: 0;
right: 10%;
}


#navi .languages {
background-color: #fff;
padding: 5px 8px 5px 30px;
margin: 0 10px 0 0;
color: #e30613;
font-size: 18px;
background-image: url(../images/icons/world.png);
background-repeat: no-repeat;
background-position: 5px center;
display: inline-block;
}

#navi .navilogin {
background-color: #fff;
padding: 5px 8px 5px 38px;
margin: 0 10px 0 0;
color: #e30613;
font-size: 18px;
background-image: url(../images/icons/cloud.png);
background-repeat: no-repeat;
background-position: 5px center;
display: inline-block;
}

#navi .languages a,
#navi .navilogin a {
color: #e30613;	
}

#navi .languages .sep {
color: #ddd;
margin: 0 2px;	
}

.redline_logo {
width: 190px;
height: 60px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: left center;
display:block;	
}

#main {
margin: 0px 0;
}

body.sticky #main {
margin: 140px 0 0;
}

#footer {
background-color: #f7f7f7;
padding: 30px 0;
width: 100%;
text-align: center;
font-weight: 300;
box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.3);
}

#footer p {
margin: 0;	
}

#footer ul {
text-align: center;	
}

#footer ul li {
display: inline-block;
margin-right: 16px;
font-weight: 600;
}


/* I */
.item { 
padding: 0px 0 50px 0; 
text-align: center;
position: relative;
box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.3);
}

.item_gallery, .item_gallery .container,
.item_video, .item_video .container  {
padding: 0; 	
}

.item_gallery .centerfold_container {

}

.item_gallery .centerfold_container img {
width: 100%;
height: auto;
display: block;
}

.item_gallery_logistikzentrum  {
height: 300px;
display: block;
overflow: hidden;
background-image: url(../images/galerie_logistikzentrum/logistikzentrum_05.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.item_gallery_redline  {
height: 300px;
display: block;
overflow: hidden;
background-image: url(../images/galerie_redline/redline_05.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.item_gallery .gallery_caption {
position: absolute;
top: 40px;
left: 50%;
width: 600px;
margin-left: -300px;
}

.item_gallery .gallery_title {
}

.item_gallery .gallery_thumbs {
position: absolute;
bottom: 60px;	
left: 0;
}

.gallery_thumb {
width: 20%;
display: inline-block;
margin-right: 3%;	
border: 3px solid #fff;
position: relative;
}

.gallery_thumb_wide {
width: 43.5%;
margin-bottom: 10px;
}

.gallery_thumb .plus {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(../images/icons/plus.png);
background-size: 20px 20px;
position: absolute;
bottom: 20px;
right: 20px;
}

.gallery_thumb:hover {
border: 3px solid #e30613;
}

.gallery_thumb img {
width: 100%;
height: auto;
display: block;
}

.item_orange {
background-color: #e30613;	
}

.item_jobs {
background-color: #eee;	
}


/* H */
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
margin-bottom: 20px;
}

h1 {
font-size: 25px;
}

h2 {
font-size: 40px;
font-weight: 600;	
color: #e30613;	
}

h3 {
font-size: 30px;	
}

h4 {
font-size: 20px;	
font-weight: 400;
}

h5 {
font-size: 20px;	
}

.item_orange h2, .item_orange h3, .item_orange h4 {
color: #fff;	
}


/* I */
.imgalign_left {
float: left;
margin-right: 40px;	
}
.imgalign_right {
float: right;
margin-left: 40px;		
}


/* L */
a {
color: #e30613;
text-decoration: none;
}

a:hover {
color: #e30613;	
}


/* B */
.button_more {
display: inline-block;
padding: 4px 10px;
color: #fff;
font-size: 16px;
background-color: #1d1d1b;
margin-bottom: 10px;
margin-right: 5px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.button_more:hover {
background-color: #e30613;
color: #fff;
}

.item_orange .button_more:hover {
background-color: #fff;
color: #e30613;
}

.button_singlepage {
width: 41px;
height: 41px;
display: inline-block;
margin: 0px auto;
background-image: url(../images/icons/arrow_down.png);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9999px;	
}

.button_tel {
background-image: url(../images/icons/tel.png);
background-repeat: no-repeat;
background-position: 10px center;
margin-right: 0;
padding: 10px 20px;
}

.button_play {
background-image: url(../images/icons/play.html);
background-repeat: no-repeat;
width: 150px;
height: 150px;
margin: 50px auto!important;
z-index: 100;
cursor: pointer;
display: inline-block;
}


/* S */
.slider {
width: 100%;
position: relative;

}

.slider_ul {
position: relative;
width: 100%;
}

.slider_ul li {
visibility: hidden;
display: none;
position: relative;
}

.slider_caption {
position: absolute;
top: 200px;
left: 80px;
width: 40%;
text-align: left;
color: #e30613;
}

.slider_caption strong {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
font-size: 32px;	
}

.slider_caption {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 16px;	
}

.slider_caption_white {
color: #fff;
top: 250px;	
}

.slider_button, .slider_button:hover {
height: 55px;
background-image: url(../images/bg_slider_button.png);
background-position: right center;
display: inline-block;
color: #fff;
font-size: 20px;
line-height: 55px;
padding: 0 60px 0 10px;
background-repeat: no-repeat;
width: 220px;
text-align: left;
float: left;
position: absolute;
bottom: 40px;
left: 80px;
}

.slider_ul li:first-child {
visibility: visible;
display: list-item;
}

#slider_welcome img {
width: 100%;
height: auto;
display: block;
}

.bx-wrapper {
margin-bottom: 0;
max-width: 100%!important;
}

.bx-wrapper .bx-viewport {
background: none repeat scroll 0 0 transparent;
border: 0px solid #FFFFFF;
box-shadow: none;
left: 0px;
z-index: 0;
}

.bx-wrapper .bx-controls-direction a {
width: 41px;
height: 41px;
z-index: 300;
}

.bx-wrapper .bx-prev {
background: url(../images/icons/arrow_left.png) no-repeat;
}

.bx-wrapper .bx-next {
background: url(../images/icons/arrow_right.png) no-repeat;
}

.bx-wrapper .bx-prev:hover {
background: url(../images/icons/arrow_left.png) no-repeat;
}

.bx-wrapper .bx-next:hover {
background: url(../images/icons/arrow_right.png) no-repeat;
}


/* AP */
.ap_item {
float: left;
width: 40%;
margin-right: 10%;
text-align: left;
margin-bottom: 40px;
visibility: hidden; /* ani */
}

.ap_image {
width: 90px;
height: 90px;
float: left;
margin-right: 20px;	
}

.ap_image img {
width: 90px;
height: 90px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
background-color: #fff;
}

.ap_data {
float: left;
width: 250px;	
}

.ap_data_telefone {
float: left;
width: 250px;	
}

.ap_data h4 {
margin: 0	
}

.ap_data em {
margin-bottom: 5px;
display: block;	
}

.ap_data em {
color: #444
}

.ap_data_telefone em {
margin-bottom: 5px;
display: block;	
}

.ap_data_telefone em {
color: #1d1d1b
}

.ap_link_tel, .ap_link_email, .ap_link_skype {
display: block;	
color: #1d1d1b;
padding: 5px 10px 5px 30px;
margin-left: 10px;
width: auto;
background-repeat: no-repeat;
background-position: 5px center;
}

.ap_link_telefone {

color: #fff;
padding: 5px 10px 5px 30px;
margin-left: 0;
width: auto;
background-color: #e30613;
background-repeat: no-repeat;
background-position: 5px center;
}

.ap_link_tel {
background-image: url(../images/icons/mobile.png);
}

.ap_link_skype {
background-image: url(../images/icons/skype.png);
}

.ap_link_telefone {
background-image: url(../images/icons/mobile.png);
}

.ap_link_email {
background-image: url(../images/icons/mail.png);
}

.ap_link_tel:hover, .ap_link_email:hover {
display: block;	
color: #e30613;
background-color: #fff;
}

.ap_link_skype:hover {
display: block;	
color: #e30613;
background-color: #fff;
}
.ap_link_telefone:hover {

color: #fff;
background-color: #99040C;
}

.ap_link_tel:hover {
background-image: url(../images/icons/mobile_rot.png);
}

.ap_link_skype:hover {
background-image: url(../images/icons/skype-hover.png);
}

.ap_link_telefone:hover {
background-image: url(../images/icons/mobile.png);
}

.ap_link_email:hover {
background-image: url(../images/icons/mail_rot.png);
}

.vcard {
width: 600px;
height: 390px;
background-image: url(../images/bg_vcard.png);
background-repeat: no-repeat;
background-position: left top;
}

.vk_logo {
height: 160px;
background-image: url(../images/logo_farbe.png);
background-repeat: no-repeat;
background-position: 70% bottom;
margin-bottom: 30px;
}

.vk_col_1 {
width: 200px;
float: left;
margin: 0 65px 0 40px;
}

.vk_col_2 {
width: 200px;
float: left;
margin: 120px 50px 0 0px;
}


/* N */
.newsbox {
margin-bottom: 40px;	
}

.news_item {
background-color: #fff;
width: 20%;
float: left;
margin-right: 5%;	
text-align: left;
}

.news_item_1 {
width: 50%;
}

.news_item_3 {
margin-right: 0!important;	
}

.news_header, .news_image, .news_footer {
padding: 10px;	
}

.news_header h4 {
color: 	#e30613;
margin: 0
}

.news_image img {
max-width: 100%;
height: auto;
}


/* L */
.list_extended li {
width: 44%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
text-align: left;
background-color: #e30613;
padding: 20px;
background-image: url(../images/icons/plus.png);
background-repeat: no-repeat;
background-position: 95% center;
opacity: 0.80;
visibility: hidden; /* ani */
}

.list_extended li.wide {
width: 94%;
background-image: none;
}

.list_extended li:hover {
opacity: 1;
cursor: pointer;
}

.list_extended li.open {
background-image: none;
}

.list_extended li h3 {
color: #fff;
font-size: 20px;
margin: 0;
}

.list_extended li p.extended_hidden {
display: none;
}

.list_extended li.open p.extended_hidden {
display: block;	
}

.list_extended li.wide img {
width: auto;
height: 50px;
margin-top: -10px;
}

.list_extended li.open img {
width: 200px;
height: auto;
}

.list_default  {
margin-bottom: 20px;
}

.list_default li {
margin-bottom: 5px;
background-image:url(../images/bg_list_bullet.png);
background-repeat: no-repeat;
background-position: 0 9px;
padding-left: 15px;
}


/* Cols */
.cols_1_3 {
width: 100%;
text-align: left;	
}

.cols_1_3 .col_1 {
width: 25%;
float: left;
margin-right: 5%;	
}

.cols_1_3 .col_2 {
width: 70%;
float: left;	
}


.cols_2_2 {
width: 100%;
text-align: left;
}

.cols_2_2 .col_1 {
width: 47.5%;
float: left;
margin-right: 5%;	
}

.cols_2_2 .col_2 {
width: 47.5%;
float: left;	
}



/* F */
.form_item {
margin-bottom: 10px;	
}

label, .label_dummy {
background-color: #e30613;
color: #fff;
padding: 4%;
display: inline-block;	
font-size: 20px;
line-height: 20px;
height: 24px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
width: 20%;
float: left;
}

.label_dummy {
background-color: transparent;
}

input, textarea {
background-color: #eeeeee;
color: #1d1d1b;
padding: 4%;
display: inline-block;
border: 0;	
font-size: 20px;
line-height: 20px;
height: 24px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
width: 64%;
float: left;
}

textarea {
line-height: 26px;
}

.button_submit {
background-color: #1d1d1b;
color: #eee;	
padding: 20px 60px 20px 20px;
background-image: url(../images/icons/plus.png);
background-repeat: no-repeat;
background-position: 95% center;
height: auto;
line-height: 20px;
text-align: left;
display: inline-block;
float: none;
cursor: pointer;
width: auto;
}



/* V */
.item_mw1 .video {
background-image: url(../images/content/lkw.html);
background-repeat: no-repeat;
background-size: cover;	
min-height: 550px;
background-position: center center;
}

.item_gewerbepark_bau .video {
background-image: url(../images/content/video_gewerbepark_bau.html);
background-repeat: no-repeat;
background-size: cover;	
min-height: 550px;
background-position: center center;
}

.video_container  {
position: relative;
}

.video_container video {
width: 100%;
height: auto;
display: none;
visibility: hidden;
}

.video .video_caption {
position: absolute;
top: 20px;
left: 50%;
width: 600px;
margin-left: -300px;
}


/* GPK */
.gpk_info {
background-color: #fff;
text-align: left;
padding: 2% 2% 2% 2%;
font-size: 14px;
}

.gpk_synergien {
background-image: url(../images/content/synergien.html);
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -45px;
margin-left: -10px;
position: absolute;
height: 32px;
width: 100%;	
}


/* Jobs */
.job_img {
/*width: 47.5%;
padding: 10px 15px;*/
box-shadow: 0 3px 5px 3px rgba(0,0,0,0.08);
text-align: left;
/*margin: 0 auto;*/
}

.job_img img {
display: block;
}

.job_text {
padding: 10px 15px;
box-shadow: 0 3px 5px 3px rgba(0,0,0,0.08);
border: 1px solid #eee;
background-color: #fff;
text-align: left;
}

.partner {
margin-top: 20px;	
}

.partner img {
margin: 0 50px;	
width: 110px;
height: auto;
}


/* Diverses */
.hidden {
display: none;	
}

.clear {
clear: both;	
}

.dot {
color: #e30613;
padding: 0 5px;
}

.orange {
color: #e30613	
}

.line {
}

.item *:last-child, .last_h {
margin-right: 0!important;	
}

strong {
font-weight: 700;	
}

.msg {
padding: 20px;
border-top: 5px solid #e30613;
border-bottom: 5px solid #e30613;
text-align: center;	
margin-bottom: 30px;
}

.msg strong {
font-size: 40px;	
}

.dummy {
visibility: hidden;	
}

hr.thin { border: 0; height: 1px; background: #eee; background-image: -webkit-linear-gradient(left, #eee, #eee, #eee); background-image: -moz-linear-gradient(left, #eee, #eee, #eee); background-image: -ms-linear-gradient(left, #eee, #eee, #eee); background-image: -o-linear-gradient(left, #eee, #eee, #eee); margin: 10px 0; }


hr.gradient { border: 0; height: 1px; background: #e6e6e6; background-image: -webkit-linear-gradient(left, #eee, #e6e6e6, #eee); background-image: -moz-linear-gradient(left, #eee, #e6e6e6, #eee); background-image: -ms-linear-gradient(left, #eee, #e6e6e6, #eee); background-image: -o-linear-gradient(left, #eee, #e6e6e6, #eee); margin: 30px 0; }

/* Glyph, by Harry Roberts */ hr.graphically  { padding: 0; margin: 60px 0; border: none; border-top: medium double #002a44; color: #002a44; text-align: center; } hr.graphically:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: #fff7f1; }

hr.shadow { margin: 0px 0; height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.3); }
hr.shadow_white { background-color: #fff; }
hr.shadow_blue { background-color: #002a44; }

.nodesktop {
display: none;	
}




@media screen and (max-width: 940px) {
.slider_caption {
display: none
}
}




@media screen and (max-width: 600px) {
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;	
}

body {
border-top: 1px solid #e30613;
}

#wrapper {
width: 100%;	
}

#page {
width: 100%;	
}

#header {
width: 100%;
}

#header .container, #header.sticky .container {
padding: 15px;
}

#logo {
width: 110px;
height: 17px;
float: none;
margin: 0;
}

.redline_logo {
width: 110px;
height: 17px;
background-image: url(../images/logo%402x.png);
background-size: 110px 17px;
}

#navi {
width: auto;
float: none;	
}

#navi nav {
margin-top: 14px;
}

#navi ul li {
margin: 0px;
display: block;
padding: 10px 0;
line-height: 18px;
font-size: 18px;
border-top: 1px solid rgba(255,255,255,0.3);
}

#navi ul li a {
display: block;
}

#navi .topnavi {
position: static;
background-position: 96% center;
margin-left: 0px;
display: block;
}

#navi .languages,
#navi .navilogin {
position: static;
padding: 6px 6px 6px 30px;
margin-bottom: 1px;
}
#navi .languages a, #navi .navilogin a {
display: inline-block;
margin: 0 3px;
}

.languages .sep  {
margin: 0;
}


.navi_toggle {
width: 30px;
height: 20px;
cursor: pointer;
background-image: url(../images/icons/menu%402x.png);
background-size: 30px 20px;
background-repeat: no-repeat;
position: absolute;
top: 15px;
right: 10px;
text-indent: -9999px;
}

.item {
/*padding: 20px 0;*/
}

.item .container {
background-image: none!important;
}

.item .container p {
width: auto;
padding: 0;
}

.item img {
max-width: 100%;
height: auto;	
}

.item_gallery_logistikzentrum,
.item_gallery_redline  {
height: 180px;
}

.container {
width: auto;
padding: 20px;
}

/* H */
h1 {
font-size: 20px;	
}

h2 {
font-size: 27px;

-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-hyphens: auto; 	
}

h3 {
font-size: 20px;	
}

h4 {
font-size: 18px;	
}

h5 {
font-size: 18px;	
}

.slider_caption {
display: none;	
}

.slider_button, .slider_button:hover {
position: relative;
float: none;
display: block;
margin: 0;
top: -15px;
left: 0;
width: auto;
padding-left: 15px;
}

.bx-wrapper .bx-controls-direction a {
margin-top: -30px;	
}


/* L */
.list_extended li {
width: auto;
float: none;
margin-right: 0;
visibility: visible;
}


/* V + G */
.video .video_caption, 
.gallery .gallery_caption {
position: absolute;
left: 10px;
width: auto;
margin-left: 0;
}

/* C */

/* Cols */
.cols_1_3 {
width: 100%;
text-align: left;	
}

.cols_1_3 .col_1, .cols_1_3 .col_2 {
width: 100%;
float: none;
margin-right: 0;	
margin-bottom: 20px;
}

.cols_2_2 .col_1, .cols_2_2 .col_2 {
width: 100%;
float: none;
margin-right: 0;	
margin-bottom: 20px;
}


/* N */
.news_item, .news_item:first-child {
width: 100%;
float: none;
margin: 0 0 20px 0;	
}


/* I */
.imgalign_left, .imgalign_right {
float: none;
margin: 0 auto;
display: block;
text-align: center;
margin-bottom: 20px;
}


/* B */
.button_play {
width: 70px;
height: 70px;
margin: 100px auto;
background-size: 70px 70px
}

/* AP */
.ap_item {
width: 100%;
float: none;
margin: 0 0 20px 0;	
visibility: visible;
}

.vcard {
width: 100%;
min-width: 220px;
height: auto;
}

.vk_col_1, .vk_col_2  {
width: auto;
float: none;
margin: 0 20px 20px 20px;
}

/* V */
.item_mw1 .video {
min-height: 300px;
}

.item_gewerbepark_bau .video {
min-height: 300px;
}

.partner img {
margin: 0 10px;	
width: 50px;
height: auto;
}

.nodesktop {
display: block;	
}

.nomobile {
display: none;	
}

}