Notice: Undefined index: HTTP_REFERER in /homepages/3/d15843374/htdocs/epi-gmbh.de/core/css/css.php on line 27
Warning: Cannot modify header information - headers already sent by (output started at /homepages/3/d15843374/htdocs/epi-gmbh.de/core/css/css.php:27) in /homepages/3/d15843374/htdocs/epi-gmbh.de/core/css/css.php on line 47
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
padding:0;
}#header{background:url("/img/header/header_home.jpg") no-repeat center top; background-size:100%;}body{
font-family:verdana, arial;
margin:0;
}
noscript{
background:#ff0000;
font-weight:600;
text-align:center;
height:50px;
position:fixed;
top:0;
width:100%;
z-index:999;
line-height:50px;
font-size:26px;
}
p,a{
font-size:14px;
color:#222328;
text-decoration:none;
}
#content a{
text-decoration:underline;
}
.fll{
float:left;
}
.flr{
float:right;
}
.cf:before, .cf:after {
content:" ";
display:table;
}
.cf:after, .clear{
clear:both;
}
.wrapper{
width:960px;
margin:0 auto;
}
.center{
text-align:center;
}
.upper{
text-transform:uppercase;
}
.bold{
font-weight:600;
}
.bold800{
font-weight:800;
}
.black{
color:#000;
}
.blue{
color:#121365;
}
.orange{
color:#d1370f;
}
.button{
padding:10px 20px;
color:#fff;
margin:0 10px;
}
.buttonBlue{
background:#121365;
}
.buttonOrange{
background:#d1370f;
}
.buttonBlue:hover,.buttonOrange:hover{
text-decoration:underline;
}
.loader{
width:30px;
height:23px;
margin:60px 2% 20px;
background:url("/img/bars_30.gif");
}
.logo{
width:95px;
}
header,footer {
border-top: 5px solid #121365;
padding-top:5px;
}
#naviItems{
padding-top:20px;
list-style:none;
width:68%;
}
#naviItems li{
float:left;
position:relative;
}
#naviItems p, #naviItems img{
float:left;
display:block;
cursor:default;
}
#naviItems p,#naviItems a{
padding-right:10px;
}
#naviItems img{
padding:0 4px 0 10px;
}
#naviItems li.subNav:hover{
font-weight:700;
}#naviItems li.subNav{
font-weight:500;
}
#naviItems ul {
list-style:none;
background-color:#fff;
position: absolute;
display: none;
z-index: 999;
left: -30px;
top: 31px;
text-align:right;
width: 190px;
box-shadow: 0px 0px 5px 0px #ccc
}
#naviItems > li{
padding:5px 6px;;
}
#naviItems li:hover > ul,
#naviItems li ul.open {
display: inline-block;
}
#naviItems ul li{
float:none;
}
#naviItems > li:hover{
color:#121365; font-weight:700; border-bottom: 2px solid #121365;
}
#naviItems ul li a{
width:90%;
display:block;
padding:10px 5%
}
footer .flr a, footer p{
text-decoration:none;
color:#000;
padding:10px 0 5px;
margin:0 10px;
}
footer a.flr{
border-bottom:2px solid #121365;
}
footer a:hover{
color:#121365; font-weight:700;
}
#header{
color:#fff;
height:350px;
padding-top:1px;
}
#header h1{
font-size:40px;
}
#header h2{
font-weight:500;
font-size:40px;
}
#header .buttonBox{
margin-top:50px;
}
#header .titleBox{
margin-top:27%;
}
#header{
background:url("/img//header/header_home.jpg") no-repeat center top;
}
#content{
padding:35px 0;
}
#content .sep{
width:960px;
height:2px;
background:#bfced6;
margin:40px auto;
}
#content .title{
font-size:28px;
}
#content .mainText{
text-align:justify;
padding-left:2%;
}
#home #header{
padding-top:150px;
}
#home #content #projects .steps, #geschichte #milestones .steps{
width:27%;
padding:2%;
box-shadow:0px 0px 5px 0px #ccc;
margin:25px 10px;
text-align:center;
height:270px;
}
#home #content #projects .steps img{
margin-bottom:15px;
}
#home #content #projects h2, #geschichte #milestones h2{
font-size:24px;
}
#geschichte #milestones div{
width:70%;
margin:0 auto;
}
#geschichte #milestones .steps{
width:26%;
height:auto;
padding:5% 2%;
}
#geschichte #milestones .steps .upper{
background: -webkit-linear-gradient(#d1370f, #f49a82);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:36px;
}
#content ul{
padding-left:25px;
}
#content ul li{
margin:15px 0;
}
#mobileNaviButton{
display:none;
width:38px;
height:48px;
cursor:pointer;
padding:2% 1% 0 0;
}
#mobileNaviButton .bar{
height:4px;
width:100%;
background:#696969;
margin-top:6px;
transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}
#mobileNaviButton.open #mobileNaviBar_2{
display:none;
}
#mobileNaviButton.open #mobileNaviBar_1{
margin-top:16px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#mobileNaviButton.open #mobileNaviBar_3{
margin-top:-4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#employees .employee{
float:left;
width:38%;
margin: 10px;
text-align: center;
box-shadow: 0px 0px 10px 2px #ccc;
padding: 10px 0;
}
#referenzen .reference{
margin:20px 0;
}
#referenzen .reference .fll:first-child{
width:27%;
padding-left:0
}
#referenzen .reference .fll{
width:71%;
padding-left:2%;
}
#referenzen .reference img{
width:100%;
}
#referenzen .reference h3{
font-weight:600;
margin-bottom:10px;
}
#referenzen .reference .showMore, #referenzen .reference .showLess{
width:150px;
text-align:center;
cursor:pointer;
margin:10px 0 0 0;
}
.hidden{
display:none;
}
.sep2{
height:1px;
background:#fff;
width:80%;
margin:10px auto;
}
@media screen and (max-width: 960px){
.wrapper{
width:96%;
padding:0 2%;
}
#mobileNaviButton{
display:block;
}
#naviItems{
float:none;
position:absolute;
padding:0;
top:72px;
left:0;
width:100%;
display:none;
}
#naviItems ul{
width:100%;
margin:0;
position:relative;
left:0;
top:-1px;
z-index:99;
padding:0;
}
#naviItems li{
color: #000;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 55px;
text-decoration: none;
text-transform: uppercase;
text-align:left;
padding:0;
width:100%;
background:#fff;
border-bottom:1px solid #121365;
}
#naviItems li:hover{
color:#121365; font-weight:700; border-bottom: none; padding-bottom:0;
}
#naviItems p, #naviItems img, #naviItems a span{
float:none;
display:inline-block;
vertical-align:middle;
line-height:normal;
}
#naviItems a{
display:block;
}
#header h1, #header h2{
font-size:25px;
}
#header .button{
display:inline-block;
margin:5px 10px;
}
#header{
height:auto;
padding:150px 0 50px;
background:url("/img/header_mobil/header_home.jpg") no-repeat center top;
}
#content{
padding-top:25px;
}
#content .mainText{
padding:0;
}
#content .sep{
width:90%;
}
#home #content #projects .steps, #geschichte #milestones .steps{
float:none;
width:96%;
height:auto;
margin:10px 0;
padding:4% 2%;
}
#employees .employee{
width:48%;
margin:1%;
}
#referenzen .reference h3{
margin:10px 0;
}
#referenzen .reference div.fll{
float:none;
width:100% !important;
padding:0;
}
#referenzen .reference img{
width:auto;
max-width:80%;
}
}
@media screen and (max-width: 600px){
#employees .employee{
width:98%;
margin:1%;
}
}