s@charset "utf-8";
/* CSS Document */


*{
margin: 0px;
padding: 0px;
border: none;
}


body
{font-family: open sans, geneva, verdana, sans-serif;
font-size: 11px;
line-height:160%;
word-spacing: 1px;
color: #777;
}

a
{font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-right:37px;
color:black;
}

a:hover
{color: red;
}


/* .................... navi ..................... */


.menu-back
{position:sticky;
width: 100%;
height: 95px; 
background-color: white;
left: 0px;
top: 0px;
z-index:1;
}


nav
{position:fixed;
width: 100%;
height: 90px; 
left:  50px;
top: 55px;
z-index:2;
}

nav ul li
{display:inline;
padding:2px;         
letter-spacing:0.05em;
}

nav ul
{text-align: left;
}


.logo
{position: fixed;
background-image:url(pics/logo-rrbevtech.jpg);
background-size: 70%;
background-repeat: no-repeat;
width:280px;
height:70px;
left:  0px;
top: 20px;
z-index:2;
}


/* .................... main ..................... */


.wrapper
{max-width:100%; 
height:  auto; 
margin: 100px auto 0px auto;
text-align: left;
z-index:3;
}


.spritzer
{display:block;
background-image:url(pics/spritzer1.png);
background-size: 30%;
background-repeat: no-repeat;
width:300px;
height:432px;
margin: -90px 0% 0px auto;
z-index:1;
}


.ueber1
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 70%;
background-repeat: no-repeat;
width:300px;
height:90px;
margin: -310px auto 0px 35%;
z-index:3;
}

.strich1
{display: block;
background-image:url(pics/strich1.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:250px;
height:450px;
margin: -30px auto 44px 34%;
z-index:1;
}


.bild1
{display: block;
background-image:url(pics/prozessanlagen.png);
background-size: 40%;
background-repeat: no-repeat;
width:300px;
height:300px;
margin: -420px auto auto 15%;
z-index:3;
}


.text1
{display: block;
width:120px;
height:320px;
margin: -350px auto auto 60%;
font-size:11px;
line-height:160%;
z-index:3;
}

.text1 img
{width: 18%;
height: auto;
}


.ueber2
{display: block;
background-image:url(pics/unternehmen.jpg);
background-size: 45%;
background-repeat: no-repeat;
width:500px;
height:120px;
margin: -90px auto 0px 20%;
z-index:3;
}

.strich2
{display: block;
background-image:url(pics/strich2.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:250px;
height:500px;
margin: -50px auto 44px 170px;
z-index:1;
}

.bild2
{display: block;
background-image:url(pics/unternehmen.png);
background-size: 40%;
background-repeat: no-repeat;
width:300px;
height:300px;
margin: -450px auto auto 18%;
z-index:3;
}

.text2
{display: block;
width:120px;
height:320px;
margin: -400px auto auto 60%;
font-size:11px;
line-height:160%;
z-index:3;
}

.text2 img
{width: 18%;
height: auto;
}


.ueber3
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:500px;
height:120px;
margin: -70px auto 0px 120px;
z-index:3;
}

.strich3
{display: block;
background-image:url(pics/strich3.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:250px;
height:500px;
margin: -50px auto 70px 35%;
z-index:1;
}

.bild3
{display: block;
background-image:url(pics/geschäftsprinzipien.png);
background-size: 40%;
background-repeat: no-repeat;
width:300px;
height:300px;
margin: -460px auto auto 55%;
z-index:3;
}

.text3
{display: block;
width:120px;
height:320px;
margin: -400px auto auto 15%;
font-size:11px;
line-height:160%;
z-index:3;
}

.text3 img
{width: 18%;
height: auto;
}



.ueber4
{display: block;
background-image:url(pics/lösungen.jpg);
background-size: 45%;
background-repeat: no-repeat;
width:500px;
height:120px;
margin: -80px auto 0px 25%;
z-index:3;
}


.bild4
{display: block;
background-image:url(pics/lösungen.png);
background-size: 40%;
background-repeat: no-repeat;
width:300px;
height:300px;
margin: 50px auto auto 25%;
z-index:3;
}

.text4
{display: block;
width:250px;
height:150px;
margin: -420px auto auto 25%;
font-size:11px;
line-height:160%;
z-index:3;
}

.text4 img
{width: 9%;
height: auto;
}




/* ............................ prozessanlagen ....................... */

.spritzer-1
{display: block;
background-image:url(pics/spritzer1.png);
background-repeat: no-repeat;
background-size: 30%;
width:421px;
height:388px;
margin: -70px 0px 0px 6%;
z-index:9;
}


.bild-1
{display: block;
background-image:url(pics/prozessanlagen.png);
background-size: 70%;
background-repeat: no-repeat;
width:400px;
height:400px;
margin: -320px auto auto 20%;
z-index:1;
}


.ueber-1
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -50px auto 0px 20%;
z-index:3;
}

.volltext1
{display: block;
width:320px;
height:350px;
margin: 0px auto auto 21%;
font-size:12px;
line-height:190%;
z-index:3;
}


.link1
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -70px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}

.link2
{display: block;
background-image:url(pics/unternehmen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: 30px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}


.link3
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -25px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}

.link4
{display: block;
background-image:url(pics/lösungen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -30px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}

/* ............................ unternehmen ....................... */

.spritzer-2
{display: block;
background-image:url(pics/spritzer3.png);
background-repeat: no-repeat;
background-size: 40%;
width:421px;
height:388px;
margin: -100px auto auto 60%;
z-index:9;
}

.bild-2
{display: block;
background-image:url(pics/unternehmen.png);
background-size: 70%;
background-repeat: no-repeat;
width:400px;
height:400px;
margin: -320px auto auto 20%;
z-index:1;
}


.ueber-2
{display: block;
background-image:url(pics/unternehmen.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -50px auto 0px 20%;
z-index:3;
}

.volltext2
{display: block;
width:320px;
height:350px;
margin: 0px auto auto 21%;
font-size:12px;
line-height:190%;
z-index:3;
}

.link1-u
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 37%;
background-repeat: no-repeat;
margin: 80px auto auto 21%;
width:500px;
height:100px;
z-index:3;
}

.link3-u
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -30px auto auto 21%;
z-index:3;
}

