/* GFY_WERBEMATERIAL_MOBILE_CONTENT_FIT_1_0_0 */
@media(max-width:850px){
.gfy-wm11,.gfy-wm11 *{min-width:0;box-sizing:border-box}
.gfy-wm11{width:100%;max-width:100%}
.gfy-wm11 .container,.gfy-wm11__container{width:100%;max-width:100%;padding-left:18px;padding-right:18px}
.gfy-wm11__hero-grid,.gfy-wm11__hero-grid>*,.gfy-wm11__hero-copy,.gfy-wm11__hero-visual,.gfy-wm11__quality,.gfy-wm11__quality>*,.gfy-wm11__grid,.gfy-wm11__card,.gfy-wm11__preview,.gfy-wm12-social,.gfy-wm12-social>*,.gfy-wm12-example-page,.gfy-wm12-example-content,.gfy-wm12-example-content>*,.gfy-wm122-banner-card,.gfy-wm122-banner-preview{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.gfy-wm11__hero-grid,.gfy-wm11__quality,.gfy-wm11__grid--3,.gfy-wm11__grid--2,.gfy-wm12-social,.gfy-wm12-example-content{grid-template-columns:minmax(0,1fr)}
.gfy-wm11__hero h1{max-width:100%;font-size:clamp(2rem,9vw,2.55rem);line-height:1.08;overflow-wrap:anywhere}
.gfy-wm11 p,.gfy-wm11 h2,.gfy-wm11 h3{max-width:100%;overflow-wrap:anywhere}
.gfy-wm11__browser,.gfy-wm11__mock-badge{width:100%;max-width:100%}
.gfy-wm11__browser-body{padding-left:18px;padding-right:18px}
.gfy-wm11__float-badge{right:8px;max-width:calc(100% - 16px)}
.gfy-wm11__preview,.gfy-wm11__preview--banner,.gfy-wm122-banner-preview{overflow-x:auto;overflow-y:hidden}
.gfy-wm11__preview img,.gfy-wm11__preview--banner img,.gfy-wm122-banner-preview img,.gfy-wm12-social img,.gfy-wm12-example-badge img{display:block;width:auto;max-width:100%;height:auto}
.gfy-wm11__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.gfy-wm11__actions a,.gfy-wm11__actions button,.gfy-wm12-download{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.gfy-wm11__card pre,.gfy-wm11__card code{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.gfy-wm12-example-page{padding-left:18px;padding-right:18px}
.gfy-wm12-example-brand{gap:12px}.gfy-wm12-example-content{gap:10px}
.gfy-wm12-example-content>div:first-child,.gfy-wm12-example-badge{padding-left:0;padding-right:0}
.gfy-wm12-example-content h3{font-size:clamp(1.55rem,7vw,2rem)}
.gfy-wm122-banner-head{min-width:0;max-width:100%}
}
@media(max-width:480px){.gfy-wm11 .container,.gfy-wm11__container{padding-left:14px;padding-right:14px}.gfy-wm11__hero h1{font-size:clamp(1.9rem,9.5vw,2.3rem)}}