@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,300italic,400,400italic,700,700italic);
body { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;  }
p { font-weight: 300; font-size: 1.1em;  }
ul { font-weight: 300; font-size: 1.1em; }
a { color: #000; }
a:hover, a:focus {
    text-decoration: underline;
    color: #e30613;
}
						
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 200; }


#clausmagin, #elektroplanung, #elektrotechnik, #partner, #kontakt, #anfahrt, #impressum { margin-top: 150px; }
#kontakt { margin-bottom: 100px; }

.helper {
    display: table-cell;
    vertical-align: middle;
	width: 100%;
}

.helper .content {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
	text-align: center;
}



/* LOGO */

.logo-wrapper { top: 15%; z-index: 100; }
.logo img { width: 100%; max-width: 500px; }
.logo-bar-logo { height: 150px; text-align:center; } 
#logo-move { display: none; background: #ffffff; z-index: 100; position: fixed; top:0; left: 0; }
.logo-bar-visible { display:block!important;
top: 0;
-webkit-transition: all .8s ease-out;
         -o-transition: all .8s ease-out;
            transition: all .8s ease-out;
			}

/* PARTNER */
.partner img { width: 100%; }

/* ICONS */
.icon-person { background: url(../images/icon-person.png) top center; background-size: cover; }
.icon-mapmarker { background: url(../images/icon-mapmarker.png) top center; background-size: cover; }
.icon-phone { background: url(../images/icon-phone.png) top center; background-size: cover; }
.icon-pen { background: url(../images/icon-pen.png) top center; background-size: cover; }
.icon-partner { background: url(../images/icon-partner.png) top center; background-size: cover; }
.icon-fuel { background: url(../images/icon-fuel.png) top center; background-size: cover; }
.icon-world { background: url(../images/icon-world.png) top center; background-size: cover; }
.icon-antenna { background: url(../images/icon-antenna.png) top center; background-size: cover; }
.icon-check { background: url(../images/icon-check.png) top center; background-size: cover; }

.icon-shifted { background-position: bottom center; }

a:hover .icon-person, a:focus .icon-person { background: url(../images/icon-person.png) bottom center; background-size: cover; }
a:hover .icon-mapmarker, a:focus .icon-mapmarker { background: url(../images/icon-mapmarker.png) bottom center; background-size: cover; }
a:hover .icon-phone, a:focus .icon-phne { background: url(../images/icon-phone.png) bottom center; background-size: cover; }


/* NAVIGATION ANPASSUNG */

#menu li { text-align: left; padding-right: 20px; margin-left: 20px; padding-top: 5px; padding-bottom: 5px;}
#menu .underlined { border-bottom: 1px solid #000; }

.menu {
    width: auto;
	display: inline-block;
	margin: 0;
    margin-top: 5%;
    margin-bottom: 10%;
	padding: 0;
}

.menu a { color: #000; text-transform: uppercase; font-size: 1.5em;}
.menu a:hover, .menu a:focus, .menu ul li a .active  {
    text-decoration: none;
    color: #e30613;
}

.menu-logo { padding-top: 75px; }
.menu-logo img { width:25%; }

/* FARBEN */
.rot { color: #e30613; }


/* COLUMNS ANPASSUNG */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-padding { padding-left: 0; padding-right: 0; }
.no-margin { margin-left: 0; margin-right: 0; }


/* TYPOANPASSUNG */
.giga{
    font-size:80px;
    font-size:5rem;     /* 80px */
    line-height:1.2;    /* 96px */
}
.mega{
    font-size:64px;
    font-size:4rem;     /* 64px */
    line-height:1.125;  /* 72px */
}
.kilo{
    font-size:48px;
    font-size:3rem;     /* 48px */
    line-height:1;      /* 48px */
}

.milli {
    font-size:12px;
    line-height:2;      /* 24px */
}

/* LISTEN */

ul { list-style: none; margin-left: -30px; }


/* LAYOUTANPASSUNGEN RESPONSIVE */

@media (max-width: 768px) {
	

}




@media (max-width: 480px) {

.logo-bar-logo { padding-top: 30px; padding-bottom: 10px; height: 120px; } 


}