@font-face { font-family: 'pxthin'; src: url("../../files/font/pxthin.eot"); src: url("../../files/font/pxthin.eot?#iefix") format('embedded-opentype'), url("../../files/font/pxthin.woff") format('woff'), url("../../files/font/pxthin.ttf") format('truetype'), url("../../files/font/pxthin.svg") format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'pxreg'; src: url("../../files/font/pxreg.eot"); src: url("../../files/font/pxreg.eot?#iefix") format('embedded-opentype'), url("../../files/font/pxreg.woff") format('woff'), url("../../files/font/pxreg.ttf") format('truetype'), url("../../files/font/pxreg.svg") format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'pxbold'; src: url("../../files/font/pxbold.eot"); src: url("../../files/font/pxbold.eot?#iefix") format('embedded-opentype'), url("../../files/font/pxbold.woff") format('woff'), url("../../files/font/pxbold.ttf") format('truetype'), url("../../files/font/pxbold.svg") format('svg'); font-weight: normal; font-style: normal; }


* { margin:0; padding:0; border:0; }
h1, h2, h3, h4 { margin:0; padding:0; border:0; }
ul, li { list-style-type:none;}
html { width:100%; height:100%; font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body { width:100%; height:100%; color:#000; font-family:pxthin, Arial, Helvetica, sans-serif; font-weight: normal; top:-1000px; position:relative; }

h1 { font-size:3.3em; font-weight:normal; text-transform:uppercase; font-family:pxthin;}
h2 { font-size:5em; font-family:pxreg; font-weight:normal; text-transform:uppercase; }
p { font-size:1.5em;line-height:135%;padding-bottom:30px; }
a { color:#000;}
.map_info a { color:#fff;}
a:hover { color:#0099cc;}


/*header - navi*/
#header { width:100%; height:60px; position:fixed; z-index:100; background-color:#000; font-size:1em; color:#fff;}
#header .logo {width:120px; float:left; height:60px; line-height:65px; padding-left:30px;}
.navigation ul li {float:left; font-family:pxthin;}
.navigation ul li.login {display:none;}
.navigation ul li a {height:60px; padding:0 20px; line-height:65px; display:inline-block; text-transform:uppercase; cursor:pointer; color:#fff; text-decoration:none; font-size:0.9em; transition: background 300ms; -moz-transition: background 300ms; -webkit-transition: background 300ms; -o-transition: background 300ms;}
.navigation ul li a:hover, .navigation ul li.active a { background-color:#fff; color:#000;}
/*open mobile navi per java script*/



/*section*/
.section_inner { max-width:1140px; margin-left: auto;  margin-right: auto; display:block; }
.s_service { color:#000; height:auto; text-align:center; display:block; margin:140px 0 50px 0; }
.s_bereiche { color:#000; height:auto; text-align:center; display:block; margin:140px 0 100px 0; }
.s_impressum { color:#000; height:auto; text-align:left; display:block; margin:140px 0 100px 0; }
.s_login { color:#000; height:auto; text-align:left; display:block; margin:140px 0 10px 0; text-align:center; }
.s_kunden { color:#000; height:auto; padding: 150px 0 20px 0; text-align:center; }
.s_kontakt {  height:200px; text-align:center; margin-top:160px; }
.s_referenzen {  height:auto; text-align:center; margin-top:160px; }
.s_map {  height:auto; border-top:#CCC 1px solid; }
.s_follow {  height:60px; background:#212121; }
.s_footer {  height:130px; background:#141414; }
.s_collage { height:auto; margin:0; text-align:center; }
.s_collage_title { height:auto; margin:0; padding:160px 0 0 0; text-align:center; }

.grau { background-color:#f0f0f0; height:auto; display:block; }

/*header images*/
.s_header { height:510px; background-position:center; position:relative; overflow:hidden; color:#fff; }
.s_header.login { height:0px; }
.s_header .header_ovl { background-image:url(../../files/layout/pattern.png); position:absolute; overflow:hidden; height:100%; width:100%; z-index:2; }
.s_header .header_ovl .inner {margin-top:200px; text-align:center;  }
.s_header .header_ign { background-image:url(../../files/content/leebgroup/scribble_1960x510.jpg); height:100%; }
.s_header .header_logistik { background-image:url(../../files/content/logistik/truck_1960x510.jpg); height:100%; }
.s_header .header_mediaconsult { background-image:url(../../files/content/mediaconsult/tv_bildstreifen_1960x510.jpg); height:100%; }
.s_header .header_werbeartikel { background-image:url(../../files/content/werbeartikel/streifen_katalog.jpg); height:100%; }
.s_header .header_events { background-image:url(../../files/content/eventmarketing/rallye_1960x510.jpg); height:100%; }
.s_header .header_group { background-image:url(../../files/content/leebgroup/scribble_1960x510.jpg); height:100%;  } /*Headerbild mit backstretch jquery / CSS = Backup*/


/*Bildstreifen Pattern*/
.bild_ovl { background-image:url(../../files/layout/pattern.png); position:absolute; overflow:hidden; height:100%; width:100%; z-index:2; text-align:center; display:block; }

/*Bildstreifen */
.s_bildstreifen { height:auto; position:relative; overflow:hidden; color:#fff; height:500px; background-position:center; }
.s_bildstreifen.events { background-image:url(../../files/content/eventmarketing/teamevent_1960x510.jpg); }
.s_bildstreifen.group2 { background-image:url(../../files/content/eventmarketing/rallye2_1960x510.jpg); }
.s_bildstreifen.group1 { background-image:url(../../files/content/logistik/lagerlogistik_1960x510.jpg); }
.s_bildstreifen.logistik { background-image:url(../../files/content/logistik/lagerlogistik_1960x510.jpg); }
.s_bildstreifen.werbemittel { background-image:url(../../files/content/werbeartikel/katalog_1960x510.jpg); }
.s_bildstreifen .inner { margin-top:130px; }
.s_bildstreifen .inner.text { margin-top:170px; }
.s_bildstreifen .btn_border a { padding:12px 70px 8px 70px; font-size:1.2em; font-family:pxreg; position:relative; z-index:3; border:2px; border-color:#fff; border-style:solid; color:#fff; text-decoration:none;  }
.s_bildstreifen .btn_border a:hover { border-color:#0099cc;  }
.s_bildstreifen.mediaconsult { background-image:url(../../files/content/mediaconsult/finger_1960x510.jpg); }
.s_bildstreifen.ign { background-image:url(../../files/content/werbeagentur/background_ign2.jpg); }
.s_bildstreifen.ign .btn_website a { padding:12px 90px 8px 90px; background-color:#fff; position:relative; z-index:3; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; transition:background-color 300ms; -moz-transition:background-color 300ms; -webkit-transition:background-color 300ms; -o-transition:background-color 300ms; margin-left: auto;  margin-right: auto; display:inline-block; font-size:1.2em; font-family:pxreg, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; text-decoration:none; }
.s_bildstreifen.ign .btn_website a:hover { background-color:#212121; color:#fff; cursor:pointer; }


/*Service */
.s_service p { margin-bottom:20px; }
.service_num { background-color:#212121; width:60px; height:60px; border-radius:62px; -moz-border-radius:62px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; color:#fff; text-align:center; line-height:70px; font-size:1.8em; float:left; }
.service_text { width:74%; margin-right:auto; display:block; text-align:left; margin-left:18%; background-color:#fff;}
.service_text p { font-size:1.2em;  }
.service_text h2 { font-size:1.7em; font-family:pxthin; margin:0px; padding:0px 0 12px 0; }
.row_service { max-width:1140px; width:100%; display:block; height:auto; overflow:auto; }
.col_service_left, .col_service_right { width:50%; float:left;  }
.service_descr { margin-top:50px; display:block; }


/*Werbeartikel */
.s_collage img { width:100%;}


/*Bereiche */
.s_bereiche .bereich_inner { float:left; padding-right:4.3%; width:30%; max-width:100%; padding-bottom:5%; text-align:left; overflow:hidden; }
.s_bereiche .bereich_inner.last { padding:0px; }
.s_bereiche .bereich_img img  { width:100%; height:auto; display:block; background-color:#f0f0f0; }
.s_bereiche .bereich_1, .s_bereiche .bereich_2  { margin-right:5%; }
.s_bereiche .bereiche_items  { margin:10px 0 50px 0; max-width:100%; height:auto; overflow:auto;}
.s_bereiche .row_bereich  { clear:both; overflow:hidden; }
.s_bereiche .bereich_img  { width:100%; height:auto; display:block; position:relative; overflow:hidden;}
.s_bereiche h3 { margin-bottom:10px; font-size:1.3em; font-family:pxreg, Arial, sans-serif; font-weight:normal; text-transform:uppercase;}
.s_bereiche .bereich_text { width:100%; height:auto; display:block; margin-top:16px;}
.s_bereiche a .btn_more { padding:8px 14px 8px 14px; background-color:#212121; position:relative; z-index:3; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; transition:background-color 300ms; -moz-transition:background-color 300ms; -webkit-transition:background-color 300ms; -o-transition:background-color 300ms; margin-left: auto;  margin-right: auto; display:inline-block; font-size:0.8em; font-family:pxreg, Arial, Helvetica, sans-serif; color:#fff; margin-top:10px; }
.s_bereiche a .btn_more:hover { background-color:#e5e5e5; color:#000; cursor:pointer; }


/*Kunden */
.kundenlogos  { margin:100px 0 150px 0; max-width:100%; height:auto; overflow:auto;}
.kundenlogos img  { max-width:100%; height:auto; border:0;}
.kundenlogos .row_logos { clear:both; }
.kundenlogos .logo_inner { float:left; padding: 0.7% 1.3%; width:13.8%; border-right:#ddd 1px solid; max-width:100%;}
.kundenlogos .row_one .logo_inner, .kundenlogos .row_two .logo_inner { border-bottom:#ddd 1px solid; }
.kundenlogos .logo_inner.last { border-right:#CCC 0px solid; }


/*Referenzen */
.s_referenzen .ref_img img  { width:100%; height:auto; display:block; position:relative; }
.s_referenzen .ref_img  { width:100%; height:auto; display:block; position:relative; overflow:hidden; }
.s_referenzen ul  { width:100%; overflow:hidden; display:block; }
.s_referenzen li  { width:33%; height:auto; display:block; float:left; position:relative;  }
.s_referenzen .ref_1, .s_referenzen .ref_2  { margin-right:0.5%; }
.s_referenzen .ref_ovl  { font-family:pxreg, Arial, sans-serif; font-size:1.1em; width:100%; height:100%; position:absolute; overflow:hidden; z-index:2; background-image:url(../../files/layout/overlay_referenzen.png); background-repeat:repeat; color:#aaa; }
.s_referenzen .ref_ovl img   { margin-top:32%; margin-bottom:6%; display:block; margin-left: auto; margin-right: auto; max-height:10%; }
.s_referenzen h3 {  margin-bottom:2%; color:#fff; font-size:1.6em; font-family:pxreg, Arial, sans-serif; font-weight:normal; text-transform:uppercase;}


/*Impressum */
.s_impressum p { font-size:1em; }


/*Formular */
#tl_login .formbody { width:40%; background-color:#e5e5e5; padding:30px;}
.formbody label { display:block;}
.formbody input.text { width:94%; border:1px solid; border-color:#e5e5e5; padding: 6px 10px; display:block; font-size:1.2em; font-weight:normal; font-family:pxreg, Arial, Helvetica, sans-serif; color:#999;}
input.submit { padding:12px 40px 8px 40px; background-color:#212121; margin-top:20px; position:relative; z-index:3; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; transition:background-color 300ms; -moz-transition:background-color 300ms; -webkit-transition:background-color 300ms; -o-transition:background-color 300ms; margin-left: 18%;  margin-right: auto; display:inline-block; font-size:1.2em; font-family:pxreg, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-decoration:none; }
input.submit:hover { background-color:#fff; color:#000; cursor:pointer; }
.mod_login { margin-left: 34%; margin-bottom:400px; }
.s_login h1 { font-size:1.8em; }
.error { font-size:0.8em; color:#000; color:#C00; }


/*social / icons */
#header .social { position:absolute; top:0px; right: 30px; }
.social a { display:block; float:left; cursor:pointer; padding: 16px 14px; text-decoration:none; height:27px; width:25px; margin-left:5px; }
.social a span { -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -o-transition: background 200ms linear; -ms-transition: background 200ms linear; transition: background 200ms linear;}
.social a.fb:hover { background-color:#507cbe; }
.social a.fb span { background-image:url(../../files/content/sprites.png); background-position:0px -20px;  display:block; height:27px; width:25px; }
/*.social a.twitter:hover { background-color:#5dd7fc; }
.social a.twitter span { background-image:url(../../files/content/sprites.png); background-position:-24px -20px;  display:block; height:27px; width:25px; }
*/

.social a.icon_media:hover { background-color:#0099cc; }
.social a.icon_media span { background-image:url(../../files/content/sprites.png); background-position:-149px -20px;  display:block; height:27px; width:25px; }
.social a.icon_login:hover { background-color:#0099cc; }
.social a.icon_login span { background-image:url(../../files/content/sprites.png); background-position:-174px -20px;  display:block; height:27px; width:25px; }
.social a.icon_logistik:hover { background-color:#0099cc; }
.social a.icon_logistik span { background-image:url(../../files/content/sprites.png); background-position:-49px -20px;  display:block; height:27px; width:25px; }
.social a.icon_werbeartikel:hover { background-color:#0099cc; }
.social a.icon_werbeartikel span { background-image:url(../../files/content/sprites.png); background-position:-124px -20px;  display:block; height:27px; width:25px; }
.social a.icon_event:hover { background-color:#0099cc; }
.social a.icon_event span { background-image:url(../../files/content/sprites.png); background-position:-74px -20px;  display:block; height:27px; width:25px; }
.social a.icon_werbeagentur:hover { background-color:#0099cc; }
.social a.icon_werbeagentur span { background-image:url(../../files/content/sprites.png); background-position:-99px -20px;  display:block; height:27px; width:25px; }
/*Background hover position per java script*/
span.icon_mail { background-image:url(../../files/content/sprites.png); background-position:-53px 0px;  display:block; height:15px; width:16px; float:left; margin-right:4px; }
span.icon_phone { background-image:url(../../files/content/sprites.png); background-position:-69px 0px;  display:block; height:15px; width:12px; float:left; margin-right:8px; }
span.icon_mail_w { background-image:url(../../files/content/sprites.png); background-position:-82px 0px;  display:block; height:15px; width:16px; float:left; margin-right:4px; }
span.icon_phone_w { background-image:url(../../files/content/sprites.png); background-position:-100px 0px;  display:block; height:15px; width:12px; float:left; margin-right:8px; }


/*googlemaps */
.map_info { width:40%; background-image:url(../../files/layout/overlay_referenzen.png); background-repeat:repeat; position:absolute; right:0; z-index:50; padding: 40px 40px; margin-top:70px; color:#fff; }
#map-canvas {width: 100%; height: 400px}
.s_map .inner { width:90%; margin:0 auto; max-width:1140px; position:relative;}
.map_info hr { border-top:#666 1px solid; margin:10px 0 14px 0;}
.map_info p { padding-bottom: 0px; font-size:1.1em;}
.map_left { width:47%; float:left;}
.map_right { width:50%; float:left; }
.clear { clear:both; }


/*follow */
.s_follow .left {  font-size:1.8em; font-family:pxreg; text-transform:uppercase; float:left; line-height:60px; color:#fff;}
.s_follow .right {  text-align:right; float:right;}
.s_follow .social { float:right; }


/*footer */
.s_footer .left { width:50%; float:left; padding-top:50px; color:#fff;}
.s_footer .left span {  font-size:0.8em;}
.s_footer .right { width:50%; float:left; text-align:right; padding-top:50px; color:#fff;}
.s_footer .made {font-size:1.3em;}
.s_footer a {color:#fff; text-decoration:none;}
.s_footer a:hover {color:#0099cc; text-decoration:none;}


/* Preloader */
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff;  z-index:99; }
#status { width:170px; height:170px; position:absolute; left:50%; top:50%; margin:-85px 0 0 -85px; }


/*CSS3 Flip */
.panel { margin: 0 auto; width: 170px; height: 170px;   position: relative; font-size: .8em; -webkit-perspective: 600px; -moz-perspective: 600px; }
.panel .front { background-image:url(../../files/loader/loaderfront3.png); position: absolute; top: 0; z-index: 900; width: inherit; height: inherit; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.panel.flip .front { z-index: 900; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); }
.panel .back { background-image:url(../../files/loader/loaderback3.png); position: absolute; top: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.panel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }



@media only screen and (min-width: 1000px) { 
.navigation { display:inline-block !important;}
}

@media only screen and (min-width: 1000px) and (max-width:1130px) { 
.navigation ul li a {padding:0 12px; line-height:65px; font-size:0.80em;}
.section_inner { width:90%;}
}

@media only screen and (min-width: 780px) and (max-width:1000px) { 
.navigation ul li {width:100%; display:block; }
.navigation ul li a {width:100%; display:block; text-align:center; font-size:1.2em; padding:0px; height:54px; line-height:60px;}
#menu_mobile_open { display:inline-block; height:20px; width:24px; background-image:url(../../files/content/sprites.png); position:absolute; top:20px; right: 10px; background-position:0 0; cursor:pointer; }
.navigation { display:none; width:100%; height:350px; background-color:#17181a; float:left; }
#header .social a { display:none;}
.navigation ul li.login {display:block;}
.section_inner { width:90%;}

}


@media only screen and (max-width: 780px) { 
.navigation ul li {width:100%; display:block; }
.navigation ul li a {width:100%; display:block; text-align:center; font-size:1.2em; padding:0px; height:54px; line-height:60px;}
#menu_mobile_open { display:inline-block; height:20px; width:24px; background-image:url(../../files/content/sprites.png); position:absolute; top:20px; right: 10px; background-position:0 0; cursor:pointer; }
.navigation { display:none; width:100%; height:350px; background-color:#17181a; float:left; }
#header .social a { display:none;}
.navigation ul li.login {display:block;}
.section_inner { width:95%;}


h1 { font-size:1.7em; font-weight:normal; text-transform:uppercase;}
h2 { font-size:1.4em; font-family:pxreg; font-weight:normal; text-transform:uppercase; }
.service_text h2 { font-size:1.4em !important; }
p { font-size:1.2em;}

.s_header { height:310px !important; }
.s_header .header_ovl .inner {margin-top:145px !important; }
.s_header.login { height:0px !important; }

.s_bildstreifen { height:330px !important; }
.s_bildstreifen .inner { margin-top:90px; }

.s_bereiche .bereich_inner.last { padding-right:4.3%; padding-bottom:5%; }
.s_bereiche .bereich_inner {width:86% !important; margin-right:auto; margin-left:auto; float:none !important; }

.service_num { width:40px; height:40px; line-height:48px; font-size:1.2em; }
.service_text p { font-size:0.9em !important;  }
.service_text h2 { font-size:1.1em !important;}

.s_referenzen li  { width:70% !important; margin-right:auto !important; margin-left:auto !important; margin-bottom:24px; float:none !important;  }
.s_referenzen .ref_ovl img   { margin-top:15% !important; max-width:80%; }
.s_referenzen h3 { font-size:1.3em; }

#tl_login .formbody { width:80%;}
.mod_login { margin-left: 4%; }

.s_follow .left {display:none;}
.col_service_left, .col_service_right { width:100% !important; float:none !important; }
.s_map .inner{ width:100% !important; position:relative !important; }
.map_info { padding:10% 10% !important; width:80% !important; position:relative !important; }
.s_map {  border: 0 !important; }
#map-canvas {display:none;}

.s_footer {padding-bottom:50px;}
.s_footer .left, .s_footer .right { width:90%; text-align:left !important; float:none !important; padding-left:5%; }
.s_footer .right { padding-top:20px !important; }
}



/* Selection - Markierungsfarbe */
::-moz-selection { background-color: #313131; color: #fff; }
::-webkit-selection { background-color: #313131; color: #fff; }
::-o-selection { background-color: #313131; color: #fff; }
::selection { background-color: #313131; color: #fff; }


/* Newsletter */
.s_impressum.keinMargin {margin-bottom:0;}
.mod_activate {margin-bottom:20px;}
.mod_activate .submit {margin-left:0;}
.mod_activate .formbody input.text {width:300px;}
.mod_activate .confirm {color:#090;}
.mod_activate .error {color:#F00;}