@charset "UTF-8";
/* CSS Document */

*{
text-decoration:none;
list-style-type:none;
margin: 0;
padding: 0;
}

html, body {
padding: 0;
margin: 0;
height:100%;
}

body {
background:#eee;
height:100%;
overflow-x:hidden;
}

p {
margin-bottom:18px;
}

.logo:hover {
background: #000;
height:32px;
}

.logo {
clear:both;
background-image: url('../images/logo.gif');
height: 32px;
width: 196px;
float:right;
margin-top:40px;
margin-right:40px;
}

.kontakt{
float:left;
margin-top:1px;
margin-right:5px;
font-size:1.1em;
}

.gruppe{
float:right;
margin-right:97px;
}

.balken_1{
float:left;
margin-right:50px;
width:460px;
height:21px;
background-color:#000;
}

.balken_2{
float:left;
width:140px;
height:21px;
background-color:#000;
}

a:visited {color:#000;text-decoration:none;background-color:transparent;}
a:focus {color:#000;text-decoration:none;background-color:transparent;}
a:active {color:#000;text-decoration:none;background-color:transparent;}
a:link {color:#000;text-decoration:none;background-color:transparent;}
a:hover {color:#eee;text-decoration:none;background-color:transparent;-moz-transition: background-color 0.6s ease 0s;}

.navigation a {
padding: 0 2px;
}

.navigation a:hover {
color:#000;
box-shadow:
inset  0 0 0 2px #eee,
inset  0 0 0 18px #000;
-moz-transition: background-color 0.6s ease 0s;
}

.navigation{
position:relative;
font-weight:normal;
font-size:1.5em;
line-height:1.4em;
left:40px;
top:40px;
float:left;
z-index:100;
}

#nav{
display:none;
}

#nav-toggle{
display:none;
}



.text_clients {
font-size:1.1em;
margin-top:0px;
margin-left:6px;
}

.text_clients a:visited {font-weight:normal;color:#fff;text-decoration:none;}
.text_clients a:focus {font-weight:normal;color:#fff;text-decoration:none;}
.text_clients a:active {font-weight:normal;color:#fff;text-decoration:none;}
.text_clients a:link {font-weight:normal;color:#fff;text-decoration:none;}
.text_clients a:hover {font-weight:normal;color:#000;text-decoration:none;}

.abstand{
padding-bottom:25px;
}

.zurueck {
clear:both;
border-top:8px solid #000;
width:72px;
margin-left:2px;
float:left;
}

.content {
clear:both;
position:relative;
padding:300px 0;
width:auto;
margin: 0 3%;
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
border:1px solid red;
}

.img_big_grau{
height:auto;
background-color:#eee;
padding:40px 90px 90px 90px;
}

.img_big_weiss{
height:auto;
background-color:#fff;
padding:90px;
}

.img_big_weiss_sozialstaat{
height:auto;
background-color:#fff;
padding:90px;
}

.img_big_schwarz{
height:auto;
background-color:#000;
padding:90px;
}

.img_big_weiss_fashion{
height:auto;
background-color:#fff;
padding:40px;
}

.img_big_spacer{
clear:both;
padding:0px 0px 110px 0px ;
}

.img_big_spacer_web{
padding:0px 0px 20px 0px ;
}

#images_tabelle{
display:none;
}

.img_icon {
background-image: url('../images/uebersicht.gif');
height: 52px;
width: 52px;
float:left;
margin-left:10px;
}

.img_icon:hover {
background-image: url('../images/uebersicht_hover.gif');
}

.img_icon_klein {
visibility:hidden;
}

.img-text {
font-size:0.9em;
float:left;
margin-top:3px;
padding:2px 6px 4px 6px;
color:#fff;
background-color:#000;
}



#headline {
margin-bottom:100px;
float:left;
padding:0 30px;
background:#000;
border:1px solid red;
}


#text {
font-family:verdana;
font-size:2em;
line-height:auto;
font-weight:normal;
padding-bottom:200px;
width:60%;
margin:0 auto;
overflow: auto;
}




.footer{
padding-bottom:0;
width:100%;
height:42px;
background:#000;
z-index:100;
}

.text_footer{
padding:12px;
text-align: center;
color:#444;
font-family:Verdana;
z-index:100;
}

.footer-pfeil {
position:relative;
height:70px;
bottom:-20px;
right:80px;
z-index:300;
margin-top:150px;
}


.spacer {
width:100%;
height:50px;
margin-top:320px;
}

.gp:hover {
background-image: url('../images/pfeil_slide_hover.gif');
}

.gp{
background:#fff url('../images/pfeil_slide.png')no-repeat;
width:70px;
height:70px;
cursor:pointer;
-moz-box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
-webkit-box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
z-index:50;
}

#info {
font-size:18px;
margin-left:60px;
display: none;
}

#info {
font-size:18px;
margin-left:60px;
display: none;
}

.js #info {
background-color: #ccc;
width: 960px;
display: none;
z-index: 20000;
}

.slides {
overflow:hidden;
}

#slider {
width: 1160px;
padding-left:20px;
padding-right:20px;
}

.active {
color:#000;
box-shadow:
inset  0 0 0 2px #eee,
inset  0 0 0 18px #000;
-moz-transition: background-color 0.6s ease 0s;
}

.element {
float:left;
margin: 0 20px 40px 20px;
}

.space {
display:block;
}

#space {
display:block;
}

