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


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


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

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

a:hover
{color: red;
}


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


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


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

nav ul li
{display:inline;
padding:5px;         
letter-spacing:0.1em;}

nav ul
{          
text-align: left;
}


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


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


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


.spritzer
{display: block;
background-image:url(pics/spritzer1.png);
background-size: 100%;
background-repeat: no-repeat;
width:300px;
height:462px;
margin: -109px 0px 0px 550px;
z-index:1;
}


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

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


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


.text1
{display: block;
width:300px;
height:420px;
margin: -350px auto auto 560px;
font-size:16px;
line-height:190%;
z-index:3;
}



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

.strich2
{display: block;
background-image:url(pics/strich2.jpg);
background-size: 80%;
background-repeat: no-repeat;
width:300px;
height:600px;
margin: -20px auto 44px 300px;
z-index:1;
}

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

.text2
{display: block;
width:300px;
height:720px;
margin: -450px auto auto 460px;
font-size:16px;
line-height:190%;
z-index:3;
}


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

.strich3
{display: block;
background-image:url(pics/strich3.jpg);
background-size: 90%;
background-repeat: no-repeat;
width:300px;
height:600px;
margin: -30px auto 44px 280px;
z-index:1;
}

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

.text3
{display: block;
width:300px;
height:720px;
margin: -430px auto auto 60px;
font-size:16px;
line-height:190%;
z-index:3;
}




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


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

.text4
{display: block;
width:520px;
height:320px;
margin: -500px auto auto 210px;
font-size:16px;
line-height:190%;
z-index:3;
}

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

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

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


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

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


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

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

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


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

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

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

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

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



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

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

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

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

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

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

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


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

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

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

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

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

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


.link1-l
{display: block;
background-image:url(pics/prozessanlagen.jpg);
background-size: 80%;
background-repeat: no-repeat;
margin: -90px auto auto 173px;
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: 80%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: 0px auto auto 173px;
font-size:22px;
line-height:180%;
z-index:3;
}


.link3-l
{display: block;
background-image:url(pics/geschäftsprinzipien.jpg);
background-size: 80%;
background-repeat: no-repeat;
width:500px;
height:100px;
margin: 0px auto auto 173px;
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;
}

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

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


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

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

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

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

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


.volltext5
{display: block;
width:500px;
height:auto;
margin: 30px auto auto 240px;
font-size:16px;
line-height:190%;
z-index:3;
}

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

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

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


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

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

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

.impr-ueber2
{font-size:12px;
font-weight: bold;
letter-spacing: 7px;
}
/* ............................ footer ....................... */


footer
{width: 100%;
height:360px;
background-color: red;
padding: 50px 0 50px 0;
margin-top: 250px;
} 


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


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


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

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

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

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