.link4-u
{display: block;
background-image:url(pics/lösungen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -30px auto auto 21%;
z-index:3;
}



/* ............................ geschäftsprinzipien ....................... */

.spritzer-3
{display: block;
background-image:url(pics/spritzer4.png);
background-repeat: no-repeat;
background-size: 40%;
width:500px;
height:463px;
margin: -80px 0px 0px 30%;
z-index:4;
}

.bild-3
{display: block;
background-image:url(pics/geschäftsprinzipien.png);
background-size: 70%;
background-repeat: no-repeat;
width:400px;
height:400px;
margin: -335px auto auto 90px;
z-index:2;
}

.ueber-3
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -50px auto 0px 20%;
z-index:3;
}

.volltext3
{display: block;
width:320px;
height:350px;
margin: -20px auto auto 21%;
font-size:12px;
line-height:190%;
z-index:3;
}

.link1-g
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: 180px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}

.link2-g
{display: block;
background-image:url(pics/unternehmen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -40px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}


.link4-g
{display: block;
background-image:url(pics/lösungen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:50px;
margin: -40px auto auto 21%;
z-index:3;
}

/* ............................ lösungen ....................... */

.spritzer-4
{display: block;
background-image:url(pics/spritzer6.png);
background-repeat: no-repeat;
background-size: 50%;
width:500px;
height:303px;
margin: -110px 0px 0px 0px;
z-index:4;
}

.bild-4
{display: block;
background-image:url(pics/lösungen.png);
background-size: 70%;
background-repeat: no-repeat;
width:400px;
height:400px;
margin: -235px auto auto 90px;
z-index:2;
}

.ueber-4
{display: block;
background-image:url(pics/lösungen.jpg);
background-size: 45%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin:-50px auto 0px 20%;
z-index:3;
}

.volltext4
{display: block;
width:300px;
height:350px;
margin: -30px auto auto 20%;
font-size:12px;
line-height:190%;
z-index:3;
}


.link1-l
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 40%;
background-repeat: no-repeat;
margin: -120px auto auto 21%;
width:500px;
height:100px;
font-size:22px;
line-height:180%;
z-index:3;
}

.link2-l
{display: block;
background-image:url(pics/unternehmen.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -30px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}


.link3-l
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 40%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: -30px auto auto 21%;
font-size:22px;
line-height:180%;
z-index:3;
}

/* ............................ unterseiten allgemein ....................... */

.volltext
{display: block;
width:550px;
height:350px;
margin: 30px auto auto 303px;
font-size:16px;
line-height:190%;
z-index:3;
}


/* ............................ location ....................... */

.weltkarte
{display: block;
background-image:url(pics/weltkarte.svg);
background-size: 90%;
background-repeat: no-repeat;
width:500px;
height:300px;
margin: -90px auto auto 0px;
z-index:2;
}

.ueber-location
{display: block;
background-image:url(pics/augsburg.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: 20px auto 0px 16%;
z-index:3;
}


.volltext5
{display: block;
width:320px;
height:auto;
margin: 0px auto auto 19%;
font-size:11px;
line-height:170%;
z-index:3;
}

.volltext5.block
{text-align:justify;}

/* ............................ contact ....................... */

.weltkarte2
{display: block;
background-image:url(pics/weltkarte2.svg);
background-size: 90%;
background-repeat: no-repeat;
width:500px;
height:300px;
margin: -90px auto auto 0px;
z-index:2;
}

.ueber-contact
{display: block;
background-image:url(pics/kontakt.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:400px;
height:100px;
margin: 30px auto -30px 16%;
z-index:3;
}

.ueber-impressum
{display: block;
background-image:url(pics/impressum.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:400px;
height:100px;
margin: 30px auto -30px 16%;
z-index:3;
}

.ueber-haftungsausschluss
{display: block;
background-image:url(pics/haftungsausschluss.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:400px;
height:100px;
margin: 70px auto -30px 19%;
z-index:3;
}

.impr-ueber
{font-size:11px;
letter-spacing: 7px;
}
.ueber-datenschutz
{display: block;
background-image:url(pics/datenschutz.jpg);
background-size: 50%;
background-repeat: no-repeat;
width:400px;
height:100px;
margin: 70px auto -50px 16%;
z-index:3;
}

.impr-ueber2
{font-size:10px;
letter-spacing: 2px;
}
/* ............................ footer ....................... */


footer
{width: 100%;
height:230px;
background-color: red;
padding: 20px 0 50px 0;
margin-top: 150px;
} 


.address1
{margin: 10px auto 0px 20%;
text-align: left;
font-size:9px;
letter-spacing: 0.03em;
color:white;
line-height:160%;
}

.address1 img
{width: 38%;
height: auto;
}



.address2
{margin: 5px auto 0px 20%;
text-align: left;
font-size:9px;
letter-spacing: 0.03em;
color:white;
line-height:160%;
}


a.address2
{font-size:10px;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 0.2em;
}

a.address2:hover
{color: #555;
}

.address3 
{margin: 0px auto 0px 20%;
text-align: left;
font-size:9px;
font-weight: 200;
text-transform: uppercase;
list-style-type:none;
letter-spacing: 0.4em;
color:white;
line-height:160%;
}

a.address3:hover 
{color: #555;
}