/**
 * Referenzen -> Paralaxing...
 */
div#non-parallax {
    display: none;
}
div#parallax-main {
    position: relative;
}
div#parallax-eyecatch {
    padding-top: 7px;
}
div#parallax-scroll-down {
    position: absolute;
    top: 20px;
    right: 50px;
}
/* section-Container für jew. Referenz */
section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1200px;
    margin: 0 auto;
    background-attachment: fixed;
}
/* Allg.: Logo innerhalb/auf Hintergrundbild */
section .logo {
    position: absolute;
    top: 0;
    width: 100%;
}
section .logo img,
section .claim img {
    max-width: 100%;
    height: auto;
}
/* Allg.: Schrift/Claim innerhalb/auf Logo-Streifen */
section .claim {
    position: absolute;
    top: 0;
    padding: 2.2% 0;
    /* height: 40%; */
    width: 100%;
}
section .claim img {
    vertical-align: middle;
    height: auto;
}


/* Referenzen -> spezifische Container/Referenzen */
section#swib {
    top: 100px;
    background: url(../img/referenzen-parallax/01-swib-pic.jpg) no-repeat #dddddd fixed;
}
section#foehl {
    top: 1300px;
    background: url(../img/referenzen-parallax/02-foehl-pic.jpg) no-repeat #dddddd fixed;
}
section#foehl .logo {
    top: 74%;
}
section#foehl .claim {
    top: 74.5%;
}
section#georgfischer {
    top: 2500px;
    background: url(../img/referenzen-parallax/03-georgfischer-pic.jpg) no-repeat #dddddd fixed;
}
section#georgfischer .logo {
    top: 87%;
}
section#georgfischer .claim {
    top: 88%;
}
section#haeussermann-p {
    top: 3700px;
    background: url(../img/referenzen-parallax/04-haeussermann-pic.jpg) no-repeat #dddddd fixed;
}
section#haeussermann-p .logo {
    top: 7%;
}
section#haeussermann-p .claim {
    top: 7.5%;
}
section#leica-p {
    top: 4900px;
    background: url(../img/referenzen-parallax/05-leica-pic.jpg) no-repeat #dddddd fixed;
}
section#leica-p .logo {
    top: 45%;
}
section#leica-p .claim {
    top: 46%;
}
section#mbquart {
    top: 6100px;
    background: url(../img/referenzen-parallax/06-mbquart-pic.jpg) no-repeat #dddddd fixed;
}
section#messestuttgart {
    top: 7300px;
    background: url(../img/referenzen-parallax/07-messestuttgart-pic.jpg) no-repeat #dddddd fixed;
}
section#messestuttgart .logo {
    top: 71%;
}
section#messestuttgart .claim {
    top: 71.5%;
}
section#metrohm {
    top: 8500px;
    background: url(../img/referenzen-parallax/08-metrohm-pic.jpg) no-repeat #dddddd fixed;
}
section#metrohm .logo {
    top: 74.5%;
}
section#metrohm .claim {
    top: 75%;
}
section#muellerkurtz {
    top: 9700px;
    background: url(../img/referenzen-parallax/09-muellerkurtz-pic.jpg) no-repeat #dddddd fixed;
}
section#muellerkurtz .logo {
    top: 7%;
}
section#muellerkurtz .claim {
    top: 9%;
}
section#anwr-p {
    top: 10900px;
    background: url(../img/referenzen-parallax/10-anwr-pic.jpg) no-repeat #dddddd fixed;
}
section#anwr-p .logo {
    top: 69.5%;
}
section#anwr-p .claim {
    top: 69%;
}
section#rems {
    top: 12100px;
    background: url(../img/referenzen-parallax/11-rems-pic.jpg) no-repeat #dddddd fixed;
}
section#rems .logo {
    top: 69.5%;
}
section#rems .claim {
    top: 69%;
}
section#rib {
    top: 13300px;
    background: url(../img/referenzen-parallax/12-rib-pic.jpg) no-repeat #dddddd fixed;
}
section#rib .logo {
    top: 45%;
}
section#rib .claim {
    top: 46%;
}
section#steaghamatech {
    top: 14500px;
    background: url(../img/referenzen-parallax/13-steaghamatech-pic.jpg) no-repeat #dddddd fixed;
}
section#steaghamatech .logo {
    top: 68.5%;
}
section#steaghamatech .claim {
    top: 68%;
}
section#stoerktronic {
    top: 15700px;
    background: url(../img/referenzen-parallax/14-stoerktronic-pic.jpg) no-repeat #dddddd fixed center center;
}
section#stoerktronic .logo {
    top: 53.5%;
}
section#stoerktronic .claim {
    top: 51%;
}
section#stoerktronic #clockContainer-p {
    top: 250px;
    left: 200px;
}
section#fried-p {
    top: 16900px;
    background: url(../img/referenzen-parallax/15-fried-pic.jpg) no-repeat #dddddd fixed;
}
section#fried-p .logo {
    top: 7%;
}
section#fried-p .claim {
    top: 9%;
}
section#kostryka {
    top: 18100px;
    background: url(../img/referenzen-parallax/16-kostryka-pic.jpg) no-repeat #dddddd fixed;
}
section#kostryka .logo {
    top: 45%;
}
section#kostryka .claim {
    top: 46%;
}
section#maagflock-p {
    top: 19300px;
    background: url(../img/referenzen-parallax/17-maagflock-pic.jpg) no-repeat #dddddd fixed;
}
section#maagflock-p .logo {
    top: 68.5%;
}
section#maagflock-p .claim {
    top: 68%;
}
section#delwo {
    top: 20500px;
    background: url(../img/referenzen-parallax/18-delwo-pic.jpg) no-repeat #dddddd fixed center center;
}
section#delwo .logo {
    top: 53.5%;
}
section#delwo .claim {
    top: 51%;
}
section#heger {
    top: 21700px;
    background: url(../img/referenzen-parallax/19-heger-pic.jpg) no-repeat #dddddd fixed;
}
section#heger .logo {
    top: 69.5%;
}
section#heger .claim {
    top: 69%;
}
section#iwp {
    top: 22900px;
    background: url(../img/referenzen-parallax/20-iwp-pic.jpg) no-repeat #dddddd fixed;
}
section#iwp .logo {
    top: 7%;
}
section#iwp .claim {
    top: 9%;
}
section#klaeger {
    top: 24100px;
    background: url(../img/referenzen-parallax/21-klaeger-pic.jpg) no-repeat #dddddd fixed;
}
section#klaeger .logo {
    top: 11%;
}
section#klaeger .claim {
    top: 12%;
}
section#kreeb {
    top: 25300px;
    background: url(../img/referenzen-parallax/22-kreeb-pic.jpg) no-repeat #dddddd fixed;
}
section#kreeb .logo {
    top: 68.5%;
}
section#kreeb .claim {
    top: 68%;
}
section#bertrandt-p {
    top: 26500px;
    background: url(../img/referenzen-parallax/23-bertrandt-pic.jpg) no-repeat #dddddd fixed;
}
section#bertrandt-p .logo {
    top: 7%;
}
section#bertrandt-p .claim {
    top: 9%;
}
div#totop {
    position: absolute;
    padding: 20px 0;
    font-weight: bold;
    text-align: center;
    width: 100%;

    top: 27700px;
}