.bwWrapper {
position:relative;
display:block;
}

.isotope,
.isotope .isotope-item {
 /* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}

/**** Isotope filtering ****/

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

/*  -------------------- BEGIN MEDIA MAX 1100---------------------------------- */

@media screen and (max-width: 1100px) {

#links {
font-family:verdana;
font-size:1.15em;
line-height:1.6em;
font-weight:normal;
margin-right:50px;
margin-left:20px;
max-width:100%;
float:none;
}

.img_r{
padding-top:0px;
}

#mitte {
font-family:verdana;
font-size:1.15em;
line-height:1.6em;
font-weight:normal;
margin: 20px 20px 25px 20px;
width:auto;
}

#rechts {
display:none;
}

.img_big_weiss_fashion{
height:auto;
background-color:#fff;
padding:20px;
}

.img_big_grau{
height:auto;
background-color:#eee;
padding:50px;
}

.img_big_weiss{
height:auto;
background-color:#fff;
padding:50px;
}

.img_big_schwarz{
height:auto;
background-color:#000;
padding:50px;
}

.img_big_spacer{
clear:both;
padding:0px 0px 70px 0px ;
}

.footer-pfeil {
margin-top:150px;
}
}

/*  -------------------- END MEDIA MAX 1100---------------------------------- */
/*  -------------------- BEGIN MEDIA MAX 950---------------------------------- */

@media screen and (max-width: 950px) {

.back {
display:none;
}

.zurueck {
display:none;
}

.img_big_grau{
height:auto;
background-color:#eee;
padding:30px;
}

.img_big_weiss_fashion{
height:auto;
background-color:#fff;
padding:18px;
}

.img_big_weiss{
height:auto;
background-color:#fff;
padding:30px;
}


.img_big_schwarz{
height:auto;
background-color:#000;
padding:30px;
}

.img_big_weiss_sozialstaat{
height:auto;
background-color:#fff;
padding:0px;
}

.img_big_spacer{
clear:both;
padding:0px 0px 60px 0px ;
}

.navigation {
display:none;
}

.kontakt {
display:none;
}

.gruppe{
float:left;
width:100%;
}

.balken_1{
display:none;
}

.balken_2{
width:100%;
height:22px;
background-color:#000;
}

#nav {
display:inline;
font-size:1.15em;
border-top:1px dotted #000;
}

#nav-toggle{
display:inline;
clear:both;
background: url("../images/hamburger.gif")!important;
width:42px;
height:32px;
box-shadow: none !important;
}

#nav a:visited {font-weight:normal;color:#fff;text-decoration:none;}
#nav a:focus {font-weight:normal;color:#fff;text-decoration:none;}
#nav a:active {font-weight:normal;color:#fff;text-decoration:none;}
#nav a:link {font-weight:normal;color:#fff;text-decoration:none;}
#nav a:hover {font-weight:normal;color:#000;text-decoration:none;background-color:#eee;-moz-transition: background-color 0.3s ease 0s;}

