.ronnin-4d{
Anzeige:Block;
Schriftfamilie: Open Sans;
}
.ronnin-4d-mobile{
Anzeige:keine;
}
@media screen und (max-width:980px) {
.ronnin-4d{
Anzeige:keine;
}
.ronnin-4d-mobile{
Anzeige:Block;
}
}
.ronnin-4d h2,h3{
Buchstabenabstand:1px;
Schriftfamilie: Open Sans;
}
/***Banner**/
.first-banner {
Anzeige:Block;
Position:relativ;
Mindesthöhe: 400 Pixel;
Höhe:auto;
Überlauf:versteckt;
}
.first-banner .banner-image{
Breite: 100 %;
}
.first-banner .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.first-banner .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.first-banner .text-block{
Position:absolut;
links: 17,5 %;
oben: 30 %;
Textausrichtung: links;
}
.first-banner .text-block .title{
Farbe: #fff;
Schriftgröße: 4,5rem;
Zeilenhöhe: 5,5rem;
}
.first-banner .text-block .title div{
Schriftstärke:normal;
}
.first-banner .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,75rem;
Zeilenhöhe: 1,75rem;
Rand oben: 3,5rem;
}
/*************** Einfache Funktionen *********************/
.simple-features{
Breite: 100 %;
Rand: automatisch;
Position: absolut;
links: 0;
unten: 5 %;
Polsterung:0 15 %;
}
.simple-features .list-unstyled {
padding-left: 0;
Listenstil: keiner;
}
.icon-group {
Anzeige: Flex;
}
.icon-group li {
Breite: 20 %;
Position: relativ;
Flex:1;
}
.icon-group li .icon {
Breite: 100px;
Höhe: 100px;
Rand: 0 automatisch 0,25rem automatisch;
Hintergrundgröße:enthalten;
}
.icon-group li span {
Textausrichtung: Mitte;
Anzeige: Block;
Schriftgröße: 1,25rem;
Farbe: #eeeeee;
}
.icon-group li:nth-child(1) .icon {
Hintergrund: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_1.png?v=1677827657) keine Wiederholung;
Hintergrundgröße: enthalten;
}
.icon-group li:nth-child(2) .icon {
Hintergrund: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_2.png?v=1677827657) keine Wiederholung;
Hintergrundgröße: enthalten;
}
.icon-group li:nth-child(3) .icon {
Hintergrund: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_3.png?v=1677827657) keine Wiederholung;
Hintergrundgröße: enthalten;
}
.icon-group li:nth-child(4) .icon {
Hintergrund: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_4.png?v=1677827657) keine Wiederholung;
Hintergrundgröße: enthalten;
}
.shoulderbag-banner1 .banner-image{
Position:relativ;
}
.video-btn {
Position:absolut;
oben: 43,5 %;
links:47 %;
Breite:70px;
Höhe:70px;
Hintergrund: URL(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) keine Wiederholung;
Hintergrundgröße: auto;
Filter: Schlagschatten(0 0 8px rgba(0,0,0,.12));
Perspektive: 1000px;
Sichtbarkeit der Rückseite: versteckt;
transform: TranslateZ(0);
Hintergrundgröße: enthalten;
}
.shoulderbag-banner1 .banner-image{
Cursor:Zeiger;
Hintergrundfarbe:#000;
}
.shoulderbag-banner1 .banner-image .box-ratio{
Zeilenhöhe:0;
}
.shoulderbag-banner1 .banner-image-mobile{
}
.shoulderbag-banner1 .banner-image .youtube{
Anzeige:keine;
Breite: 65 %;
Rand:auto;
Polsterung:5% 0;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner{
Breite: 100 %;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe{
Breite: 100 %;
}
.youtube iframe,.youtube-mobile iframe{
Breite: 100 %;
}
.shoulderbag-banner1 .banner-image .la-close{
Anzeige:keine;
Breite: 28px;
Höhe: automatisch;
Position: absolut;
Schriftgröße: 2,5rem;
rechts: 15 %;
oben: 5 %;
Farbe: #fff;
Zeilenhöhe: 38px;
}
.shoulderbag-banner1 .banner-image .video_overlay{
Breite: 100 %;
Höhe: 100 %;
Position: absolut;
Z-Index: 9;
Farbe: #000;
oben: 0;
links: 0;
Hintergrund: #000;
Deckkraft: 0,2;
}
/**************** Anforderungen erfüllen *********************/
.statisfy-needs {
Breite: 100 %;
Polsterung: 1 % 0 0 0;
klar: beides;
Position: relativ;
Hintergrund: #000;
}
.statisfy-needs .text-block{
Position:absolut;
oben:3%;
links:0;
Breite: 100 %;
Anzeige:Block;
Polsterung:2,5 % 1,5 %;
Textausrichtung: Mitte;
}
.statisfy-needs .text-block .title{
Farbe: #fff;
Schriftgröße: 4,25rem;
Zeilenhöhe: 5,25rem;
}
.statisfy-needs .text-block .content{
Farbe: #fefefe;
Schriftgröße: 1,75rem;
Zeilenhöhe: 2rem;
Schriftstärke: fett;
}
.statisfy-needs .text-block1{
top:unset;
links:0;
unten: 0;
Breite: 42,5 %;
}
.statisfy-needs .text-block2{
top:unset;
links:57,5 %;
unten:0;
Breite: 42,5 %;
}
/***m-station**/
.m-station {
Breite: 100 %;
Mindesthöhe: 400 Pixel;
Polsterung unten:2 %;
Hintergrund: #000;
}
.m-station .banner-image{
Breite:66 %;
Rand:auto;
}
.m-station .banner-image video{
Breite: 100 %;
Höhe:auto;
}
.m-station .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.m-station .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.m-station .text-block{
Breite: 100 %;
Textausrichtung: Mitte;
Polsterung:6 % 2 % 3,5 % 2 %;
}
.m-station .text-block .title{
Farbe: #fff;
Schriftgröße: 4,25rem;
Zeilenhöhe: 5,25rem;
}
.m-station .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,5rem;
Zeilenhöhe: 2,15rem;
Rand oben: 0,75rem;
}
#m-station-desktop.m-station{
Position: relativ;
}
#m-station-desktop.m-station .banner-image{
Breite: 100 %;
Anzeige: Flex;
Flex-Wrap: wickeln;
rechtfertigen-Inhalt: Mitte;
Position: -webkit-sticky;
Position: klebrig;
oben: 0;
Z-Index: 4;
Überlauf: versteckt;
}
#m-station-desktop.m-station .text-block1{
Breite: 100 %;
Deckkraft: 1;
Z-Index: 99;
Anzeige: Flex;
Höhe: 100 Vh;
rechtfertigen-Inhalt: Mitte;
Position: -webkit-sticky;
Position: klebrig;
oben: 0;
Polsterung oben: 192px;
Marge: -100vh auto 0;
}
#m-station-desktop.m-station .text-block-inner{
}
#m-station-desktop.m-station .video-intro__inner{
Breite: 100 %;
}
#m-station-video .text-block{
Deckkraft:0;
-webkit-transition: Deckkraft 1s Leichtigkeit;
-moz-transition: Deckkraft 1s Leichtigkeit;
Übergang: Deckkraft 1s Leichtigkeit;
Position: absolut;
Z-Index: 1;
oben: 0;
links: 0;
Breite: 100 %;
}
/***verstellbarer Riemen**/
.einstellbar {
Position:relativ;
Mindesthöhe: 400 Pixel;
}
.anpassbares .Bannerbild{
Breite: 100 %;
}
.einstellbares .Box-Verhältnis {
Hintergrundfarbe: nicht gesetzt;
}
.adjustable .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.anpassbares .gif-Bild{
Position:absolut;
Breite: 55 %;
links: 45 %;
oben: 15 %;
Textausrichtung: links;
}
.anpassbares .gif-Bildvideo{
Breite: 100 %;
Höhe:auto;
}
.einstellbarer .Textblock{
Position:absolut;
Breite: 45 %;
links: 12,5 %;
oben: 35 %;
Textausrichtung: links;
}
.adjustable .text-block .title{
Farbe: #fff;
Schriftgröße: 4,5rem;
Zeilenhöhe: 5,75rem;
}
.einstellbarer .Textblock .Inhalt{
Farbe: #ddd;
Schriftgröße: 1,6rem;
Zeilenhöhe: 2,35rem;
Rand oben: 2rem;
}
/***ordentlich**/
.ordentlich {
Position:relativ;
Breite: 100 %;
Mindesthöhe: 400 Pixel;
Polsterung unten: 7,5 %;
Hintergrund: #000;
}
.neat .banner-image{
Breite:72%;
Rand:auto;
}
.neat .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.neat .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.neat .text-block{
Breite: 100 %;
Textausrichtung: Mitte;
Polsterung: 5 % 2 % 4 % 2 %;
}
.neat .text-block .title{
Farbe: #fff;
Schriftgröße: 4,25rem;
Zeilenhöhe: 5,25rem;
}
.neat .text-block .content{
Farbe: #eee;
Schriftgröße: 1,5rem;
Zeilenhöhe: 2,15rem;
Rand oben: 0,5rem;
}
/***ordentlich**/
.sidetop {
Position:relativ;
Breite: 100 %;
Mindesthöhe: 400 Pixel;
Polsterung unten: 5 %;
Hintergrund: #000;
}
.sidetop .banner-image{
Breite: 33 %;
Marge: 0 0 0 57,5 %;
}
.sidetop .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.sidetop .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.sidetop .text-block{
Position:absolut;
Breite: 50 %;
links: 20 %;
oben: 27,5 %;
Textausrichtung: links;
Z-Index:1;
}
.sidetop .text-block .title{
Farbe: #fff;
Schriftgröße: 4,5rem;
Zeilenhöhe: 5,75rem;
}
.sidetop .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,6rem;
Zeilenhöhe: 2,35rem;
Rand oben: 2rem;
}
/***ordentlich**/
.strap-pockets {
Breite: 100 %;
Mindesthöhe: 400 Pixel;
Höhe:auto;
Überlauf:versteckt;
Hintergrund:#000;
}
.strap-pockets .rows{
Breite: 100 %;
Höhe:auto;
}
.strap-pockets .row{
Breite: 100 %;
Anzeige:flex;
Höhe:auto;
}
.strap-pockets .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.strap-pockets .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.strap-pockets .row .two-column{
Breite: 50 %;
Anzeige:flex;
Höhe:auto;
Position:relativ;
}
.strap-pockets .text-block{
Anzeige:Tabelle;
Position:absolut;
Breite: 85 %;
Höhe: 100 %;
links: 15 %;
oben: 0;
Textausrichtung: links;
Z-Index:1;
}
.strap-pockets .text-block .text-block-inner{
display:table-cell;
vertikal ausrichten:mitte;
}
.strap-pockets .row:nth-child(even) .text-block{
links:nicht gesetzt;
rechts: 15 %;
Textausrichtung: rechts;
}
.strap-pockets .text-block .title{
Farbe: #fff;
Schriftgröße: 4,25rem;
Zeilenhöhe: 5,5rem;
}
.strap-pockets .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,5rem;
Zeilenhöhe: 1,75rem;
margin-top:2rem;
}
/***optimal**/
.optimal {
Position:relativ;
Breite: 100 %;
Mindesthöhe: 400 Pixel;
Hintergrund: #000;
Polsterung: 7,5 % 0 5 % 0;
}
.optimal .banner-image{
Breite: 30 %;
Marge: 0,1 % 0,54 %;
}
.optimales .Box-Verhältnis {
Hintergrundfarbe: nicht gesetzt;
}
.optimal .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.optimal .text-block{
Position:absolut;
Breite: 50 %;
links: 17,5 %;
oben: 30 %;
Textausrichtung: links;
Z-Index:1;
}
.optimal .text-block .title{
Farbe: #fff;
Schriftgröße: 4,5rem;
Zeilenhöhe: 5,5rem;
}
.optimal .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,5rem;
Zeilenhöhe: 2,25rem;
Rand oben: 2rem;
}
.multi-handles {
Breite: 100 %;
Hintergrund: #000;
Höhe: automatisch;
Anzeige: Block;
Überlauf: versteckt;
}
.multi-handles .multi-handles-inner {
Anzeige:flex;
Breite:80%;
Marge: 2,5 % automatisch 7,5 % automatisch;
Spaltenabstand: 0,7 %;
}
.multi-handles .multi-handles-inner .collection-image .box-ratio{
Rand: durchgehend 1px #333;
}
.multi-handles .multi-handles-inner .left-image{
Position:relativ;
Breite: 49,65 %;
}
.multi-handles .multi-handles-inner .right-images{
Breite: 49,65 %;
Anzeige:flex;
Spaltenabstand: 1,2 %;
Zeilenabstand: 1 %;
flex-wrap:wrap;
}
.multi-handles .multi-handles-inner .right-images .collection-image{
Breite: 49,4 %;
Position:relativ;
Anzeige: Tisch;
}
.multi-handles .multi-handles-inner .right-images .collection-image:nth-child(1){
Breite: 100 %;
}
.multi-handles .multi-handles-inner .right-images .collection-image .box-ratio{
vertikal ausrichten: Mitte;
Anzeige: Tabellenzelle;
Hintergrundfarbe: nicht gesetzt;
}
.multi-handles .multi-handles-inner .collection-image .caption{
Position:absolut;
links:5 %;
Breite: 95 %;
text-align:left;
unten:1,5rem;
Farbe:#fff;
Schriftgröße:1.4rem;
Zeilenhöhe:1,75rem;
Schriftstärke:fett;
}
/*** spritzwassergeschützt **/
.Freiheit {
Position:relativ;
Mindesthöhe: 400 Pixel;
Hintergrund:#000;
Polsterung unten: 5 %;
}
.freedom .banner-image{
Breite: 100 %;
}
.freedom .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.freedom .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.freedom .text-block{
Position:absolut;
Breite: 60 %;
rechts: 7,5 %;
oben: 17,5 %;
Textausrichtung: rechts;
}
.freedom .text-block .title{
Farbe: #fff;
Schriftgröße: 4,75rem;
Zeilenhöhe: 6rem;
}
.freedom .text-block .content{
Farbe: #ccc;
Schriftgröße: 1,6rem;
Zeilenhöhe: 2,35rem;
Rand oben: 2rem;
}
.freedom .imgs {
Anzeige:flex;
Breite: 100 %;
margin-top:1%;
Spaltenabstand: 1 %;
}
.freedom .imgs .collection-image{
Breite: 47,8 %;
Position:relativ;
}
.freedom .imgs .collection-image:first-child{
Breite: 52,2 %;
}
.freedom .imgs .collection-image .caption{
Position:absolut;
links:5 %;
Breite: 95 %;
text-align:left;
unten:1,5rem;
Farbe:#fff;
Schriftgröße:1.4rem;
Zeilenhöhe:1,75rem;
Schriftstärke:fett;
}
@media screen und (max-width:1800px) {
.shape-block .text-block .content br {
Anzeige:keine;
}
}
@media screen und (max-width:1660px) {
.adjustable .text-block {
links: 12 %;
oben: 37,5 %;
}
.strap-pockets .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,5rem;
}
}
@media screen und (max-width:1550px) {
.first-banner .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,25rem;
}
.first-banner .text-block .content {
Schriftgröße: 1,5rem;
Zeilenhöhe: 1,5rem;
Rand oben: 2rem;
}
.simple-features {
unten: 4 %;
Polsterung: 0 10 %;
}
.icon-group li .icon {
Breite: 80px;
Höhe: 80px;
}
.icon-group li span {
Schriftgröße: 1rem;
}
.statisfy-needs .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,25rem;
}
.statisfy-needs .text-block .content {
Schriftgröße: 1,5rem;
Zeilenhöhe: 1,5rem;
}
.m-station .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,25rem;
}
.m-station .text-block .content {
Schriftgröße: 1,25rem;
Zeilenhöhe: 1,5rem;
}
.adjustable .text-block .title {
Schriftgröße: 3,35rem;
Zeilenhöhe: 4rem;
}
.adjustable .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,75rem;
Rand oben: 1,5rem;
}
.neat .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,25rem;
}
.sidetop .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,25rem;
}
.sidetop .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,75rem;
Rand oben: 1,5rem;
}
.strap-pockets .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,5rem;
}
.strap-pockets .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,5rem;
Rand oben: 1rem;
}
.strap-pockets .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,5rem;
Rand oben: 1rem;
}
.optimal .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,5rem;
}
.optimal .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,75rem;
Rand oben: 1,5rem;
}
.multi-handles-inner .collection-image .caption {
Schriftgröße: 1rem;
Zeilenhöhe: 1,35rem;
}
.freedom .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 4,5rem;
}
.freedom .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,75rem;
}
.freedom .imgs .collection-image .caption {
Schriftgröße: 1rem;
Zeilenhöhe: 1,35rem;
}
}
@media screen und (max-width:1420px) {
}
@media screen und (max-width:1320px) {
}
@media screen und (max-width:1220px) {
.first-banner .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.first-banner .text-block .content {
Schriftgröße: 1,25rem;
Zeilenhöhe: 1,25rem;
Rand oben: 2rem;
}
.simple-features {
unten: 4 %;
Polsterung: 0 10 %;
}
.icon-group li .icon {
Breite: 55px;
Höhe: 55px;
}
.icon-group li span {
Schriftgröße: 0,95rem;
}
.statisfy-needs .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.statisfy-needs .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,5rem;
}
.m-station .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.m-station .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,5rem;
}
.adjustable .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.adjustable .text-block .content {
Schriftgröße: 1rem;
Zeilenhöhe: 1,5rem;
Rand oben: 1,5rem;
}
.neat .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.sidetop .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.sidetop .text-block .content {
Schriftgröße: 1.125rem;
Zeilenhöhe: 1,75rem;
Rand oben: 1,5rem;
}
.strap-pockets .text-block .title {
Schriftgröße: 2,25rem;
Zeilenhöhe: 2,75rem;
}
.strap-pockets .text-block .content {
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,5rem;
Rand oben: 1rem;
}
.optimal .text-block .title {
Schriftgröße: 2,75rem;
Zeilenhöhe: 3,25rem;
}
.optimal .text-block .content {
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,65rem;
Rand oben: 1,25rem;
}
.multi-handles-inner .collection-image .caption {
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
}
.freedom .text-block .title {
Schriftgröße: 2,25rem;
Zeilenhöhe: 2,75rem;
}
.freedom .text-block .content {
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,65rem;
}
.freedom .imgs .collection-image .caption {
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
}
}
@media screen und (max-width:980px) {
.first-banner .text-block {
oben: 15 %;
}
.first-banner .text-block .title {
Schriftgröße: 3,5rem;
Zeilenhöhe: 3,75rem;
}
.first-banner .text-block .title span{
Schriftstärke:normal;
}
.first-banner .text-block .content {
Schriftgröße: 1,25rem;
Zeilenhöhe: 1,35rem;
Rand oben: 2rem;
}
.simple-features {
Polsterung: 0 5 %;
}
.video-btn {
Anzeige: Block;
Breite: 60px;
Höhe: 60px;
}
.shoulderbag-banner1{
Hintergrund: #000;
Mindestbreite: 360 Pixel;
Polsterung oben:2 %;
Mindesthöhe: 360 Pixel;
}
.shoulderbag-banner1 .banner-image-mobile{
Anzeige:Block;
Position:relativ;
}
.shoulderbag-banner1 .banner-image-mobile .la-close{
Anzeige:keine;
Breite: 28px;
Höhe: automatisch;
Position: absolut;
Schriftgröße: 2,2rem;
rechts: 5px;
oben: 5px;
Farbe: #eee;
Zeilenhöhe: 30px;
}
.shoulderbag-banner1 .banner-image-mobile .youtube-mobile{
Anzeige:keine;
Breite: 100 %;
Höhe: 100 %;
}
.banner-image-mobile{
Hintergrund:#000;
Farbe: #fff;
Breite: 100 %;
Höhe:auto;
Position:relativ;
}
.youtube-mobile iframe{
Breite: 100 %;
}
/***mobile-static-block**/
.static-block-m {
Mindesthöhe: 300 Pixel;
Position:relativ;
Hintergrund: #000;
Polsterung unten: 0;
}
.static-block-m .banner-image{
Position:relativ;
Breite: 100 %;
}
.static-block-m .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .text-block{
Position: nicht gesetzt;
Breite: 100 %;
Textausrichtung: links;
margin-top:0;
Polsterung: 12,5 % 2 % 7,5 % 5 %;
}
.static-block-m .text-block .title{
Farbe: #fff;
Schriftgröße: 3,25rem;
Zeilenhöhe: 3,85rem;
Rand unten: 0,5rem;
}
.static-block-m .text-block .content{
Farbe: #ddd;
Schriftgröße: 1,35rem;
Zeilenhöhe: 1,75rem;
Rand oben: 1,25rem;
}
.static-block-m .caption{
Farbe: #fff;
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
Position: absolut;
Breite: 92,5 %;
Textausrichtung: links;
oben: nicht gesetzt;
links:5 %;
unten: 5 %;
}
.m-station .text-block {
Polsterung oben: 3 %;
}
.adjustable .text-block .content {
Schriftgröße: 1,35rem;
}
.statisfy-needs .caption {
Schriftgröße: 1,2rem;
Zeilenhöhe: 1,5rem;
}
.statisfy-needs .text-block {
Position: absolut;
Breite: 100 %;
Textausrichtung: links;
Rand oben: 0;
Polsterung: 12,5 % 2 % 5 % 5 %;
oben: 0;
links: 0;
}
.neat .text-block {
Polsterung unten: 0;
}
.sidetop .text-block {
Polsterung unten: 0;
}
.optimal {
Polsterung oben: 2,5 %;
}
.optimal .text-block {
Polsterung unten: 0;
}
.optimal .banner-image {
Breite: 100 %;
Rand:0;
}
.sidetop .banner-image {
Breite: 100 %;
margin-left:0;
}
.multi-handles-m {
Breite: 100 %;
Hintergrund: #000;
Höhe: automatisch;
Anzeige: Block;
Überlauf: versteckt;
}
.multi-handles-m .multi-handles-inner {
Breite: 100 %;
Marge: 2 % automatisch 5 % automatisch;
}
.multi-handles-m .multi-handles-inner .left-image{
Position:relativ;
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images{
Breite: 100 %;
Anzeige:flex;
Spaltenabstand: 1,2 %;
Zeilenabstand: 1 %;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
Breite: 49,4 %;
Position:relativ;
Anzeige: Tisch;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertikal ausrichten: Mitte;
Anzeige: Tabellenzelle;
Hintergrundfarbe: nicht gesetzt;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
Position:absolut;
links:5 %;
Breite: 95 %;
text-align:left;
unten:1,5rem;
Farbe:#fff;
Schriftgröße:1,25rem;
Zeilenhöhe:1,5rem;
}
.freedom .text-block {
Polsterung oben: 10 %;
}
.freedom .banner-image .caption {
unten: 4 %;
Schriftgröße: 1,25rem;
Zeilenhöhe: 1,5rem;
}
.freedom .imgs .collection-image .caption {
Schriftstärke:normal;
Schriftgröße: 1,25rem;
Zeilenhöhe: 1,5rem;
}
}
@media screen und (max-width:500px) {
.first-banner .text-block {
links: 0;
oben: 10 %;
Textausrichtung: Mitte;
Breite: 100 %;
}
.first-banner .text-block .title {
Schriftgröße: 2,5rem;
Zeilenhöhe: 2,75rem;
}
.first-banner .text-block .title span{
Schriftstärke:normal;
}
.first-banner .text-block .content {
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,35rem;
Rand oben: 1rem;
Farbe: #eee;
}
.simple-features {
Anzeige:keine;
}
.video-btn {
Anzeige: Block;
Breite: 40px;
Höhe: 40px;
}
/***mobile-static-block**/
.static-block-m {
Mindesthöhe: 300 Pixel;
Position:relativ;
Hintergrund: #000;
Polsterung unten: 0;
}
.static-block-m .banner-image{
Position:relativ;
Breite: 100 %;
}
.static-block-m .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .text-block{
Position: nicht gesetzt;
Breite: 100 %;
Textausrichtung: links;
margin-top:0;
Polsterung: 12,5 % 2 % 7,5 % 5 %;
}
.static-block-m .text-block .title{
Farbe: #fff;
Schriftgröße: 2,55rem;
Zeilenhöhe: 3rem;
Rand unten: 0,5rem;
}
.static-block-m .text-block .content{
Farbe: #ccc;
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,35rem;
Rand oben: 1rem;
}
.static-block-m .caption{
Farbe: #fff;
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
Position: absolut;
Breite: 92,5 %;
Textausrichtung: links;
oben: nicht gesetzt;
links:5 %;
unten: 5 %;
}
.m-station .text-block {
Polsterung oben: 3 %;
}
.adjustable .text-block .content {
Schriftgröße: 1,05rem;
}
.statisfy-needs .caption {
Schriftgröße: 1,3rem;
Zeilenhöhe: 1,5rem;
}
.statisfy-needs .text-block {
Position: absolut;
Breite: 100 %;
Textausrichtung: links;
Rand oben: 0;
Polsterung: 12,5 % 2 % 5 % 5 %;
oben: 0;
links: 0;
}
.neat .text-block {
Polsterung unten: 0;
}
.sidetop .text-block {
Polsterung unten: 0;
}
.optimal {
Polsterung oben: 2,5 %;
}
.optimal .text-block {
Polsterung unten: 0;
}
.optimal .banner-image {
Breite: 100 %;
Rand:0;
}
.sidetop .banner-image {
Breite: 100 %;
margin-left:0;
}
.multi-handles-m {
Breite: 100 %;
Hintergrund: #000;
Höhe: automatisch;
Anzeige: Block;
Überlauf: versteckt;
}
.multi-handles-m .multi-handles-inner {
Breite: 100 %;
Marge: 2 % automatisch 5 % automatisch;
}
.multi-handles-m .multi-handles-inner .left-image{
Position:relativ;
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images{
Breite: 100 %;
Anzeige:flex;
Spaltenabstand: 1,2 %;
Zeilenabstand: 1 %;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
Breite: 49,4 %;
Position:relativ;
Anzeige: Tisch;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertikal ausrichten: Mitte;
Anzeige: Tabellenzelle;
Hintergrundfarbe: nicht gesetzt;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
Position:absolut;
links:5 %;
Breite: 95 %;
text-align:left;
unten:1,5rem;
Farbe:#fff;
Schriftgröße:0,85rem;
Zeilenhöhe:1.2rem;
}
.freedom .text-block {
Polsterung oben: 10 %;
}
.freedom .banner-image .caption {
unten: 4 %;
Schriftgröße: 0,9rem;
Zeilenhöhe: 1,25rem;
}
.freedom .imgs .collection-image .caption {
Schriftstärke:normal;
Schriftgröße: 0,9rem;
Zeilenhöhe: 1,15rem;
}
}
@media screen und (max-width:380px) {
.first-banner .text-block .title {
Schriftgröße: 2,15rem;
Zeilenhöhe: 2,5rem;
}
.first-banner .text-block .title span{
Schriftstärke:normal;
}
.first-banner .text-block .content {
Schriftgröße: 1,05rem;
Zeilenhöhe: 1,35rem;
Rand oben: 1rem;
Farbe: #eee;
}
.simple-features {
Anzeige:keine;
}
.video-btn {
Anzeige: Block;
Breite: 40px;
Höhe: 40px;
}
/***mobile-static-block**/
.static-block-m {
Mindesthöhe: 300 Pixel;
Position:relativ;
Hintergrund: #000;
Polsterung unten: 0;
}
.static-block-m .banner-image{
Position:relativ;
Breite: 100 %;
}
.static-block-m .box-ratio {
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .box-ratio img{
Hintergrundfarbe: nicht gesetzt;
}
.static-block-m .text-block{
Position: nicht gesetzt;
Breite: 100 %;
Textausrichtung: links;
margin-top:0;
Polsterung: 12,5 % 2 % 5 % 5 %;
}
.static-block-m .text-block .title{
Farbe: #fff;
Schriftgröße: 2,25rem;
Zeilenhöhe: 2,5rem;
Rand unten: 0,5rem;
}
.static-block-m .text-block .content{
Farbe: #ddd;
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
Rand oben: 0;
}
.static-block-m .caption{
Farbe: #fff;
Schriftgröße: 1rem;
Zeilenhöhe: 1,25rem;
Position: absolut;
Breite: 92,5 %;
Textausrichtung: links;
oben: nicht gesetzt;
links:5 %;
unten: 5 %;
}
.m-station .text-block {
Polsterung oben: 3 %;
}
.adjustable .text-block .content {
Schriftgröße: 0,95rem;
}
.statisfy-needs .caption {
Schriftgröße: 1,15rem;
Zeilenhöhe: 1,25rem;
}
.statisfy-needs .text-block {
Position: absolut;
Breite: 100 %;
Textausrichtung: links;
Rand oben: 0;
Polsterung: 9,5 % 2 % 7,5 % 5 %;
oben: 0;
links: 0;
}
.neat .text-block {
Polsterung unten: 0;
}
.sidetop .text-block {
Polsterung unten: 0;
}
.optimal {
Polsterung oben: 2,5 %;
}
.optimal .text-block {
Polsterung unten: 0;
}
.optimal .banner-image {
Breite: 100 %;
Rand:0;
}
.sidetop .banner-image {
Breite: 100 %;
margin-left:0;
}
.multi-handles-m {
Breite: 100 %;
Hintergrund: #000;
Höhe: automatisch;
Anzeige: Block;
Überlauf: versteckt;
}
.multi-handles-m .multi-handles-inner {
Breite: 100 %;
Marge: 2 % automatisch 5 % automatisch;
}
.multi-handles-m .multi-handles-inner .left-image{
Position:relativ;
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images{
Breite: 100 %;
Anzeige:flex;
Spaltenabstand: 1,2 %;
Zeilenabstand: 1 %;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
Breite: 49,4 %;
Position:relativ;
Anzeige: Tisch;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
Breite: 100 %;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertikal ausrichten: Mitte;
Anzeige: Tabellenzelle;
Hintergrundfarbe: nicht gesetzt;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
Position:absolut;
links:5 %;
Breite: 95 %;
text-align:left;
unten:1,5rem;
Farbe:#fff;
Schriftgröße:0,85rem;
Zeilenhöhe:1.2rem;
}
.freedom .text-block {
Polsterung oben: 10 %;
}
.freedom .banner-image .caption {
unten: 4 %;
Schriftgröße: 0,9rem;
Zeilenhöhe: 1,25rem;
}
.freedom .imgs .collection-image .caption {
Schriftstärke:normal;
Schriftgröße: 0,9rem;
}
}
DJI Ronin 4D
Rucksack
Trage die Kraft der Schöpfung
Maßgeschneidertes Design
Integrierte Kreationsplattform
Speicherlösung aus einer Hand
Immer bequem tragen
Erfüllen Sie sowohl die Arbeits- als auch die Aufbewahrungsanforderungen
Ihre mobile
Workstation
Das Hauptgehäuse des Ronin 4D kann mit einem Beetle-Kameraclip an der Rückwand befestigt werden.
Verstellbarer
Kameragurt
Gimbal und Kamera können flexibel und einfach vor dem Körper eingesetzt werden.
Alles
ordentlich organisiert
Seiten- und Oberhitzeauslässe
Mit Hilfe des Klettverschlusses an der Frontklappe ist es perfekt für den ganzjährigen Einsatz geeignet.
Schultergurt-Aufbewahrung
Smartphone
Greifen Sie schnell und einfach auf Ihr Smartphone zu.
Vordertasche
zur Aufbewahrung von Accessoires
Festplatte, Speicherkarte, Datenkabel usw.
Optimale
Lastübertragung
Der Rucksack verfügt über das fortschrittliche Tragesystem von OneMo2, das über eine hochentwickelte Rückwand sowie mehrere Riemen für eine gleichmäßige Gewichtsverteilung verfügt.
Abnehmbarer Hüftgurt
Mit weicher Polsterung, die den Druck erheblich entlastet
EAV-Schaum und Scuba-Strick
Stoff sorgen für zusätzlichen Komfort
Verstellbares Brustbein
Der Riemen ermöglicht einfaches Atmen
Stabilisierungsgurt hilft, die Last auszubalancieren
Freiheit zu arbeiten
Überall
Die schwarze Farbe und die spritzwassergeschützte PU-Beschichtung machen ihn zum perfekten Rucksack für einen Tag im Freien.
Der spritzwassergeschützte YKK-Reißverschluss sorgt für zusätzliche Sicherheit.
Spezielles verschleißfestes
Material an der Unterseite hält starker Beanspruchung stand.
DJI Ronin 4D
Rucksack
Trage die Kraft der Schöpfung
Maßgeschneidertes Design
Integrierte Kreationsplattform
Speicherlösung aus einer Hand
Immer bequem tragen
Erfüllen Sie sowohl die Arbeits- als auch die Aufbewahrungsanforderungen
Eine für Mobilgeräte geeignete Plattform
Eine intelligente Aufbewahrungslösung
Verstellbarer
Kameragurt
Gimbal und Kamera können flexibel und einfach vor dem Körper eingesetzt werden.
Alles ordentlich organisiert
Seiten- und Oberhitzeauslässe
Mit Hilfe des Klettverschlusses an der Frontklappe ist es perfekt für den ganzjährigen Einsatz geeignet.
Schultergurt
zur Aufbewahrung des Smartphones
Greifen Sie schnell und einfach auf Ihr Smartphone zu.
Vordertasche
zur Aufbewahrung von Accessoires
Festplatte, Speicherkarte, Datenkabel usw.
Optimale Lastübertragung
Der Rucksack verfügt über das fortschrittliche Tragesystem von OneMo2, das über eine hochentwickelte Rückwand sowie mehrere Gurte für eine gleichmäßige Gewichtsverteilung verfügt.
Abnehmbarer Hüftgurt
Mit weicher Polsterung, die den Druck erheblich entlastet
Stabilisierungsgurt hilft, die Last auszubalancieren
EAV-Schaum und Scuba-Strick
Stoff sorgen für zusätzlichen Komfort
Verstellbares Brustbein
Der Riemen ermöglicht einfaches Atmen
Freiheit zu arbeiten
Überall
Die schwarze Farbe und die spritzwassergeschützte PU-Beschichtung machen ihn zum perfekten Rucksack für einen Tag im Freien.
Der spritzwassergeschützte YKK-Reißverschluss sorgt für zusätzliche Sicherheit.
Das spezielle, verschleißfeste
Material an der Unterseite hält starker Beanspruchung stand.