@media all { body{margin:0;font-family:Roboto;font-size:13px;background-color:transparent;} a:focus {outline: none;} #gallery {position:relative;top:0;left:0;width:100%;z-index:1000;cursor:default;margin: 0px;} #gallery .cycle-container {display:block;position:absolute;top:0;left:0;right:0;bottom:0;cursor: -webkit-grab;cursor: grab;} #gallery .cycle-item {width: 100%; height: calc(100vw * 3 / 4); min-height:100vh; background-repeat: no-repeat; background-size:contain;background-position:center center} #hover-prev {position:fixed;top:0;bottom:0;left:0;width:7%;opacity:0.7;z-index:1000; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } #hover-next {position:fixed;top:0;bottom:0;right:0;width:7%;opacity:0.7;z-index:1000; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear;} #hover-prev:hover {opacity:1;} #hover-next:hover {opacity:1;} #hover-prev.disabled {display:none;} #hover-next.disabled {display:none;} .cycle-button {position:absolute;width: 5vh;height: 5vh;cursor:pointer;top:50vh;} .cycle-button path {fill:black;} #cycle-prev { -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1); left:1vh; } #cycle-next {right: 1vh;} .cycle-item a { display: block; width: 100%; height: 100%;} a {color:black;text-decoration: none;} a:hover {text-decoration: underline;} } @media (min-aspect-ratio: 4/3) { #gallery {height:calc(100% * 3 / 4);} } @media (max-aspect-ratio: 4/3) { #gallery {top:0 !important;height:100vh;} } @media screen and ( min-width: 1601px ) { #item001.cycle-item {background-image:url("../images/1920x1275/074%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_01.jpg");} #item002.cycle-item {background-image:url("../images/1920x1275/075%2020170803%2001_RENDERS_Seite_1.jpg");} #item003.cycle-item {background-image:url("../images/1920x1275/076%2020170803%2001_RENDERS_Seite_2.jpg");} #item004.cycle-item {background-image:url("../images/1920x1275/076%2020170803%2001_RENDERS_Seite_3.jpg");} #item005.cycle-item {background-image:url("../images/1920x1275/077%2020170803%2001_RENDERS_Seite_4.jpg");} #item006.cycle-item {background-image:url("../images/1920x1275/078%2020170803%2001_RENDERS_Seite_5.jpg");} #item007.cycle-item {background-image:url("../images/1920x1275/079%2020170803%2001_RENDERS_Seite_6.jpg");} #item008.cycle-item {background-image:url("../images/1920x1275/080%2020170803%2001_RENDERS_Seite_7.jpg");} #item009.cycle-item {background-image:url("../images/1920x1275/081%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_08.jpg");} #item010.cycle-item {background-image:url("../images/1920x1275/082-20170309-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN-TXT.jpg");} #item011.cycle-item {background-image:url("../images/1920x1275/083-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item012.cycle-item {background-image:url("../images/1920x1275/084-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item013.cycle-item {background-image:url("../images/1920x1275/085-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item014.cycle-item {background-image:url("../images/1920x1275/086-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item015.cycle-item {background-image:url("../images/1920x1275/087-20170303%20SIMPLIOFFICE%20KREFELD%203D%20communication%2001.jpg");} #item016.cycle-item {background-image:url("../images/1920x1275/088-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-004.jpg");} #item017.cycle-item {background-image:url("../images/1920x1275/089-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-002.jpg");} #item018.cycle-item {background-image:url("../images/1920x1275/090-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-001.jpg");} #item019.cycle-item {background-image:url("../images/1920x1275/091-20170221-SIMPLIOFFICE-KREFELD-005.jpg");} #item020.cycle-item {background-image:url("../images/1920x1275/092-20170223-SIMPLIOFFICE-KREFELD-view-013.jpg");} #item021.cycle-item {background-image:url("../images/1920x1275/093-20170223-SIMPLIOFFICE-BERLIN_empfang-10.jpg");} #item022.cycle-item {background-image:url("../images/1920x1275/094-20170223-SIMPLIOFFICE-KREFELD-plan-003.jpg");} #item023.cycle-item {background-image:url("../images/1920x1275/095-20170223-SIMPLIOFFICE-KREFELD-plan-001.jpg");} #item024.cycle-item {background-image:url("../images/1920x1275/096-20170203-render_simpliunit_TXT.jpg");} #item025.cycle-item {background-image:url("../images/1920x1275/097-SimpliOffice.jpg");} #item026.cycle-item {background-image:url("../images/1920x1275/098-SimpliOffice.jpg");} #item027.cycle-item {background-image:url("../images/1920x1275/099-SimpliOffice.jpg");} } @media screen and ( max-width: 1600px ) { #item001.cycle-item {background-image:url("../images/1600x1200/074%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_01.jpg");} #item002.cycle-item {background-image:url("../images/1600x1200/075%2020170803%2001_RENDERS_Seite_1.jpg");} #item003.cycle-item {background-image:url("../images/1600x1200/076%2020170803%2001_RENDERS_Seite_2.jpg");} #item004.cycle-item {background-image:url("../images/1600x1200/076%2020170803%2001_RENDERS_Seite_3.jpg");} #item005.cycle-item {background-image:url("../images/1600x1200/077%2020170803%2001_RENDERS_Seite_4.jpg");} #item006.cycle-item {background-image:url("../images/1600x1200/078%2020170803%2001_RENDERS_Seite_5.jpg");} #item007.cycle-item {background-image:url("../images/1600x1200/079%2020170803%2001_RENDERS_Seite_6.jpg");} #item008.cycle-item {background-image:url("../images/1600x1200/080%2020170803%2001_RENDERS_Seite_7.jpg");} #item009.cycle-item {background-image:url("../images/1600x1200/081%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_08.jpg");} #item010.cycle-item {background-image:url("../images/1600x1200/082-20170309-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN-TXT.jpg");} #item011.cycle-item {background-image:url("../images/1600x1200/083-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item012.cycle-item {background-image:url("../images/1600x1200/084-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item013.cycle-item {background-image:url("../images/1600x1200/085-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item014.cycle-item {background-image:url("../images/1600x1200/086-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item015.cycle-item {background-image:url("../images/1600x1200/087-20170303%20SIMPLIOFFICE%20KREFELD%203D%20communication%2001.jpg");} #item016.cycle-item {background-image:url("../images/1600x1200/088-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-004.jpg");} #item017.cycle-item {background-image:url("../images/1600x1200/089-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-002.jpg");} #item018.cycle-item {background-image:url("../images/1600x1200/090-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-001.jpg");} #item019.cycle-item {background-image:url("../images/1600x1200/091-20170221-SIMPLIOFFICE-KREFELD-005.jpg");} #item020.cycle-item {background-image:url("../images/1600x1200/092-20170223-SIMPLIOFFICE-KREFELD-view-013.jpg");} #item021.cycle-item {background-image:url("../images/1600x1200/093-20170223-SIMPLIOFFICE-BERLIN_empfang-10.jpg");} #item022.cycle-item {background-image:url("../images/1600x1200/094-20170223-SIMPLIOFFICE-KREFELD-plan-003.jpg");} #item023.cycle-item {background-image:url("../images/1600x1200/095-20170223-SIMPLIOFFICE-KREFELD-plan-001.jpg");} #item024.cycle-item {background-image:url("../images/1600x1200/096-20170203-render_simpliunit_TXT.jpg");} #item025.cycle-item {background-image:url("../images/1600x1200/097-SimpliOffice.jpg");} #item026.cycle-item {background-image:url("../images/1600x1200/098-SimpliOffice.jpg");} #item027.cycle-item {background-image:url("../images/1600x1200/099-SimpliOffice.jpg");} } @media screen and ( max-width: 1024px ) { #item001.cycle-item {background-image:url("../images/1024x768/074%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_01.jpg");} #item002.cycle-item {background-image:url("../images/1024x768/075%2020170803%2001_RENDERS_Seite_1.jpg");} #item003.cycle-item {background-image:url("../images/1024x768/076%2020170803%2001_RENDERS_Seite_2.jpg");} #item004.cycle-item {background-image:url("../images/1024x768/076%2020170803%2001_RENDERS_Seite_3.jpg");} #item005.cycle-item {background-image:url("../images/1024x768/077%2020170803%2001_RENDERS_Seite_4.jpg");} #item006.cycle-item {background-image:url("../images/1024x768/078%2020170803%2001_RENDERS_Seite_5.jpg");} #item007.cycle-item {background-image:url("../images/1024x768/079%2020170803%2001_RENDERS_Seite_6.jpg");} #item008.cycle-item {background-image:url("../images/1024x768/080%2020170803%2001_RENDERS_Seite_7.jpg");} #item009.cycle-item {background-image:url("../images/1024x768/081%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_08.jpg");} #item010.cycle-item {background-image:url("../images/1024x768/082-20170309-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN-TXT.jpg");} #item011.cycle-item {background-image:url("../images/1024x768/083-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item012.cycle-item {background-image:url("../images/1024x768/084-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item013.cycle-item {background-image:url("../images/1024x768/085-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item014.cycle-item {background-image:url("../images/1024x768/086-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item015.cycle-item {background-image:url("../images/1024x768/087-20170303%20SIMPLIOFFICE%20KREFELD%203D%20communication%2001.jpg");} #item016.cycle-item {background-image:url("../images/1024x768/088-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-004.jpg");} #item017.cycle-item {background-image:url("../images/1024x768/089-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-002.jpg");} #item018.cycle-item {background-image:url("../images/1024x768/090-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-001.jpg");} #item019.cycle-item {background-image:url("../images/1024x768/091-20170221-SIMPLIOFFICE-KREFELD-005.jpg");} #item020.cycle-item {background-image:url("../images/1024x768/092-20170223-SIMPLIOFFICE-KREFELD-view-013.jpg");} #item021.cycle-item {background-image:url("../images/1024x768/093-20170223-SIMPLIOFFICE-BERLIN_empfang-10.jpg");} #item022.cycle-item {background-image:url("../images/1024x768/094-20170223-SIMPLIOFFICE-KREFELD-plan-003.jpg");} #item023.cycle-item {background-image:url("../images/1024x768/095-20170223-SIMPLIOFFICE-KREFELD-plan-001.jpg");} #item024.cycle-item {background-image:url("../images/1024x768/096-20170203-render_simpliunit_TXT.jpg");} #item025.cycle-item {background-image:url("../images/1024x768/097-SimpliOffice.jpg");} #item026.cycle-item {background-image:url("../images/1024x768/098-SimpliOffice.jpg");} #item027.cycle-item {background-image:url("../images/1024x768/099-SimpliOffice.jpg");} } @media screen and ( max-width: 640px ) { #item001.cycle-item {background-image:url("../images/640x480/074%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_01.jpg");} #item002.cycle-item {background-image:url("../images/640x480/075%2020170803%2001_RENDERS_Seite_1.jpg");} #item003.cycle-item {background-image:url("../images/640x480/076%2020170803%2001_RENDERS_Seite_2.jpg");} #item004.cycle-item {background-image:url("../images/640x480/076%2020170803%2001_RENDERS_Seite_3.jpg");} #item005.cycle-item {background-image:url("../images/640x480/077%2020170803%2001_RENDERS_Seite_4.jpg");} #item006.cycle-item {background-image:url("../images/640x480/078%2020170803%2001_RENDERS_Seite_5.jpg");} #item007.cycle-item {background-image:url("../images/640x480/079%2020170803%2001_RENDERS_Seite_6.jpg");} #item008.cycle-item {background-image:url("../images/640x480/080%2020170803%2001_RENDERS_Seite_7.jpg");} #item009.cycle-item {background-image:url("../images/640x480/081%2020170718%20SIMPLIOFFICE%20LEIPZIG%20PRESENTATION_Seite_08.jpg");} #item010.cycle-item {background-image:url("../images/640x480/082-20170309-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN-TXT.jpg");} #item011.cycle-item {background-image:url("../images/640x480/083-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item012.cycle-item {background-image:url("../images/640x480/084-20170307-SIMPLIOFFICE-KREFELD-3D-02-anablack-licht-AN.jpg");} #item013.cycle-item {background-image:url("../images/640x480/085-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item014.cycle-item {background-image:url("../images/640x480/086-20170307-SIMPLIOFFICE-KREFELD-3D-03-anablackIN-licht-AN.jpg");} #item015.cycle-item {background-image:url("../images/640x480/087-20170303%20SIMPLIOFFICE%20KREFELD%203D%20communication%2001.jpg");} #item016.cycle-item {background-image:url("../images/640x480/088-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-004.jpg");} #item017.cycle-item {background-image:url("../images/640x480/089-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-002.jpg");} #item018.cycle-item {background-image:url("../images/640x480/090-20170227-SIMPLIOFFICE-BERLIN-COMMUNICATION-AREA-ohne-logo-001.jpg");} #item019.cycle-item {background-image:url("../images/640x480/091-20170221-SIMPLIOFFICE-KREFELD-005.jpg");} #item020.cycle-item {background-image:url("../images/640x480/092-20170223-SIMPLIOFFICE-KREFELD-view-013.jpg");} #item021.cycle-item {background-image:url("../images/640x480/093-20170223-SIMPLIOFFICE-BERLIN_empfang-10.jpg");} #item022.cycle-item {background-image:url("../images/640x480/094-20170223-SIMPLIOFFICE-KREFELD-plan-003.jpg");} #item023.cycle-item {background-image:url("../images/640x480/095-20170223-SIMPLIOFFICE-KREFELD-plan-001.jpg");} #item024.cycle-item {background-image:url("../images/640x480/096-20170203-render_simpliunit_TXT.jpg");} #item025.cycle-item {background-image:url("../images/640x480/097-SimpliOffice.jpg");} #item026.cycle-item {background-image:url("../images/640x480/098-SimpliOffice.jpg");} #item027.cycle-item {background-image:url("../images/640x480/099-SimpliOffice.jpg");} }