.logo {
position:relative;
top:-102px;
margin-right:30px;
}

.active {
color:#000!important;
box-shadow:
inset  0 0 0 2px #eee,
inset  0 0 0 18px #eee!important;
background:#eee !important;
}

.content {
position:relative;
top:0px;
margin: 0 auto;
padding-left:10px;
padding-right:10px;
}
}

/*  -------------------- END MEDIA MAX 950---------------------------------- */
/*  -------------------- Begin MEDIA MAX 750---------------------------------- */

@media screen and (max-width: 750px) {

.container_print{
display:none;
}

#images_tabelle{
display:inline;
}

.img_icon{
display:none;
}

.img_icon_klein {
visibility:visible;
background-image: url('../images/uebersicht_klein.gif');
height: 18px;
width: 18px;
float:right;
overflow:hidden;
border:0px;
padding:0px;
margin:0px;
}

.img_icon_klein:hover {
background-image: url('../images/uebersicht_hover.gif');
}


}

/*  -------------------- END MEDIA MAX 750---------------------------------- */
/*  -------------------- BEGIN MEDIA MAX 570---------------------------------- */

@media screen and (max-width: 570px) {

.container_digital {
margin-top:-20px;
}


#nav-toggle{
left:-10px;
top:-20px;
}

.logo {
right:-10px;
margin-top:20px;
}

.img_icon{
display:none;
}

#headline {
font-size:2.4em;
}

.img_icon_klein {
visibility:visible;
background-image: url('../images/uebersicht_klein.gif');
height: 18px;
width: 18px;
float:right;
overflow:hidden;
border:0px;
padding:0px;
margin:0px;
}

.img_icon_klein:hover {
background-image: url('../images/uebersicht_hover.gif');
}

.img_big_spacer{
clear:both;
padding:0px 0px 35px 0px;
}

.img_big_grau{
height:auto;
background-color:#eee;
padding:0 22px 22px 22px;
}

.img_big_weiss{
height:auto;
background-color:#fff;
padding:22px;
}


.img_big_schwarz{
height:auto;
background-color:#000;
padding:22px;
}

.img_big_weiss_sozialstaat{
height:auto;
background-color:#fff;
padding:0px;
}


.imac {
display:none;
}

.gp{
background:#fff url('../images/pfeil_slide_small.png')no-repeat;
width:60px;
height:60px;
cursor:pointer;
-moz-box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
-webkit-box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
box-shadow:.125em .125em 1em rgba(0, 0, 0, 0.5);
z-index:50;
}

#links {
font-size:1.1em;
line-height:1.5em;
width:90%;
}

#mitte {
font-size:1.1em;
line-height:1.4em;
}

#headline {
font-size:2.2em;
margin-bottom:20px;
}

.footer{
padding-bottom:0;
width:100%;
height:50px;
background:#000;
z-index:100;
}

.text_footer{
padding:20px;
text-align: center;
color:#444;
font-family:Verdana;
z-index:100;
}

.footer-pfeil {
position:relative;
height:70px;
bottom:-10px;
right:80px;
z-index:300;
margin-top:150px;
}

}

/*  -------------------- END MEDIA MAX 570---------------------------------- */
/*  -------------------- BEGIN MEDIA MAX 400---------------------------------- */

@media screen and (max-width: 400px) {


.img_icon_klein{
display:none;
}

.img_big_grau{
height:auto;
background-color:#eee;
padding:0 12px 12px 12px;
}

.img_big_weiss{
height:auto;
background-color:#fff;
padding:12px;
}

.img_big_schwarz{
height:auto;
background-color:#000;
padding:12px;
}


.img_big_weiss_sozialstaat{
height:auto;
background-color:#fff;
padding:0px;
}


.img_big_fashion{
height:auto;
background-color:#fff;
padding:12px;
}
}

/*  -------------------- END MEDIA MAX 400---------------------------------- */

   .b-lazy {
        -webkit-transition: opacity 1000ms ease-in-out;
           -moz-transition: opacity 1000ms ease-in-out;
             -o-transition: opacity 1000ms ease-in-out;
                transition: opacity 1000ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
                   opacity: 1;
    }