/******* Geringere Auflösung ~ 1600x1000 ********/
@media (max-width: 1600px) {

    section {
        height: 1000px;
    }

    section#swib {
        background: url(../img/referenzen-parallax/01-swib-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#foehl {
        top: 1100px;
        background: url(../img/referenzen-parallax/02-foehl-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#georgfischer {
        top: 2100px;
        background: url(../img/referenzen-parallax/03-georgfischer-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#haeussermann-p {
        top: 3100px;
        background: url(../img/referenzen-parallax/04-haeussermann-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#leica-p {
        top: 4100px;
        background: url(../img/referenzen-parallax/05-leica-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#mbquart {
        top: 5100px;
        background: url(../img/referenzen-parallax/06-mbquart-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#messestuttgart {
        top: 6100px;
        background: url(../img/referenzen-parallax/07-messestuttgart-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#metrohm {
        top: 7100px;
        background: url(../img/referenzen-parallax/08-metrohm-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#muellerkurtz {
        top: 8100px;
        background: url(../img/referenzen-parallax/09-muellerkurtz-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#anwr-p {
        top: 9100px;
        background: url(../img/referenzen-parallax/10-anwr-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#rems {
        top: 10100px;
        background: url(../img/referenzen-parallax/11-rems-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#rib {
        top: 11100px;
        background: url(../img/referenzen-parallax/12-rib-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#steaghamatech {
        top: 12100px;
        background: url(../img/referenzen-parallax/13-steaghamatech-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#stoerktronic {
        top: 13100px;
        background: url(../img/referenzen-parallax/14-stoerktronic-pic-1600.jpg) no-repeat #dddddd fixed center center;
    }
    section#stoerktronic #clockContainer-p {
         left: 370px;
    }
    section#fried-p {
        top: 14100px;
        background: url(../img/referenzen-parallax/15-fried-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#kostryka {
        top: 15100px;
        background: url(../img/referenzen-parallax/16-kostryka-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#maagflock-p {
        top: 16100px;
        background: url(../img/referenzen-parallax/17-maagflock-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#delwo {
        top: 17100px;
        background: url(../img/referenzen-parallax/18-delwo-pic-1600.jpg) no-repeat #dddddd fixed center center;
    }
    section#heger {
        top: 18100px;
        background: url(../img/referenzen-parallax/19-heger-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#iwp {
        top: 19100px;
        background: url(../img/referenzen-parallax/20-iwp-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#klaeger {
        top: 20100px;
        background: url(../img/referenzen-parallax/21-klaeger-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#kreeb {
        top: 21100px;
        background: url(../img/referenzen-parallax/22-kreeb-pic-1600.jpg) no-repeat #dddddd fixed;
    }
    section#bertrandt-p {
        top: 22100px;
        background: url(../img/referenzen-parallax/23-bertrandt-pic-1600.jpg) no-repeat #dddddd fixed;
    }

    div#totop {
        top: 23200px;
    }
}

/******* Geringere Auflösung ~ 1280x1024 ********/
@media (max-width: 1280px) {

    section {
        height: 800px;
    }

    section#swib {
        background: url(../img/referenzen-parallax/01-swib-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#foehl {
        top: 900px;
        background: url(../img/referenzen-parallax/02-foehl-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#georgfischer {
        top: 1700px;
        background: url(../img/referenzen-parallax/03-georgfischer-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#haeussermann-p {
        top: 2500px;
        background: url(../img/referenzen-parallax/04-haeussermann-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#leica-p {
        top: 3300px;
        background: url(../img/referenzen-parallax/05-leica-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#mbquart {
        top: 4100px;
        background: url(../img/referenzen-parallax/06-mbquart-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#messestuttgart {
        top: 4900px;
        background: url(../img/referenzen-parallax/07-messestuttgart-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#metrohm {
        top: 5700px;
        background: url(../img/referenzen-parallax/08-metrohm-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#muellerkurtz {
        top: 6500px;
        background: url(../img/referenzen-parallax/09-muellerkurtz-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#anwr-p {
        top: 7300px;
        background: url(../img/referenzen-parallax/10-anwr-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#rems {
        top: 8100px;
        background: url(../img/referenzen-parallax/11-rems-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#rib {
        top: 8900px;
        background: url(../img/referenzen-parallax/12-rib-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#steaghamatech {
        top: 9700px;
        background: url(../img/referenzen-parallax/13-steaghamatech-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#stoerktronic {
        top: 10500px;
        background: url(../img/referenzen-parallax/14-stoerktronic-pic-1280.jpg) no-repeat #dddddd fixed center center;
    }
    section#stoerktronic #clockContainer-p {
        left: 310px;
    }
    section#fried-p {
        top: 11300px;
        background: url(../img/referenzen-parallax/15-fried-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#kostryka {
        top: 12100px;
        background: url(../img/referenzen-parallax/16-kostryka-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#maagflock-p {
        top: 12900px;
        background: url(../img/referenzen-parallax/17-maagflock-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#delwo {
        top: 13700px;
        background: url(../img/referenzen-parallax/18-delwo-pic-1280.jpg) no-repeat #dddddd fixed center center;
    }
    section#heger {
        top: 14500px;
        background: url(../img/referenzen-parallax/19-heger-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#iwp {
        top: 15300px;
        background: url(../img/referenzen-parallax/20-iwp-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#klaeger {
        top: 16100px;
        background: url(../img/referenzen-parallax/21-klaeger-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#kreeb {
        top: 16900px;
        background: url(../img/referenzen-parallax/22-kreeb-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    section#bertrandt-p {
        top: 17700px;
        background: url(../img/referenzen-parallax/23-bertrandt-pic-1280.jpg) no-repeat #dddddd fixed;
    }
    div#totop {
        top: 18550px;
    }
}


/******* Geringere Auflösung ~ 1024x768 ********/
@media (max-width: 1024px) {

    section {
        height: 640px;
    }

    section#swib {
        background: url(../img/referenzen-parallax/01-swib-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#foehl {
        top: 740px;
        background: url(../img/referenzen-parallax/02-foehl-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#georgfischer {
        top: 1380px;
        background: url(../img/referenzen-parallax/03-georgfischer-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#haeussermann-p {
        top: 2020px;
        background: url(../img/referenzen-parallax/04-haeussermann-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#leica-p {
        top: 2660px;
        background: url(../img/referenzen-parallax/05-leica-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#mbquart {
        top: 3300px;
        background: url(../img/referenzen-parallax/06-mbquart-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#messestuttgart {
        top: 3940px;
        background: url(../img/referenzen-parallax/07-messestuttgart-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#metrohm {
        top: 4580px;
        background: url(../img/referenzen-parallax/08-metrohm-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#muellerkurtz {
        top: 5220px;
        background: url(../img/referenzen-parallax/09-muellerkurtz-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#anwr-p {
        top: 5860px;
        background: url(../img/referenzen-parallax/10-anwr-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#rems {
        top: 6500px;
        background: url(../img/referenzen-parallax/11-rems-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#rib {
        top: 7140px;
        background: url(../img/referenzen-parallax/12-rib-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#steaghamatech {
        top: 7780px;
        background: url(../img/referenzen-parallax/13-steaghamatech-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#stoerktronic {
        top: 8420px;
        background: url(../img/referenzen-parallax/14-stoerktronic-pic-1024.jpg) no-repeat #dddddd fixed center center;
    }
    section#stoerktronic #clockContainer-p {
        left: 310px;
    }
    section#fried-p {
        top: 9060px;
        background: url(../img/referenzen-parallax/15-fried-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#kostryka {
        top: 9700px;
        background: url(../img/referenzen-parallax/16-kostryka-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#maagflock-p {
        top: 10340px;
        background: url(../img/referenzen-parallax/17-maagflock-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#delwo {
        top: 10980px;
        background: url(../img/referenzen-parallax/18-delwo-pic-1024.jpg) no-repeat #dddddd fixed center center;
    }
    section#heger {
        top: 11620px;
        background: url(../img/referenzen-parallax/19-heger-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#iwp {
        top: 12260px;
        background: url(../img/referenzen-parallax/20-iwp-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#klaeger {
        top: 12900px;
        background: url(../img/referenzen-parallax/21-klaeger-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#kreeb {
        top: 13540px;
        background: url(../img/referenzen-parallax/22-kreeb-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    section#bertrandt-p {
        top: 14180px;
        background: url(../img/referenzen-parallax/23-bertrandt-pic-1024.jpg) no-repeat #dddddd fixed;
    }
    div#totop {
        top: 14830px;
    }
}