.dm-device {
margin-bottom: 20px;
padding-bottom: 61.775701%;
position: relative;
width: 100%;
}
.dm-device img {
height: auto;
max-width: 100%;
}
.dm-device > .device {
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.dm-device > .device > .screen {
background-color: #3c3c3c;
bottom: 14.6747352%;
left: 13.364486%;
overflow: hidden;
position: absolute;
right: 13.364486%;
top: 11.0438729%;
}
.dm-device > .device > .screen .embed-youtube,
.dm-device > .device > .screen .jetpack-video-wrapper iframe,
.dm-device > .device > .screen iframe {
height: 100% !important;
width: 100% !important;
}
.dm-device > .device > .screen::-webkit-scrollbar {
display: none;
}
.dm-browser {
margin-bottom: 20px;
padding-bottom: 61.775701%;
position: relative;
width: 100%;
}
.dm-browser img {
border-right: 0 !important;
height: auto;
max-width: 100%;
}
.dm-browser > .device {
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.dm-browser > .device > .screen {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 15.043873%;
}
.dm-browser > .device > .screen .embed-youtube,
.dm-browser > .device > .screen iframe {
height: 100% !important;
width: 100% !important;
} .dm-device[data-device='imac'] {
padding-bottom: 81.230769%;
}
.dm-device[data-device='imac'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/imac.png);
}
.dm-device[data-device='imac'] > .device > .screen {
bottom: 31.6919192%;
left: 6.61538462%;
right: 6.61538462%;
top: 8.20707071%;
}
.dm-device[data-device='ipad'] {
padding-bottom: 128.406276%;
}
.dm-device[data-device='ipad'][data-orientation='portrait'] {
padding-bottom: 128.406276%;
}
.dm-device[data-device='ipad'][data-orientation='landscape'] {
padding-bottom: 79.9086758%;
}
.dm-device[data-device='ipad'] > .device,
.dm-device[data-device='ipad'][data-color='black'] > .device,
.dm-device[data-device='ipad'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/ipad_port_black.png);
}
.dm-device[data-device='ipad'][data-color='white'] > .device,
.dm-device[data-device='ipad'][data-orientation='portrait'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/ipad_port_white.png);
}
.dm-device[data-device='ipad'][data-orientation='landscape'] > .device,
.dm-device[data-device='ipad'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/ipad_land_black.png);
}
.dm-device[data-device='ipad'][data-orientation='landscape'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/ipad_land_white.png);
}
.dm-device[data-device='ipad'] > .device > .screen,
.dm-device[data-device='ipad'][data-orientation='portrait'] > .device > .screen {
bottom: 12.154341%;
left: 13.45995%;
right: 13.45995%;
top: 12.025723%;
}
.dm-device[data-device='ipad'][data-orientation='landscape'] > .device > .screen {
bottom: 13.87755102%;
left: 11.5459883%;
right: 11.5459883%;
top: 13.87755102%;
}
.dm-device[data-device='iphone5'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone5'][data-orientation='portrait'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone5'][data-orientation='landscape'] {
padding-bottom: 49.9701136%;
}
.dm-device[data-device='iphone5'] > .device,
.dm-device[data-device='iphone5'][data-color='black'] > .device,
.dm-device[data-device='iphone5'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5_port_black.png);
}
.dm-device[data-device='iphone5'][data-orientation='landscape'] > .device,
.dm-device[data-device='iphone5'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5_land_black.png);
}
.dm-device[data-device='iphone5'][data-color='white'] > .device,
.dm-device[data-device='iphone5'][data-orientation='portrait'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5_port_white.png);
}
.dm-device[data-device='iphone5'][data-orientation='landscape'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5_land_white.png);
}
.dm-device[data-device='iphone5'] > .device > .screen,
.dm-device[data-device='iphone5'][data-orientation='portrait'] > .device > .screen {
bottom: 16.28%;
left: 11.77%;
right: 11.77%;
top: 16.28%;
}
.dm-device[data-device='iphone5'][data-orientation='landscape'] > .device > .screen {
bottom: 11.722488%;
left: 16.0191273%;
right: 16.0191273%;
top: 11.722488%;
}
.dm-device[data-device='iphone5s'] {
padding-bottom: 210.477897%;
}
.dm-device[data-device='iphone5s'][data-orientation='portrait'] {
padding-bottom: 210.477897%;
}
.dm-device[data-device='iphone5s'][data-orientation='landscape'] {
padding-bottom: 46.970114%;
}
.dm-device[data-device='iphone5s'] > .device,
.dm-device[data-device='iphone5s'][data-color='black'] > .device,
.dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_port_black.png);
}
.dm-device[data-device='iphone5s'][data-orientation='landscape'] > .device,
.dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_land_black.png);
}
.dm-device[data-device='iphone5s'][data-color='white'] > .device,
.dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_port_white.png);
}
.dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_land_white.png);
}
.dm-device[data-device='iphone5s'][data-color='gold'] > .device,
.dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_port_gold.png);
}
.dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone5s_land_gold.png);
}
.dm-device[data-device='iphone5s'] > .device > .screen,
.dm-device[data-device='iphone5s'][data-orientation='portrait'] > .device > .screen {
bottom: 14.2%;
left: 8.6%;
right: 7.5%;
top: 14.7%;
}
.dm-device[data-device='iphone5s'][data-orientation='landscape'] > .device > .screen {
bottom: 8.5%;
left: 14.8%;
right: 14.2%;
top: 7.4%;
}
.dm-device[data-device='iphone6'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone6'][data-orientation='portrait'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone6'][data-orientation='landscape'] {
padding-bottom: 49.9701136%;
}
.dm-device[data-device='iphone6'] > .device,
.dm-device[data-device='iphone6'][data-color='black'] > .device,
.dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_port_black.png);
}
.dm-device[data-device='iphone6'][data-orientation='landscape'] > .device,
.dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_land_black.png);
}
.dm-device[data-device='iphone6'][data-color='silver'] > .device,
.dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='silver'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_port_silver.png);
}
.dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='silver'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_land_silver.png);
}
.dm-device[data-device='iphone6'][data-color='gold'] > .device,
.dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_port_gold.png);
}
.dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_land_gold.png);
}
.dm-device[data-device='iphone6'] > .device > .screen,
.dm-device[data-device='iphone6'][data-orientation='portrait'] > .device > .screen {
bottom: 12.1%;
left: 6.6%;
right: 6.6%;
top: 12.2%;
}
.dm-device[data-device='iphone6'][data-orientation='landscape'] > .device > .screen {
bottom: 6.1%;
left: 11.6%;
right: 11.6%;
top: 6%;
}
.dm-device[data-device='iphone6-plus'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone6-plus'][data-orientation='portrait'] {
padding-bottom: 200.477897%;
}
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'] {
padding-bottom: 49.9701136%;
}
.dm-device[data-device='iphone6-plus'] > .device,
.dm-device[data-device='iphone6-plus'][data-color='black'] > .device,
.dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_port_black.png);
}
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'] > .device,
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_land_black.png);
}
.dm-device[data-device='iphone6-plus'][data-color='silver'] > .device,
.dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='silver'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_port_silver.png);
}
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='silver'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_land_silver.png);
}
.dm-device[data-device='iphone6-plus'][data-color='gold'] > .device,
.dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_port_gold.png);
}
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='gold'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/iphone6_plus_land_gold.png);
}
.dm-device[data-device='iphone6-plus'] > .device > .screen,
.dm-device[data-device='iphone6-plus'][data-orientation='portrait'] > .device > .screen {
bottom: 11.6%;
left: 6.6%;
right: 6.2%;
top: 11.4%;
}
.dm-device[data-device='iphone6-plus'][data-orientation='landscape'] > .device > .screen {
bottom: 6.5%;
left: 11.4%;
right: 11.6%;
top: 6.3%;
}
.dm-device[data-device='lumia920'] {
padding-bottom: 172.796353%;
}
.dm-device[data-device='lumia920'][data-orientation='portrait'] {
padding-bottom: 172.796353%;
}
.dm-device[data-device='lumia920'][data-orientation='landscape'] {
padding-bottom: 56.3330381%;
}
.dm-device[data-device='lumia920'] > .device,
.dm-device[data-device='lumia920'][data-orientation='portrait'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/lumia920_port.png);
}
.dm-device[data-device='lumia920'][data-orientation='landscape'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/lumia920_land.png);
}
.dm-device[data-device='lumia920'] > .device > .screen,
.dm-device[data-device='lumia920'][data-orientation='portrait'] > .device > .screen {
bottom: 18.9973615%;
left: 13.5258359%;
right: 13.5258359%;
top: 10.6420405%;
}
.dm-device[data-device='lumia920'][data-orientation='landscape'] > .device > .screen {
bottom: 12.2641509%;
left: 10.5403012%;
right: 18.6005314%;
top: 12.2641509%;
}
.dm-device[data-device='macbook'] {
padding-bottom: 61.775701%;
}
.dm-device[data-device='macbook'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/macbook.png);
}
.dm-device[data-device='macbook'] > .device > .screen {
bottom: 14.6747352%;
left: 13.364486%;
right: 13.364486%;
top: 11.0438729%;
}
.dm-device[data-device="nexus7"] {
padding-bottom: 156.521739%;
}
.dm-device[data-device="nexus7"][data-orientation="portrait"] {
padding-bottom: 156.521739%;
}
.dm-device[data-device="nexus7"][data-orientation="landscape"] {
padding-bottom: 63.6678201%;
}
.dm-device[data-device="nexus7"] > .device,
.dm-device[data-device="nexus7"][data-orientation="portrait"] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/nexus7_port.png);
}
.dm-device[data-device="nexus7"][data-orientation="landscape"] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/nexus7_land.png);
}
.dm-device[data-device="nexus7"] > .device > .screen,
.dm-device[data-device="nexus7"][data-orientation="portrait"] > .device > .screen {
bottom: 12.7893519%;
left: 13.7681159%;
right: 13.7681159%;
top: 13.1365741%;
}
.dm-device[data-device="nexus7"][data-orientation="landscape"] > .device > .screen {
bottom: 13.7681159%;
left: 13.0911188%;
right: 13.0911188%;
top: 13.7681159%;
}
.dm-device[data-device='s3'] {
padding-bottom: 178.787879%;
}
.dm-device[data-device='s3'][data-orientation='portrait'] {
padding-bottom: 178.787879%;
}
.dm-device[data-device='s3'][data-orientation='landscape'] {
padding-bottom: 55.9322034%;
}
.dm-device[data-device='s3'] > .device,
.dm-device[data-device='s3'][data-color='black'] > .device,
.dm-device[data-device='s3'][data-orientation='portrait'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/s3_port_black.png);
}
.dm-device[data-device='s3'][data-orientation='landscape'] > .device,
.dm-device[data-device='s3'][data-orientation='landscape'][data-color='black'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/s3_land_black.png);
}
.dm-device[data-device='s3'][data-color='white'] > .device,
.dm-device[data-device='s3'][data-orientation='portrait'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/s3_port_white.png);
}
.dm-device[data-device='s3'][data-orientation='landscape'][data-color='white'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/s3_land_white.png);
}
.dm-device[data-device='s3'] > .device > .screen,
.dm-device[data-device='s3'][data-orientation='portrait'] > .device > .screen {
bottom: 15.5367232%;
left: 13.8383838%;
right: 13.8383838%;
top: 12.3728814%;
}
.dm-device[data-device='s3'][data-orientation='landscape'] > .device > .screen {
bottom: 13.8383838%;
left: 12.3728814%;
right: 15.5367232%;
top: 13.8383838%;
}
.dm-device[data-device='surface'] {
padding-bottom: 64.7584973%;
}
.dm-device[data-device='surface'][data-orientation='landscape'] {
padding-bottom: 64.7584973%;
}
.dm-device[data-device='surface'][data-orientation='landscape'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/surface.png);
}
.dm-device[data-device='surface'][data-orientation='landscape'] > .device > .screen {
bottom: 14.9171271%;
left: 9.36195587%;
right: 9.36195587%;
top: 14.5488029%;
}
.dm-device[data-device='surface'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/surface.png);
}
.dm-device[data-device='surface'] > .device > .screen {
bottom: 14.9171271%;
left: 9.36195587%;
right: 9.36195587%;
top: 14.5488029%;
} .dm-browser[data-device='chrome'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/chrome.png);
}
.dm-browser[data-device='chrome'] > .device > .screen {
border: 1px solid #f3f2f3;
top: 12.4%;
}
.dm-browser[data-device='firefox'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/firefox.png);
}
.dm-browser[data-device='firefox'] > .device > .screen {
border: 1px solid #f6f6f6;
top: 13.3%;
}
.dm-browser[data-device='safari'] > .device {
background-image: url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/safari.png);
}
.dm-browser[data-device='safari'] > .device > .screen {
border: 1px solid #eee;
top: 5.9%;
} .dm-stacked {
height: auto;
margin-bottom: 20px;
position: relative;
width: 100%;
}
.dm-stacked .dm-stacked-left,
.dm-stacked .dm-stacked-right {
bottom: 0;
position: absolute;
z-index: 10;
}
.dm-stacked .dm-stacked-left.iphone6,
.dm-stacked .dm-stacked-right.iphone6 {
width: 17%;
}
.dm-stacked .dm-stacked-left.iphone6.landscape,
.dm-stacked .dm-stacked-right.iphone6.landscape {
width: 39%;
}
.dm-stacked .dm-stacked-left.iphone6-plus,
.dm-stacked .dm-stacked-right.iphone6-plus {
width: 21%;
}
.dm-stacked .dm-stacked-left.iphone6-plus.landscape,
.dm-stacked .dm-stacked-right.iphone6-plus.landscape {
width: 46%;
}
.dm-stacked .dm-stacked-left.iphone5s,
.dm-stacked .dm-stacked-right.iphone5s {
width: 17%;
}
.dm-stacked .dm-stacked-left.iphone5s.landscape,
.dm-stacked .dm-stacked-right.iphone5s.landscape {
width: 37%;
}
.dm-stacked .dm-stacked-left.iphone5,
.dm-stacked .dm-stacked-right.iphone5 {
width: 16%;
}
.dm-stacked .dm-stacked-left.iphone5.landscape,
.dm-stacked .dm-stacked-right.iphone5.landscape {
width: 35%;
}
.dm-stacked .dm-stacked-left.ipad,
.dm-stacked .dm-stacked-right.ipad {
bottom: -12px;
width: 45%;
}
.dm-stacked .dm-stacked-left.ipad.landscape,
.dm-stacked .dm-stacked-right.ipad.landscape {
width: 65%;
}
.dm-stacked .dm-stacked-left.s3,
.dm-stacked .dm-stacked-right.s3 {
width: 20%;
}
.dm-stacked .dm-stacked-left.s3.landscape,
.dm-stacked .dm-stacked-right.s3.landscape {
width: 45%;
}
.dm-stacked .dm-stacked-left.nexus7,
.dm-stacked .dm-stacked-right.nexus7 {
width: 30%;
}
.dm-stacked .dm-stacked-left.nexus7.landscape,
.dm-stacked .dm-stacked-right.nexus7.landscape {
width: 50%;
}
.dm-stacked .dm-stacked-left.lumia920,
.dm-stacked .dm-stacked-right.lumia920 {
width: 20%;
}
.dm-stacked .dm-stacked-left.lumia920.landscape,
.dm-stacked .dm-stacked-right.lumia920.landscape {
width: 36%;
}
.dm-stacked .dm-stacked-left.surface,
.dm-stacked .dm-stacked-right.surface {
width: 45%;
}
.dm-stacked .dm-stacked-left {
left: 50px;
}
.dm-stacked .dm-stacked-right {
right: 50px;
}
.dm-stacked .dm-device {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.dm-stacked .dm-stacked-left {
left: 10px;
}
.dm-stacked .dm-stacked-right {
right: 10px;
}
}
.dm-hide-left {
margin-left: -70px;
overflow: hidden;
}
.dm-hide-left .dm-device {
position: relative;
right: 33.3333333333%;
}
.dm-hide-right {
margin-right: -70px;
overflow: hidden;
}
.dm-hide-right .dm-device {
left: 33.3333333333%;
position: relative;
}
.dm-width {
display: inline-block;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.dm-scroll > .device > .screen {
overflow-y: scroll;
}
} .slick-slider {
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
}
.slick-track::before,
.slick-track::after {
content: '';
display: table;
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(//dev.borispracht.de/wp-content/plugins/device-mockups/images/ajax-loader.gif) center center no-repeat;
}